@charset "utf-8";
/* CSS Document */
/*
* copyright by shenlag
* 陈兴 13949608480
* QQ:38514999
* Email:38514999@qq.com
*/

/*head*/
#bannerBox{ margin: 0px auto; padding: 0px; border-top: 1px #fff solid; margin-bottom:10px; height: 216px; padding-top: 12px; padding-bottom:12px; background: url(../images/Bg4.jpg) repeat-x; overflow: hidden;}
#bannerPic{ margin: 0px auto; background: #fff; width: 1200px; height: 216px; overflow: hidden;}
#bannerPic img{ width: 1200px; height: 216px;}

#mainbody{ margin: 0px auto; margin-top: 12px; padding: 0px; width: 1200px; background: #FFF; overflow: hidden;}
.clBom{ clear: both; height: 11px; line-height: 0px; font-size: 0px; background:#fff; overflow: hidden;}
.h12{ background: #fff; height: 12px; overflow: hidden;}

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

.left_con{ border: 1px #dde4ea solid; }
.left_conTxt{ padding-top: 80px; background: url(../images/left_con.jpg) top no-repeat; padding-left: 12px; padding-right: 12px; line-height: 24px;}
.left_news { border-bottom:1px solid #dde4ea; padding:5px 10px;overflow:hidden;}
.left_news ul{overflow: hidden;}
.left_news ul li{ width:170px; height:30px; line-height:30px; font-size:12px; background:url(../images/list_bg.jpg) no-repeat 2px; border-bottom:#CCC dashed 1px; padding-left:10px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;} 


/*左侧产品显示*/
.sub-img{ border-bottom:1px solid #dde4ea;  height:auto; padding:5px 8px; overflow:hidden;}
.sub-img-list {overflow:hidden; }
.sub-img-list li { float:left; width:90px; height:85px; margin-right:10px;  overflow:hidden; }
.sub-img-list li:nth-child(2n+0) { margin-right:0; }
.sub-img-list li a{  display:block; width:90px; height:84px; overflow:hidden;  }
.sub-img-list li img {  width:84px; height:53px; padding:2px; border: 1px solid #dbdbdb;  }
.sub-img-list li a:hover img {border-color:#1f619e; }
.sub-img-list li span { display:block; vertical-align:top; text-align:center;width:95px; height: 30px; line-height:20px;cursor:pointer;}




.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 .leftPic{ float: left; width: 450px;}
.MR_proShow .BigPic{ width: 445px; height: 336px; padding: 1px; border: 1px #eee solid;}
.MR_proShow .SamPic{ padding-top: 5px; height: 66px; overflow: hidden; width:445px;}
.MR_proShow .SamPic a{border: 1px #eee solid; margin-right: 2px; width: 84px; height: 64px; display: inline-block;}
.MR_proShow .SamPic img{ width: 84px; height: 64px;}
.MR_proShow .SamPic ul li { float:left;}
.MR_proShow .SamPic .zoomThumbActive{ border: 1px #ff7300 solid;}
.MR_proShow .rightshow{ width: 450px; float: right;}
.MR_proShow .rightshow h1{ font-size: 20px; color: #000; line-height: 32px; margin-left:10px;}
.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 .re{ font-size: 20px; color:#ff0403 }
.MR_proShow .telimg{ margin:20px; overflow:hidden;}
.MR_proShow .2wmimg{ margin:20px; overflow:hidden;}

.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; font-size: 16px;}
.MP_cpxq img{ max-width: 700px;}


.MP_xwnr,.MP_cpnr { line-height: 200%; padding-left: 16px; padding-right: 16px; padding-top:5px; overflow: hidden; font-size:16px;}
.MP_xwnr img,.MP_cpnr img{ max-width: 950px;}
.from {text-align:right;margin-right:30px; color:#777; overflow:hidden;}
 
 .MP_cplb { line-height: 200%; padding-left: 16px; padding-right: 16px; padding-top: 16px; overflow: hidden;}
.product{ overflow:hidden;}
.product-list li { width:171px; height:auto; float:left; padding:10px 4px 0px;}
.product-list li img{ width:165px; height:124px; border:#CCC solid 1px; padding:2px;}
.product-list li img:hover{ border:#1f619e solid 1px;}
.product-list li span{ display:block; text-align:center; height:24px; line-height:24px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; padding-top:5px;}
 
 
.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;}

/* photo By 陈兴  2015年9月24日16：54 */
.photo_w{width:100%;background:url(../images/photo_nav.jpg) repeat-x; line-height:30px}
.photo_w_zi{ width:980px;  margin:0 auto; text-align:left; font-family:Arial}

.ztp_box { background:#1c1c1d; margin:15px 0; height:780px;}
.ztp_box h1 {margin:0 auto;  width:100%; line-height:35px; font-size:16px;  text-align:center; color:#fff; padding-top:15px}

.ztp_box .info{height:24px;line-height:17px;text-align:center;overflow:hidden;color:#666;border-bottom:#505050 1px solid;}
.ztp_box .info small{margin-left:8px;margin-right:3px;color:#666;font-size:12px;}
.ztp_box .info a{color:#690;}
.ztp_box .big { margin:15px 0;}

.title04{ width:980px; height:36px; line-height:36px; background:url(../images/title04.jpg) no-repeat;}
.title04 strong{ color:#002C59; font-size:14px; padding-left:25px;}
.ztp_box2 { width:980px; height:auto; float:right;}
.ztp_xg{ width:974px; height:175px;border:#CCC solid 1px; border-top:0;overflow:hidden; padding:0 2px;}
.ztp_xg_list { margin-left:10px;}
.ztp_xg_list li { width:178px; height:auto; float:left; padding:15px 6px 0px;}
.ztp_xg_list li img{ width:170px; height:118px; border:#CCC solid 1px; padding:2px;}
.ztp_xg_list li img:hover{ border:#06F solid 1px;}
.ztp_xg_list li span{ display:block; text-align:center; height:24px; line-height:24px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; padding-top:5px;}


/*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;}


/* 以下三段拷贝之前xhzds.com使用的样式 */
/*2012-3-18 21:59:26 更新内页tag、相关产品文章显示*/
.tagshow {font-size:12px; margin:10px 20px 10px 30px; overflow:hidden; display:block;}
.tagshow span{ font-weight:bold; color:#d27607; }
#xiangg_art {overflow:hidden;}
#xiangg_art .title{font-size:14px;font-weight:bold;color:#cc0000;padding-left:4px;line-height:24px;}
#xiangg_art ul{font-size:12px;float:left;margin-left:10px;width:450px;display:block;}
#xiangg_art ul li{line-height:23px;height:23px;margin-right:10px;width:430px;}
#xiangg_art ul li span{font-family: '宋体';padding-right:3px;color:#fc6d02;}
.date3 { float:right; position:relative; color:#cccccc; *margin-top:-26px; margin-right:25px;}

/* 文章下推荐产品 2014年11月14日 By 陈兴  天气越来越冷了，年龄大了，穿薄些是真受不了啊  */
.repro { width:758px; margin:10px 0px; border:#ccc 1px solid; overflow:hidden;}
.repro .t { height:30px; background:#e6e6e6; overflow:hidden;}
.repro .t .hd15 { width:100px; height:25px; line-height:25px; text-indent:10px; background:#fff; margin:5px 0 0 10px; font-weight:bold;}
.repro ul { margin:10px;}
.repro ul li {float:left; width:123px; text-align:center; margin-bottom:10px; display:block; overflow:hidden;}
.repro ul li img { width:111px; height:83px; border:#dedede 1px solid;}

.infot1 { border-bottom:#ccc 1px solid;padding:3px 30px; margin:5px 0; overflow:hidden;font-family: "微软雅黑", "黑体"; font-size:15px; font-weight:bold; color:#014fa2;background:url(../images/icon07.gif) no-repeat 8px center;}
.infot2 {background:url(../images/icon04.png) no-repeat 0 center;margin-left:10px;padding-left:20px;}
.p2 {background:url(../img/infot2.png) no-repeat 0 3px;}
.infot3 {background:url(../img/infot3.gif) no-repeat 0 6px;margin-left:50px;padding-left:10px;zoom:1; text-indent:0px;}
.infot1 a {color:#014fa2; text-decoration:none;}
.infot1 a:hover {color:#014fa2; text-decoration: underline;}
.face1 { color:#014fa2; font-weight:bold; text-indent:0px;}

.context{  margin:0 auto;border-top:1px solid #ccc; padding:10px 0;overflow:hidden; font-size:14px;}
.context ul li{line-height:29px;color:#888;}

.video_link {border:1px #dedede solid;margin:15px 0; overflow:hidden;}
.video_link .vltitle{height:36px; line-height:36px;background:#e3e3e3; overflow:hidden;color:#333; font-size:16px; text-indent:24px;}
.video_link .vltitle .tit{float:left;font:bold 14px/36px Arial,"Microsoft YaHei";color:#333;margin-left:10px; overflow:hidden;}
.video_link .vltitle a{float:right;height:22px;font:12px/22px Arial,"Microsoft YaHei";color:#333;margin:8px 15px 0 0;}
.video_link .vltitle a:hover { color:#fff; text-decoration:underline;}
.video_link .vlcontent {float:left;margin:10px 10px;}
.video_link .vlcontent ul li {float:left;text-align:center;margin:5px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.video_link .vlcontent ul li img {width:158px; height:115px;}
.video_link .vlcontent ul li span {line-height:26px; height:26px;}
.video_link .vlcontent ul li a { color:#333; text-decoration:none;}
.video_link .vlcontent ul li a:hover { color:#333; text-decoration:none;}