@charset "utf-8";
/*
Version: 3.0
© CopyRight 2002-2016, WFZMXX.COM(潍坊中脉信息), Inc.All Rights Reserved. 
Email:wfzmxx@163.com
Tel:0536-8216751
*/
@import url("global.css");
body { font-family: "Microsoft YaHei"; font-size:0;}
/* box */
.box { width: 100%; height:100%; overflow-x: hidden;}
/* pull-clear */
.pcl { zoom: 1;}
.pcl:after { clear: both;}
.pcl:bofore, pcl:after { content: ""; display: table;}
/* container*/
.container { width:1024px; margin:0 auto;  overflow: hidden; overflow-x: hidden;}
/* public*/
.tac { text-align: center;}
.mt30 { margin-top: 30px;}
.mb30 { margin-bottom: 30px;}
/* head */
.logo { padding:20px 0; line-height: 42px; }
.logo img { padding-right: 1em; }
.logo .rt a { margin-left: 1em;}
.nav { width:100%; height: 70px; color: #ffffff; background-color: #3d3d3d; }
.navbar {}
.navbar li { float:left;    }
.navbar li.active , .navbar li:hover { background: url("../images/button.png") no-repeat center 59px;}
.navbar a { display:block; line-height: 70px; padding-left: 22px; padding-right: 22px; color: white; font-size:14px; background: url("../images/nav_br.png") no-repeat right center; } 
.navbar a.un-bg { background: none;}
.navbar li.active a , .navbar li a:hover { color: #ffffff;}
.nav .rt { line-height: 70px; }
.nav .rt * { vertical-align: middle;}
.nav h2 { color: #92eeff; font-size: 18px;}
.nav h2 img { margin-right: 12px;}  
#navbar { height:70px; overflow:visible}
.navul { position: absolute; z-index:60; background-color: #3d3d3d; display:none; font-size:0;}
.navul a  { background: none; font-size:14px; line-height:  35px;}  
.navul li { display: block; float:none;}
.navul li:hover { background:none;}
/* banner */
.bannerw{ width:100%; height:450px; overflow:hidden;background:url(../images/imgloader.gif) no-repeat center center #FFF; margin:0px auto;}
.fwslider{position: relative;width:100%; height:450px;}
.fwslider .slide{display:none;position: absolute;top: 0;left: 0;z-index: 0;width:100%;text-align:center;}
.fwslider .slide_item{ width:100%; height:450px;}
.fwslider .slide_item a{ display:block; width:100%; height:450px;}
.fwslider .slidePrev{margin-left:1%;width:43px;height:60px;position: absolute;top:50%; margin-top:0px;left:-20px;opacity: 0.7;z-index: 10;overflow:hidden;}
.fwslider .slidePrev span{background-image: url(../images/slide_arrow.png);width:43px;height:60px;float: left;background-position: 0 0;background-repeat: no-repeat;cursor: pointer;opacity: 0.7;}
.fwslider .slidePrev span:hover,#fwslider .slideNext span:hover{opacity:1;}
.fwslider .slideNext{width:43px;height:60px;position: absolute;top: 50%;right:-20px; margin-top:0px;opacity: 0.7;z-index: 10;margin-right:1%;overflow:hidden;}
.fwslider .slideNext span{background-image: url(../images/slide_arrow.png);width:43px;height:60px;float:left;background-position:0 -60px;background-repeat:no-repeat;cursor:pointer;opacity: 0.7;}
.fwslider .timers{height:5px;position: absolute;bottom:20px; left:50%; margin-left:-52px;z-index: 3;}
.fwslider .timer{height:5px;width:15px;background:#fff;float:left;margin-right:5px;overflow: hidden;/*border-radius:12px;*/}
.fwslider .progress{height:5px;width: 0%;background:#ef760b;float: left;}
/* content */
.content , .content a{ color: black;}
.content h2 { color: #000000;}
.datum , .news , .product { width:100%; padding:30px 0; overflow-x: hiddden;} 
.datum , .product { background: #ffffff;}
.news { background: #e6e6e6;}
.ch2j { display: list-item; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #cccccc;}
.ch2 { font-size: 18px;}
.c14px { font-size: 14px;}
.c16px { font-size: 16px;}
.content .ccl44bcd2 { color: #44bcd2}
.content .cclffbb18 { color: #ffbb18;}
.ch2m { margin-left: 1em; }
.modebtn, .box .modebtn { display: inline-block; padding: 1em 4em; color: #ffffff; text-indent: 0; border-raidus: 3px; background: #44bcd2; }
.modebtn:hover, .box .modebtn:hover { background: #00CCEF;}
.conmb30 { margin-bottom: 30px;}
#dno { display: none;}
/* |- datum */
.datum .fl { width: 648px; overflow-x: hidden; }
.datum .rt { width: 344px; overflow-x: hidden; }
/* }- -navigation */
.navigation ul li { min-width: 130px; margin-right: 1em; display:inline-block; *float: left; }
.navigation ul li a { line-height: 24px; font-size:14px; }
.navigation ul li a:hover { color: #44bcd2; }
/* }- -abou t */
.about .fl { width: 410px;}
.about .fl * { line-height: 26px;}
.about .rt { width: 216px; height: 144px; overflow: hidden;}
.about .rt img{ margin-top: 6px;}
/* |- - contact*/
.contact li { padding-bottom: 10px; color: #999999;}
.contact li img { width:24px; height: 24px; margin-right: 1em; vertical-align: middle;}
/* |- news */
.news3 { width:320px; overflow: hidden; float: left;}
.nlist { padding: 12px 22px;; background-color: #f9f9f9;}
.nlist li{ line-height:28px;}
.nlist li a{  color:black; font-size: 14px;}
.nlist li a:hover { color: #44bcd2;}
/* |- product */ 
.product .title { position: relative; }
.product .title h2 { position: relative; z-index: 2; width: 270px; margin:0 auto; background-color: #ffffff;}
.tbg { position:absolute; z-index: 1; bottom: 0; width: 100%; height:1px; background: #e5e5e5; }

.rollBox{width:1024px;height:190px;overflow:hidden;margin:0 auto; position:relative;top:15px;}
.rollBox .LeftBotton{height:40px;width:40px;overflow:hidden;float:left;display:inline;margin:70px 0 0 0;cursor:pointer; position:absolute; top:0; left:0;}
.rollBox .RightBotton{height:40px;width:40px;overflow:hidden;float:right;display:inline;margin:70px 0 0 0;cursor:pointer; position:absolute; top:0; right:0;}
.rollBox .Cont{width:1024px;overflow:hidden;margin: 0 auto;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:260px; margin-top:20px;float:left;text-align:center;}
.rollBox .Cont .pic img{background:#fff;display:block;margin:0 auto;width:240px;height:140px;}
.rollBox .Cont .pic div{line-height:20px;color:#505050;}
.rollBox .Cont .pic p{text-align: center; font-size: 12px; color: black;}
.rollBox .Cont .pic div span{display:block;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox #List1,.rollBox #List2{float:left;}
.rollBox .Cont a,.rollBox .Cont a:hover{text-decoration: none}
.rollBox .text-000 {color: #000;font-size: 14px}
.rollBox .text-808080 {color: #808080;font-size: 12px}
/* particulars for content*/
.contitle { margin:30px 0;} 
.contitle h3 { padding-left:20px; background: url("../images/rightbtn.png") no-repeat left center;}
.conh3 { padding-left: 10px; margin-bottom: 1px; line-height:50px; color: #ffffff; font-size: 18px; background: #44bcd2;}
.conh3b { height: 0; font-size: 0; border-bottom: 1px solid #44bcd2;}
/* |- content list*/
.clist { width:240px; overflow:hidden; }
.ullist li { line-height: 50px; color:# 4c4c4c; border-bottom:1px solid #ffffff; background: #eeeeee;}
.ullist li  h4  { padding-left: 10px; color: #4c4c4c; cursor:pointer;}
.ullist ol { display: none;}
.ullist ol li { line-height:40px;  background: #f7f7f7; }
.ullist ol li a { display: block; padding-left: 15px; line-height: 40px; color: #999999;}
.ullist ol li.active a , .ullist ol li:hover a { color: #ffffff; background: #44bcd2;}
/* |- content content*/
.ccontent { width:744px; overflow:hidden; }
.connav { *margin-top:-50px;}
.connav li  { float:left; }
.connav li  a{ display: inline-block; padding:0 25px; color: #ffffff; background: #44bcd2;}
.connav li a.active ,.connav li  a:hover{background: #389aac;}

.carticle { padding-top: 30px;}
.carticle p { line-height: 24px; padding-top: 1em; text-indent: 2em; font-size: 12px; }

.carticleh .title { padding: 20px 0; text-align: center; font-family: 14px; color: #4c4c4c;}
.carticleh span { margin: 0 20px; }
.carticleh span i {font-style: normal;}
.cmessage { text-align: center;}
.advice { padding: 30px 0;}
.advice  dt,.advice  h3 { line-height: 2em; color:#333333;}
.advice  dd { line-height: 2em; }
.advice a:hover { color: #44bcd2;}
.linking a:hover { color: #44bcd2;}
.linking .fl , .linking .rt  { width:50%;}  
/* |- - contact */
.ctact fl , .ctact rt { width:50%;}
.ctact dl{}
.ctact dt h3{  color: #4c4c4c; font-size: 16px;}
.ctact dd{ line-height: 2em; color: #808080; font-size: 14px; }
.ctact fl{}
.ctact rt { width: 400px; height: 450px; overflow:hidden;}
.ctact rt img { width: 100%; height: 100%;}
/* |- - case*/
.caselist .rt { width: 493px;}
.caselist .rt a { display: block; line-height: 1.8em; font-size: 12px; color: #999999;}
.caselist .rt a:hover , .caselist .rt a:hover h3  { color: #44bcd2;}
.caselist .rt a  h3{ font-size: 14px; color: #4c4c4c;}
.caselist li { padding:20px; margin-bottom: 20px; border: 1px solid #cccccc; transition: .5s;}
.caselist li:hover { border: 1px solid #44bcd2; }
.caselist .fl { width: 165px; height: 110px; margin-left:0; margin-right: 38px; overflow:hidden;}
.caselist .fl img { width: 100%; height: 100%; }
.casecon {}
/* |- - newlist*/
.newlist  {}
.newlist li  { line-height: 3em; padding-left: 3em; padding-right: 1em;  font-size: 12px; border-bottom: 1px solid #f1f1f1; background: url('../images/listbtn.png') no-repeat 1.5em center;}
.newlist li a { float:left; color: #666666;}
.newlist li a:hover { color: #44bcd2;}
.newlist li span { float: right; color: #b2b2b2;}
/* |- - web adds*/
.wadds  li  { border-bottom : 1px solid #cccccc; }
.wadds  li a{ font-size: 16px; line-height: 32px; color: #000000; }
.wadds  li ul li { border: none; display: inline-block; margin-right:10px; }
.wadds  li ul li a { font-size: 13px;  color: #999999;}
.wadds  li ul li a:hover  { color: #44bcd2; }
/* pages*/
.pages { padding:30px 0;}
.pages a { display:inline-block; margin:0 0.5em; color:#808080; width: 30px; line-height: 30px; border-radius: 100%; }
.pages a.prev, .pages a.next { color:#ffffff; background: #808080;}
.pages a.prev:hover, .pages a.next:hover { color:#ffffff; background: #000000;}
.pages a { color:#808080;}
.pages a.active , .pages a:hover { background-color: #44bcd2; color: #ffffff;}
/* product */
.protab { width:100%; font-size:0;}
.protab span{ display: inline-block; margin-bottom:30px; width:228px; height:248px; border:1px solid #d9d9d9; overflow:hidden;  }
.protab span:hover , .protab span:hover a   { color: #44bcd2; border-color: #44bcd2;}
.protab span:hover .pmore div { background: #44bcd2;}
.pimg { height: 164px; overflow: hidden;}
.pimg img{ width: 100%;}
.pmore {   height:10px; margin: 15px 0;  position: relative; }
.pmore div { width: 100%;  height: 1px; background:#d9d9d9; position: absolute; top:6px; left: 0; z-index:1}
.pmore a { display: inline-black; padding: 0 30px; line-height:10px; font-size: 10px; background:#ffffff; position: absolute; top:0; right:0; z-index:2}
.phref { font-size: 12px; text-align: center;}
.pmore a { color: #808080;}
.phref  a { color: #666666;}
/* links*/
.links { background: #eeeeee;}
.links ul { line-height: 60px; font-size: 14px; }
.links li { float: left; color: #44bcd2; }
.links li a { color: black; padding: 0 1em; border-right: 1px solid black; }
.links li a:hover { color: #000000;}
.links li a.unborder { border:none;}
/* footer*/
.footer { padding-top: 50px; padding-bottom: 25px; background: #1f1f1f; }
.footer dl { width: 118px; overflow-x:hidden; float:left;}
.footer dl.unwidth { width:200px; padding-bottom: 15px; padding-left: 20px; border-left : 1px dashed #999999;}
.footer dt { margin-bottom: 24px;color: #ffffff; font-size: 14px; font-weight: 500;  }
.footer dd , .footer dd a { line-height: 24px; color: white; font-size: 12px;  }
.footer dd a:hover { color: #ffffff; }
.share li { display: inline-block; margin: 10px 5px 0 0; *float: left; cursor:pointer;}
/* fix*/
.fix { position: fixed; bottom:15%; right:1%; z-index:60; width:90px;}
.fix a{ display:display; width:90px; height:36px; line-height:36px; font-size:12px; color: #ffffff; background:#44bcd2; cursor: pointer; float:left; margin-bottom:5px;}
.fix  a.qq { padding-left:36px; background: url("../images/qqxx.png") #44bcd2 no-repeat 18px center;}
.padw{ line-height:35px; color:black; font-size:14px; background:url(../images/conw.jpg) no-repeat top left; padding-left:32px;}

#dituContent{ width:389px; height:454px;}
.xgbox{ width:100%; height:32px; line-height:32px; margin-top:20px; padding:15px 0px 0px 0px; border-top:1px solid #eee;}
.xgbox_l,.xgbox_r{ width:50%; height:32px; color:#666; overflow:hidden;}
.xgbox_r{ text-align:right;}
/* 404*/
.a404 { text-align: center; padding: 50px 0;}
.a404 p {     font-size: 14px; color: #e90000; font-family: "微软雅黑";}
.a404 p span {     font-size: 24px; color: #232323;}
.a404 a { font-size: 26px; margin: 30px; display: inline-block; border-radius: 5px; border: 1px solid #d6d6d6;  padding: 6px 20px;}


.searchw {
    color: #8c8c8c;
    font-size: 13px;
    height: 52px;
    line-height: 32px;
    overflow: hidden;
    text-align: right;
    width: 550px;
}
.search {
    background: rgba(0, 0, 0, 0) url("../images/searchbg.png") no-repeat scroll left top;
    height: 22px;
    margin-left: 15px;
    padding: 5px;
    width: 245px;
}
.searchi {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    height: 22px;
    width: 200px;
}
.searbtn {
    background: rgba(0, 0, 0, 0) url("../images/searbtn.png") no-repeat scroll 0 0;
    border: medium none;
    cursor: pointer;
    height: 22px;
    margin-right: 6px;
    width: 26px;
}

.pcl dt a{color:#ffffff}

#case_story{ list-style:none;margin-left:50px; }
#case_story li{display:inline;line-height:40px;margin:0 10% 1% 10%;font-size:15px;font-weight:bold;}
#case_story li a{color:#44bcd2}