/* CSS Document */

.banner{ width:999px; margin:0 auto; padding:2px 2px 10px 2px; background:#eee;}
#banner { width:999px; height:302px;}
#banner .slides { width:999px; height:302px; overflow: hidden; position: relative;}
#banner .slide-pic { margin: 0px; padding: 0px; width: 999px; height:302px;  overflow: hidden; list-style: none;}
#banner .slide-pic img { width: 999px; height:302px;}
#banner .slide-pic li { display: none;}
#banner .slide-pic li.cur { display: block;}
#banner .slide-li { margin: 0px; padding: 0px; left:480px; bottom:10px; position: absolute; z-index:99;}
#banner .slide-li li { margin: 0px; padding: 0px; width:30px; height: 10px; margin:0 5px; float: left; overflow: hidden; list-style: none;}
#banner .slide-li a { width: 30px; height: 10px; color: #000; font-size: 12px; display: block;}
#banner .slide-li a:hover { color: #F00; text-decoration: none;}
#banner .bg{ width: 999px; height:30px; background:url(../images/banner_bg.png) repeat; left:0; bottom:0px; position: absolute; z-index:98;}
#banner .op li { background:url(../images/banner_bg2.png) repeat;}
#banner .op li.cur { background:url(../images/banner_bg3.png) repeat;}
#banner .slide-txt span { display: none;}


.main{ width:983px; padding:0 10px; margin:0 auto; background:#eee;}
.m_bg{ padding-right:7px; background:url(../images/m1_bg2.jpg) no-repeat right;}
.m_bg2{ height:263px; padding:0 0 7px 5px; background:url(../images/m1_bg.jpg) no-repeat left;}
.m_title{ height:40px; line-height:40px; margin-right:5px; border-bottom:1px solid #e1e1e1; position:relative;}
.m_title h4{ position:absolute; top:-3px; left:5px; height:34px; line-height:34px; padding-left:24px; color:#fff; font-size:14px;  background:url(../images/m_title_01.png) no-repeat;}
.m_title h4 em{ display:block; padding:0 30px 0 6px; background:url(../images/m_title.png) no-repeat right;}
.m_title a{ position:absolute; top:15px; right:-5px;}
.m_all{ padding:11px 0;}

/*m1*/
.m1{ width:990px; height:270px; padding-bottom:14px;}
.m1c1{ float:left; width:242px; height:270px; margin-right:10px;}
.m1c1 ul li{ height:25px; overflow:hidden;background: url(../images/ico_001.gif) left center no-repeat;padding: 0 0 0 10px;}
.m1c1 ul li a{ line-height:25px; color:#585858;}
.m1c1 ul li a:hover{ color:#1daec6;}
.m1c2{ float:left; width:478px; height:270px; margin-right:6px;}
.m1c2 .slideTxtBox .hd{ height:40px; line-height:40px; margin-right:5px; border-bottom:1px solid #e1e1e1; position:relative;} 
.m1c2 .slideTxtBox .hd ul{ float:left; height:40px;} 
.m1c2 .slideTxtBox .hd ul li{ float:left; height:40px; padding-right:2px; background:url(../images/m1c2_bg.jpg) no-repeat right top;}
.m1c2 .slideTxtBox .hd ul li a{ float:left; position:relative; top:-3px; display:block; height:34px; line-height:34px; padding-left:24px;}
.m1c2 .slideTxtBox .hd ul li a em{ display:block; padding:0 30px 0 6px; font-size:14px;} 
.m1c2 .slideTxtBox .hd ul li.on a{ background:url(../images/m_title_01.png) no-repeat;}
.m1c2 .slideTxtBox .hd ul li.on a em{ color:#fff; background:url(../images/m_title.png) no-repeat right;} 
.m1c2 .slideTxtBox .hd a.more{ position:absolute; top:15px; right:-5px;}
.m1c2 .slideTxtBox .bd{ padding:0 10px;} 
.m1c2 .bd ul .first{ width:484px; height:auto; padding:5px 0; margin-bottom:5px; border-bottom:1px dotted #ccc; overflow:hidden;}
.m1c2 .bd ul .first .img{ float:left;}
.m1c2 .bd ul .first .img img{ padding:3px; border:1px solid #dedede;height: 110px;}
.m1c2 .bd ul .first .text{ float:left; width:330px; margin-left:10px; line-height:20px;}
.m1c2 .bd ul .first .text_h{ font-weight:700;}
.m1c2 .bd ul .first .text_p{ text-indent:2em;}
.m1c2 .bd ul .first .text_p a{ color:#0c4ebf;}
.m1c2 .bd ul li{ padding:0 10px;}
.m1c2 .bd ul li em{ color:#016bbf;}
.m1c3{ float:right; width:231px; height:270px;}
.m1c3 .m1c3_img{ width:180px; margin:0 auto; padding:15px 0;}


/*m2*/
.m2{ width:990px; height:270px; padding-bottom:14px;}
.m2c1{ float:left; width:242px; height:270px; margin-right:10px;}
.m2c1 ul li{ height:25px;line-height:25px}
.m2c1 ul li a{ line-height:25px; color:#585858;}
.m2c1 ul li a:hover{ color:#1daec6;}
.m2c2{ float:left; width:478px; height:270px; margin-right:6px;}
.m2c2 .slideTxtBox .hd{ height:40px; line-height:40px; margin-right:5px; border-bottom:1px solid #e1e1e1; position:relative;} 
.m2c2 .slideTxtBox .hd ul{ float:left; width:478px; height:40px;} 
.m2c2 .slideTxtBox .hd ul li{ float:left; height:40px; padding-right:2px; background:url(../images/m1c2_bg.jpg) no-repeat right top;}
.m2c2 .slideTxtBox .hd ul li a{ float:left; position:relative; top:-3px; display:block; height:34px; line-height:34px; padding-left:24px;}
.m2c2 .slideTxtBox .hd ul li a em{ display:block; padding-right:24px; font-size:14px;} 
.m2c2 .slideTxtBox .hd ul li.on a{ display:block; background:url(../images/m_title_01.png) no-repeat;}
.m2c2 .slideTxtBox .hd ul li.on a em{ display:block; color:#fff; background:url(../images/m_title.png) no-repeat right;} 
.m2c2 .slideTxtBox .hd a.more{ position:absolute; top:15px; right:-5px;}
.m2c2 .slideTxtBox .bd{ height:202px; padding:10px; background:url(../images/m2c2_bg.jpg) no-repeat right bottom;} 
.m2c2 .bd ul .first{ width:484px; height:auto; padding:5px 0; margin-bottom:5px; border-bottom:1px dotted #ccc; overflow:hidden;}
.m2c2 .bd ul .first .img{ float:left;}
.m2c2 .bd ul .first .img img{ padding:3px; border:1px solid #dedede;}
.m2c2 .bd ul .first .text{ float:left; width:330px; margin-left:10px; line-height:20px;}
.m2c2 .bd ul .first .text_h{ font-weight:700;}
.m2c2 .bd ul .first .text_p{ text-indent:2em;}
.m2c2 .bd ul .first .text_p a{ color:#0c4ebf;}
.m2c2 .bd ul li{ padding:0 10px;}
.m2c2 .bd ul li em{ color:#016bbf;}
.m2c3{ float:right; width:230px; height:270px; overflow:hidden;margin:0 7px 0 0}
.m2c3 ul li{ height:39px; float:left; line-height:33px; font-size:14px;}
.m2c3 ul li a{ display:block; width:230px; height:39px; background:url(../images/m2c3_li_bg.jpg) no-repeat; padding-left:34px;color:#565656;}
.m2c3 ul li a:hover{ color:#0e4fbf;}
.m2c3 ul li.first{ height:auto; margin-right:-10px;}
.m2c3 ul li.first a{ float:left; width:108px; height:50px; line-height:50px; text-align:center; padding:0 10px 6px 0; background:url(../images/m2c3_li_bg3.jpg) no-repeat; font-size:12px;}



/*m3*/
.m3{ width:983px; height:270px; padding-bottom:14px;}
.m3c1{ float:left; width:982px; height:270px; margin-right:6px;}
.m3c1 .case_scroll{ width:960px; height:158px; padding-top:20px; overflow:hidden;}
.m3c1 .case_scroll a.abtn{ display:block; _display:inline; width:18px; height:50px; margin-top:33px; background:url(../images/arrow6.png) no-repeat;}
.m3c1 .case_scroll a.aleft{float:left;}
.m3c1 .case_scroll a.aright{float:right;background-position:-18px 0;}
.m3c1 .case_scroll a.aleft:hover{float:left;background-position:0 -50px;}
.m3c1 .case_scroll a.aright:hover{float:right;background-position:-18px -50px;}
.m3c1 .case_scroll a.agrayleft,.r3c1 a.agrayleft:hover{cursor:default;background-position:0 -100px;}
.m3c1 .case_scroll a.agrayright,.r3c1 a.agrayright:hover{cursor:default;background-position:-18px -100px;}
.m3c1 .case_scroll .imglist_w{ float:left; width:915px; height:158px; padding:0 4px 0 5px; overflow:hidden; position:relative;}
.m3c1 .case_scroll .imglist_w ul{ width:20000px; position:absolute; left:0; top:0;}
.m3c1 .case_scroll .imglist_w ul li{ float:left; _display:inline; width:153px; height:143px; margin:0 9px;}
/*.m3c1 .case_scroll .imglist_w ul li img{padding:2px;border:1px solid #ccc;}*/
.m3c1 .case_scroll .imglist_w ul li span{display:block;line-height:30px;}
.m3c1 .case_scroll .imglist_w ul li a{ display:block;}
.m3c1 .case_scroll .imglist_w ul li a:hover img{border:1px solid #cf2424;}
.m3c1 .case_scroll .imglist_w ul li a em{ display:block; height:25px; line-height:25px; text-align:center;}

.m3c2{ float:right; width:225px; height:270px;}
.m3c2_title{ height:40px; line-height:40px; margin-right:5px; border-bottom:1px solid #e1e1e1; position:relative;}
.m3c2_title h4{ height:40px; line-height:40px; padding-left:32px; font-size:14px; font-weight:400;}
.m3c2_title a{ position:absolute; top:15px; right:-5px;}
.m3c2_title em{ position:absolute; top:-2px; left:-8px;}
.m3c2 .m_all{ height:186px; padding-top:15px; background:url(../images/m3c2_bg.png) no-repeat 12px center;}
.m3c2 p{ line-height:30px; text-align:right; padding-right:8px; font-size:16px;}
.m3c2 p img{ vertical-align:middle;}
