@charset "utf-8";
/* CSS Document */
#bannerBox{ margin: 0px auto; padding: 0px; border-top: 1px #fff solid; height: 216px; padding-top: 12px; background: url(../images/bg4.jpg) repeat-x; overflow: hidden;}
#bannerPic{ margin: 0px auto; background: #fff; width: 960px; height: 216px; overflow: hidden;}
#bannerPic img{ width: 960px; height: 216px;}

#mainbody{ margin: 0px auto; margin-top: 12px; padding: 0px; width: 960px; background: url(../images/mainbg.jpg) repeat-y; overflow: hidden;}
.clBom{ clear: both; height: 11px; line-height: 0px; font-size: 0px; background: url(../images/mainbom.jpg) bottom no-repeat; overflow: hidden;}
.h12{ background: #fff; height: 12px; overflow: hidden;}

.mainR{ float: right; width: 734px; margin-right: 1px; border-top: 1px #dde4ea solid; overflow: hidden}

.left_con{ border: 1px #dde4ea solid; border-bottom: 0px none;}
.left_conTxt{ padding-top: 80px; background: url(../images/left_con.jpg) top no-repeat; padding-left: 12px; padding-right: 12px; line-height: 24px;}

.left_khjz{ border: 1px #dde4ea solid; overflow: hidden}
.left_khjzL{ padding-left: 10px; padding-right: 10px; padding-bottom: 10px; overflow: hidden}
.left_khjzL dl{ border-bottom: 1px #eee dotted; padding-top: 10px; padding-bottom: 10px; height: 86px; overflow: hidden;}
.left_khjzL dt{ font-weight: bold; line-height: 20px; height: 20px; overflow: hidden;}
.left_khjzL dd{ padding-top: 6px; height: 60px; line-height: 20px; color: #666; overflow: hidden;}
.left_khjzL dd img{ width: 80px; height: 60px; float: left; margin-right: 10px;}
.left_khjzL li{border-bottom: 1px #ddd dotted; padding-top: 10px; padding-bottom: 10px; height: 75px; line-height: 25px; overflow: hidden;}
.left_khjzL li img{ border: 1px #eee solid; padding: 1px; width: 100px; height: 75px; float: left; margin-right: 10px;}

.proList{ padding-left: 10px; padding-top: 10px;}
.proList li{ float: left; width: 226px; padding: 10px 6px;}
.proList .pic{ width: 222px; height: 167px; padding: 1px; border: 1px #eaeaea solid; overflow: hidden;}
.proList .pic img{ width: 222px; height: 167px;}
.proList .title{ height: 20px; line-height: 20px; text-align:center; padding-top: 5px; overflow: hidden}

.MR_proShow{ padding-left: 21px; padding-right: 21px; padding-top: 18px; overflow: hidden;}
.MR_proShow h1{ font-size: 20px; color: #000; line-height: 32px; padding-bottom: 8px;}
.MR_proShow .leftPic{ float: left; width: 336px;}
.MR_proShow .BigPic{ width: 332px; height: 250px; padding: 1px; border: 1px #eee solid;}
.MR_proShow .SamPic{ padding-top: 5px; height: 68px; overflow: hidden;}
.MR_proShow .SamPic a{border: 1px #eee solid; margin-right: 2px; width: 80px; height: 60px; display: inline-block;}
.MR_proShow .SamPic img{ width: 80px; height: 60px;}
.MR_proShow .SamPic .zoomThumbActive{ border: 1px #ff0403 solid;}
.MR_proShow .rightshow{ width: 332px; float: right;}
.MR_proShow .rightshow li{ border-bottom: 1px #ccc dotted; padding-left: 8px; padding-top: 5px; padding-bottom: 5px; line-height: 22px; overflow: hidden;}
.MR_proShow .rightshow span{ color: #666;}
.MR_proShow .rightshow .tel{ font-size: 20px; color:#ff0403 }

.MR_client{ padding-left: 20px; padding-right: 20px; padding-top: 16px;}
.MR_client dl{ padding-top: 16px; padding-bottom: 16px; border-bottom: 1px #ccc dotted; height: 132px; overflow: hidden;}
.MR_client img{ float: left; width: 170px; height: 128px; padding: 1px; border: 1px #d7d7d7 solid;}
.MR_client dt{ font-weight: bold; height: 32px; line-height: 32px; overflow: hidden; font-size: 14px; float: right; width: 500px;}
.MR_client dt a{ color: #000;}
.MR_client dt a:hover{ color: #fe0400;}
.MR_client dd{ float: right; width: 500px;  height: 72px; line-height: 24px;  color: #666; overflow: hidden;}
.MR_client dd img{ border: 0px none; padding: 0px; float: none; width: 87px; height: 21px;}
.MR_client .more{ height: 20px; padding-top: 8px; overflow: hidden;}
.MR_client .more a{ height: 20px; line-height: 20px; width: 83px; text-align:center; color: #fff; background: #ed8b00; display: block;}

.MR_case{ padding-left: 10px; padding-top: 10px;}
.MR_case li{ float: left; width: 226px; padding: 10px 6px;}
.MR_case .pic{ width: 222px; height: 167px; padding: 1px; border: 1px #eaeaea solid; overflow: hidden;}
.MR_case .pic img{ width: 222px; height: 167px;}
.MR_case .title{ height: 20px; line-height: 20px; text-align:center; padding-top: 5px; overflow: hidden}

.MR_partner{ padding: 20px;}
.MR_partner li{ float: left; width: 166px; padding-left: 20px; padding-top: 20px; padding-right: 20px;}
.MR_partner .pic{ border: 1px #ddd solid; padding: 1px; height: 66px; width: 166px;}
.MR_partner .pic img{ height: 66px; width: 166px;}
.MR_partner .title{ text-align:center; line-height: 24px; height: 24px; overflow: hidden;}


.MR_title{ border-top: 3px #024ea1 solid; margin-top: 16px; height: 34px; line-height: 34px; padding-left: 16px; padding-right: 16px; background: #f1f1f1; font-size: 16px; font-weight: bold; color: #000; font-family:"微软雅黑"}
.MP_cpxq{ line-height: 200%; padding-left: 16px; padding-right: 16px; padding-top: 16px; overflow: hidden;}
.MP_cpxq img{ max-width: 700px;}
.MR_showlist{ padding-left: 9px;}
.MR_showlist li{ float: left; width: 160px; padding-left: 8px; padding-right: 8px; padding-top: 20px; height: 150px; line-height: 20px;}
.MR_showlist .pic{ width: 164px; height: 124px;}
.MR_showlist .pic img{ border: 1px #ccc solid; padding: 1px; width: 160px; height: 120px;}
.MR_showlist .txt{ padding-top: 6px; height: 20px; line-height: 20px; overflow: hidden; text-align:center;}

.MR_nrTitle{ padding-left: 20px; padding-right: 20px; padding-top: 20px; text-align:center;}
.MR_nrTitle h1{ color: #000; font-size: 20px; line-height: 28px; padding-bottom: 10px; border-bottom: 1px #ccc dotted;}
.MR_nrTitle h6{ height: 20px; line-height: 20px; padding-top: 8px; font-size: 12px; font-weight: normal; color: #777;}
.MR_nrTitle h6 span{ padding-left: 6px; padding-right: 6px;}
.MR_nrPic{ text-align:center; padding-top: 8px;}
.MR_nrPic img{ max-width: 680px; border: 1px #ddd solid; padding: 2px;}


.MR_nrqt{ padding-left: 20px; padding-right: 20px; padding-top: 16px; line-height: 24px;}

.MR_honor{ padding-left: 10px; padding-top: 10px;}
.MR_honor li{ float: left; width: 226px; padding: 10px 6px;}
.MR_honor .pic{ width: 220px; height: 320px; padding: 2px; border: 1px #eaeaea solid; overflow: hidden;}
.MR_honor .pic img{ width: 220px; height: 320px;}
.MR_honor .title{ height: 20px; line-height: 20px; text-align:center; padding-top: 5px; overflow: hidden}

.jobslist{padding-top: 5px; padding-bottom: 5px;}
.jobbg{background: #FDFDFD;}
.jobtitle{width: 100px; text-align:center}
.jobright{width: 160px; text-align:center}
.job360{width: 360px;}

.MR_news{ padding-left: 24px; padding-right: 24px; padding-top: 12px;}
.MR_news ul{ padding-top: 12px;}
.MR_news li{ height: 36px; line-height: 36px; border-bottom: 1px #ddd dotted; overflow: hidden;}
.MR_news span{ float: right;}
.MR_news dl{ padding-top: 12px; padding-bottom: 12px; border-bottom: 1px #ddd dotted; overflow: hidden;}
.MR_news dt{ height: 32px; line-height: 32px;}
.MR_news dt a{ font-weight: bold; font-size: 14px;}
.MR_news dt span{ float: right; color: #777;}
.MR_news dd{ line-height: 22px; color: #666;}
.MR_news .pic{ height: 94px; overflow: hidden;}
.MR_news .pic img{ float:left; width: 120px; height: 90px; padding: 1px; border: 1px #ddd solid;}
.MR_news .pic dt,.MR_news .pic dd{ float: right; width: 550px;}


.MR_faq{ padding-left: 24px; padding-right: 24px; padding-top: 12px; overflow: hidden;}
.MR_faq dl{ padding-left: 6px; padding-right: 6px; padding-top: 12px; padding-bottom: 12px; border-bottom: 1px #ddd dotted;}
.MR_faq dt{ height: 32px; line-height: 32px; overflow: hidden; font-size: 14px; font-weight: bold; background: url(../images/icon_wen.jpg) left no-repeat; padding-left: 24px;}
.MR_faq dd{ line-height: 18px; background: url(../images/icon_da.jpg) left top no-repeat; padding-left: 24px; color: #777;}


#MP_khly{ padding-top: 12px; padding-left: 21px; padding-right: 21px; line-height: 200%; padding-bottom: 20px;}
#MP_khly h1{ text-align: right; font-size: 24px;}

.proTable{ padding: 0px; border-bottom: 1px #dde4ea solid;}
.proTable ul{ border-top: 1px #dde4ea solid; overflow: hidden;}
.proTable ul li{ float:left; border-left: 1px #dde4ea solid; padding: 10px 6px; line-height: 20px; overflow: hidden;}
.proTable .TableTitle{ height: 49px; background: #f2f2f2; border-top: 1px #fff solid; overflow: hidden;}
.proTable .TableTitle li{text-align: center; font-weight: bold; font-size: 12px; overflow: hidden;}
.proTable .txt2{ height: 37px; line-height: 37px;}
.proTable .txt3{ height: 49px; line-height: 24px; padding: 0px;}
.proTable .txt3T{ border-bottom: 1px #dde4ea solid; height: 24px; line-height: 24px; display: block; overflow: hidden;}
.proTable .txt3L{ float: left; width: 66px; border-left: 1px #dde4ea solid; padding-left: 6px; padding-right: 6px; height: 24px; line-height: 24px; font-weight: normal;}
.proTable .w40{ width: 40px;}
.proTable .w60{ width: 60px;}
.proTable .w66{ width: 66px;}
.proTable .w80{ width: 80px;}
.proTable .w90{ width: 90px;}
.proTable .w236{ width: 236px;}
.proTable .TableList{ height: 80px; overflow: hidden;}
.proTable .pic{ height: 60px; border-left: 0px none;}
.proTable .pic img{ width: 80px; height: 60px;}
.proTable .pic2{ height: 50px; padding-top: 10px; text-align:center;}
.proTable .pic2 img{height: 40px;}
.proTable .title{ height: 60x; line-height: 20px;}
.proTable .txt { height: 60px; text-align:center; color: #666;}
.proTable .btn{ padding-top: 30px; height: 40px;}
.proTable .btn a{ display: block; background: #f60; height: 20px; line-height: 20px; color: #fff; text-align:center;}

/* 客户留言message css */
.message{padding-top: 20px; line-height: 200%; padding-bottom: 10px; background: #fff; overflow:visible;}
.message h1{text-align: right;}
#txly{padding-top: 30px;}
#tianxieone{padding-top: 5px; padding-bottom: 5px; padding-right: 50px; height: 26px;}
#tianxietwo{width: 80px; text-align: right; padding-right: 8px; float: left;}
#tianxiethree{float: left; width: 520px;}
#tianxiethree input{width: 460px; border: 1px #ddd solid; height: 24px; line-height: 24px;}
#tianxiethree .yzm{width: 80px;}
#tfour{padding-top: 5px; padding-bottom: 5px; padding-right: 50px; height: 82px;}
#tfourtwo{width: 80px; text-align: right; padding-right: 8px; float: left;}
#tfive{float: left; width: 520px;}
#tfive textarea{width: 460px; border: 1px #ddd solid; height: 80px; line-height: 24px;}
#liuyanshenming{padding-left: 88px; width: 520px; padding-top: 20px;}
#lytijiao{padding-left: 138px; padding-top: 20px;}
#lytijiao input{/*background: url(../images/search_btn.jpg) no-repeat;*/ height: 26px; line-height: 26px; width: 76px; text-align:center;  border: 0px none; font-size: 14px;}
#lytijiao span{ color: #ff0000;}

#ckly{padding: 20px; padding-bottom: 0px;}
#ckly dl{border: 1px #ddd solid;}
#ckly dt{height: 32px; line-height: 32px; border-bottom: 1px #ddd solid; background: #F6F6F6; padding-left: 6px; padding-right: 6px;}
#ckly dt span{padding-left: 6px; padding-right: 6px;}
#ckly dd{padding: 12px;}
#ckly .ly{padding-bottom: 10px;}
#ckly .hf{border: 1px #ccc solid; background: #f3f3f3; padding: 12px;}
#ckly .hf h3{font-weight: normal;}


/*CSS pageinfo style pagination*/
.pageinfo {padding-top: 20px; padding-right: 0px; padding-left: 0px; padding-bottom: 10px; height: 30px; line-height:30px; font-size: 12px; text-align:center;}
.pageinfo a{padding-right: 5px; padding-bottom: 3px; padding-left: 5px; margin: 0px 2px; padding-top: 3px; text-decoration: none; border: 1px solid #ccc;}
.pageinfo a:hover {border: 1px solid #015bbb;}
.pageinfo a:active {border: 1px solid #015bbb;}
.pageinfo span{padding-right: 5px; padding-left: 5px; padding-bottom: 3px; padding-top: 3px; margin: 0px 2px; border: 1px solid #ccc;}
.pageinfo span.cur {font-weight: bold; color: #fff;  background: #015bbb; border: 1px solid #015bbb;}