@charset "utf-8";
/* CSS Document */
.ziliaozhan{ background-color: #f5eee3; }
.zlz_spr{ background: url(../images/data_spr.png) no-repeat; }
.ziliaozhan .head{ position: relative; width: 100%; height: 110px; z-index: 99; background: url(../images/data_nav_bg.jpg) repeat;}
.ziliaozhan .head h1.logo{ width: 112px; height: 102px; margin: 8px 50px 0 20px; }
.ziliaozhan .head h1.logo a{ display: block; width: 112px; height: 102px; background-position: -274px -145px; }
.ziliaozhan .head ul{}
.ziliaozhan .head li{ float: left; width: 137px; height: 110px; }
.ziliaozhan .head li a{ display: block; width: 137px; height: 110px; font-size: 21px; color: #fafcfb; font-weight: 600; text-align: center; line-height: 100px; }
.ziliaozhan .head li a:hover{ text-decoration: underline; }
.ziliaozhan .head li a.on{ background: url(../images/data_spr.png) no-repeat -279px -245px; }
.ziliaozhan .head li a.on:hover{ text-decoration: none; }

.show_tit{ height: 145px; margin-top: 60px; }
.show_tit.trg{ width: 540px; background-position: 0 0; }
.show_tit.zrx{ width: 350px; background-position: 0 -580px; }
.show_tit.zhibo{ width: 230px; background-position: 0 -145px; }
.show_tit.shipin{ width: 278px; background-position: 0 -290px; }
.show_tit.tupian{ width: 280px; background-position: 0 -435px; }

.data_box { width: 1120px; border: 1px solid #e1e0e2; padding-bottom: 50px; margin-top: 95px; background-color: #fdfdfe; }
.data_box ul{ width: 1068px; padding: 20px 27px; height: auto!important; height: 600px; min-height: 600px; overflow: hidden; }
.data_box li { position: relative; float: left; width: 227px; height: 160px; margin: 26px 20px 0 20px; }
.data_box li a { display: block; position: relative; width: 227px; height: 160px; overflow: hidden; color: #363634; }
.data_box li a .img_wrap { display: inline-block; width: 225px; height: 125px; border: 1px solid #333; overflow: hidden; }
.data_box li a p { width: 230px; height: 25px; text-align: center; font: 400 14px/25px "Microsoft Yahei"; color: #363634; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.data_box li a img { display: block; width: 100%; height: auto; }
.data_box li a:hover img { }
.data_box li a:hover{ text-decoration: underline; color: #363634; }
.data_box li a i { display: block; position: absolute; width: 52px; height: 52px; left: 50%; top: 50%; margin-left: -26px; margin-top: -40px; background: url(../images/data_spr.png) no-repeat -386px -145px; }

.data_subnav{ width: 1119px; height: 94px; border-right: 1px solid #c6c6c6; background-color: #e9e9e9; }
.data_subnav a{ float: left; width: 370px; border-top: 2px solid #c6c6c6; border-left: 2px solid #c6c6c6; border-right: 1px solid #c6c6c6; height: 87px; border-bottom: 7px solid #c6c6c6; text-align: center; font: 400 23px/87px "Microsoft Yahei"; color: #313131;  }
.data_subnav a.on{ border-bottom: 7px solid #fb9f00; }

.data_box .zan li a p { width: 190px; }
.zan em{ position: absolute; top: 132px; right: 2px; display: block; width: 40px; height: 35px; background: url(../images/data_spr.png) no-repeat -443px -146px; text-indent: -999em; cursor: pointer; }

/* 弹窗 */
.mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; background: #101620; display: none; min-width: 1122px; _width:expression((documentElement.clientWidth < 1122) ? "1122px" : "auto" );}
.popBox { display: none; position: fixed; _position: absolute; top: 0; _margin-top:expression(eval(document.documentElement.scrollTop));left: 50%; z-index: 10000; }
.pop_video{ width: 712px; height: 336px; margin-left: -356px; }
.pop_close { position: absolute; top: 0; right: -43px; display: block; width: 42px; height: 38px; background: url(../images/data_spr.png) -476px -277px; text-indent: -9999em; overflow: hidden; cursor: pointer; }

.pop_img .ltop, .pop_img .lbottom, .pop_img .rtop, .pop_img .rbottom { position: absolute; display: block; width: 36px; height: 43px; background: url(../images/data_spr.png) no-repeat; }
.pop_img .ltop, .pop_img .lbottom { background-position: -279px -357px; }
.pop_img .rtop, .pop_img .rbottom { background-position: -315px -357px; }
.pop_img .ltop { top: -2px; left: -36px; }
.pop_img .lbottom { bottom: -2px; left: -36px; }
.pop_img .rtop { top: -2px; right: -36px; }
.pop_img .rbottom { bottom: -2px; right: -36px; }

.pop_img { position: fixed; _position: absolute; top: 0; _margin-top:expression(eval(document.documentElement.scrollTop));background-color: #c15941; padding: 2px; z-index: 10000; display: none; }
.pop_img .pop_close { position: absolute; top: -48px; right: 0; display: block; width: 51px; height: 47px; cursor: pointer; background: url(../images/data_spr.png) no-repeat -421px -272px; }
.pop_img .pop_cont { position: relative; }

.xs_inf { position: absolute; left: 0; bottom: 0; height: 25px; padding: 8px 0; width: 100%; background-color: #c15941; z-index: 19; }
.xs_inf a { color: #fff; display: inline; float: left; font: 500 12px/25px "simsun"; height: 28px; margin-left: 20px; text-align: center; width: 103px; background: url(../images/data_spr.png) no-repeat -421px -242px; }
.xs_inf a:hover { color: #ffffff; }

#hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#hoverNav a{ outline: none;}
#prev, #next{width: 49%;height: 100%;background: transparent url(../images/blank.html) no-repeat; /* Trick IE into showing hover */display: block;}
#prev { left: 0; float: left;}
#next { right: 0; float: right;}
#prev:hover,#prev:visited:hover { background: url(../images/prevlabel.jpg) no-repeat 0 50%; }
#next:hover,#next:visited:hover { background: url(../images/nextlabel.jpg) no-repeat right 50%; }

.tr_mask{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 16px 0; background-color: #000; filter:alpha(opacity=90); -moz-opacity: .9; opacity: .9; z-index: 19; }
.tr_inf { padding: 0 10px; font-size: 16px; color: #ff8c63; line-height: 36px; }
.radio_btn{ display: inline-block; width: 36px; height: 36px; margin-left: 10px; background: url(../images/data_spr.png) no-repeat -486px -145px; cursor: pointer; }
.tr_inf p span{ }

.tr_mask .zan{ position: absolute; right: 10px; top: 18px; font-size: 16px; color: #ff8c63; line-height: 34px }
.tr_mask .zan i{ float: left; width: 38px; height: 34px; background: url(../images/data_spr.png) no-repeat -444px -147px; cursor: pointer; }
.tr_mask .zan span{ float: left; padding-left: 4px; }
.pl20{ padding-left: 20px; }