/* css document */
.header{ height:123px; }
.logo{ float:left; margin:20px 0 0 0}
.logo_xs{ float:left; margin:10px 0 0 0; display:none}
.hd_right{ float:right; width:850px;}
.top_tel{ float:right; font-size:16px; color:#1677bc; font-weight:bold; margin-right:20px; margin-top:30px}
.top_search{ float:right;margin-top:24px;position:relative; z-index:999999}
.top_lang{ float:right}
.top_lang a{ display:block;margin-top:24px; height:26px;line-height:26px; width:100px; background:#1677bc; border-radius:13px; border:0;color:#fff; text-align:center;float:right}
a.searchfrmbtn{ display:block; width:27px; height:27px; cursor:pointer; background:url(/uploads/image/phimages/ico_top_search.png) no-repeat center; border:0; margin-left:10px; }
.top_search_frm{ display:none; border:1px solid #c6c6c6; background:#fff; position:absolute; width:350px; height:68px; top:40px; right:-20px;}
.top_search_frm:after{font-size: 0;  
  content: '';
  position: absolute;
   width: 10px; 
  height: 10px; 
  border-left:1px solid #c6c6c6;
  border-top:1px solid #c6c6c6;
  border-bottom:0;
  border-right:0;
   background:#fff;
  left: 90%;
  top:-7px;
  margin-left: -0px; 
  transform:rotate(45deg);
}
.searchtxt{ border:1px solid #ddd; width:280px; height:28px; line-height:28px; float:left; margin:15px 0 0 15px}
.searchtxt:-ms-input-placeholder{ color:#ccc}
.searchtxt:::-webkit-input-placeholder { color:#ccc}
.searchtxt::-moz-placeholder { color:#ccc}
.searchbtn{ border:0; width:32px; height:32px; line-height:31px; float:left; margin-top:15px; background:url(/uploads/image/phimages/searchbtn.png) no-repeat center #2f82c1}

.nav{ margin-top:12px}
.nav li{ float:left; display:block;  position:relative; z-index:9999; }
.nav li a{ display:block;width:106px; font-size:16px;color:#000; line-height:40px; text-align:center;}
.nav a:hover,.nav a.act{ background:#2f82c1; color:#fff}
.nav ul ul{ display:block; display:none; position:absolute; width:106px;  background:#2f82c1; left:50%; margin-left:-53px; top:40px;}
.nav ul ul li{ padding:0 0; float:none}
.nav ul ul a{ display:block; width:auto; line-height:20px; font-size:12px !important; color:#fff; text-align:center; padding:8px; border-top:1px solid #069;}
.nav ul ul a:hover{ background:#3593d5}
.navmenu{ float:right; display:none; margin:15px 15px 0 0}
.nav_m{ display:none; background:#2f82c1}
.nav_m a{display:block;color:#fff; font-size:16px; line-height:40px;border-top:1px solid #069; text-align: left; padding-left:30px}
.nav_m ul ul{background:#3593d5; display:none}
.nav_m ul ul a{ font-size:14px; padding-left:50px;}

.banner{ position:relative; width:100%; overflow:hidden}
.slidebox{ position:relative; overflow:hidden; margin:0 auto;  width:100%;/* 设置焦点图最大宽度 */ display:block ;}
.slidebox .hd{ position:absolute; height:28px; line-height:28px; bottom:20px; left:50%; margin-left:400px; z-index:300; text-align:center }
.slidebox .hd li{ display:inline-block; width:5px; height:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;border:1px solid #333   }
.slidebox .hd li.on{ background:#fff;border:1px solid #999 }
.slidebox .bd{ position:relative; z-index:0; }
.slidebox .bd li{ position:relative; text-align:center;}
.slidebox .bd li img{ background: center center no-repeat;  vertical-align:top; width:100%; height:560px/* 图片宽度100%，达到自适应效果 */}
.slidebox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
#m_slidebox{ display:none}

.bannertxt{ position:absolute; width:1200px;left:50%; margin-left:-600px; top:0; bottom:0; overflow:hidden}
.bannertxt div{ display:none}
.bannertxt1 .banner1a{ position:absolute; left:50%; margin-left:-308px; bottom:0}
.bannertxt1 .banner1b{ position:absolute; left:50%; margin-left:-465px; top:30px}
.bannertxt1 .banner1c{ position:absolute; left:280px; margin-left:0px; top:180px}
.bannertxt2 .banner2a{ position:absolute; left:50%; margin-left:-418px; top:30px}
.bannertxt2 .banner2b{position:absolute; left:50px; top:138px}
.bannertxt2 .banner2c{position:absolute; left:358px; top:202px}
.bannertxt2 .banner2d{position:absolute; left:670px; top:211px}
.bannertxt2 .banner2e{position:absolute; left:950px; top:254px}
.bannertxt3 .banner3a{ position:absolute; left:120px; top:80px}
.bannertxt3 .banner3b{ position:absolute; left:300px; top:140px}
.bannertxt3 .banner3c{ position:absolute; left:520px; top:220px}
.bannertxt3 .banner3d{ position:absolute; left:840px; top:280px}
.bannertxt3 .banner3e{ position:absolute; left:530px; top:90px}
.bannertxt4 .banner4a{ position:absolute; left:50px; bottom:50px}
.bannertxt4 .banner4b{ position:absolute; left:320px; bottom:0px}
.bannertxt4 .banner4c{ position:absolute; left:250px; bottom:60px}
.bannertxt4 .banner4d{ position:absolute; left:830px; bottom:50px}
.bannertxt5 .banner5a{ position:absolute; left:0px; top:20px}
.bannertxt5 .banner5b{ position:absolute; left:100px; bottom:120px}
.bannertxt5 .banner5c{ position:absolute; left:300px; top:40px}
.bannertxt5 .banner5d{ position:absolute; left:770px; top:130px}
.bannertxt5 .banner5e{ position:absolute; left:570px; top:180px}
.bannertxt5 .banner5f{ position:absolute; left:570px; top:230px}
.bannertxt5 .banner5g{ position:absolute; left:570px; top:310px}
.bannertxt5 .banner5h{ position:absolute; left:570px; top:330px}
.bannertxt5 .banner5i{ position:absolute; left:570px; top:410px}
.bannertxt5 .banner5j{ position:absolute; left:700px; top:410px}
.bannertxt5 .banner5k{ position:absolute; left:830px; top:410px}
.bannertxt5 .banner5l{ position:absolute; left:960px; top:410px}

.idx_padding{ padding:34px 0}
.idx_bd1{ background:#ececec;}
.idx_bd1 .item{ float:left; width:33%;}
.idx_bd1 .item dl{ display:block; min-height:417px; margin:0 10px;border:1px solid #ccc; border-radius:15px; box-shadow:0 0 7px 2px #ccc}
.idx_bd1 .item dl:hover{ background:#fff}
.idx_bd1 .item dt{ line-height:50px; margin:20px 27px; }
.idx_bd1 .item dt .ico{ float:left; background:#059de1; display:inline-block; height:40px; width:8px; margin:8px 0 0 0}
.idx_bd1 .item dt .title{ font-size:20px; line-height:50px; color:#000; margin-left:10px; font-weight:bold;}
.idx_bd1 .item dt .entitle{ text-transform:uppercase}
.idx_bd1 .item dt .more{ float:right; margin:0px 0 0 0}
.idx_bd1 .item dd{ margin:20px 27px; }
.idx_bd1 .item dd .pic{ margin-bottom:20px}
.idx_bd1 .item dd .idx_picnews_pic{display:block;width:320px; height:142px; background-size:100%; }
.idx_bd1 .item dd .txt{ line-height:24px; }
.idx_bd1 .item dd a.cn_title{ font-size:14px;color:#000}

.idx_newslist li{ height:30px; line-height:30px;}
.idx_newslist li .date{ float:right}

.idx_maintitle{ font-size:36px;color:#000; font-weight:bold; text-align:center; line-height:40px; }
.idx_maintxt{ font-size:18px; color:#333; text-align:center; line-height:40px;}

.idx_proicos{ margin:30px 0}
.idx_proicos li{ float:left; display:block; width:20%; text-align:center}
.idx_proicos a{font-size:15px; line-height:30px}
.idx_pros ul{ display:block; border:1px solid #bfbfbf; padding:25px 10px;}
.idx_pros .item{ position:relative; }
.idx_pros .item a{font-size:14px; line-height:30px;}
.idx_pros .item:after{font-size: 0;  
  content: '';
  position: absolute;
   width: 15px; 
  height: 15px; 
  border-left:1px solid #bfbfbf;
  border-top:1px solid #bfbfbf;
  border-bottom:0;
  border-right:0;
   background:#fff;
  top:-9px;
  margin-left: -0px; 
  transform:rotate(45deg);
}
.idx_pros .item1:after{  left:10%;}
.idx_pros .item2:after{  left:30%;}
.idx_pros .item3:after{  left:50%;}
.idx_pros .item4:after{  left:70%;}
.idx_pros .item5:after{  left:90%;}

.idx_pros ul.hide{ display:none}
.idx_pros li{ float:left; display:block; width:25%; text-align:center}


.idx_historyclass{ text-align:center}
.idx_historyclass li{ display:inline-block; background:url(/uploads/image/phimages/dot_mini.jpg) repeat-y right}
.idx_historyclass li a{ display:block; width:140px; height:35px; line-height:35px; font-size:16px; color:#000; text-align:center; border-radius:17px;}
.idx_historyclass li.act a,.idx_historyclass li a:hover{ background:#059de1;color:#fff}
.idx_historyclass li.act,.idx_historyclass li.last{ background:none}

.idx_historys ul li{ float:left; width:33%}
.idx_historys .item{ float:left; margin:13px;}
.idx_historys .item .title{ font-size:24px; color:#000; line-height:60px; text-align:center}
.idx_historys .item .intro{min-height:65px;}
.idx_historys .item .more a{ display:block; width:144px; height:40px; line-height:40px; text-align:center; background:#059de1; border:10px solid #c0e6f7; font-size:14px;color:#fff; margin:20px auto; border-radius:30px;}

.idx_servicelink{ margin:30px 0}
.idx_servicelink li{ display:block; width:20%; float:left}
.idx_servicelink li a{ display:block; margin:0 15px; height:63px; line-height:63px; font-size:16px; color:#fff; background:#059de1}
.idx_servicelink li a:hover{ background:#cf0d11}
.idx_servicelink li span.ico{ display:block; float:left; width:50px; height:50px; background:url(/uploads/image/phimages/idx_servicelink_icos.png) no-repeat; margin:6px 20px}
.idx_servicelink li span.ico1{ background-position:0 0}
.idx_servicelink li span.ico2{ background-position:0 -50px}
.idx_servicelink li span.ico3{ background-position:0 -100px;}
.idx_servicelink li span.ico4{ background-position:0 -150px;}
.idx_servicelink li span.ico5{ background-position:0 -200px;}

.footer{ background:#ececec; overflow:hidden; padding:10px 0; margin-top:20px}

.ftwx{ float:right; margin:20px 30px 0px 0}
.ftnav{ float:left; margin-left:10px; margin-top:30px; margin-bottom:30px}
.ftnav ul{ float:left; display:block; margin:0 30px}
.ftnav ul li.title a{ font-size:16px; color:#000}

.ftmap{ float:right;}

.copyright{ line-height:22px; padding:10px 0; text-align:center}
.innnerbanner{ height:250px; background-position:center; background-repeat:no-repeat}

.pagetitle .t{ float:left; font-size:36px; font-weight:bold;color:#000; line-height:80px}
.pagetitle .l{ float:right; margin-top:44px; margin-bottom:20px}
.pagemenu{ border:1px solid #c6c6c6; background:#ececec}
.pagemenu li{ float:left;  position:relative}
.pagemenu li a{ display:block; line-height:60px; padding:0 30px; font-size:18px;border-right:1px solid  #c6c6c6;}
.pagemenu li.act a{ background:#1677bc;color:#fff}
.arrowpagemenu{ width:22px; height:11px; background:url(/uploads/image/phimages/arrowpagemenu1.png) no-repeat center; position:absolute; left:50%; margin-left:-11px; top:60px}
.pagemenu li .arrowpagemenu{ display:none}
.pagemenu li.act .arrowpagemenu{ display:block}

.product_lists li{ float:left; width:33%; margin:10px 0; text-align:center}
.product_lists li img{ display:block}
.product_lists li a{ display:inline-block; border:1px solid #c6c6c6; padding:1%; line-height:40px; font-size:14px}

.proleftclass{ float:left;width:245px;border:1px solid #c6c6c6;}
.proleftclass .titlebg{ height:73px; border-bottom:1px solid #c6c6c6; background:url(/uploads/image/phimages/proleftclass_titlebg.jpg) no-repeat center #1677bc; font-size:24px; padding-left:20px; color:#fff; line-height:73px;}
.proleftclass li{ line-height:40px; border-bottom:1px solid #c6c6c6; display:block; padding:0 20px; background:url(/uploads/image/phimages/leftdot.png) no-repeat 10px center;cursor:pointer}
.proleftclass .productclass2 li{ line-height:30px; padding:0 0 0 30px; background:#eaeaea}
.proleftclass a{ font-size:14px; color:#000}
.proleftclass .productclass2 a{ font-size:14px; color:#747474}
.producmenulist li{line-height:30px; padding:0 0 0 40px !important; background:#f5f5f5 !important}
.proleftclass a.act{color:#2f82c1}

.picshow{ float:left;border:1px solid #c6c6c6; padding:25px; margin-left:0}
.baseinfo{ float:right; width:380px; line-height:30px}
.baseinfo .title{ font-size:20px; line-height:40px;}
.baseinfo .intro,.baseinfo .intro div,.baseinfo .intro p,.baseinfo .intro a,.baseinfo .intro td{ font-size:14px; }

.procontabs{ background:#1677bc; margin:20px 0; }
.procontabs li{ float:left; font-size:16px; color:#fff; padding:0 20px; line-height:48px; border-right:1px solid #1c8ccb;border-bottom:1px solid #1c8ccb;cursor:pointer}
.procontabs li.first{background:0a5eab;padding:0 10px 0 15px; }
.procontabs li.act{ background:#0650a1}

.casesdetail .casebase{padding-left:325px !important; }
.casesdetail .pic{margin-left:20px !important; }
.casesdetail .casebase .title{font-size:20px; line-height:40px}

.article_lists li{ display:block; height:50px; line-height:50px; border-bottom:1px dashed #c6c6c6}
.article_lists li a.title{ float:left; display:block; padding-left:20px; background:url(/uploads/image/phimages/dot.jpg) no-repeat 10px center;line-height:50px; font-size:14px}
.article_lists .date{float:right;line-height:50px;}

.pic_article_lists li{ display:block; border-bottom:1px dashed #c6c6c6; padding:10px}
.pic_article_lists li:hover{ background:#ececec}
.pic_article_lists .pic{ float:left; margin-left:20px}
.pic_article_lists .intro{ padding-left:300px}
.pic_article_lists .intro .title{line-height:40px}
.pic_article_lists .intro .title a{ font-size:18px; color:#000;}
.pic_article_lists .intro .date{color:#999; line-height:30px}
.pic_article_lists .intro .more a{ display:block;width:125px; height:35px; line-height:35px;color:#fff; background:#1677bc; text-align:center; font-size:14px}

.smallpic li{ float:left}

.leftlist{margin:20px 0 0 0}
.leftlist li{ float:left; display:block; padding:5px 15px; border-right:1px solid #c6c6c6}
.leftlist li.last{border-right:0}
.leftlist a{ font-size:14px;}
.leftlist a.act{color:#1677bc}

/* leftside */
.leftside{position:fixed;width:55px;height:275px;right:0;top:214px;z-index:100;}
.leftside ul{overflow: visible;}
.leftside ul li{width:55px;height:55px;float:left;position:relative;border-bottom:1px solid #fff;}
.leftside ul li .sidebox{position:absolute;width:55px;height:55px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:alpha(opacity=80);color:#fff;font:14px/55px "微软雅黑";overflow:hidden;}
.leftside ul li .sidetop{width:55px;height:55px;line-height:55px;display:inline-block;background:#000;opacity:0.8;filter:alpha(opacity=80);transition:all 0.3s;}
.leftside ul li .sidetop:hover{background:#059de1;opacity:1;filter:alpha(opacity=100);}
.leftside ul li img{float:left;}

.title_txt_lists  li{ border-bottom:1px solid #c6c6c6; padding:5px 0}
.title_txt_lists  .title a{ font-size:16px;color:#000}

.bd_right{ float:right; width:920px}