/* CSS Document */

.warp { width: 1200px; margin:0 auto;}
.none{ display:none;}
.bottom_tools{position:fixed;z-index:110;right:30px;bottom:200px; width:64px; padding:10px 10px 0; background:#0168B7;box-sizing: border-box; }
.bottom_tools a#scrollUp{ height:55px; width:44px; display:inline-block;text-indent:-9999px;background: url(../image/xz04.jpg); border-bottom:none;}
.bottom_tools > div{ position:relative;}
.bottom_tools > div > a{ display:inline-block; height:66px; width:44px; text-indent:-9999px; border-bottom:1px solid #fff;}
.bottom_tools > div > a.tns-pl1{background: url(/images/xz01.jpg);}
.bottom_tools > div > a.tns-pl2{background: url(/images/xz02.jpg);}
.bottom_tools > div > a.tns-pl3{background: url(../image/xz03.jpg);}
.bottom_tools  .tel:hover .posn{display: block; }
.bottom_tools > div .posn{display:none; position:absolute; left:-200px; top:-10px; width:200px; background:#0168b7; color:#fff; line-height:25px; padding:15px;z-index: -1; }
.bottom_tools > div .msn-tn{ top:0; font-size:16px;}
.bottom_tools > div .posn a{color:#fff;}
.bottom_tools .solmaa{ height:55px; width:44px; text-align:center; line-height:55px; }

.dowebok-hd { position: relative; z-index: 1000; width: 100%; height: 99px;  border-top: 3px solid #008cd7;}
.dowebok-hd .logo{ float:left;padding-bottom:4px; }
.dowebok-hd .logo img{ height:95px;}
.dowebok-hd .mob-nav{ display:none;}
.dowebok-hd .nav{ float:right;  }
.dowebok-hd .nav .search{ height:30px; float:right; }
.lag-yy {
    float: left;
    margin: 0px 10px 0 0;
    color: #999;
}
.dowebok-hd .nav .wbst {
    float: left;
    color: #999;
    font-size: 14px;
    position: relative;
    line-height: 30px;
    height: 30px;
    width: 30px;
    background: #0068b7;
    text-align: center;
    color: #fff;
}
.dowebok-hd .nav .wbst a{color: #fff; }
.dowebok-hd .nav ul{ height:45px; line-height:45px;position: relative;right:-20px;padding-top: 10px; }
.dowebok-hd .nav ul li{ float:left; padding-right:1px; text-align:center; position:relative; background:url(../image/sx.jpg) no-repeat right center;}
.dowebok-hd .nav ul li > a{ color:#fff; color:#666; display:block; width:106px;font-size: 16px; }
.dowebok-hd .nav ul li > a span{ border-bottom: 4px solid #fff;padding-bottom: 22px; }
.dowebok-hd .nav ul li > a.cur span{ border-bottom: 4px solid #008cd7; }
.dowebok-hd .nav ul li .dop-kn{ height:68px; line-height:68px; width:auto; position:absolute;left:0; top:45px; text-align:left; display:none;}
.dowebok-hd .nav ul li .dop-kn a{ color:#fff; display:block; width:150px; text-align:center; float:left;}
.dowebok-hd .nav ul li .dop-kn a:hover{ color:#03a045;}

/*----banner-------*/
.slideBox{ width:100%; height:696px; overflow:hidden; position:relative;   }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer;display: none; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ height:645px; left: 50%; margin-left: -960px; position: absolute; width: 1920px;  }
.slideBox .bd li{ zoom:1; vertical-align:middle;position:relative; zoom:1; width:1920px; }
.slideBox .bd img{ width:1920px; height:696px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../image/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }



.ind_about_box{  width:1236px; margin:auto; padding-top:80px; padding-bottom:50px;}
.ind_about_box .about_left{ float:left; width:540px; position:relative;}
.ind_about_box .about_a{ display:block; width:640px; height:445px; overflow:hidden;transition: all 0.3s;}
.ind_about_box .about_a img{transition: all 0.3s;}
.ind_about_box .about_a:hover img{-webkit-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);transition: all 0.3s; }

.ind_about_box .ms{width:640px; font-size:14px; color:#333; line-height:20px;margin-top: 45px;display: block;letter-spacing: 0.5px; line-height: 30px; }

.ind_about_box .pf_bt{ color:#5e5e5e; font-size:52px; line-height:55px; letter-spacing:0.5px; font-weight:normal;  margin-left: 40px;text-align: left; }
.about_left em{margin-left: 40px; font-size: 20px;color: #5e5e5e;margin-top: 30px;font-style: normal;display: block;  }

.ind_about_box .ms span.x{ background:#f60; height:3px; width:40px; display:block; margin-bottom:15px;}

.ind_about_box .more{ background:url(/images/icoRight.gif) no-repeat right; padding:0px; display:block; width:65px; color:#f60; border-radius:3px;  font-size:12px; text-align:left; margin-top:15px;}

.about_right{ float:right; width:640px;}
.about_icon { margin-top:55px;padding-top:55px; border-top:1px solid #ddd; }
.about_icon li{ width:21%; float:left; text-align:center; padding:1.5%; padding-bottom:10px;}
.about_icon li a.icon{ width:40px; height:40px; background:#999; text-align:center; padding:20px; display:block; margin:auto; }
.about_icon li a.icon img{ width:100%;}
.about_icon li a.text b{ display:block; color:#333; height:20px; line-height:20px; margin-top:10px; font-weight:normal;}
.about_icon li a.text em{ font-style:normal; color:#999; font-size:12px; display:block; margin-bottom:10px;}
.about_icon li a.text .ms{ font-size:12px; line-height:20px; color:#666;}

.about_right li:hover a.icon{ background:#008cd7; }
.about_right li:hover a.text b{ color:#008cd7;}


#ind_pro_box{ background:url(../image/indprobg.jpg) no-repeat #008cd7; padding:70px 0 50px 0; height:460px; text-align:center;}
#ind_pro_box .bt{ font-size:40px; color:#fff; font-weight:normal; margin-bottom:15px;}
#ind_pro_box span.x{ width:60px; height:5px; background:#008cd7; display:block; margin:auto; margin-bottom:15px;}
#ind_pro_box p.ab_cn{ font-size:16px; color:#fff; margin-bottom:5px;}
#ind_pro_box p.ab_en{ font-size:10px; color:#f3f3f3; font-family:Arial, Helvetica, sans-serif;}

.ind_prolb_leftLoop{ margin:auto; width:1200px; margin-top:20px; overflow:hidden; position:relative;}
.ind_prolb_leftLoop .hd{ overflow:hidden; width:1200px; position:absolute; top:100px;} 
.ind_prolb_leftLoop .hd .prev{ display:block;  width:50px; height:50px; line-height:10px; float:right; margin-right:10px; margin-top:10px;  overflow:hidden;   
     cursor:pointer; background:url(../image/slider-arrow_right03.png) no-repeat;} 
.ind_prolb_leftLoop .hd .next{ display:block;  width:50px; height:50px; line-height:10px; float:left; margin-right:10px; margin-top:10px;  overflow:hidden;   
     cursor:pointer; background:url(../image/slider-arrow_left03.png) no-repeat;} 
.ind_prolb_leftLoop .bd{ padding-left:55px;   } 

.ind_prolb{ clear:both; width:1080px; margin:30px auto; margin-bottom:0px;}
.ind_prolb li{ float:left; width:310px; margin:20px; margin-bottom:15px; background:#fff; padding:5px; border-radius:3px;}
.ind_prolb li a{ color:#333; display:block;}
.ind_prolb li a img{ margin-bottom:15px; width:100%;}
.ind_prolb li:hover{ background:#008cd7;}
.ind_prolb li a b{ font-weight:normal; display:block; margin-bottom:15px;}
.ind_prolb li:hover b{ color:#fff;}

/*products*/
.products_box{margin:auto; margin-top:55px;margin-bottom: 55px;width: 1236px;background: url('../image/pro_bg.jpg') top center no-repeat; }
.products_center .products_intro{ float: left;width: 260px;padding-top: 70px;padding-left: 50px;padding-bottom: 55px;height: 493px; } 
.products_center .products_list{ float: left;width: 925px; } 
.products_center .products_intro h2{color: #444;font-family: arial;font-size: 32px;line-height: 32px;font-weight: bold;  }
.products_center .products_intro em{font-style: normal;font-size: 20px;color: #333;margin-top: 10px;clear:both;display: block;margin-bottom: 120px;   }
.products_center .products_intro h4{font-size: 14px;color: #666;font-weight: normal;margin-top: 120px; }
.products_center .products_intro h3{ color: #ff6600; font-size: 22px;float: left; margin-right: 5px;  }
.products_center .products_intro span{font-size: 20px;color: #444; }
.products_center .products_intro p{margin-top: 15px;font-size: 14px;line-height: 24px;color: #666; }

.products_center .products_list li{float: left;padding:14px 22px 20px 23px;height: 275px;  }
.products_center .products_list li h3{font-size: 24px;color: #444; letter-spacing: 0.5px; font-weight: normal;text-align: center;margin-top: 20px;  }
.products_center .products_list li em{font-style: normal;color: #666; font-size: 14px; text-align: center; display: block; }
.products_center .products_list ul{width: 950px; }
.products_center .products_list li:hover h3{color: #0068b7; }
.products_center .products_list li:hover img{
    transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    transition: all 300ms ease 0s; }


.successful_case{ height: 106px;width: 1236px;  }
.successful_case .case_title{float: left;width: 50%;background: url('../image/icon_right.png') right 58px center no-repeat;height: 106px;  }
.successful_case .case_title h2{font-size: 24px;font-family: arial;letter-spacing: 0.5px;color: #333; line-height: 32px;font-weight: normal;margin-left: 55px;margin-top: 25px;  }
.successful_case .case_title em{margin-left: 55px;display: block;color: #555;font-size: 16px;letter-spacing: 0.5px; font-style: normal;  }

.successful_case .case_more{float: left;width: 50%;position: relative; }
.successful_case .case_more a{ display: block; color: #333;font-size: 16px;letter-spacing: 0.5px; text-align: center;line-height: 106px; }
.successful_case .case_more::before{display: block;content: "";background: #018CD7; width: 0%;height: 106px;transition: all 0.5s;position: absolute;right: 0;top: 0;z-index: -1;  }
.successful_case .case_more:hover::before{width: 100%; }



/*foot*/
.footer{background: #f2f2f2;  }
.footer_contact{border-bottom: 1px solid #ddd; padding: 70px 0 65px 0; }
.contact_add{ float: left; width: 50%;background: #008cd7; height: 235px;  }
.contact_add h3{color: #fff;font-size: 24px;font-family: arial;letter-spacing: 0.5px; line-height: 32px;font-weight: normal; margin-top: 45px;margin-left: 45px;  }
.contact_add em{ font-style: normal;color: #fff;letter-spacing: 0.5px;font-size: 16px;line-height: 32px;margin-left: 45px;display: block;margin-bottom: 25px;  }
.contact_add li{ float: left;font-size: 14px;color: #fff;letter-spacing: 0.5px;padding-left: 45px;width: 233px;line-height: 28px;padding-right: 30px;    }
.contact_add ul{margin-bottom: 45px; }
.footer_contact .contact_line{ float: left; background: #fff;width: 50%; color: #333!important;position: relative;   }
.contact_line h3{color: #333;font-size: 24px;font-family: arial;letter-spacing: 0.5px; line-height: 32px;font-weight: normal; margin-top: 45px;margin-left: 45px;background: url('../image/online.png') top left no-repeat;padding-left: 45px;  }
.contact_line em{ font-style: normal;color: #333;letter-spacing: 0.5px;font-size: 16px;line-height: 32px;margin-left: 90px;display: block;margin-bottom: 25px;  }
.contact_line li{ float: left;font-size: 14px;color: #333;letter-spacing: 0.5px;box-sizing: border-box;line-height: 28px;padding-right: 33px;    }
.contact_line ul{padding-bottom: 45px;margin-left: 90px;width: 200px; }
.weixin{ position: absolute; right: 30px; top: 50px; }

.foot_mess{padding-top: 34px; padding-bottom: 34px;  }
.fl{ float: left; }
.fr{ float: right; }
.foot_nav li{ float: left;padding-right: 30px;font-size: 14px; color: #666;letter-spacing: 0.5px;line-height: 32px;  }
.foot_nav li a{ color: #666; }
.foot_nav li:hover a{ color: #0068b7; }