/* AB模板网 整站模板下载 */
/* 模板：Www.AdminBuy.Cn */
/* 仿站：Fang.AdminBuy.Cn */
/* 素材：Sc.AdminBuy.Cn */
/* js特效：js.AdminBuy.Cn */
/* 在线工具 Tool.Adminbuy.Cn */
/* QQ：9490489 */
@charset "UTF-8";
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before,*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote {margin:0;padding:0;border:0;}
body {color:#333;font-size:14px;font-family:"Microsoft YaHei","微软雅黑",Helvetica,Arial,sans-serif;}
a, a:active{color: inherit;text-decoration: none;cursor:pointer;}
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
a:hover {text-decoration:none;}
img {border:none;vertical-align:middle;max-width:100%;}
ol,ul,li {list-style:none;}
input,textarea,select,button {font:14px "Microsoft YaHei","微软雅黑",Helvetica,Arial,sans-serif;outline:none;-webkit-appearance:none;-moz-appearance:textfield !important;-webkit-tap-highlight-color:rgba(0,0,0,0);}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
.clearfix:after,.clearfix:before {content:"";display:table;clear:both;}
.btn {display:inline-block;text-align:center;padding:0px;border:0px;margin:0px;position:relative;cursor:pointer;}
input.text,textarea.text {display:block;padding:0px;width:100%;border:0px;background:none;margin:0px;resize:none;}
.container {width:100%;max-width:1440px;margin:0 auto;position:relative;}
.d-more{-webkit-transition:0.4s cubic-bezier(0.77,0,0.175,1);transition:0.4s cubic-bezier(0.77,0,0.175,1);position:relative;z-index:2}
.d-more::before{position:absolute;content:"";top:0;left:0;z-index:-1;width:100%;height:100%;background:#0f6ab4;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right;transform-origin:right;-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.77,0,0.175,1);transition:-webkit-transform 0.4s cubic-bezier(0.77,0,0.175,1);transition:transform 0.4s cubic-bezier(0.77,0,0.175,1);transition:transform 0.4s cubic-bezier(0.77,0,0.175,1),-webkit-transform 0.4s cubic-bezier(0.77,0,0.175,1)}
.d-more:hover{color:#fff;background:transparent}
.d-more:hover::before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left;transform-origin:left}



/*产品中心*/
#product .pro-list {margin:50px 0 20px;display:flex;flex-wrap:wrap;}
/* 电脑端 */
#product .pro-list .item {
  width:32%;
  transition:all 0.6s;
  display:block;
  margin-right:2%;
  margin-bottom:2%;
  box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08);
}

/* 手机端：一行1个，全屏宽度 */
@media only screen and (max-width: 768px) {
  #product .pro-list .item {
    width: 100% !important;
    margin-right: 0 !important;
  }
}
#product .pro-list .item .pic {width:100%;overflow:hidden;}
#product .pro-list .item .pic img {width:100%;transition:transform .5s ease-out;-webkit-transition:transform .5s ease-out;-moz-transition:transform .5s ease-out;}
#product .pro-list .item .info {background-color:#fff;transition:all 0.6s;padding:15px 30px;border-top:1px solid #f1f2f3;}
#product .pro-list .item .info .t1 {font-size:16px;color:#333;}
#product .pro-list .item .info .t2 {font-size:14px;color:#999;margin-top:5px;}
#product .pro-list .item:nth-of-type(3n) {margin-right:0;}
#product .pro-list .item:hover {box-shadow:0px 5px 20px 0px rgba(0,73,133,0.2);}
#product .pro-list .item:hover .pic img {transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
#product .pro-list .item:hover .info {background-color:#0f6ab4;}
#product .pro-list .item:hover .info .t1 {color:#f1f2f3;}
#product .pro-list .item:hover .info .t2 {color:#bce2ff;}
#product .pro-list .over-line1 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#product .pro-list .over-line2 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;/*display: -webkit-box;*/ -webkit-line-clamp: 2; -webkit-box-orient: vertical;}



/*客户留言*/
#contact .message-box {padding:40px 40px 70px;background-color:#fff;margin-bottom:60px;}
#contact .message-box .title {font-size:16px;color:#999;}
#contact .message-box .title span {font-weight:bold;color:#333;font-size:24px;line-height:24px;margin-right:15px;}
#contact .message-box .advise-nav {display:flex;align-items:center;justify-content:center;}
#contact .message-box .advise-nav .item {width:140px;height:50px;line-height:50px;text-align:center;font-size:16px;color:#666;border:1px solid #eee;transition:all 0.6s;margin-right:20px;cursor:pointer;}
#contact .message-box .advise-nav .item.active,#contact .message-box .advise-nav .item:hover {background-color:#0068b6;color:#fff;}
#contact .message-box .txt {text-align:center;color:#666;font-size:16px;margin-top:20px;}
#contact .message-box .form-box {display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:30px;}
#contact .message-box .form-box .line {width:49%;margin-bottom:2%;height:70px;position:relative;}
#contact .message-box .form-box .line input {width:100%;height:100%;border:1px solid #eee;transition:all 0.6s;padding-left:30px;}
#contact .message-box .form-box .line input:focus {box-shadow:0px 0px 10px 0px rgba(0,66,120,0.2);border:solid 1px #0068b6;}
#contact .message-box .form-box .line.has-star:before {content:'*';position:absolute;color:#f00000;font-size:16px;left:22px;top:22px;}
#contact .message-box .form-box .line.has-text {width:100%;height:160px;resize:none;}
#contact .message-box .form-box .line.has-text textarea {width:100%;height:100%;border:1px solid #eee;padding:20px 30px;transition:all 0.6s;resize:none;}
#contact .message-box .form-box .line.has-text textarea:focus {box-shadow:0px 0px 10px 0px rgba(0,66,120,0.2);border:solid 1px #0068b6;}
#contact .message-box .form-box .code-box {height:70px;display:flex;align-items:center;}
#contact .message-box .form-box .code-box .line {width:190px;height:100%;margin-bottom:0;}
#contact .message-box .form-box .code-box .img-box {overflow:hidden;width:160px;height:100%;line-height:70px;}
#contact .message-box .form-box .code-box .img-box img {height:100%;}
#contact .message-box .form-box .msg-btn {width:190px;height:70px;line-height:70px;text-align:center;color:#fff;font-size:16px;border:0;background-color:#0068b6;}

/*分页*/
ul.pagination{width:100%;height:auto;text-align:center;position:relative;overflow:hidden;margin-bottom: 50px;}
.pagination li{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;background-color:#fff;margin:0px 3px;border: 1px solid #e5e5e5;transition:all 0.3s ease;}
.pagination li a{display:block;width:40px;height:40px;}
.pagination li.active, .pagination li:hover{color:#ffffff;background-color:#0f6ab4;border-color:#0f6ab4;}



.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}

.maximg img{ max-width:100% !important; height:auto !important}
.maximg{ line-height:24px;}
.maximg p{ margin-bottom:20px}



/**
  * 产品多条件筛选新增
  * zhimatong.com
  */
.pc{ display:block !important;}
.mobile{ display:none !important;}
.zmtsearch{ /*background:#f7f7f7;*/}
.zmtsearch .left{float:left;}
.zmtsearch .right{ width:80%; float:right;}
.zmtsearch .left .content .item{ margin-bottom:30px;}
.zmtsearch .left .content .item .tit{font-size:24px; color:#000; position:relative; display:flex; align-items:center; background:url(xia.png) right center no-repeat;}
.zmtsearch .left .content .item .tit i{ margin-right:15px;}
.zmtsearch .left .content .item .item_down{margin-top:15px; border-top:1px solid #dcdcdc; padding-top:10px;}
.zmtsearch .left .content .item .item_down .con_a{display:block; font-size:16px; line-height:27px; margin-bottom:5px; color:#666; padding-left:30px; position:relative;}
.zmtsearch .left .content .item .item_down .con_a i{display:block; width:12px; height:12px; border:1px solid #ccc; position:absolute; left:10px; top:9px;}
.zmtsearch .left .content .item .item_down .con_a.cur i { background:#007fcf; border:1px solid #007fcf;}
.zmtsearch .left .content .item .item_down .con_a.cur { color: #007fcf; }
.zmtsearch .left .empty{height:46px; line-height:46px; background:#fcb026; color:#333e46; font-size:16px; text-align:center; margin-top:25px; cursor:pointer;}