
@charset "UTF-8";
/* CSS Document */
.container{min-width:1200px;}
.type{width:1200px; margin:0 auto; border:1px solid #eee; background-color:#fff;}
.type_nav{    padding: 15px 0;
    height: 20px;
    border-bottom: 1px solid #eee;
	position:relative;
}
.sgt_nav_sm {
    padding: 0 23px;
}
.type_nav ul {
    float: left;
}
.type_nav ul li{
    float: left;
}
.type_nav ul em {
    float: left;
    background-position: 0px 0px;
    width: 5px;
    height: 9px;
    margin: 4px 14px 0 14px;
}
.current-item-bd {
    position: relative;
    left: 23px;
}
.current-item-bd span {
    margin: 0px 5px;
    border: 1px solid #24b673;
    padding: 3px 15px;
    position: relative;
    cursor: pointer;
}
.current-item-bd span i {
    font-style: normal;
}
.current-item-bd span a {
    position: absolute;
    right: 2px;
    top: -3px;
    color: #ccc;
    font-style: normal;
}
.current-item-bd span:hover {
    background-color: #24b673;
    color: #fff;
}
.current-item-bd span:hover a{
    color: #fff;
}
.type_hd{height:40px; line-height:40px; border-bottom:1px solid #eee;}
.type_hd ul li{float:left; width:80px; text-align:center; border-right:1px solid #eee; font-size:13px;  height:39px; cursor:pointer;}
.type_hd ul li.current{border-bottom:2px solid #24b673; font-weight:bold; color:#24b673;}
.type_hd ul li.current a{color:#24b673;}
.type_hd ul li a{color:#999;}
.type_hd ul li a:hover{color:#24b673;}
.type_box dl{ line-height:40px; overflow:hidden; position:relative; float:left; width:100%; height:auto;}
.type_box dl dt{width:81px; text-align:center; position:absolute; top:0; left:0; height:100%; color:#24b673; line-height:40px; font-weight:bold; font-size:16px; background-color:#f8f8f8; border-bottom:1px dotted #eee; box-sizing:border-box;}
.type_box dl dd{padding-left:100px; border-bottom:1px dotted #eee;}
.type_box dl dd:last-child{border:none;}
.type_box dl dd a{ float:left; height:40px; line-height:40px; text-align:left; display:inline-block; width:80px;}
.type_box dl dd a.on{color:#24b673; font-weight:bold;}











.photo_box{margin:0 auto; width:1200px;}
.row{position:relative; margin-top:30px;}
.row .left_type{width:228px; height:334px; overflow:hidden; border-radius:2px; padding:4px; display:block;}
.type_1{ background:url(http://m.brvinc.com/res/photo/images/xgt_1.png) no-repeat;}
.type_2{ background:url(http://m.brvinc.com/res/photo/images/xgt_2.png) no-repeat;}
.type_3{ background:url(http://m.brvinc.com/res/photo/images/xgt_3.png) no-repeat;}
.type_4{ background:url(http://m.brvinc.com/res/photo/images/xgt_4.png) no-repeat;}
.left_type em{background:url(http://m.brvinc.com/res/photo/images/text_ico.png) no-repeat; width:76px; height:60px; display:block; margin:40px auto;}
.type_1 em{background-position:0px 0px;}
.type_2 em{background-position:-76px 0px;}
.type_3 em{background-position:-152px 0px;}
.type_4 em{background-position:0px -60px;}
.key{position:absolute; bottom:5px; left:5px; width:228px; border-radius:2px; overflow:hidden;}
.key a{display:block; font-size:14px; width:76px; height:60px; line-height:60px; float:left; text-align:center; color:#fff; font-family:" 微软雅黑"; background:url(http://m.brvinc.com/res/photo/images/bg.png) 0 -200px repeat-x;}
.type_1 .key a:hover{ background-color:#da5757;}
.type_2 .key a:hover{ background-color:#3098af;}
.type_3 .key a:hover{ background-color:#ba6b3d;}
.type_4 .key a:hover{ background-color:#5c9b6f;}
.xgt{position:absolute; border-radius:2px; overflow:hidden;}
.xgt img{width:100%;}
.xgt img:hover{opacity:.8;filter: alpha(opacity=80);}
.xgt_footer{background-color:rgba(0,0,0,.5); width:100%; height:36px; line-height:36px; color:#fff; position:absolute; bottom:0;}
.xgt_footer span{ display:block; width:100%; padding-left:10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box;}
.other_photo{margin:12px auto; width:1200px;}
.other_photo ul li{float:left; margin-left:12px; margin-bottom:12px;}
.other_photo ul li:first-child{margin-left:0px;}
.other_photo ul li.none_left{margin-left:0px;}
.other_photo ul li a{position:relative;}
.other_photo ul li a span{position:absolute; width:100%; text-align:center; display:block; line-height:165px; height:165px; left:0; bottom:0; color:#fff; font-size:34px; font-weight:bold;}