@charset "utf-8";
/* CSS Document */

body{font-family:Arial, Helvetica, sans-serif,'微软雅黑';font-size: 14px;overflow-x: hidden;}
html, body, div, span, h1, h2, h3, h4, h5, h6, p,table, td, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin: 0;padding: 0;}
input,select,textarea{font-size: 14px;border:none;margin: 0;padding: 0;outline: none;}
img{border: 0 none;vertical-align: middle;}
a{color: #333;text-decoration:none;background-color:transparent;transition: 0.3s;}
a:hover{cursor: pointer;}
a:focus{outline:none;}
ul, li, dl, dt, dd{list-style: none outside none;}

.owl-theme .owl-controls{ margin-top: 10px; text-align: center;}
.owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px;  padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px;  -moz-border-radius: 30px;  border-radius: 30px;  background: #869791;  filter: Alpha(Opacity=50);/*IE7 fix*/  opacity: 0.5;}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none;}
.owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */}
.owl-theme .owl-controls .owl-page span{  display: block;  width: 12px;  height: 12px;  margin: 5px 7px;  filter: Alpha(Opacity=50);/*IE7 fix*/  opacity: 0.5;  -webkit-border-radius: 20px;  -moz-border-radius: 20px;  border-radius: 20px;  background: #869791;}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/  opacity: 1;}
.owl-theme .owl-controls .owl-page span.owl-numbers{  height: auto;  width: auto;  color: #FFF;  padding: 2px 10px;  font-size: 12px;  -webkit-border-radius: 30px;  -moz-border-radius: 30px;  border-radius: 30px;}
.owl-item.loading{ min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center}
.owl-carousel .owl-wrapper:after {  content: "."; display: block; clear: both;  visibility: hidden; line-height: 0; height: 0;}
.owl-carousel{display: none;  position: relative; width: 100%;  -ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{ display: none;  position: relative; -webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{  -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out;  -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out;  transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{ cursor: pointer;}
.owl-controls { -webkit-user-select: none;  -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;  user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.grabbing { cursor:url(grabbing.png) 8 8, move;}
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility: hidden; -moz-backface-visibility:    hidden;-ms-backface-visibility:     hidden; -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);}

.owl-origin {-webkit-perspective: 1200px;-webkit-perspective-origin-x : 50%;-webkit-perspective-origin-y : 50%; -moz-perspective : 1200px;  -moz-perspective-origin-x : 50%;-moz-perspective-origin-y : 50%; perspective : 1200px;}
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease;}
.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease;  animation: fadeIn .7s both ease;}
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease;}
.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease;}
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both;}
.owl-goDown-in {-webkit-animation: goDown .6s ease both;-moz-animation: goDown .6s ease both;animation: goDown .6s ease both;}
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both;}
.owl-fadeUp-out {-webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both;}

@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}
@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}



@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1510110866646'); /* IE9*/
  src: url('iconfont.eot?t=1510110866646#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAB08AAsAAAAAKLAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZXAkyTY21hcAAAAYAAAAFcAAADvgB75mtnbHlmAAAC3AAAFzcAAB6AMx8HpGhlYWQAABoUAAAAMQAAADYPcXMPaGhlYQAAGkgAAAAgAAAAJAfgA6NobXR4AAAaaAAAAB4AAAB8e+///mxvY2EAABqIAAAAQAAAAEBjomt2bWF4cAAAGsgAAAAdAAAAIAEzARxuYW1lAAAa6AAAAUUAAAJtPlT+fXBvc3QAABwwAAABCQAAAW352iDneJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/s84gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVLxawNzwv4EhhrmJYQpQmBEkBwAymw0teJzFk01qAkEUhKvVqEk0P8bE/Iou3GUh/oQIYcjKhUfwBt5gruDCtS4F917ApXcpR1fewFTPEyEQAkIg/fiGmWaKefOqGsAJgKR4FSkg0YXTHdyndl28n8RZvJ9yRT03UNF7BYR0zLLEKmuss80O+xxwyAlnnHPBJbnqRr1oFG3XwWa620kbEsxIU4k1zYNm/IvmuOXUXwMtvKne4/o4VPBjeU0BCaRxiQs84gXnuMMNnvSXOTzgHhmU8IwrXGsOSZRxqpkVkcUt8hKnj+7xz5b7v09/Xzl/ceH+qSzCPWqRMDRl0Bmat5JgaPJg1pAHYMmQG2DFkC9g1ZBDYM2QV2DdkGtg05B/YMuQk2Db8Alnx/Bds2/IZ3BgyHFwaMD3ODbg+5oYygM4M5QMcG4oI+DC8KeGS8OfMNLw81l1DWUJUc/wJzEaGcoXoq2hpGEdGMocNlMD+S83z5eBeJxleQu0HVV5/3x775k9zzMzZ87MnHPuPe/H3Jv7Ps/kJrn35oV5XBNNCJQkhIeAAQNFKAQCCRFFrUWICoQ21kKrhWBF6qNaIkrBVaVQax8shdolpS5aWH/8L9P2X6q5k/+35yQ2azX3rJk9e/Zzvu/7/X7fjiRL0pl/pt+iWcmTRqQZab30HkkCZQyqKVKAStSZJGPgV2Q/zKRoVIsqvFadpKshrCqZoNXrNEOFKzakoAjtSqsXTZIIup05shJaQQEgN5TfkW4Mp+lR0LNR8Z54M/lD8Eu1YXtuIt40Pp9plT31gJlO59Lpe1VFllVCmJ2C68NAkzVdiT8v23n/W6VRUgIzF+UXL7HKQ+krPt65odAINYAjR8AbKqcem3fzLv7uzAdeOscdS83mrVo9Awd+ZmQ9s9D8Fwn/Udzrfvos+T9SRVorrcN9Rs2qDUqmBEHYb05BszMPvRY+ZWwIeL/XiaAZ8WBQoVQHDZp9nvRoYdvOFNC76Zon1nxn9WqmmxtMnVWr36ntqbFK5eIQ7pmbi9/QjQv+d/W5PuSLdG7uO2tOrGG6ukHVaX13/dvVKsWmFy9feQ82it9OXrDa7vp3KhX2Py/O9cN9EdzXx+nj5IdSKNUlSY6aUa8ZNctcccIi9MX60VJRQ6lGzU6/1wqDDKcPnWDKZu/SG+Kf3bBv3/vi/ZSdSE/X0/Fr217aumXL1pe2bd7snmB0/6+u2LcPG11/mftuWT7h1qe872/Zsu3Fbckl+aZ46ZK8ZODsNUnyKnPQadYqwj/k5Cr8otPkSTlM3v4LaaVcN7X0AyudJvPJzTqvalCGfwR3KJ0ecg+n82n8ncQiiKrEjn9EXySfS3x2VMxZhNBNQa3Cu7VqM3LnoA9ue1CJ7huJygZWztxFdhSaAM1C/NKXbhqUyFd3Dgo3PfFhUVgMRwn5nGjykeHos5+NhuFOrI5LsAiN4firw+Xjx8vDhIyEkoidm+g3yOu493XSZdK3pNfQp1LAcWKcbBL4HKABQq5wvM3wsJqCQAm4Msl66EvKJPQCbBh1m9g2RSZhCvoR9gl66FolmMOYmlaK4g1JwSRASo4mxbCRgr46CYNrHxt3kq69Ps4l+s6RYjJvv4VXngI/EINjoY/rCcTAJVFEt5jpon9UJ+UUm0Sv6XU7GMDQrZZw5tCHMyffYeydkyffkeV3HoQhTVm5oGvMlqmiMNVUKAXQzBQlTDGUvMYgNDQFNAPyhsyyhqqp6mmSrXrg2JRAnqcxorUUzylupmqV4Smjls/7upkKKN2mkKZKjd5UPtOS1wMn1ARZsVMKC1J2ixuywX1fpiRbVAgjujlCQUvVh2SFO6RqpprL4KqLMyU6YlkE+FdBJTrYtm5QKzCz8jDgethWqunARxtrCXldFpsabG2IGIqs1XUVF8g04nKXl1KmxrjqWIrOGDieCmyYDFEZIMMzHFHJ8w7LecMmToowxrJm4BueruZcXeaMxzNDa4Zr6QDYlKVngQz3i7Kr2fKk/BtuKizrKx3bKQ8zOi3jDg0FCH4SNQPE8dqyPJ2yioHKZMsZA1C47nq8V7Y46AT3BSOfdQM9zxxDdkJT9vUhs56yVzGlqfApRv3Ck0ZfAvTJF6hEPyRl0Bf9WlUpQJvXXPzrttG+7RY5c8lM7fHwU1/+1KcOvO9Cevux0dH9J+Kt8JUTh667RUI8OfP39Fk6gVFmSY6I6EaErpQgZYiQCLwvV9xKv4J+7g5Av+ty+M+H4Y6HVzSza7Pew164dGTt96C59ChML8Z7HR/Ad8gXXX/xr7DVsSeaQeAd88J18a7vr7ufZBbx7dKjThA48OiigBNI1vA4HZGq+JD4MgbEwJejSYqO2sfACRCSA6yEB4orCN0UXR5WjkzrzmeuvPybx68Og37bvGyLb897VQYjkCmMAKt687a/uNds94Pw6uPfvPzKzzj69F3V8PJoEyUrpGTvj9I36FXSculC6XLp2kE04w85DgMDcbWJ0SlCS1wwhMSvl7zBFn4Kqs2uqMHFQbkiCEUUw0CpyU0uQrWf7EIMin2wZREigQkCE+klELi5NfX1W/NDGw+3HFPR8jle3D7ViCija2+ZSHlMH2ncvG3PfQUb0kWPfPrAlU+vWlhqwWG4E9hVRtjQ1q/XvDBe8Tc/zPrm2gUn65oafJYszq5YJMn1HkSyaLaBcBZtrHYuHd++KZ9b+NSOoUIqZ+nWwo1IEhTomvu3h+2hHRs3LFJyzcVjE27Gd+74RiHYeOHupds5e9KrEufWA14J8F8l/ODNOUUuuHD17GCSdwNZ1JuzEUTLowE3vUC/QPvoTVnBuN2aPwW1GQ5I31NgI0x3237bpZ//gz23rIV18dH18Jtw46sPPXTsv/b/F9z1yD/cesv69fEn18FN8X0H7733d+I/eOYZuELYCnnnEPlXaVKaR82yB8euoRUQ7ZBlWv3BPbFeqAQDOBZw2en1k3LUphlF0EJixHaIZBEhgUwm4gXt4gdKA5da83FxGDjk6qcbO6Pi8NaNKZvJrl6+YjzC/V9x5S23AUwUK6rtaMUJIBPu8mD9mk07ga5IF1eohtaZ2miW07N9LaimV6wAFTas2r171S7yBnil3Fypt4MQ1TEywybY2eyqbHszoe9bM7E8RJQs+Kq/Yrq1wozpsu7K6akRhvBaa53WU2zfTLoybIN8XceqH9i9e/WuXasHOgC/yRGkx2yibtDVkk/QjJRJ0k+2GoS9gM5Btye4g/QERbZ6/bMOHAjc5xlFOCd2ywRUWtuy80Bu3zU7ddGJe84rn9yzm7TW78wvg0ZtXb3k5YFdN7/uA5SMrbs558GyaGOj5oWwixxZd+KiqdldtyMB2K17zisvvQ6Lq6MLXE/OTBTYCuZ74ysA5jfW16YLPJcKqiBvkCHwmhec3deD5AWpJbWFOkWO7ItV1sQqQ0GIgnKbkY9XNGqEN3wj7u1eut/t9WfogxPtfFObXhHO1d+1F9i+p+YCwOAbrcLmWT90bHdHf2zfykxm+ZF3vfELmKmSOzKKPVUsmLlhsveCTFrZvdiYHH9XCBm6+hLkvvY8VBtA65EG1Sf9euucvvxj+qe0i75ek6aSlSJ/t/rC55C/o4HnDQQCfvZQyDJIYCBMIAGeeHeXg53hE/O6prjwi6P91SC/+eWn3mTszafW3tZ+wCyFp99mz9x/37cp/fZ99z9DvpZdpXqW2vKYm9GWWkeXf3rnl9+UB32i+gNGWIKT5xoz9szZb7lAarhaRSgnv9Lg7rPwcjxG7voiPLJn8imMrnO67nryHPJIFvWyBBgIyVK5X0P3wV2Efg3abs3LKNVmp9cK4OH7ib2x95sb6UM0119RIw/GS8ePHx9fO44/+PfNhXH0nr3//U/LEFY2TP4z/F08SXZUxMtxSazlzDH6Q3otck4eY3qVtB0RWEL93UDN2kDRKuPUstKQg1Z/AppVTqtRA8PVFZwmXgqtFwVttyO61FyMfrnaPisGG9gm8F10bVkBWTBXq496sOtWiV3Oxj+oVKCbX5uFVhkq8V/l4k9A2xq1oRf/wFpmVx03/nmunPcdF9K5MkC+xIidin/OiGPBU0hueYBSHtKu4+fLufhtF+rx25YNlEHacgg8C8YxZ6X7+5Z5zJlN/775w2MK/9xDXD19rXrUmgjhw34+KcSH/HyPwGHu86Mkvhtvf5n34cPhhHVUzfvxoaRArj6KL+K7ibjBYWEmoUOP0K/Ru6UJ6QrpZuke6ThWzrTQ65A3m8hPNUVQGPKRoLBeW/ijYK1alTe5QpCTvJZgNJHHcaUm4IAgVbX6Ah8CAaoCHkSWlPy1ESHxo6IHizQjlTAiokeYsOH5NSUQbTAlHFRR0Yh8ZnYqN+Io2daGxtZqN6+ohEOzXAiIAs2hXIZb27tElhc6t8q/teffF3Iri+1lhmyWvcrYVa/uuErd25xhlA33dNlyVVMu2hmVhOXaMkL84QDloey9z3AInxo1Pdky0xlKLHOf7hDzvZssj1lmq6diza3YxshdcPWqpNXM9uUZUXtkKLUsb0wdWl4oQxX1ngKt5e2eS0mpeNnsb3yQAC1siY/93SPPwKW57OjFWS1TMTzy5aPfhHWrfVTDO9eNb/JVBqqTH5Nnl8/1cFHgykyVn7OM0Q0qSWU9wgqu5REA09jyW05SY2xtYU3Z0lffcvUag1hZj2rd7XtnTI8mtv04PUVvQE2yRdot3Sh9WLDoJOVNTLsTqO6fxfPE0FETjYpW9JVzMkUgzYxoEjUScYJmbOOLJG1vygMpIhIOgUKKl6gcRULwD2lD4KfUb6KsmULZJ1KDc2BFMwDB9iFqlcqhpU1vaZSWjYGCH9NQ01xT1CF/KAcw7Y7lOwvu1mJlq8tQRscdcNOqgn+urjArExQd+IzaCowotAPfVN22DW82PnLRJVe+GP9CLpcug0rnxtmXIKVAXOldO62/fIFSKsmnvv5npxg7BXVC3TENY2902NHz23qZfN0jmWrb0TlDsZ7tV5VV78ovH+oWtAJp1IyCrVg/lsO6q6JwGRtOMz2V8mqnnBCNoTnDQ5am5nULtlz0kUYDlPjUS/O39eJ/u3RoWAb7xSuXTg0Nyet/YMzcuDKZ/s++fkrE3pkzZz7BCL1NWoka5DrpNumjAvfD4Kxm7OMVQyJ5Sq6DN5jyYWR0hSAMkqws0YZCKsoZX0Qad4OoovTd5kpAdHM7YavdK4DS7vegx6u1JoJZGztEHpZDV8FyK/I6YYcPnkX0dun/5Wgo3fI8JyDEKKYsWfaylkGJhtABCqE6V6lFmYPUqKTGcpwH+ZbHZarF/wr8GgWAnz6JLdXbZBmeVQNfAf5edekF4OUS56Uyh/3lshipUsa2H1SSB7VUVsgvZS1nc0IwEQwgx0DGSRiRCQ00qpo6I4rRaDgmZbnMMAU1cHAxJqFTXsbMPHTffZy2CI8/hnZSyauc/gSqWFTmcfT4Hrzw+HWcD4V0/WxRgSJX8K7GPxO2RTLRMW5+RB+jFrLJgvReaad0Ker5uzB67pU+iTlNogyFRdAQAhIDodoFLoZyqy1MIYALlET8oziKqgI4w7Y44QJeUTgqJWElxFSlJsbohygVoR3gt+c1jCIRXcKevUaVV389RysQDqDUmhG2DkX04ujdCn3MqaSnD73nd38v9ABTPTfzoQ+t7aVz6cmrppY+6buH5+Y/8DvjprFs1DZCc3xxfNe4hvIlML8wlNHUsh+/o2rwOlWAgmWXVj3ySJAmjP7s6afj6BjCEnn4ViutqGoqpWhKGj549VUZh+A0tvvXf522hYp30te8/8///Hu5Qvmi6fe/H574+3wvOz9PCAUve/BgxsUmI2vLw5vJxlOAtHbNruwopr3pursKx8EM2pGhgPyIzYhs+MaqkmvhWsAJ5ubGNsSPySx+jMnQNFwgQikTcL6AifX0NFI22OnpaVzF7RuuGK6OuNhLFZzGzpwRCRl5S8pJBQlRCKOq051BhKskuOcrvjs4TkIFwGWuQcWVE7U1j99dXIqorKag4VZozBzt9JzGKackbdHnrPTN8WvXxzfDJ+M5yHxJI15Wf/IDWqB94EktmwH1S5CJ58g/AOg6oNOqhMlL11ni8MkiD8n1/9gD71l6nHTeel7PucZ3d3O++7s6uDn9+beWXjrLx6idniXPSrbkSUVUTyO4+vMS5r6LWs+VoRH6wUqxYqhA34VKgDlRjx5ZkobqAPUhOriffhmkM4j5e9DruLIbYGkcfnVmSSKvmWp8KL5TJc9i41garteHCXZZ+lv43lfjt361AIwtYCB3vxIvF+cH8SmwlXN64bfpGXqT5GKGPSvNSRvPnaH1a2G34veTQ7SohssN211eiTBBQ2Kg/UrY7TSr+PUH+1gN4smHSrfSHzTDzjm6vzQK2U9nl5q5GVHKkfWdTVlyIvscbGhj9ZvZlG8BWAYJEYAzqaWfwOr4eTNLbs/NLF1MDsOyUrwplzt4MLesBN/IxdOdDXAQn+FvOhvI6VO53E8NyzJ+in31pAQ7Zj79fDb7/E9+Ig1y+CMMsyD89hPSndLdAo0lHqRRtqAQRzaTUIpHnX4wIDzMFUWU9ltJCqGE1TA5tkMdg2ErNFIi2KMO0muSRRaT36QQVgIJxGleU+gsEjSjJAdpKmFyLBEqPUxCvcBvRh0ivRq/prBf/UVQUtUfQ0FR4tfilx//MdXdju6WgOS7bNSRK4GmAr+cA2v8CXFSehCWy8W0CJShVDnwRwllhOVMZjnTujmHoKpMIVyMBDLTopZur+CUdtwtx99sycrwWvty0kyXDPWCUv2pb+vo+kdw0le/H7+JbKZC+UevQvn0ivLpP21NuSyrptw176fDdUMjjeboTtoug6aymblMuU0rjLVsNYdwYY4VlmkMSJWBxYwbL7Ua1oVVpFqF2pTnPNuojI2Si1LsS59g0J3ovXt/0R1LV/Ozt3+RkJlWs2FJic7H2HiL/Ju0XnpAel16Q3oLbEkS9CdO4OdIpz9H5skkrIYm5uXNKZIk9QiaIp8PSuJoE59tIlDAhnY3EZ2yaCfS+1+PkAQ/WgPthPdkFAEawUDO2pCIo7awk52ciQqTlcBv95JRcDCSDET7g3E6vT7mFZ3zliMUEnpCeG49YtBK1A/bUb8ElUlo9NthVBPHDDzE5CiDGhpJP0pyJUxY+l2RMg2OIHjwhu9XSgApojFGdeRCcHT8rIg+jl6adfNZA3MfDXGIUQ10avIgymRqrkJuko3xwKQonapYE3CDWaDJyRgY8oyizsS7zMSZRXHWzZhYpyI0c85BUQjWE43otOza45oRjhtwM8B9+tTQ9SVNTXnE4oylNBlwCJkQND3TtcBetj1Xr9qggWoSExRmUpvh8DfkZhDZ19jaKvcCbZ043SHxb5u50JzOXTnKR5mpqaYGZNRs5LJeaIVuznEsLUVz9B3VSKUYQbx1XC4zruimM+NrWkpJu1RzdVVd11UNZjYEuY8qqkY1X1ZcTbV4enGeF/Kc9NNKCisU2dfOG0bzVU5lzQnyIfozDmWoSmAA5W5k81DXjEAWA2oaVSzOPcZ4riDPeWEm6+lTGnfy1DHCrKEohsPNgqUxbk5qXjUNvixbWds0Lt1s2txt45AwqxkWNUpcm9K83H69NNouTZfDBTpy4eXTUEhpWVm1VFBRFGWtbJT1UrLlODlX45Z69uxggFsyonJBnGa5YT+iArukMMEteu7MEPU3aS6+En2t+Ur8U5Q9lVdegQpiyk9fOflLWf7lyeRK/jJ+YHahDW+L+vPanV481wKvksRx3u/S5+gqaQhZdkHaLF0oXSY9iCRRTVKK5Ezs7LSYPotIUXjUSiJmkgjB1D3vSGMeE0jx34KDAwJRQiClZ0uTggIzAkWRRGiCriLt+PXwfvQ/QxXBx3gVw2MK2verUyLYqwrdJ2tyYXjEi7wDjzD66IEDj9KoqaE6ZfrHZF3OGjpgWas2yB179x4k5ODeTN227DAshnL49eQOLOxkSqWRIkAxjrGUyQ4NfQU7I7SpXJ9ZCezVz//Rq2yBfeOjH/0mg960xnQmN2dlR/brk5PexHwUydoqIrtODhXtvfv3HaX8vv0zu6vj+byelj9EmMN13cu4cnVDtO1aQq7d9p5riSr/HPcVhraN+ca5wibAhRQzuSFxB7mQ9XJLL2Kcp/WouTBzaOH+5xh77v6Il289TunxW2evifDVVJgpFGSiM1hgapTLK7/G1ZPkZWkY9cYyafLsWZmbEUl9rZJYsyvOQmZ67Qpi30yAkdJkHJKDAQgraGy3gfqV06cB5JH80ohXs2QHsr7jkDOsgjnYevjYzqU7ZuCd1ozrXhGfBvL/lt46dJg0D9353+T40huqCsNVB3P7ApHCOpdBqXMefwGuQiUZvzAx4TiXxKcJNG66OS4v3XEQfvT6/weQv/iIAHicY2BkYGAA4rZ6l4vx/DZfGbhZGEDgmsb0STD6////OSxMzE1ALgcDE0gUAEn3DBcAAAB4nGNgZGBgbvjfwBDDwvr///9/LEwMQBEUIA8AoVkGinicY2FgYGB+ycDAAqRZWKE0xfj/f1QaOwYAEwcFZgAAAAAAAAB2AOIBIAFaAZ4C6AMIA0oDhgQwBFwE5gVSBaYF+AYMBkQG4gfQCKAJbApMCqoK+gtoDDgNxA4ADuQPQHicY2BkYGCQZxRg4GIAASYg5gKz/4P5DAAOHwFRAAAAeJxlj01OwzAQhV/6B6QSqqhgh+QFYgEo/RGrblhUavdddN+mTpsqiSPHrdQDcB6OwAk4AtyAO/BIJ5s2lsffvHljTwDc4Acejt8t95E9XDI7cg0XuBeuU38QbpBfhJto41W4Rf1N2MczpsJtdGF5g9e4YvaEd2EPHXwI13CNT+E69S/hBvlbuIk7/Aq30PHqwj7mXle4jUcv9sdWL5xeqeVBxaHJIpM5v4KZXu+Sha3S6pxrW8QmU4OgX0lTnWlb3VPs10PnIhVZk6oJqzpJjMqt2erQBRvn8lGvF4kehCblWGP+tsYCjnEFhSUOjDFCGGSIyujoO1Vm9K+xQ8Jee1Y9zed0WxTU/3OFAQL0z1xTurLSeTpPgT1fG1J1dCtuy56UNJFezUkSskJe1rZUQuoBNmVXjhF6XNGJPyhnSP8ACVpuyAAAAHicbU7LUsJAEEyDyYaoIOL7hT/AQSnKT/ADrPI+JJtkEtwN7q4kfL0Jiif7MDXVM/3wet4PIu9/TNFDHwfwEUAgxAARDnGEYwwxwgnGOMUEZzjHBS5xhWvc4BZ3uMcDpnj0UIsVkypYBkY743QQEyekfPOVzV98jrWahynFcql1GdQsG56POjbVyiatMnfkJ7zN2d/mrpH9xWLhm7KppLAbtlZ+RimpLKGCVSaKVmC1G6SSVqxKVkF3JCV+ncJNTtZQVYVv768feklquM+aFWxyN2i0q9vf7Cncb2Prlky6bbB1eqcRa0dqzU60jUg1Upicu+RJ5zWz0thZrKtmN/4Mnz3vGwxAY5MAAAA=') format('woff'),
  url('iconfont.ttf?t=1510110866646') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1510110866646#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-lianjie:before { content: "\e601"; }

.icon-sousuo:before { content: "\e6c3"; }

.icon-caidan:before { content: "\e635"; }

.icon-svg37:before { content: "\e84a"; }

.icon-icon3:before { content: "\e607"; }

.icon-facebook:before { content: "\e689"; }

.icon-xieyi3:before { content: "\e8f0"; }

.icon-iconfontdianhua:before { content: "\e746"; }

.icon-dizhi:before { content: "\e6bb"; }

.icon-zhuye:before { content: "\e625"; }

.icon-555:before { content: "\e639"; }

.icon-skype:before { content: "\eaa0"; }

.icon-twitter:before { content: "\e617"; }

.icon-fangdajing:before { content: "\e608"; }

.icon-jiantou:before { content: "\e6a3"; }

.icon-fealinkin:before { content: "\e6ae"; }

.icon-fangan:before { content: "\e600"; }

.icon-dianhua:before { content: "\e633"; }

.icon-whatsapp:before { content: "\e88d"; }

.icon-SVGmoban:before { content: "\e93e"; }

.icon-iconfont-jishu:before { content: "\e630"; }

.icon-youxiang1:before { content: "\e697"; }

.icon-youxiang:before { content: "\e669"; }

.icon-tubiaozhizuomoban:before { content: "\e65a"; }

.icon-quanqiu:before { content: "\e620"; }

.icon-zhuanye:before { content: "\e634"; }

.icon-shijian:before { content: "\e698"; }

.icon-icon-test-copy-copy:before { content: "\e621"; }

.icon-youxiang2:before { content: "\e6e6"; }



body{padding-top: 110px;}
.warper{max-width:1200px;margin:0 auto;}
.backToTop{width:50px; height:50px; background:#1974d1 url(../img/icon_top.png) no-repeat center; background-size: 18px; cursor:pointer; position:fixed; right:3%;text-indent:9999px; bottom:50px; color: #fff; border-radius: 50%; transition: all .3s}
.backToTop:hover{opacity: .8}

header{ background: #fff; z-index: 10; width: 100%;position: absolute; top: 0; left: 0; z-index: 100}
#nav:after{  content: '';  display: block;  clear: both; background: none;}
#nav .logo{ margin:19px 0; float: left; }
#nav .logo img{ display: block; width: 100% }
#nav .nav-button{width: 35px;height: 35px;border-radius: 3px;background: #333; color: #fff;position: absolute;right: 10px;top: 50px;line-height: 35px;text-align: center;font-size: 20px;}
#nav .nav-button i{font-size: 24px;}
.close-nav{position: fixed;top:0;left:0;width: 100%;height: 100%;background: #000;opacity: 0;visibility: hidden;transition: 0.5s;z-index: 88;}
.nav-open{transform: translateX(0);}
.close-open{opacity: 0.5;visibility: visible;}
.body-hidden{overflow: hidden!important;}
.position#header{position: fixed;left:0; background: #fff; top: 0; z-index: 99; box-shadow: 0px 1px 2px 1px #eee;}

#nav{ position: relative;}
nav{padding:0 30px; margin-right: 188px; float: right;}
nav li{display: inline-block; position: relative; float: left; }
nav li em.line{ vertical-align: middle; display: inline-block; margin-top: -4px; color: #ddd; font-style: normal; }
nav li>a{ display: inline-block; line-height:110px; padding:0 10px; margin:0 10px; font-weight: 600; font-size: 14px; color: #222;  transition:0.5s;position: relative; text-transform: uppercase; }
nav li>a:hover,nav li.on>a{ color: #1974d1 }
nav dl{ position: absolute; display: block; background: #1974d1; top: 110px; opacity: 0; transition: opacity 1s ease;left:9999px; z-index: 999;  }
nav dl dd{ display: block; }
nav dl a{  color: #fff; display: block; padding: 10px 20px; text-align: center; white-space: nowrap;}
nav dl a:hover{background: #fd8e2c; }
nav li:hover dl{ opacity: 1; left: 0 }
.nav_r{ position: absolute; right: 0; top:0px; line-height:110px; color: #707070;  }
.nav_r a.icon-youxiang2,.nav_r a.icon-fangdajing{ font-size:22px; margin: 0 10px; vertical-align: middle; float: left; display: inline-block; font-weight: 600; color: #707070;  }
.nav_r a.icon-fangdajing{ font-size: 19px; }
.nav_r i.icon-icon3{ font-size: 20px; margin-right: 2px; margin-left: 10px; vertical-align: middle; margin-top: -6px; display: inline-block; }
.searchbox{ position: relative; }
.searchbox form{ position: absolute; visibility: hidden; right: -30px; top:75px; width: 230px; background: #fff; padding:10px; line-height: auto; }
.searchbox form input{ line-height: 32px; float: left; border: 1px solid #ddd; padding:0 5px; height: 32px; }
.searchbox form input.text{ width: 150px; }
.searchbox form input.submit{ width: 60px; }
.searchbox:hover form{ visibility: visible; }
#nav .nav-button{display: none;}

footer{ background: #0a5098 ;color: #fff; margin-top: 120px;}
.footer{padding: 75px 0; overflow: hidden; }
.footer h4{ text-transform: uppercase; font-weight: 600; font-size: 28px; margin-bottom: 25px; font-weight: 600;}
.footer h4 b{ height: 2px; background: #fff; width: 60px; overflow: hidden; display: block; margin-top: 10px; }
.footer .item{width:32%; float: left; }
.footer .item1{ width: 29%; }
.footer .item1 .line{ line-height: 30px; }
.footer .item2{ width: 41%; }
.footer .item2 a{ width: 240px; padding-bottom: 10px; float: left; padding-left: 20px; display: inline-block; background:url(../img/footer_abg.png) no-repeat left 6px; }
.footer .item3{float: right; width: 28%;  }
.footer .adress{ margin-bottom: 15px; }
footer input,footer textarea{ border:0; background: none; border: 1px solid #fff; resize: none; margin-bottom: 15px;}
footer input[type=text]{ width:100%; height: 35px; line-height: 35px; padding: 0 8px; }
footer input::-webkit-input-placeholder,footer textarea::-webkit-input-placeholder { color: #fff;}
footer input:-moz-placeholder,footer textarea:-moz-placeholder {color: #fff;}
footer textarea{ width: 100%; float: right; padding:5px 8px; }
footer input.submit{ display: block; height: 36px; line-height: 36px; margin:0; border:0; text-transform: uppercase; font-weight: 600; padding:0 40px;border-radius: 20px; background: #fff; color: #1974d1; }
footer input.submit:hover{ opacity: .8 }
footer .media a{margin-right:12px; float: left; width: 35px; height: 35px; line-height: 35px; display: inline-block; transition: all 1s; vertical-align: middle; border-radius: 50%; text-align: center;border: 1px solid #fff; font-size: 20px;  }
footer .media a:hover{transform: rotateY(360deg);
-webkit-transform: rotateY(360deg); /* Safari �� Chrome */
-moz-transform: rotateY(360deg);}
footer .media a:hover{ text-decoration: none;}
footer a{color: #fff}
footer a:hover{ text-decoration: underline;}
footer .copyright{background:#02366c;padding: 15px 0; color: #596f90; text-align: center; }

#banner img{ width: 100%; display: block; }
#banner_home{  position: relative;  }
#banner_home .owl-theme .owl-controls{position: absolute;bottom:10px;width: 100%;}
#banner_home .owl-theme .owl-controls .owl-page span{border-radius: 0;width: 13px;height: 13px;background: none; border: 3px solid #fff; opacity:1; border-radius: 50%;}
#banner_home .owl-theme .owl-controls .owl-page.active span{background: #1974d1; opacity: 1; width: 30px; border-radius: 5px; border: 0;}

.home_tit{ font-size: 42px; text-align: center; }
.graybg{ background: #f1f1f1; }
.h_more{ background: #fd8e2c; border-radius: 22px; line-height: 50px; width:180px; text-align: center; margin:0 auto; margin-top:-25px; box-shadow: 0px 2px 6px 2px #dcdcdc; display: block; font-size: 16px; margin-bottom: 15px; color: #fff; }
.h_more i{ font-size: 24px; display: inline-block; vertical-align: middle; margin-top: -2px; }
.h_more:hover{opacity: .8}
/*��ҳ*/
.home_about{ overflow: hidden; }
.home_about .graybg{padding:95px 0; overflow: hidden;}
.home_about .home_tit{margin:60px 0 35px 0; color: #222; }
.home_about .r{width: 50%; float: right; color: #666; line-height: 26px;}
.home_about .r h1{ font-size: 24px; font-weight: 600; color: #333; margin-bottom: 12px; }
.home_about .r .con{max-height: 150px; overflow: hidden;}
.home_about .l{ float: left; width: 48%; overflow: hidden; }
.home_about .l img{ display: block; width: 100%; transition: all .3s; }

.home_our{ overflow: hidden; margin-top: 45px; }
.home_our .item{ width: 47%; float: left; position: relative; padding-left:50px; margin-bottom: 25px; margin-right:6%; transition: all .3s;}
.home_our .item:nth-child(even){ margin-right: 0; }
.home_our .item b{max-height: 58px; font-weight: 100; overflow: hidden; display: block; line-height: 20px;}
.home_our .item a{ font-weight: 600; font-size: 18px; }
.home_our .item h6{ position: absolute; left: 0; top: 0; font-size: 36px; color: #333; transition: all .3s; }
.home_our .item h6.icon-quanqiu{ font-size: 32px; }
.home_our .item:hover a,.home_our .item:hover h6{ color: #1974d1 }

.home_pro{  overflow: hidden; padding:50px 0 70px 0; }
.home_pro_lis { overflow: hidden; margin-top: 12px;}
.home_pro_lis .owl-carousel{padding-top: 65px;}

.home_pro_lisone .item{ margin:0 7px; margin-bottom: 15px; overflow: hidden; }
.home_pro_lisone .item a{ display: block; }
.home_pro_lisone .item .con{ position: relative; background: #1974d1; text-align: center;}
.home_pro_lisone .item .con img{ display: block; width: 100%; }
.home_pro_lisone .item .alinks{ width: 100%; height: 100%; color: #fff; position: absolute; left: 0; top: 0; padding:20px; overflow: hidden; opacity: 0; transition: all .3s; }
.home_pro_lisone .item .alinks div{position: absolute; width: 80%; height: 120px; top: 50%; margin-top: -60px; left: 10%;}
.home_pro_lisone .item .alinks::before,.home_pro_lisone .item .alinks::after { pointer-events: none;}
.home_pro_lisone .item .alinks::before,.home_pro_lisone .item .alinks::after { position: absolute; top: 10px; right: 10px; bottom:10px; left:10px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;}
.home_pro_lisone .item .alinks::before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); transform: scale(0, 1);}
.home_pro_lisone .item .alinks::after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1, 0); transform: scale(1, 0);}
.home_pro_lisone .item:hover .alinks::before,.home_pro_lisone .item:hover .alinks::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

.home_pro_lisone .item .alinks p{ max-height: 69px; display: block; width: 100%; float: none; overflow: hidden; font-size: 16px; line-height: 24px;  }
.home_pro_lisone .item .alinks em{ display: block; border:1px solid #fff; border-radius: 15px; height: 30px; width: 120px; line-height:28px; color: #fff; font-style: normal; margin: 20px auto 0 auto; }
.home_pro_lisone .item .alinks em i{ vertical-align: middle; display: inline-block; }
.home_pro_lisone .name{font-size: 16px; padding: 0 10px; margin-top: 10px; display: block; text-align: center; font-weight: 100; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.home_pro_lisone .item:hover .alinks{ opacity: 1 }
.home_pro_lisone .item:hover img{opacity: .3}
.home_pro_lisone .owl-buttons{ position: absolute; right: 50%; margin-right: -50px; top: 0px; width: 100px; }
.home_pro_lisone .owl-pagination{ display: none;}
.home_pro_lisone.owl-theme .owl-controls .owl-buttons div{ width: 40px; height: 30px; margin:0 2px; background: #f6b37f; border: 1px solid #999; text-indent: 1000px; border-radius: 0; opacity: 1; }
.home_pro_lisone.owl-theme .owl-buttons div.owl-prev{ background: #fff url(../img/aroud_l_g.png) no-repeat center; transition: all .3s; }
.home_pro_lisone.owl-theme .owl-buttons div.owl-next{ background: #fff url(../img/aroud_r_g.png) no-repeat center; transition: all .3s;}
.home_pro_lisone.owl-theme .owl-buttons div.owl-prev:hover{background: #1974d1 url(../img/aroud_l_w.png) no-repeat center; border: 1px solid #1974d1; }
.home_pro_lisone.owl-theme .owl-buttons div.owl-next:hover{background: #1974d1 url(../img/aroud_r_w.png) no-repeat center;  border: 1px solid #1974d1; }
 
.home_case{ text-align: center; }
.home_case .graybg{ padding:40px 0 100px 0;}
.home_case .home_tit{ margin-bottom: 30px; } 
.cards_wrap
{
  text-align:center;
  width: 90%;
  margin:0 auto; margin-left: 5%;
  padding-bottom: 40px;
  display:block;
  position: relative;
}
.cards_wrap .cards
{

  width: 33%;
  text-align:center;
  position: relative;
  background-color: #000;
  transition: all .3s;
  display:inline-block;
}
.no-border .cards
{

  width: 33%;
  float: left;
  text-align:center;
  margin-left: -2%;
  margin-right: -2%;
  list-style:none;
  position: relative;
  transition: all .3s;
  
}
.cards_wrap .cards img{ display: block; width: 100%; }
.cards_wrap .cards.on{ margin-top:15px; box-shadow: 0px 2px 6px 2px rgba(0,0,0,.6);}

img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}
.home_case .con .item{ display: block; color: #666; width: 90%; margin: 0 auto; display: none; }
.home_case .con .item b{ font-size: 20px; display: block; color: #333; margin-bottom: 10px; }

.home_news{ overflow: hidden; padding: 70px 0 0 0; }
.home_news .home_tit{ margin-bottom: 40px; }
.home_news li{ width: 48%; margin-right: 4%; float: left; position: relative; margin-bottom: 30px; overflow: hidden;}
.home_news li:nth-child(even){ margin-right: 0; }
.home_news li .pic{width: 160px; display: block; }
.home_news li .pic img{ display: block; width: 100%; transition: all .3s; }
.home_news li .con{color: #666; margin-left: 180px; position: absolute; left: 0; top: 0; line-height: 22px;}
.home_news li .con .time{ display: block; font-style: normal; margin:7px 0; }
.home_news li .con p{ max-height: 92px; overflow: hidden; }
.home_news li .con .name{ font-size: 16px; color: #333; margin-bottom: 8px; display: block; max-height: 45px; overflow: hidden;}
.home_news li a:hover .name{ color: #1974d1 }
.home_news li a:hover .pic img{ transform: scale(1.05); }



/*�*/
.sub_banner{ position: relative; overflow: hidden; }
.sub_banner .pic img{ display: block; width: 100%; }
.sub_banner .warper{ position: absolute; left: 50%; margin-left: -600px; width: 1200px; height: 80px; color: #fff; top: 50%; margin-top: -40px;}
.sub_banner .warper div{  position: relative; padding-left: 25px; line-height: 24px; font-size: 14px; }
.sub_banner .warper div i{position: absolute; left: 0; top: -1px; font-size: 20px; }
.sub_banner h3{color: #fff; font-size: 60px; line-height: 54px; text-transform: uppercase; display: block; font-weight: 600;}
.sub_banner a{ color: #fff; margin: 0 5px;}
.sub_banner a:hover{ text-decoration: underline; }

.page{overflow: hidden; margin-top: 30px; text-align: center;}
.page div{ border:1px solid #ddd; border-right: 0; border-radius: 3px 0 0 3px; overflow: hidden; display: inline-block; }
.page a,.page span{border-right:1px solid #ddd; display: inline-block; padding:5px 10px; color: #999;}
.page .active{background: #1974d1; color: #fff;}

.subnav{ margin:40px 0; }
.subnav a{margin:5px 8px 5px 0; display: inline-block; border: 1px solid #fff; border-bottom: 1px solid #999 ;padding:0 12px; line-height: 42px; font-size: 13px; font-weight: 600;  }
.subnav a.on,.subnav a:hover{background: #fd8e2c; color: #fff; border: 1px solid #fd8e2c ;}

/*�б�ҳ*/
.case_lis,.lis_news{ overflow: hidden; padding-top:60px;}
.case_lis li{ width: 32%; float: left; margin-bottom: 15px; margin:0 .65% 30px .65%; display: block; overflow: hidden; }
.case_lis li a{ display: block; width: 100%; height: 100%; position: relative; }
.case_lis li .pic{ width: 100%; display: block; overflow: hidden; }
.case_lis li .pic img{ display: block; width: 100%; transition: all .3s; }
.case_lis li b{ font-size: 18px; white-space: nowrap; text-overflow: ellipsis; margin: 10px 15px; display: block; text-align: left; max-height: 42px; line-height: 21px; overflow: hidden; }
.case_lis li p { display: block; height: 69px; overflow: hidden; color: #666; line-height: 24px; text-align: left; margin: 10px 15px 15px 15px; }
.case_lis li a{ display: block; }
.case_lis li:hover{box-shadow: 0 5px 5px 3px #ddd}
.case_lis li:hover .pic img{transform: scale(1.05)}
.case_lis li:hover b{ color: #1974d1 }

.lis_news li{ margin-bottom: 20px; }
.lis_news li a{ overflow: hidden; display: block; color: #666; position: relative; }
.lis_news li .pic{ width:260px;}
.lis_news li .pic img{ display: block; width: 100%; }
.lis_news li .time{ margin-bottom: 10px; display: block; }
.lis_news li .rightside{ padding:10px 10px 0 0; position: absolute; left: 0; top: 0; margin-left: 280px; }
.lis_news li .rightside p{ line-height: 24px; max-height: 96px; overflow: hidden; }
.lis_news li .rightside h3{ font-size: 20px; margin-bottom: 15px; max-height: 42px;line-height: 23px; overflow: hidden; display: block; font-weight: 600; color: #222; transition: all .3s;}
.lis_news li .rightside .more{ display: inline-block; text-align: center; color: #666; line-height: 40px; margin-top:20px;  border: 1px solid #666; border-radius: 20px; padding:0 30px; transition: all .3s;}
.lis_news li .rightside .more i{ display: inline-block; font-size: 24px; vertical-align: middle; }
.lis_news li a:hover h3{color: #1974d1; }
.lis_news li a:hover .more{background: #1974d1; border: 1px solid #1974d1; color: #fff;}

.pro_l{ width: 72%; float: left }
.pro_r{ width: 24%; float: right;}
.pro_lis{ overflow: hidden; margin-top: 40px; }
.pro_lis li{ width: 31.5%; float: left; margin-bottom: 30px; margin-right: 1.5%; }
.pro_lis li a{ display: block; width: 100%; height: 100%; position: relative; }
.pro_lis li img{ display: block; width: 100%; }
.pro_lis li div{background: rgba(0,0,0,.6);position: absolute; left: 0; bottom: 0; width: 100%; color: #fff; font-size: 16px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; padding:10px 10px 7px; transition: all .3s;}
.pro_lis li div i{margin-right: 10px; font-size: 22px; vertical-align: middle; margin-top: -2px; display: inline-block;} 
.pro_lis li:hover div{background: rgba(25,116,209,.8);}
.proclass_tit{ margin-top: 40px; font-size: 26px; position: relative; margin-bottom: 15px; }
.proclass_tit i{ font-size: 27px; margin-right: 10px; }
.proclass_tit a{ position: absolute; right: 0; top: 8px; font-size: 40px; line-height: 30px; display: none; }
.proclass{background: #f4f4f4}
.proclass li>a{ padding:10px 10px 10px 30px; color: #666; font-size: 16px; display: block; background: url(../img/priclass_abg.jpg) no-repeat 18px center; }
.proclass li{ border-bottom: 1px solid #fff;}
.proclass li div{ display: none; padding:5px 0; }
.proclass li div a{ padding: 10px 10px 10px 50px; display: block; color: #666;}
.proclass li div a:hover{ color: #1974d1 }
.proclass li:hover>a,.proclass li.on>a{background: #1974d1 url(../img/priclass_aonbg.jpg) no-repeat 18px center; color: #fff;}
.p_r_contact{ margin-top: 30px; background: #f4f4f4; padding: 20px 15px 40px 15px; color: #666; }
.p_r_contact .tit{ font-size: 22px; color: #333; font-weight: 100; margin-bottom: 15px; display: block; }
.p_r_contact div{ position: relative; padding:5px 0px 5px 35px; }
.p_r_contact div h6{ position: absolute; left: 0; top:5px; font-size: 20px; }
.p_r_contact a{ color: #666; transition: all .3s;}
.p_r_contact a:hover{ font-weight: 600; color: #1974d1 }
.p_r_search{ background: #1974d1 url(../img/Products-list_10.jpg) no-repeat center; color: #fff; border-radius: 8px; overflow: hidden; margin-top: 30px; padding:20px 15px 40px 15px; }
.p_r_search .tit{ font-size: 20px; margin-bottom: 20px; display: block; }
.p_r_search form{position: relative ; overflow: hidden; border: 1px solid #fff;}
.p_r_search form input{ line-height: 40px; height: 40px; background: none }
.p_r_search form .text{ width: 85%; float: left; padding:0 5px; }
.p_r_search form .text::-webkit-input-placeholder { color: #fff;}
.p_r_search form .text:-moz-placeholder{ color: #fff;}
.p_r_search form .submit{ position: absolute; width: 15%;  }
.p_r_search form i{ font-size: 30px; display: block; vertical-align: middle; padding-right: 10px; float: right; width: 15%; line-height: 36px; text-align: center; }

.p_r_share{background: #f4f4f4; padding: 25px 18px; margin-top: 50px;}
.p_r_share .tit{font-size: 22px; font-weight: 100;}
.p_r_share .media a{ display: inline-block; width: 42px; height: 42px; color: #fff; margin-right: 10px; float: left; font-size: 32px; text-align: center; line-height: 45px; }
.p_r_share .media a.icon-facebook{ background: #3c59a0; font-size: 28px; }
.p_r_share .media a.icon-twitter{ background: #2daae2 }
.p_r_share .media a.icon-555{ background: #eb5e4c }
.p_r_share .media a.icon-skype{ background: #238cc8 }
.p_r_share .media a.icon-fealinkin{ background: #13c1f3 }
.p_r_share .media a:last-child{margin-right: 0;}

.p_r_newspic{ padding:20px 20px 0 20px; background: #f4f4f4; margin-top: 40px; }
.newsflash img{ display: block; width: 100%; }
.newsflash div span.tit{ display: block; margin: 10px; height:24px; overflow:hidden; text-align: center; color: #666;  }
.newsflash .owl-controls{ position: absolute; bottom:45px; right: 10px; }
.newsflash .owl-controls .owl-page span{ width: 10px; height: 10px; opacity: 1; margin:0 3px; background: #fff;}
.newsflash .owl-controls .owl-page.active span,.newsflash .owl-controls.clickable .owl-page:hover span{background: #1974d1}

/*��������*/
.aboutcon{ font-size: 16px; color: #666; line-height: 30px; padding: 50px 0 }
.aboutcon p{ margin-bottom: 20px; }
.aboutcon img{ max-width: 100%; display: block; margin-bottom: 10px; }
.aboutcon h5{ font-size: 26px; color: #333; font-weight: 600; margin:0 0 25px 0; }
.aboutcon b.size18{ display: block;font-size: 18px; color: #333 }

.contactcon{ overflow: hidden; }
.contacttit{ font-size: 30px; font-weight: 600; color: #666; margin-bottom: 30px;  margin-top: 70px; }
.contactform{ float: left; width: 48%; }
.contactform input.text{ width:49%; margin:0 2% 20px 0; height: 40px; float: left; border:1px solid #cecece; padding:0 15px;}
.contactform input.text:nth-child(even){ margin-right: 0; }
.contactform textarea{ width: 100%;display: block; resize: none; height:120px; border:1px solid #cecece; padding:8px 15px; }
.contactform .submit{background: #1974d1; color: #fff; transition: all .3s; display: block; height: 40px; width: 190px; text-align: center; font-size: 16px; font-weight: 600; margin-top: 20px;}
.contactform .submit:hover{opacity: .8}
.map{ float: right; width: 50%;  }
.map div{border: 6px solid #eee;}
.map img{width: 100%; display: block;}
.edit-box{overflow: hidden; margin-top: 55px;}
.edit-box div.item{vertical-align: top; background: #f4f4f4; text-align: center; padding:0 .5%; line-height: 25px; width: 15.8%; float: left; margin-right: 1%; display: inline-block; overflow: hidden; font-size: 16px; height: 180px; border-bottom: 4px solid #f4f4f4;display: flex; align-items: center; justify-content: center; transition: all .3s;}
.edit-box div.item:last-child{margin-right: 0;}
.edit-box div h6{ color: #333; height: 50px; line-height: 50px; overflow: hidden; display: block; width: 100%; margin: 0px auto 10px auto; font-size: 36px; transition: all .3s;}
.edit-box div.item div{display: -webkit-box; display: -moz-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -moz-line-clamp: 2; word-break: break-all; text-align: center;}
.edit-box div.item:hover a{color: #1974d1;}
.edit-box div.item:hover{border-bottom: 4px solid #1974d1; color: #1974d1;}
.edit-box div.item:hover h6{color: #1974d1;}

/*��������*/
.infocon{color: #555; line-height: 30px; padding: 50px 0;}
.infocon h1{font-size: 22px; color: #333; text-align: center; line-height: 32px; font-weight: 600; }
.infocon .time{ text-align: center; padding:5px 10px; margin-bottom:30px;}
.infocon .time h6{ vertical-align: middle; display: inline-block; margin-right: 6px; margin-top: -2px; }
.infocon img{ display: block;margin: 32px 0; max-width: 100%; }
.otherpage{ font-weight: 600; line-height: 24px; border-bottom: 1px solid #ddd; margin:50px 0 18px 0; padding-bottom: 15px; }
.otherpage div{margin: 5px 0}
.otherpage a{ font-weight: 100; color: #666; }
.otherpage a:hover,.tags a:hover{ color: #1974d1 }
.main{overflow: hidden;}

/**/
.proinfo{padding-bottom: 100px;}
.pro_detail{ overflow: hidden; margin-top: 45px; }
.proflashbox{ width: 47%; float: left; }
#proflash img{ display: block; width: 100%; }
#proflash .owl-controls{ position: absolute; bottom:10px; width: 150px; left: 50%; margin-left: -75px; }
#proflash .owl-controls .owl-page span{ width: 10px; height: 10px; opacity: 1; margin:0 3px; background: #fff;}
#proflash .owl-controls .owl-page.active span,#proflash .owl-controls.clickable .owl-page:hover span{background: #1974d1}
.pro_detail .rightcon{ float: right; width: 50%; color: #666; line-height: 26px; }
.pro_detail .rightcon h1{ font-size: 22px; font-weight: 600; color: #333; margin:5px 0 20px 0; }
.pro_detail .rightcon .links a{ background: #1974d1; display: inline-block; border-radius: 5px; float: left; width: 180px; line-height: 40px; margin:5px 15px 5px 0; text-align: center; font-size: 16px; color: #fff; }
.pro_detail .rightcon a i{ margin-right:8px; font-size: 22px; margin-top: -5px; display: inline-block; vertical-align: middle; }
.pro_detail .rightcon a:hover{ background: #fd8e2c;  }
.pro_detail .rightcon ul li{border-bottom: 1px solid #ededed; background: url(../img/Prolibg.jpg) no-repeat left 15px; line-height: 24px; padding:5px 0 5px 15px; display: block; overflow: hidden; }
.pro_detail .rightcon ul li label{  display: inline-block; width: 70%; float: left; font-weight: 100; }
.pro_detail .rightcon ul li b{ width: 80px; display: inline-block; float: right; text-align: right;font-size: 13px; font-style: normal; }
.pro_detail .rightcon ul li:last-child{border: 0}
.pro_detail .rightcon .links{ margin: 25px 0; display: block; overflow: hidden; }

.proinfotit{ overflow: hidden; margin: 35px 0 15px 0; }
.proinfotit b{font-size: 18px; color: #333}
.proinfo_con{ line-height: 26px; color: #666;}
.proinfo_con .tabbox{ overflow-x: auto;}
.proinfo_con img{max-width: 100%; display: block; margin:10px 0; }
.proinfo_con table{ border-left: 1px solid #eaeaea;border-top: 1px solid #eaeaea; line-height: 24px; }
.proinfo_con table td{border-bottom: 1px solid #eaeaea;  border-right: 1px solid #eaeaea;;padding:10px; text-align: center}
.proinfo_con table tr:first-child td{ font-weight: 600; color: #333; padding:5px 10px; }
.proinfo_con table tr:nth-child(odd){background: #f4f4f4;}
.proinfo_con .contactform{ float: none; width: 100%;}
.proinfo_con .contactform .submit{ background: #fd8e2c; text-transform: uppercase; font-size: 14px; width: 150px;}
.proinfo_con .contactform input.text{ width: 48%; margin-right: 4%; margin-bottom: 15px; }
.proinfo_con .contactform input.text:nth-child(even){ margin-right: 0; }


#news{padding: 5px 25px 0 20px;}
#news p{padding:0; margin:0; padding:0 0 5px 0;}

#news .text{ float:left; width:80%;}
#news .date{ float:right; width:20%;}
#dash { clear:both; border-bottom:dashed 1px #ccc; padding-top:2px;}


@media screen and (max-width: 1200px){
  .warper{ padding-left: 10px;padding-right: 10px;  }  
  nav li>a{margin:0 5px;}
  nav{ margin-right: 150px; padding-left: 0; }
  .sub_banner .warper{ margin-left: 0; left: 0; }
  
}


@media screen and (max-width: 1024px){
  .footer .item3{ width: 100%; margin-top: 25px; }
  .footer .item2{ width: 58% }
  .footer .item1{ width: 40% }
  .sub_banner .warper{ height: 66px; margin-top: -33px; }
  .sub_banner h3{  font-size: 30px; line-height: 40px; }

  
}



@media screen and (max-width: 990px){
  body{padding-top: 55px;}
  #nav .logo{ width: 119px; margin:10px 0; }
  #nav .nav-button{ display: block; top: 10px; z-index: 10000 }
  nav{position: fixed;left: 0;top: 0;bottom: 0;width: 240px;box-shadow: 0 3px 5px #666;z-index: 99; overflow: hidden; height: 100%; margin: 0; padding: 0; float: none; background: #fff;transform: translateX(-300px);transition: 0.3s;}
  nav li>a{ line-height: 50px; display: block; }
  nav li{ float: none; width: 100%; }  
  nav li:hover dl{ opacity: 0; left: 99999px }
  .nav_r{ display: none; }
  nav li em.line{ display: none; }

  .home_tit{ font-size: 30px; }
  .home_pro_lis .owl-carousel{padding: 0px; padding-bottom: 30px;}
  .home_pro_lisone .owl-buttons{ top: auto; bottom: 0; }
  .home_about .r h1{ font-size: 21px; }
  .home_about .l{ display: none; }
  .home_about .r{ width: 100%; }

  .lis_news li .pic{ width: 220px; }
  .lis_news li .rightside{margin-left: 240px;}
  .lis_news li .rightside p{ max-height: 72px; }
  .lis_news li .rightside .more{ line-height: 37px; margin-top: 10px; }
  .pro_l{ width: 100%; }
  .pro_r{ width: 100%; }
  .p_r_share,.p_r_contact,.p_r_newspic,.newinfo_r .p_r_search{ display: none; }
  .proclass { display: none; }
  .proclass_tit a{ display: block; color: #fff; right: 10px; top: 10px; }
  .proclass_tit{background: #1974d1; color: #fff; padding:5px 10px;}

  .edit-box div.item{ width: 31%; margin: 0 1.1%; margin-bottom: 10px; }
  .contactform,.map{ width: 100%; }
  .contactform input.text{ margin-bottom: 10px; }
  .contacttit { font-size: 24px; margin-bottom: 15px; margin-top: 40px; }

  .case_lis{ padding-top: 40px; }
  .cards_wrap{ width: 100%; margin-left:2%; }
}

@media screen and (max-width: 900px){
  footer{ margin-top: 60px; }
  .footer .item3,.footer .item2,.footer .item1{ width: 100%; margin: 0px 0 25px 0; }
  .footer h4{ font-size: 22px; }
  .footer h4 b{margin-top: 5px;}
  .footer{padding:40px 0 0 0;}
  .home_about .graybg{ padding:50px 0; }
  .home_pro{ padding: 40px 0 }
  .home_news{padding-top: 40px;}
  .home_case .graybg{ padding: 40px 0 60px 0 }
  .h_more{ line-height: 40px; }
  .home_our .item a{ font-size: 15px; }
  .home_our .item{ padding-left: 40px; }
  .home_our .item h6{ font-size: 30px; }

  .infocon h1{ font-size: 18px; line-height: 26px; }
  .infocon .time{ margin-bottom:10px; }
  .infocon{ line-height: 26px; }
  .infocon img{ margin: 15px 0 }

  .aboutcon{ font-size: 14px; line-height: 26px;}
  .aboutcon h5{ font-size: 20px; margin-bottom: 15px; }
}


@media screen and (max-width: 768px){
  
  .home_news li{width: 100%;margin-bottom: 15px; margin-right: 0;}
  .case_lis li{ width: 48%; margin: 0 1% 20px 1%; }
  .case_lis li b{ font-size: 16px; }
  .sub_banner h3{ font-size: 24px;}  

  
}



@media screen and (max-width: 640px){
  .footer .item2{ display: none; }
  #banner_home .owl-theme .owl-controls{bottom: 0px;}
  #banner_home .owl-theme .owl-controls .owl-page span{ width: 8px; height: 8px; margin:0 2px; }
  #banner_home .owl-theme .owl-controls .owl-page.active span{ width: 20px; }
  .home_tit,.home_news .home_tit,.home_case .home_tit{ font-size: 20px; margin-bottom: 20px; }
  .home_about .l,.home_about .r{ width: 100%; display: block; }
  .home_about .r{margin-top: 15px;}
  .home_about .r h1{ font-size: 18px; margin-bottom: 5px; }
  .home_about .r { font-size: 13px; line-height: 22px; }
  .home_our{margin-top: 20px;}
  .home_pro_lisone b.name{ font-size: 13px; }
  .home_case .con .item b{ font-size: 16px; }
  .home_case .con .item{ font-size: 13px; }

  .sub_banner h3{ font-size: 20px; line-height: 30px; }
  .sub_banner .warper {height: 56px;  margin-top: -28px;}

  .subnav a{ line-height: 35px; }
  .subnav{ margin:20px 0; }
  .pro_lis{margin-top: 20px;}

  .lis_news li .pic{ width: 160px; }
  .lis_news li .rightside{margin-left: 180px; padding: 0;}
  .lis_news li .rightside h3{ font-size: 17px; margin-bottom: 10px; }
  .lis_news li .time{ margin-bottom: 5px; font-size: 12px; }
  .lis_news li .rightside p{ max-height: 40px; line-height: 20px; font-size: 13px; }
  .lis_news li .rightside .more{ line-height: 28px; margin-top: 8px; padding:0 15px; font-size: 12px; }

  .p_r_newspic{ display: block; }

  .pro_lis li{ width: 49.5%; margin:0 1% 10px 0; }
  .pro_lis li:nth-child(even){margin-right: 0;}
  .pro_lis li div{ font-size: 14px; }
  .pro_lis li div i{ display: none; }

  .proflashbox,.pro_detail .rightcon{ width: 100%; }
  .pro_detail .rightcon h1{ margin:15px 0 10px 0; font-size: 18px;}
  .pro_detail .rightcon .links{ margin:15px 0; }
  .pro_detail{padding-bottom: 20px; margin-top: 25px;}
  .proinfotit{ margin: 20px 0 8px 0 }

  .case_lis li p{max-height: 69px; line-height: 24px;}

 
}



@media screen and (max-width:480px){
  footer .copyright{ font-size: 12px; padding: 15px 10px; }
  .footer h4{ font-size: 16px; margin-bottom: 10px; }
  .footer .media{ margin-top: 5px; }
  .footer{padding: 25px 0 0 0}
  .page { margin-top: 10px; }
  .backToTop{ width: 35px; height: 35px; right: 0; background-size:13px; }

  .sub_banner .pic{ height: 80px; width: 100% }
  .sub_banner .pic img{ position: absolute; right: 0; width: auto; height: 100%; }

  .home_case .graybg{ padding: 30px 0 60px 0 }
  .home_pro {padding: 20px 0 30px 0}
  .home_about .graybg {padding: 25px 0 30px 0}
  .home_news li .con .name{ font-size: 14px; line-height: 20px; max-height: 40px; margin-bottom: 5px; }
  .home_news li .con .time{ margin: 0; font-size: 12px; }
  .home_news li .pic{ width: 120px; }
  .home_news li .con{  margin-left: 135px; }
  .home_news li .con p{ font-size: 13px; line-height: 20px; max-height: 40px; }
  .home_case .pic{ padding-bottom: 40px; }
  .home_pro_lisone .item .alinks div{ height: 32px; margin-top: -16px; }
  .home_pro_lisone .item .alinks em{margin: 0 auto; width: 100px;}
  .home_pro_lisone .item .alinks em i{ display: none; }
  .home_pro_lisone .item .alinks p{display: none;}
  .home_pro_lisone .item{ margin: 0 2px; }

  .lis_news li .rightside h3{ font-size: 15px; line-height: 20px; max-height: 40px; }
  .lis_news li .pic{ width: 120px; }
  .lis_news li .rightside{margin-left: 140px;}
  .lis_news li{ margin-bottom: 10px; }
  .case_lis, .lis_news { padding-top: 30px; }

  .edit-box{ margin-top: 30px; }
  .contacttit{ font-size: 18px; }
  .contactform input.text,.proinfo_con .contactform input.text{ width: 100%; margin-right: 0; }
  .contactform .submit{ margin-top: 10px; }
  .edit-box div.item { width: 100%; margin: 0;  height: 80px; margin-bottom: 10px; }
  .edit-box div h6 { font-size: 24px;margin-bottom:5px; width: 30px; height: 30px; line-height: 30px; }

  .aboutcon h5{ font-size: 17px; }
  .aboutcon{ line-height: 24px; font-size: 13px; }
  .aboutcon p{ margin-bottom: 10px; }
  .aboutcon b.size18{ font-size:15px;  }

  .case_lis li b{ font-size: 14px; margin-bottom: 0 }
  .case_lis li p{ max-height: 40px; font-size: 13px; line-height: 20px; margin-top: 0; }

  .infocon h1{ margin-bottom: 5px; font-size: 16px; line-height: 24px; }
  .infocon{ padding: 30px 0 }
  .otherpage{ margin:30px 0 15px 0; padding-bottom: 8px; }
  .p_r_search .tit{ font-size: 16px; margin-bottom: 10px; }
  .p_r_search{ margin-top: 20px; }
  .p_r_newspic{ padding:0px; margin-top: 20px;}

  .proclass_tit{ font-size: 24px; }
  .proclass_tit i{ font-size: 20px; }
  .proclass_tit a { font-size: 30px; top: 7px; }

.p_r_newspic{ display:none;}
  

}


@media screen and (max-width:340px){
  .case_lis li{ width: 98%; margin:0 auto 15px auto; float: none; }
}
a.orange_underline{ color:#ee6c00; text-decoration:underline;}
a.orange_underline:hover{color: #ee6c00; text-decoration: none}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */

/* Individual effects */