/*slider css*/

.main-slider {
    background: #d63646;
    color: #fff;

    z-index: 1;
    position: relative;
    overflow:hidden;
}

.slider-colored {
    z-index: 1;
    position: relative;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
}

.slide_title {
    font-weight: 300;
    color:#F77B6F;
    text-transform: uppercase;
    font-size:35px;
}

.slide_subtitle {
    font-weight: 400;
    padding: 5px;
    color:#fff;
    text-transform: uppercase;
    font-size:18px;
}

.slide_list_item {
    font-weight: 400;
    padding: 5px;
    color:#fff;
    text-transform: uppercase;
    font-size:14px;
}

.slide_desc {
    color:#fff;
    font-size:14px;
    line-height:24px;
    font-weight: lighter;
}

.slide_desc_bordered {
    border-left: 3px solid #ddd !important;
    padding-left: 5px;
}

.slide_btn {
    font-weight: 300;
    background:#F77B6F;
    padding:15px 20px;
    color:#fff;
    font-size:14px;
    text-transform: uppercase;
    cursor:pointer;
}

.slide_btn:hover, .slide_btn:focus {
    font-family: 'Open Sans';
    font-weight: 300;
    background: #e77368;
    padding:15px 20px;
    color:#fff;
    font-size:14px;
    text-transform: uppercase;
    cursor:pointer;
}

.dark-text {
    color: #797d87;
}

.yellow-txt {
    color: #ffe582;
}


#about{border-bottom:2px solid #c5c4c3;}

.row{margin-right: -15px; margin-left: -15px;}
.icon-hover-we-work{padding:20px 30px;float: left;width:33.3%;}
.icon-bg-we-work-sec {background:#fff;width:248px;height:208px;margin: 0px;display: inline-block;position:relative;}
.icon-bg-we-work-sec span{display:block;height:168px;width:168px;position:absolute;left:50%;top:50%;margin:-84px 0 0 -84px;border:4px solid #6b6b6b;line-height:168px;font-size:68px;text-align: center;border-radius:100%;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;}
.icon-hover-we-work h3{margin:25px 0 30px 0;padding:0 30px;}
.icon-hover-we-work p{padding:0 30px;font-size:16px;}
.hover_bot{height:7px;width:100%;background:#eb3341;margin-top:40px;position:relative;visibility:hidden;}
.hover_bot i{width:27px;height:15px;background:url(../images/three.png) 0 0 no-repeat;display:block;position:absolute;left:50%;top:-14px;margin-left:-13px;}
.icon-hover-we-work.hover .icon-bg-we-work-sec{background:#eb3341;}
.icon-hover-we-work.hover .icon-bg-we-work-sec span{border:4px solid #fff;color:#fff;}
.icon-hover-we-work.hover p{color:#eb3341;}
.icon-hover-we-work.hover .hover_bot{visibility :visible;}
@media (min-width: 1024px){
	.icon-hover-we-work{width:33.3%;}
	.icon-hover-we-work h3{font-size:20px;}
	.icon-hover-we-work p{font-size:14px;}
}

@media (max-width:962px){
.icon-hover-we-work{width:50%}
.icon-hover-we-work h3{font-size:18px;}
.icon-hover-we-work p{font-size:14px;}
}
@media (max-width:767px){
.icon-hover-we-work{width:100%}
.icon-hover-we-work h3{font-size:16px;}
.icon-hover-we-work p{font-size:12px;}

}



#case{background:#f2f2f2;}
.isotope .item {width: 33.333%;overflow:hidden;position:relative;float:left;}
.isotope .item a{display:block;margin:0 10px 20px 10px;}
.isotope .item .cont {display: block;background-color: #fff;overflow: hidden;}
.isotope .item .cont>div {overflow: hidden;position:relative;}
.isotope .item img {display: block;width: 100%;height: auto;margin: 0;background:#f2f2f2;}
.isotope .item .title {display: block;background-color: #fff;margin: 0;height:80px;}
.isotope .item .title span{display:block;color:#999;font-size:12px;}
.isotope .item .title span.title-en {padding: 16px 0 0 0;text-transform: uppercase;color:#666;font-size:14px;}
.isotope .item a:hover .title {background-color: transparent;color: #fff;}
.isotope .item a:hover img {/*  -webkit-filter: blur(2px);*/-webkit-transform-origin: center center;-webkit-transform: scale(1.05, 1.05);-moz-transform-origin: center center;-moz-transform: scale(1.05, 1.05);}
.overlayPop{display:none;position:absolute;top:0;left:0;bottom:0;right:0;z-index:99;background:#eb3341;opacity:0.8;filter:alpha(opacity=80);}
.popup {position: absolute;z-index: 400;height:59px;width:59px;background: url(../images/search-red.png) no-repeat center center;z-index:999;left:50%;margin:0 0 0 -30px;top:-59px;}
.mt30{margin:50px 0 0 0;}
.sub_title a {color:#ff0012;display:inline-block;font-size:14px;}
@media screen and (max-width: 768px) {
  .isotope .item{
  width:50%;
}
 .popup {position: absolute;z-index: 400;height:49px;width:49px;background: url(../images/search-red.png) no-repeat center center;z-index:999;left:50%;margin:0 0 0 -25px;top:-59px;}
}
@media screen and (max-width: 479px) {
  .isotope .item{
  width:100%;
}
.isotope .item .title span.title-en {padding: 16px 0 0 0;text-transform: uppercase;font-size:12px;}
}


#hot{background:#f2f2f2;}
#hot .box {
  display: inline-block;
  vertical-align: top;
  background-color: #fff;
  width: 30%;
  margin: 30px 1.5%;
  float:left;
}
.box a.newmore{display:block;border:4px solid #f2f2f2;width:100%;overflow:hidden;}
.box .cont{position:relative;width:100%;height:100%;}
.box .cont img {display: block;width: 100%;height: auto;margin: 0;}
.box .cont .dates{position:absolute;bottom:0;left:0;background:url(../images/dian.png);padding:10px 16px;text-align:center;}
.box .cont .dates span{color:#fff;display:block;font-family:'Aller_Lt';font-size:16px;}
.box .cont .dates b{font-family:'Aller_Lt';font-size:24px;color:#fff;font-style:normal;line-height:24px;}
.box .new_h{padding:7%;text-align:left;}
.box .new_h h4{text-transform: uppercase;margin-bottom: 0.8em;}
.box .new_h p{font-size:12px;line-height:1.6em; height:63px;overflow:hidden;}
.box a.newmore:hover{border:4px solid #eb3341;}
@media all and (max-width: 1260px) {
  #hot .box {
    margin: 30px 1.2%;
  }
}
@media all and (max-width: 1024px) {
  #hot .box {
    width: 48%;
    margin: 20px 1%;
  }
}
@media all and (max-width:767px) {
  #hot .box {
    width: 100%;
    margin: 20px 0 15px 0;
  }
 .box a.newmore .dates span{color:#fff;display:block;font-family:'Aller_Lt';font-size:14px;}
 .box a.newmore .dates b{font-family:'Aller_Lt';font-size:18px;color:#fff;font-style:normal;line-height:24px;}
}
/* logo幻灯片 */
.flexslider{position:relative;width:auto; padding:10px 40px; background:#FFF;zoom:1;}
.flex-viewport{max-height:2000px;}
.flexslider .slides{ width:100%; zoom:1;}
.flex-direction-nav a{width:41px;height:82px;overflow:hidden;margin:-41px 0 0;display:block;position:absolute;top:50%;z-index:10;cursor:pointer;text-indent:-9999px;}
.flex-direction-nav .flex-next{background:url(../images/Right.png) center center no-repeat;right:-20px;}
.flex-direction-nav .flex-prev{background:url(../images/Left.png) center center no-repeat;left:-20px;}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;display:none;}
/*----------------logo的品牌列表 -------------------*/	
.logo_img{ width:100%; margin:0 auto;}
.logo_img a img{width:220px; height:91px; margin:0 15px 45px 5px; transition-duration: .5s;-ms-transition-duration: .5s;
-moz-transition-duration: .5s;-webkit-transition-duration: .5s;border:1px solid #e1e1e1; }
.logo_img a img:hover {-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
-o-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);-ms-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);}
@media (max-width: 1919px) and (min-width: 1200px){
.logo_img a img{width: 172px;
height: 73px;
margin: 0 4px 45px 4px;
}
}

@media (max-width: 1199px) and (min-width: 1024px){
.logo_img a img {
width: 143px;
height: 60px;
margin: 0 5px 15px 4px;
}
}
@media (max-width: 1023px) and (min-width: 640px){
.logo_img a img {
width: 215px;
height: 91px;
margin: 0 5px 10px 5px;
}
}
@media (max-width: 639px) and (min-width: 480px){
.logo_img a img {
width: 138px;
height: 60px;
margin: 0 5px 5px 5px;
}
}
@media (max-width: 479px){
.logo_img a img {
width: 118px;
height: 50px;
margin: 0 5px 5px 5px;
}
}






