@charset "utf-8";
/*轮播图b*/
.banner{width:100%;overflow:hidden;z-index: 1;}
.banner .slick-slider,.banner .slick-list,.banner .slick-track,.banner .slick-slide{ width:100%;}
.banner a{display: block;}
.banner .slick-slide{
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.slick-slide img{ width:100%;}
.banner .slick-dots {
    position: absolute;
    left: 0;
    bottom:0;
	height:32px;
    width: 100%;
    text-align: center;
    z-index: 99;
}

.banner .slick-dots li {
    display: inline-block;
    margin: 11px 6px;
}

.banner .slick-dots li button {
    display: block;
    width:8px;
    height:8px;
    font-size: 0;
    line-height: 0;
    text-indent: 999px;
    border: none;
    outline: none;
    cursor: pointer;
    background:url(../images/index/newbdian.png) no-repeat center left;	
	
	
}

.banner .slick-dots li.slick-active button {
	background:url(../images/index/newbdian.png) no-repeat center right; height:8px; width:8px;
}
.banner .slick-prev{ background: url(../images/index/left.png) no-repeat; position: absolute;top:50%;left:0; width:75px; height:140px; z-index: 3; cursor: pointer; border:none; margin-top:-70px;}
.banner .slick-next{ background: url(../images/index/right.png) no-repeat; position: absolute;top:50%;width:75px; height:140px;right:0; z-index: 3;cursor: pointer; border:none; margin-top:-70px;}


.xgtb_cat{ width:1220px; margin:0 auto; margin:30px auto; }
.xgtb_cat dl{ width:405px; height:89px; border:1px solid #e6e6e6; float:left;}
.xgtb_cat dl.xgtbls2{border-left: none;}
.xgtb_cat dl.xgtbls3{border-left: none;}
.xgtb_cat dl dt{ width:80px; float:left;}
.xgtb_cat dl dt i{ display:block; height:30px; margin-top:15px;}
.xgtb_cat dl.xgtbls1 dt i{ background:url(../images/xgtb_cat1.png) no-repeat center;}
.xgtb_cat dl.xgtbls2 dt i{ background:url(../images/xgtb_cat2.png) no-repeat center;}
.xgtb_cat dl.xgtbls3 dt i{ background:url(../images/xgtb_cat3.png) no-repeat center;}
.xgtb_cat dl dt span{ display:block; font-size:14px; color:#666666; text-align:center; font-weight:bold; margin-top:5px;}
.xgtb_cat dl dd{ width:305px; float:left; padding:10px;}
.xgtb_cat dl dd a{ font-size:14px; color:#666666; display:inline-block; margin-right:12px; margin-bottom:2px;}

.xgtb_intro p { position: absolute; right: 135px; bottom: 12px; z-index: 4; color: #fff }
.xgtb_intro p em { color: #08a848 }
.xgtb_intro a.xgt_btn_left, .xgtb_intro a.xgt_btn_right { position: absolute; width: 60px; height: 69px; border-left: 1px solid #69655a; z-index: 5; ; font-size: 0 ; outline: none}
.xgtb_intro a.xgt_btn_left { right: 63px; top: 0 }
.xgtb_intro a.xgt_btn_left b, .xgtb_intro a.xgt_btn_right b { width: 17px; height: 32px; margin: 18px 0 0 20px; display: inline-block; }
.xgtb_intro a.xgt_btn_left b { background-position: 0 -41px }
.ielt9 .xgtb_intro a.xgt_btn_left b { filter: alpha(opacity=70); background-position: 0 -41px }
.xgtb_intro a.xgt_btn_left:hover b { background-position: -36px -41px }
.xgtb_intro a.xgt_btn_right { right: 0px; top: 0 }
.xgtb_intro a.xgt_btn_right b { background-position: -18px -41px }
.xgtb_intro a.xgt_btn_right:hover b { background-position: -55px -41px }
.ielt9 .xgtb_intro a.xgt_btn_right b { filter: alpha(opacity=70); background-position: -19px -41px }
.ielt9 .xgtb_intro a.xgt_btn_right:hover b { background-position: -55px -41px }


.new_xgt_slider{height: 356px; overflow: hidden; position:absolute;width: 100%; z-index: 1; left: 0}
.new_xgt_slider div.nx_layer{text-align: center; position: absolute; width: 100%; height: 356px; overflow: hidden; ; z-index:1 }
.new_xgt_slider div.nx_layer a img{width:100%; height: 356px}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.xgt-nav{margin: 30px auto;}
.xgt-nav li{float: left; margin-right: 20px; width:290px; height: 150px; position: relative; overflow: hidden}
.xgt-nav li img{ width:100%;}
.xgt-nav .last{margin-right: 0;}
.xgt-nav .msg{position: absolute; top: 0; left: 0; width:100%; text-align: center;}
.xgt-nav .nav-title{font-size: 34px; color: #fff; margin-top: 35px;}
.xgt-nav .nav-subtitle{font-size: 16px; color: #fff;}

.xgt_meitu_pinterest{background-color: #f8f8f8; padding-top: 10px;}

.xgt-footnav .recommend{position: fixed; left: 0; bottom: 0; width: 3000px; height: 40px; background-color: #01af63; z-index: 200;}
.xgt-footnav .link{position: fixed; left: 3000px; bottom: 0; width: 3000px; height: 40px; background-color: #01af63; z-index: 201;}
.xgt-footnav a{float: left; margin: 14px 10px; color: #fff;}


.xgtb_left .more {
    display: none;
    width: 354px;
    height: 68px;
    overflow: hidden;
}
.xgtb_left .more a{
    float: left;
    width: 39px;
    font-size: 12px;
    color: #333;
    background-color: #fff;
    height: 14px;
    line-height: 14px;
    text-decoration: none;
    outline: none;
    padding: 10px;
    padding-bottom: 44px;
    text-align: center;
}
/*为了实现背景色hack*/

.xgtb_left .more a:hover{
    color: #f25618;
}
.xgtb_left dl {
    position: relative;
}
.xgtb_left dl:hover .more {
    display: block;
    position: absolute;
    top: 0;
    left: 264px;
}
.xgt-nav .clearfix{margin: 0 auto;}
.xgt_meitu_pinterest {
	min-height: 300px;
}

.case_aterfall_li{ float:left; margin:0px 20px 20px 0;  overflow:hidden; width:290px; position:relative;}
.case_aterfall_li:nth-child(4n){ margin-right:0;}
.case_aterfall_li a img{ display:block; width:290px; height:218px;}
.case_aterfall_li p{ height:40px; line-height:40px; border:1px solid #eee; padding:0px 10px; background:#f8f8f8; font-size:14px;}
.case_aterfall_li p a{ width:230px; height:40px; overflow:hidden; display:inline-block;}
.case_aterfall_li p span{ margin-right:10px;}
.person_ico{ width:14px; height:14px; background-position:0px -49px;}
.case_aterfall_li .opacity_img span{ position:absolute; width:200px; height:35px; line-height:35px; text-align:center; right:0px; bottom:42px; display:none;}
.case_aterfall_li .opacity_img span.bg{ background:#e1670f; opacity:0.8;}
.case_aterfall_li .opacity_img span.text{ color:#fff; font-size:14px; cursor:pointer;}

.case_aterfall_li .opacity_img span.lijebg{ background:#000; opacity:0.6; width:66px; left:0;}
.case_aterfall_li .opacity_img span.likes{width:66px; left:0; text-align:center;}
.case_aterfall_li .opacity_img span.likes a{ color:#fff; font-size:12px; z-index:99; }
.case_aterfall_li .tit em{ float:right;}