﻿body { font-size: 12px; background: #fff; font-family: 微软雅黑, Arial, Helvetica, sans-serif; }
ul { list-style: none; }
a { text-decoration: none; color: #3e3e3e; }
/*img { max-width: 710px; _width: expression((document.documentElement.clientWidth||document.body.clientWidth)<710?"710px":""); overflow: hidden; }*/

.clear { clear: both; }
.Wrapper { display: block; width: 100%; }
.minheight { min-height: 0; height: auto; _height: 0; overflow: hidden; _overflow: visible; }
.layout { /* --- */ width: 1000px; min-height: 0; height: auto; _height: 0; overflow: hidden; _overflow: visible; margin: 0 auto; }

/************************************************************/

#top { height: 98px; background: url(../images/top_1_98.png) repeat-x left top; }
#logo { padding: 18px 0 0 18px; float: left; }
#topRight { float: right; }
.language { height: 16px; line-height: 16px; background: url(../images/l_16.png) no-repeat left top; margin-top: 19px; float: right; padding-right: 30px; }
.language a { display: inline-block; padding: 0 0 0 34px; color: #000; font-family: Arial; }
.language a.s { margin-right: 20px; }
.search { width: 235px; height: 23px; background: url(../images/search_235_23.png) no-repeat left top; position: relative; top: 18px; }
#keyword { border: none; background: #fff; font-size: 12px; height: 16px; margin: 3px 0 0 11px; width: 198px; color: #333; }
#so { position: absolute; top: 0; right: 0; }

#nav { height: 41px; background: url(../images/navbg_1_41.png) repeat-x left top; }
#nav ul li { float: left; width: 125px; text-align: center; line-height: 38px; background: url(../images/liline_1_37.png) no-repeat right top; font-size: 14px; }
#nav ul li a { color: #fff; display: block; }
#nav ul li a:hover { background: #1a5098; }
#nav ul li a.hov { background: #1a5098; }


#banner{height:350px;margin-top:10px}

.title { height: 31px; background: url(../images/1_30.png) repeat-x left top; position: relative; }
.nr { height: 31px; padding: 0 6px; font-size: 14px; line-height: 31px; }
.nr h2 { color: #1f1a17; padding-left: 3px; }
.nr span { float: right; font-size: 12px; }
.nr a { color: #333; }
.tl, .tr { position: absolute; height: 31px; width: 6px; height: 31px; z-index: 10; top: 0; }
.tl { left: 0; background: url(../images/6_30.png) no-repeat left top; }
.tr { right: 0; background: url(../images/6_30_2.png) no-repeat left top; }
#main .layout { background: url(../images/png.png) repeat-x left top; padding: 0 9px; width: 982px; }
.mainTop { padding-top: 21px; }
.mt_Left { width: 236px; float: left; }
.mt_Center { width: 358px; float: left; margin-left: 22px; }
.mt_Right { width: 348px; float: right; }
.mt_list { padding: 12px 0 5px 0; }
.mt_list ul li { height: 27px; line-height: 27px; border-bottom: 1px solid #f3f3f3; padding-left: 32px; background: url(../images/5_6.png) no-repeat 18px center; }
.mt_list ul li a { color: #383838; }
.mt_list ul li a:hover { color: #f00; text-decoration: underline; }
.mt_about { padding-top: 21px; color: #3e3e3e; }
.mt_about img { float: left; margin: 0 10px 0 0; }
.mt_about p { line-height: 23px; }
.mt_news { padding-top: 21px; }
.mt_news ul li { height: 28px; line-height: 28px; border-bottom: 1px dashed #c8c8c8; padding-left: 17px; background: url(../images/3_4.png) no-repeat 8px center; }
.mt_news ul li span { float: right; }
.mt_news ul li a{text-overflow: ellipsis; width:280px; white-space: nowrap; display:inline-block;overflow:hidden;}
.mt_news ul li a:hover { color: #f00; text-decoration: underline; }
.mtr { padding-bottom: 7px; }
.mtr img { padding: 3px; border: 1px solid #edeef3; float: left; margin: 0 7px 3px 0; }
.mtr h2 { padding-bottom: 5px; }
.mtr h2 a { color: #000; font-size: 13px; }
.mtr p { line-height: 20px; }

.mb_Left { width: 236px; float: left; }
.mb_right { width: 730px; float: right;margin-top:120px; }
.mb_contact { color: #717171; line-height: 24px; padding: 15px 0 15px 10px; }
.mainBtn { padding-bottom: 45px; background: url(../images/btn.png) repeat-x left bottom; }

.mb_move { padding: 21px 0 0 0; }
.cls_intro { width: 730px; overflow: hidden; float: left; }
.cls_scroll_left, .cls_scroll_right { float: left; width: 20px; height: 38px; text-align: center; cursor: pointer; display: inline; margin-top: 30px; }
.cls_scroll_right { float: right; }
.cls_scroll_middle { width: 590px; float: left; display: inline-block; overflow: hidden; margin-left: 50px; }
.cls_scroll_child ul li { float: left; display: inline; width: 104px; height: 112px; margin-right: 17px; text-align: center; }
.cls_scroll_child ul li img { width: 101px; height: 76px; border: 1px solid #e7e7e7; border: 3px 1px 3px 1px; margin: 0; padding: 1px; }
.cls_scroll_child ul li a:hover { color: #f00; text-decoration: underline; }
.cls_scroll_child span { display: block; height: 27px; line-height: 27px; }

#sbanner .layout {height:350px;margin-top:10px}

#footer { height: 51px; background: #217784; border-top: 1px solid #3b666f; text-align: center; line-height: 24px; padding-top: 8px; color: #fff; margin-top: 16px; }


.mt_list2 { padding: 12px 0 5px 0; }
.mt_list2 ul h2{font-size:22px;color:#237580;margin:10px 0;}
.mt_list2 ul li { height: 27px; line-height: 27px; border-bottom: 1px solid #f3f3f3; padding-left: 32px; background: url(../images/5_6.png) no-repeat 18px center; }
.mt_list2 ul li a { color: #383838; }
.mt_list2 ul li a:hover { color: #f00; text-decoration: underline; }

.Left { width: 200px; float: left; padding-top: 20px; }
.Right { width: 755px; float: right; padding-top: 20px; min-height: 400px; height: auto; _height: 400px; overflow: hidden; _overflow: visible; }

.easyPage { line-height: 24px; padding: 15px; color: #3e3e3e; }
.easyPage img { max-width: 710px; _width: expression((document.documentElement.clientWidth||document.body.clientWidth)<710?"710px":""); overflow: hidden; }
.news { padding: 15px 15px 30px 15px; }
.news ul li { height: 28px; line-height: 28px; border-bottom: 1px dashed #e5e5e5; text-indent: 25px; background: url(../images/3_4.png) no-repeat 8px center; }
.news ul li span { float: right; }
.viewTitle { text-align: center; padding: 10px 0; font-size: 14px; }
.viewtime { text-align: center; padding: 3px 0; border: 1px solid #e5e5e5; border-width: 1px 0; }
.viewBoby { padding: 20px 0; }

.product{margin-top:20px;}
.product ul li {
position: relative; /*主要是为本项目下的span元素提供坐标参考*/
float: left;
_display:inline;
width: 220px;
text-align: center;
height: 210px;
margin-bottom: 20px;
border: 1px solid #CCC;
margin: 0 29px 20px 0;
}


.imgBox  { width: 220px; /* 宽度 */ height: 180px; /* 高度 */ background: #fff; text-align: center; line-height: 180px; display: table; /* table 模式*/ table-layout: fixed; }
.imgBox  a { display: table-cell; /*td 模式*/ vertical-align: middle; /* 垂直居中*/ }
.imgBox  img { max-width: 200px; _width: expression((document.documentElement.clientWidth||document.body.clientWidth)<200?"200px":""); max-height: 180px; _height: expression((document.documentElement.clientHeight||document.body.clientHeight)<180?"180px":""); overflow: hidden; }


.product ul li span {
position: absolute;
left: 0;
bottom: 0;
display: block;
height: 30px;
line-height: 30px;
text-align: center;
background: #d3d3d3;
background: rgba(196, 119, 119, 0.11);
width: 220px;
overflow: hidden;
}
.showImg { text-align: center; padding: 10px 0; }
.pages{padding:10px 0;}
.pages a{ color:#333;}