@import url(Major/a-css.css);
@font-face { font-family: 'jl'; /*字体名称*/
   src: url('impact.ttf'); /*字体源文件*/
}
.jl { font-family: 'jl'; }
.tel { right: 0; top: 50%; text-align: left;  margin-top: -28px;font-size: 38px;    line-height: 57px; display: inline-flex;}
body{overflow-x:auto;min-width:320px;}
/*首页导航样式*/
#R-nav{
  position: fixed;
  position:absolute;
  top:0;
  left: 0;
  z-index:99999;
  width:100%;
  border-bottom:none;
}
.navbar-shadow{   }
#example-navbar-collapse{padding: 0!important;}
/*  */
.container1{
  max-width: 1200px;
  width:98%;
  margin:0 auto;
}
.carousel-indicators li {
    display: inline-block;
    width: 40px;
    height:4px;
    margin: 0px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #4f4e73;
    background-color: rgba(79, 78, 115, 0.9);
    border-radius:0;
}
.carousel-indicators li.active{
    width: 40px;
    height:4px;
    background-color: #4f4e73;
}
.carousel-indicators li span{
    height:4px;
    background:#fff;
    display: block;
    width: 0;
}
.carousel-indicators li.active span{
   transition-timing-function: linear;
   -webkit-transition-timing-function: linear;
   transition: all 7s;
   width: 40px;
}
.nav_wrap_wrap{
   /*background:none;*/
    background-color: rgba(0,0,0, 0.8);

}
.nav_wrap_wrap.active{
    /*background: rgba(108,108,108,.9)!important;*/
}
.nav_wrap_wrap .nav_wrap{
  max-width: 1200px;
  margin:0 auto;
  overflow: hidden;
  padding:2% 0 1%;
  display:none;
  
}
.nav_wrap_wrap .nav_wrap .nav_item{
  width:22.4%;
  margin-right:3%;
  float: left;
}
.nav_item .nav_list{
  width:100%;
  display:none;
}
.nav_item_wrap{
  display: none;
}
.nav_item .nav_list li{
  height: 43px;
  line-height: 43px;
  background: #2a2e34;
  margin-bottom: 20px;
  font-size:16px;
  color: #fff;
  padding-left:20px;
  cursor: pointer;
  overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.nav_item .nav_list li a{
  color: #fff;
  display: block;
}
.nav_item .nav_list li a:hover{
  color: #0f7bb8;
}
.nav_item .nav_list li.more_list{
   background:#2a2e34 url(./../images/nav_bk.png) no-repeat 90% center;
}
.nav_item .nav_list li.more_list:hover{
  color: #0f7bb8;
  background:#2a2e34 url(./../images/nav_bk1.png) no-repeat 90% center;
}
.nav_item .nav_list li.more_list.hover{
  color: #0f7bb8;
  background:#2a2e34 url(./../images/nav_bk1.png) no-repeat 90% center;
}

/*banner文字设置*/
.banner-txt{top: 32%;width: 100%;}
.banner-txt-1{text-shadow: 1px 1px rgba(255,255,255,.8)}
.er-ad-t-txt{text-shadow: 1px 1px rgba(0,0,0,.5)}
.er-ad-t-txt hr{box-shadow: 1px 1px rgba(0,0,0,.3)}
/*首页统一按钮*/
.H-btn{width: 244px;height: 64px;line-height: 64px;}
.H-btn:hover{background: #937344;font-size: 20px;}
/*首页栏目定位*/
#H-about, #H-product, #H-team, #H-new{margin: 10px 0 0; border-top: 50px solid transparent;    clear: both;}
/*关于我们*/
.about-bg{background:#fff  top center no-repeat; -webkit-background-size: cover; background-size: cover;}
.about-list{background: #fff;border-radius:2px;padding-top: 30px;padding-bottom: 0;box-shadow: 0 0 20px #eee;}
.about-list-bottom{background: #fff;border-radius: 0 0 20px 20px ;padding-top: 20px;padding-bottom: 30px;box-shadow: 0 0 20px #fff;}
.about-pic, .about-pic img{width:90%; height: auto;}
.about-pic-shadow{width: 130%;height: 0;right: 45px;bottom: 0;padding-bottom: 130%;}
/*广告1*/
.ad1{margin-top: -160px;}
.ad-1-l-bg{height: 700px;width: 553px;}
.ad-1-l-bg img{height: 100%; min-width: 100%;}
.ad-1-l-txt-bg{ left: 30px; z-index: 1; top: 30px; right: 30px; bottom: 30px;}
.ad-1-l-txt{color: #fff; z-index: 999999999; padding: 200px 100px; position: absolute; line-height: 2;}
/*首页大标题*/
.H-hr{width: 50px;height: 2px;}
/*产品介绍*/
.por-bg{background: url(../images/pro-bg.jpg) center center no-repeat; -webkit-background-size: cover; background-size: cover;}
.por-img{height: 0; padding-bottom: 100%; overflow: hidden;}
.por-img img{  top: 0; bottom: 0;  margin: auto; min-width: 100%;min-height: 100%;opacity: 1!important;}
.por-con{margin-bottom: 30px;}
.por-con .por-ms a{height: 120px;line-height: 40px; padding: 20px 0;display: block;background: #fff;}
.por-con .por-ms a .text-uppercase{color: #666;}
.por-con .por-ms a p{transition: .3s}
.por-con{box-shadow: 0 5px 15px #eee; }
.por-con:hover .por-ms a {background: #937344; }
.por-con:hover .por-ms a p{color: #fff; letter-spacing: 2px}
/*滚动*/
.Product .carousel-control.left, .Product .carousel-control.right { width: 58px; height: 186px; opacity: 1; color: #fff; font-size: 36px; top: 50%; margin-top: -93px; background: url(../images/hei-5.png);}
.Product .carousel-control.left {right: -15px;left: auto;}
.Product .carousel-control.right {left: -15px;}
.Product .carousel-inner{display: block;}
#simple-content-carousel>.carousel-inner>.item{background: none;}
/*团队介绍*/
.team-bg{background: url(../images/team-bg.jpg) center center no-repeat; -webkit-background-size: cover; background-size: cover;}
.team-list{background: url(../images/hei-5.png);width: 85%;padding-bottom: 50px;    float: right;}
.team-list, .team-pic{border: 5px solid #fff;}
.team-pic {width: 200px;height: 200px; left: -40px; top: -40px; overflow: hidden;}
.team-pic img{ top: 0; bottom: 0; margin: auto;  min-width: 100%; min-height: 100%;position: absolute;max-width: 100%;}
.team-txt-main{ margin-left: 200px; margin-top: 30px;}
/*二级团队列表*/
.er-team .team-list{background: none;width: 100%;margin-top: 100px;margin-bottom: 30px;}
.er-team .team-list, .er-team .team-pic{border: 1px solid #ddd;}
.er-team .team-pic {left: 50%;top: -100px;border-radius: 100%;margin-left: -100px;border-color:  #eee;}
.er-team .team-pic img{border-radius: 100%;border: 5px solid#fff;}
.er-team .team-txt-main{margin-left: 0;margin-top: 130px;text-align:center;}
.er-team .team-txt-main hr{margin-left: auto;margin-right: auto;}
.er-team .team-txt .team-txt-ms{margin-top: 0;}
/*中融动态*/
.new-time{ width: 106px;height: 140px;background: #f9f9f9;padding: 10px;line-height: 2;}
.new-time .text-weight{ border-bottom: 1px solid #ddd; margin-bottom: 10px;}
.new-txt{ position: absolute; left: 170px;right: 30px; top: 0;}
.new-txt i{color: #b2b2b2;}
.new-btn{width: 135px;height: 36px;line-height: 36px;}
.new-btn:hover{font-size: 16px;}
.scrollBox .bd li { margin-bottom: 50px; height: 240px; padding: 0 30px;}
.scrollBox .bd li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}/* 去掉链接触摸高亮 */
.scrollBox .hd {overflow: hidden;font-size: 0;text-align: center;height: 20p;}
.scrollBox .hd ul {display: inline-block;padding-top: 5px;}
.scrollBox .hd li { display: inline-block; margin: 0 5px; vertical-align: top; width: 15px; height: 15px; background: #d2d2d2; border-radius: 3px; transition: .3s; }
.scrollBox .hd .on {background: #c39758;width: 30px;height: 10px;margin-top: 3px;}

.scrollBox .prev, .scrollBox .next {display: inline-block;background: #eee; ;vertical-align: top;color:  #c39758;font-weight: bold; padding: 5px;border-radius: 5px;margin: 0 15px; cursor: pointer;}
.scrollBox .prev:hover, .scrollBox .next:hover {background: #c39758; ;vertical-align: top;color:  #fff;font-weight: bold; }
/*二级新闻展示底部新闻推荐*/
.layui-elem-quote{border-left-color: #c39758}
.show-txt-side-tuijian li {text-indent: 1em;background:url(../images/new-icon.png) 15px center no-repeat;}
.show-txt-side-tuijian li p{border-bottom: 1px dashed #ddd;line-height: 48px;margin-top: 3px;height: 48px;}
.show-txt-side-tuijian li a{font-size: 16px;}
/*首页底部广告背景*/
.ad-bg{background: url(../images/ad-bg.jpg) center center no-repeat; -webkit-background-size: cover; background-size: cover; height: 300px;}
.weizhi-box {background: #f9f9f9;margin-bottom: 0;height: 51px;line-height: 51px;}
.weizhi-box .fz-18 { font-weight: normal; padding-left: 15px; border-left: 5px solid #c39758; height: 25px; line-height: 25px; margin-top: 13px; }

.row>[class*=col-xs-],
.row>[class*=col-sm-],
.row>[class*=col-md-],
.row>[class*=col-xl-],
.row>[class*=col-lg-]{animation-delay: 0.2s;}


/*二级分类导航*/
.nav-pills>li>a{font-size: 16px;}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{  background-color: #c39758;}
/*二级顶部广告图*/
.er-ad-t { -webkit-background-size: cover; background-size: cover; background-position: 50%; height: 400px }
/*二级展示页面*/
.show {padding: 30px 0;}
.show p { font-size: 16px; text-indent: 2em; }
.show img { max-width: 90%;  }
/*二级-联系我们*/
.map-txt{left: 0;top: 0;bottom: 0;background-image: url(../images/hei-7.png); padding:30px; color: #fff}
.map-fenxiao>li>p:nth-last-child(1){min-height: 3em;}
/*分页*/
.pagination { display: table; margin: 20px auto; }
.pagination>li>a,  .pagination>li>span { color: #c39758; }
.pagination>.active>a,  .pagination>.active>a:focus,  .pagination>.active>a:hover,  .pagination>.active>span,  .pagination>.active>span:focus,  .pagination>.active>span:hover { background-color: #c39758; border-color: #c39758; }
.pager .next>a, .pager .next>span, .pager .previous>a, .pager .previous>span { float: none; }
.pager li>a, .pager li>span { display: block; }

@media (max-width: 768px) {
/*首页栏目定位*/
/* #H-about, #H-product, #H-team, #H-new{padding-top: 20px;margin: -50px 0 0;border-top: 50px solid transparent;clear: both;} */
/*banner文字设置*/
.banner-txt{top: 25%;}
.banner-txt-1{font-size: 32px;}
.banner-txt-2{font-size: 20px;}
.banner-txt-3{display: none;}
.er-ad-t-txt{top: 5%;}
.er-ad-t-txt hr{margin-top: 10px;margin-bottom: -10px;}
/*首页统一按钮*/
.H-btn {width: 80%;height: 34px;line-height: 34px;margin-top: 20px;}
/*关于我们*/
.about-pic, .about-pic img{width: 50px;height: 50px;}
.about-pic-shadow{right: 25px;}
.about-list{border-radius: 20px; margin-bottom: 30px;padding-top: 40px;}
.about-list-bottom{box-shadow: none; padding-top: 20px; padding-bottom: 20px;}
/*中融动态*/
.scrollBox .bd li{padding: 0;height: auto;margin-bottom: 25px;}
.new-time{width: 80px;height: auto;}
.new-txt{ left: 100px; right: 0px;}
.new-btn {width: 80px;height: 24px;line-height: 24px;margin-top: 15px;}
/*首页底部广告背景*/
.ad-bg{height: 200px;}
/*产品介绍*/
.carousel-control:before{top: 50%;margin-top: -19.5px;position: absolute;width: 100%;left: 0;}
.Product .carousel-control.left, .Product .carousel-control.right {width: 38px;height: 100px;margin-top: -50px;}
/*广告1*/
.ad1{margin-top: 0;}
/*团队介绍*/
#H-team .row>div{padding: 5px;}
.team-list{width: 100%;padding-bottom: 20px;}
.team-pic {position:  static;width: 100%;height:  auto;left:  0;top: 0;border: navajowhite;}
.team-pic img{max-width: 100%;position:  static;min-height:  auto;height:  auto;top: auto;bottom: auto;}
.team-txt-main{margin-left: 0;margin-top: 0;padding: 10px;}
.team-txt-main hr{margin-top: 10px;margin-bottom: 10px;}
.team-txt .H-btn{font-size: 14px!important;width: 90%!important;margin-top: 5px;}
/*二级团队列表*/
.er-team .team-list{margin-top: 60px;margin-bottom: 30px;padding-bottom: 20px;}
.er-team .team-pic {top: -50px;margin-left: -50px;width: 100px;position:  absolute;}
.er-team .team-txt-main{margin-top: 60px;}
/*二级分类导航*/
.nav-pills>li>a{padding: 10px;}
/*二级顶部广告图*/
.er-ad-t{height: 150px;}
/*产品介绍*/
.er-por .por-con .por-ms a { height: 40px; line-height: 40px;  padding: 0; }
/*二级展示页面*/
.show {padding: 0;}
.show p { font-size: 14px; }
.map-html{opacity: .8; filter:alpha(opacity=80); height: 300px;overflow: hidden;}

}


@media (max-width: 350px) {
/*首页栏目定位*/
#H-about, #H-product, #H-team, #H-new{padding-top: 20px;margin: -50px 0 0;border-top: 50px solid transparent;clear: both;}
/*关于我们*/

.about-pic-shadow{right: 20px;}
/*二级分类导航*/

.nav-pills>li>a{padding: 5px;font-size: 14px;}
#R-nav #nav>li>a{font-size: 16px;}

/*二级顶部广告图*/
.er-ad-t{height: 100px;}
.er-ad-t-txt{top: -20px;}
}
.fl{float:left;}
.fr{float: right;}
.text-center{text-align:center;}
/*服务-action*/
.container-all{max-width:1200px;margin: 0 auto; margin: 40px auto;}
.fw {background: #f6f6f6; }
.fw .fw-div{ display: flex;justify-content: center;height: 90px; width:90%; padding:10px;border-radius:5px; box-shadow:2px 2px 10px rgba(0, 0,  0, 0.1);/*margin-bottom:20px;*/background: #fff;}
.juzhong{
  max-width:1200px;
  margin: 0 auto;
}
.fw-div-wrap{
  width: 18%;
  float: left;
  margin:0 1%;
  padding-bottom:30px;
}
.fw .fw-div:first-child{margin-left:0;}
.fw .fw-div:last-child{margin-right:0;}
.fw .fw-div .fw-ico{width:77px; height:auto; margin: auto;}
.fw .fw-div .fw-ico img{width: 100%;}
.fw .fw-div .fw-nr{width:60%; vertical-align: middle; margin: auto; display: inline-block;}
.fw .fw-div .fw-nr p{line-height: 30px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.fw .fw-div .fw-nr p:first-child{font-size:18px; color: #222222;}
.fw .fw-div .fw-nr p:last-child{font-size:14px; color: #666666;}
/*服务-over*/
@media(max-width:760px){
  .fw .fw-div .fw-ico{
      width: 85px;
      height: 85px;
  }
  .fw .fw-div .fw-ico img {
      width:100%;
  }
}
/*成功案例-action*/
.chenggong{position: relative;width: 100%; height:640px;  background: #FFFFFF url(../images/anli-bg.png) no-repeat; background-size:100% 100%;}
.chenggong  .title-cg span{display: block; color:#FFFFFF;}
.chenggong  .title-cg span:first-child{font-size:26px;font-weight: bold;line-height:60px; }
.chenggong  .title-cg span:last-child{font-size:16px;}
#R-nav #nav>li.search_btn{
  width:244px;
}
.d7{
  width:90%;
  border-radius:6px;
  border: 2px solid #2c2b6d;
  background: #2c2b6d;
  margin-top:15px;
  height: 32px;
  line-height: 32px;
  color:#FFF;
  overflow: hidden;
  margin:0 auto;
  margin-top:17px;
  position: relative;
}
.d7:after {content:""; clear:both; display:table}
.d7 form {
  width: auto;
  float: right;
  width:100%;
  height: 32px;
}
.d7 input {
  display: block;
  float:left;
  width: 80%;
  height: 32px;
  float: left;
  text-indent:15px;
  background: #2c2b6d;
  border:none;
  outline: none;
  position: relative;
  transition: .3s linear;
  margin-left:7px;
  color:#7a79a1;
  padding:0;
  margin:0;
  position: relative;
}
.d7 input::-webkit-input-placeholder{
    font-size:14px;  
    color: #7a79a1;
} 
.d7 input:focus {
   width: 80%;
}
.d7 button {
  display: block;
  width: 32px;
  height: 32px;
  background: none;
  border: none;
  margin-top:-3px;
  position: absolute;
  right: 0;
  top:3px;
}
.d7 button:before{
  content: "\f002";
  font-family: FontAwesome;
  color: #7a79a1;
  
}
/* The tabs */
.tabs-colorful-icons{
    font: bold 13px sans-serif;
    margin: 30px auto 30px;
    max-width: 1200px;
    text-align: center;
}
.text-detail-wrap-con{
     margin: 30px auto 30px;
    max-width: 1200px;
}
/* The tabs */
.tabs-colorful-icons ul{
    list-style: none;
    text-align: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.tabs-colorful-icons ul li{
    width: 20%;
    float:left;
}
.tabs-colorful-icons ul li a{
    display: block;
    text-decoration: none;
}
.tabs-colorful-icons ul li img{
  display: block;
  margin: 0 auto;
}
.tabs-colorful-icons ul li i{
    padding-right: 8px;
}
.tabs-colorful-icons .first-tab{
    color:  #7494b7;
}
.tabs-colorful-icons .second-tab{
    color:  #9274b7;
}
.tabs-colorful-icons .third-tab{
    color:  #dbb43d;
}
.tabs-colorful-icons .tab-active {
    border-color: #dddddd;
    background-color: #ffffff;
}
/* The content */
.tabs-colorful-icons .tabs-content-placeholder{
    overflow: hidden;
    font-weight: normal;
    background-color: #fff;
    padding: 25px 32px 30px;
    margin: 0 auto;
    text-align: center;
}
.tabs-colorful-icons .tabs-content-placeholder div{
    display: none;
}
.tabs-colorful-icons .tabs-content-placeholder div.tab-content-active{
    display: block;
}
.tabs-colorful-icons .tabs-content-placeholder div p{
    color: #565a5c;
    line-height: 1.45;
    text-align: left;
    margin: 5px 0 20px;
}
.tabs-colorful-icons .tabs-content-placeholder div img{
    max-width: 100%;
}
/*产品-修改-action*/
.tabs-colorful-icons ul li .qh{width:100%;height: auto;position: relative;cursor:pointer;}
.tabs-colorful-icons ul li .qh img{width:77px;display: block;margin: 0 auto;}
.tabs-colorful-icons ul li .qh img.qh_img1{ display: block;}
.tabs-colorful-icons ul li .qh img.qh_img2{ display:none;}
.tabs-colorful-icons ul li.hover .qh img.qh_img1{ display:none;}
.tabs-colorful-icons ul li.hover .qh img.qh_img2{ display: block;}
.tabs-colorful-icons ul li p{font:18px "microsoft yahei"; color: #000000;}
.cp-div{padding:0 2%;}
.cp-div .cp-js{width:24%; display: block;}
.cp-div .cp-js.cp-js-1{width:33.333%; display: block;min-height: 140px;}
.cp-div .cp-js .cp-bt-nr{
  font:18px "microsoft yahei"; 
  color:#000000;
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  margin-bottom: 10px;
 }
 .cp-div{
  display: none;
 }
.cp-div .cp-js .cp-nr{
  font:15px "microsoft yahei";
  display:block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
   overflow: hidden;
   line-height:26px;
}
.cp-div .cp-js.cp-js-1 .cp-nr{
  width:80%;
}
/*产品-修改-over*/
/*解决方案-修改-action*/
.jjfa-div{width:244px;display: block;margin:0 9px;margin-bottom: 50px;}
.jjfa-div .jjfa-img{width:244px;display:block;}
.jjfa-div .jjfa-img img{width:244px;height:144px;}
.jjfa-div .jjfa-js{
  width:100%;
  display:block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font:14px "microsoft yahei";
  line-height:22px;
  padding-top:5px;
}
/*解决方案-修改-over*/
/* The ============================================================================= */
.tabs-vertical{
    margin: 30px auto 30px;
    max-width: 1200px;
    text-align: center;
}
/* The tabs */
.tabs-vertical ul{
    float: left;
    list-style: none;
    text-align: left;
    margin: 0;
    margin-top:;
    padding-left: 0;
}
.tabs-vertical ul li{
    margin-right: -1px;
}
.tabs-vertical ul li a{
    display: block;
    width:140px;
    text-decoration: none;
    color: #fff;
    border-right: #9ea3aa 3px solid;
    margin-right: -1px;
    padding: 22px 0 22px 20px;
}
.tabs-vertical ul li a.tab-active {
   border-right: #00a4ff 5px solid;
   color: #00a4ff;
}
.tabs-vertical ul li:first-child a{
    border-top: 0;
}
/* The content */
.text-detail-wrap{
  background: #f6f6f6;
  overflow: hidden;
  padding:35px 0 0;
}
.tabs-vertical .tabs-content-placeholder{
    overflow: hidden;
    padding-left:10%;
    margin: 0 auto;
    text-align: center;
    background: #f6f6f6;
}
.tabs-vertical .tabs-content-placeholder.speil{
  background: none;
}
.tabs-vertical .tabs-content-placeholder div{
    display: none;
}
.tabs-vertical .tabs-content-placeholder div.tab-content-active{
    display: block;
}
.tabs-vertical .tabs-content-placeholder div p{
    color: #fff;
    line-height: 1.5;
    text-align: left;
    margin-bottom:30px;
}
.text-detail{
   width:80%;
   text-align:center;
   margin: 0 auto;
   line-height:25px;
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp:2;
   height:50px;
   font-weight:normal;
}
.text-detail-a{
  border:#00a4ff solid 1px;
  width: 120px;
  height: 36px;
  line-height: 36px;
  font-size:14px;
  transition: all 1s;
}
.text-detail-a:hover{
  background: #00a4ff;
  color: #fff;
}


/* The ============================================================================= */
.bgtab{background: url(../images/bgtab.jpg) center center no-repeat; -webkit-background-size: cover; background-size: cover; min-height:640px; }
/*news_tab*/
.news_tab{
    margin: 30px auto;
    max-width: 1200px;
    text-align: center;
    overflow: hidden;
}
.news_tab .news_title{
   height: 58px;
   line-height: 58px;
   border-bottom: 1px solid #666666;
   margin-bottom: 41px;
   overflow: hidden;
}
.news_tab .news_title span{
  display:inline-block;
  line-height:58px;
  font-size: 24px;
  padding:0 10px 0  0;
  float: left;
  color: #222222;
}
.news_tab .news_title  a{
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
  padding-top:27px;
  float: right;
  color: #666666;
}
.news_tab .news_title  a:hover{
  color: #f00;
}
.news_tab_left{
  width:32%;
  float: left;
}
.news_tab_left ul li{
  margin-bottom:7%;
  position: relative;
}
.news_tab_left ul li img{
  width:100%;
}
.news_tab_left ul li p{
   line-height:30px;
   background: rgba(105,112,122,0.8);
   text-align: center;
   color: #fff;
   font-size:16px;
   width:100%;
   position: absolute;
   left: 0;
   bottom:0;
   overflow: hidden;
   text-overflow:ellipsis;
   white-space: nowrap;
}
.news_tab_right{
  width:63%;
  float:right;
}
.news_tab_right ul li{
   overflow: hidden;
   margin-bottom:6%;
   position:relative;
}
.news_tab_right ul li img{
  display: block;
  width:34.7%;
  float: left;
  height: 100%;
  /*padding-left:2%;*/
}
.news_tab_right ul li .right_item_text{
  width:60%;
  float: left;
  padding-left: 1.4%;
  height:100%;
}
.news_tab_right ul li .right_item_text .title{
   font-size:16px;
   line-height: 16px;
   padding:3px 0 8px;
   text-align: left;
    white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   color:#262626;
}
.news_tab_right ul li .right_item_text .detail{
   font-size:14px;
   line-height:22px;
   text-align: left;
   color: #666666;
   display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.news_tab_right ul li .right_item_text .date{
   font-size:14px;
   line-height:14px;
   color: #666666;
   position: absolute;
   left:36.9%;
   bottom:0.6%;
}
/*fotter*/
.fotter{
  background: #212330;
  padding:30px 0;
}
.fotter_con{
    padding:0 20px;
    max-width: 1200px;
    text-align: center;
    overflow: hidden;
    margin:0 auto;
}
.fotter_con .fotter_con_left{
  width:49%;
  float: left;
  border-right: 1px solid #666666;
}
.fotter_con .fotter_con_left p.title{
    font-size:16px;
    line-height: 16px;
    padding-top:22px;
    color: #fff;
    text-align: left;
}
.fotter_con .fotter_con_left ul{
  width:83%;
  border-bottom: 1px solid #666666;
  height: 64px;
  text-align: left;
  overflow: hidden;
}
.fotter_con .fotter_con_left ul li{
  display: inline-block;
  margin-right:20px;
  line-height:64px;
  font-size:14px;
  color: #999999;
}
.fotter_con .fotter_con_left ul.speil{
  height: 85px;
}
.fotter_con .fotter_con_left ul.speil li{
  font-size:16px;
  color: #fff;
  line-height:85px;
}
.fotter_con .fotter_con_left ul.speil li a{
  color: #fff;
}
.fotter_con .fotter_con_left  p.address_title{
   font-size:14px;
    line-height: 25px;
    padding-top:15px;
    color: #999999;
    text-align: left;
}
.fotter_con .fotter_con_right{
  width:40%;
  float: left;
  padding-left:10%;
}
.fotter_con .fotter_con_right .zixun_title{
   padding-left:74px;
   background: url(./../images/icon_zixun.png) no-repeat center left;
   height: 64px;
   text-align: left;
   line-height:30px;
   font-size:30px;
   color: #fff;
}
.fotter_con .fotter_con_right .zixun_title span{
  display: block;
  font-size:16px;
  line-height: 16px;
  color: #fff;
  text-align: left;
  padding-bottom: 18px;
}
.fotter_con .fotter_con_right p.title{
    font-size:16px;
    line-height: 16px;
    padding-top:52px;
    color: #fff;
    text-align: left;
    padding-bottom: 30px;
}
.code_wrap{
   width:100%;
   overflow: hidden;
}
.code_wrap .code_con{
  float: left;
  margin-right:10%;
  width:40%;
}
.code_wrap .code_con img{
  display: block;
  width: 100%;
}
.code_wrap .code_con p{
  font-size:14px;
  line-height: 30px;
  color: #999999;
  text-align: center;
}
/*fotter_detail*/
.fotter_detail{
   background: #16161a;
   height: 60px;
   overflow: hidden;
}
.fotter_detail_con{
    max-width: 1200px;
    text-align: center;
    overflow: hidden;
    margin:0 auto;
}
.fotter_detail_con .logo{
  width:139px;
  height: 54px;
  float: left;
  padding:3px 0;
}
.fotter_detail_con p{
  display: inline-block;
  float: right;
  line-height: 60px;
  color: #666666;
  font-size:16px;
  padding-right:20px;
}
/* container-fluid */
/*banner_container*/
.banner_container{
    max-width:1200px;
    margin:0 auto;
    /* padding:0 80px; */
}

.banner_title{
  font-size:36px;
  color: #fff;
  line-height: 36px;
  padding-bottom: 20px;
  line-height: 36px;
  text-align: left;
}
.banner_text{
  font-size:20px;
  color: #fff;
  line-height: 36px;
  padding-bottom:30px;
  line-height: 36px;
  text-align: left;
}
.banner_a{
  display: block;
  width:160px;
  height: 40px;
  border:1px solid #fff;
  line-height: 40px;
  font-size: 18px;
  text-align: center;
  transition: all1s;
  color: #fff;
}
.banner_a:hover{
  background: #fff;
  color: #15145e;
}

@media(max-width:1300px){
  .nav_wrap_wrap .nav_wrap .nav_item{
    width:30.3%;
    margin-right:3%;
    float: left;
  }
}
@media(max-width:1150px){
  .banner_container{
    max-width:1200px;
    margin:0 auto;
    padding:0 80px;
}

.banner_title{
  font-size:30px;
  color: #fff;
  line-height: 30px;
  padding-bottom: 10px;
  line-height: 36px;
  text-align: left;
}
.banner_text{
  font-size:18px;
  color: #fff;
  line-height: 30px;
  padding-bottom:20px;
  line-height: 36px;
  text-align: left;
}
.banner_a{
  display: block;
  width:120px;
  height: 30px;
  border:1px solid #fff;
  line-height: 30px;
  font-size: 16px;
  text-align: center;
  transition: all1s;
  color: #fff;
}
.banner_a:hover{
  background: #fff;
  color: #15145e;
}
}

@media(max-width:1470px){
  #R-nav #nav>li>a{padding: 12px 5px;color: #fff;border-radius: 0;font-size: 18px;margin:12px 24px;border-radius: 0px;}
}
@media(max-width:1260px){
    #R-nav #nav>li.search_btn {
        width: 160px;
    }
    #R-nav #nav>li>a {
        padding: 12px 5px;
        color: #fff;
        border-radius: 0;
        font-size: 16px;
        margin: 12px 18px;
        border-radius: 0px;
    }
}

  
@media(max-width:1000px){
  .banner_container{
     margin:0 auto;
     width:90%;
  }
  #R-nav #nav>li>a {
      padding: 12px 2px;
      color: #fff;
      border-radius: 0;
      font-size: 16px;
      margin: 12px 15px;
      border-radius: 0px;
  }
  .container.container1{
    width:98%;
  }
  .navbar-brand>img {
      display: block;
      width:113px;
  }
  .cp-div .cp-js .cp-bt-nr {
      font: 16px "microsoft yahei";
  }
  .cp-div .cp-js .cp-nr {
      font: 13px "microsoft yahei";
      display: block;
      display: -webkit-box;
      -webkit-box-orient:vertical;
      -webkit-line-clamp:3;
      overflow: hidden;
      line-height: 26px;
  }
  .fotter_con .fotter_con_left{
    width:60%;
    float: left;
    border-right: 1px solid #666666;
  }
  .fotter_con .fotter_con_right{
    width:35%;
    float: left;
    padding-left:5%;
  }
  .fotter_con .fotter_con_right .zixun_title{
     padding-left:0;
     background:none;
     height: 64px;
     text-align: left;
     line-height:30px;
     font-size:30px;
     color: #fff;
  }
  .bor01 {
      height: 30px;
      line-height: 30px;
      font-size:16px;
  }
  .tabs-colorful-icons ul li .qh img {
      width: 60px;
   }
   .tabs-colorful-icons ul li p {
      font: 16px "microsoft yahei";
  }
  .jjfa-div .jjfa-js {
     font: 14px "microsoft yahei";
  }
  .fw-div-wrap {
      padding-bottom:20px;
  }
 
}
@media(max-width:900px){
  .banner_container{
     margin:0 auto;
}
.nav_item .nav_list li{
  font-size:14px;
  }

.banner_title{
  font-size:22px;
  color: #fff;
  line-height: 22px;
  padding-bottom: 10px;
  line-height: 36px;
  text-align: left;
}
.banner_text{
  font-size:15px;
  color: #fff;
  line-height:26px;
  padding-bottom:10px;
  line-height: 26px;
  text-align: left;
}
.banner_a{
  display: block;
  width:100px;
  height: 24px;
  border:1px solid #fff;
  line-height: 24px;
  font-size: 14px;
  text-align: center;
  transition: all1s;
  color: #fff;
}
.banner_a:hover{
  background: #fff;
  color: #15145e;
}
}
@media(max-width:920px){
  #R-nav #nav>li>a {
      font-size: 16px;
      margin: 12px 10px;
  }
  .navbar-brand>img {
    display: block;
    width:100px;
}


}
@media(max-width:849px){
  #R-nav #nav>li>a {
      font-size: 15px;
      margin: 12px 8px;
  }
  .navbar-brand>img {
    display: block;
    width:100px;
}

}
@media(max-width:780px){
  .nav_item .nav_list li{
    padding-left:4px;
    font-size: 12px;
    height:30px;
    line-height: 30px;
  }

   .tabs-vertical{
       margin:10px auto;
  }
  .tabs-vertical ul{
      float:none;
      width: 96%;
      list-style: none;
      text-align: left;
      margin: 0 auto;
  }
  .tabs-vertical ul li{
      width: 20%;
      float: left;
  }
  .tabs-vertical ul li a{
      display: block;
      width:100%;
      text-decoration: none;
      color: #fff;
      border-right: none;
      border-bottom: #9ea3aa 3px solid;
      margin-right: -1px;
      padding:20px 0;
      text-align: center;
  }
  .tabs-vertical ul li a.tab-active {
     border-right: none;
     border-bottom: #00a4ff 5px solid;
     color: #00a4ff;
  }
  .tabs-vertical ul li:first-child a{
      border-top: 0;
  }
  .tabs-vertical .tabs-content-placeholder{
    width:90%;
    overflow: hidden;
    padding-left:0;
    margin: 0 auto;
    text-align: center;
    background: #f6f6f6;
    padding-top: 20px;
  }
   .tabs-vertical .tabs-content-placeholder div.tabs-content-placeholder-con.tab-content-active{
     display:flex;
    justify-content: space-between;
    display:-webkit-flex;
    flex-direction:row;
    flex-wrap:wrap;
   }
  .tabs-vertical .tabs-content-placeholder div p{
      color: #fff;
      line-height: 1.5;
      text-align: left;
      margin:0;
      width:224px;
      margin-bottom:30px;
  }
  .tabs-vertical .tabs-content-placeholder div img{
      width:224px;
      height: 144px;
  }
}
@media(max-width:600px){
    .banner_container{
     margin-top:-20px;
}
  .jjfa-div .jjfa-img {
    width: 100%;
    display: block;
    height:auto;
}
   .tabs-vertical .tabs-content-placeholder div p{
      color: #fff;
      line-height: 1.5;
      text-align: left;
      margin:0;
      width:45%;
      margin-bottom:30px;
  }
  .tabs-vertical .tabs-content-placeholder div img{
    width:100%;
    height:auto;
  }
}
@media(max-width:760px){
  #R-nav #nav>li.search_btn{
    width:100%;
    margin-bottom:8px;
  }
  #R-nav #nav>li>a{padding:1px 5px;color: #fff;color:#333;height:43px;line-height:43px; border-radius: 0;font-size: 18px;margin:5px 24px;border-radius: 0px;}
  .fotter_detail_con .logo{
    width:113px;
    height:44px;
    float: left;
    margin:8px 0;
  }
  .fotter_detail_con p{
    display: inline-block;
    float: right;
    line-height: 60px;
    color: #666666;
    font-size:14px;
    padding-right:10px;
  }
  .fotter_con .fotter_con_left{
    width:75%;
    float: left;
    border-right: 1px solid #666666;
  }
  .fotter_con .fotter_con_right{
    width:20%;
    float: left;
    padding-left:5%;
  }
  .fotter_con .fotter_con_right .zixun_title{
     padding-left:0;
     background:none;
     height: 64px;
     text-align: left;
     line-height:30px;
     font-size:22px;
     color: #fff;
  }
  .code_wrap .code_con{
    float: none;
    margin-right:0;
    width: 80%;
    margin-bottom: 20px;
  }
  .code_wrap .code_con img{
    display: block;
  }
  .code_wrap .code_con p{
    font-size:14px;
    line-height: 30px;
    color: #999999;
    text-align: center;
  }
  .news_tab_left ul li p{
    font-size:14px;
  }
  .news_tab .news_title{
     height: 38px;
     line-height: 38px;
     margin-bottom: 31px;
  }
  .news_tab .news_title span{
    display:inline-block;
    line-height:38px;
    font-size: 18px;
    padding:0 10px;
    float: left;
    color: #222222;
  }
  .news_tab .news_title  a{
    display: inline-block;
    font-size: 14px;
    line-height:14px;
    padding-top:4px;
    float: right;
    color: #666666;
  }
  .news_tab_right ul li .right_item_text .title{
     font-size:14px;
     line-height: 14px;
  }
  .news_tab_right ul li .right_item_text .detail{
     font-size:12px;
     line-height:18px;
  }
  .news_tab_right ul li .right_item_text .date{
     font-size:12px;
     line-height:12px;
     color: #666666;
     position: absolute;
     left:36.1%;
     bottom:0.6%;
  }
  .fw .fw-div .fw-ico{
      width: 85px;
      height: 85px;
  }
  .fw .fw-div .fw-ico img {
      width:100%;
  }
  .fw-div-wrap {
      width: 48%;
      float: left;
      margin: 0 1%;
      padding-bottom:0;
  }
  .about-pic, .about-pic img{
      width:60%;
      height:auto;
  }
  .bor01 {
      height: 30px;
      line-height: 30px;
      width: 60%;
  }
  .tabs-colorful-icons ul li .qh img {
      width: 40px;
   }
   .tabs-colorful-icons ul li p {
      font: 14px "microsoft yahei";
      padding-top: 5px;
  }
  .text-detail-wrap {
      background: #f6f6f6;
      overflow: hidden;
      padding:5px 0 0;
  }
  .cp-div .cp-js .cp-bt-nr {
      font: 16px "microsoft yahei";
  }
  .cp-div .cp-js .cp-nr {
      font: 13px "microsoft yahei";
      display: block;
      display: -webkit-box;
      -webkit-box-orient:vertical;
      -webkit-line-clamp:3;
      overflow: hidden;
      line-height: 26px;
  }
   .fotter_con  .fotter_con_left{
    width:100%;
    float:none;
    border-right:none;
    padding-bottom: 30px;
    border-bottom: 1px solid #666666;
  }
  .news_tab .news_title{
     width: 92%;
     height: 38px;
     line-height: 38px;
      margin:0 auto;
     margin-bottom: 31px;
  }
  .news_tab .news_title span{
    display:inline-block;
    line-height:38px;
    font-size: 20px;

    padding:0 10px;
    float: left;
    color: #222222;
  }
  .news_tab .news_title  a{
    display: inline-block;
    font-size: 14px;
    line-height: 38px;
    float: right;
    color: #666666;
  }
  .news_tab_left ul li{
    width: 92%;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .fotter_con  .fotter_con_right{
    width:100%;
    float:none;
    padding: 0;
  }
  .news_tab_right ul li{
    width: 92%;
     margin: 0 auto;
     margin-bottom:6%;
  }

  .code_wrap .code_con {
    float: left;
    margin-right:10%;
    width: 30%;
    margin-bottom:0;
}
.fotter_con .fotter_con_right .zixun_title{
     padding-left:0;
     padding-top: 20px;
     background:none;
     height: 64px;
     text-align: left;
     line-height:30px;
     font-size:28px;
     color: #fff;
  }
  

}
@media (max-width: 640px) {

.banner_title{
  font-size:18px;
  color: #fff;
  line-height: 18px;
  padding-bottom: 5px;
  line-height: 18px;
  text-align: left;
}
.banner_text{
  font-size:14px;
  color: #fff;
  line-height:20px;
  padding-bottom:8px;
  line-height: 20px;
  text-align: left;
}
.banner_a{
  display: block;
  width:80px;
  height: 22px;
  border:1px solid #fff;
  line-height: 20px;
  font-size: 12px;
  text-align: center;
  transition: all1s;
  color: #fff;
}
.banner_a:hover{
  background: #fff;
  color: #15145e;
}
  .cp-div .cp-js.cp-js-1{
    width: 50%;
  }
  .tabs-colorful-icons ul li p{
    width: 30px;
    margin: 0 auto;
    font-size:14px;
  }
  .news_tab_left{
    width: 100%;
    float: none;
  }
  .news_tab_right{
    width:100%;
    float:none;
  }
 
  .fotter_detail_con .logo{
   display: none;
  }
}




/* container-fluid */
/* 新闻页面 */
.newsCon{padding-top:10px;padding-bottom:50px;width:100%;background-color:#fdfdfd;}
.newsCon .readMore{display:block;margin:0 auto;width:177px;height:33px;border:3px solid #d2d2d2;text-align:center;line-height:33px;font-size:14px;color:#929292;transition:.2s ease all;-webkit-transition:.2s ease all;-moz-transition:.2s ease all}
.newsCon .readMore:hover{border-color:#d51737;background-color:#d51737;color:#fff}

/*710px公位置导航*/
#position {width:1202px;height:30px; padding:10px 0px;line-height:30px;background:#FFF; border-bottom:1px #F0F0F0 solid;margin:5px auto 10px;box-shadow:0px 4px 15px 5px #ccc;}
#position strong {float:left;padding-left:45px;line-height:30px;background:url(../images/info-icon.gif) 15px 5px no-repeat; color:#333}
#position a{float:left;font-size:12px;height:30px;line-height:30px;display:block;color:#333; }
#position b{float:left;width:20px;line-height:30px;font-size:14px;overflow:hidden;text-indent:-100px; font-family:Arial, Helvetica, sans-serif;background:url(../images/sprite.png) center 0px no-repeat;}
#position a:hover{color:#F00}
.fixed:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.fixed{*zoom:1}.clear{clear:both}
.wp{margin:0 auto;width:1202px; overflow:hidden}#web{min-width:1202px}

.faqCon{float:left;padding:2px;width:834px;margin-top:23PX;}
.faqHeader{position:relative;margin-bottom:20px}
.faqHeader a{display:block;margin-right:2px;float:left;width:224px;height:48px;text-align:center;line-height:48px;font-size:18px;color:#00a4ff;transition:.2s ease all;-webkit-transition:.2s ease all;-moz-transition:.2s ease all; border:#00a4ff solid 1px;}
.faqHeader a:hover,a.on{background-color:#00a4ff; color:#FFF}


.imgList li{ margin-bottom:20px;border:1px solid #d2d2d2;overflow:hidden; height:150px;;}
.imgList li img{width:180px; height:110px; float:left; margin:20px; cursor: pointer;  
                transition: all 0.5s;}
.imgList li img:hover{transition: 1s;
	-moz-transition: 1s;
	-webkit-transition: 1s;
	-o-transition: 1s;

　　transform: scale(1.4);

	}	
	
	
.imgList li .rinfo{width:600px;height:110px;float:left; margin-top:20px; padding:0px 10px; display:block; overflow:hidden;transition:.5s ease all;-webkit-transition:.5s ease all;-moz-transition:.5s ease all}
.imgList li .rinfo h3{font-size:16px}
.imgList li .rinfo p{font-size:14px;line-height:20px; margin-top:10px; color:#999}
.imgList li .rinfo span{float:right;padding-right:30px}

.imgList li a{overflow:hidden;color:#666;}
.imgList li a:hover {color:#00a4ff}
/*列表分页*/
.list_page{width:100%;padding:5px 0px;margin:5px 0px;text-align:center;text-transform:uppercase;font-size:18px;clear:both;display:table;clear:both !important;}
.list_page a{height:40px; line-height:40px;display:inline-block;margin-right:5px;padding:0px 10px;background:#FFFFFF;border:1px solid #00a4ff;color:#00a4ff;}
.list_page a.current{background:#00a4ff;border-color:#00a4ff; color:#FFF}
.list_page a:hover{background:#00a4ff;border-color:#00a4ff;color:#FFF;text-decoration:none;}
.faqRight{float:right;width:346px; border:#d2d2d2 solid 1px; }
.faqRight .zxfw{display:block;width:100%;height:50px;line-height:50px;text-align:center;background-color:#C00;font-size:16px;color:#fff;margin:0 auto}
.faqRight .zxfw span{display:inline-block}
.faqRight .zxfw i{display:inline-block;*display:inline;*zoom:1;width:50px;height:50px;background:url(../images/pic14.png) center no-repeat;vertical-align:top}
.faqRight .zxfw:hover{background:#F00}
.faqnav{padding:20px;margin-bottom:10px}
.faqnav .tt {line-height:20px; font-size:16px; font-family:arial; color:#666; font-family:"微软雅黑";}
.faqnav .tt b{padding-left:40px;line-height:22px;font-size:18px;color:#222222;background:url(../images/newr1.png) left center no-repeat;}
.faqnav .ttt {line-height:20px; font-size:16px; font-family:arial; color:#666; font-family:"微软雅黑";}
.faqnav .ttt b{padding-left:40px;line-height:22px;font-size:18px;color:#222222;background:url(../images/newr2.png) left center no-repeat;}
.sideNav{margin:12px 0 20px 0; font-size:16px;border-top:1px solid #e5e5e5;}
.sideNav li{text-align:left;border-bottom:1px dotted #e5e5e5;font-size:14px; }
.sideNav a{display:block; height:42px; line-height:42px; overflow:hidden; padding:0 20px 0 10px; transition:background-color .3s ease, color .3s ease;}
.sideNav .ico{float:left; margin-top:2px; font-size:20px; font-family:"宋体"; cursor:pointer;}
.sideNav .active a, .sideNav a:hover{text-decoration:none; color:#00a4ff;}

.faqNewsBox{width:265px;background-color:#fff;padding:20px;margin-bottom:10px}
.faqNewsBox .tit{padding-bottom:20px;border-bottom:1px solid #e5e5e5}
.faqNewsBox .tit h5{height:22px;line-height:22px;padding-left:10px;border-left:3px solid #d6203f;font-size:16px;color:#333}
.faqNewsBox li{padding:15px 5px;border-bottom:1px solid #e5e5e5;height:20px;line-height:20px;}
.faqNewsBox li a{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.faqNewsBox li:hover{background:#C00}
.faqNewsBox li:hover a{color:#FFF}

.span1 {background:url(../images/time.png) left center no-repeat; padding-left:18px;}


/*文章页面*/
.newsInfoCon{position:relative;margin-bottom:55px;background-color:#fff}
.newsInfoCon .showPage{border-top:1px solid #e3e3e3;background-color:#f2f2f2}

.newsInfoCon .showPage ul{margin-left:25px; margin-right:25px;padding:12px 0px}
.newsInfoCon .showPage ul li{line-height:30px; margin:10px 0px;font-size:14px;color:#333; padding:0px 10px; background:#FFF; border:1px #E7E7E7 solid}
.newsInfoCon .showPage ul li a{color:#333; border-left:1px }
.newsInfoCon .showPage ul li a:hover{color:#d51737}

.newsInfoCon .otherTool{float:right;padding-top:18px}
.newsInfoCon .otherTool li{position:relative;float:left;width:58px;text-align:center;cursor:pointer}
.newsInfoCon .otherTool li a{display:block;line-height:24px;font-size:14px;color:#333;text-align:center !important;padding-top:32px}
.newsInfoCon .otherTool li.close{background:url(../images/pic12.png) center top no-repeat}
.newsInfoCon .otherTool li.close a:hover{background:url(../images/icon36s.png) center top no-repeat}
.newsInfoCon .otherTool li.share{background:url(../images/icon37.png) center top no-repeat}
.newsInfoCon .otherTool li.share a:hover{background:url(../images/icon37s.png) center top no-repeat}
.newsInfoCon .otherTool li.share:hover .shareBox{display:block}
.newsInfoCon .otherTool li:hover a{color:#d51737}
.newsInfoCon .otherTool li .shareBox{position:absolute;display:none;width:150px;bottom:56px;left:0;border:1px solid #ccc;background-color:#fff}
.newsInfoCon .otherTool li .shareBox dt{line-height:24px;border-bottom:1px solid #ccc;background-color:#f1f1f1;font-size:14px;text-indent:10px;color:#333;text-align:left}
.newsInfoCon .otherTool li .shareBox dd{padding:10px}

.newsInfoBox{padding:50px}
.newsInfoBox .closeBtn{position:relative;width:59px;height:70px;border-top:2px solid #d51737;text-align:center;background-color:#fff;z-index:3}
.newsInfoBox .closeBtn a{display:block;padding-top:45px;height:25px;line-height:25px;font-size:14px;color:#bcbcbc;background:url(../images/pic10.png) no-repeat}
.newsInfoBox .closeBtn a:hover{background:url(../images/pic11.png) no-repeat;color:#f2b9c3}
.newsInfoBox h1{text-align:center;font-size:30px;line-height:1.2;margin-bottom:15px}
.newsInfoBox .time{text-align:center;font-size:14px;color:#999;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #d6d6d6}
.newsInfoBox .article{font-size:14px;line-height:30px;min-height:300px}
.newsInfoBox .article p{margin-bottom:15px}
.newsInfoBox .article p.img_c img{max-width:100%;height:auto !important;clear:both;display:block;margin:auto; margin-bottom:20PX;}
.newsInfoBox .article p strong{color:#df0b19}
.newsInfoBox .article img{max-width:100%;height:auto !important}
.newsInfoBox .about{margin:10px 0 15px 0;border:1px dashed #ddd;padding:15px;background:#f9f9f9;text-align:left;max-width:100%}
.newsInfoBox .about a{color:#007cc7}
.newsInfoBox .imgbox{margin:0px auto;text-align:center}
.newsInfoBox .imgbox li{width:180px; height:100px; padding:5px; margin:10px; display:inline-block; border:1px #CCC solid}
.newsInfoBox .imgbox li img{width:180px; height:100px;}

/*案例导航*/
.topBanner{height:240px; overflow:hidden}
.casecon{padding-top:35px;overflow:hidden; background:#E1E1E1}
.hotTag{height:auto;margin-bottom:20px;line-height:26px;font-size:14px;color:#333}
.hotTag ul{background:#FFF; height:auto; display:inline-block; overflow:hidden; margin-left:1PX; }
.hotTag ul li{display:inline-block;line-height:35px; border:1px #00a4ff solid; border-radius:35px; margin-right:20px; }
.hotTag li a{display:inline-block;color:#00a4ff;padding:2px 68px;border-radius:35px; font-size:18px}
.hotTag li a:hover{color:#fff;background:#00a4ff; border-radius:35px;}
.hotTag li.active{color:#fff;background:#00a4ff; border-radius:35px;}
.hotTag li.active a{ color:#FFF}

.caseInfoWater{width:1200px;position:relative;overflow:hidden; display:block; margin-left:-12px;}
.caseInfoWater li{width:270px;height:auto;display:inline-block;margin:10px 12px;-webkit-transition:.5s ease-out all;transition:.5s ease-out all;background-color:#fff;transform-style:preserve-3d}
.caseInfoWater li a{position:relative;display:block;width:270px;overflow:hidden;}
.caseInfoWater li a img{position:relative;display:block;width:266px; height:158px; border:#FFF solid 3px; margin:0 auto;}
.caseInfoWater li a h3{font-size:18px;color:#333;margin-bottom:3px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:.2s ease all;-webkit-transition:.2s ease all;-moz-transition:.2s ease all; text-align:center;}
.caseInfoWater li a p{line-height:22px;color:#999;transition:.2s ease all;-webkit-transition:.2s ease all;-moz-transition:.2s ease all}
.caseInfoWater li a i{position:absolute;display:block;width:100%;height:100%;bottom:132px;*bottom:135px;left:0;}
.caseInfoWater li .info{height:30px;position:relative;padding:5px 20px;z-index:2; text-align:center;}
.caseInfoWater li:hover  a h3{color:#ccc;}
.caseInfoWater li:hover  a p{color:#fff}

/*产品*/
.prolist{width:1200px;position:relative;overflow:hidden; display:block; margin-left:-12px; background:#fff;}
.prolist li{width:284px;height:auto;display:inline-block;margin:10px 5px;
  box-shadow: 0 0 10px #ccc; background:#f6f6f6}
.prolist li a{position:relative;display:block;width:284px; overflow:hidden; background:#f6f6f6}

.prolist li a img{position:relative;display:block; margin:0 auto; padding-top:25px; padding-bottom:24px;}
.prolist li a h3{font-size:14px;color:#222222;margin-bottom:3px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:.2s ease all;-webkit-transition:.2s ease all;-moz-transition:.2s ease all; text-align:center;}
.prolist li .info{height:45px;position:relative;padding:15px 20px;z-index:2; text-align:center; background:#FFF}
.prolist li .info a{position:relative;z-index:2; text-align:center; background:#FFF;width:auto;}
.prolist li:hover  a h3{color:#222;}
.prolist li:hover  a p{color:#fff}
/*产品通用显示*/
.pro_show{width:1200px;position:relative;overflow:hidden; display:block; margin-left:2px; background:#fff;}
.pro_show li{width:270px;height:400px;display:inline-block;margin:10px 25px;
  box-shadow: 0 0 10px #ccc; background:#fff}
.pro_show li a{position:relative;display:block;width:270px; overflow:hidden;}
.pro_show li a img{position:relative;display:block; margin:0 auto; padding-top:20px; padding-bottom:10px;}
.pro_show li a h3{font-size:18px;color:#222222;margin-bottom:3px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:.2s ease all;-webkit-transition:.2s ease all;-moz-transition:.2s ease all; text-align:center; }
.pro_show li .info{height: auto;position:relative;padding:0px 20px 20px 20px;z-index:2; text-align:center; line-height:25px; }
.pro_show li:hover  a h3{color:#222;}
.pro_show li:hover  a p{color:#fff}
/*产品显示*/
.pro_xs{width:1220px;position:relative;overflow:hidden; display:block; }
.pro_xs li{width:346px;height:190px;display:inline-block;margin:15px 33px;}
.pro_xs li div{ position: relative;
  bottom: 0;
  width: 346px;
  padding: 20px;
  background: #fff;
  box-shadow: 4px 13px 30px 1px rgba(204, 204, 204, 0.8);
  border-radius: 5px;
  display: flex;
  align-items: center;
  height:190px;
}
.pro_xs li div time {
  position: absolute;
  background: #00a4ff;
  width: 175px;
  height: 30px;
  top: -15px;
  left:95px;
  border-radius: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 2px;
  color:#FFF;
}

.pro_xs li div h3{font-size:14px;color:#222222;margin-bottom:3px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:.2s ease all;-webkit-transition:.2s ease all;-moz-transition:.2s ease all; text-align:center;}
.pro_xs li div .info{height:45px;position:relative; text-align:center;}
ro_xs li:hover  div h3{color:#222;}
.pro_xs .title{ margin:3px 10px; line-height:30px;}

.pro_xsc{width:1200px;position:relative;overflow:hidden; display:block; margin-left:2px; background:#fff;}
.pro_xsc li{width:340px;height: auto;display:inline-block;margin:10px 12px;
  box-shadow: 0 0 10px #ccc; background:#fff;position:;}
.pro_xsc li a{position:relative;display:block;width:auto; overflow:hidden;}
.pro_xsc li a img{position:relative;display:block; margin:0 auto; padding-top:20px; padding-bottom:10px;}
.pro_xsc li a h3{font-size:18px;color:#222222;margin-bottom:3px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:.2s ease all;-webkit-transition:.2s ease all;-moz-transition:.2s ease all; text-align:center; }
.pro_xsc li .info{height: auto;position:relative;padding:0px 20px 20px 20px;z-index:2; text-align:center; line-height:25px; }
.pro_xsc li:hover  a h3{color:#222;}


.newsCon .gongneng:first-child,.newsCon .gongneng:last-child{width:340px;padding:20px 20px 55px 20px; box-shadow: 0 0 10px #ccc;background:#fff;}
.newsCon .gongneng:nth-child(2){width:468px;padding:20px;box-shadow: 0 0 10px #ccc;padding:20px 20px 55px 20px; background:#fff;margin:0 20px;}
.newsCon .gongneng .gn{width:96px;height:96px; margin:15px auto;}
.newsCon .gongneng .gn img{width:100%;height:100%;}
.newsCon .gongneng p:nth-child(2){font-size:18px;margin:20px 0; color:#000000;}
.newsCon .gongneng p{font-size:14px; color:#666666;line-height:20px;}
.newsCon .gongneng:nth-child(2) p.gn-small-bt{font-size:14px; color:#000000;margin:10px 0;}
.newsCon .gongneng:nth-child(2) p.gn-small-nr{font-size:14px; color:#666666;line-height:20px;}



/*服务显示*/
.sershow li{ margin-bottom:20px;border:1px solid #d2d2d2;overflow:hidden; height: auto; width:1188px;}
.sershow li img{width:121px; height:111px; float:left; margin:30px; cursor: pointer;            transition: all 0.5s;}
.sershow li img:hover{transition: 1s;	-moz-transition: 1s;	-webkit-transition: 1s;	-o-transition: 1s;　　transform: scale(1.4);	}	
	
.sershow li .rinfo{width:999px;height: auto;float:left; margin-top:30px; padding:0px 10px; display:block; overflow:hidden;transition:.5s ease all;-webkit-transition:.5s ease all;-moz-transition:.5s ease all; border-left: #CCC solid 1px; margin-bottom:30px;}
.sershow li .rinfo h3{font-size:16px}
.sershow li .rinfo p{font-size:14px;line-height:20px; margin-top:10px; color:#999}
.sershow li .rinfo span{float:right;padding-right:30px}

.sershow li a{overflow:hidden;color:#666;}
.sershow li a:hover {color:#00a4ff}






/*-----------------------------------------------------------------action新增=============================*/

/*-----------------------修改-action----------------------*/
/*数据中心IT现状-action*/
.content-bt-all{font-size:24px;margin:5px 0 35px 0;}
.content-js p{font-size: 14px;color:#666666;line-height:20px;margin:15px 0;}
/*数据中心IT现状-over*/

/*云计算-action*/
.yunjisuan{background: #f6f6f6;}
.yunjisuan .yjs-div{width: 178px;height:276px;background: #FFFFFF; padding:10px;margin:0 12px;box-shadow:0 0 3px rgba(0,0,0,0.3);}
.yunjisuan .yjs-div .yjs-img{width: 76px;height: 76px;margin:15px auto;}
.yunjisuan .yjs-div p:nth-child(2){font-size: 18px;margin:10px auto;}
.yunjisuan .yjs-div p:nth-child(3){font-size: 14px; color: #666666;margin:10px auto;}
.yunjisuan .yjs-div:first-child{margin-left: 0;}
.yunjisuan .yjs-div:last-child{margin-right: 0;}
/*云计算-over*/

/*集群统一存储系统解决方案-action*/
.bt-l-border{border-left:3px solid #00a0e9; padding-left:10px;}
.jjfa .jjfa-img{width: 1087px;height: 755px;margin: auto;}
.jjfa .jjfa-img img{width: 100%;height: 100%;}



/*集群统一存储系统解决方案-over*/



/*敏睿数据基础架构的特点-action*/
.jgtd{background: #f6f6f6;position: relative;}
.jgtd-r-bg{width:649px;height: 300px;background:url(../images/jg-bg.png) no-repeat;background-size:100% 100%;padding:40px; min-height: 330px; }
.jgtd-r-bg .jgtd-bt{font-size: 18px;color:#00a0e9;padding-left:15px;border-left:3px solid #00a0e9;margin-bottom: 15px;}
.jgtd-r-bg p{font-size: 14px;color:#666666;line-height: 20px;}
#wrapper {
	  width: 1134px;
	  height: 500px; 
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  margin: auto;
	  /*background-color: #fff;
	  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);*/
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
	  -webkit-align-items: center;
	      -ms-flex-align: center;
	          align-items: center;
	  -webkit-box-pack: left;
	  -webkit-justify-content: left;
	      -ms-flex-pack: left;
	          justify-content: left;
	  overflow: hidden;
	}

	#left-side {
	  /*height: 70%;*/
	  width:300px;
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
	  -webkit-align-items: center;
	      -ms-flex-align: center;
	          align-items: center;
	  -webkit-box-pack: center;
	  -webkit-justify-content: center;
	      -ms-flex-pack: center;
	          justify-content: center;
	          font-size: 18px;
	}
	#left-side ul li {
	  padding-top: 10px;
	  padding-bottom: 10px;
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	  line-height: 34px; 
	  font-weight: 500;
	  cursor: pointer;
	  -webkit-transition: all .2s ease-out;
	          transition: all .2s ease-out;
	              color: #222222; 
				  width:300px;
				  height:55px;
				  
	}
	#left-side ul li p{text-align: right!important;}
	
	#left-side ul li ico{}
	#left-side ul li:hover {
	  color:#00a0e9;
	  -webkit-transition: all .2s ease-out;
	          transition: all .2s ease-out;
	}
	#left-side ul li:hover > .icon {
	  fill: #333;
	}
	#left-side ul li.active {
	  color: #00a0e9;
	}
	#left-side ul li.active:hover > .icon {
	  fill: #E74C3C;
	}

	#border {
	  height: 100%;
	  width: 2px;
	  background-color:#ababab;
	}
	#border #line.one {
	  width: 4px;
	  height: 24px;
	  background-color: #00a0e9;
	  margin-left: -1px;
	  margin-top: 20px;
	  -webkit-transition: all .4s ease-in-out;
	          transition: all .4s ease-in-out;
	}
	#border #line.two {
	  width: 4px;
	  height: 24px;
	  background-color: #00a0e9;
	  margin-left: -1px;
	  margin-top: 80px;
	  -webkit-transition: all .4s ease-in-out;
	          transition: all .4s ease-in-out;
	}
	#border #line.three {
	  width: 5px;
	  height: 24px;
	 background-color: #00a0e9;
	  margin-left: -1px;
	  margin-top:130px;
	  -webkit-transition: all .4s ease-in-out;
	          transition: all .4s ease-in-out;
	}
	#border #line.four {
	  width: 4px;
	  height: 24px;
	  background-color: #00a0e9;
	  margin-left: -1px;
	  margin-top: 180px;
	  -webkit-transition: all .4s ease-in-out;
	          transition: all .4s ease-in-out;
	}
	
	
	#border #line.five {
	  width: 4px;
	  height: 24px;
	  background-color: #00a0e9;
	  margin-left: -1px;
	  margin-top: 235px;
	  -webkit-transition: all .4s ease-in-out;
	          transition: all .4s ease-in-out;
	}
	#border #line.six {
	  width: 4px;
	  height: 24px;
	  background-color: #00a0e9;
	  margin-left: -1px;
	  margin-top: 280px;
	  -webkit-transition: all .4s ease-in-out;
	          transition: all .4s ease-in-out;
	}
	#border #line.seven {
	  width: 4px;
	  height: 24px;
	  background-color: #00a0e9;
	  margin-left: -1px;
	  margin-top: 330px;
	  -webkit-transition: all .4s ease-in-out;
	          transition: all .4s ease-in-out;
	}
	#border #line.eight {
	  width: 4px;
	  height: 24px;
	  background-color: #00a0e9;
	  margin-left: -1px;
	  margin-top: 380px;
	  -webkit-transition: all .4s ease-in-out;
	          transition: all .4s ease-in-out;
	}
	#border #line.nine {
	  width: 4px;
	  height: 24px;
	  background-color: #00a0e9;
	  margin-left: -1px;
	  margin-top: 430px;
	  -webkit-transition: all .4s ease-in-out;
	          transition: all .4s ease-in-out;
	}
	
	
	#right-side {
	  height: 500px;
	  width: 73%;
	  overflow: hidden;
	}
	#right-side #first, #right-side #second, #right-side #third, #right-side #fourth,#right-side #fifth,#right-side #sixth,#right-side #seventh,#right-side #eighth,#right-side #ninth{ 
	  height: 500px;
	 /* width: 75%;*/
	  -webkit-transition: all .6s ease-in-out;
	          transition: all .6s ease-in-out;
	  margin-top: -500px;
	  opacity: 0;
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
	  -webkit-align-items: center;
	      -ms-flex-align: center;
	          align-items: center;
	  -webkit-box-pack: center;
	  -webkit-justify-content: center;
	      -ms-flex-pack: center;
	          justify-content: center;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	  -webkit-flex-direction: column;
	      -ms-flex-direction: column;
	          flex-direction: column;
	}
	#right-side #first h1, #right-side #second h1, #right-side #third h1, #right-side #fourth h1, #right-side #fifth h1, #right-side #sixth h1, #right-side #seventh h1, #right-side #eighth h1, #right-side #ninth h1 {
	  font-weight: 800;
	  color: #333;
	}
	#right-side #first p, #right-side #second p, #right-side #third p, #right-side #fourth p, #right-side #fifth p, #right-side #sixth p, #right-side #seventh p , #right-side #eighth p, #right-side #ninth p {
	
	  font-weight: 500;
	}
	#right-side #first.active, #right-side #second.active, #right-side #third.active, #right-side #fourth.active, #right-side #fifth.active, #right-side #sixth.active, #right-side #seventh.active, #right-side #ninth.active, #right-side #eighth.active{
	  margin-top: 0px;
	  opacity: 1;
	  -webkit-transition: all .6s ease-in-out;
	          transition: all .6s ease-in-out;
	}



/*敏睿数据基础架构的特点-over*/


 /*客户收益-action */
.khsy .khsy-div{position:relative;width:590px; height:164px;padding:45px;background:#FFFFFF;box-shadow: 0  0 3px rgba(0,0,0,0.3); color: #666666;}
.khsy .khsy-div:first-child{margin-right: 20px;}
.khsy .khsy-div:last-child{margin-left: 20px;}
.khsy .khsy-div .xh-div{top:-25px;position: absolute;background: #00a0e9;width: 50px;height: 50px;padding:5px;}
.khsy .khsy-div .xh-div .xh-center{border: 2px solid #FFFFFF;width: 40px;height: 40px;font-size: 20px;font-weight: bold;color: #FFFFFF; line-height: 40px;}

 /*客户收益-over */

/*方案要点-action*/
.fayd .fayd-div{display:flex;justify-content:center;align-items:center;width:224px;height:100px; box-shadow: 0  0 3px rgba(0,0,0,0.3);font-size:20px;font-weight:20px;color: #FFFFFF;margin:10px 10px;}
.fayd .fayd-div .fayd-xh{width:36px;height:100px;background: #00a0e9;line-height:100px;}
.fayd .fayd-div .fayd-nr{width:188px;font-size:14px;color: #666666; padding:0 15px;margin: auto;}
/*方案要点-over*/

.m-l-0{margin-left: 0!important;}
.m-r-0{margin-right: 0!important;}
/*-----------------------修改-over----------------------*/

/*解决方案-修改-over*/
/*-----------------------------------------------------------------action新增=============================*/
/*产品中心*/
.dingyue{ margin:62px auto 51px; width: 1200px;}
.dingyue h3{ text-align:center; margin-bottom: 26px; color: #222222; font-size: 30px;}
.dingyue p{ text-align:center; color: #666666;margin-bottom: 45px;}
.ran {margin-right:40px; width: 270px; height: 300px; box-shadow:2px 2px 2px 2px #ccc; }
.ran img{ margin:25px 0; padding-left: 85px;}
.ran span{display:block; text-align: center; font-size: 20px;}
.ran p{ width:214px; margin-top: 17px;  line-height: 20px; font-size: 14px;}
.ran:last-child{ margin-right: 0 }




.cunchu{ width:100%; height: 640px; background: #f6f6f6}
.cuncon{ width:1200px; margin:0 auto;}
.cunchu .tit{ padding-top: 40px; font-size: 24px;}
.outk{height:465px; width: 752px; border: 2px dashed #0075aa; margin: 66px auto 0; border-radius: 10px; position: relative}

.outk .top{ height: 52px;border: 2px dashed #0075aa; border-radius: 10px;width: 224px; position: absolute; top: -26px; left: 50%; margin-left: -112px; background: url(../images/top.jpg) no-repeat center #fff}

.outk .right{ width:285px; height: 169px; background: #0075aa; border-radius: 10px; margin-top: 57px; margin-left: 53px; position: relative; float: left}

.outk .right p{ width: 285px; height:35px; line-height: 35px; background: #00557b; color: #fff; text-align: center; font-size: 16px;  border-top-left-radius: 10px; border-top-right-radius: 10px; }
.outk .right .rightli{ color:#fff; margin: 20px 25px 0 29px; line-height: 28px; float: left; font-size: 16px; }

.outk .right .leftli{ color:#fff; margin: 20px 30px 0 20px; line-height: 28px; float: right;font-size: 16px; }

.outk .right .rightdown{ width: 134px; height: 33px; line-height: 33px; text-align: center; color: #00557b; font-size: 18px;  background: #fff; position: absolute;  left: 50%; margin-left:-67px; bottom: -16px; border-radius: 5px; box-shadow: 0 0 5px #666;}


.outk .left{ width:285px; height: 169px; background: #0075aa; border-radius: 10px; margin-top: 57px; margin-right: 53px;  float: right; position: relative;}

.outk .left p{ width: 285px; height:35px; line-height: 35px; background: #00557b; color: #fff; text-align: center; font-size: 16px;  border-top-left-radius: 10px; border-top-right-radius: 10px; }
.outk .left .rightli{ color:#fff; margin: 20px 25px 0 29px; line-height: 28px; float: left; font-size: 16px; }

.outk .left .leftli{ color:#fff; margin: 20px 30px 0 20px; line-height: 28px; float: right;font-size: 16px; }

.outk .left .leftdown{ width: 134px; height: 33px; line-height: 33px; text-align: center; color: #00557b; font-size: 18px;  background: #fff; position: absolute;  left: 50%; margin-left:-67px; bottom: -16px; border-radius: 5px; box-shadow: 0 0 5px #666;}
.outk .outdown{width:643px; height: 144px; background:#0075aa; border-radius: 10px; margin: 270px auto 0; position: relative}
.outk .outdown .jichu{ padding-top: 16px; margin-left: 22px; padding-left: 22px;}
.outk .outdown .big{ width: 77px; height: 100px; float: left; margin-right: 26px; overflow: hidden; margin-top: 16px; }
.outk .outdown .bigcon{ margin-left: 20px;}
.outk .outdown .tp{width: 77px; height: 77px; background:#fff; border-radius: 5px; margin-right: 27px; overflow: hidden; padding-top: 5px}

.outk .outdown .jichu .tp:last-child{ margin-right: 0 }
.outk .outdown .big p{color: #fff; margin-top: 8px; text-align: center; font-size: 14px;}
.outk .outdown .jichudown{width: 134px; height: 33px; line-height: 33px; text-align: center; color: #00557b; font-size: 18px;  background: #fff; position: absolute; left: 50%; margin-left: -67px; bottom: -16px; border-radius: 5px; box-shadow: 0 0 5px #666;}



.FangAn{ width:100%; height:640px; background: url(../images/jjbg.jpg) no-repeat center}
.FangCon{ width:1200px; height: 640px; margin: 0 auto;  padding-top: 50px }
.FangCon h3{ text-align:center; margin-bottom: 26px; color: #222222; font-size: 30px;}
.FangCon span{ font-size: 18px; line-height: 30px;}
.FangLeft{ float:left; width: 224px; height: 500px;padding-top: 119px;}
.FangLeft li{ text-align:right; margin-bottom: 50px;}
.FangCenter{float:left; width: 408px; height: 572px; margin: 0 130px; position: relative}
.FangCenter .one{ position:absolute; left: 150px;}
.FangCenter .one .ming{ position: absolute; top: 0}
.FangCenter .two{ position:absolute; top:96px; left: 17px;}
.FangCenter .two .ming{ position:absolute; top: 0}
.FangCenter .three{ position:absolute; top: 258px; left: 22px;}
.FangCenter .three .ming{ position:absolute; top: 0;}
.FangCenter .four{ position:absolute; left: 157px; bottom:92px; }
.FangCenter .four .ming{ position: absolute; top: 0}
.FangCenter .five{ position:absolute; top: 259px; left:297px;}
.FangCenter .five .ming { position: absolute; top: 0}
.FangCenter .six { position:absolute; top:96px; left: 300px; }
.FangCenter .six .ming{ position:absolute; top: 0;}
.FanRight{float:left;width: 224px; height: 500px; padding-top: 119px; }
.FanRight li{ margin-bottom: 50px;}

.FangCenter .tu .ming{ opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
.FangCenter .tu.active .ming{ opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}

.FangCenter .tu .an{ opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.FangCenter .tu.active1 .an{ opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
.Fang li.on span{ color: #00a4ff}

.Fang li:hover span{ color: #00a4ff}
.xukezheng{  width: 100%; background: #f6f6f6; height:460px;}
.xuke{ margin:62px auto 51px; width: 1200px;}
.xuke h3{ text-align:center; margin:50px auto;color: #222222; font-size: 30px;}
.ran {margin-right:40px; width: 270px; height: 263px; box-shadow:0px 0px 5px #ccc; background: #fff; }
.ran img{ margin:25px 0; padding-left: 85px;}
.ran span{display:block; text-align: center; font-size: 20px;}
.ran p{ width:214px; margin-top: 17px;  line-height: 20px; font-size: 14px;}
.ran:last-child{ margin-right: 0 }



.duibi{ width:100%; height: 780px;}
.duicon{ width:1200px; margin:0 auto;}
.duibi .tit{ padding-top: 40px; font-size: 24px;}

.duibi .htop{ text-align: center; margin-top: 24px; color: #fff}
.duibi .htop th{ background: #00a4ff; text-align: center;color: #fff; height: 30px;}
.duibi .htop p{ text-align: left}

.duibi .htop td{color: #616365}

.duibi .hbottom{ text-align: center; margin-top: 24px; color: #fff}
.duibi .hbottom th{ background: #00a4ff; text-align: center;color: #fff}
.duibi .hbottom p{ text-align: left}

.duibi .hbottom td{color: #616365}




.solution{  width: 100%; background: #f6f6f6; height:auto;}
.solutcon{ margin:62px auto 0; width: 1200px;}
.solutcon h3{ text-align:center; margin:50px auto;color: #222222; font-size: 30px;}
.so {margin:0 40px 60px 0; width: 270px; height: 90px ; box-shadow:0px 0px 5px #ccc; background: #fff; position: relative}
.so img{ margin:15px 0 20px 12px; }
.so span{display:block;  font-size: 18px; width: 142px; height: 42px; position: absolute; top:18px; left: 95px;}
.solution a{ display: block; width: 100%; height: 200px; background:url(../images/bot.jpg) no-repeat center}
.so:last-child{ margin-right: 0 }
.chanpinzixun{
    display: block;
    width: 100%;
    height: 200px;
    background: url(../images/bot.jpg) no-repeat center;
    color: #FFF;
    text-align: center;
    margin:0 auto;
}

/*****************************************************关于我们头部导航按钮action （contact） *************************************************************/
.ABout{ width:100%; height: 46px; background: rgba(0,0,0,0.3); position: relative; top: -46px; z-index: 100}
.ABcon{ width:1200px; height: 46px; margin: 0 auto}
.ABout ul li{ float:left;}
.ABout ul a{ color:#fff; line-height: 46px; padding: 0 78px; font-size: 18px; display: block;}
.ABout li:hover a { background: #00a4ff}


.ABout li.on{ background: #00a4ff}










/*****************************************************联系我们action （contact） *************************************************************/
.contact{ width:100%;;margin-top: -46px; }
.contact .contact_GS{ width:1200px; margin: 0 auto; height: 500px; }
.contact_GS h3{color:#222222; font-size: 30px;  text-align: center;width: 100%; margin-bottom: 40px; padding-top: 60px;}

.contact_GS p{ text-align:left; line-height: 25px; margin-bottom: 20px}

.RongYU{ height: 710px; width: 100%; background:url(../images/rongyubj.jpg ) no-repeat center;}

.RongYU .Rong_con{ width:1200px;  margin: 0 auto}

.RongYU .Rong_con h3{color:#222222; font-size: 30px;  text-align: center;width: 100%; margin-bottom: 40px; padding-top: 40px;}
.RongYU .bT{ width:1200px; height: 35px; margin-bottom: 40px;}
.RongYU .biaoti{ width:236px; margin: 0 auto}
.RongYU .biaoti li{ float:left}
.RongYU .biaoti a{ color: #fff; font-size: 18px; padding: 0 21px; border: 1px solid #00a4ff; line-height: 33px; display: block}
.RongYU .bT .biaoti a.aa{ background: #00a4ff}
.RongYU .bT li:hover a{ background: #00a4ff}

.Rongyu_tu {  width: 1200px; margin: 0 auto}



.Rongyu_tu .Ryone li{ width:270px; height:216px; display: block; background: #fff; float: left; margin-bottom: 50px; margin-right: 39px; text-align: center}
.Rongyu_tu .Ryone img{ margin: 1px auto 5px; display: block}



.HEzuo{ width:100%; height:455px; }

.HEzuo_con{ width:1200px; margin: 0 auto}


.HEzuo_con h3{color:#222222; font-size: 30px;  text-align: center;width: 100%; margin-bottom: 40px; padding-top: 60px;}

.He_tu{ width: 100%;}
.He_tu ul{}
.He_tu li{ float:left; width:224px; height: 136px; margin-right: 20px; margin-bottom: 20px }
.He_tu li img{display: block; margin:22px auto 0;width:220px; height: 100px;}
.He_tu li:hover{ box-shadow:0 0 5px rgba(0,0,0,0.3);}

.shijianzhou{ width:100%; height:617px; background: url(../images/sj.png) no-repeat center;}
.shi_con{ width:1200px; height:617px; margin:0 auto; position: relative; text-align: center}
.shi_con h3{color:#222222; font-size: 30px;  text-align: center;width: 100%; margin-bottom: 40px; padding-top: 40px; position: absolute;}
.sj_line{ width:100%; height: 1px; background:#bbb8b8; position: relative; top:-300px;z-index: 0}
.shi_con .btn{ position:absolute; width:1200px;top:40%;  left:50%; margin-left:-600px; height:60px; font-size:58px; color:#fff;  margin-top:-30px; font-weight:100;}
.shi_con .btn b{ float:left; width:30px; height:60px;  color: #666; text-align:center;line-height:60px; cursor:pointer;}
.shi_con .btn span{ float:right;width:30px; height:60px; color: #666;  text-align:center; line-height:60px; cursor:pointer;}
.shi_con .btn b:hover,.shi_con .btn span:hover{ color:#00a1e9;}
.shi_con .tu_shijian li{ display: block; width: 1200px; padding: 0 100px; position: relative; display: none}	
.shi_con .tu_shijian .zhengti{width:266px;height: 138px; padding: 0 30px; float: left; position: absolute; top:246px;z-index: 100}
.shi_con .tu_shijian .zhengti .tu_dit{  margin: 32px 0 20px 0; }
.shi_con .tu_shijian .zhengti:hover .big{ opacity: 1; transition: .3s}
.shi_con .tu_shijian .zhengti:hover p,.shi_con .tu_shijian .zhengti:hover span{ color:#00a1e9;}
.shi_con .tu_shijian .z_er{ left:40%}
.shi_con .tu_shijian .z_san{ left:65%}
.shi_con .tu_shijian .zhengti .big{position: absolute; left: 46%; opacity: 0;transition: .3s}
.shi_con .tu_shijian .zhengti span{font-size: 20px;}
.shi_con .tu_shijian .zhengti img{z-index: 100;}
.shi_con .tu_shijian .zhengti i{ display:block; width: 1px; height:20px; background:#bbb8b8; margin: 0 auto}
.shi_con .tu_shijian .zhengti p{ margin-top:15px; color: #666}





.YUanG{ height: 660px; width: 100%;}

.YUanG .YG_con{ width:1200px;  margin: 0 auto}

.YUanG .YG_con h3{color:#222222; font-size: 30px;  text-align: center;width: 100%; margin-bottom: 40px; padding-top: 40px;}


.YG_tu {  width: 1200px; margin: 0 auto}

.YG_tu .YG li{ width:270px; height:216px; display: block; float: left; margin-bottom: 40px; margin-right: 39px; text-align: center; background: #fff;box-shadow:0 0 5px rgba(0,0,0,0.3);}
.YG_tu .YG img{ margin: 1px auto 5px; display: block}


.ZHaoPin{width:100%;  background:#f6f6f6;padding-bottom:60px; }
.ZHaoPin .ZP_con{ width:1200px; margin: 0 auto}
.ZP_con h3{color:#222222; font-size: 30px;  text-align: center;width: 100%; margin-bottom: 20px; padding-top: 60px;}
.ZP_con .XinXi{ width:1200px; }

.ZP_con .XinXi p{ display:block; width: 1198px; height: 60px; border: 1px solid #bfbfbf; line-height: 60px; padding-left: 22px; background: #fff; margin-top: 22px; position: relative}
.ZP_con .XinXi p.on{ background: #00a4ff; border-bottom: none}
.ZP_con .XinXi .NeiR{ width: 1198px;  background: #fff;border: 1px solid #bfbfbf; display: none; padding: 20px 22px 20px 22px;}

.XinXi  p .shang{ position: absolute; right: 15px; top: 20px;}
.XinXi  p span{ float:right; margin-right:40px;}
.XinXi  p .xia{ position: absolute;right: 15px; top: 20px; opacity: 0}
.XinXi  p:hover{ background:#00a4ff; color:#fff }
.XinXi  p:hover .xia{ opacity:1 }

.xuqiu{ margin-bottom:30px;}

.NeiR dl{ margin-bottom:20px;}
.NeiR dt{ color: #00a4ff}
.NeiR dd{ line-height: 24px;}

.NeiR .toudi{background: #00a4ff; color: #fff; border: none; padding: 5px 20px;}





/**********************************************************联系我们***********************************************************************/

.Fangshi{ width:100%; height:455px; margin-top:-46px;}

.Fangshi .F_con{ width:1200px; height:455px;margin:0 auto}

.Fangshi .F_con h3{color:#222222; font-size: 30px;  text-align: center;width: 100%; margin-bottom: 30px; padding-top: 60px;}

.Fangshi .F_con li{ float:left; display:block; width:272px; height:282px; box-shadow:0 0 5px rgba(0,0,0,0.3); padding-top:30px; margin-right:36px;}

.Fangshi .F_con li img{ display:inline-block; margin-left:102px;}

.Fangshi .F_con li .si_tu{ text-align:center; margin-top:30px;}

.Fangshi .F_con li .si_tu h5{ font-size:18px; color:#222; margin-bottom:10px;}
.Fangshi .F_con li .si_tu span{ color:#666; font-size:14px; margin:10px auto;}
.Fangshi .F_con li .si_tu i{ display:block; width:60px; height:2px; background:#b5b5b5; margin:10px auto}
.Fangshi .F_con li .si_tu p{  display:block; width:219px; height:56px; line-height:56px; background:#00a4ff; margin:10px auto; color:#fff}


.DiTu{ width:100%; height:568px; overflow:hidden; background:#f6f6f6 ;}
.DiTu .DiTu_con{ width:1200px;height:448px; margin:60px auto; position:relative}
.DiTu .DiTu_con .di_tu li{ position:absolute; top:0; left:0; display:none}
.DiTu .DiTu_con .Dizhi{ position:absolute; left:734px;}
.DiTu .DiTu_con .Dizhi li{ display:block; height: 89.6px; padding:12px 0 0 30px; border-bottom:1px solid #f6f6f6; background:#fff;  width:468px}
.DiTu .DiTu_con .Dizhi li h3{ font-size:18px; margin-bottom:7px;}
.DiTu .DiTu_con .Dizhi li p{ font-size:14px; margin-bottom:5px;}
.DiTu .DiTu_con .Dizhi li.on{ background:#00a4ff; color:#fff}
.DiTu .DiTu_con .Dizhi li .phone{ margin-right:10px;}



/*******************************************************************渠道开始*************************************************************************/

.liyou{ width:100%; height: 472px; }
.liyou_con{ width:1200px; height: 472px; margin: 0 auto;}
.liyou_con h3{color:#222222; font-size: 30px;  text-align: center;width: 100%; margin-bottom: 30px; padding-top: 60px;}

.liyou_con .liyou_kuai li{text-align: center;  width: 270px; height: 284px; box-shadow: 0 0 4px rgba(0,0,0,0.3); padding-top: 43px;  margin-right: 39px; float: left; display: block}

.liyou_con .liyou_kuai li img{ display:block;  width: 80px; height: 80px; border-radius: 50%; margin: 0 auto;border: none}

.liyou_con .liyou_kuai li h5{ font-size: 18px;margin: 20px 0 15px; }
.liyou_con .liyou_kuai li p{ display:block; width:100%;  padding: 0 15px; color: #666 }


.yewu{ width:100%; height:438px; background: #f6f6f6}

.yewu_con{  width:1200px; height: 438px; margin: 0 auto}

.yewu_con h3{color:#222222; font-size: 30px;  text-align: center;width: 100%; margin-bottom: 30px; padding-top: 60px;}


.yewu_con .yewu_left{ width: 560px; height: 247px; padding: 46px 22px 0 36px; background: #fff; float: left}
.yewu_con .yewu_left .left_wen{ width:285px; height: 160px; float: left;}
.yewu_con .yewu_left  span{ font-size: 18px; display: block; margin: 15px 0 10px;}
.yewu_con .yewu_left p{ color: #666 }
.yewu_con .yewu_left img{ width:192px; height: 161px; background: #7ecef4; display: block ; float: right;}


.yewu_con .yewu_right{ width: 560px; height: 247px; padding: 46px 22px 0 36px; background: #fff; float: right}
.yewu_con .yewu_right .right_wen{ width:285px; height: 160px; float: left;}
.yewu_con .yewu_right  span{ font-size: 18px; display: block; margin: 15px 0 10px;}
.yewu_con .yewu_right p{ color: #666 }
.yewu_con .yewu_right img{ width:192px; height: 161px; background: #7ecef4; display: block ; float: right;}


.quanyi{ width:100%; height: 472px; }
.quanyi_con{ width:1200px; height: 472px; margin: 0 auto;}
.quanyi_con h3{color:#222222; font-size: 30px;  text-align: center;width: 100%; margin-bottom: 30px; padding-top: 60px;}

.quanyi_con .quanyi_kuai li{text-align: center;  width: 270px; height: 284px; box-shadow: 0 0 4px rgba(0,0,0,0.3); padding-top: 43px;  margin-right: 39px; float: left; display: block}

.quanyi_con .quanyi_kuai li img{ display:block;  width: 80px; height: 80px; border-radius: 50%; margin: 0 auto;border: none; background:#7AD5EC }

.quanyi_con .quanyi_kuai li h5{ font-size: 18px;margin: 20px 0 15px; }
.quanyi_con .quanyi_kuai li p{ display:block; width:100%;  padding: 0 15px; color: #666 }

.LiuC{ width:100%;}
.LiuC .liuc_con{ width: 1200px;margin: 0 auto}
.LiuC .liuc_con h3{color:#222222; font-size: 30px;  text-align: center;width: 100%; margin-bottom: 80px; padding-top: 30px;}
.LiuC .liuc_con .liu-kuai{ background: url(../images/liu.png) no-repeat center; width: 1200px; height: 151px;  position: relative}
.LiuC .liuc_con .liu-kuai li{ width:100px; float: left; margin-top: 36px; position: absolute;top0; left: 0;}
.LiuC .liuc_con .liu-kuai .liu-one{left: 130px}
.LiuC .liuc_con .liu-kuai .liu-two{ left: 390px;}
.LiuC .liuc_con .liu-kuai .liu-three{left: 690px;}
.LiuC .liuc_con .liu-kuai .liu-four{ left: 990px;}
.LiuC .liuc_con .liu-kuai li span{color: #222222; font-size: 18px;}
.LiuC .liuc_con .liu-kuai li p{ color: #666}
.LiuC a{ width:100%; height: 200px; background:url(../images/liucbg.jpg) no-repeat center;display: block; margin-top: 150px;}





/* 专题页公共样式--lee */
.clm_2{width:580px;}
.clm_3{width: 380px;}  
.clm_4{width: 280px;}
.clm_5{width: 220px;}
.clm_6{width: 180px;}
.newsCon{padding-top:0;background-color: #fff;}
.cp_fz_18{color:#262626;font-size:18px;}
.cp_fz_14{color:#666;font-size:14px;}
.cp_hover:hover{box-shadow:0 0 10px rgba(0,0,0,.2);}
.customer li{height: 118px;float: left;background-color: #fff;margin:10px;box-shadow: none;box-shadow:0 0 10px rgba(0,0,0,.1);}
.customer li img{margin:30px auto;display: block;}
.h_line{width: 40px;height:4px;background-color: #d2d2d2;display: block;margin:20px 0;}
.c_profile{background:#f6f6f6;padding:60px 0 50px 0;}
.c_profile img{width: 506px;height: 268px;float: right;}
.c_profile .text{width: 580px;float:left;}
.c_profile p{margin-bottom:20px;}
.product ul li{margin:10px 10px;background-color: #fff;float: left;padding: 30px;min-height:186px;border:1px solid #bfbfbf;}
.product li img{width: 244px;margin:20px auto;display: block;}
.product a{width: 222px;height: 42px;color:#fff;margin:0 auto;text-align: center;border-radius: 6px;display:block;text-align: center;margin:40px auto 0;line-height:42px;}
.describe li{box-shadow:0 0 10px rgba(0,0,0,.1);margin:0 10px;float: left;background-color: #fff;text-align: center;padding:0 30px;}
.describe li img{width: 60px;margin:30px auto;}

/* fuwu-lee */
.fuwu_1 ul{width: 1200px;margin:40px auto;display: block;}
.fuwu_1 ul li{width: 390px;height: 260px;box-shadow: 0 0 10px rgba(0,0,0,.1);text-align: center;display: block;margin-right:15px;float: left;padding:0 20px;background-color: #fff;}
.fuwu_1 ul li:last-child{margin-right:0;}
.fuwu_1 ul li:hover{box-shadow: 0 0 10px rgba(0,0,0,.2);}
.fuwu_1 ul li:hover h6{color:#00a4ff;}
.fuwu_1 ul li img{width: 68px;height: 68px;margin:30px auto 20px;}
.fuwu_1 ul li h6{font-size: 18px;color:#222;}
.fuwu_1 ul li .b_line{width: 40px;height: 3px;background-color: #00a4ff;margin:12px auto;}
.fuwu_1 ul li p{font-size:14px;color:#666;}
.fuwu_2 ul{width: 1200px;margin:40px auto;display: block;}
.fuwu_2 ul li{width: 390px;height: 200px;box-shadow: 0 0 10px rgba(0,0,0,.1);display: block;margin-right:15px;float: left;}
.fuwu_2 ul li:last-child{margin-right:0;}
.fuwu_2 ul li:hover{box-shadow: 0 0 10px rgba(0,0,0,.2);}
.fuwu_2 ul li:hover h6{color:#00a4ff;}
.fuwu_2 ul li .left{width: 170px;float: left;}
.fuwu_2 ul li .right{float: left;margin:24px 0 0 20px;}
.fuwu_2 ul li img{width: 170px;height: 126px;margin-top:37px;}
.fuwu_2 ul li h6{font-size: 18px;color:#222;}
.fuwu_2 ul li .b_line{width: 40px;height: 3px;background-color: #00a4ff;margin:8px 0 12px 0;}
.fuwu_2 ul li p{font-size:14px;color:#666;}
.fuwu_3{background:url(../images/fuwu3-2.png) no-repeat;}
.fuwu_4 ul{width: 1200px;margin:40px auto;display:block;}
.fuwu_4 li{width: 282px;height: 160px;float: left;margin:0 24px 24px 0;box-shadow: 0 0 10px rgba(0,0,0,.1);;display: block;}
.fuwu_4 li:hover{box-shadow: 0 0 10px rgba(0,0,0,.2);}
.fuwu_4 li:nth-child(4n){margin-right:0;}
.fuwu_4 li h6{padding:8px 0;background-color:#00a4ff;color:#fff;font-size:18px;text-align: center}
.fuwu_4 li p{padding: 20px 15px;color:#666;}
.fuwu_5 li{background-color: #fff;}
.fuwu_6{background:url(../images/fuwu4-1.png) no-repeat;}
.fuwu_7 ul li{width: 224px;height: 250px;margin-right:20px; }
.fuwu_7 ul li:last-child{margin-right:0;}

.fuwu_table table{width: 1180px;margin-top:40px;text-align: center;}
.fuwu_table table th{width: 160px;background-color: #0095c2;border:1px solid #fff;padding: 10px;text-align: center;color: #fff;}
.fuwu_table th:first-child{width: 220px;}
.fuwu_table td{border:1px solid #fff;padding: 6px;color:#666;font-size:14px;}
.fuwu_table td:first-child{background-color:#e0cfb9 !important;}
.fuwu_table td:nth-child(2n){background-color:#e3f4f2;}
.fuwu_table td:nth-child(2n+1){background-color:#edefde;}
.fuwu_nl li{height: 364px;float: left;margin:0 10px;text-align: center;box-shadow:0 0 10px rgba(0,0,0,.1);}
.fuwu_nl li img{width: 68px;height: 68px;margin:24px auto;}
.fuwu_nl .fanl{text-align: center;width: 180px;height: 48px;border-radius:6px;background-color: #00a4ff;float: left;margin: 40px 10px ;}
.fuwu_nl .fanl p{line-height:48px;color:#fff;}
.fuwu_line{width: 40px;height:4px;background-color: #d2d2d2;display: block;margin:20px 0;}
.fuwu_nl li:hover .fuwu_line{background-color: #00a4ff;}
.fuwu_kh li{height: 80px;margin:10px;background-color: #fff;float: left;}
.fuwu_kh li img{width: 280px;height:80px;margin:0 auto;display: block;}
.fuwu_hover:hover{box-shadow:0 0 10px rgba(0,0,0,.2);}

/* NetApp产品页 */
.netapp_line{width: 40px;height:4px;background-color: #d2d2d2;display: block;margin:20px 0;}
.netapp_1{background:#f6f6f6;padding:60px 0 50px 0;}
.netapp_1 img{width: 506px;height: 268px;float: right;}
.netapp_1 .text{width: 580px;float:left;}
.netapp_1 p{margin-bottom:20px;}
.netapp_2 ul li{width: 380px;margin:40px 10px;background-color: #fff;float: left;padding: 30px;min-height:186px;border:1px solid #bfbfbf;}
.netapp_2 ul li:hover{border:1px solid #1e4a93;box-shadow:0 0 10px rgba(0,0,0,0);}
.netapp_2 li img{width: 310px;height:175;margin: 30 auto;}
.netapp_2 a{width: 222px;height: 42px;background: #1e4a93;color:#fff;margin:0 auto;text-align: center;border-radius: 6px;display:block;text-align: center;margin:0 auto;line-height:42px;}
.netapp_2 a:hover{background:#0067c5;}
.netapp_3 li{width: 280px;height: 240px;box-shadow:0 0 10px rgba(0,0,0,.1);margin:0 10px;float: left;background-color: #fff;text-align: center;padding:0 10px;}
.netapp_3 li img{width: 60px;margin:30px auto;}
.netapp_4 li{width: 380px;height: 280px;box-shadow:0 0 10px rgba(0,0,0,.1);margin:0 10px;float: left;background-color: #fff;text-align: center;padding:0 10px;}
.netapp_4 li img{width: 60px;margin:30px auto;}
.netapp_5 li{width: 280px;height: 118px;background-color: #fff;margin-bottom:20px;box-shadow: none;}
.netapp_5 li img{margin:30px auto;width:200px;}
.hover:hover{box-shadow:0 0 10px rgba(0,0,0,.2);}
.hover:hover .netapp_line{background-color:#1e4a93;}


.color-666{color:#666;}


/* commvault */

.comm_line{width: 40px;height:4px;background-color: #d2d2d2;display: block;margin:20px 0;}
.comm_1{background:#f6f6f6;padding:60px 0 50px 0;}
.comm_1 img{width: 506px;height: 268px;float: right;}
.comm_1 .text{width: 580px;float:left;}
.comm_1 p{margin-bottom:20px;}
.comm_2 ul li{height: 298px;margin:40px 10px;background-color: #fff;float: left;padding: 30px;min-height:186px;border:1px solid #bfbfbf;}
.comm_2 ul li:hover{border:1px solid #ff4a6b;box-shadow:0 0 10px rgba(0,0,0,0);}
.comm_2 li img{width: 220px;margin: 30 auto;}
.comm_2 a{width: 222px;height: 42px;background: #ff4a6b;color:#fff;margin:0 auto;text-align: center;border-radius: 6px;display:block;text-align: center;margin:0 auto;line-height:42px;}
.comm_2 a:hover{background:#bc2a45;}
.comm_3 li{width: 280px;height: 240px;box-shadow:0 0 10px rgba(0,0,0,.1);margin:0 10px;float: left;background-color: #fff;text-align: center;padding:0 10px;}
.comm_3 li img{width: 60px;margin:30px auto;}
.comm_4 li{width: 380px;height: 280px;box-shadow:0 0 10px rgba(0,0,0,.1);margin:0 10px;float: left;background-color: #fff;text-align: center;padding:0 10px;}
.comm_4 li img{width: 60px;margin:30px auto;}
.comm_4 .canvas_data{margin:40px auto 30px;}
.comm_4 span{color: #ff4a6b;}
.comm_5 li{width: 280px;height: 118px;background-color: #fff;margin-bottom:20px;box-shadow: none;box-shadow:0 0 10px rgba(0,0,0,.1);}
.comm_5 li img{margin:30px auto;width:200px;}
.hover:hover{box-shadow:0 0 10px rgba(0,0,0,.2);}
.hover:hover .comm_line{background-color:#ff4a6b;}


/* paloalto */

.palto_hover li:hover .h_line{background-color:#0095c2;}
.palto_2 li{height:380px;}
.palto_2 ul li:hover{border:1px solid #0095c2;box-shadow:0 0 10px rgba(0,0,0,0);}
.palto_2 a{background: #0095c2;}
.palto_2 a:hover{background:#036e8e;}
.palto_3 li{height: 300px;}
.palto_4 li{height: 300px;}
.palto_5 table{width: 1180px;margin-top:40px;text-align: center;}
.palto_5 table th{width: 160px;background-color: #0095c2;border:1px solid #fff;padding: 10px;text-align: center;color: #fff;}
.palto_5 th:first-child{width: 220px;}
.palto_5 td{border:1px solid #fff;padding: 6px;color:#666;font-size:14px;}
.palto_5 td:first-child{background-color:#e0cfb9 !important;}
.palto_5 td:nth-child(2n){background-color:#e3f4f2;}
.palto_5 td:nth-child(2n+1){background-color:#edefde;}
.palto_6{height: 450px;background: url(http://www.sinynet.com/uploadfile/poster/paloalto/pa_bj_3.jpg) no-repeat center;}
.palto_6 a{width: 222px;height: 42px;background: #0095c2;color:#fff;margin:0 auto;text-align: center;border-radius: 6px;display:block;text-align: center;margin:40px 0;line-height:42px;}
.palto_6 a:hover{background:#036e8e;}

/*Forescout*/
.Fscout_line{width: 40px;height:4px;background-color: #d2d2d2;display: block;margin:20px 0;}
.Fscout_1{background:#f6f6f6;padding:60px 0 50px 0;}
.Fscout_1 img{width: 506px;height: 268px;float: right;}
.Fscout_1 .text{width: 580px;float:left;}
.Fscout_1 p{margin-bottom:20px;}
.Fscout_3 li{height: 280px;box-shadow:0 0 10px rgba(0,0,0,.1);margin:0 10px;float: left;background-color: #fff;text-align: center;padding:0 10px;}
.Fscout_3 li img{width: 60px;margin:30px auto;}
.Fscout_4{height:467px;background-image: url(http://www.sinynet.com/uploadfile/poster/forescout/Fscout_3_bj.png);}
.Fscout_4 img{width: 1100px;margin:70px auto 0; display: block;}
.Fscout_5 a{width:180px;height:40px;background-color:#00a4ff;text-align:center;display: block;line-height:40px;color:#fff;margin:0 auto;border-radius: 4px;}
.Fscout_5 a:hover{background-color:#017dac;}
.Fscout_6 li{width: 380px;float: left;text-align: center;}
.Fscout_6 li h6{font-size:60px;color:#00a4ff;}
.Fscout_7 li{width: 15%;;float: left;text-align: center;margin:0 10px;/**padding:0 20px;**/ }
.Fscout_7 li img{width: 120px;margin:0 auto;}
.Fscout_7 li p{color: #fff;}
.hover:hover .Fscout_line{background-color:#00adef;}

/*dingjia*/

.Fscout_1{background:#f6f6f6;padding:60px 0 50px 0;}
.Fscout_1 img{width: 506px;height: 268px;float: right;}
.Fscout_1 .text{width: 580px;float:left;}
.Fscout_1 p{margin-bottom:20px;}

.dj_line{width: 40px;height:4px;background-color: #d2d2d2;display: block;margin:20px 0;}
.dj_2 li{height: 220px;box-shadow:0 0 10px rgba(0,0,0,.1);margin:0 10px;float: left;background-color: #fff;text-align: center;padding:0 10px;}
.dj_2 li img{width: 60px;margin:30px auto 10px;}
.dj_3 .dj_3_box{width:580px;float: left;}
.dj_3 .dj_3_box .text{height:180px;}
.dj_3 .dj_3_box .img{width: 580px;height: 340px;border: 1px solid #bfbfbf;}
.dj_3 .dj_3_box li{width: 100%;height:160px;box-shadow:0 0 10px rgba(0,0,0,.1);margin-bottom: 20px;background:#fff;padding:24px;}
.dj_3 .dj_3_box .dj_line{margin: 16px 106px;}
.dj_3 .dj_3_box li:hover{box-shadow:0 0 10px rgba(0,0,0,.2);}
.dj_3 .dj_3_box li img{width: 60px;height: 60px;float: left;margin:26px 30px 16px 16px;}
.dj_4{height:320px;background-image: url(http://www.sinynet.com/uploadfile/poster/dingjia/dj_4_1.png);}
.dj_4 li{width: 380px;float: left;text-align: center;}
.dj_4 li h6{font-size:60px;color:#c70015;}
.dj_5{height: 450px;background: url(http://www.sinynet.com/uploadfile/poster/dingjia/dj_6_1.png) no-repeat center;}
.dj_5 a{width: 222px;height: 42px;background: #c70015;color:#fff;margin:0 auto;text-align: center;border-radius: 6px;display:block;text-align: center;margin:40px 0;line-height:42px;}
.dj_5 a:hover{background:#930010;}
.hover:hover .dj_line{background-color:#c70015;}

/* splunk产品页 */
.splunk_line{width: 40px;height:4px;background-color: #d2d2d2;display: block;margin:20px 0;}
.splunk_4 li{height: 180px;box-shadow:0 0 10px rgba(0,0,0,.1);margin:0 10px;float: left;background-color: #fff;text-align: center;padding:0 10px;}
.splunk_4 li img{width: 60px;margin:30px auto 10px;}
.splunk_2 li{width: 280px;height: 240px;box-shadow:0 0 10px rgba(0,0,0,.1);margin:0 10px;float: left;background-color: #fff;text-align: center;padding:0 10px;margin-bottom: 20px;;}
.splunk_2 li img{width: 60px;margin:30px auto;}
.splunk_3{background-image: url(http://www.sinynet.com/uploadfile/poster/splunk/Splunk_3_bj.png);}
.splunk_3 .right li{width:50%;text-align: center;font-size: 18px;color:#222;float: left;padding:33px 0;}
.splunk_3 .right li img{width: 60px;margin: 20px auto;display:block;}
.splunk_7{height:320px;background-image: url(http://www.sinynet.com/uploadfile/poster/splunk/Splunk_7_bj.png);}
.splunk_7 li{float: left;text-align: center;}
.splunk_7 li img{width: 68px;height:68px;}  
.splunk_7 li p{color:#fff;margin-top: 24px;}
.splunk_5 li{height:502px;box-shadow:0 0 10px rgba(0,0,0,.1);padding:16px;float: left;margin: 10px;}
.splunk_5 li img{width: 548px;margin-bottom: 20px;}
.hover:hover .splunk_line{background-color:#f70089;}

/* cyberbit产品页 */
.cyb_line{width: 40px;height:4px;background-color: #d2d2d2;display: block;margin:20px 0;}
.cyberbit_2{height:382px;background:url(http://www.sinynet.com/uploadfile/poster/cyberbit/cyberbit_2_bj.jpg) no-repeat center;}
.cyberbit_3 li{height: 200px;box-shadow:0 0 10px rgba(0,0,0,.1);margin:10px;float: left;background-color: #fff;text-align: center;padding:0 10px;}
.cyberbit_3 li img{width: 60px;margin:30px auto 10px;}
.cyberbit_4{height:382px;background:url(http://www.sinynet.com/uploadfile/poster/cyberbit/cyberbit_4_bj.jpg) no-repeat center;}
.cyberbit_6{background: url(http://www.sinynet.com/uploadfile/poster/cyberbit/cyberbit_6_bj.png) center;}
.cyberbit_6 li{width: 280px;height: 118px;background-color: #fff;margin-bottom:20px;box-shadow: none;box-shadow:0 0 10px rgba(0,0,0,.1);float: left;margin:10px;}
.cyberbit_5 .dj_3_box{width:580px;float: left;}
.cyberbit_5 .dj_3_box .text{padding-top: 50px;}
.cyberbit_5 .dj_3_box img{width: 400px;display: block;margin: 0 auto;}
.cyberbit_5 .dj_3_box li{width: 100%;height:160px;box-shadow:0 0 10px rgba(0,0,0,.1);margin-bottom: 20px;background:#fff;padding:24px;}
.cyberbit_5 .dj_3_box .cyb_line{margin: 16px 106px;}
.cyberbit_5 .dj_3_box li:hover{box-shadow:0 0 10px rgba(0,0,0,.2);}
.cyberbit_5 .dj_3_box li img{width: 60px;height: 60px;float: left;margin:26px 30px 16px 16px;}
.hover:hover .cyb_line{background-color:#004f94;}

/* nvidia产品页 */
.nvidia_line{width: 40px;height:4px;background-color: #d2d2d2;display: block;margin:20px 0;}
.nvidia_1{height:329px;background:url(http://www.sinynet.com/uploadfile/poster/nvidia/nvidia_2_1.jpg) no-repeat center;}
.nvidia_2 li{height: 430px;box-shadow:0 0 10px rgba(0,0,0,.1);margin:10px;float: left;background-color: #fff;padding:0 10px;}
.nvidia_2 li img{width: 160px;margin:30px auto;display: block;}
.nvidia_4 li{height: 300px;box-shadow:0 0 10px rgba(0,0,0,.1);margin:10px;float: left;background-color: #fff;padding:0 20px;}
.nvidia_4 li img{width: 340px;margin:30px auto 10px;display: block;}
.nvidia_5{height:570px;}
.nvidia_5 .text{padding-top: 50px;float: left;}
.nvidia_5 .text li{margin-bottom: 10px;}
.nvidia_5 .img{padding-top: 50px;float: right;}
.nvidia_5 .img img{width: 580px;}
.nvidia_6 li{height: 475px;box-shadow:0 0 10px rgba(0,0,0,.1);margin:10px;float: left;background-color: #fff;padding:0 20px;}
.nvidia_6 li img{width: 340px;margin:20px auto;display: block;}
.nvidia_3 .dj_3_box{width:580px;float: left;}
.nvidia_3 .dj_3_box img{width: 480px;display: block;margin: 0 auto;}
.nvidia_3 .dj_3_box li{width: 100%;height:160px;box-shadow:0 0 10px rgba(0,0,0,.1);margin-bottom: 20px;background:#fff;padding:24px;}
.nvidia_3 .dj_3_box .nvidia_line{margin: 16px 106px;}
.nvidia_3 .dj_3_box li:hover{box-shadow:0 0 10px rgba(0,0,0,.2);}
.nvidia_3 .dj_3_box li img{width: 60px;height: 60px;float: left;margin:26px 30px 16px 16px;}
.hover:hover .nvidia_line{background-color:#76b900;}

/* gigamon产品页 */
.ggm_line{width: 40px;height:4px;background-color: #d2d2d2;display: block;margin:20px 0;}
.gigamon_2{height:558px;background:url(http://www.sinynet.com/uploadfile/poster/gigamon/gigamon-2-1.png) no-repeat center;}
.gigamon_2 li{float: left;}  
.gigamon_3 li{height: 148px;border-radius: 10px;box-shadow:0 0 10px rgba(0,0,0,.1);margin:10px;float: left;background-color: #fff;text-align: center;padding:0 10px;border-radius: 10px;}
.gigamon_3 .one-fz{color:#ff6a25;line-height: 48px;padding:20px 0;}
.gigamon_4 li{float: left;box-shadow:0 0 10px rgba(0,0,0,.1);margin:10px;height:410px;padding:10px;}
.gigamon_4 li img{width: 360px;height:202px;display: block;}
.gigamon_5 li{height:170px;background-color: #fff;padding: 30px;float: left;margin: 10px;border-radius: 10px;}
.gigamon_5 li p{line-height: 38px;}
.gigamon_5 img{width: 60px;height: 60px;margin:25px 0;}
.gigamon_6 li {float: left;height: 180px;box-shadow:0 0 10px rgba(0,0,0,.1);border-radius: 10px;margin:50px 10px 20px;padding:20px;}
.gigamon_6 img{width:1180px;margin:0 auto;display: block;box-shadow:0 0 10px rgba(0,0,0,.1);padding: 40px 140px;border-radius: 10px;}

.hover:hover .ggm_line{background-color:#ff6a25;}

/* cybetbit 课程 页 */
.cyb_ca_1 li{height: 320px;box-shadow:0 0 10px rgba(0,0,0,.1);margin:10px;float: left;background-image:url(https://www.sinynet.com/uploadfile/poster/cyberbit/cyb_class/cyb_class_1_bg.png);text-align: center;padding:0 10px;border-radius: 10px;}
.cyb_ca_1 li img{width: 60px;margin:50px auto 10px;}
.cyb_ca_1 li .text{line-height:80px;}
.cyb_ca_2{height:420px;background:url(https://www.sinynet.com/uploadfile/poster/cyberbit/cyb_class/cyb_class_2_bg.png) no-repeat center;}
.cyb_btn{display: block;margin:30px auto;text-align: center;width: 250px;height: 46px;background: linear-gradient(to left,#ff934c, #fc686f);border-radius: 23px;line-height: 46px;color:#fff;}
.cyb_ca_3 li{height: 300px;box-shadow:0 0 10px rgba(0,0,0,.1);margin:10px;float: left;text-align: center;border-radius: 10px;overflow: hidden;}
.cyb_ca_3 li img{height:200px;}
.cyb_ca_3 li p{text-align: left;padding: 20px;}
.s_title{font-size: 40px;font-weight: bold;color: #004f94;text-align: center;margin-top: 40px;position:relative;}
.s_title::before{content:"";background:url(https://www.sinynet.com/uploadfile/poster/cyberbit/cyb_class/cyb_class_s1.png);width: 39px;height: 28px;position:absolute;left:450px;top:25%;}
.s_title::after{content:"";background:url(https://www.sinynet.com/uploadfile/poster/cyberbit/cyb_class/cyb_class_s2.png);width: 39px;height: 28px;position:absolute;right:450px;top:25%;}
.cyb_ca_4 li{height: 270px;box-shadow:0 0 10px rgba(0,0,0,.1);margin:10px;float: left;text-align: center;border-radius: 10px;overflow: hidden;background-color: #fff;}
.cyb_ca_4 li img{float: left;width: 80px;margin: 95px 60px;}
.cyb_ca_4 li .bqian{float: left; width: 154px;height: 42px;line-height: 42px;color: #fff;border-radius: 4px;margin:4px 8px 4px 0;}
.cyb_ca_5 li{height: 250px;box-shadow:0 0 10px rgba(0,0,0,.1);margin:10px;float: left;text-align: center;padding:0 10px;border-radius: 10px;}
.cyb_ca_5 li img{width: 80px;margin: 40px auto 40px;}
.cyb_ca_6 li{height: 328px;box-shadow:0 0 10px rgba(0,0,0,.1);margin:10px;float: left;text-align: center;border-radius: 10px;overflow: hidden;background-color: #fff;}
.cyb_ca_6 li img{width: 80px;margin: 40px auto 40px;}
.hover:hover .cyb_line{background-color:#004f94;}
.btn_hover:hover{box-shadow:0 0 10px rgba(252,104,111,.5);color: #fff;}

/* commvault备份一体机*/
.cvbf_1{background:#f6f6f6;padding:60px 0 50px 0;}
.cvbf_1 img{width: 506px;height: 268px;float: right;}
.cvbf_1 .text{width: 580px;float:left;}
.cvbf_1 p{margin-bottom:20px;}
.cvbf_2 ul li{height: 200px;margin:40px 10px;background-image:linear-gradient(0deg,#fff,#f3f5f8);float: left;padding: 30px;min-height:186px;border:2px solid #fff;box-shadow:  8px 8px 20px 0 rgb(55 99 170 / 10%), -8px -8px 20px 0 #fff;;}
.cvbf_2 ul li:hover{border:1px solid #ff4a6b;box-shadow:0 0 10px rgba(0,0,0,0);}
.cvbf_2 .cvbf_2_img img{margin:40px 8px;}
.cvbf_2 a{width: 222px;height: 42px;background: #ff4a6b;color:#fff;margin:0 auto;text-align: center;border-radius: 6px;display:block;text-align: center;margin:0 auto;line-height:42px;}
.cvbf_2 a:hover{background:#bc2a45;}
.cvbf_3 li{height: 480px;box-shadow:0 0 10px rgba(0,0,0,.1);margin:0 10px;float: left;background-color: #fff; padding:20px;border-radius: 6px;}
.cvbf_3 li p{line-height: 24px;}
.cvbf_3 li img{width: 340px;height:160px;margin:20px auto;}
.cvbf_4 .cvbf_img{float: left;margin:50px 0 0 10px;}
.cvbf_4 .cvbf_text{margin:50px 0 0 100px;float: left;width: 600px;}
.cvbf_4 .cvbf_text p{margin:16px 0;}
.cvbf_4 span{color: #ff4a6b;}
.cvbf_5 ul{margin-top:30px;}
.cvbf_5 ul li{height: 200px;margin:10px;background-image:linear-gradient(0deg,#fff,#f3f5f8);float: left;padding: 30px;min-height:186px;border:2px solid #fff;box-shadow:  8px 8px 20px 0 rgb(55 99 170 / 10%), -8px -8px 20px 0 #fff;;}