@charset "utf-8";
/*
        Title # Liviva Consultants
        Date  # 04 April 2016
*/

*{ padding:0px; margin:0px; }

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body{ padding:0px; margin:0px; background:#000; font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-weight:normal; }

.top-full{ width:100%; float:left; position:relative; background:#FFF url(../images/lc-top.gif) top center repeat-x; z-index:2; }
.header-full{ width:100%; float:left; position:relative; background:#FFF; }
.header-full img{ width:100%; }
.index-slide-full{ width:100%; float:left; position:relative; background:#FFF; }
.index-body-full{ width:100%; float:left; position:relative; background:#f7f6f2; }
.body-full{ width:100%; float:left; position:relative; background:#FFF; }
/*.body-full2{ width:100%; float:left; position:relative; background:#fbfbfb; }*/
.bottom-full{ width:100%; float:left; position:relative; background:#fdfcfb; }
.footer-full{ width:100%; float:left; position:relative; background:#000 url(../images/lc-footer2.gif) bottom right no-repeat; }


.wrap{
    width:1270px;
    margin:auto;
    text-align:left;
}

.wrap-1000{
    width:1000px;
    margin:auto;
    text-align:left;
}

.wrap-920{
    width:920px;
    margin:auto;
    text-align:left;
}

.wrap-820{
    width:820px;
    margin:auto;
    text-align:left;
}

h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px; }
p{ padding:0px; margin:0px; text-align: justify; }
li {text-align: justify;}
address{ padding:0px; margin:0px; }

pre{ padding:0px; margin:0px; }

blockquote{ padding:0px; margin:0px; padding-left:20px; }

ul,ol{ padding:0px; margin:0px; }

a{ color:#333333; text-decoration:none; }
a img{ border:0px; }

img{ max-width:100%; height:auto; }

hr{ border:#333333; }

q{ font-size:12px; }

s{ color:#333333; }

strike{ color:#333333; }

sub, sup { font-size :75%; line-height:0; position:relative; vertical-align:baseline; }

sup { top :-.5em; }

.clear {clear:both;}	

table, table th, table td, cellpadding, cellspacing, border{
    border: medium none;
    border-collapse: collapse;
    padding: 0;
}

h1{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:36px; color: #000; line-height:40px; margin-bottom:20px; }

h2{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:30px; color: #000; line-height:35px; margin-bottom:20px; }

h3{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:24px; color: #000; line-height:30px; margin-bottom:20px; }

h4{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:18px; color: #000; line-height:24px;	margin-bottom:20px; }

h5{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:18px; color: #000; line-height:18px; margin-bottom:20px; }

h6{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:12px; color: #000; line-height:18px; margin-bottom:20px; }

p{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif;	font-size:15px;	color: #000; line-height:22px; margin-bottom:20px; }


header, footer, section, aside, nav, article {
    display: block;
}	


header, nav, footer {
    margin:0px 0px;
}

.inputbox{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:15px; color: #000; line-height:30px; height:30px; border:1px solid #000; background:#FFF; width:100%; padding:5px 10px; }


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Text <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.prepand{ padding-top:5px; }
.prepand2{ padding-top:10px; }
.prepand3{ padding-top:15px; }
.prepand4{ padding-top:20px; }
.prepand5{ padding-top:25px; }

.margin{ margin-top:30px; }

.align-right{ text-align:right; }
.align-center{ text-align:center; }

.font{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:12px; font-weight:normal; color:#666666; line-height:18px; margin-bottom:25px; }
.font a{ color:#666666; }
.font2{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:14px; font-weight:normal; color:#fe5c02; line-height:18px; margin-bottom:25px; }
.font2 a{ color:#fe5c02; }
.font3{ font-family: 'simsunregular'; font-size:14px; font-weight:normal; color:#fe5c02; line-height:18px; margin-bottom:25px; }
.font3 a{ color:#fe5c02; }
.font4{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:12px; font-weight:normal; color:#666666; line-height:18px; }
.font a{ color:#666666; }
.font5{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:14px; font-weight:normal; color:#fe5c02; line-height:20px; text-transform:uppercase; }

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Text <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Top <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

section.top{
    width:100%;
    padding:17px 0px 25px 0px;
    float:left;
    position:relative;			
}

.logo{
    width:100%;
    padding:0px 0px 7px 0px;
    float:left;
    position:relative;
}

.logo span{ margin-left:10px; }

.top-icon{
    width:auto;
    position:absolute;
    float:left;
    right:0px;		  
    bottom:25px;
    z-index:1;
}

.top-icon img{
    height: 50px;
    margin-left: 0; }

.social-icon{
    width:auto;
    padding:0px 0px 0px 21px;
    float:left;
    position:absolute;
    top: 23px;
    right: 0; }

.social-icon img{ margin-left:8px; }

.social-icon a {
    display: block;
    float: left;
}

.social-icon a+a { margin-left: 3px; }

.social-icon a i {
    display: block;
    width: 32px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -o-transition: .5s ease;
    -webkit-transition: .5s ease;
}

.social-icon a i.fa-facebook {
    background: #3b5998;
    border: 2px #3b5998 solid;
}
.social-icon a i.fa-instagram {
    background: #e1306c;
    border: 2px #e1306c solid;
}
.social-icon a i.fa-rss {
    background: #f57d00;
    border: 2px #f57d00 solid;
}

.social-icon a:hover i {
    background: #fff;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
}

.social-icon a:hover i.fa-facebook { color: #3b5998; }
.social-icon a:hover i.fa-instagram { color: #e1306c; }
.social-icon a:hover i.fa-rss { color: #f57d00; }

/* ------------------ Start Navigation ----------------------- */

nav{
    width:auto;
    padding:8px 0px 0px 0px;	 
    float:left;
    position:relative;
}

nav ul li{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:14px; font-weight:bold; color:#000; line-height:20px; list-style:none; display:inline-block; text-transform:uppercase; position:relative; margin-left:17px; }
nav ul li a{ color:#000; display:block; }
nav ul li a:hover{ color:#fe5c02; }
nav ul li a.fixed{ color:#fe5c02; }
nav ul li:first-child{ padding-left:0px; margin-left:0px; }

.lihoverclass{
    display: block;
    color:#fe5c02; 
}



/*1st sub level menu*/
nav ul li ul{
    position:absolute;
    visibility: hidden;
    z-index:100;
    float:left;
    width:250px !important;
    background:#000;
    margin-top:0px;
    text-align:left;
}

nav ul li ul li{ border:0px; margin:0px; padding:0px; width:100%; text-transform:none; font-size:12px; }	 

/* Sub level menu links style */
nav ul li ul li a{
    padding:4px 10px 4px 10px;
    color:#fe5c02; 
    cursor:pointer;
}

nav ul li ul li a:hover{
    color:#FFF;
    background:#fe5c02;
}

/* ---------------- End Navigation ----------------- */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Top <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Header <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

header{
    width:100%;
    float:left;
    position:relative;
}

header img{ max-width:100%; }

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Header <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Index Slide <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

section.index-slide{
    width:100%;
    float:left;
    position:relative;
    margin-bottom:30px;
}

section.index-slide li{ width:100%; list-style:none; display:inline-block; position:relative; text-align:right; }

.index-slide-content{
    width:400px;
    padding:20px 0px 0px 55px;
    border-top:10px solid #fe5c02;
    float:left;
    position:absolute;
    left:0px;
    top:106px;
    z-index:1;
    text-align:left;
}

.index-slide-content h2{ font-family: 'NeuzeitSLTStd-BookHeavy_0', 'kaitiregular', Microsoft YaHei UI, KaiTi; font-size:26px; font-weight:normal; color:#333333; line-height:30px; letter-spacing:2px; margin-bottom:10px; }
.index-slide-content h3{ font-family: 'NeuzeitSLTStd-BookHeavy_0'; font-size:30px; font-weight:normal; color:#333333; line-height:30px; margin-bottom:10px; }
.index-slide-content p{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:24px; font-weight:normal; color:#333333; line-height:25px; margin-bottom:10px; }

.index-slide-content-number{
    width:auto;
    float:left;
    position:absolute;
    left:0px;
    top:25px;
    z-index:2;
    font-family: 'geometric_415_literegular'; font-size:26px; font-weight:normal; color:#333333; line-height:30px;
}

.index-slide-number{
    width:32px;
    float:left;
    position:absolute;
    left:110px;
    bottom:0px;
    z-index:2;
}

.index-slide-number li{ width:32px; line-height:14px; font-size:0px; list-style:none; margin-top:7px; }
.index-slide-number li a{ width:100%; height:14px; background:#333333; display:block; }
.index-slide-number li a:hover{ background:#fe5c02; }
.index-slide-number li a.fixed, .index-slide-number li a.active{ background:#fe5c02; }

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Index Slide <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Index Body <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

section.index-header{
    width:100%;
    float:left;
    position:relative;
}

aside.index-header-left{
    width:50%;
    padding:70px 27px 30px 50px;
    background:#f7d066;
    height:422px;
    float:left;
    position:relative;
}

.smes{
    width:195px;
    margin-top:75px;
    float:left;
    position:relative;
}

.smes h2{ font-family:"Arial Black", Gadget, sans-serif; font-size:52px; font-weight:normal; color:#333333; line-height:50px; text-transform:uppercase; margin-bottom:5px; }
.smes h3{ font-family:"Arial Black", Gadget, sans-serif; font-size:18px; font-weight:normal; color:#333333; line-height:20px; text-transform:uppercase; border-bottom:4px solid #333333; margin-bottom:20px; padding-bottom:15px; }

.smes-image {
    width:60%;
    text-align:right;
    float:right;
    position:relative;
}

aside.index-header-right{
    width:50%;
    background:#fefaef;
    height:422px;
    float:left;
    position:relative;
}

.hiring-video {
    width:50%;
    float:left;
    position:relative;
    background: #000;
}

.hiring-video img{ width:100%; height:100%; }

.hiring-video > p { margin: 0; }

.hiring-video iframe {
    width: 100% !important;
    display: block;
}

.hiring-text {
    display: block;
    width:50%;
    padding: 22px 0;
    background:#fe5c02;
    float:left;
    position:relative;
    font-family: 'neosansregular'; font-size:28px; font-weight:normal; color:#FFF; line-height:28px; text-align:center;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -o-transition: .5s ease;
    -webkit-transition: .5s ease;
}

.hiring-text img {
    height: 101px;
}

.hiring-text img {
    height: 101px;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -o-transition: .5s ease;
    -webkit-transition: .5s ease;
}

@keyframes vibrate {
    0% { transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); }
    25% { transform: scale(1.1) rotate(22deg); -moz-transform: scale(1.1) rotate(22deg); -ms-transform: scale(1.1) rotate(22deg); -webkit-transform: scale(1.1) rotate(22deg); }
    50% { transform: scale(1.1) rotate(-22deg); -moz-transform: scale(1.1) rotate(-22deg); -ms-transform: scale(1.1) rotate(-22deg); -webkit-transform: scale(1.1) rotate(-22deg); }
    75% { transform: scale(1.1) rotate(22deg); -moz-transform: scale(1.1) rotate(22deg); -ms-transform: scale(1.1) rotate(22deg); -webkit-transform: scale(1.1) rotate(22deg); }
    100% { transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); }
}

@-webkit-keyframes vibrate {
    0% { transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); }
    25% { transform: scale(1.1) rotate(22deg); -moz-transform: scale(1.1) rotate(22deg); -ms-transform: scale(1.1) rotate(22deg); -webkit-transform: scale(1.1) rotate(22deg); }
    50% { transform: scale(1.1) rotate(-22deg); -moz-transform: scale(1.1) rotate(-22deg); -ms-transform: scale(1.1) rotate(-22deg); -webkit-transform: scale(1.1) rotate(-22deg); }
    75% { transform: scale(1.1) rotate(22deg); -moz-transform: scale(1.1) rotate(22deg); -ms-transform: scale(1.1) rotate(22deg); -webkit-transform: scale(1.1) rotate(22deg); }
    100% { transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); }
}

.hiring-text:hover img {
    animation: .5s vibrate;
    -moz-animation: .5s vibrate;
    -webkit-animation: .5s vibrate;
}

.hiring-text strong{ font-family: 'neo_sansbold'; }

.index-news-events {
    width:100%;
    padding:40px 50px 30px 50px;
    float:left;
    position:relative;
    display: block;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -o-transition: .5s ease;
    -webkit-transition: .5s ease;
}

.index-news-events:hover { background: #ebeae8; }

.index-news-events h2{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:26px; font-weight:normal; color:#fe5c02; line-height:30px; text-transform:uppercase; margin-bottom:20px; }

.index-news-events li{ list-style:none; display: block; width:100%; padding-right: 50px; position: relative; overflow: hidden; }
.index-news-events li img { float:left; margin-right:20px; }

/*.index-news-events li:nth-child(1){ width:32%; }
.index-news-events li:nth-child(2){ width:66%; float:right; }*/

.index-news-events h3{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:14px; font-weight:bold; color:#333333; line-height:20px; margin-bottom:5px; }
.index-news-events h4{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:14px; font-weight:normal; color:#fe5c02; line-height:20px; margin-bottom:2px; text-transform:uppercase; }
.index-news-events p{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:12px; font-weight:normal; color:#333333; line-height:18px; text-align:justify; margin-bottom:0px; height: 54px; overflow: hidden; }
.index-news-events li > span {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50px;
}

.index-news-events li > span img {
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -20px;
}

@keyframes wave {
    0% { left: 0; opacity: 0; filter: Alpha(Opacity=0); }
    50% { left: 15px; opacity: 1; filter: Alpha(Opacity=100); }
    100% { left: 30px; opacity: 0; filter: Alpha(Opacity=0); }
}

@-webkit-keyframes wave {
    0% { left: 0; opacity: 0; filter: Alpha(Opacity=0); }
    50% { left: 15px; opacity: 1; filter: Alpha(Opacity=100); }
    100% { left: 30px; opacity: 0; filter: Alpha(Opacity=0); }
}

.index-news-events:hover li > span .img1 {
    animation: .9s wave infinite;
    -moz-animation: .9s wave infinite;
    -webkit-animation: .9s wave infinite;
}

.index-news-events:hover li > span .img2 {
    animation-delay: .3s;
    -moz-animation-delay: .3s;
    -webkit-animation-delay: .3s;
    animation: .9s wave infinite;
    -moz-animation: .9s wave infinite;
    -webkit-animation: .9s wave infinite;
}

.index-news-events-arrow{
    width:auto;
    float:left;
    position:absolute;
    right:50px;
    top:50%;
    z-index:1;
}

section.index-body{
    width:100%;
    padding:40px 0px;
    float:left;
    position:relative;
}

aside.index-blog{
    width:46%;
    float:left;
    position:relative;
}

aside.index-blog h3{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:36px; font-weight:bold; color:#fe5c02; line-height:40px; text-transform:uppercase; margin-bottom:20px; }

.index-blog-logo{
    width:25%;
    float:left;
    position:relative;
}

.index-blog-logo-text{
    width:71%;
    float:right;
    position:relative;
}

.index-blog-logo-text p{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:14px; font-weight:normal; color:#333333; line-height:20px; margin-bottom:5px; }
.index-blog-logo-text p span{ font-family: 'simsunregular'; }		

aside.index-facebook{
    width:46%;
    float:right;
    position:relative;
}

aside.index-facebook h3{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:26px; font-weight:normal; color:#fe5c02; line-height:30px; text-transform:uppercase; margin-bottom:20px; }



aside.index-about{
    width:46%;
    float:left;
    position:relative;
}

aside.index-about h3{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:36px; font-weight:bold; color:#fe5c02; line-height:40px; text-transform:uppercase; margin-bottom:20px; }

aside.index-about p{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:14px; font-weight:normal; color:#333333; line-height:20px; margin-bottom:20px; }

aside.index-testimonials{
    width:46%;
    float:right;
    position:relative;
}

aside.index-testimonials h3{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:36px; font-weight:bold; color:#fe5c02; line-height:40px; text-transform:uppercase; margin-bottom:20px; }

.index-testimonials-logo{
    width:25%;
    float:left;
    position:relative;
}

.index-testimonials-text{
    width:71%;
    float:right;
    position:relative;

}

.index-testimonials-text p{ font-family: 'simsunregular', Tohoma, Microsoft YaHei UI, KaiTi, sans-serif; font-size:14px; font-weight:normal; color:#333333; line-height:20px; text-align:justify; margin-bottom:5px; }

.index-testimonials-text br{
    line-height:2px;
}

.index-testimonial-number{
    width:100%;
    padding:10px 0px 10px;
    float:left;
    position:relative;
    text-align:center;
}

.index-testimonial-number li{ width:12px; line-height:12px; display:inline-block; font-size:0px; list-style:none; margin-left:2px; margin-right:2px; }
.index-testimonial-number li a{ width:100%; height:12px; background:#cccccc; display:block; border-radius:50%; }
.index-testimonial-number li a:hover{ background:#fe5c02; }
.index-testimonial-number li a.fixed{ background:#fe5c02; }

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Index Body <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Block Body <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

section.block-body{
    width:100%;
    padding:30px 0px;
    float:left;
    position:relative;
}

.main-body{
    width:100%;
    float:left;
    position:relative;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Block Body <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Bottom <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

section.bottom{
    width:100%;
    padding:30px 0px 10px;
    float:left;
    position:relative;
}

section.bottom li{ line-height:66px; height:66px; list-style:none; display:inline-block; width:16.6%; padding:0px 1%; margin-bottom:5px; float:left; text-align:center; }
section.bottom li img{ vertical-align:middle; }			

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Bottom <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Footer <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

footer{
    width:100%;
    padding:25px 0px 0px;
    float:left;
    position:relative;
}

aside.footer-left{
    width:auto;
    float:left;
    position:relative;
    font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:12px; font-weight:normal; color:#FFF; line-height:18px;
}

aside.footer-left a { color: #fff; 
                      display: none;}
aside.footer-left a:hover { color: #56d8d1; }

aside.footer-right{
    width:auto;
    padding:0px 0px 25px 6px;
    background:#000 url(../images/lc-footer.gif) bottom right no-repeat;
    float:right;
    position:relative;
}

aside.footer-right ul li{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:12px; font-weight:normal; color:#FFF; line-height:20px; list-style:none; display:inline-block; text-transform:uppercase; margin-left:14px; }
aside.footer-right ul li a{ color:#FFF; }
aside.footer-right ul li a:hover{ color:#fe5c02; }
aside.footer-right ul li a.fixed{ color:#fe5c02; }
aside.footer-right ul li:first-child{ padding-left:0px; margin-left:0px; }

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Footer <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start About <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.about-full{ width:100%; float:left; position:relative; background:url(../images/lc-about-bg.jpg) center top no-repeat; background-size:cover; }

section.about-block{
    width:100%;
    padding:60px 0px 35px;
    float:left;
    position:relative;
}

section.about-block h2{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:36px; font-weight:bold; color:#fe5c02; line-height:40px; text-transform:uppercase; margin-bottom:20px; }

aside.about-left{
    width:48%;
    float:left;
    position:relative;
}

aside.about-left p{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:14px; font-weight:normal; color:#333333; line-height:20px; margin-bottom:10px; }

aside.about-left ul{ margin-bottom:20px; }
aside.about-left li{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:14px; font-weight:normal; color:#333333; line-height:20px; list-style:none; list-style:none; background:url(../images/lc-bullet.png) left no-repeat; padding-left:15px; background-position:0 .6em; }
aside.about-left li a{ color:#333333; }

.about-left-list{
    width:46%;
    float:left;
    position:relative;
}

.about-left-list2{
    width:46%;
    float:right;
    position:relative;
}

aside.about-right{
    width:45%;
    float:right;
    position:relative;
}

.about-right li { overflow: hidden; }

.about-right .about-icon {
    opacity: 0;
    filter: Alpha(Opacity=0);
    transition: 1s ease;
    -moz-transition: 1s ease;
    -o-transition: 1s ease;
    -webkit-transition: 1s ease;
}

.about-right .item2 .about-icon {
    transition-delay: .5s;
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    -webkit-transition-delay: .5s;
}

.about-right .item3 .about-icon {
    transition-delay: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    -webkit-transition-delay: 1s;
}

.about-right.active .about-icon {
    transform: rotateY(720deg);
    -moz-transform: rotateY(720deg);
    -ms-transform: rotateY(720deg);
    -webkit-transform: rotateY(720deg);
    opacity: 1;
    filter: Alpha(Opacity=100);
}

.about-right .main-body { overflow: hidden; }

.about-icon-details {
    padding-bottom: 35px;
    margin-right: -200px;
    opacity: 0;
    filter: Alpha(Opacity=0);
    transition: 1s ease;
    -moz-transition: 1s ease;
    -o-transition: 1s ease;
    -webkit-transition: 1s ease;
}

.about-right.active .about-icon-details {
    margin-right: 0;
    opacity: 1;
    filter: Alpha(Opacity=100);
}

.about-right .item1 .about-icon-details {
    transition-delay: .5s;
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    -webkit-transition-delay: .5s;
}

.about-right .item2 .about-icon-details {
    transition-delay: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    -webkit-transition-delay: 1s;
}

.about-right .item3 .about-icon-details {
    transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    -webkit-transition-delay: 1.5s;
}

.about-icon{
    width:20%;
    padding:0px 0px 35px 0px;
    float:left;
    position:relative;
    z-index:2;
}

.about-icon-details{
    width:76%;
    padding:15px 0px 0px 0px;
    float:right;
    position:relative;
}

.about-icon-details h3{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:20px; font-weight:bold; color:#fe5c02; line-height:25px; text-transform:uppercase; margin-bottom:0px; }
.about-icon-details p{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:14px; font-weight:normal; color:#333333; line-height:20px; margin-bottom:10px; }

.about-icon-details li{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:14px; font-weight:normal; color:#333333; line-height:20px; list-style:none; list-style:none; background:url(../images/lc-bullet.png) left no-repeat; padding-left:15px; margin-bottom:5px; background-position:0 .6em; }
.about-icon-details li a{ color:#333333; }

.about-line{
    width:auto;
    float:left;
    position:absolute;
    left:10%;
    top:-90px;
    z-index:1;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End About <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Ask Consultant <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

aside.ask-consultant-left{
    width:48%;
    float:left;
    position:relative;
}

aside.ask-consultant-left h2{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:22px; font-weight:bold; color:#fe5c02; line-height:25px; margin-bottom:15px; }

aside.ask-consultant-right{
    width:48%;
    float:right;
    position:relative;
}

.question-body {
    width:100%;
    padding:15px 25px 15px 45px;
    border:1px solid #dedddd;
    border-radius:10px;
    float:left;
    position:relative;				
    margin-bottom:20px;
}

.question-body > .accordion {
    display: block;
    cursor: pointer;
}

.question-body > .accordion > p {
    font-family: Tahoma, Microsoft YaHei UI, KaiTi, Geneva, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    margin: 0px;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -o-transition: .5s ease;
    -webkit-transition: .5s ease;
}

.question-body > .accordion > div.div_answer_text{
    font-family: Tahoma, Microsoft YaHei UI, KaiTi, Geneva, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    margin: 0px;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -o-transition: .5s ease;
    -webkit-transition: .5s ease;
}

.question-body > .accordion:hover > p { color: #666; }

.question-body > .accordion > span {
    display: block;
    height: 50px;
    position: relative;
    color: #f26722;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -o-transition: .5s ease;
    -webkit-transition: .5s ease;
}

.question-body > .accordion.active > span {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

@keyframes move {
    0% { opacity: 0; filter: Alpha(Opacity=0); top: 0; }
    50% { opacity: 1; filter: Alpha(Opacity=100); top: 13px; }
    100% { opacity: 0; filter: Alpha(Opacity=0); top: 26px; }
}

@-webkit-keyframes move {
    0% { opacity: 0; filter: Alpha(Opacity=0); top: 0; }
    50% { opacity: 1; filter: Alpha(Opacity=100); top: 13px; }
    100% { opacity: 0; filter: Alpha(Opacity=0); top: 26px; }
}

.question-body > .accordion > span i {
    line-height: 1;
    width: 50px;
    text-align: center;
    font-size: 24px;
    position: absolute;
    top: 13px;
    left: 50%;
    margin-left: -25px;
    color: #cccccc;
    /*animation: 2s move infinite;*/
    /*-moz-animation: 2s move infinite;*/
    /*-webkit-animation: 2s move infinite;*/
}

.question-body > .accordion > span i:nth-child(even) {
    /*animation-delay: .5s;*/
    /*-moz-animation-delay: .5s;*/
    /*-webkit-animation-delay: .5s;*/
}

.question-body > .accordion:hover > span i {
    color: #f26722;
    animation: 1.5s move infinite;
    -moz-animation: 1.5s move infinite;
    -webkit-animation: 1.5s move infinite;
}

.question-body > .accordion:hover > span i:nth-child(even) {
    animation-delay: .5s;
    -moz-animation-delay: .5s;
    -webkit-animation-delay: .5s;
}

.question-body > .accordion > div {
    height: 0;
    overflow: hidden;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -o-transition: .5s ease;
    -webkit-transition: .5s ease;
}

.question-body > .accordion > div > p { color: #bb7c53; }

.question-body > .accordion > div > p > a {
    text-decoration: underline;
    color: #666;
}

.question-body > .accordion > div > p > a:hover { color: #f26722; }

.question-body > .accordion > div.div_answer_text { color: #bb7c53; }

.question-body > .accordion > div.div_answer_text > a {
    text-decoration: underline;
    color: #666;
}

.question-body > .accordion > div.div_answer_text > a:hover { color: #f26722; }

.question-body::after {
    content: "";
    display: block;					
    right: 22px;
    position: absolute;
    bottom: -15px;
    width: 36px;
    height: 15px;
    background:url(../images/lc-questions-arrow.png) no-repeat;
}

.question-number {
    width:auto;
    float:left;
    position:absolute;
    left:20px;
    top:15px;
    z-index:2;
    font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:14px; font-weight:normal; color:#333333; line-height:20px;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Ask Consultant <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Blog <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

section.blog-block{
    width:100%;
    padding:45px 0px;
    float:left;
    position:relative;
}

section.blog-block h2{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:22px; font-weight:bold; color:#fe5c02; line-height:26px; margin-bottom:25px; }

aside.blog-left{
    width:48%;
    float:left;
    position:relative;
}

aside.blog-right{
    width:48%;
    float:right;
    position:relative;
}

.blog-body{
    width:100%;
    padding:15px 18px;
    border:1px solid #dedddd;
    border-radius:10px;
    float:left;
    position:relative;				
    margin-bottom:25px;
}

.blog-body p{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:14px; font-weight:normal; color:#333333; line-height:20px; margin:0px; }

.blog-body::after{
    content: "";
    display: block;					
    right: 22px;
    position: absolute;
    bottom: -15px;
    width: 36px;
    height: 15px;
    background:url(../images/lc-questions-arrow.png) no-repeat;
}


.blog-logo{
    width:25%;
    float:left;
    position:relative;
}

.blog-text{
    width:71%;
    float:right;
    position:relative;
    line-height: 20px;
    font-family: Tahoma, Microsoft YaHei UI, KaiTi, Geneva, sans-serif,'simsunregular'; 
    font-size:14px; 
    font-weight:normal; 
    color:#333333;
    text-align:justify; 
}

.blog-text a{ color:#333333; }
.blog-text br{ line-height:2;}
.blog-text h3{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:14px; font-weight:normal; color:#333333; line-height:20px; text-align:justify; margin-bottom:5px; }

.blog-text p{ font-size:14px; font-weight:normal; color:#333333; line-height:20px; text-align:justify; margin-bottom:5px; }
.blog-text p a{ color:#333333; }

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Blog <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Buyform <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.buyform-left{
    width:48%;
    padding:20px 0px;
    float:left;
    position:relative;
}

.buyform-right{
    width:44%;
    padding:20px 0px;
    float:right;
    position:relative;
}

.buyform-right h2{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:36px; font-weight:normal; color:#333333; line-height:40px; margin-bottom:15px; }
.buyform-right h2 strong{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-weight:bold; }	
.buyform-right h3{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:14px; font-weight:bold; color:#fe5c02; line-height:20px; margin-bottom:5px; }	
.buyform-right h4{ font-family: 'simsunregular'; font-size:14px; font-weight:normal; color:#fe5c02; line-height:20px; text-align:justify; margin-bottom:5px; }

.buyform-right ul{ margin-bottom:25px; }
.buyform-right li{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:14px; font-weight:normal; color:#333333; line-height:20px; list-style:none; list-style:none; background:url(../images/lc-bullet2.png) left no-repeat; padding-left:15px; margin-bottom:5px; background-position:0 .5em; }
.buyform-right li a{ color:#333333; }
.buyform-right li span{ font-family: 'simsunregular'; }

.buyform-selectbox{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:12px; font-weight:normal; color:#333333; line-height:21px; border:1px solid #aaaaaa; background:#FFF; border-radius:0px; width:70%; height:21px; padding:0px 0px 0px 8px; }

.buyform-button{
    width:199px;
    background:#fe5c02 url(../images/lc-buyform-button.gif) no-repeat;
    height:39px;
    border:0px;
    font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; /*font-size:14px;*/ font-size:0px; font-weight:bold; color:#FFF; line-height:39px; display:inline-block; cursor:pointer;
}

.buyform-preview{
    width:100%;
    float:left;
    position:absolute;
    left:0px;
    top:48%;
    z-index:1;
    text-align:center;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Buyform <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start News and Events <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

section.news-events-block{
    width:100%;
    padding:50px 0px 40px 0px;
    float:left;
    position:relative;
}

section.news-events-block h2{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:22px; font-weight:bold; color:#fe5c02; line-height:25px; text-transform:uppercase; margin-bottom:30px; }
section.news-events-block h2 span{ margin-left:5px; margin-right:5px; }

.news-events-list{
    width:100%;
    float:left;
    position:relative;
}

.news-events-list li{ list-style:none; display:inline-block; width:31%; padding:22px 22px; float:left; border:1px solid #ebeae8; margin-left:3.5%; margin-bottom:40px; }
.news-events-list li a{ color:#333333; display:block; }
.news-events-list li:nth-child(1){ margin-left:0px; }
.news-events-list li:nth-child(4){ margin-left:0px; }
.news-events-list li:nth-child(7){ margin-left:0px; }
.news-events-list li:nth-child(10){ margin-left:0px; }

.news-events-list li h3{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:14px; font-weight:bold; color:#333333; line-height:20px; /* text-transform:uppercase; */ margin-top:15px; margin-bottom:0px; }
.news-events-list li h3 a{ color:#333333; }
.news-events-list li h3 a:hover{ color:#fe5c02; }

.news-events-list li div {
    display: block;
    position: relative;
    float: none;
    overflow: hidden;
    /*background: #000;*/ 
}

.news-events-list li div > img {
    width: 100%;
    display: block;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -o-transition: .5s ease;
    -webkit-transition: .5s ease;
}

.news-events-list li div > span {
    /*    position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #000;
        opacity: 0;
        filter: Alpha(Opacity=0);*/
    display: block;
    height: 260px;
    background-position: center center;
    background-size: cover;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -o-transition: .5s ease;
    -webkit-transition: .5s ease;
}

.news-events-list li a:hover div > span {
    filter: blur(11px);
    -webkit-filter: blur(11px);
    opacity: .7;
    filter: Alpha(Opacity=70);
}

.news-events-list li div > i {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 22px;
    line-height: 36px;
    width: 36px;
    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    background: #fe5c02;
    text-align: center;
    margin: -18px;
    color: #fff;
    opacity: 0;
    filter: Alpha(Opacity=0);
    transition: .5s ease;
    -moz-transition: .5s ease;
    -o-transition: .5s ease;
    -webkit-transition: .5s ease;
}

.news-events-list li a:hover div > i {
    opacity: .3;
    filter: Alpha(Opacity=30);
}

.news-events-list li a:hover div > i {
    opacity: 1;
    filter: Alpha(Opacity=100);
}

.news-events-details-list{
    width:100%;
    float:left;
    position:relative;
}

.news-events-details-list > ul { overflow: hidden; }

.news-events-details-list li{ list-style:none; display:inline-block; width:30%; float:left; margin-left:5%; margin-bottom:40px; position:relative; }
.news-events-details-list li:nth-child(1){ margin-left:0px; }
.news-events-details-list li:nth-child(4){ margin-left:0px; }
.news-events-details-list li:nth-child(7){ margin-left:0px; }
.news-events-details-list li:nth-child(10){ margin-left:0px; }

/*.news-events-details-list li img{ width:100%; }*/

.image-slide ul li img{ width:100%; }

.news-events-details-list li h3{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:14px; font-weight:bold; color:#333333; line-height:20px; margin-bottom:10px; }
.news-events-details-list li h3 a{ color:#333333; }

.news-events-details-list li p{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:14px; font-weight:normal; color:#333333; line-height:18px; text-align:justify; margin-bottom:15px; }
.news-events-details-list li p a{ color:#333333; }
.news-events-details-list li p span{ font-family: 'simsunregular'; }

.news-events-details-list li.image-slide{ 
    width:100%; 
    float:left; 
    position:relative; 
}

.news-events-details-list .main-body { float: none; }

.news-events-details-list .image-slide li{ list-style:none; display:inline-block; width:100%; float:left; margin-left:0; margin-bottom:0px; }

.news-events-details-list .image-slide a {
    display: block;
    height: 259px;
    background-size: cover;
    background-position: center center;
}

.news-events-details-list iframe {
    width: 100% !important;
}

.news-events-arrow{
    width:auto;
    float:left;
    position:absolute;
    left:15px;
    /*top:65%;*/
    bottom: 91px;
    z-index:1;
}

.news-events-arrow2{
    width:auto;
    float:left;
    position:absolute;
    right:15px;
    /*top:65%;*/
    bottom: 91px;
    z-index:1;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End News and Events <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Our Clients <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

section.our-clients-block{
    width:100%;
    padding:50px 0px 40px 0px;
    float:left;
    position:relative;
}

section.our-clients-block h2{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:22px; font-weight:bold; color:#fe5c02; line-height:25px; text-transform:uppercase; margin-bottom:30px; }
section.our-clients-block h2 span{ margin-left:5px; margin-right:5px; }

.our-clients-list{
    width:100%;
    float:left;
    position:relative;
}

.our-clients-list li{ list-style:none; display:inline-block; width:31%; padding:22px 22px; float:left; border:1px solid #ebeae8; margin-left:3.5%; margin-bottom:40px; }
.our-clients-list li a{ color:#333333; display:block; }
.our-clients-list li:nth-child(1){ margin-left:0px; }
.our-clients-list li:nth-child(4){ margin-left:0px; }
.our-clients-list li:nth-child(7){ margin-left:0px; }
.our-clients-list li:nth-child(10){ margin-left:0px; }

.our-clients-list li h3{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:14px; font-weight:bold; color:#333333; line-height:20px; /* text-transform:uppercase; */ margin-top:15px; margin-bottom:0px; }
.our-clients-list li h3 a{ color:#333333; }
.our-clients-list li h3 a:hover{ color:#fe5c02; }

.our-clients-list li div {
    display: block;
    position: relative;
    float: none;
    overflow: hidden;
    /*background: #000;*/ 
}

.our-clients-list li div > img {
    width: 100%;
    display: block;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -o-transition: .5s ease;
    -webkit-transition: .5s ease;
}

.our-clients-list li div > span {
    /*    position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #000;
        opacity: 0;
        filter: Alpha(Opacity=0);*/
    display: block;
    height: 260px;
    background-position: center center;
    background-size: cover;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -o-transition: .5s ease;
    -webkit-transition: .5s ease;
}

.our-clients-list li a:hover div > span {
    filter: blur(11px);
    -webkit-filter: blur(11px);
    opacity: .7;
    filter: Alpha(Opacity=70);
}

.our-clients-list li div > i {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 22px;
    line-height: 36px;
    width: 36px;
    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    background: #fe5c02;
    text-align: center;
    margin: -18px;
    color: #fff;
    opacity: 0;
    filter: Alpha(Opacity=0);
    transition: .5s ease;
    -moz-transition: .5s ease;
    -o-transition: .5s ease;
    -webkit-transition: .5s ease;
}

.our-clients-list li a:hover div > i {
    opacity: .3;
    filter: Alpha(Opacity=30);
}

.our-clients-list li a:hover div > i {
    opacity: 1;
    filter: Alpha(Opacity=100);
}

.our-clients-details-list{
    width:100%;
    float:left;
    position:relative;
}

.our-clients-details-list > ul { overflow: hidden; }

.our-clients-details-list li{ list-style:none; display:inline-block; width:30%; float:left; margin-left:5%; margin-bottom:40px; position:relative; }
.our-clients-details-list li:nth-child(1){ margin-left:0px; }
.our-clients-details-list li:nth-child(4){ margin-left:0px; }
.our-clients-details-list li:nth-child(7){ margin-left:0px; }
.our-clients-details-list li:nth-child(10){ margin-left:0px; }

/*.our-clients-details-list li img{ width:100%; }*/

.image-slide ul li img{ width:100%; }

.our-clients-details-list li h3{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:14px; font-weight:bold; color:#333333; line-height:20px; margin-bottom:10px; }
.our-clients-details-list li h3 a{ color:#333333; }

.our-clients-details-list li p{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:14px; font-weight:normal; color:#333333; line-height:18px; text-align:justify; margin-bottom:15px; }
.our-clients-details-list li p a{ color:#333333; }
.our-clients-details-list li p span{ font-family: 'simsunregular'; }

.our-clients-details-list li.image-slide{ 
    width:100%; 
    float:left; 
    position:relative; 
}

.our-clients-details-list .main-body { float: none; }

.our-clients-details-list .image-slide li{ list-style:none; display:inline-block; width:100%; float:left; margin-left:0; margin-bottom:0px; }

.our-clients-details-list .image-slide a {
    display: block;
    height: 220px;
    background-size: cover;
    background-position: center center;
}

.our-clients-details-list iframe {
    width: 100% !important;
}

.our-clients-arrow{
    width:auto;
    float:left;
    position:absolute;
    left:15px;
    /*top:65%;*/
    bottom: 91px;
    z-index:1;
}

.our-clients-arrow2{
    width:auto;
    float:left;
    position:absolute;
    right:15px;
    /*top:65%;*/
    bottom: 91px;
    z-index:1;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Our Clients <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Our Team <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.team-header-title{
    width:100%;
    padding:8px 0px;
    background:url(../images/lc-shade.png) repeat;
    float:left;
    position:absolute;
    left:0px;
    bottom:60px;
    z-index:2;
    font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:24px; font-weight:bold; color:#fe5c02; line-height:30px; text-align:center; text-transform:uppercase;
}

.team-header-number{
    width:100%;
    position:absolute;
    float:left;
    bottom:30px;
    left:0px;				  
    text-align:center;
    z-index:1;
}

.team-header-number li{ width:12px; line-height:12px; display:inline-block; font-size:0px; list-style:none; margin-left:2px; margin-right:2px; }
.team-header-number li a{ width:100%; height:12px; background:#cccccc; display:block; border-radius:50%; }
.team-header-number li a:hover{ background:#fe5c02; }
.team-header-number li a.fixed{ background:#fe5c02; }


section.our-team-list{
    width:100%;
    padding:60px 0px 0px 0px;
    float:left;
    position:relative;
}

section.our-team-list li{ list-style:none; display:inline-block; width:33.333333%; float:left; text-align:center; height:440px; padding:0px 5px; }
section.our-team-list li:nth-child(1){ margin-left:0px; }
section.our-team-list li:nth-child(5){ margin-left:0px; }
section.our-team-list li:nth-child(9){ margin-left:0px; }
section.our-team-list li:nth-child(13){ margin-left:0px; }	

section.our-team-list li h3{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:14px; font-weight:bold; color:#333333; line-height:20px; margin-bottom:0px; }
section.our-team-list li h3 a{ color:#333333; }

section.our-team-list li p{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:14px; font-weight:normal; color:#333333; line-height:18px; margin-bottom:0px; }
section.our-team-list li p a{ color:#333333; }

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Our Team <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Testimonials <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.testimonials-full{ width:100%; background:#000; float:left; position:relative; }

.testimonials-header{
    width:100%;
    padding:16px 0px;
    float:left;
    position:relative;
}

.testimonials-header-left{
    width:49%;
    float:left;
    position:relative;
}

.testimonials-header-right{
    width:49%;
    float:right;
    position:relative;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Testimonials <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Career <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.career-full{ width:100%; float:left; position:relative; background:#f5f5f6 url(../images/lc-career-bg.gif) left top repeat-x; }

section.career-block{
    width:100%;
    padding:55px 0px 0px;
    float:left;
    position:relative;
}

.career-left{
    width:40%;
/*    position: absolute;*/
  /*  bottom: 0px; */
 /*   left: 5%;*/
	position: relative;
	display: inline-block;
	margin-left: 5%;
}
.career-left img { width: 100%; }
.full-width {
	margin: 40px 5%;
}
.full-width > form {
	margin-bottom: 40px;
	display: inline-block!important;
    width: 100%;}
.x-sm-col-6 {
	display: inline-block;
	width: 50%;
	float: left;
}
.x-sm-col-12 {
	display: inline-block;
	width: 100%;
	text-align: center;
}
#new_textbox {margin-top: 10px;}

@media only screen and (min-width: 1200px) {
	.career-right {
		position: absolute!important;
		top: calc(50% - 277px);
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		left: 50%;
	}
}

@media (max-width: 1023px) {
    .career-left { left: 0; }
    .career-right .g-recaptcha { width: 304px; margin: 0 auto !important; }
	.career-right {padding-top: 40px!important;}
}

@media only screen and (max-width: 991px) {
	.full-width {margin: 40px 0;}
	.career-left {margin-left: 0;}
}
@media only screen and (max-width: 640px) {
	.x-sm-col-6 {
		display: block;
		width: 100%;
		float: none;
	}
}

.career-right{
    width:45%;
	margin-right: 5%;
    padding:10px 0px 30px 0px;
    float:right;
    position:relative;
    text-align:center;
}

.career-right h2{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:36px; font-weight:bold; color:#fe5c02; line-height:1.2; text-transform:uppercase; margin-bottom:40px; }
.career-right p{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:14px; font-weight:normal; color:#333333; line-height:20px; margin-bottom:30px; }

.career-input{ font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:normal; color:#333333; line-height:22px; border:none; background:#FFF; border-radius:0px; width:98%; padding:5px 15px; }
.career-textarea{ font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:normal; color:#333333; line-height:22px; border:none; background:#FFF; border-radius:0px; width:98%; padding:5px 15px; resize: none; overflow-y:  auto; text-align: justify; height: 100px; }

.career-selectbox{ font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:normal; color:#333333; line-height:32px; height:32px; border:none; background:#FFF; border-radius:0px; width:98%; padding:0px 0px 0px 11px; }

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Career <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Contact <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.contact-full{ width:100%; float:left; position:relative; background:url(../images/new_cover2.jpg) left top no-repeat; background-size:100% 100%;}

section.contact-block{
    width:100%;
    padding:60px 0px 70px;
    float:left;
    position:relative;
}

section.contact-block h2{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:16px; font-weight:bold; color:#fe5c02; line-height:20px; margin-bottom:20px; }
section.contact-block h2 span{ font-weight:normal; }	
section.contact-block h2 strong{ font-size:20px; }				

.contact-left{
    width:40%;
    float:left;
    position:relative;
}

.contact-left h3{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:14px; font-weight:bold; color:#FFF; line-height:20px; margin-bottom:5px; }
.contact-left p{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:14px; font-weight:normal; color:#FFF; line-height:20px; margin-bottom:15px; }

.contact-left table tr td{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:14px; font-weight:normal; color:#FFF; line-height:20px; padding-bottom:5px; }
.contact-left table tr td a{ color:#FFF; }

.contact-right{
    width:49%;
    float:right;
    position:relative;
}

.contact-right h3{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:14px; font-weight:bold; color:#fe5c02; line-height:20px; text-transform:uppercase; margin-bottom:5px; }
.contact-right p{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:14px; font-weight:normal; color:#FFF; line-height:20px; margin-bottom:25px; }

.contact-right table{ width:80%; }
.contact-right table tr td{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:14px; font-weight:normal; color:#FFF; line-height:22px; padding-bottom:6px; vertical-align:top; }
.contact-right table tr td span{color:#fe5c02; }

.contact-input{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:12px; font-weight:normal; color:#FFF; line-height:20px; border:1px solid #818181; background:none; border-radius:0px; width:100%; padding:5px 12px; }

.contact-select{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:12px; font-weight:normal; color:#FFF; line-height:30px; height:30px; border:1px solid #818181; background:none; border-radius:0px; width:100%; padding:0px 0px 0px 12px; }	

.contact-textarea{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:12px; font-weight:normal; color:#FFF; line-height:20px; height:75px; border:1px solid #818181; background:none; border-radius:0px; width:100%; padding:5px 0px 0px 12px; }				

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Contact <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Services <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

/*.service-full{ width:100%; float:left; position:relative; background:url(../images/lc-service-header2.jpg) center top no-repeat; height:328px; background-size:100% 100%; }*/
.service-full, .service-full2 {
    background-position: center center;
    background-size: cover;
    width: 100%;
    float: left;
    position: relative;
}

section.service-header{
    width:100%;
    padding:68px 0px 42px 0px;
    float:left;
    position:relative;
}

section.service-header li{ list-style:none; display:inline-block; float:left; width:14%; padding:0px 0.5%; text-align:center; }				


section.service-block{
    width:100%;
    padding:60px 0px 50px 0px;
    float:left;
    position:relative;
}

section.service-block h2{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:24px; font-weight:bold; color:#f26722; line-height:20px; text-align:center; margin-bottom:20px; }
section.service-block p{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:14px; font-weight:normal; color:#333333; line-height:21px; text-align:justify; margin-bottom:25px; }

section.service-block ul{ margin-top:20px; }
section.service-block ul li{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:18px; font-weight:normal; color:#f26722; line-height:21px; list-style:none; background:url(../images/lc-bullet3.png) left no-repeat; padding-left:22px; margin-bottom:30px; background-position:0 .3em; }
section.service-block ul li a{ color:#f26722; }

section.service-block ul li ul{ margin-top:5px; }
section.service-block ul li ul li{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:14px; font-weight:normal; color:#333333; line-height:21px; text-align:justify; list-style:none; background:none; padding-left:0px; margin-bottom:15px; }
section.service-block ul li ul li a{ color:#333333; }

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Services <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Services Main <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

/*.service-full2{ width:100%; float:left; position:relative; background:url(../images/lc-service-header-main.jpg) center top no-repeat; height:557px; background-size:100% 100%; }*/

section.service-main-header{
    width:100%;
    padding:68px 0px 0px 0px;
    height:557px;
    float:left;
    position:relative;
}

.service-main-header.reduceheight { height: 336px; }

.service-full .pointer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    overflow: hidden;
    height: 12px;
    border-top: 1px #fe5c02 solid;
}

.service-full .pointer span {
    width: 16px;
    height: 16px;
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -8px;
    background: #fe5c02;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: .5s ease;
    -moz-transition: .5s ease;
    -o-transition: .5s ease;
    -webkit-transition: .5s ease;
}

.service-one{
    width:auto;
    float:left;
    position:absolute;
    left:0px;
    top:124px;
    z-index:1;
}

.service-two{
    width:auto;
    float:left;
    position:absolute;
    left:130px;
    top:0px;
    z-index:1;
}

.service-three{
    width:auto;
    float:left;
    position:absolute;
    left:188px;
    top:169px;
    z-index:1;
}

.service-four{
    width:auto;
    float:left;
    position:absolute;
    left:313px;
    top:0px;
    z-index:1;
}

.service-five{
    width:auto;
    float:left;
    position:absolute;
    right:130px;
    top:0px;
    z-index:1;
}

.service-six{
    width:auto;
    float:left;
    position:absolute;
    right:180px;
    top:164px;
    z-index:1;
}

.service-seven{
    width:auto;
    float:left;
    position:absolute;
    right:0px;
    top:124px;
    z-index:1;
}

.service-preferred{
    width:auto;
    float:left;
    position:absolute;
    left:0px;
    bottom:68px;
    z-index:1;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Services Main <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Button <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.view-more{
    width:auto;
    padding:5px 25px;
    background:#f7d066;
    border:1px solid #c5a751;
    border-radius:0px;
    font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif;
    font-size:14px;
    font-weight:normal;
    color:#333333;
    line-height:22px;
    display:inline-block;
    text-transform:uppercase;
    cursor:pointer;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -o-transition: .5s ease;
    -webkit-transition: .5s ease;
}

.view-more:hover {
    background: #c5a751;
    color: #fff;
}

.read-more{
    width:auto;
    padding:2px 26px;
    background:#787364 url(../images/lc-ash.gif) repeat;
    border:none;
    border-radius:0px;
    font-family: 'open_sansbold';
    font-size:12px;
    font-weight:normal;
    color:#FFF;
    line-height:21px;
    display:inline-block;
    text-transform:uppercase;
    cursor:pointer;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -o-transition: .5s ease;
    -webkit-transition: .5s ease;
}

.read-more:hover { background: #c5a751; }

.post-question{
    width:auto;
    padding:2px 22px;
    background:#fe5c02 url(../images/lc-orange.gif) repeat;
    border:none;
    border-radius:0px;
    font-family: 'open_sansbold'; font-size:12px; font-weight:normal; color:#FFF; line-height:21px; display:inline-block; text-transform:uppercase; cursor:pointer;
}

.career-button{
    width:auto;
    padding:2px 20px;
    background:#fe5c02 url(../images/lc-orange.gif) repeat;
    border:none;
    border-radius:0px;
    font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold; color:#FFF; line-height:21px; display:inline-block; text-transform:uppercase; cursor:pointer;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Button <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Popup <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.index-popup{
    width:auto;
    float:left;
    position:absolute;
    left:0px;
    top:0px;
    z-index:2;
    /*display:none;*/
}

.question-popup{
    width:516px;
    padding:40px 48px 75px 48px;
    background:#fbfbfb url(../images/lc-question-popup.gif) left top repeat-x;
    float:left;
    position:absolute;
    left:0px;
    top:0px;
    z-index:2;
    /*display:none;*/
}

.question-popup h3{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:28px; font-weight:bold; color:#fe5c02; line-height:30px; margin-bottom:15px; }

.question-cross{ width:auto; float:left; position:absolute; right:20px; top:20px; z-index:2; }

.question-input{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:14px; font-weight:normal; color:#333333; line-height:20px; border:1px solid #b1b0b0; background:none; border-radius:0px; width:100%; padding:5px 10px; }

.question-textarea{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:14px; font-weight:normal; color:#333333; line-height:20px; border:1px solid #b1b0b0; background:none; border-radius:0px; width:100%; height:120px; padding:10px 0px 0px 10px; }

.question-dropdown{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:14px; font-weight:normal; color:#333333; line-height:20px; border:1px solid #b1b0b0; background:none; border-radius:0px; width:100%; padding:5px 10px; }

.ourteam-popup{
    width:842px;
    background:#FFF;
    float:left;
    position:absolute;
    left:0px;
    top:40px;
    bottom: 0;
    overflow-y: auto;
    z-index:2;
    /*display:none;*/
}

.ourteam-popup-left{
    width:48%;
    float:left;
    position:relative;
}

.ourteam-popup-right{
    width:48%;
    padding:20px 0px 0px;
    float:right;
    position:relative;
}

.ourteam-popup-right h3{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:14px; font-weight:bold; color:#333333; line-height:20px; margin-bottom:5px; }
.ourteam-popup-right h4{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:14px; font-weight:bold; color:#fe5c02; line-height:20px; margin-bottom:5px; }
.ourteam-popup-right p{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:14px; font-weight:normal; color:#333333; line-height:20px; margin-bottom:20px; }

.ourteam-popup-right ul{ margin-bottom:20px; padding-right:30px;}
.ourteam-popup-right li{ font-family: Roboto, Microsoft YaHei UI, KaiTi, Tahoma, Geneva, sans-serif; font-size:14px; font-weight:normal; color:#333333; line-height:18px; list-style:none; list-style:none; background:url(../images/lc-bullet2.png) left no-repeat; padding-left:15px; margin-bottom:5px; background-position:0 .5em; }
.ourteam-popup-right li a{ color:#333333; }

.ourteam-cross{ width:31px; background:#FFF; padding:7px 0px; text-align:center; float:left; position:absolute; right:0px; top:-33px; z-index:2; }

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Popup <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.blur-filter {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
}
.cn_map iframe {
    height: 203px;
    pointer-events: none;
    width: 100%;
}

.servicelist ul {
    position: relative;
    list-style: none;
    width: 100%;
    max-width: 820px;
    margin: 0 auto;
    height: 310px;
    transition: 1s ease;
    -moz-transition: 1s ease;
    -o-transition: 1s ease;
    -webkit-transition: 1s ease;
}

.servicelist .lineup {
    max-width: 100%;
    height: 200px;
}

.servicelist ul li { position: absolute; }

.servicelist ul .item1 {
    top: 0;
    left: 50%;
    margin-left: -100px;
}

.servicelist ul .item2 {
    top: 1px;
    right: 67%;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -o-transition: .5s ease;
    -webkit-transition: .5s ease;
}

.servicelist .lineup .item2 {
    top: 30px;
    right: 60.892388%;
}

.servicelist ul .item3 {
    top: 1px;
    left: 67%;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -o-transition: .5s ease;
    -webkit-transition: .5s ease;
}

.servicelist .lineup .item3 {
    top: 30px;
    left: 60.892388%;
}

.servicelist ul .item4 {
    bottom: 0;
    right: 60%;
    transition: 1s ease;
    -moz-transition: 1s ease;
    -o-transition: 1s ease;
    -webkit-transition: 1s ease;
}

.servicelist .lineup .item4 {
    bottom: 30px;
    right: 74.934383%;
}

.servicelist ul .item5 {
    bottom: 0;
    left: 60%;
    transition: 1s ease;
    -moz-transition: 1s ease;
    -o-transition: 1s ease;
    -webkit-transition: 1s ease;
}

.servicelist .lineup .item5 {
    bottom: 30px;
    left: 74.934383%;
}

.servicelist ul .item6 {
    top: 128px;
    left: 0;
    transition: 2s ease;
    -moz-transition: 2s ease;
    -o-transition: 2s ease;
    -webkit-transition: 2s ease;
}

.servicelist .lineup .item6 { top: 30px; }

.servicelist ul .item7 {
    top: 128px;
    right: 0;
    transition: 2s ease;
    -moz-transition: 2s ease;
    -o-transition: 2s ease;
    -webkit-transition: 2s ease;
}

.servicelist .lineup .item7 { top: 30px; }

.servicelist ul li:hover { z-index: 1; }

.servicelist ul li a {
    display: block;
    width: 140px;
    height: 140px;
    position: relative;
    cursor: pointer;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -o-transition: .5s ease;
    -webkit-transition: .5s ease;
}

.servicelist ul .item1 a {
    width: 200px;
    height: 200px;
}

.icon {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -o-transition: .5s ease;
    -webkit-transition: .5s ease;
}

.active .icon {
    top: 0 !important;
    left: 0 !important;
}

.icon > span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px #fe5c02 dashed;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -o-transition: .5s ease;
    -webkit-transition: .5s ease;
}

@keyframes lock {
    0% { transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); }
    100% { transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); }
}

@-webkit-keyframes lock {
    0% { transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); }
    100% { transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); }
}

.servicelist ul li a:hover .icon > span, .servicelist ul li.active a .icon > span {
    border: 1px #fff dashed;
    animation: 25s lock infinite;
    -moz-animation: 25s lock infinite;
    -webkit-animation: 25s lock infinite;
}

.icon > div {
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: 3px;
    right: 3px;
    background: #fff;
    color: #333;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -o-transition: .5s ease;
    -webkit-transition: .5s ease;
}

.servicelist ul li a:hover .icon > div {
    background: #fe5c02;
    color: #fff;
    transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -webkit-transform: scale(.9);
}

.servicelist ul li.active a .icon > div {
    background: #fe5c02;
    color: #fff;
}

.icon > div > span {
    display: block;
    width: 60px;
    height: 60px;
    margin: 6px auto 0;
    position: relative;
    overflow: hidden;
}

.item1 .icon > div > span {
    margin-top: 33px;
    width: 80px;
    height: 80px;
}

.icon > div > span > img {
    position: absolute;
    top: 0;
    left: 0;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -o-transition: .5s ease;
    -webkit-transition: .5s ease;
}

.servicelist ul li a:hover .icon > div > span > img, .servicelist ul li.active a .icon > div > span > img { top: -100%; }

.icon > div > p {
    line-height: 1;
    font-size: 16px;
    font-family: Tahoma, sans-serif;
    text-align: center;
    padding: 0 15px;
    margin: 0;
    color: inherit;
}

.item1 .icon > div > p {
    line-height: 18px;
    font-size: 18px; }
.item1 .icon > div > p span {
    font-size: 12px;
    display: block; }

.slogan {
    position: absolute;
    top: 0;
    left: 178px;
    right: 178px;
}

.slogan li {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: Alpha(Opacity=0);
    transition: 1s ease;
    -moz-transition: 1s ease;
    -o-transition: 1s ease;
    -webkit-transition: 1s ease;
}

.slogan li.active {
    opacity: 1;
    filter: Alpha(Opacity=100);
}

.slogan li img {
    width: 100%;
    max-width: 754px;
}

.simg { display: none; }

@media only screen 
and (max-width : 320px) {
    #hui
    {
        text-align:center;   
    }
}

.slide-image {
    position: relative;
    float: right;
    overflow: hidden;
    background: #fef1d1;
    height: 491px;
    width: 100%;
    max-width: 1116px; }
.slide-image:before,
.slide-image:after {
    content: "";
    position: absolute;
    left: 25%;
    right: 0;
    z-index: 1;
    height: 10%;
    background: -ms-linear-gradient(right, transparent, #fef1d1);
    background: -moz-linear-gradient(right, transparent, #fef1d1);
    background: -o-linear-gradient(right, transparent, #fef1d1);
    background: -webkit-gradient(linear, right top, left top, color-stop(0, transparent), color-stop(100, #fef1d1));
    background: -webkit-linear-gradient(right, transparent, #fef1d1);
    background: linear-gradient(to left, transparent, #fef1d1); }
.slide-image:before {
    top: 0; }
.slide-image:after {
    bottom: 0; }
.slide-image > span {
    position: absolute;
    top: 0;
    left: 25%;
    right: 0;
    bottom: 0;
    display: block;
    float: right;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; }

.slide-image2 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 400px; }

@media only screen and (max-width:1199px) {
    .slide-image { height: 576px; }
    .slide-image2 { height: 301px; }
    .slide-image:before, .slide-image:after { left: 0; }
    .slide-image > span { left: 0; } }
@media only screen and (max-width:1023px) {
    .slide-image { height: 432px; }
    .slide-image2 { height: 256px; } }
@media only screen and (max-width:767px) {
    .slide-image { height: 360px; }
    .slide-image2 { height: 188px; } }
@media only screen and (max-width:639px) {
    .slide-image { height: 270px; }
    .slide-image2 { height: 141px; } }
@media only screen and (max-width:479px) {
    .slide-image { height: 180px; }
    .slide-image2 { height: 94px; } }

.blog-text {
    overflow: hidden; }
.blog-text h3 {
    font-weight: bold;
    color: #fe5c02; }
.blog-text h3:after {
    content: "";
    display: block;
    margin: 9px 0;
    width: 30px;
    height: 1px;
    background: #fe5c02; }
.blog-text p {
    text-align: justify; }
.blog-text a {
    background: #333;
    color: #fff;
    padding: 6px 12px;
    float: left;
    display: block; }
.blog-text a:hover {
    background: #fe5c02; }