@charset "utf-8";
/*
ST04-v7-CSS-xiaohei-qq:290948585-dtmuban.com-20190911
*/
.headline {background:#FFFFFF;padding:0 10px 5px 10px;border-bottom:#DDDDDD 1px solid;}
.headline h2 {text-align:center;font-size:16px;margin:0;height:30px;line-height:30px;overflow:hidden;}
.headline span {color:#225588;}
.headline div {line-height:22px;height:22px;overflow:hidden;}
.subline li {height:26px;line-height:26px;overflow:hidden;font-size:14px;padding:0 10px 0 10px;}
.subline span {color:#666666;}
/* catlist */
.catlist {padding:12px 15px 12px 20px;line-height:24px;}
.catlist_li {font-size:14px;height:28px;line-height:28px;background:url('image/li_dot.gif') no-repeat 5px 12px;padding:0 10px 0 12px;overflow:hidden;}
.catlist_sp {background:#FFFFFF url('image/dot.gif') repeat-x 0 center;}
/* special */
.special_intro {line-height:180%;font-size:13px;height:160px;overflow-y:scroll;}
.special_box {width:1190px;overflow:hidden;}

.list-img ul {margin: 6px 20px 24px 0;}
.list-img li {height:24px;line-height:24px;overflow:hidden;font-size:14px;}
.list-img em {font-size:12px;font-style:normal;color:#999999;}
.list-img i {font-size:12px;font-style:normal;color:#999999;float:right;padding-right:6px;}

.list0 {width:1224px;padding: 0;margin-top: 15px;}
.list0:after {content:"";display:block;clear:both;}
.list0 div {width: 201px;float:left;}
.list0 img:hover {border-left:#FFFFFF 1px solid;}

.list1 {width:960px;}
.list1:after {content:"";display:block;clear:both;}
.list1 div {width:192px;float:left;}
.list1 img:hover {border-left:#FFFFFF 1px solid;}

.bd-t .content{padding: 30px;background:#ffffff;}

/*20190911*/
/*大幻灯*/
.flash{width: 100%;background: url(images/special/flash_bg.jpg) center center;margin-top: -10px;}
.banner{width: 1190px; height: 350px; overflow: hidden; position: relative; margin: 0 auto; z-index: 1;}
.banner ul{height: 350px; position: absolute;}
.banner ul li{float: left; width: 1190px; height: 350px; overflow: hidden; position: relative; background: #000;}
.banner ul li img{width: 1190px; height: 350px;}
.banner ul li div{position: absolute; overflow: hidden;}
.banner .btn{position: absolute; width: 1190px; height: 16px; line-height: 16px; right: 0; bottom: 20px; text-align: center; border: 0; background: none;}
.banner .btn ul{position:relative;}
.banner .btn li{display: inline-block; _display: inline; _zoom: 1; width: 13px; height: 13px; margin-left: 9px; cursor: pointer; border: #fff 1px solid; text-indent: -9999px; background: none; float: none;}
.banner .btn li.on{border: #DD2726 1px solid; background-color: #DD2726;}
.banner .preNext{width: 72px;height: 72px;position: absolute;top: 138px;background: url(images/special/btn.png) no-repeat;cursor: pointer;/* display: none; */}
.banner .pre{left: 20px;}
.banner .next{right: 0px;background-position: left bottom;}

/*分类区*/
.main{padding-top: 4px;padding-bottom: 10px;width: 100%;}

.topics{width: 1190px;margin: 20px auto 0;background:#ffffff;overflow: hidden;}
.title-name{position: relative;height: 65px;width: 1041px;margin: 0 auto;border-bottom: 10px solid #e5e5e5;}
.title-name h3{width: 140px;position: absolute;left: 450px;height: 64px;bottom: -14px;background-color: #fff;text-align: center;font:bold 30px/44px "microsoft yahei";}
.title-name h3 font{font:bold 30px/44px "microsoft yahei";color: #DD2726;}
.title-name h3 font.newsTitle{color: #4697d8;}
.title-name h3 font.activityTitle{color: #f77058;}
.title-name h3 font.companyTitle{color: #62b651;}
.title-name h3 font.productTitle{color: #920783;}
.title-name h3 a{color: #333333;}
.title-name a.more{width: 118px;color: #888;left: 460px;bottom: -14px;line-height: 18px;position: absolute;text-align: center;border: 1px solid #DD2726;font-size: 12px;}
.title-name a.newsMore{border: 1px solid #4697d8;}
.title-name a.activityMore{border: 1px solid #f77058;}
.title-name a.companyMore{border: 1px solid #62b651;}
.title-name a.productMore{border: 1px solid #920783;}

.topics ul{margin-top: 30px;overflow: hidden;}
.topics ul li{width: 270px;height: 338px;float: left;margin-left: 20px;margin-bottom: 20px;border: 1px solid #eeeeee;}
.topics ul li:hover{box-shadow: -1px 5px 8px 0 rgba(221, 39, 38, 0.23);}
.topics ul li:hover img{/* width: 268px; *//* height: 238px; */}
.topics ul li:hover{width: 270px;height: 338px;border: 1px solid #DD2726;}
.topics ul li:hover span{/* padding: 0; *//* margin-top: 8px; */}
.topics ul li:hover span a{color: #DD2726;}
.topics ul li:hover p{/* margin-left: 10px; */}
.topics ul li img{width: 268px;/* height: 234px; */}
.topics ul li span{text-align: center;padding: 0 1px;margin-top: 9px;margin-bottom: 2px;width: 268px;height: 26px;overflow: hidden;font:normal 18px/26px "microsoft yahei";float: left;}
.topics ul li span a{color: #333;}
.topics ul li p{font-size: 14px;color: #888;line-height: 22px;height: 44px;width: 250px;overflow: hidden;margin-left: 11px;}

/*catid*/
.cait{width:1190px;height: 48px;line-height: 48px;background:#DDDDDD;}
.cait ul{width:100%;}
.cait ul li{float:left;width:100px;font-size:14px;padding-left: 32px;}
.cait ul li a{color:#333333;}
.cait ul li.side_on{background: #DD2726;}
.cait ul li.side_on a{color:#ffffff}

/*list*/
.topicList{margin: 0 auto;width: 1190px;overflow: hidden;}
.topicList ul{width: 1210px;margin-top: 0px;overflow: hidden;}
.topicList ul li{width: 280px;height: 350px;margin-top: 20px;margin-right: 20px;float: left;border: 1px solid #e5e5e5;background: #ffffff;}
.topicList ul li img{width: 278px;height: 250px;}
.topicList ul li span{text-align: center;padding: 0 5px;margin-top: 9px;margin-bottom: 6px;width: 278px;height: 26px;overflow: hidden;font: normal 18px/26px "microsoft yahei";float: left;}
.topicList ul li span a{color: #333;}
.topicList ul li p{font-size: 14px;color: #888;float: left;line-height: 22px;height: 44px;width: 258px;overflow: hidden;margin-left: 11px;}
.topicList ul li:hover img{/* width: 278px; *//* height: 248px; */}
.topicList ul li:hover{/* width: 278px; *//* height: 348px; */border: 1px solid #DD2726;}
.topicList ul li:hover span{padding: 0;/* margin-top: 8px; */}
.topicList ul li:hover span a{color: #DD2726;}
.topicList ul li:hover p{/* margin-left: 10px; */}

/*show*/
.wrap{margin:0 auto;width:1190px;}
#header{background:#447B2E;height: 380px;margin-top: -10px;}

#head{margin:0 auto;width:1190px;}
.logo-show{width: 400px;height: 95px;float: left;margin: 15px 0 0 0;}
.logo-show h1 a{color: #121212;}
.logo-show-show h2{margin:0;padding-left:120px;color: #121212;}
.nav-show{float:right;margin: 45px 0 0 0;}
.nav-show li{display:inline;float: left;padding: 0 10px;font-size: 16px;}
.nav-show li a{padding:4px 7px;color:#121212;font-weight: bold;}
.nav-show li a:hover,.nav-show ul li.active a{color: #DD2726;;border-bottom: 2px solid #DD2726;}

.sub-header{margin:0 auto;width:1190px;padding: 45px 0 0;}
.mac{float:left;    margin-top: 20px;}
.desp{float:left;width: 850px;text-align: left;padding: 0 0 0 60px;color:white;}
.desp .sub-header{margin:0 auto;width:1024px;padding: 30px 10px 0;}
.desp h1{font-size:26px;font-weight: bold;margin-bottom: 10px;}
.desp .content{line-height: 1.8em;padding:10px 0 0 0;height: 245px;overflow: hidden;font-size: 16px;}

/*相关信息*/
.head-txt{padding: 9px 10px 6px 10px;line-height:28px;border: 0;border-bottom:0;clear:both;background: #4c4c4c;color:#ffffff;}
.head-txt a{color:#ffffff}
.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.blog-posts {background:#ffffff;border-top: 0;padding-bottom: 20px;}
.blog-posts ul { list-style:none; padding-top:3px;  }
.blog-posts ul li {display:block;border-bottom: 1px dotted #dddddd;padding-bottom:16px;margin-bottom:11px;overflow:hidden;margin: 20px 30px;}
.blog-posts ul li:last-child {border-bottom:0;margin-bottom: 10px;padding-bottom: 0;}
.blog-posts ul li .sp-txt{width: 800px;padding-top: 20px;padding-bottom: 20px;height: 180px;padding-right: 25px;}
.blog-posts ul li h3 {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 15px;
    color: #121212;
    font-weight: bold;
}
.blog-posts .image {float:left;width: 300px;height: 220px;padding: 30px;}
.blog-posts .image img{width:100%;height:100%;border-color: #c3c3c3;outline: 1px solid #c3c3c3;}
.blog-posts .image:hover img{opacity:.8;filter:alpha(opacity=80);}
.blog-posts .data {padding: 3px 0 0 0;font-size: 15px;color: #777777;line-height: 25px;margin-bottom: 15px;height: 85px;overflow: hidden;}
.blog-posts .buttons {height: 35px;line-height: 35px;font-size: 14px;}
.blog-posts .buttons span{color:#666666}
.blog-posts .button {height: 25px;line-height: 25px;padding:0 5px;background-color:#2f83b7 !important;font-size: 12px;}
.blog-posts .button {color:#fff;text-shadow:#0d2332 0 1px 0;text-decoration:none;margin-top: 6px;}
.blog-posts .button:hover { background-color:#1c5275 !important; }

.blog-posts ul li:hover{background:#f5f5f5}