@charset "UTF-8";
 /**
 * 
 * @authors liuzhen (andandehei@163.com)
 * @date    2015-11-18 10:43:42
 * @version $Id$
 * @description：gtzhineng.com新网站2015年末版。
 */
 /*黄色：#e67e22*/
 /*红色：#0e91b9；*/
 /*蓝色：#0b85da*/
 /*css样式初始化*/
 body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
 body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53; }
 h1, h2, h3, h4, h5, h6{ font-size:100%; }
 address, cite, dfn, em, var { font-style:normal; }
 code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
 small{ font-size:12px; }
 ul, ol { list-style:none; }
 a { text-decoration:none; }1
 a:hover { text-decoration:none; }
 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; } 
 .thumbnail{background: none !important;border: none;margin: 0 auto 20px;}
.gt-btn{background-color: #fff;}
 h3{font-size: 18px;}
 /*清除浮动*/
 .cl:after{content: "";display: block;clear: both;}
 .cl{zoom: 1;}
 body {
  font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;
  font-size: 14px;
 }
 /*返回顶部样式*/
 #elevator_item {
  width: 60px;
  height: 100px;
  position: fixed;
  right: 0px;
  bottom: 15px;
  -webkit-transition: opacity .4s ease-in-out;
  -moz-transition: opacity .4s ease-in-out;
  -o-transition: opacity .4s ease-in-out;
  opacity: 1;
  z-index: 100020;
  display: none;
}
#elevator_item.off {
  opacity: 0;
  visibility: hidden
}
#elevator {
  display: block;
  width: 60px;
  height: 50px;
  background: url(../images/icon_top.png) center center no-repeat;
  background-color: #eee;
  background-color: rgba(0,0,0,.6);
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0,0,0,.2);
  cursor: pointer;
  bottom: 0
}
#elevator:hover {
  background-color: rgba(0,0,0,.7)
}
#elevator:active {
  background-color: rgba(0,0,0,.75)
}
/*head*/
.gt-head {
 padding: 20px 0;
}
.head-title,
.head-call {
 border: 1px solid #eaeaea;
 border-radius: 20px;
 padding: 0;
 margin-top: 10px;
 cursor: pointer;
}
.head-title:hover {
 background-color: #eb0101;
}

.head-title {
 margin-left: 70px;
 margin-right: 20px;
}
.head-dd {
  width: 100%;
  height: 40px;
  background: url(../images/head-dd.png) no-repeat center center;
}
.head-dd:hover {
  background-image: url(../images/head-dd1.png);
}
/*wpone-nav*/
.wpone-nav{
 background-color: #fff;
 text-align: center;
}
.navbar-brand{
 color: #da6426 !important;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
 background-color: #fff;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  background-color: #fff;
}

/* main-navigation */
.main-navigation i {
  padding-right: 6px;

}
.main-navigation {
  z-index:9999;
  /*text-align: center;*/
  border-top: 1px solid #ebebeb;
  /*border-bottom: 2px solid #e1e1e1;*/
  width: 100%;
  background: rgba(255,255,255,.9);
}
.main-navigation .menu {
  padding: 0;
  margin: 0;
}
.main-navigation .menu li {
  list-style: none;
  display: inline-block;
  position: relative;
  font-size: 15px;
}
.main-navigation .menu li.nav-current, .current-menu-item, .current_page_item, .current-menu-parent{
  border-bottom: 2px solid #0e91b9;
  margin-bottom: -2px;
}
.main-navigation .menu li.nav-current a{
  color: #0e91b9;
}
.main-navigation .menu li a {
  color: #505050;
  line-height: 4em;
  display: block;
  padding: 0 21px;
  font-size:18px;
}
.main-navigation .menu li:hover > a {
  color: #0e91b9;
  text-decoration: none;
  font-size:18px;
}
.main-navigation .menu li ul {
  float: left !important;
  visibility: hidden;
  background: #ffffff;
  text-align: left;
  padding: 7px 0px;
  margin: 0;
  position: absolute;
  left: 0;
  top: 120%;
  width: 200px;
  z-index: 999;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.main-navigation .menu li ul li {
  display: block;
  margin: 0;
}
.main-navigation .menu li ul li a {
  line-height: 2.5em;
  color: #505050;
  font-size:13px;
}
.main-navigation .menu li ul:hover > a {
  color: #e67e22;
}
.main-navigation .menu li:hover ul {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  top: 100%;
}
@media (min-width: 767px){
  .main-navigation .menu li{
    margin: 0 0px;
  }
}
@media (max-width: 767px) {
  .main-navigation {
    text-align: left;
  }
  .main-navigation .menu li {
    display: block;
  }
  .main-navigation .menu li:hover > a {
    color: #e67e22;
    text-decoration: none;
  }
  .main-navigation .menu li ul {
    visibility: visible;
    padding: 0px 0px 0px 20px;
    margin: 0;
    position: relative;
    top: 0;
    width: 100%;
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
/* navbar */
.navbar-header {
  text-align: center;
}
.navbar-header i {
  height: 56px;
  line-height: 56px;
  font-size: 2em;
  cursor: pointer;
}
@media (min-width: 768px) {
  .nav-toggle-button {
    display: none;
  }
}
.fa{padding-right: 6px;}

/*首页幻灯片*/
.carousel{margin-top: 2px;}
.carousel-indicators{bottom: 6px;}
.carousel-control a{top:50%;}
.carousel-indicators li{width: 6px;height: 6px;}
.carousel-indicators .active{width: 8px;height: 8px;}
.carousel{margin-bottom: 15px;}
.carousel-inner .item a{display: block;text-align: center;}
.carousel-inner .item img{margin: 0 auto;border-radius: 0px;}
@media (max-width: 768px){
  .carousel-inner .item img{
    width: 100%;
    min-height: 120px;
  }
}
.carousel-control{max-width: 50px;max-height:80px;top:50%;margin: -40px 80px 0;}
.carousel-control.left{background:url(../images/prev.png) center center no-repeat;}
.carousel-control.right{background:url(../images/next.png) center center no-repeat;}
@media (max-width: 767px) {
 .carousel-control.left, .carousel-control.right {
  width: 20px;
  height: 20px;
  margin-top: 0px;
  border-radius: 50%;
}
}
.carousel .fa{font-size: 30px;margin-top: 62%;}
#homeslider{margin-bottom: 15px;}


/*five plan*/
#index_plan{
  width: 100%;
  background: #fff;
  margin: 0px auto 10px;
}
.index_plan{
  height:330px;
  background: #fff;
}
.index_oneplan li{
  float: left;
  background-image: url(../images/plan_bg.png);
  border: 2px solid #eee;
  height: 310px;
  margin: 10px 0;
  overflow: hidden;
}
@media (min-width: 768px){
  .index_oneplan li {
    width: 19.2%;
    margin-right: 1%;
  }
}
.toll_img{
  padding: 50px 0 30px;
}
.toll_img h3, .toll_info h3{
  margin:40px 20px;
  height:24px;
  line-height: 24px;
  color: #323232;
  font-weight: normal;
  text-align: center;
  font-size: 18px;
}
.toll_info{
  background-color: #0e91b9;
  vertical-align:middle;
  display:table-cell;
  padding-top: 30px;
  background-image: linear-gradient(-211deg, #036AE8 0%, #1FD0F9 100%);
  box-shadow: 10px 10px 5px #0165AD;
}
.toll_info h3 {
  color: #fff;
  margin: -10px 20px 24px;
}
.index_oneplan li p{
  padding:10px 10px 0 10px;
  font:normal 13px/20px '微软雅黑';
  cursor:pointer;
  margin-top: 10px;
  color: #fff;
}
.index_oneplan li a{
  color: #5f5f5f;
  text-decoration:none;
  position:absolute;
  top:0px;
  left:0;
  text-align: justify;
}
.toll_info span{
  width: 100%;
  height: 42px;
  line-height: 42px;
  text-align: center;
  color: #fff;
  top: 20px;
  position: relative;
  display: block;
  background:url(../images/demo_more_bg.png) no-repeat center center;
  margin-bottom: 20px;
}
.plan-plus{
  margin: 0 auto;
}

/*video*/
.index-video-box {
  background:url(../images/index_video_box_bg.jpg) no-repeat 50% center;
  margin: 10px 0 0px;
}
@media(min-width: 970px){
  .index-video-box{
    width: 100%;
    height: 580px;
    background-attachment: fixed;
  }
}
@media (min-width: 970px){
  .index-video-box video, .vjs-poster, .video-js{
    /*width: 1160px !important;*/
   /* height: 580px !important;*/
    margin-left: -14px;
  }
}
@media(max-width: 970px){
  #my_video_1{
    margin: 0 auto;
  }
}
@media(max-width: 970px){
  .vjs-default-skin .vjs-big-play-button{
    top: 30% !important;
    left: 38% !important;
  }
}
/*results*/
.index-result {
  margin-bottom: 20px;
}
.index-result a{color: #323232;}
.result-title{

  text-align: center;
  font-size: 30px;
  padding: 20px 0;
  font-weight:bold
}
.index-result img {
  border: 2px solid #f0f0f0;
  margin: 10px 19px;
  cursor: pointer;
}
.index-result img:hover {
  border-color: #0e91b9;
}
.index-result button {
  border: 1px solid #ccc;
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 12px;
}
.index-result button:hover {
  border-color: #0e91b9;
}
/*footer*/
footer {
  padding: 10px 0; 
  background-image: url(../images/foot_bg.jpg);
}
@media (min-width: 768px) {
  footer {
    padding: 30px 0; 
  }
}
.foot-left {
  border-right: 1px solid #c0c0c0;
}
.foot-left dl {
  float: left;
  margin-right: 28px;
}
.foot-left dl dt{
  font-weight: normal;
  margin-bottom: 10px;
}
.foot-left dl dd {
  padding: 4px 0;
}
.foot-left a {
  color: #fff;
  line-height: 24px;
}
.foot-right {
  padding: 10px 20px;
}
@media (min-width: 768px) {
  .foot-right {
    padding: 20px 0 0px 30px;
  }
}
.foot-right p {
  color: #fff;
  padding: 10px 16px;
}
.copyright {
  color: #fff;
  background-color: #333;
  text-align: center;
  padding: 10px 0;
}

/*内页公用样式*/
.single-banner {
  height: 130px;
  margin: 2px auto 0;
  overflow: hidden;
}
@media (min-width: 960px){
  .single-banner img {
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
  }
}
@media (max-width: 960px){
  .single-banner img {
    width: 100%;
    margin: 0;
  }
}

/*企业概况*/
.gt-about, .gt-time, .gt-about-title, .gt-cultrue, .gt-clinet {
  width: 100%;
  color: #3b3b3b;
  padding-bottom: 20px;
}
.gt-about img, .gt-cultrue img{

}
.gt-cultrue img, 
.gt-jzl {
  
  top: -90px;
}

.gt-jzl {top: -54px;}
.gt-title {
  border-bottom: 1px solid #eaeaea;
  text-align: center;
  margin-bottom: 20px;
  padding: 20px 0 0;
}
.gt-title em, .gt-about-title em{
  margin: 0 auto;
  border-bottom: 4px solid #0e91b9;
  font-size: 18px;
  padding: 0 20px;
}
.gt-about p{
  text-indent: 2em;
  color: #0a0204;
  line-height: 24px;
}
.gt-about p span{
  color: #0e91b9;
}


/*时间轴效果重做*/




/*时间轴效果*/
.org_box{
  height:80px;
  background:#fff; 
  position:relative; 
  border-radius: 6px;
  padding: 10px 4px 0;
  border: 1px solid #fff;
  cursor: pointer;
}
.gt-time li:hover .org_box{
  border-color: #0b85da;
  background-color: #0b85da;
  color: #fff;
}
.gt-time li:hover .time-down{
  border-bottom-color: #0b85da;
}
.gt-time li:hover .time-up{
  border-top-color: #0b85da;
}
.org_box-up{
  position: relative;
  margin-top: -140px;
}
.org_box-down{
  position: relative;
  margin-top: 20px;
}
.time-line {
  /*background-color: #0b85da;*/
  background: url(../images/time-line.png) no-repeat;
  width: 100%;
  height: 100px;
  margin-top: -80px;
}
.time-down{
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #fff;
  overflow:hidden; 
  position:absolute; 
  left:67px; 
  top:-10px;
}
.time-up{
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 10px solid #fff;
  overflow:hidden; 
  position:absolute; 
  left:85px; 
  bottom:-10px;
}
.gt-time li{
  float: left;
  background: url(../images/time-li.png) no-repeat center top;
  padding-top: 20px;
  width: 140px;
  text-align: center;
  position: relative;
  margin-top: -6px;
}
.gt-time li:hover{
  background: url(../images/time-li-h.png) no-repeat center top;
}
.gt-time li span{
  position: absolute;
  top: -24px;
  left: 60px;
}
.gt-time li p{
}
.gt-time-box{
  /*background-color: #f2f2f2;*/
  margin-top: 20px;
}
.gt-time-box .gt-title{
  border-bottom-color: #fff;
}
.gt-time{
  /*background-color: #f2f2f2;*/
  height: 270px;
  padding-top: 110px;
}
.gt-cultrue-box{
  padding-bottom: 20px;
}
.gt-cultrue{

  text-align: justify;
  color: #3b3b3b;
  padding-top: 50px;
}
.gt-cultrue p{
  margin-bottom: 10px;
/*  margin-left: 25%;*/
}
.gt-cultrue span{
  font-size: 18px;
  margin-right: 4px;
  font-weight: 400;
}
.gt-cultrue em{
  font-style: normal;
  margin-right: 25px;
}

/*解决方案页面样式*/
.sinlge-plan{
  margin-top: 20px;
  margin-bottom: 20px;
}
.plan-box{
  width: 100%;
  overflow: hidden;
  border: 3px solid #f4f4f4;
  margin-bottom: 24px;
}
.plan-box:hover {
  border-color: #0e91b9;
}
.plan-box img{
  width: 100%;
}
.plan-box a{
  color: #fff;
  font-size: 18px;
}
.plan-img, 
.sf-img {
  position: relative;
  float:left;
  width:100%;
  margin:0px;
  padding:0px;
  margin-bottom: -24px;
  z-index: 1;
  overflow: hidden;
}
.plan-img {
  height: 200px;
}
.sf-img {
  height: 150px;
  margin-bottom: 20px;
}
.sf-img h1 {
  color: #fff;
  position: absolute;
  text-align: center;
  font-size: 24px;
  top: 40%;
  left: 40%;
}

/* 定义图片放大样式*/
.plan-img img, 
.sf-img img, 
.gt-dianxing li img {
  transition-delay: 0s;
  transition-duration: 1s;
  transition-property: all;
  transition-timing-function: ease;
  /* Firefox 4 */
  -moz-transition-delay: 0s;
  -moz-transition-duration: 1s;
  -moz-transition-property: all;
  -moz-transition-timing-function: ease;
  /* Safari 和 Chrome */
  -webkit-transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -webkit-transition-property: all;
  -webkit-transition-timing-function: ease;
  /* Opera */
  -o-transition-delay: 0s;
  -o-transition-duration: 1s;
  -o-transition-property: all;
  -o-transition-timing-function: ease;
}
.plan-img:hover img, 
.sf-img:hover img, 
.gt-dianxing li:hover img {
  transform: scale(1.1, 1.1);
  -ms-transform:scale(1.1, 1.1);  /* IE 9 */
  -moz-transform:scale(1.1, 1.1);   /* Firefox */
  -webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */
  -o-transform:scale(1.1, 1.1);   /* Opera */
}
.plan-title span{
  position: relative;
  background-color: #0e91b9;
  padding: 15px 45px;
  text-align: center;
  line-height: 45px;
  z-index: 999;
}
.fuck-title {
  text-align: center;
  color: #0e91b9;
  font-size: 24px;
  margin: 10px auto 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eaeaea;
}
.sf-title {
  position: relative;
  padding: 15px 45px;
  text-align: center;
  line-height: 45px;
  z-index: 999;
}
.plan-content{
  padding: 20px;
}
.plan-content p{
  line-height: 24px;
  text-indent: 2em;
}
.plan-content span{color: #0e91b9;}

/*业绩案例页面*/
#client ul {
  margin:0 auto 50px;
  overflow:hidden;
  border-top:1px solid #e5e5e5;
  border-left:1px solid #e5e5e5;
}
#client ul li {
  float:left;
  height:135px;
  border-right:1px solid #e5e5e5;
  border-bottom:1px solid #e5e5e5;
  text-align:center;
  position:relative;
}
#client ul li a {
  display:block;
  width:100%;
  height:100%;
  overflow:hidden;
}
#client ul li i,#client ul li em {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-image:url(../images/clients.jpg);
}
#client ul li i {
  /*opacity:0.5;*/
  /*-webkit-filter:grayscale(100%);*/
  -moz-filter:grayscale(100%);
  -ms-filter:grayscale(100%);
  -o-filter:grayscale(100%);
  filter:grayscale(100%);
  filter:gray;
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  transition:0.3s;
}
#client ul li a:hover i {
  opacity:1;
  -webkit-filter:grayscale(0);
  -moz-filter:grayscale(0);
  -ms-filter:grayscale(0);
  -o-filter:grayscale(0);
  filter:grayscale(0);
  filter:none;
  -webkit-transform:scale(0.9) translateY(-8px);
  -moz-transform:scale(0.9) translateY(-8px);
  transform:scale(0.9) translateY(-8px);
}
#client ul li a:after {
  content:'';
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  box-shadow:inset 0 0 0 0 #eee;
  -webkit-transition:0.2s;
  -moz-transition:0.2s;
  transition:0.2s;
}
#client ul li a:hover:after {
  box-shadow:inset 0 0 0 10px #f6f6f6;
}
#client ul li a p {
  margin-top:150px;
  color:#333;
  position:relative;
  z-index:5;
  opacity:0;
  filter:alpha(opacity=0);
  -webkit-transition:0.3s;
  -moz-transition:0.3s;
  transition:0.3s;
  zoom:1;
}
#client ul li a:hover p {
  margin-top:135px;
  opacity:1;
  filter:alpha(opacity=100);
}
#client ul li a span {
  font-size:18px;
  line-height:178px;
  color:#a7a7a7;
}

#client ul li .clients01{background-position: 10px 0;}
#client ul li .clients02{background-position:-200px 0;}
#client ul li .clients03{background-position:-418px 0;}
#client ul li .clients04{background-position:-680px 0;}
#client ul li .clients05{background-position:-890px 0;}
#client ul li .clients06{background-position:-1066px  0;}

#client ul li .clients07{background-position: 14px -135px;}
#client ul li .clients08{background-position:-200px -135px;}
#client ul li .clients09{background-position:-434px -135px;}
#client ul li .clients10{background-position:-680px -135px;}
#client ul li .clients11{background-position:-890px -135px;}
#client ul li .clients12{background-position:-1070px -135px;}

#client ul li .clients13{background-position: 14px -268px;}
#client ul li .clients14{background-position:-200px -268px;}
#client ul li .clients15{background-position:-434px -268px;}
#client ul li .clients16{background-position:-680px -268px;}
#client ul li .clients17{background-position:-890px -268px;}
#client ul li .clients18{background-position:-1070px -268px;}

#client ul li .clients19{background-position:14px -402px;}
#client ul li .clients20{background-position:-200px -402px;}
#client ul li .clients21{background-position:-434px -402px;}
#client ul li .clients22{background-position:-680px -402px;}
#client ul li .clients23{background-position:-890px -402px;}
#client ul li .clients24{background-position:-1060px -402px;}

#client ul li .clients25{background-position:14px -527px;}
#client ul li .clients26{background-position:-200px -527px;}
#client ul li .clients27{background-position:-434px -527px;}
#client ul li .clients28{background-position:-680px -527px;}
#client ul li .clients29{background-position:-890px -527px;}
#client ul li .clients30{background-position:-1070px -527px;}

#client ul li .clients31{background-position:14px -652px;}
#client ul li .clients32{background-position:-200px -662px;}
#client ul li .clients33{background-position:-434px -662px;}
#client ul li .clients34{background-position:-680px -662px;}
#client ul li .clients35{background-position:-890px -662px;}
#client ul li .clients36{background-position:-1070px -662px;}

#client ul li .clients31{background-position:14px -652px;}
#client ul li .clients32{background-position:-200px -662px;}
#client ul li .clients33{background-position:-434px -662px;}
#client ul li .clients34{background-position:-680px -662px;}
#client ul li .clients35{background-position:-890px -662px;}
#client ul li .clients36{background-position:-1070px -662px;}

#client ul li .clients37{background-position:14px -787px;}
#client ul li .clients38{background-position:-200px -787px;}
#client ul li .clients39{background-position:-434px -787px;}
#client ul li .clients40{background-position:-680px -787px;}
#client ul li .clients41{background-position:-890px -787px;}
#client ul li .clients42{background-position:-1070px -787px;}


/*典型案例*/
.gt-dianxing li {
  text-align: center;
  padding:20px;
  cursor: pointer;
}
.gt-dianxing li article {
  width: 100%;
  height: 260px;
  overflow: hidden;
}
.gt-dianxing li img {
  width: 100%;
  /*height: 270px;*/
  overflow: hidden;
}
.gt-dianxing li h1 {
  font-size: 16px;
  padding: 15px 0;
  line-height: 30px;
  background: #fff;
}
.gt-dianxing li:hover h1 {
  background-color: #0e91b9;
  color: #fff;
}
/*图标样式*/
[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  background-image: url("../images/icon.png");
  background-repeat: no-repeat;
  margin-right: 10px;
  position: relative;
  z-index: 999;
}
.icon-planlink {
  float: right;
  width: 40px;
  height: 62px;
  background-position: -452px 0;
  margin-top: -20px;
  margin-right: 20px;
}
.icon-plan1, .icon-plan2, .icon-plan3, .icon-plan4, .icon-plan5 {
  width: 90px;
  height: 112px;
  position: absolute;
  top: 20%;
  left: 46%;
}
.icon-sf2, .icon-sf3, .icon-sf5 {
  width: 200px;
  height: 120px;
  position: absolute;
  top: 20%;
  left: 70%;
}

.icon-plan1                 {background-position: -337px 0;}
.plan-img:hover .icon-plan1 {background-position: -116px 0;}
.icon-plan2                 {background-position: -337px -114px;}
.plan-img:hover .icon-plan2 {background-position: -116px -114px;}
.icon-plan3                 {background-position: -337px -222px;}
.plan-img:hover .icon-plan3 {background-position: -116px -222px;}
.icon-plan4                 {background-position: -337px -330px;}
.plan-img:hover .icon-plan4 {background-position: -116px -330px;}
.icon-plan5                 {background-position: -335px -434px;}
.plan-img:hover .icon-plan5 {background-position: -116px -434px;}
.icon-sf2                   {background-position: 0 -541px;}
/*产品页面样式*/
.gt-products ul li{
  margin-top:50px;
  margin-bottom: 10px;
}
.gt-products ul li a {
  color: #323232;
}
.gt-products ul li a:hover{
  text-decoration: none;
}
.product-box {
  width: 100%;
  max-height: 187px;
  background-color: #f9f9f9;
  border: 2px solid #eee;
  cursor: pointer;
  margin-bottom: 5px;
  margin-top: 5px;
}
.product-box:hover{
  border-color: #0e91b9;
}
.product-box:hover h3 {
  color: #0e91b9;
}
.product-left {
  float: left;
  max-width: 230px;
  border-right: 1px solid #ececec;
  background-color: #fff;
  margin-right: 10px;
}
.product-right {
  padding: 10px;
}
.product-right p{

  margin: 10px 0;
  line-height: 24px;
}
.product-right .more{
  text-align:right;
  padding: 10px;
}
.product-right span{
  margin-right: 20px;
}
.product-right ol{
  float: left;
}
.button-more {
  width: 90px;
  height: 30px;
  line-height: 30px;
  background: #fff;
  color: #000;
  border: 1px solid #ccc;
  margin: 20px auto;
  display: block;
  position: relative;
  text-align: center;
  font-weight: normal;
  font-size: 13px;
}
.gt-products a {text-decoration: none;}
.button-more:hover {
 border-color: #000;
}
/*技术支持页面*/
.gt-support{
	width: 100%;
	max-height: 780px;
	background: url(../images/supportbg.jpg) center center;
}
.support-info{
  border-radius: 4px;
  padding: 40px;
  
}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  .support-info{
    background-color:#000;
    filter:Alpha(opacity=50);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }
  .support-info li{
    position: relative;
  }
}
.support-info li{
  font-size: 22px;
  color: #fff;
  height: 60px;
  line-height: 60px;
  text-align: center;
  margin: 10px 0;
  background-color: rgba(0,0,0,0.5);/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */
  padding: 0 20px;
  cursor: pointer;
}
.support-info li:hover {
	background-color: #0e91b9;
}
/*联系我们*/
.contact table{
  width: 100%;
  background: #FFF none repeat scroll 0% 0%;
  line-height: 30px;
  border-collapse: collapse;
  border-radius: 4px 4px 0px 0px;
  text-align: center;
  border: 1px solid #eaeaea;
}
.contact table .tb1 {
  background-color: #F9F9F9;
}
.contact table td {
  width: 120px;
  display: table-cell;
  vertical-align: inherit;
  border: 1px solid #CCC;
}
.erweima img {
  max-width: 355px !important;
}

/*内页解决方案*/
.single_text .glyphicon{
  font-size: 14px;
  margin-right: 10px;
}
.s-title, .two-title, .three-title, .four-title{
  height: 40px;
  line-height: 40px;
  border: 1px solid #e9e6e6;
  border-bottom: none;
  overflow: hidden;
  background-color: #f6f6f6;
}
.s-title a, .two-title a, .three-title a, .four-title a{
  display: inline-block;
  height: 38px;
  text-align: center;
  border-right: 1px solid #eaeaea;
  color: #323232;
}
.s-title a:hover, .s-title a.active, .two-title a:hover, .two-title a.active, .three-title a:hover, .three-title a.active, .four-title a:hover, .four-title a.active{
  color: #005ca6;
}
.s-title .active, .two-title .active, .three-title .active, .four-title .active{
  border-bottom: 2px solid #005ca6;
  margin-left: -2px;
}

.single-plan-box{
  margin-top: 20px;
}

.plan h2{
  text-align:center;
  color:#005ca6;
  font-size: 20px;
}
.plan img{
  margin-top: 20px;
}
.plan{
  background: #fff;
  height: auto;
  overflow: hidden;
  margin-top:20px;
  margin-bottom: 20px;
}
.single_content{
  text-align: justify;
  font-size: 14px;
  margin-bottom: 20px;
  line-height:26px;
}
.single_text{
  margin-bottom: 10px;
  clear: both;
  padding: 0 20px;
}
.single_text li{
  margin-bottom: 6px;
  font-size: 14px;
  display: list-item;
}
.single_text ul li{
  list-style: disc;
}
.single_text ol li{
  list-style:decimal;
}
.single_text ul, .single_text ol{
  margin: 0 0 18px 70px;
}
.single_content h3, .single_text h3{
  font-size: 20px;
  line-height: 30px;
  color: #535353;
  padding:20px 0 4px 0;
  margin-bottom: 10px;
  border-bottom: 1px solid #eaeaea;
  color: #666;
}
.single_content p{
  line-height: 24px;
  text-indent: 2em;
  margin-bottom: 10px;
}

/*产品详情页*/
.product-wrap {
  /*border: 1px solid #eaeaea;*/
  padding: 20px;
  margin-bottom: 20px;
  margin-top: 20px;
}
.product-wrap h1{
  font-size: 26px;
  text-align: center;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.product-wrap h1 span{
  float: right;
  font-size: 14px;
  border: 1px solid #eaeaea;
  padding: 6px 10px;
  margin-right: 12px;
}
.product-info {
  border-radius: 4px;
  margin-bottom: 50px;
  border: 1px solid #ddd;
}
.product-info img{
  margin-bottom: 0 !important;
  padding: 15px 0;
}
.product-word {
  /*border-left: 1px solid #ccc;*/
  padding-left: 30px;
  line-height: 24px;
  margin-top: 30px;
}
.product-word h1{
  font-size: 36px;
  text-align: left;
  margin-bottom:20px;
}
.product-word h1 span a{
  color: #555;
}
.product-word h1 span a:hover{
  text-decoration: none;
  color: #f00;
}
.product-word p{
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 10px;
}

.word_content {
  background-color: #FFF;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 20px;
  margin-bottom: 50px;
}
.word_content li {
  font-size: 14px;
  line-height: 30px;
  margin-bottom: 10px;
  padding: 0px 20px;
  list-style: disc;
}
.product-wrap table {
  width: 100%;
  background: #FFF none repeat scroll 0% 0%;
  line-height: 30px;
  border-collapse: collapse;
  border-radius: 4px 4px 0px 0px;
  text-align: center;
}
.product-wrap table .tb1 {
  background-color: #F9F9F9;
}
.product-wrap table td {
  width: 120px;
  display: table-cell;
  vertical-align: inherit;
  border: 1px solid #CCC;
}
.product-wrap h3{
  margin-bottom: 10px;
}
.next-pr {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

/*下拉来导航内容*/
.navigation-inner{margin:0 auto;position:relative}
.navigation-up{height:60px;background:#27303f}
.navigation-up .navigation-v3{margin-left:155px;float:left;_margin-left:10px}
.navigation-up .navigation-v3 ul{float:left}
.navigation-up .navigation-v3 li{float:left;font:normal 16px/59px "microsoft yahei";color:#fff}
.navigation-up .navigation-v3 .nav-up-selected{background:#344157}
.navigation-up .navigation-v3 .nav-up-selected-inpage{background:#202833}
.navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0}
.navigation-up .navigation-v3 li h2 a{padding:0 25px;color:#fff;display:inline-block;height:60px;font-family:"microsoft yahei"}
.navigation-down{position:absolute;top:60px;left:0px;width:100%;z-index: 999;}
.navigation-down .nav-down-menu{
  width:100%;margin:0;background:#fff;position:absolute;top:-2px;
  padding: 20px 0;
  border-top: 1px solid #eaeaea;
}
.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;position:relative}
.navigation-down .nav-down-menu dl{float:left;}
.navigation-down .menu-1 dl{text-align:center;margin: 4px 0;}
.navigation-down .menu-1 dd{float: left;margin:0 4px;border: 1px solid #eaeaea; padding: 4px 10px;width: 220px;}
.navigation-down .menu-1 dd:hover{border-color: #0e91b9;}
.navigation-down .menu-1 dd a{color:#000;font:normal 13px/30px "microsoft yahei"}
.navigation-down .menu-1 dd a:hover{color:#0e91b9;text-decoration: none;}


/*首页软件产品样*/
.index-software { height:240px; margin:30px auto; clear:both; line-height:18px; color:#999999; font-size:12px;}
.index-software .serBox { cursor:pointer; /*border:2px solid #eee; */display:inline; width: 100%; height:240px; overflow:hidden; background-color:#f7f7f7; position:relative; float: left; }
.index-software .serBoxOn { font-family:"Microsoft Yahei"; display:none; width:100%; height:240px; background-color:#0e91b9; position:absolute; left:0px; top:0px; z-index:19;}
.index-software .serBox .pic1 { width:110px; height:110px; text-align:center; position:absolute; top:22px; right:120px; z-index:99;}
.index-software .serBox .pic2 { max-width:100%; text-align:center; position:absolute; top:22px; left:-110px; z-index:99;}
.index-software .serBox .txt1 { width:100%; height:100px; color:#999999; position:absolute; top:145px; left:0px; z-index:99;overflow: hidden;}
.index-software .serBox .txt2 { width:100%; height:140px; color:#a9cf4f; position:absolute; top:60px; right:-320px; z-index:99;padding: 0 20px;overflow: hidden;}
.index-software .serBox span.tit { font-size:18px; display:block; text-align:center;}
.index-software .serBox .txt1 .tit { color:#000000; line-height:30px;}
.index-software .serBox .txt2 .tit { color:#fff; line-height:30px; font-family:"Microsoft Yahei";}
.index-software .serBox p{ color:#fff; font-size: 14px; padding:0 10px; margin-top: 10px; text-align:center;text-align: justify;line-height: 20px; text-indent: 2em}
.index-software .serBox .pic2 img {
  filter:alpha(opacity=10);       /* IE */
  -moz-opacity:0.1;              /* 老版Mozilla */
  -khtml-opacity:0.1;              /* 老版Safari */
  opacity: 0.1;           /* 支持opacity的浏览器*/
}
.index-software .serBox:hover .pic2 img {
  filter:alpha(opacity=100);       /* IE */
  -moz-opacity:1.0;              /* 老版Mozilla */
  -khtml-opacity:1.0;              /* 老版Safari */
  opacity: 1.0;           /* 支持opacity的浏览器*/
}



.zsjm{ width:100%;background: #F4F4F4; margin:0 auto;margin-top: 50px;}
.zsjm ul{ width:100%;background: #F4F4F4;}
.zsjm ul li{ width:50%; background: #F4F4F4;float:left;font-size: 16px;color: #333333;}
.zsjm ul li .jmzb{ width:100%; float:left; overflow:hidden; height:auto}
.zsjm ul li .jmzb img{cursor: pointer; transition: all 0.6s; }
.zsjm ul li .jmzb a>img{width:100%; height:100%;    overflow: hidden;}
.zsjm ul li .jmzb a:hover > img {transform: scale(1.4);}
.zsjm ul li .jmyb { width:95%; float:right; overflow:hidden;color: #333333;font-size: 16px; height:auto; margin-top:30px; margin-bottom:55px;    line-height: 35px;}
.zsjm ul li .jmyb p{ color: #333333;font-size: 16px;    line-height: 35px;}


/*关于我们start*/
.about_bg{width:100%;height:100%;top:0;left:0;background: url(../images/about_bg.jpg) no-repeat;background-size:100%; padding-top:50px;}


/*大事记start*/
.event_box{width:1200%;margin:3% auto 0;position:relative;min-height:420px; max-width:1200px;}
.event_box .parHd {width:100%;display:inline-block;height:92px;overflow:hidden; margin-top:50px;}
.parHd  ul{width:100%;text-align:center;margin:0 auto;padding-top:25px !important;}
.parHd .tempWrap{margin:0 auto;}
.parHd .tempWrap:after{content:'';width:85%;height:1px;background:#fff;position:absolute;/* top:33%;*//* right:-140%;*/right:8%;top:35%;/* margin-top:-0.5px;*/z-index:10;}
.parHd li.no_line:before{display:none;}
.parHd li{display:inline-block;cursor:pointer;padding-top:30px;font-size:16px;color:#fff;margin:0 30px;position:relative;}
.parHd li:after{content:'';background:url(../images/dot_ico.png) no-repeat;width:24px;height:24px;position:absolute;z-index:20;top:-12px;left:50%;margin-left:-12px;}
.parBd{text-align:center;margin-top:60px;}
.parBd h4{position:relative;font-size:40px;margin-bottom:3%;/*width:200px;*/ padding:0 60px;display:inline-block;text-align:center;}
.parBd h4:after{content:'';background:#000;width:100px;height:1px;position:absolute;left:-100px;bottom:12px;}
.parBd h4:before{content:'';background:#000;width:100px;height:1px;position:absolute;right:-100px;bottom:12px;}
.parBd p{line-height:180%;font-size:16px;width:80%;margin:0 auto;}
div#listBox {width:100%;}
.sPrev,.sNext{width:30px;height:30px;display:block;position:absolute;top:10px;}
.sPrev{left:0;}
.sNext{right:0;}
.sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);}
.parHd li.act span{display:block;width:24px;height:24px;overflow:hidden;background:url(../images/cat.png) no-repeat;position:absolute;top:-12px;left:6px;z-index:21;    color: #337ab7;}
.parHd li.act{color: #337ab7;}
.parHd li span,.parHd li.clone span{display:none;}	
.slideBox{ width:90%; background:#FFFFFF; padding: 5px 10px;    margin: 0 auto; height:210px;}
.slideBox .comBox2Img{ padding-right:50px; float:left; width:30%;}
.slideBox .comBox2Img img{ width:261px; padding-top:10px;}
.slideBox .comBox2Year{ font-size:70px; color:#337ab7; font-family:Arial, Helvetica, sans-serif; font-weight:bold;float:left;width:20%;padding-top: 50px;}
.slideBox .comBox2Text{ font-size:16px; color:#787878; line-height:28px; font-weight:bold;float:left;width:50%;padding-top: 50px;text-align: left;}



#CSSBox{float:left;  margin:0 auto;overflow:hidden;background-color:#ffffff;}
#CSSBox ul li{ float:left; list-style:none; border:0px solid red; margin:10px 10px; position:relative;cursor:pointer;}
#CSSBox ul li .img{ position: relative;width: 250;height: 350px; max-width: 100%;cursor: pointer; transition: all 0.6s; } 
#CSSBox ul li .info {position: absolute;background: rgba(51, 122, 183, 0.6); left: 0;top: -100%;color:#FFFFFF;width:250px;display:none;}
#CSSBox ul li:hover .info {position: absolute;background: rgba(51, 122, 183, 0.6);  left: 0; top:0; text-align:center; padding-top:100px; font-size:18px;bottom:0px;color:#FFFFFF;width:250px;display:block;}
#LeftButton{cursor:hand;margin:5px;height:140px;width:20px;float:left;background:url('../images/left.gif') center center no-repeat;margin-top: 120px;}
#RightButton{cursor:hand;margin:5px;height:140px;width:20px;float:left;background:url('../images/right.gif') center center no-repeat;margin-top: 120px;}
#wrapper{width:1200px; margin:0 auto}
#ProductShow{width:305px;height:245px;text-align:center;border:1px solid #c0c0c0;margin:5px;}

.bghj{ width:100%; margin:0 auto;}
.bghj ul{ width:100%; margin:0 auto;}
.bghj ul li{ width:25%; float:left;overflow: hidden;}
.bghj ul li img{width:100%; height:100%; cursor:pointer; transition: all 0.6s;    background: rgba(74,77,84,0.6);}
.bghj ul li:hover img{ transform: scale(1.2);opacity: 0.6;}


.other_main { width:1200px; margin:0 auto; }
.news_main { }
.news_main ul { margin:0 -20px; }
.news_main li { width:33.3%; float:left; margin-bottom:50px; }
.news_main li dl { margin:0 20px; border-bottom:1px solid #6a7074; }
.news_main li dl dd span { display:block; padding:20px 0; line-height:1em; font-size:18px; color:#000000; font-family:Arial;    padding-left: 15px; }
.news_main li dl dt {  font-size:18px; line-height:1.6em; height:3.2em; overflow:hidden;    padding-left: 15px;}
.news_main li dl dt a { color:#000; }
.news_main li dl dd p { color:#858585; font-size:12px; line-height:2em; height:8em; overflow:hidden; padding-right:15px;  padding-left: 15px; }
.news_main li dl dd a {  display:block; width:100%; overflow:hidden;}
.news_main li dl dd a img {  width:100%; height:auto;cursor: pointer; transition: all 0.6s; }
.news_main li dl dd a:hover img {
        transform: scale(1.2);
    }
.news_main li dl:hover { border-bottom:1px solid #6a7074;background: #FFFFFF;box-shadow: 0 6px 31px 0 rgba(0,0,0,0.15); }