@charset "utf-8";
/* CSS Document */
/* 看攻略 */
.index-kgl { padding-top:60px; padding-bottom:40px;}
.index-kgl .content-wrapper{ width: 1300px; overflow: hidden;}
.index-kgl-content{height:440px;width:100%;margin:70px auto 0;  padding: 0 10px;  font-size: 0; float: left;}
.index-kgl-type{ float: left;width:307px; vertical-align: top;  background-color: #fff;text-align: center;}
.index-kgl-type span img{ position: absolute;}
.index-kgl-lower{ position: relative; width: 305px; height: 408px; display: block; border: 1px solid #e3e3e3;}
.index-kgl-type:hover .index-kgl-lower{ display:none}
.index-kgl-type:hover .index-kgl-lower{ width:287px}
.index-kgl-type:hover .index-kgl-upper{ display:block}
.index-kgl-upper{
    position: relative;
    z-index: 10;
    display: none;
    width: 354px;
    height: 460px;
    margin-left: -1px;
    background-color: #fff;
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    *border: 1px solid #e3e3e3;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    *margin-top: -25px;
}
.index-kgl-type:hover .index-kgl-upper{-webkit-transform: translate3d(0, -25px, 0)  scale(1); -moz-transform: translate3d(0, -25px, 0) scale(1) transform: translate3d(0, -25px, 0)  scale(1);}
.index-kgl-type + .index-kgl-type .index-kgl-lower{ border-left: 0;}
.index-kgl .index-icon-arrow{ position: absolute; right: 20px; bottom: 19px; width: 25px; height: 22px; background-position: 0 -254px;}
.index-kgl .index-icon-arrow:hover{ background-position: -32px -254px; }
.index-icon-arrowa{width: 100%; height: 22px;}
.index-icon-arrowa:hover{ position: absolute; right: 20px; bottom: 10px; width: 25px; height: 22px; background-position: 0 -254px;}
.index-kgl-title{ width: 100%;  height: 140px; padding-top: 1px; background-color: #f6f6f6;}
.index-kgl-upper .index-kgl-title{ height: 167px;}
.kgl-title-text{ position: relative; display: block; margin-top: 86px; font-size: 20px;  color: #333;}
.kgl-title-text .index-icon{  position: absolute;}
.index-icon-zxgl{ top: -66px; left: 50%;  margin-left: -20px;  width: 41px; height: 42px; background-position: -260px -48px;}
.index-kgl-upper .index-icon-zxgl{ background-position: -208px -48px;}
.index-icon-zxrj{ top: -66px; left: 50%; margin-left: -21px; width: 42px;  height: 43px;  background-position: -260px -144px;}
.index-kgl-upper .index-icon-zxrj{ margin-left: -20px; width: 39px; height: 43px; background-position: -208px -144px;}
.index-icon-zxwd{ top: -66px; left: 50%; margin-left: -22px;  width: 45px; height: 43px; background-position: -207px 0;}
.index-kgl-upper .index-icon-zxwd{ width: 44px;  height: 42px;  margin-left: -19px; background-position: -260px 0;}
.index-icon-zxgj{ top: -66px; left: 50%; width: 45px; height: 42px; margin-left: -23px; background-position: -260px -96px;}
.index-kgl-upper .index-icon-zxgj{ width: 46px; height: 43px; background-position: -208px -96px;}
.index-kgl-type .index-kgl-lower ul{ margin-top: 32px;}
.index-kgl-type .index-kgl-lower ul li{ padding-left: 27px; height: 28px; line-height: 28px; text-align: left; font-size: 14px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index-kgl-bg{ width: 354px; height: 167px; font-size: 0;}
.index-kgl-upper .kgl-title-text{ position: absolute;  top: 113px; left: 0; width: 100%; margin-top: 0; color: #fff;}
.kgl-upper-detail a{float: left;margin-right: 13px;}
.kgl-upper-detail img{ width: 100px;  height: 68px;}
.index-kgl .kgl-upper-detail-content{ float: left; width: 180px;}
.index-kgl .kgl-upper-detail .kgl-upper-zxwd{ width: 100%;  margin-left: 0;}
.index-kgl .kgl-upper-detail{ overflow: hidden; padding-bottom: 18px; border-bottom: 1px dashed #e8e8e8;}
.index-kgl .kgl-upper-detail-title{ float: left; height: 20px;  font-size: 14px; color: #333; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index-kgl .kgl-upper-detail-title a{ color: #333;}
.index-kgl .kgl-upper-detail-text{ float: left; width: 100%; height: 45px; margin-top: 5px; font-size: 12px; line-height: 24px color: #999; text-align: left;}
.index-kgl .kgl-upper-detail-text a{ display: block; width: 100%; height: 35px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:19px}
.index-kgl .kgl-upper-content{ padding: 25px 30px 0 30px;}
.index-kgl .kgl-upper-content ul{  margin-top: 14px;}
.index-kgl .kgl-upper-content ul li{ font-size: 14px; height: 24px; line-height: 24px; text-align: left; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index-kgl .kgl-upper-content ul li a:hover{ color: #0cb46a;}
.index-kgl .index-kgl-zxgg-list{ margin: 4px 0 0 34px;  overflow: hidden;}
.index-kgl .index-kgl-zxgg-list li{ float: left;  width: 142px; height: 80px;  text-align: center;}
.index-kgl .index-kgl-zxgg-list li a{ display: inline-block;  padding-top: 1px;  *display: inline; *zoom:1;}
.index-kgl .index-kgl-zxgg-list li span{ position: relative;  margin-top: 15px; padding-top: 44px; display: block; font-size: 14px; color: #333;}
.index-kgl .index-kgl-zxgg-list li span:hover{ color: #0cb46a;}
.index-kgl .index-kgl-zxgg-list li i{ position: absolute;}
.index-kgl .index-icon-zxsc{ top: 10px; left: 50%;  width: 40px; height: 26px; margin-left: -20px; background-position: -116px -116px;}
.index-kgl .index-kgl-zxgg-list li span:hover .index-icon-zxsc{ background-position: -159px -116px;}
.index-kgl .index-icon-zxdk{ top: 6px; left: 50%;  width: 30px; height: 29px; margin-left: -15px; background-position: -116px -148px;}
.index-kgl .index-kgl-zxgg-list li span:hover .index-icon-zxdk{ background-position: -159px -148px;}
.index-kgl .index-icon-qz{ top: 7px; left: 50%; width: 31px; height: 29px; margin-left: -15px; background-position: -116px 0;}
.index-kgl .index-kgl-zxgg-list li span:hover .index-icon-qz{ background-position: -159px 0;}
.index-kgl .index-icon-dz{ top: 3px; left: 50%; width: 36px; height: 36px; margin-left: -18px; background-position: -116px -75px;}
.index-kgl .index-kgl-zxgg-list li span:hover .index-icon-dz{  background-position: -160px -75px;}
.index-kgl .index-icon-zxjr{ top: 4px; left: 50%; width: 36px; height: 35px; margin-left: -18px; background-position: -116px -36px;}
.index-kgl .index-kgl-zxgg-list li span:hover .index-icon-zxjr{ background-position: -160px -36px;}
.index-kgl .index-icon-rzjr{ top: 7px; left: 50%; width: 30px; height: 31px; margin-left: -15px; background-position: -116px -184px;}
.index-kgl .index-kgl-zxgg-list li span:hover .index-icon-rzjr{  background-position: -159px -184px;}
.index-icon{ background-image: url(../images/index_bg_mini.png); background-image: -webkit-image-set(url(../images/index_bg_mini.png) 1x,url(../images/index_bg.png) 2x); background-repeat: no-repeat;}