@charset "gb2312";
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol{margin:0;padding:0}
em,i{font-style:normal}
li{list-style:none}
a{text-decoration:none}
img{border:0; vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
label{cursor:default}
body,button,input,select,textarea{font:14px/1.5 'microsoft yahei',arial,\5b8b\4f53;}
textarea{resize:none}
a,a:focus{outline:none}
.clearfix:after,.cc:after{content:'\20';display:block;height:0;clear:both}
.clearfix,.cc{*zoom:1}
.clear{display:block;height:0;clear:both;font-size:0;line-height:0;overflow:hidden}
.lt{float:left;}
.fl{float:left;display:inline}
.fr{float:right;display:inline}
.fn{float:none}
.tl{text-align:left}
.tr{text-align:right}
.tc{text-align:center}
.hide{display:none}
.show{display:block}
.mt10{margin-top:10px}
.noMr{margin-right: 0 !important;}
.noBg{background:none!important}
.noBorder{border:0!important}
.red{color:red}
body{background:#f1f1f1;color:#555;}
a{color:#333;text-decoration:none; transition:color 0.2s linear 0s;}
a:hover{color:#05a2d9;}
.f_l {float: left;}
.f_r {float: right;}
.header{width:100%;height:100px;background-color:#191919;}
.g-in{width:1200px; margin:0 auto;}
.c_header {width:1100px;margin:0 auto;position:relative;z-index:1}
.c_header .c_left{float:left}
.c_header .c_left span {color:#00b4bf;}
.c_header .c_right{float:right;color:#c4c4c4;font-size:16px;}
.c_header .c_right a {color:#c4c4c4;margin:0 5px;font-weight:normal; }
.c_header .c_right span {color:#00b4bf;}
.c_35{height:100px;position:relative;z-index:999;font-size:35px;color:#717171;line-height:100px;font-weight:bold;}
.bsj_footer{width:100%;overflow:hidden;background-color:#333;padding-bottom:15px}
.bsj_footer .warp{background-color:#333;margin-top:20px;width:1100px;margin:0 auto;font-size:14px;}
.bsj_footer ul.clearfix{width:100%;margin:0 auto;height:40px;line-height:40px;border-bottom:1px solid #3d3d3d;}
.bsj_footer ul.clearfix li:hover a{color:#fff}
.bsj_footer li{float:left;text-align:center;margin-right:15px}
.bsj_footer li a,.bsj_footer p a{color:#777}
.bsj_footer p{width:100%;text-align:left;color:#777;margin:10px 0}
.bsj_footer p span{margin-left:10px;position:relative}
.bsj_footer p span:first-child{padding-left:20px}
.bsj_footer .flogo {margin-top:80px;font-size:35px;color:#717171;font-weight:bold;}
.bsj_footer .flogo span{color:#00b4bf;}
/* base */
h2.title{position: relative; font-size: 28px; color: #222; vertical-align: middle; height: 36px; width: 100%; overflow: hidden; line-height:36px;}
h2.title span{display: inline-block; height: 26px; width: 45px; text-align: center; line-height: 26px; font-weight: normal; font-size: 20px;color: #222; margin-left: 5px;}
h2.title i{position: absolute; top: 20px; display: inline-block;  width: 100%; height:2px; background: #e0e0e0;}
/* contain */
.contain{padding-top: 10px;}
.box2{margin-top: 10px; position:relative;}
.lbox2{width: 770px;}
.lbox2 ul li {padding: 15px 0; border-top: 1px solid #e7e7e7;}
.lbox2 ul li:first-child{border-top: 0;}
.lbox2 ul li .picbox{display: inline-block; width: 280px; height: 160px; box-sizing:border-box; float: left; margin-right: 20px;}
.lbox2 ul li .picbox img{width: 100%; height: 100%;}
.lbox2 ul li:hover .picbox{border: 4px solid #05a2d9;}
.lbox2 ul li:hover dt a{color:#05a2d9;}
.lbox2 ul li dl{height:160px; position:relative; width:470px; float:right;}
.lbox2 ul li dt{font-size: 22px; line-height: 36px;}
.lbox2 ul li dd{position:absolute;  height: 21px; line-height: 21px; left:0; bottom:0; width:470px;}
.lbox2 ul li dd span{display: inline-block;  height: 21px;color: #888;}
span.tag a{margin-right: 20px; color: #888;}
span.time{position:absolute; right:0; bottom:0;}
span.time i{color:#555;}
.lbox2 ul li dd span a:hover{color: #05a2d9;}
.rbox2{width: 400px;}
.ztlm li a{color: #fff;}
.ztlm li{position: relative; margin-top: 20px;width: 400px; height: 225px; overflow: hidden;}
.ztlm li dl{position:absolute; top: 0; width: 200px; height: 225px; background: rgba(0,0,0,0.6); transition: all .5s ease-in-out;}
.ztlm li.rtxt  dl{right: 0;}
.ztlm li.rtxt:hover dl{right: -100%;}
.ztlm li.rtxt dl:after{position: absolute; display: block;left: -10px;top: 105px; opacity: 0.6; filter: alpha(60); content: " "; border-right:10px solid #000; border-top: 8px solid transparent; border-bottom: 8px solid transparent;}
.ztlm li.ltxt dl{left: 0;}
.ztlm li.ltxt:hover dl{left: -100%;}
.ztlm li.ltxt dl:after{position: absolute; display: block;right:-10px;top: 105px; opacity: 0.6; filter: alpha(60); content: " "; border-left:10px solid #000; border-top: 8px solid transparent; border-bottom: 8px solid transparent;}
.ztlm li dl dt{margin: 32px 25px 25px; padding-bottom:20px; border-bottom:1px solid #fff; line-height: 30px; font-size: 16px;}
.ztlm li dl dd {margin: 0 25px; text-align: right;}
.wjpw{padding-top: 5px;}
.wjpw li{position: relative; line-height: 39px; font-size: 16px;height: 39px; overflow: hidden; padding-left: 14px;}
.wjpw li:hover a{color: #05a2d9;}
.wjpw li:after{position: absolute; display: block; left: 0; top: 17px; width: 4px; height: 4px; content: " "; background: #05a2d9; }

