@charset "UTF-8";
/*
* @Author: 明月寒
* @Date:   2017-02-22 17:15:23
* @github: http://www.github.com/jxmyh99
* @email:  email@example.com
* @blog:  http://www.33u3.com
* @Last Modified by:   huangxinmin
* @Last Modified time: 2018-03-19 14:22:39
*/
/*
* @Author: huangxinmin
* @Date:   2018-03-19 10:10:30
* @Last Modified by:   huangxinmin
* @Last Modified time: 2018-03-19 10:32:09
*/
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul {
  margin: 0;
  padding: 0; }

body, button, input, select, textarea {
  font: 12px/1.5 tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%; }

address, cite, dfn, em, var {
  font-style: normal; }

code, kbd, pre, samp {
  font-family: courier new,courier,monospace; }

small {
  font-size: 12px; }

ol, ul {
  list-style: none; }

a {
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

legend {
  color: #000; }

fieldset, img {
  border: 0; }

button, input, select, textarea {
  font-size: 100%; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

/* HTML5 媒体文件跟 img 保持一致 */
audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/* 要注意表单元素并不继承父级 font 的问题 */
body, button, input, select, textarea {
  font: 12px/1.5 "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53";
  -webkit-font-smoothing: antialiased; }

input, select, textarea {
  font-size: 100%; }

/* 去掉各 table cell 的边距并让其边重合 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* IE bug fixed: th 不继承 text-align */
th {
  text-align: inherit; }

/* 去除默认边框 */
fieldset, img {
  border: 0; }

/* ie6 7 8(q) bug 显示为行内表现 */
iframe {
  display: block; }

/* 去掉 firefox 下此元素的边框 */
abbr, acronym {
  border: 0;
  font-variant: normal; }

/* 一致的 del 样式 */
del {
  text-decoration: line-through; }

i {
  font-style: normal; }

address, caption, cite, code, dfn, em, th, var {
  font-style: normal;
  font-weight: 500; }

/* 去掉列表前的标识, li 会继承 */
ol, ul {
  list-style: none; }

/* 对齐是排版最重要的因素, 别让什么都居中 */
caption, th {
  text-align: left; }

/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 500;
  color: #000; }

h1 {
  font-size: 24px; }

h2 {
  font-size: 16px; }

h3, h4, h5, h6 {
  font-size: 14px; }

/* 解决ie下重复最后字符 */
q:before, q:after {
  content: ''; }

/* 统一上标和下标 */
sub, sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* 默认不显示下划线，保持页面简洁 */
ins, a {
  text-decoration: none; }

/* 让链接在 hover 状态下显示下划线 */
a:hover {
  text-decoration: underline; }

/* 清理浮动 */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.clearfix {
  zoom: 1;
  /* for IE6 IE7 */ }

/* 人名币符号 ¥ */
.cny {
  font-family: arial; }

/* 隐藏, 通常用来与 JS 配合 */
body .fn-hide {
  display: none; }

/* inline对齐方式 */
.align-right {
  text-align: right !important; }

.align-left {
  text-align: left !important; }

.align-center {
  text-align: center !important; }

/* 设置内联, 减少浮动带来的bug */
.left, .right {
  display: inline; }

.left {
  float: left !important; }

.right {
  float: right !important; }

.header {
  display: block;
  width: 100%;
  background-color: #fff; }

.header .logo {
  float: left;
  width: 296px;
  height: 60px; }
  .header .logo h1 {
    width: 296px;
    height: 35px; }
  .header .logo a {
    display: block;
    width: 296px;
    height: 60px;
    background: transparent url("../img/logo.png") no-repeat; }

.header .container {
  padding: 20px 0; }

.header .nav {
  float: right; }
  .header .nav li {
    float: left;
    padding-left: 40px; }
    .header .nav li.active a {
      cursor: pointer;
      color: #0079c4;
      text-decoration: none; }
  .header .nav a {
    display: block;
    line-height: 60px;
    color: #333;
    font-size: 18px; }
    .header .nav a:hover {
      cursor: pointer;
      text-decoration: none;
      color: #0079c4; }

.slider {
  height: 400px;
  width: 100%;
  background: transparent url(../img/banner.jpg) center no-repeat; }

.container {
  width: 1000px;
  margin: 0 auto; }

.container_title {
  padding: 60px 0 40px; }
  .container_title img {
    display: block;
    margin: 0 auto;
    width: 144px;
    height: 60px; }

.service_main li {
  position: relative;
  float: left;
  width: 250px;
  height: 350px;
  overflow: hidden;
  cursor: pointer; }
  .service_main li:hover .content {
    top: 100px; }
  .service_main li:hover .bg {
    background-color: #1484CF;
    opacity: .5; }
  .service_main li:hover .item-img-panel {
    border-bottom: 0;
    padding-bottom: 0; }
  .service_main li:hover .item-desc {
    opacity: 1; }

.service_main .mask, .service_main .bg, .service_main .content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  cursor: pointer; }

.service_main h3, .service_main p {
  color: white;
  cursor: pointer; }

.service_main .bg {
  background: #161a1d;
  opacity: .6;
  cursor: pointer;
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }

.service_main .content {
  top: 130px;
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
  .service_main .content .item-img-panel {
    width: 60px;
    height: 47px;
    margin: 0 auto;
    padding-bottom: 20px;
    border-bottom: 3px solid #fff;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer; }
  .service_main .content .item-title {
    text-align: center;
    font-size: 26px;
    margin-top: 20px;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer; }
  .service_main .content .item-desc {
    opacity: 0;
    text-align: center;
    padding: 10px 23px 0;
    font-size: 14px;
    line-height: 1.5;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer; }

.partners_main {
  text-align: center;
  margin-left: -50px;
  padding-bottom: 120px; }
  .partners_main a {
    cursor: pointer;
    padding-left: 50px; }

.footer {
  background-color: #242a36;
  text-align: center; }
  .footer p, .footer span {
    font-size: 14px;
    color: #777f90; }
  .footer h3 {
    color: #777f90;
    font-size: 26px; }
  .footer_main p {
    padding: 14px 0 30px; }
  .footer .footer_information {
    border-bottom: 1px solid #2e3441; }
  .footer .footer_copyright {
    padding-top: 30px;
    padding-bottom: 60px; }
    .footer .footer_copyright span:last-child {
      padding-left: 10px; }

.goTop {
  position: fixed;
  right: 0;
  bottom: 100px;
  cursor: pointer;
  display: none; }
  .goTop img {
    display: block;
    width: 21px;
    height: 80px; }