@charset "utf-8";
/* CSS Document */



.cateWrap{
width:100%;
text-align:center;
/* margin:0 0 20px 0;*/
overflow:hidden;
vertical-align:top;
position:relative;
}

.cateWrap .cateNav{
width:245px;
height:245px;
background-color:#3a3a3a;
display:inline-block;
padding:30px;
margin:0 8px 20px 8px;
position:relative;
text-align:left;
overflow:hidden;

-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
}

.cateWrap .cateNav:hover{
background-color:#e14546;
}

.cateWrap .cateNav:hover .intro{
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity: 1;
}
.cateWrap .cateNav:hover .title{
padding:0px 0 0 0;
}

.cateWrap .cateNav .title{
font-size:30px;
line-height:40px;
font-style:italic;

display:block;
padding:80px 0 0 0;
-webkit-transition:all 0.4s;
-moz-transition:all 0.4s;
-o-transition:all 0.4s;
transition:all 0.4s;
}
.cateWrap .cateNav .intro{
font-size:16px;
display:block;
padding:30px 0 0 0;
height:160px;
overflow:hidden;





filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity: 0;
opacity: 0;
zoom: 1;

-webkit-transition:all 0.4s;
-moz-transition:all 0.4s;
-o-transition:all 0.4s;
transition:all 0.4s;
}
.cateWrap .cateNav:hover .btnMore{
left:34px;
}

.cateWrap .cateNav .btnMore{
font-size:24px;
display:inline-block;
background:url(../images/arrowWhite.png) right center no-repeat;
padding:0 30px 0 0;
position:absolute;
left:30px;
bottom:30px;

-webkit-transition:all 0.4s;
-moz-transition:all 0.4s;
-o-transition:all 0.4s;
transition:all 0.4s;
}

.cateWrap .box {
height:305px;
width:305px;
position:relative;
display:inline-block;
overflow:hidden;
vertical-align:top;
margin:0 8px 20px 8px;
text-align:left;

overflow:hidden;
}

.cateWrap .box img{
max-width:630px;
}

.cateWrap .boxW2{
width:630px;
}

.cateWrap .boxH2{
height:415px;
}


.cateWrap .boxH2 .cateNav{
margin-left:0;
margin-right:0;
}

.cateWrap .boxNews{
width:630px;
height:415px;
}

.cateWrap .boxTwitter{
    width: 305px;
    height: 415px;
    background-color: #FFF;
}

.cateWrap .boxTwitter iframe {
    height: 415px !important;
}

.cateWrap .box .redCover .header{
font-size:18px;
font-weight:bold;
display:block;
margin:40px 0 20px 0;
}








.homeNews{
width:630px;
background-color:#fff;
overflow:hidden;

}

.homeNews .headerWrap{
background-color:#e14646;
font-size:18px;
padding:10px 30px;
}

.homeNews ul{
margin:10px 30px;
padding:0 0 0 20px;
list-style-image:url(../images/redRect.png);
}

.homeNews ul li{
padding:0 0 0 10px;
}
.homeNews ul li a{
color:#333333;
font-size:14px;
border-bottom:1px #e4e4e4 solid;
padding:8px 0;
display:block;
font-weight:500;
}
.homeNews ul li:last-child a{
border:none; 
}




.cateWrap .box .logo{
height:165px;
width:305px;
display:block;
text-align:center;
background-color:#fff;
}

.cateWrap .box .logo img{

}

.cateWrap .box .dateWrap{
height:125px;
width:305px;
display:block;
padding:15px 0 0 0;
text-align:center;
background-color:#e14646;
}



.subscribeBoxWrap{
width:305px;
height:90px;
position:relative;

}
.subscribeBoxWrap .topBox{
width:305px;
height:90px;
position:absolute;
left:0;
top:0px;
z-index:1;
background-color:#e14646;
cursor:pointer;
}

.subscribeBoxWrap .topBox .font24{
display:block;
font-weight:500;
margin:17px 0 13px 20px;
font-style:italic;
}
.subscribeBoxWrap .topBox .font20{
display:block;
font-weight:500;
margin:0 0 0 20px;
font-size:18px;
}




.subscribeBoxWrap .subscribeBoxHome{

left:1px;
top:0;
z-index:5;

filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity: 0;
opacity: 0;

background-color:#e14646;

-webkit-transition:all 0.4s;
-moz-transition:all 0.4s;
-o-transition:all 0.4s;
transition:all 0.4;
}

.subscribeBoxWrap .subscribeBoxHome .header{

background-color:#2d2d2d;

}

.subscribeBoxWrap:hover .subscribeBoxHome{
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
}

.boxCalendar{
width:305px; 
}

/* case list */



.caseListWrap{
margin:20px 0 0 0;
position:relative;
zoom:1;
background-color:#3a3a3a;
}



.caseListWrap .cate{
width:300px;
float:left;
background-color:#FFF;
}


.caseListWrap .cate .logo{
width:300px;
height:250px;
display:block;
text-align:center;
}
.caseListWrap .cate .logo img{
margin:10px 0;
}

.caseListWrap .cate .txt{
background-color:#e14646;
position:relative;
font-size:18px;
font-weight:bold;
padding:20px 15px;
width:270px;
word-wrap: break-word; 
display:block;
}
.caseListWrap .cate:hover .txt{
color:#fff;
}
.caseListWrap .cate .txt .arrow{
position:absolute;
width:300px;
height:14px;
background:url(../images/arrowRedUp.png) center bottom no-repeat;
top:-14px;
left:0;
}
.caseListWrap .cont{
width:660px;
float:left;
}
.caseListWrap .cont .contInner{
margin:25px 45px 25px 35px;
}

.caseListWrap .cont .quote{
padding:0 0 0 40px;
background:url(../images/quote.png) left 5px no-repeat;
line-height:24px;
font-style:italic;
min-height:120px;
}


.caseListWrap .cont .name{
text-align:right;
margin:20px 0;
font-size:12px;
}

.caseListWrap .cont .btnMoreRedTxt{
float:right;
}



/* detail */

.topInfo{
background-color:#3a3a3a;
}

.topInfo.topInfoWithDate{
 margin:0 0 30px 0;
}

.topInfo .left{
width:300px;
height:350px;
background-color:#fff;
float:left;
}



.topInfo .logo{
width:300px;
line-height:350px;

}

.topInfoWithDate .logo{
line-height:220px;
}

.topInfoWithDate .logo img{
max-height:200px;
}

.topInfoWithDate .dateWrap{
color:#e14646;
}
.topInfoWithDate .dateWrap .deadLine{
background:none;
padding:4px 0 4px 0;
}

.subNav{
line-height:50px;
background-color:#e14646;
text-align:right;
clear:both;
}
.subNav a{
display:inline-block;
padding:0 20px;
font-weight:bold;
text-transform:uppercase;
}
.subNav a:hover{
color:#fff;
}



.leftCont600 ul{
margin:0;
}

.leftCont600 ul li{
margin:0 0 20px 0;
padding:0 0 0 20px;
}



.quoteWrap{
font-size:16px;
line-height:170%;
}

.quoteWrap .quoteLeft, .quoteWrap .quoteRight{
height:100%;
display:inline-block;
text-align:center;
}
.quoteWrap .quoteLeft{
float:left;
width:10%;

}
.quoteWrap .quoteRight{
width:9%;
}


.quoteWrap .quoteCont{
font-style:oblique;
width:80%;

display:inline-block;
}

.quoteWrap .name{
clear:both;
text-align:right;
margin:40px 10px 0 10px;
}



.eventListWrap{
background-color:#fff;
margin:0 0 20px 0;
zoom:1;
}

.eventListWrap .logo{
float:left;
width:340px;
height:200px;
line-height:200px;
position:relative;
text-align:center;
display:block;
}

.eventListWrap .logo .arrow{

height:12px;
background:url(../images/arrowRedUp.png) center top no-repeat;
position:absolute;
bottom:0;
left:0;
width:100%;
}

.eventListWrap .logo img{
max-height:200px;
max-width:100%;
}

.eventListWrap .photo{
float:right;
width:620px;
display:block;
text-align:right;
}




.eventListWrap .cont{
background-color:#e14646;
padding:20px 0;
}


.eventListWrap .cont .date{
float:left;
width:340px;
}


.eventListWrap .cont .info{
float:left;
width:620px;
}


.eventListWrap .linksWrap{
margin:20px 0 0 0;
font-weight:bold;
}

.eventListWrap .linksWrap a{
display:inline-block;
margin:0 20px 0 0;
border-bottom:1px #f3b5b5 solid;
}

.eventListWrap .linksWrap a:hover{
border-bottom:2px #f3b5b5 solid;
}








/* newsListWrap */

.newsListWrap{
margin: 0 0 15px 0;

}

.newsListWrap .tagRed{
display:inline-block;
margin:3px 20px 3px 0;
}

.newsListWrap .newsList{
width:470px;
float:left;
border-bottom:1px #646464 solid;
padding:0 0 15px 0;
}

.newsListWrap .newsList a{
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
}

.newsListWrap .newsList a:hover{
color:#e14646!important;
}

.newsListWrap .newsList .date{
font-size:12px;
color:#b4b4b4;
}


.btnNewsListMore.btnRed{
font-size:18px;
font-weight:500;
padding:10px 25px;
margin:10px auto 10px auto;
width:100px;
}

.view-media-news-list .item-list{
width: 150px;
padding: 0!important;
    margin:10px auto 10px auto!important;
}

.pager{
    margin: 0!important;
    padding: 0!important;
}

.pager li{
  margin: 0!important;
  padding: 0!important;
}
.pager a{
    font-weight:500;
    font-size:18px!important;
    width:100px;
    padding:10px 25px!important;
    margin: 0px!important;
    line-height: 40px;
}

.pager-load-more-empty{
    display: none;
}

.newsDetailPage{

}
.newsDetailPage .tagRed{
margin:5px 20px 0 0;
}

.newsDetailPage .mediaWrapRedCir{
float:right;
}

.articleHeader{
margin:15px 0 30px 0;
}

.newsDetailPage h5{
font-size:18px;
}


.articleHeader .date{
font-size:12px;
color:#b4b4b4;
}

.articleHeader .tag{
font-size:12px;
color:#b4b4b4;
font-style:italic;
}



.greyBgLeft{
background-color:#3a3a3a;
float:left;

}

.greyBgRight{
background-color:#3a3a3a;
float:right;

}

.abtBox{
width:195px;
min-height:340px;
margin:20px;
float:left;
line-height:28px;

}

.abtBox h5{
font-weight:bold;
padding:0 0 10px 0;
margin:0 0 10px 0;
border-bottom:1px #fff dotted;
}

.linkTxt{
display:block;
margin:10px 0;
color:#e14646;
}








.inBoundListWrap{
position:relative;
height:360px;
margin:0 0 20px 0;
background-color:#3a3a3a;
}
.inBoundListWrap h2{
color:#fff;
line-height:28px;
padding:30px 0;
}

.inBoundListWrap .photo{
height:360px;
width:600px;
float:right;
position:relative;
display:block;
text-align:center;
}

.inBoundListWrap .photo .arrow{
border-left:8px #e14646 solid;
width:12px;
background:url(../images/arrowRedRight.png) right center no-repeat;
height:100%;
position:absolute;
z-index:3;
left:0;
top:0;
display:block;
}

.inBoundListWrap .info{
width:360px;
height:360px;
overflow:hidden;
float:left;

}

.inBoundListWrap .info .inner{
margin:0px 40px;
height:100%;
position:relative;
}

.inBoundListWrap .info .inner .btnMoreRedTxt{
position:absolute;
left:0;
bottom:20px;
}

.inBoundListWrap .boxLogo{
width:140px;
height:150px;
float:left;
margin:20px 10px 0 0;

display:block;
position:relative;
z-index:3;
}

.inBoundListWrap .boxLogo .logo{
width:100%;
height:110px;
display:block;
background:#fff;
overflow:hidden;
text-align:center;
}


.inBoundListWrap .boxLogo .logo img{
width:100%;
margin:10px 0 0 0;
}

.inBoundListWrap .boxLogo .timeBar{
height:40px;

font-size:12px;
display:block;
padding:0 0 0 35px;
text-align:left;
line-height:40px;
overflow:hidden;
background:#e14646 url(../images/iconCalendarS.png) 10px center no-repeat;
}

.inBoundListWrap .btnMore{
position:absolute;
right:30px;
bottom:70px;
font-size:18px;
font-weight:500;
padding:10px 0;
text-align:center;

width:100px;
z-index:1;
}


.headerLineGrey{
background:url(../images/hLineWhite8.png) left center repeat-x;
text-align:center;
margin:90px 0 20px 0;
}

.headerLineGrey span{
padding:0 20px;
font-size:24px;
text-transform:uppercase;
background-color:#2d2d2d;
}


.contactWrap{
background-color:#fff;
margin-bottom:20px;
overflow:auto;
}

.contactWrap .contactInner{
color:#2d2d2d;
margin:40px;
font-size:16px;
}

.contactWrap .contactInner .photo{
margin:0 0 30px 0;
}

.contactWrap .contactInner .photo img{
width:100%;
}

.contactWrap .leftIntro{
width:520px;
float:left;
}

.contactWrap .leftIntro h2{
padding-top:0!important;
}

.contactWrap .rightMap{
width:336px;
float:right;
text-align:right;
}

.contactWrap .rightMap .map{
border:3px #d7d7d7 solid;
width:auto;
}

.contactWrap .rightMap .map .photo{
margin:5px;
}

.contactWrap .rightMap img{
width:100%;
display:block;
}

.contactWrap .rightMap a{
color:#2d2d2d;
font-size:12px;
}

.contactWrap .contactRow{
overflow:auto;
margin:0 0 10px 0;
}

.contactWrap .contactRow a{
color:#2D2D2D!important;
}
.contactWrap .contactRow .col1{
float:left;
width:12%;
font-weight:bold;
text-align:right;
padding: 0 10px 0 0;
min-width:64px;

}
.contactWrap .contactRow .col2{
float:left;
width:80%;
}



.sideClientList{
width:100%;
border:1px #e14646 solid;
}

.sideClientList .header{
background-color:#e14646;
padding:10px 30px;

}

.sideClientList a, .sideClientList span{
font-size:18px;
display:block;
padding:25px 30px;
color:#e14646;
border-top:1px #e14646 solid;
}


.margin40{
margin:40px;
}

.teamBox .margin40{
margin:30px 40px;
}

.teamBoxWrap{
 position:relative;
}

.teamBox{
position:relative;
margin:0 0 20px 0;
background-color:#fff;
color:#2d2d2d;
font-size:16px;
float:left;
width:49%;
overflow:hidden;
}

 

.teamBox.teamFeature{
width:100%;
}

.teamLabel{
position:absolute;
left:0;
top:0;
background-color:#e14646;
padding:3px 15px;
color:#fff;
font-size:14px;
z-index:99;
}

.teamBox .topSection{
width:66%;
float:left;
margin-bottom:20px;
}
.teamBox .photo{
width:34%;
text-align:right;
float:right;
}

.teamBox .header{
margin:0 0 10px 0;
}
.mediaWrapRedCir{
float:left;
margin:10px 0;
}

.mediaWrapRedCir a{
margin:0 10px 0 0;
}

.teamBox .header h2{
float:none;
padding:5px 0;
margin:10px 20px 0 0;
line-height:30px;
}
.teamBox.teamFeature .header h2{
float:left;
}

.teamBox .header img{
vertical-align:middle;
}

.teamBox .font16{
clear:both;
}

.teamBox a{
 color:#2D2D2D;
}
.teamBox a:hover{
 color:#e14646;
}
.teamBox .font18{
font-style:italic;
}


.logoWrap{
text-align:center;
margin:40px -16px 0 -16px;
}
.logoWrap a{
width:274px;
height:138px;
display:inline-block;
border:3px #d7d7d7 solid;
margin:0 10px;
}

.logoWrap a img{
max-height:138px; 
}



.topExperience{
 width:100%;
 overflow:hidden;
 margin:0 0 20px 0;
}

.topExperience h2{
 color:#fff;
 padding:10px 0;
 
}


.history{
 padding:0 0 40px 0;
}

.history .historyTxt{
 display:none; 
}

.history .year{
 font-size:16px;
 font-weight:bold;
 color:#e14646;
 margin:20px 0 0 0;
}


.marginTB50{
 margin:50px 0;
 overflow:auto;
}





.teamMore{
 min-width:120px;
 width:120px;
 text-align:right;
 color:#e14646;
 font-size:12px;
 cursor:pointer;
 margin:auto;
}

.teamBox .hideSection{
 clear:both;
 width:100%;
 overflow:hidden;
 display:none;
}

.openTxt{
 display:block; 
  padding-right:20px;
  line-height:20px;
    height:20px;
 background:url(../images/arrowUpDown.png) right top no-repeat;
}

.hideTxt{
 display:none;
  padding-right:20px;
    line-height:20px;
    height:20px;
 background:url(../images/arrowUpDown.png) right bottom no-repeat;
}





.statement{
 margin:0 0 20px 0;
 font-size:11px;
}