@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2015-04-27 11:22:38
 * @version $Id$
 */
* {
	appearance:normal;
	-webkit-appearance: none;
	-moz-appearance: none;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	outline: none;
	font-size-adjust: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
*:focus {
	outline: none;
}

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

body {
	margin: 0;
	padding: 0;
	overflow-x:hidden;
	font-family: "\5fae\8f6f\96c5\9ed1", sans-serif; 
    font-size: 12px;
    color: #565656;
    line-height: 22px;
}

body::-webkit-scrollbar { 
    display: none; 
}

a,a:hover{
	text-decoration:none!important; 
}
 li{
 	list-style-type: none;
 }

::selection {
	background-color:#CCC;
	color: #000;
}

  p, img, form, fieldset, textarea, input, label, iframe, code, pre {
	display: block;
	position:relative;
	overflow:hidden;
}

::-webkit-scrollbar { 
    display: none; 
}

.clear { clear: both;}

.shadow{
	 background: url(../images/shadow.png) top center no-repeat; width: 100%; height: 18px;
	 position: absolute; top:80px; left: 50%; z-index: 999; margin-left: -50%;
}

.responsive-image{
	width:100%;
	margin-bottom:20px;
}


#preloader {
	position:fixed;
	z-index:2500;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#FFF; 
	z-index:99999999; 
}

#status {
	position:fixed;
	z-index:99999999;
	width:250px;
	height:250px;
	position:absolute;
	left:50%; 
	top:50%; 
	background-image:url(../images/status.gif); 
	background-size:64px 64px;
	background-repeat:no-repeat;
	background-position:center;
	margin:-125px 0 0 -125px; 
}

#status p{
	top:60%; text-align: center;
}

#status em{
	font-size:10px!important;
	display:block;
	font-style:normal;
}


/*Top Sliding Menu*/

.menu-top{
    position:fixed!important;
    z-index:999999999;
    max-height:428px;
    width:300px!important;
    left:50%;
    margin-left:-150px;
    border:solid 1px #cacaca;
    padding-top: 5px;
}


.active-submenu{
    display:block;
    min-height:100%;
    max-height:500px!important;
}

.active-menu .fa-circle{
    color:#2ecc71!important;
    margin-top:26px;
}


.menu-top li{list-style:none; margin-bottom:0px;}
.menu-top li a:hover{background-color:rgba(0,0,0,0.05)!important; }
.submenu{margin-bottom:0px;}


.page-content{
    -webkit-transform:translateY(0px);
    transform:translateY(0px);
    transition:all 350ms ease;
}

.menu-top{
    border-top:solid 1px rgba(0,0,0,0.1);   
    background-color:rgba(255,255,255,1);
    position:absolute;
    width:100%;
    z-index:99999999;
    height:100%;
    top:-500px;
    overflow:scroll!important;
    -webkit-overflow-scrolling: touch!important;
    transition:all 350ms ease;
    border-radius:10px;
}

.show-menus{
    top:50%;
    margin-top:-210px;
    transition:all 350ms ease;
}

.menu-top span{
    border-bottom:solid 1px rgba(0,0,0,0.01); 
    display:block;
    font-size:11px;
    font-family:'Roboto', sans-serif;
    text-align:Center;
    padding-top:5px;
    padding-bottom:5px;
}

.menu-top a i{
    position:absolute;
    margin-top:15px;
    margin-left:-40px;
    font-size:14px;
}

.menu-top .fa-circle{
    /*position:absolute!important;*/
    float:right;
    right:0px;
    margin-right:25px;
    font-size:8px;
    margin-top:17px;
}

.menu-top .fa-angle-right{  
    position:absolute;
    left:40px;
    top:-3px;
}

.menu-top .fa-plus{
    -ms-transform: rotate(0deg); 
    -webkit-transform: rotate(0deg); 
    transform: rotate(0deg);
    position:absolute!important;
    right:0px;
    margin-right:24px;
    font-size:11px;
    margin-top:27px;
    transition:all 350ms ease;
}

.menu-top a{
    display: block;
    font-size:13px;
    font-weight:500;
    padding-left:70px;
    color:#3b4043;
    line-height:45px;
    border-bottom:solid 1px rgba(0,0,0,0.1); 
}

.submenu li:last-child{
    border-bottom:solid 1px rgba(0,0,0,0.08)!important;
}

.menu-top a:hover{color:#000000;}

/*.submenu{display:none;}*/

.submenu{
    max-height:0px;
    overflow:hidden;
    transition:all 350ms ease;
}

.show-submenu{
    max-height:500px!important;
    transition:all 350ms ease;
}

.submenu a{
    font-size:12px;
    line-height:60px!important;
    opacity:0.8;
    padding-left:90px;
}

.submenu li:hover{
    background-color:rgba(0,0,0,0.02);
}

.submenu .fa-angle-right{
    margin-left:26px;
    margin-top:27px;
}

.active-plus{
    color:#c0392b;
    -ms-transform: rotate(135deg)!important; 
    -webkit-transform: rotate(135deg)!important; 
    transform: rotate(135deg)!important;
    transition:all 350ms ease;
    margin-top:25px!important;
}

.submenu .fa-circle{
    position:absolute;
    z-index:999999;
    margin-top:28px;
    font-size:6px!important;
}

.has-submenu .fa-mobile{
    font-size:22px;
    margin-top:20px;
}


.menu-wrapper-background{
    position:fixed;
    z-index:99999;
    background-color:rgba(0,0,0,0.6);
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    display:none;
}

.menu-top .broder0{
	border: 0;
}


/*Header*/

.header{
    position:fixed;
    width:100%;
    z-index:99999;
    height:80px;
    background:#fff;
    /*border-bottom:1px solid rgba(0,0,0,0.1); */
}

.header-clear{
    height:80px;
}

.header a.CN{
	width: 30px; height: 80px; background: url(../images/CN.png) center center no-repeat; float: right; margin-right: 10px;
}
.header a.EN{
	width: 30px; height: 80px; background: url(../images/EN.png) center center no-repeat; float: right;
}


.header-clear-big{
    height:90px;
}

.header-logo{
    float:left;
    background:url(../images/logo.png) no-repeat;
    width:200px;
    height:44px;
    /*background-size:70px 15px;*/
    margin-top:20px;
    margin-left:30px;
}

.header-navigation{
    float:right;
    color:#11b2e7;
    font-size: 16px;
    height:80px;
    width:60px;
    text-align:center;
    line-height:80px;
}

.header-navigation i{
    width:60px;
    height:80px;
    line-height:80px;
    text-align:center;
}

.header-navigation:hover{
    color:#222;
    background-color:rgba(255,255,255,0.1);
}


.top-section{
    height:100%;
    display:block;
    /*background-image:url();*/
    background-size:cover;
    position:relative;
}

.top-call-to-action{
    height:50px;
    background-image:url(../images/menu-bg.png);
}

.top-call-to-action a{
    width:33%;
    text-align:center;
    float:left;
    font-size:12px;
    line-height:50px;
    color:#FFFFFF;
    opacity:0.9;
}

.top-call-to-action a i{
    padding-right:13px;
    font-size:14px;
}

.top-call-to-action a:hover{
    color:#FFFFFF;
    background-color:rgba(255,255,255,0.05);
    opacity:1;
}

.top-call-to-action a:first-child{
    border-right:solid 1px rgba(255,255,255,0.1);
}

.top-call-to-action a:last-child{
    border-left:solid 1px rgba(255,255,255,0.1);
}


/*content*/

.content{
	padding:20px 0; position: relative; 
}

.content .moreBtn{
    background: #2a93b5; color: #fff; text-align: center; width: 100px; margin:10px auto; padding:3px; display: block;
}

.content h2{
    font-size: 1.5em; margin-bottom: 20px; font-weight: normal; color: #2a93b5;
}

.content h2 i, .content h4 i{
    margin-right: 8px;
}

.content .content-img{
    margin: 0 20px;
}

.content .content-text{
    margin: 0 20px;/*line-height: 1.5em;*/ color: #6f7171; 
}

.content .content-text h4{
    font-size: 1.25em; margin-bottom: 20px; color: #222;
}

.content .content-text p a{
    color: #6f7171; display: inline-block; margin-bottom: 10px;
}

.content .content-text p a i.fa{
    margin-right: 10px;
}

.content .content-text img{
    max-width: 100%;
}

.content .backToList{
    text-align: center; 
}

.content .backToList a{
    color: #2a93b5;
}

.content .backToList i{
    margin-right: 10px;
}

.content .content-nav{
    margin:0 10px 20px 10px;
}

.content .Ad-text{
	margin:0 30px;  text-align: center; line-height: 20px;
}

.content .Ad-text h1{
	 color: #11b2e7; font-size: 18px;  font-weight: normal; margin-bottom: 15px;
}

.content .Ad-text .EN-T{
	font-size: 10px; display: block; margin:10px 0; color: #b5b2b2; 
}


.content .service .img, .content .service .text{
    float: left; 
}

.content .service .img{
    width: 50%;
}

.content .service img{
    max-width: 100%;
}

.content .service  h1{
    color: #2a93b5; font-size: 20px; font-weight: normal; margin: 10px 0;
}

.content .service .text{ margin-right: 0px; width: 45%;}



/*portfolio-one*/

.portfolio-one-item{
    padding-bottom: 20px;
}


.portfolio-one-title{
    margin-bottom:10px; font-size: 1.25em;
}

.portfolio-one-text{
    line-height: 25px;
}

.portfolio-one-text .title, .portfolio-one li  h3{
    font-weight:500;
    font-size: 1.25em;
    margin:10px 0;
    color: #2a93b5;
    
}

.portfolio-one-text .title i{
    margin-right: 5px;
}


.portfolio-one-text .half-bottom, .brand_profile{
     margin-bottom: 10px; color: #6f7171; line-height: 25px;
}


.portfolio-one-text .subtitle{
    font-style:normal;  
    font-size:11px;
    opacity:0.8;
}

.portfolio-one-detail{
    opacity:0.6;
    color:#666666;
    display:inline-block;
    padding-right:10px;
    padding-left:10px;
    margin-bottom:5px;
    margin-top:0px;
    font-size:11px; 
}



.portfolio-one li{
    border-bottom: 1px solid  rgba(0,0,0,0.1); margin: 20px 0; 
}

.portfolio-one-links a, .portfolio-one li a{
    color:#666666;
    opacity:0.6;
}

.portfolio-one-links a:first-child{
    float:left;
    font-size:12px; 
}

.portfolio-one-links a:first-child i{
    padding-right:10px; 
}

.portfolio-one-links a:last-child{
    /*float:right;*/
    font-size:12px; 
}

.portfolio-one-details a{
    opacity:0.5;
    color:#666666;
    display:inline-block;
    padding-right:10px;
    padding-left:10px;
    margin-bottom:5px;
    margin-top:10px;
    font-size:11px;
}

.portfolio-one-details a:first-child{
    padding-left:0px!important; 
}

.portfolio-one-details a:nth-child(2){
    border-left:solid 1px #cacaca;
    border-right:solid 1px #cacaca; 
}

.portfolio-one-links a:last-child i{
    padding-left:10px;  
}

.portfolio-one-image{
    padding:10px 0; 
}

.portfolio-one-image img{
    margin-bottom:0px;
    padding-botom:0px;  
}


.portfolio-one .brand_logo .B1{
    background: #46a6d8 url(../images/b1.jpg) center center no-repeat; text-align: center; min-height: 120px;
}

.portfolio-one .brand_logo .B2{
    background: #c7aa8e url(../images/b2.jpg) center center no-repeat; text-align: center; min-height: 120px;
}

.portfolio-one .brand_logo .B3{
    background: #f14d7b url(../images/b3.jpg) center center no-repeat; text-align: center; min-height: 120px;
}

.portfolio-one .brand_logo .B4{
    background: #bc4464 url(../images/b4.jpg) center center no-repeat; text-align: center; min-height: 120px;
}

.portfolio-one .brand_logo .B5{
    background: #b59951 url(../images/b5.jpg) center center no-repeat; text-align: center; min-height: 120px;
}

.portfolio-one .brand_logo .B6{
    background: #004da2 url(../images/b6.jpg) center center no-repeat; text-align: center; min-height: 120px;
}

.portfolio-one .brand_logo .B7{
    background: #accb52 url(../images/b7.jpg) center center no-repeat; text-align: center; min-height: 120px;
}

/*brand*/

.brand{
  width: 100%;  /*background: url(../images/6.jpg) 100% 100% no-repeat; */
  background: #2a93b5;
  margin: 20px 0;
 }

.brand .container{
  	padding:20px 20px 0 20px; 
}

.staff-item img{
	/*border-radius:300px;	*/
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
    transition:all 500ms ease;
    margin-top:10px;
}

.staff-item img:hover{
    transform:scale(1.1, 1.1);
    -webkit-transform:scale(1.1, 1.1);
    transition:all 500ms ease;
}

.staff-item h4{
	text-align:center;
	margin-top:20px;	
	font-size:16px;
}

.staff-item em{
	text-align:center;
	font-size:12px;
	color:#e34e47;
	display:block;
	margin-top:-10px;
	margin-bottom:10px;
	font-style:normal;
}

.staff-item strong{
	display:block;	
	font-weight:400;
	text-align:center;
	padding-left:20px;
	padding-right:20px;
	line-height:28px;
}


/*news*/

.news .imgNews{
	display: inline-block; width: 48%;  margin: 0 auto;
}

.news .title{
    margin:0 20px; color: #2a93b5; border-bottom: 1px solid #2a93b5;  font-size: 18px; padding:10px;
}

.news .title .moreBtn{
    float: right; font-size: 12px; margin-top: -5px;
}

.news .imgNews img{
	max-width: 100%;
}

.news ul{
	margin:20px;  border-bottom: 1px solid #cccccc;  
}

.news ul li{
	margin-bottom: 10px;
}

.news ul li a{
	color: #222; display: block; margin-bottom: 10px;
}

/*footer*/
.footer{
	background: #2a93b5; color: #fff; padding:10px 0;
}

.footer a{
	color: #fff;
}

/*Share Button*/

.share-bottom{
    position:fixed;
    width:100%;
    z-index:998!important;
    background-color:#f8f8f8;
    padding-top:15px;
    padding-bottom:15px;
    border-top:solid 1px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0.1);
            box-shadow: 0 0 0 0 rgba(0,0,0,0.1);
    bottom:-350px;
    transition:all 350ms ease;
}

.active-share-bottom{
    -webkit-box-shadow: 0 -5px 15px 1px rgba(0,0,0,0.1)!important;
            box-shadow: 0 -5px 15px 1px rgba(0,0,0,0.1)!important;
    bottom:0px!important;
    transition:all 350ms ease;
}

.share-bottom h3{
    text-align:center;
    font-size:14px;
    text-transform:uppercase;
    font-weight:500;
    padding-bottom:15px;
    border-bottom:solid 1px rgba(0,0,0,0.05);
    margin-left:-5px;
}

.share-socials-bottom{
    width:300px;
    margin-left:auto;
    margin-right:auto;
}

.share-socials-bottom a{
    float:left;
    width:60px;
    margin-left:20px;
    margin-right:20px;
    text-align:center;
    color:#666666;
    font-weight:500;
    font-size:12px;
    margin-bottom:10px;
    margin-top:10px;
}

.share-socials-bottom a i:hover{
    color:#FFFFFF;
    -webkit-transform:scale(0.9,0.9);
            transform:scale(0.9,0.9);
}

.share-socials-bottom a i{
    width:60px;
    height:60px;
    border-radius:8px;
    color:#FFFFFF;
    line-height:60px;
    font-size:18px;
    margin-bottom:5px;
    transition:all 250ms ease;
    opacity:1;
}

.share-socials-bottom a i:hover{
    transition:all 250ms ease;
    opacity:1;
}

.close-share-bottom{
    display:block;
    width: 100%;
    text-align:center;
    padding-top:15px;
    margin-top:15px;
    border-top:solid 1px rgba(0,0,0,0.05);
    text-transform:uppercase;
    font-size:12px;
    font-weight:600;
    color:#1f1f1f;
    transition:all 250ms ease;
}

.close-share-bottom:hover{
    color:rgba(0,0,0,0.6);
    transition:all 250ms ease;
}

/*Share Button*/

.share-button-regular:hover{
    color:#FFFFFF;
}

.share-button-regular{
    height:45px;
    line-height:45px;
    font-size:12px;
    padding-left:20px;
    padding-right:20px;
    margin-bottom:20px;
    transition:all 250ms ease;
}

.share-button-regular i{
    padding-right:20px;
}

.share-button-regular:hover{
    opacity:0.8;
    transition:all 250ms ease;
}

#share .bdshare-button-style1-32 a{
	margin:20px; width: 60px; height: 50px; line-height: 50px;

}


.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  /*background:#;*/
  border: 1px solid transparent;
  white-space: nowrap;
    font-size: 14px;
  padding: 6px 12px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #222;

}
.btn i{
    margin-right: 8px;
}

.btn {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
.btn-default {
  text-shadow: 0 1px 0 #fff;
}
.btn-primary,
.btn-success,
.btn-warning,
.btn-danger,
.btn-info {
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}


.decoration{ 
    height:1px;
    background-color:rgba(0,0,0,0.1);
    margin:20px 0px 20px 0px;
    display:block;
    clear:both;
}





#Paginations { margin-top: 25px; tadding-top: 20px; text-align: center;}
#Paginations a,  #Paginations span{ 
    /*display:inline-block; height:37px;width:37px;text-align:center;line-height:37px; background:url(../images/bigPage.png) no-repeat left top; position:relative; text-decoration:none;color:#7f7f7f;font-size:14px;font-weight:bold;margin:0 10px 0 0;*/
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    
    height:30px;width:30px;
    line-height: 30px;
    /*text-shadow: 0 1px 1px rgba(0,0,0,.3);*/
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    margin-right: 5px;
     vertical-align: top;
    color: #000;
    border: solid 1px #b7b7b7;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
    background: -moz-linear-gradient(top,  #fff,  #ededed);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');

}
 #Paginations span{
    margin: 0; padding: 0; 
 }
 #Paginations a.selected,  #Paginations a.selected:hover{ 
    /*background:url(../images/bigPage.png) no-repeat left -111px;color:#fff; cursor:default;*/
    color: #fef4e9;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
 #Paginations b{ display:inline-block;margin:0 5px;}
 #Paginations a:hover{
    /*background:url(../images/bigPage.png) no-repeat left -37px;*/
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
    background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}

 #Paginations a {
    color: #000;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
    background: -moz-linear-gradient(top,  #ededed,  #fff);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}





 #Paginations .pagePrev b{ background: url(../images/pagePrev.png) center center no-repeat; display: block; width:13px; margin:0 auto;  }
 #Paginations .pageNext b{ background: url(../images/pageNext.png) center center no-repeat; display: block; width:13px; margin:0 auto;  }

/* #Paginations a.pagePrev,  #Paginations a.pageNext{  background:url(../images/bigPage.png) no-repeat left top; }
 #Paginations a.pagePrev:hover,  #Paginations a.pageNext:hover{ background:url(../images/bigPage.png) no-repeat left -37px;}*/
 #Paginations .pagePrev b{ background: url(../images/pagePrev.png) center center no-repeat; display: block; width:13px; margin:0 auto;  }
 #Paginations .pageNext b{ background: url(../images/pageNext.png) center center no-repeat; display: block; width:13px; margin:0 auto;  }






.button {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    margin-right: 10px;
}
.button:hover {
    text-decoration: none;
}
.button:active {
    position: relative;
    top: 1px;
}


.orange {
    color: #fef4e9;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
    background: #f47c20;
    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
    background: -moz-linear-gradient(top,  #f88e11,  #f06015);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
    color: #fcd3a5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
    background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}



.responsive-video{
    display:block;
    width:100%;
    min-height: 173px;
    margin-top: 10px;
    margin-bottom:30px;
}



#allmap {width: 100%;height: 100%; min-height: 200px; overflow: hidden;margin:0;}