@charset "gb2312";
/* CSS Document */
/*
* @description: 网站首页样式
* @author: ishang_pan
* @update: ishang_pan (2018-04-11 19:53)
*/

/*首页 on*/
.m-liststyle li{line-height: 30px; background: url(../../images/section-sixteen/home/icon-li.png) left center no-repeat;}
.m-liststyle li span{float: right; font-size: 13px; color: #999;}
.m-liststyle li a{padding-left: 12px;}
.m-box1{margin-bottom: 12px; height: 318px; padding: 12px; background: #fff;}
.m-flash,.m-flash .bd,.m-flash .bd ul li,.m-flash .bd ul li img{width: 520px; height: 318px;}
.m-flash .bd,.m-flash .bd ul li img{position: absolute; left: 0; top: 0;}
.m-flash{overflow: hidden; position: relative;}
.m-flash .bd ul li{position: relative;}
.m-flash .bd ul li img{display: block;}
.m-flash .bd ul li p{width: 520px; height: 44px; line-height: 44px; text-indent: 12px; color: #fff; font-size: 16px; background: rgba(0,0,0,0.5); position: absolute; left: 0;bottom: 0;}
.m-flash .hd{width: 90px; height: 10px; position: absolute; right: 2px; bottom: 17px;}
.m-flash .hd ul li{width: 10px; height: 10px; border-radius: 50%; background: #fff; float: left; margin-right: 8px;}
.m-flash .hd ul li.on{background: #c90b0b;}
.m-news{width: 644px; height: 318px;}
.m-news .hd{width: 100%; height: 40px; line-height: 40px; padding-bottom: 1px; border-bottom: 1px solid #ddd;}
.m-news .hd ul li{float: left; width: 120px; height: 40px; text-align: center;}
.m-news .hd ul li a{display: block; font-size: 16px; font-weight: bold;}
.m-news .hd ul li.u-active a{color: #fff; background: url(../../images/section-sixteen/home/bg-news.png) no-repeat;}
.m-news .bd{padding: 7px 9px 0;}
.m-special{margin-bottom: 12px; height: 78px; padding: 1px; background: #fff;}
.m-special span{float: left; display: block; width: 22px; min-height: 74px; font-size: 16px; font-weight: bold; color: #c90b0b; text-align: center; padding: 2px 6px; background: #f5f5f5; line-height: 18px; border-top: 2px solid #c90b0b;}
.m-special .bd{margin: 7px 15px 0 0; width: 1134px; height: 65px; overflow: hidden;}
.m-special .bd ul li{float: left; margin-right: 10px; width: 276px; height: 65px;}
.m-special .bd ul li img{display: block; width: 276px; height: 65px;}
.m-listbox{margin-bottom: 12px; width: 574px; height: 251px; padding: 10px; background: #fff;}
.m-listbox .hd{height: 31px; line-height: 30px; border-bottom: 1px solid #ddd;}
.m-listbox .hd ul li{float: left; margin-left: 12px;}
.m-listbox .hd ul li a{display: inline-block; padding: 0 12px; font-size: 16px; font-weight: bold;}
.m-listbox .hd ul li.u-active a{color: #c90b0b; border-bottom: 2px solid #c90b0b;}
.m-listbox .bd{padding: 9px 9px 0;}
.m-service,.m-service img{display: block; width: 1200px; height: 90px;}
.m-service{margin-bottom: 12px;}
.m-picgrp{margin-bottom: 12px; width: 1180px; height: 161px; padding: 0 15px 12px 5px; background: #fff;}
.m-picgrp a.u-tit{display: block; width: 24px; min-height: 80px; padding: 45px 10px 36px; text-align: center; font-size: 16px; font-weight: bold; color: #fff; background: url(../../images/section-sixteen/home/bg-pic.png) center top no-repeat; line-height: 20px;}
.m-picgrp .bd{width: 1125px; height: 143px; margin: 15px 0 0 0; overflow: hidden;}
.m-picgrp .bd ul li{width: 217px; height: 143px; position: relative; float: left; margin-right: 10px;}
.m-picgrp .bd ul li img{display: block; width: 217px; height: 143px; position: absolute; left: 0; top: 0;}
.m-picgrp .bd ul li p{width: 217px; line-height: 30px; text-align: center; background: rgba(0,0,0,0.5); color: #fff; text-align: center; position: absolute; left: 0; bottom: 0;}
/*首页 end*/