@charset "utf-8";
/* CSS Document */

body, nav, dl, dt, dd, p, h1, h2, h3, h4, ul, ol, li, input, button, textarea, footer,span {
    margin: 0;
    padding: 0;font-family:'Microsoft yahei',Arial;}
body {
    background:#f4f7fa;
    color: #333;
    font-size: 15px;
	  line-height:22px;
}
ul, li, ol {list-style: none outside none; margin:0; padding:0;}
input {cursor: pointer;}

img {border: 0 none; margin:0; padding:0;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#0171c5;}
.cl{ clear:both; overflow:hidden;  }
.fl{ float:left;}
.fr{ float:right;}
.mt-5{ margin-top:5px;}.mt-10{ margin-top:10px;}.mt-15{ margin-top:15px;}.mt-20{ margin-top:20px;}.mt-30{ margin-top:30px;}
.ml-5{ margin-left:5px;}.ml-10{ margin-left:10px;}.ml-15{ margin-left:15px;}.ml-20{ margin-left:20px;}.ml-25{ margin-left:25px;}.ml-30{ margin-left:30px;}.ml-35{ margin-left:35px;}
.mr-5{ margin-right:5px;}.mr-10{ margin-right:10px;}.mr-15{ margin-right:15px;}.mr-20{ margin-right:20px;}.mr-30{ margin-right:30px;}
.mb-5{ margin-bottom:5px;}.mb-10{ margin-bottom:10px;}.mb-15{ margin-bottom:15px;}.mb-20{ margin-bottom:20px;}.mb-30{ margin-bottom:30px;}

.banner{ height: 330px; width: 100%;background: url(../images/banner_bg.jpg) no-repeat  center #000; text-align: center; display: inline-block; margin-top: -9px;}
.banner img{ width: 1000px; margin: 0 auto;}
.main{ width: 1100px; margin: 0 auto; clear: both; overflow: hidden;}
.pingxuan{ background: #fedd00; padding: 20px 0 20px 50px; margin: 20px 20px 10px; position:relative;}
.pingxuan::after{ content: "";width: 0; height: 0;
    border-top: 158px solid #f4f7fa;   border-left: 158px solid transparent; position: absolute; top: 0; right: 0px;}
.pingxuan p{ margin: 6px 0; font-size: 16px;}
.block{ clear: both; overflow: hidden;}
.block li{ width: 510px; background: #fff; float: left; display: block; box-shadow: 0 0 2px #ccc; transition: 0.5s; margin: 20px; height: 600px; overflow: hidden;}
.block li:hover{box-shadow: 0 0 24px #bfbfbf; transition: 0.5s;}
.block li .logo{ height: 80px; line-height: 80px; font-size: 10px; position: relative; border-bottom: 2px solid #f3f3f3; margin-bottom: 8px;}
.block li .logo a{ display: block; cursor: pointer;}
.block li .logo:hover{ background: #f9f9f9;cursor: pointer;}
.block li .logo::after{ content: "";  position: absolute;  left:0;  top:80px;  width:0%;  height: 2px; background: #fe0000;  display: block;  transition: width 0.5s;}
.block li .logo:hover::after{width:100%; transition: width 1s;}
.block li .logo img{ float: left; width: 145px; height: 50px; margin-top: 14px; margin-left:20px;}
.block li .logo h1{ float: left; font-size: 18px;margin-left: 5px;}
.block li .photo{ padding: 0 15px;}
.block li .photo img{ width: 100%;}
.block li .con{ padding: 15px;}
.block li .con h2{ text-align: center; font-size: 20px; font-weight: normal; color: #333;}
.block li .con .text{ line-height: 24px; margin: 15px 0; color:#666; font-size: 14px; height: 180px;}
.block li .con .btn{ background: #fff; width: 130px; height: 36px; line-height: 36px; text-align: center; color: #fe0000; border-radius: 20px; display: block; border: 2px solid #fe0000; font-size: 16px;transition: background 0.8s,color 0.8s; margin: 0 auto 10px;}
.block li .con .btn:hover{ background: #fe0000; color: #fff; transition: background 1s,color 1s;}
#tbox{width:54px; float:right; position:fixed; right:0; bottom:0px;
_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
_margin-bottom:108px;}/*解决IE6下不兼容 position:fixed 的问题*/
.pinglun,#xiangguan,#go-top{ width:54px; height:56px; background:url(../images/icon.png) no-repeat; display:block;}

.pinglun{ background-position:0 0;}

.pinglun:hover{ background-position:-54px 0;}

#xiangguan{ background-position:0 -59px;}

#xiangguan:hover{ background-position:-54px -59px;}

#go-top{ background-position:0 -118px;display:none;}

#go-top:hover{ background-position:-54px -118px;}