﻿@charset "utf-8";
@font-face {
	font-family: 'Conv_COMPCTAK';
	src: url('fonts/COMPCTAK.eot');
	src: local('☺'), url('../fonts/COMPCTAK.woff') format('woff'), url('../fonts/COMPCTAK.ttf') format('truetype'), url('../fonts/COMPCTAK.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0; padding:0;}
body {color:#666;font-size:12px;font-family: "微软雅黑";position: relative;}
td,th,caption {font-size:12px;}
h1, h2, h3, h4, h5, h6 {/*font-weight:normal;*/font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var{ font-style:normal;font-weight:normal;}
a{color:#666;text-decoration:none;}
a:hover {cursor:pointer;text-decoration:none; color: #000;}
/* a{blr:expression(this.onFocus=this.blur())} */
*:focus{outline:0;}
fieldset,img {border:none;}
ol,ul,li {list-style:none;}
span,i{display:inline-block; font-style: normal;}
input, textarea, select, button {font:12px "微软雅黑";;outline:none;}
table{border-collapse:collapse;border-spacing:0;}
body,html{ width: 100%; height: 100%; position: relative;}
textarea {resize:none;}
/* css common */
.clearfix:after {content: ".";display: block;height:0;clear:both; visibility:hidden;}
.clearfix {*zoom:1;}
.clear{clear:both;}
/*pccss reset 结束*/
.main{ width: 1200px; margin: 0 auto;}
.pro_show{min-height: 300px;}
.head{width: 100%;height: 80px;}
.head .logo{float: left;margin-top: 20px;}
.head .tab{float: left;margin-left: 97px; margin-right: 20px;}
.head .tab ul li{float: left;width: 150px;}
.head .tab ul li .solution_pull{display: none;position: absolute;z-index: 105;height: 210px;left: 0;top: 80px;right: 0;padding-top: 26px;box-sizing: border-box;background: #f5f5f5;width: 100%;}
.head .tab ul li .solution_pull .pull_1{float: left;padding-right: 90px;box-sizing: border-box;border-right: 1px solid #ccc; display: block; color: #666; font-size: 14px;}
.head .tab ul li .solution_pull .pull_1 img{ width: 310px; height: 132px; display: block;}
.head .tab ul li .solution_pull .pull_1 p{width: 310px;line-height: 1;margin-top: 10px;}
.head .tab ul li .solution_pull .pull_1 p i{float: right;font-style: normal;font-size: 14px;cursor: pointer;}
.head .tab ul li .solution_pull .pull_2{float: left;padding: 0 85px;box-sizing: border-box;border-right: 1px solid #ccc;}
.head .tab ul li .solution_pull .pull_2 .pull_2_1{margin-right: 28px;float: left;}
.head .tab ul li .solution_pull .pull_2 .pull_2_1:nth-child(3){margin-right: 0;}
.head .tab ul li .solution_pull .pull_2 a{line-height: 18px;display: block;color: #666;line-height: 25px; font-size: 14px;}
.head .tab ul li .solution_pull .pull_2 a:hover,.head .tab ul li .solution_pull .pull_1:hover{color: #D52806;}
.head .tab ul li .solution_pull .pull_3{padding-right: 0;border-right: 0;}

.head .tab ul li>a{line-height: 80px;padding: 0 18px;font-size: 16px;color: #666;}
.head .tab ul li>a span{display: inline-block;width: 12px;height: 12px;background: url(../img/arrow_down.png) no-repeat center center;padding-left: 5px;}
.head .tab ul li:hover>a{color: #d52806;}
.head .tab ul li:hover>a span{background: url(../img/arrow_downRed.png) no-repeat center center;}
.head .tab ul li.current>a{color: #d52806;}
.head .tab ul li.current>a span{background: url(../img/arrow_downRed.png) no-repeat center center;}
.head .tab ul li:hover .solution_pull{display: block;}
.head .tab ul li.current>a{color: #d52806;}
.head .tab ul li.current>a span{background: url(../img/arrow_downRed.png) no-repeat center center;}
.head .search{float: left;border: 1px solid #ccc;margin-top: 21px;height: 32px; font-size: 0;}
.head .search input{width: 160px;height: 30px;border:none; padding-left: 4px;vertical-align:top;margin-bottom: 5px;color: #999; font-size: 14px;}
.head .search  span{display: inline-block; width: 33px;height: 32px;border-left: 1px solid #ccc;}
.head .search  span:hover{ cursor: pointer; background: #d52806;}
.head .search  span:hover .search_area{background: url(../img/search_on.png) no-repeat center center;}
.head .search .search_area{display: inline-block; border: none; width: 32px;height: 32px;background: url(../img/search.png) no-repeat center center;}
.product_nav{ float: left; width: 787px;}
.nav_child { width: 131px; margin-left: 65px; float: left;}
.nav_child a{ display: block; color: #666; font-size: 14px; margin-bottom: 5px;}
.nav_child p{ color: #333; font-size: 18px; font-weight: bold; margin-bottom: 10px;}
.nav_child a.see_all{ color: #d52806;}
.nav_child a:hover{color: #d52806; text-decoration: underline;}
.cen_tab {
    float: left;
    line-height: 80px;
    margin-left: 20px;
}
.cen_tab a {
    line-height: 80px;
    padding: 0 11px;
    font-size: 14px;
    color: #666;
}
.cen_tab a:hover {
    color: #d52806;
}

/* 轮播图start */
.banner{ width: 100%; height: 498px; position: relative;border-top:2px solid #d1d1d1; overflow:hidden;}
.banner li img{ display:block; width:1920px; left:50%; margin-left:-960px; position:relative;}
.dot_div{ width: 100%; position: absolute; left: 0; bottom:20px; text-align: center;}
.dot_div span{ display: inline-block; width: 25px; height: 4px; background: #898f9b; margin: 0 3px;}
.dot_div span.on{ background: #fff;}
.picBox, .picBox li {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 498px;
}
.picBox li a {
    display: block;
    width: 100%;
    position: relative;
    height: 100%;
}
.picBox ul, .picBox li {
    width: 100% !important;
}
/* 消息滚动start */
.hot{width: 100%;background: #c8c9cf;}
.hot .main{width: 1196px;height: 42px;background: url(../img/hot_bg.png) no-repeat center center;}
.hot .main h3{color: #fff;font-size: 18px;line-height: 42px;float: left;width: 136px;text-align: center;font-weight: normal;}
#newScroll{overflow: hidden;float: left;font-size: 13px;color: #f5f5f5;line-height: 42px;margin-left: 60px;height: 42px;}
.hot .main p a{color: #ccc;line-height: 42px;}
.hot .main p a:hover{color: #fff !important;}
.hot .main .a1{float: right;margin-right: 36px;line-height: 42px;color: #f5f5f5;font-size: 12px;}
.hot .main .a1:hover{ color: #d52806;}
.solution_case{  margin-top: 20px; height: 710px;  position: relative;}
/* .solution_case .block_con img{ display: block; width: 398px; height: 261px;} */
.solution_top{height: 580px;background-image: url(../img/case_bg.jpg) ;background-repeat: no-repeat; padding-top: 70px;}
.solution_top .solution_num{text-align: center;font-size: 56px;color: #d52806;font-family: "Conv_COMPCTAK";}
.solution_top .solution_num span{font-weight: bold;font-family: 'Conv_COMPCTAK'; font-size: 56px; display: inline-block; width: 80px;}
.solution_top h2{font-size: 36px;line-height: 60px;width: 154px;border-bottom: 2px solid #d52806;margin: 0 auto;margin-top: 3px;text-align: center;font-weight: normal;color: #666;}
.solution_top p{font-size: 14px;line-height: 1;margin-top: 20px;text-align: center;color: #666;}
.solution_banner .block_con img{ display: block; width: 383px; height: 250px;}
.solution_banner{ width: 1200px;  margin: -370px auto 0; position: relative; height: 350px;}
.solushow{ width:1200px; overflow:hidden; height:250px;}
.solution_banner .solushow li{  width: 383px; position: relative; margin-right: 19px; float:left; }
.solushow .tempWrap{ width:auto !important;}
.block_con img{width: 383px;  height: 250px;}
.solution_banner li h4{    opacity: 1;
    position: absolute;
    z-index: 102;
    font-size: 24px;
    line-height: 30px;
    width: 100%;
    color: #fff;
    left: 0;
    top: 50%;
    margin-top: -15px;
    text-align: center;
    font-weight: normal;
    color: #fff;}
.solution_banner li h5{opacity: 0;
    position: absolute;
    z-index: 102;
    width: 100%;
    padding-left: 33px;
    font-size: 24px;
    line-height: 1;
    left: 0;
    top: 60px;
    box-sizing: border-box;
    font-weight: normal;
    color: #fff;}
.solution_banner li p{    opacity: 0;
    position: absolute;
    z-index: 102;
    width: 100%;
    line-height: 26px;
    font-size: 12px;
    padding-left: 33px;
    box-sizing: border-box;
    top: 96px;
    font-weight: normal;
    color: #fff;
    padding-right: 40px;
    text-align: justify;}
.solution_banner li .slide {
    z-index: 101;
    background: rgba(0,0,0,0.4);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.275s ease-in-out, visibility 0s 0.275s;
    transition: all 0.275s ease-in-out, visibility 0s 0.275s;
    visibility: hidden;
    will-change: transform;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}
.solution_banner ul li:hover h4{opacity: 0;transition: opacity 0.8s;}
.solution_banner ul li:hover h5{opacity: 1;transition: opacity 0.8s;}
.solution_banner ul li:hover p{opacity: 1;transition: opacity 0.8s;}
.block_son{overflow: hidden; position: relative;cursor: pointer; display:block; width:100%; height:100%;}
.solushow:hover ~ .solushow .slide{-webkit-transform: translateY(-100%); transform: translateY(-100%);}
.solushow:hover .slide{-webkit-transform: translateX(100%); transform: translateX(100%);}
.solushow:hover .block_son:hover ~ .block_son .slide{-webkit-transform: translateX(-100%); transform: translateX(-100%);}
.solushow:hover .block_son:hover .slide{-webkit-transform: none; transform: none; visibility: visible; -webkit-transition-delay: 0s; transition-delay: 0s;}

.solution_banner ol{width: 100%;height: 14px;position: absolute;left: 0;bottom: 54px; text-align:center;}
.solution_banner ol li{ width: 14px;height: 14px;background: url(../img/ol_bg.png) no-repeat center center;margin-right: 1px; display:inline-block; z-index: 122;position: relative; font-size: 0;}
.solution_banner ol li.current{background: url(../img/ol_cur.png) no-repeat center center;}
.solution_case .btn{display: block;width: 172px;height: 42px;background: #D52806; color: #fff;font-size: 18px;text-align: center;line-height: 42px;margin: 0 auto;cursor: pointer;}
.solution_case .btn:hover{color: #fff !important;}
/* 波纹*/
@-webkit-keyframes hvr-ripple-in {
    100% {
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      opacity: 1;
    }
  }
  @keyframes hvr-ripple-in {
    100% {
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      opacity: 1;
    }
  }
  .hvr-ripple-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
  }
  .hvr-ripple-in:before {
    content: '';
    position: absolute;
    border: #D52806 solid 4px;
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
  }
  .hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
    -webkit-animation-name: hvr-ripple-in;
    animation-name: hvr-ripple-in;
  }
 /*产品中心*/
 .product{width: 100%; height: 540px;background: #f5f5f5;padding-top: 45px;box-sizing: border-box;}
 .product_top{height: 44px;line-height: 1;}
 .product_top h2{font-size: 30px;color: #333;float: left;width: 125px;font-weight: normal;}
 .product_top span{color: #666;font-size: 12px;margin-top: 10px;margin-left: 15px;margin-right: 36px;float: left;}
 .product_top ul{float: left;}
 .product_top ul li{cursor:pointer;width: 135px;height: 32px;background: #d4d9dc;color: #333;font-size: 14px;line-height: 32px;text-align: center;position: relative;z-index:3;float: left;margin-right: 8px;}
 .product_top ul li em{display: inline-block;background: #D4D9DC;font-style: normal;}
 .product_top ul li i{z-index: -1;display: block;width: 20px;height: 20px;position: absolute;left: 50%;margin-left: -10px;top: 10px;background: url(../img/product_arrow_down.png) no-repeat center top;}
 .product_top ul li:hover{background: #D52806;color: #fff;}
 .product_top ul li:hover em{background: #D52806; color: #fff;}
 .product_top a.more:hover i,.case_top a.more:hover i{ color: #d52806;}
 .product_top ul li:hover i{top: 32px;transition: top .3s;}
 .product_top ul li.current{background: #D52806 ;color: #fff;}
 .product_top ul li.current em{background: #D52806 ;}
 .product_top ul li.current i{top: 32px;}
 .product_con1 a.more{font-size: 12px;color: #666;height: 32px;line-height: 32px;display:block; position: absolute; top:-59px; right: 0;}
 .product_con1 a.more b{font-weight: normal; font-size: 15px;}
 .product_con1 a.more:hover,.case_top a.more:hover{ color: #d52806;}
 .product_con1 a.more i{ position: relative; top: -1px; display: inline-block; width: 14px;height: 14px;background: #d1d1d1;border-radius: 50%;text-align: center;line-height: 14px; font-family: "宋体"; text-align: center; font-style: normal; margin-right: 2px;margin-left: 5px;box-sizing: border-box;}
 .product_con{width: 100%; height: 384px;position: relative;margin-top: 15px;}
 .product_con .product_con1{height: 384px;position: absolute;width: 100%; left: 0;top: 0;}
 .product_con .product_con1{display: none;}
 .product_con .current{display: block;}
 .product_con1 .product_con1_1{width: 300px;}
 .product_con1 .product_con1_2{width: 288px;}
 .product_con1 .product_con1_1,.product_con1 .product_con1_2{box-sizing: border-box;text-align: center;float: left;height: 394px;float: left;position: relative;}
 .product_con1 .product_con1_1 p{position: absolute;left:0;bottom: 0;}
 .product_con1 .product_con1_2 .con1_2_son{position: relative;}
 .product_con1 .product_con1_2 .con1_2_son p{position: absolute;left: 0;bottom: 0;}
 .product_con1 .con_same{cursor: pointer;}
 .product_con1 .con_same:not(:last-child){margin-right: 8px;}
 .product_con1 .con_same  p{box-sizing: border-box;width: 100%;position: absolute;left: 0;bottom: 0;z-index: 222;padding-top: 8px; padding-bottom: 10px;}
 .product_con1 .con_same  p span{float: left;margin-left: 18px;display: block;}
 .product_con1 .con_same  p b{display:none;float: right;margin-right: 10px;width: 28px;height: 28px;background: url(../img/product_arrow.png) no-repeat center center;margin-top: 7px;}
 .product_con1 .con_same p span i{ margin-top: 5px; line-height: 15px;display: block;color: #333;font-size: 15px;font-style: normal;text-align: left;}
 .product_con1 .product_con1_1 p span i.i2,.product_con1  .product_con1_2 .con1_2_son p span i.i2{color: #999; font-size: 13px;}
 .product_con1_2 .con1_2_son{height: 193px; width: 288px; margin-bottom: 9px;}
 .product_con1_2 .con1_2_son:nth-child(2){margin-bottom: 0;}
 .product_con1 .product_con1_1:hover{box-shadow:-1px -1px 10px  rgba(0,0,0,0.2);}
 .product_con1 .product_con1_1:hover p{background: #D52806;}
 .product_con1 .product_con1_1:hover p span i{color: #fff;}
 .product_con1 .product_con1_1:hover p span i:nth-child(2){color: #fff;}
 .product_con1 .product_con1_1:hover p b{display: block;}
 .product_con1 .product_con1_2 .con1_2_son:hover{box-shadow:-1px -1px 10px  rgba(0,0,0,0.2);}
 .product_con1 .product_con1_2 .con1_2_son:hover p{background: #D52806;}
 .product_con1 .product_con1_2 .con1_2_son:hover p span i{color: #fff;}
 .product_con1 .product_con1_2 .con1_2_son:hover p span i:nth-child(2){color: #fff;}
 .product_con1 .product_con1_2 .con1_2_son:hover p b{display: block;}
 .product_con1 .product_con1_1 img{width: 300px;height: 394px;}
 .product_con1_2 .con1_2_son img{ width: 288px; height: 193px;}
 /*成功案例*/
.case{width: 100%;height: 542px;background: url(../img/case_bg.png) no-repeat center center;background-size: 100% 100%;padding-top: 47px;box-sizing: border-box;}
.case .main_con{width: 1312px;margin: 0 auto;position: relative;}
.case_top{height: 56px;}
.case_top h2{font-size: 30px;color: #fff;float: left;width: 125px;font-weight: normal;}
.case_top span{color: #fff;font-size: 12px;margin-top: 14px;margin-left: 15px;margin-right: 12px;float: left;}
.case_top p{width: 830px;height: 1px;border-bottom: 1px solid #fff;margin-top: 21px;float: left;}
.case_top a.more{font-size: 12px;color: #ccc;height: 32px;line-height: 44px;float: right;display:inline-block;}
.case_top a.more b{font-weight: normal; font-size: 15px;}
.case_top a.more i{ font-style: normal; position: relative;  top: -1px;  font-family: "宋体"; display: inline-block; width: 14px;height: 14px;background: #d1d1d1;border-radius: 7px;text-align: center;line-height: 14px;text-align: center;margin-right: 2px;margin-left: 5px;box-sizing: border-box;color: #666;}
.case_banner{width: 1200px;height: 393px;position: relative;overflow: hidden;margin: 0 auto;}
.case_banner ul{position: absolute;width: 300%;z-index: 99;height: 393px;}
.case_banner ul li{float: left;width: 33.333%;height: 393px;}
.case_banner ul li .case_1{float: left;width: 25%;height: 393px;position: relative;cursor: pointer;}
.case_banner ul li .case_1 .case_1_1{padding-top: 128px;box-sizing: border-box;text-align: center;opacity: 1;filter:alpha(opacity=100); width: 100%;height: 393px;transition: all .3s ease-in .1s}
.case_banner ul li .case_1.t1 .case_1_1{background-image:url("../img/case_bg1.png");background-repeat:no-repeat;background-position-x:0%;background-position-y:0%;}
.case_banner ul li .case_1.t2 .case_1_1{background: url(../img/case_bg2.png) 0 0 no-repeat;}
.case_banner ul li .case_1.t3 .case_1_1{background: url(../img/case_bg3.png) 0 0 no-repeat;}
.case_banner ul li .case_1.t4 .case_1_1{background: url(../img/case_bg4.png) 0 0 no-repeat;}
.case_banner ul li .case_1 .case_1_1 h4{text-align: center;font-size: 24px;color: #fefefe;margin-top: 22px;line-height: 1;}
.case_banner ul li .case_1 .case_1_2{overflow: hidden;position: absolute;opacity: 0;left: 0;top: 0;width: 100%;height: 393px;padding-top: 45px;box-sizing: border-box;background: #f6f9fc;text-align: center;transition: all .1s ease-in-out .1s}
.case_banner ul li .case_1 .case_1_2 img{position: absolute;width: 49px;height: 49px;left: 124px;top: -600px;opacity: 0;transition: all .3s ease-in-out .1s}
.case_banner ul li .case_1 .case_1_2  h4{font-size: 22px;color: #333;line-height: 1;width: 100%;height: 24px;position: absolute;left:0 ;top:-600px;opacity: 0;text-align: center;font-weight: normal;opacity: 0;transition: all .5s ease-in-out .3s}
.case_banner ul li .case_1 .case_1_2 p{font-size: 14px;color: #666;position: absolute;width: 100%;height: 18px;line-height: 1;text-align: center;opacity: 0;}
.case_banner ul li .case_1 .case_1_2 .p1{left: -600px;top:180px ;transition: all .9s ease-in-out .4s}
.case_banner ul li .case_1 .case_1_2 .p2{right: -600px;top:210px ;transition: all .9s ease-in-out .6s}
.case_banner ul li .case_1 .case_1_2 .p3{left: -600px;top:240px ;transition: all .9s ease-in-out .8s}
.case_banner ul li .case_1 .case_1_2 .p4{right: -600px;top:270px ;transition: all .9s ease-in-out 1s}
.case_banner ul li .case_1 .case_1_2 span.btn{opacity: 0;position: absolute;width: 140px;display: block;left:80px;top:320px;height:34px ;box-sizing: border-box;border: 1px solid #999;color: #333;font-size: 14px;line-height: 34px;text-align: center;transition: all 1s ease-in-out 1.2s}
.case_banner ul li .case_1:hover .case_1_1{opacity: 0; display:none;}
.case_banner ul li .case_1:hover .case_1_2{opacity: 1;}
.case_banner ul li .case_1:hover .case_1_2 img{opacity: 1;top: 45px;}
.case_banner ul li .case_1:hover .case_1_2 h4{opacity: 1;top: 106px;}
.case_banner ul li .case_1:hover .case_1_2 .p1{left: 0;opacity: 1;}
.case_banner ul li .case_1:hover .case_1_2 .p2{right: 0;opacity: 1;}
.case_banner ul li .case_1:hover .case_1_2 .p3{left: 0;opacity: 1;}
.case_banner ul li .case_1:hover .case_1_2 .p4{right: 0;opacity: 1;}
.case_banner ul li .case_1:hover .case_1_2 span.btn{opacity: 1;bottom:-220px ;}
.main_con .span1{width:36px;height:166px;position:absolute;background:rgba(0,0,0,0.2);text-align:center;line-height:166px;font-size:36px;color:#ddd;top:50%;margin-top:-83px;left:10px;z-index:990;cursor:pointer;display:block;}
.main_con .arrow1{left:auto;right:10px;}
.main_con .span1 img{ position: relative;top: 50%;margin-top: -15px;}
/* 新闻动态start */
/*新闻动态*/
.news{width: 100%;background: #fff;padding-top: 47px;padding-bottom: 50px;}
.news .news_con{width: 1176px;margin: 0 auto;position: relative;}
.news_top{/*height: 56px;*/ margin-bottom: 16px;}
.news_top h2{font-size: 30px;color: #333;float: left;width: 125px;font-weight: normal;}
.news_top span{color: #666;font-size: 12px;margin-top: 14px;margin-left: 15px;margin-right: 12px;float: left;}
.news_top p{width: 830px;height: 1px;border-bottom: 1px solid #ccc;margin-top: 21px;float: left;}
.news_top a.more{font-size: 15px;color: #666;height: 32px;line-height: 44px;float: right;display:inline-block;}
.news_top a.more b{font-weight: normal;}
.news_top a.more i{ font-family: "宋体"; font-style: normal; display: inline-block; width: 14px;height: 14px;background: #d1d1d1;border-radius: 7px;text-align: center;line-height: 14px;text-align: center;margin-right: 2px;margin-left: 5px;box-sizing: border-box;color: #f1f1f1;}
.news_top a.more:hover,.news_top a.more:hover i{ color: #d52806;}
.detail_1{float: left; width: 375px; overflow: hidden;}
.detail_1 a{display: block;}
.news_detail .detail_1{margin-right: 25px;}
.news_detail .detail_1.detail_2{ margin-right:0;}
.detail_1 p.p1{margin-top: 25px;margin-bottom: 15px; font-size: 16px;}
.detail_1 p.p1 span{float: left;font-size: 16px;color: #333;  width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.detail_1 p.p1 i{float: right;color: #666;font-size: 13px;font-style: normal; background: #f5f5f5; margin-top: 4px; width: 75px; height: 18px; text-align: center; line-height: 18px; border-radius: 10px;}
.detail_1 p.p2{font-size: 13px;color: #999;line-height: 20px;}
.detail_1 a:hover p.p1,.detail_1 a:hover span,.detail_1 a:hover i{color: #D52806 !important;}
.detail_1 img,.detail_1 a>span{ width: 375px; height: 240px; display: block;}
.detail_1:hover img{ transform: scale(1.1,1.1);}
.detail_1 a>span{ overflow: hidden;}
/*尾部*/
.footer{width:100%;height:260px ;background: #8c8c8c;color: #fff;}
.footer_1{float: left;width: 342px;height: 219px; margin-top:21px;}
.footer_2,.footer_3,.footer_4{width: 65px;float: left;padding:30px 30px 0; text-align: left; height: 230px;background: url(../img/foot_line.png) no-repeat left center;margin: 0 60px;}
.footer_2 h3,.footer_3 h3,.footer_4 h3{font-size: 16px;text-align: left;font-weight: normal;line-height: 1;margin-bottom: 14px;}
.footer_2 a,.footer_3 a,.footer_4 span{font-size: 14px;text-align: left;font-weight: normal;line-height: 26px;display: block;color: #fff;}
.footer_4 span,.footer_4 h3{text-align: left;}
.footer_2 a:hover,.footer_3 a:hover{color: #D52806;}
.footer_4{width: 270px;}
.footer_wx{float: right;margin-top: 29px;width: 250px;height: 160px;}
.footer_wx p{font-size: 16px;color: #fff;line-height: 1;margin-bottom: 20px;}
.footer_copy{height: 50px;line-height: 50px;text-align: center;color: #fff;font-size: 12px;background: #333333;  width: 100%;}
.footer_4 span.last_span{ position: relative; padding-left: 66px;}
.footer_4 span.last_span i{ font-style: normal; position: absolute; left: 0; top: 0;}
.footer_wx .wx1{ float: left;  font-size: 0;}
.footer_wx .wx1 img{ width: 105px; height: 103px; margin-right: 20px;}
.wx1 span{ display: block; font-size: 14px; color: #fff; border: #d2d2d2 1px solid; width: 103px; text-align: center;  height: 27px; line-height: 27px; margin-top:9px;}
.footer_wx .wx1 span img{ width: auto; height: auto; vertical-align: middle; position: relative; top: -2px;}

#floatPanel{ width: 48px; position: fixed; right: 0; top: 500px; z-index: 300;}
#floatPanel a{ display: block; width: 48px; height: 48px; margin-top: 1px; background: #666; text-align: center;}
#floatPanel a img{ position: relative; top: 50%; width: 28px; height: 28px; margin-top: -14px;}
#floatPanel a:hover{ background: #d52806;}
#floatPanel a span{    font-size: 14px;
    color: #fff;
    width: 32px;
    margin-top: 5px; opacity: 0;filter:alpha(opacity=0); display: none;}
#floatPanel a:hover span{ display: inline-block; opacity: 1;filter:alpha(opacity=100);}
#floatPanel a.arrow:hover img{ display: none;}

/*产品中心*/
.pro_section{ height: 45px; width: 100%; background: #f5f5f5; line-height: 45px;}
.sec_con{ font-size: 14px; color: #666;}
.sec_con a{ color: #666;}
.sec_con a span{color: #d52806;}
.pro_show dl{ border: #eee 1px solid; width: 381px; margin-top: 25px; margin-right: 25px; float: left;}
.pro_show dl a{ display: block; width: 100%; height: 100%;}
.pro_show dt,.pro_show dt img{ width: 381px; height: 245px; overflow:hidden;}
.pro_show dd{ padding: 25px 20px;border-top: #eee 1px solid;}
.pro_show dd p.p1{ color: #333; font-size: 14px;}
.pro_show dd p.p2{ color: #999; font-size: 12px; margin-top: 10px;}
.pro_show dd  span{ display: block; width: 128px; height: 33px; border: #d1d1d1 1px solid; background: #eee; font-size: 14px; color: #333; line-height: 33px; text-align: center; margin-top: 30px;}
.pro_show dl:hover span{ background: #d52806; color: #fff; border-color: #d52806;}
.page a,.page span{ display: inline-block; width: 30px;height: 30px; line-height: 30px;border: #d1d1d1 1px solid; font-size: 14px; color: #666; margin: 0 5px;  vertical-align: middle;border-radius: 5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.page { text-align: center;margin: 70px auto;} 
.page a.page_prev img,.page a.page_next img{ position: relative; top: 50%; margin-top: -5px;}
.page span.current,.page a:hover,.page span:hover{  border: #d52806 1px solid; } 
 .pn-title {
        position: fixed;
        top: 50%;
        left: 0;
        z-index: 9;
        background: #d52806;
        color: #fff;
        font-size: 16px;
        text-align: center;
        box-shadow: inset 0 0 30px rgba(0, 0, 0, .2);
        line-height: 26px;
        width: 45px;
        padding: 10px 0;
        cursor: pointer;
        border-radius: 0 10px 10px 0; margin-top: -62px;}

.pn-title span {display: block}
.pn-list {
        position: fixed;
        top: 50%;
        left: -305px;
        z-index: 10;
        background: #fff;
        width: 305px;
        height: 400px;
        margin-top: -200px;
        overflow: auto;
        transition: left .5s;
        box-shadow: 0 0 20px rgba(0, 0, 0, .2);
        border-radius: 0 10px 10px 0;
    }

    .pn-list.on {
        left: 0
    }

    .pn-list ul {
        width: 100%
    }

    .pn-list li {
        width: 100
    }

    .pn-list li .pn-tit-one {
        display: block;
        /* width: 100%; */
        height: 50px;
        line-height: 50px;
        color: #010101;
        font-size: 16px;
        padding:0 20px;
        background: #fff;
        transition: background .3s
    }
     .pn-list li .pn-tit-one i{ margin-right: 12px; background: url(../img/pro01.png) no-repeat; display: inline-block; width: 9px; height: 11px;}

    .pn-list li .pn-con-one {
        display: none
    }

    .pn-list li .pn-tit-one.cut {
        background: #d52806;
        color: #fff
    }
     .pn-list li .pn-tit-one.cut i{background: url(../img/pro01_h.png) no-repeat;}

    .pn-list li .pn-tit-two.cur,
    .pn-list li .pn-tit-three.cut,
    .pn-list li .pn-tit-four.cur,
    .pn-list li .pn-tit-five.cur {
        color: #d52806
    }

    .pn-list li .pn-con-two {
        display: none;
        background: #fafafa;
    }
    .pn-list li .pn-tit-two:hover{ color: #d52806;}
.pn-list li .pn-tit-two i{background: url(../img/off_1.png) no-repeat; width: 12px; height: 12px; margin-right: 12px; opacity:0;} 
.pn-list li .pn-tit-two.cur i{background: url(../img/on_1.png) no-repeat; height: 2px; position: relative; top: -4px;}
    .pn-list li .pn-tit-two {
        /* width: 100%; */
        height: 40px;
        line-height: 40px;
        overflow: hidden;
        display: block;
        font-size: 14px;
        color: #666;
        padding:0 20px;
        border-bottom: 1px solid #e6e6e6;
        transition: color .3s
    }

    .pn-list li .pn-con-two {
        /* width: 100%; */
        /* padding: 16px 2% 20px 15%; */
        display: none; padding:0;
    }

    .pn-list li .pn-tit-three {
        display: block;
        width: 100%;
        font-size: 12px;
        color: #666;
        line-height: 30px;
        height: 30px;
        overflow: hidden
    }

    .pn-list::-webkit-scrollbar {
        width: 4px;
        background-color: #d52806;
        border-radius:50px;
    }

    .pn-list::-webkit-scrollbar-track {
        border-radius: 50px;
        background-color: #d52806
    }

    .pn-list::-webkit-scrollbar-thumb {
        border-radius: 50px;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
        background-color: #fff
    }

    /* .pn-list li .font-blod {
        font-weight: bold;
    } */

    .pn-list li .pn-con-three {
        width: 100%;
        padding: 8px 0;
        display: none;
    }

    .pn-list li .pn-tit-four {
        display: block;
        width: 100%;
        font-size: 12px;
        color: #666;
        background-size: 4px !important;
        line-height: 30px;
        height: 30px;
        overflow: hidden;
    }

    .pn-list li .pn-con-four {
        width: 100%;
        display: none;
        padding: 0
    }

    .pn-list li .pn-tit-five {
        display: block;
        width: 100%;
        font-size: 11px;
        color: #666;
        background-size: 4px !important;
        line-height: 25px;
        height: 30px;
        overflow: hidden;
    }

/* 产品详情start */
.product_detail{ margin-top: 25px;}
.detail_01 .left{ float: left; border:#d1d1d1 1px solid; width: 491px; height: 354px; text-align: center;}
.detail_01 .left img{ position: relative; top: 50%; width: 381px; height: 245px; margin-top: -124.5px;}
.detail_01 .right{ float: left; margin-left: 70px; width:637px; padding-top: 35px; }
.detail_01 .right h3{ color: #666; font-size: 24px; font-weight: normal;}
.detail_01 .right p{ font-size: 13px; color: #666; margin-top: 20px; line-height: 180%;}
.bshare-custom{ margin-top: 30px;}
.detail_hd{ font-size: 0; border-top: #d1d1d1 1px solid; border-bottom: #d1d1d1 1px solid; height: 39px; line-height: 39px;}
.detail_hd a{ display: inline-block; font-size: 16px; color: #666; width: 130px; text-align: center;}
.detail_02{ margin-top: 40px; padding-bottom: 100px;}
.detail_hd a.on{ background: #d52806; color: #fff;}
.detail_bd p{ font-size: 14px; color: #666; line-height: 180%;}
.detail_bd>div{ padding-top: 40px;}
.detail_bd>div img{ display: block;margin-top: 80px;}
/* 成功案例start */
.case_show h2{ font-size: 24px; color: #666; font-weight: normal; padding: 20px 0;border-bottom: #d1d1d1 1px solid;}
.case_show .type_select{border-bottom: #d1d1d1 1px solid; height: 65px; line-height: 65px; font-size: 16px; }
.case_show a{ display: inline-block; width: 115px; height: 30px; line-height: 30px; text-align: center; }
.case_show a.on,.case_show a:hover{ background: #d52806;  color: #fff;}
.case_list dl{ position: relative; width: 382px; margin-top: 30px;border: #e0dfda 1px solid; float: left; margin-right: 24px; overflow: hidden;}
.case_list dt img{ display: block; width: 382px; height: 237px;}
.case_list dt{width: 382px; height: 237px;} 
.case_list .posi_txt{ position: absolute; width: 100%; height: 237px; background: #04a4e4; top: 0; left: 0; color: #fff; opacity: 0;}
.case_list .posi_txt span{ display: block; font-size: 18px; margin: 30px 0 20px; text-align: center; display:none;}
.case_list .posi_txt  p{ width: 330px; margin: 0 auto; font-size: 14px; line-height: 180%; text-indent: 20px; padding-top: 30px;}
.case_list dd.name{ font-size: 14px; color: #333; text-align: center; height: 40px;  line-height: 40px;}
.case_list dl:hover .posi_txt{  opacity: 1;  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;   -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;}
/* 解决方案start */
.solution_in{width: 100%;background: #f5f5f5;padding-top: 26px;padding-bottom: 50px;}
.solution_in ul{width: 1176px;margin: 0 auto;}
.solution_in ul li{width:376px;float: left;height: 250px;margin-bottom: 20px;box-sizing: border-box;}
.solution_in ul li:not(:nth-of-type(3n)){margin-right: 24px;}
.solution_in ul li .solution_1{position: relative;width: 376px;height: 250px;}
.solution_in .solution_1 h4{opacity: 1;position: absolute;z-index: 102;font-size: 24px;line-height:30px;width: 100%;color: #fff;left: 0;top: 50%;margin-top: -15px;text-align: center;font-weight: normal;color: #fff;}
.solution_in .solution_1 h5{opacity: 0;position: absolute;z-index: 102;width: 100%;padding-left:33px;font-size: 24px;line-height: 1;left:0;top:60px;box-sizing: border-box;font-weight: normal;color: #fff;}
.solution_in .solution_1 p{opacity: 0;position: absolute;z-index: 102;width: 100%;line-height: 26px;font-size: 12px;padding-left: 33px;box-sizing: border-box;top: 96px;font-weight: normal;color: #fff;padding-right: 40px;text-align: justify;}
.solution_in .solution_1 a{display: block;opacity: 0;position: absolute;z-index: 102;width: 100%;left:33px;width: 122px;line-height: 30px;background: #d52806;color: #fff;font-size: 16px;text-align: center;top: 185px;}
.solution_in ul li .solution_1:hover h4{opacity: 0;transition: opacity 0.8s;}
.solution_in ul li .solution_1:hover h5{opacity: 1;transition: opacity 0.8s;}
.solution_in ul li .solution_1:hover p{opacity: 1;transition: opacity 0.8s;}
.solution_in ul li .solution_1:hover a{opacity: 1;transition: opacity 0.8s;color: #fff !important;}
.solution_in ul li .solution_1:hover span{opacity: 1;transition: opacity 0.8s;}
.solution_in h2{font-size: 36px;color: #666;text-align: center;font-weight: normal;width: 165px;margin: 0 auto;line-height: 60px;border-bottom: 1px solid #d52806;}
.solution_in .p_intro{font-size: 14px;color: #666;line-height: 50px;text-align: center;margin-bottom: 20px;}
.solution_in .solution_1 span{ margin-left: 33px; opacity: 0; display: block; width: 110px; height: 30px; font-size: 16px; line-height: 30px; text-align: center; background: #d52806; color: #fff; position: absolute; top: 190px; z-index: 230;}
.solution_in ul li .solution_1 img{ width: 376px; height: 250px;}
/* 智慧政务start */
.inside_ban{ position: relative; width: 100%; height: 371px; overflow: hidden;}
.inside_ban img{ display: block; position: absolute; width: 1920px; left: 50%; margin-left: -960px; height: 371px;}
.ban_txt{   margin: 0 auto; position: relative; z-index: 30; padding-top: 50px;}
.ban_txt span{ display: block; font-size: 18px; color: #fff; margin-left: 45px;}
.ban_txt h1{ font-size: 48px; color: #fff; font-weight: normal;margin-left: 45px;}
.ban_txt p{ font-size: 18px; color: #fff;margin-left: 45px; font-size: 12px; margin-top: 10px; line-height: 180%;    width: 440px;}
.case_category{width: 100%; border-bottom: #d1d1d1 1px solid; height: 163px; background:#eee; height:50px;overflow: hidden;}
.case_left{ width: 465px; float: left; border-right: #d1d1d1 1px solid;}
.case_left a{ color: #333; font-size: 14px; display: inline-block; margin:17px 40px 7px 0; }
.case_left a:hover,.case_right a:hover{ color: #d52806;}
.case_area{ padding-bottom: 15px; }
.case_category.on .case_area{ padding-top: 15px;}
.case_category.on  .case_left a,.case_category.on  .case_right a{ margin-top: 7px;}
.case_right{ width: 734px; float: left;}
.case_right a{ display: inline-block;margin:17px 0 7px 40px; width: 140px;  color: #333; font-size: 14px;}
#case_btn i{ display: inline-block; width: 90px; height: 26px; background: #eee; color: #666; text-align: center; line-height: 26px; cursor: pointer; }
#case_btn i img{margin-left: 10px;}
#case_btn i em{ display:inline-block; width: 13px;height: 9px;background: url(../img/arrow_down2.png) no-repeat; margin-left: 5px;}
#case_btn i.on em{transform: rotate(180deg);}
#case_btn{ text-align: right;}
.case_category.on{ height: 163px ; }
#case_btn i:hover{ background: #d52806; color: #fff;}
#case_btn i:hover em{background: url(../img/arrow_down3.png) no-repeat; }
.category_detail{ margin-top: 30px; padding: 315px 0 250px; position: relative; }
.category_detail .posi_img{ display: block; margin: 0 auto; width: 1059px; height: 408px; }
.cont_txt{ background: url(../img/txt_bg.png) no-repeat; width: 359px; height: 205px; display: none; position: absolute; top: 0; left: 0; z-index: 10;}
.cont_txt span{ color: #d52905; font-size: 16px;}
.cont_txt p{ color: #666; font-size:12px; margin-top: 8px; line-height: 180%;}
.cont_txt div{ padding: 45px 15px 45px 25px;}
.cont1{ position: absolute; top: 0; width: 500px; left: 38px; height: 205px;}
.cont1::after{ content: ''; width: 142px; height: 1px; position: absolute; right: 0; top: 92px; background: #999;}
.cont1::before{ content: ''; width: 1px; height: 310px; position: absolute; top: 92px; right: 0; background: #999;}
.cont1 .cont_ico::after{  right: -10px; top: 378px;}
.cont_ico::after{content: ''; width: 22px; height: 29px; background: url(../img/adr_ico.png) no-repeat; position: absolute;}
.cont_ico{ width: 140px; float: right;  height: 205px; position: absolute; right: 0; top: 0;}
.cont_ico::before{ content: ''; width: 36px; height: 36px;background: url(../img/dot1.png) no-repeat;  position: absolute; z-index: 12;}
.cont1 .cont_ico::before{right: 129px; top: 74px;}
.cont1 .name{color: #333;font-size: 16px;width: 328px;line-height: 182px;text-align: right;}
.gory_list:hover::after{ background: #d52806; height: 2px;}
.gory_list:hover::before{ width: 2px; background: #d52806;}
.gory_list:hover p.name{display: none} 
.gory_list:hover .cont_txt{  display:block;}
.gory_list:hover .cont_ico::before{content: ''; width: 13px; height: 13px;background: url(../img/dot2.png) no-repeat;}
.gory_list.cont1:hover .cont_ico::before{  right: 135px; top: 86px;}

.cont2{position: absolute;width: 477px;top: 227px;margin-left: 9px;}
.cont2 .name{font-size: 16px;color: #333;margin-top: -15px;margin-left: 20px;}
.cont2::after{content: '';width: 305px;height: 1px;position: absolute;left: 90px;top: 30px;background: #999;}
.cont2::before{content: '';width: 1px;height: 180px;position: absolute;top: 30px;right: 81px;background: #999;}
.cont2 .cont_ico::after{  right: 71px; top: 190px;}
.cont2 .cont_ico::before{right: 370px;top: 12px;}
.cont2 .cont_txt{top: -58px;left: -10px;}
.gory_list.cont2:hover .cont_ico::before{right: 123px;top: 24px;}
.cont2:hover::after{ width:48px; left: 348px; }

.cont3{position: absolute;width: 477px;top: 335px;margin-left: 9px;}
.cont3 .name{font-size: 16px;color: #333;margin-top: 86px;margin-left: -6px;}
.cont3::after{content: '';width: 330px;height: 1px;position: absolute;left: 50px;top: 135px;background: #999;}
.cont3::before{content: '';width: 1px;height: 50px;position: absolute;top: 137px;right: 100px;background: #999;}
.cont3 .cont_ico::after{  right: 91px; top: 183px;}
.cont3 .cont_ico::before{right: 406px;top: 116px;}
.cont3 .cont_txt{top: 35px;left: -10px;}
.gory_list.cont3:hover .cont_ico::before{right: 123px;top: 130px;}
.cont3:hover::after{width: 28px;left: 349px;}

.cont4{position: absolute;width: 410px;top: 566px;margin-left: 9px;left: 10px;}
.cont4 .name{font-size: 16px;color: #333;margin-top: 114px;margin-left: 9px;}
.cont4::after{content: '';width: 349px;height: 1px;position: absolute;left: 55px;top: 164px;background: #999;}
.cont4::before{content: '';width: 1px;height: 153px;position: absolute;top: 12px;right: 6px;background: #999;}
.cont4 .cont_ico::after{right: -4px;top: -16px;}
.cont4 .cont_ico::before{right: 338px;top: 146px;}
.cont4 .cont_txt{top: 25px;left: -10px;}
.gory_list.cont4:hover .cont_ico::before{right: 56px;top: 159px;}
.cont4:hover::after{width: 55px;left: 349px;} 

.cont5{position: absolute;width: 410px;top: 588px;margin-left: 9px;left: 67px;}
.cont5 .name{font-size: 16px;color: #333;margin-top: 242px;margin-left: 199px;position: absolute;}
.cont5::after{content: '';width: 150px;height: 1px;position: absolute;left: 254px;top: 217px;background: #999;}
.cont5::before{content: '';width: 1px;height: 206px;position: absolute;top: 12px;right: 6px;background: #999;}
.cont5 .cont_ico::after{right: -4px;top: -25px;}
.cont5 .cont_ico::before{right: 141px;top: 200px;}
.cont5 .cont_txt{top: 168px;left: -27px;}
.gory_list.cont5:hover .cont_ico::before{right: 73px;top: 211px;}
.cont5:hover::after{width: 72px;left: 332px;} 

.cont6{position: absolute;width: 400px;top: 588px;margin-left: 9px;left: 130px;}
.cont6 .name{font-size: 16px;color: #333;margin-top: 252px;/* margin-left: 309px; */position: absolute;left: 605px;width: 200px;}
.cont6::after{content: '';width: 275px;height: 1px;position: absolute;left: 393px;top: 226px;background: #999;}
.cont6::before{content: '';width: 1px;height: 259px;position: absolute;top: -31px;right: 6px;background: #999;}
.cont6 .cont_ico::after{right: -4px;top: -60px;}
.cont6 .cont_ico::before{right: -284px;top: 208px;}
.cont6 .cont_txt{top: 170px;left: 560px;}
.gory_list.cont6:hover .cont_ico::before{right: -171px;top: 219px;}
.cont6:hover::after{width: 168px;/* left: 332px; */}

.cont7{position: absolute;width: 359px;top: 630px;margin-left: 9px;left: 556px;}
.cont7 .name{font-size: 16px;color: #333;margin-top: 126px;/* margin-left: 309px; */position: absolute;left: 484px;width: 200px;}
.cont7::after{content: '';width: 225px;height: 1px;position: absolute;left: 352px;top: 100px;background: #999;}
.cont7::before{content: '';width: 1px;height: 132px;position: absolute;top: -31px;right: 6px;background: #999;}
.cont7 .cont_ico::after{right: -4px;top: -60px;}
.cont7 .cont_ico::before{right: -238px;top: 82px;}
.cont7 .cont_txt{top: 40px;left: 295px;}
.gory_list.cont7:hover .cont_ico::before{right: 0px;top: 51px;}
.cont7:hover::after{width: 0;/* left: 332px; */}
.cont7:hover::before{ height: 91px;}

.cont8{position: absolute;width: 359px;top: 395px;margin-left: 9px;left: 478px;}
.cont8 .name{font-size: 16px;color: #333;margin-top: 0;/* margin-left: 309px; */position: absolute;left: 581px;width: 200px;top: -138px;}
.cont8::after{content: '';width: 295px;height: 1px;position: absolute;left: 344px;top: -88px;background: #999;}
.cont8::before{content: '';width: 1px;height: 240px;position: absolute;top: -88px;right: 14px;background: #999;}
.cont8 .cont_ico::after{right: 3px;top: 151px;}
.cont8 .cont_ico::before{right: -304px;top: -106px;}
.cont8 .cont_txt{top: -192px;left: 378px;}
.gory_list.cont8:hover .cont_ico::before{right: -30px;top: -94px;}
.cont8:hover::after{width: 36px;}

.cont9{position: absolute;width: 359px;top: 329px;margin-left: 9px;left: 370px;}
.cont9 .name{font-size: 16px;color: #333;margin-top: 0;/* margin-left: 309px; */position: absolute;left: 587px;width: 200px;top: -176px;}
.cont9::after{content: '';width: 295px;height: 1px;position: absolute;left: 344px;top: -125px;background: #999;}
.cont9::before{content: '';width: 1px;height: 277px;position: absolute;top: -125px;right: 14px;background: #999;}
.cont9 .cont_ico::after{right: 3px;top: 151px;}
.cont9 .cont_ico::before{right: -304px;top: -143px;}
.cont9 .cont_txt{top: -245px;left: 461px;}
.gory_list.cont9:hover .cont_ico::before{right: -114px;top: -131px;}
.cont9:hover::after{width: 118px;}

.cont10{position: absolute;width: 359px;top: 251px;margin-left: 9px;left: 305px;}
.cont10 .name{font-size: 16px;color: #333;margin-top: 0;/* margin-left: 309px; */position: absolute;left: 482px;width: 200px;top: -153px;}
.cont10::after{content: '';width: 104px;height: 1px;position: absolute;left: 344px;top: -139px;background: #999;}
.cont10::before{content: '';width: 1px;height: 290px;position: absolute;top: -139px;right: 14px;background: #999;}
.cont10 .cont_ico::after{right: 3px;top: 151px;}
.cont10 .cont_ico::before{right: -109px;top: -158px;}
.cont10 .cont_txt{top: -261px;left: 403px;}
.gory_list.cont10:hover .cont_ico::before{right: -56px;top: -145px;}
.cont10:hover::after{width: 60px;}
.news_show dl{ border: #d1d1d1 1px solid; padding: 7px; margin-top: 20px;}
.news_show dt{ float: left; width: 417px; height: 266px; overflow: hidden;}
.news_show dt img{ width: 417px; height: 266px;}
.news_show dd{ float: left; padding: 0 30px; width: 707px;}
.news_show dl  p.p1{ color: #333; font-size: 20px; margin-top: 70px;}
.news_show dl p.p2,.new_cont>div .p2{ font-size:14px; color: #666; margin-top: 10px;}
.news_show dl p img,.new_cont>div .p2 img{ margin-right: 10px; vertical-align: middle;}
.news_show dl p.p3{ font-size: 14px; color: #666; line-height: 180%; margin-top: 10px;}
.news_show li{ padding: 25px 0; border-bottom: #d1d1d1 1px solid;}
.news_show li a{ display: block; width:100%; height: 100%;}
.news_show li i.time{ margin-top:40px; float: left; width:71px; height:71px; border:#d1d1d1 1px solid; color: #999; font-size:14px; font-family: Arial, Helvetica, sans-serif; text-align:center; border-radius:5px;-webkit-border-radius:5px;}
.news_show li i.time span{ display:block; color: #666; font-size:30px; margin-top: 10px; }
.new_cont>img{width:258px;height:142px; display: block;  float:left;}
.new_cont{ float: left; margin-left: 20px; width:1097px;}
.new_cont>div{ float: left;  width: 810px; margin-left: 29px;}
.new_cont>div .p1{color: #333; font-size: 20px; margin-top: 10px;}
.new_cont>div .p3{ color: #333; font-size:14px; margin-top: 12px; line-height: 180%;}
.news_show li:hover  .new_cont>div .p1,.news_show li:hover  .new_cont>div .p3{ color: #db4527;}
.news_show  ul{ margin-top:20px;}
.news_show li:hover i.time{ margin-left: 10px;}
.news_show li:hover{ border-bottom: #fff 1px solid;}
.news_show dl:hover p{ padding-left: 15px;}
.news_show dl:hover .p1{ color: #d52806;}
/* 新闻动态start */
/* 新闻详情start */
.new_detail{ padding-bottom: 40px;}
.detail_left{ width: 860px; float: left;}
.detail_left h1{ color: #333; font-size: 30px; margin-top: 60px; padding-bottom: 20px; border-bottom: #d1d1d1 1px solid; font-weight: normal;  text-align: center;}
.detail_time{ margin-top: 13px;}
.detail_time span{ color: #999; font-size: 12px;}
.detail_time .bdsharebuttonbox{ float: right;}
.intro_txt { text-align: center; width: 100%; padding-top: 20px;}
.intro_txt img{ margin-top: 20px;}
.intro_txt p{ text-align: left; line-height: 220%; color: #666; font-size: 14px; text-indent: 20px;  width: 720px; margin: 20px auto 0;}
.detail_right{ border: #d1d1d1 1px solid; padding: 15px; float: right; width: 235px; margin-top: 60px;}
.detail_right p{ font-size: 18px; color: #333; padding-bottom: 10px; border-bottom: #d1d1d1 1px solid;}
.detail_right p img{ margin-right: 10px;}
.detail_right>img{ display: block; width: 235px; height: 142px; margin: 20px auto;}
.detail_right ul li{ font-size: 14px; position: relative; padding-left: 10px; margin: 10px 0;}
.detail_right ul li:after{ content: ''; width: 5px; height: 5px; background: #d52806; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -2.5px;}
.detail_right ul li a{ color: #666;}
.job {border-top: #cacaca 1px solid;}
.job li{ color: #333;  font-size: 15px; cursor: pointer;}
.job li p.p1::after{content: ' ';width: 15px; height: 15px; background: #cacaca; position: absolute; left: 0; top:50%; margin-top: -7.5px;}
.job li:hover p.p1{ background: #d52806; color: #fff;}
.job li:hover p.p1 em,.job li:hover i{ color: #fff;}
.job li.on p.p1::after,.job li:hover p.p1::after{ background: #d52806;}
.job li i{ position: absolute; right: 100px; top: 0; color: #333;}
.job li i em{ color: #999; margin-left: 60px;}
.job_intro { padding: 20px 25px; display: none;}
.job li p.p1{border-bottom: #cacaca 1px solid;line-height: 50px; height: 50px;  position: relative; padding-left: 25px;}
.job_intro div{ margin: 20px 0 15px; font-size: 14px;}
.job_intro  p{ font-size: 13px; margin-bottom: 10px;}
.job_way{ margin-top: 20px; text-align: right; color: #333;  vertical-align: middle; margin-bottom: 20px;}
.job_way a{ display: inline-block; width: 115px; height: 40px; margin-left: 12px; border: #d3cdd1 1px solid;} 
.job_way a.a1{ background: url(../img/job_img1_on.jpg) no-repeat;}
.job_way a.a2{ background: url(../img/job_img2_on.jpg) no-repeat;}
.job_way a:hover{border: #d52806 1px solid;}
.job_way span{ position: relative; top: -15px;}
/* 公司简介start */
.company_cont{ margin-bottom: 80px;}
.company_txt{ text-align: center; position: relative; z-index: 1; padding: 120px 0; color:#fff;}
.company_txt h1{ font-size:31px; font-weight:normal;}
.company_txt p{ font-size:14px; line-height: 180%; margin-top:20px;}
.menu_nav{ height: 47px; line-height: 47px; border-top: #d1d1d1 1px solid; border-bottom: #d1d1d1 1px solid;}
.menu_nav ul li{ float: left; font-size: 16px; width:20% ;  text-align: center;}
.menu_nav ul li a{ color: #333; width: 90px; display: block; position: relative; margin: 0 auto; }
.menu_nav ul li.on a,.menu_nav ul li:hover a{ color: #d52806;}
.menu_nav ul li.on a::after,.menu_nav ul li:hover a::after{ content: ''; width: 100%; height: 3px; position: absolute; bottom: 0; left: 0; background: #d52806;}
.div1 .left{   float: left;font-size: 14px;line-height: 220%;}
.div1 .left img{ display: block; width: 468px; height: 72px;}
.div1{ margin-top: 50px;}
.div1 .left .p1{ color: #333; font-size: 24px; margin-top: 15px; position: relative;  padding-left: 40px;}
.div1 .left .p1::after,.div2 p::after,.div4 .left>p:after,.yj_name:after{ content: ''; width: 9px; height: 9px; background: #d52806; position: absolute; top: 50%; margin-top: -4.5px; left: 18px;}
.div1 .left .p2{margin-top: 20px; padding-left: 20px; line-height: 180%; text-indent: 20px; color: #333; font-size: 14px;}
.div1 .right{ float: right; width: 473px; height: 274px;display:none}
.div2{ background: #f5f5f5; padding: 30px 0; margin-top: 10px;}
.div2 p{ font-size: 18px; color: #999;  padding-left: 70px; position: relative; margin: 8px 0}
.div2 p::after{ left: 40px;}
.div3 p{ width: 100%;}
.div4{ margin-top: 23px;}
.div4 .left{ width: 335px; margin-left: 25px; float: left; }
.div4 .left>p{ color: #333; font-size: 30px; position: relative; padding-left: 22px; margin: 15px 0 20px;}
.div4 .left>p:after{ left: 0;}
.div4 ul,.gz_us{ border: #ced1d2 1px solid; border-top: #d52806 4px solid; margin-top: 15px; padding-bottom: 25px;}
.div4 ul li{ position: relative; font-size:14px; color:#333; padding-right: 30px; padding-left: 40px; margin-top: 25px; line-height: 180%;}
.div4 ul li img{ position: absolute; left: 10px; top:2px;}
.gz_us{ padding-top: 20px; padding-left: 25px; padding-right: 25px; position: relative; height: 106px;}
.gz_us>div{ color: #333; font-size: 18px; }
.gz_us p{ margin-top: 22px; color: #333; font-size:14px;}
.gz_us p img{ vertical-align: middle; margin-right: 10px;}
.gz_us>img{ position: absolute; right: 25px; top: 12px; width:118px; height:116px;}
.div4 .right{ float: right; width: 800px; height: 450px; border:#ccc 1px solid;}
#allmap{width: 800px; height: 450px;}
.yj_name{ color: #333; font-size: 30px; position: relative; padding-left: 50px; margin-top:30px;}
.yj_list span{display:block; width: 55px; height: 55px; border-radius: 50%; background:#d52806; position: absolute; left: 0; top:5px;}
.yj_list span img{ width: 40px; margin: 0 auto; display:block; position: relative; top:50%; margin-top:-20px;}
.yj_list li{ padding-left:80px; position: relative; width: 140px; margin-top: 87px;  float: left; margin-right: 106px;}
.yj_list li i{ display:block; font-size:24px; color:#333; margin-bottom: 10px;}
.yj_list li  font{display:block; font-size:14px; color:#333; margin: 0;} 
/* .yj_list li:hover span{ background: #d52806;} */
.div5{ margin-top: 100px; padding-top:20px; border-top: #d1d1d1 1px solid;}
.div5 p{ margin-top: 20px; font-size:24px; color:#666;}
.div5 p span{ display:block; font-size:14px; margin-top: 10px;}
.company_cont font{ display: block; color:#333; font-size:14px; margin-top: 16px; margin-left: 50px;}
.staff dl{ width: 363px;  margin-top: 35px; float: left; margin-right:55px;}
.staff dt,.staff dt img{width: 363px; height: 257px; overflow: hidden;}
.staff dd{ height:70px; padding:0 20px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; font-size: 14px; color: #666; background: #f5f5f5; line-height: 70px;}
.staff dl:hover dd{ background: #d52806; color: #fff;}
.honor>div{ width: 363px; height: 333px; border:#ced1d2 1px solid; margin-top: 40px; margin-right: 52px; float: left;}
.honor>div span{ display: block; font-size: 14px; color: #666;  height: 40px; line-height: 40px; text-align: center;}
.honor>div img{ margin: 15px auto 0; display: block; width: 204px; height: 278px;}
.honor>div:hover{ border:#d52806 1px solid;}
/* 智慧园区start */
.category_park .posi_img{ width: 784px; height: 443px; display: block; margin: 0 auto;}
.category_park{ padding: 200px 0 280px; position: relative; margin-top: 100px;}
.cast_div{ position: absolute;}
.cast_div::after,.cast_div::before{content: '';position: absolute;background: #999;}
.park1{ width: 500px; top:100px; left:290px;}
.park1 .cont_ico::after{top: 201px;left: 5px;}
.park1::before{width:1px;height: 240px;left: 376px;top: -30px;}
.park1::after{width: 125px;height: 1px;top: -30px;left: 252px;}
.park1 .cont_ico::before{left: -128px;top: -47px;}
.cast_div p.name{ color: #333; font-size:16px; position: absolute; font-weight:bold;}
.park1 p.name{top: -40px;left: 100px;}
.park1:hover .cont_txt{left: -107px;top: -135px;}
.park1:hover::before{height: 210px;top: 10px;}
.park1:hover::after{top: 10px;left: 252px;width:126px;}
.park1:hover .cont_ico::before{left: -115px;top: 4px;}

.park2{ width: 500px; top:100px; left:290px;}
.park2 .cont_ico::after{top: 176px;left: -95px;}
.park2::before{width:1px;height: 109px;left: 275px;top: 70px;}
.park2::after{width: 425px;height: 1px;top: 70px;left: -149px;}
.park2 .cont_ico::before{left: -523px;top: 52px;}
.park2 p.name{top: 20px;left: -195px;}
.park2:hover .cont_txt{left: -291px;top: 2px;}
.park2:hover::before{height: 100px;top: 90px;left: 277px;}
.park2:hover::after{top: 90px;left: 68px;width: 209px;}
.park2:hover .cont_ico::before{left: -300px;top: 84px;}

.park3{width: 500px;top: 162px;left: 85px;}
.park3 .cont_ico::after{top: 176px;left: -95px;}
.park3::before{width:1px;height: 0;left: 376px;top: -30px;}
.park3::after{width: 318px;height: 1px;top: 205px;left: -40px;}
.park3 .cont_ico::before{left: -419px;top: 187px;}
.park3 p.name{top: 158px;left: -80px;}
.park3:hover .cont_txt{left: -108px;top: 2px;}
.park3:hover::before{height: 100px;top: 90px;left: 277px;}
.park3:hover::after{top: 90px;left: 250px;width: 29px;}
.park3:hover .cont_ico::before{left: -117px;top: 84px;}

.park4{width: 500px;top: 197px;left: 108px;}
.park4 .cont_ico::after{top: 176px;left: -95px;}
.park4::before{width:1px;height: 82px;left: 25px;top: 205px;}
.park4::after{width: 249px;height: 1px;top: 205px;left: 26px;}
.park4 .cont_ico::before{left: -353px;top: 266px;}
.park4 p.name{top: 308px;left: -5px;}
.park4:hover .cont_txt{left: -108px;top: 278px;}
.park4:hover::before{width:2px;height: 82px;left: 25px;top: 205px;}
.park4:hover::after{width: 249px;height: 2px;top: 205px;left: 26px;}
.park4:hover .cont_ico::before{left: -341px;top: 273px;}

.park5{width: 252px;top: 196px;left: 379px;}
.park5 .cont_ico::after{top: 176px;left: -95px;}
.park5::before{width:1px;height: 207px;left: 28px;top: 203px;}
.park5::after{width: 152px;height: 1px;top: 409px;left: -124px;}
.park5 .cont_ico::before{left: -259px;top: 392px;}
.park5 p.name{top: 438px;left: -180px;}
.park5:hover .cont_txt{left: -309px;top: 378px;}
.park5:hover::before{width:2px;height: 200px;left: 27px;top: 190px;}
.park5:hover::after{width: 0;height: 2px;top: 205px;left: 26px;}
.park5:hover .cont_ico::before{left: -91px;top: 375px;}

.park6{width: 252px;top: 194px;left: 427px;}
.park6 .cont_ico::after{top: 176px;left: -95px;}
.park6::before{width:1px;height: 240px;left: 28px;top: 203px;}
.park6::after{width: 0;height: 1px;top: 477px;left: -124px;}
.park6 .cont_ico::before{left: -102px;top: 428px;}
.park6 p.name{top: 473px;left: -15px;}
.park6:hover .cont_txt{left: -275px;top: 456px;}
.park6:hover::before{width:2px;height: 276px;left: 27px;top: 190px;}
.park6:hover::after{width: 0;height: 2px;top: 205px;left: 26px;}
.park6:hover .cont_ico::before{left: -91px;top: 448px;}

.park7{width: 252px;top: 254px;left: 524px;}
.park7 .cont_ico::after{top: 176px;left: -95px;}
.park7::before{width:1px;height: 344px;left: 28px;top: 203px;}
.park7::after{width: 0;height: 1px;top: 477px;left: -124px;}
.park7 .cont_ico::before{left: -102px;top: 526px;}
.park7 p.name{top: 570px;left: -15px;}
.park7:hover .cont_txt{left: -197px;top: 456px;}
.park7:hover::before{width:2px;height: 276px;left: 27px;top: 190px;}
.park7:hover::after{width: 0;height: 2px;top: 205px;left: 26px;}
.park7:hover .cont_ico::before{left: -91px;top: 448px;}

.park8{width: 252px;top: 153px;left: 649px;}
.park8 .cont_ico::after{top: 176px;left: -95px;}
.park8::before{width:1px;height: 316px;left: 28px;top: 212px;}
.park8::after{width: 0;height: 1px;top: 477px;left: -124px;}
.park8 .cont_ico::before{left: -102px;top: 506px;}
.park8 p.name{top: 548px;left: -15px;}
.park8:hover .cont_txt{left: -197px;top: 417px;}
.park8:hover::before{width:2px;height: 241px;left: 27px;top: 190px;}
.park8:hover::after{width: 0;height: 2px;top: 205px;left: 26px;}
.park8:hover .cont_ico::before{left: -91px;top: 409px;}

.park9  .cont_ico{right: -443px;height: 120px;width: 120px;top: 41px;}
.park9{width: 20px;top: 500px;left: 549px;}
.park9 .cont_ico::after{top: -9px;left: -326px;}
.park9::before{width:1px;height: 0;left: 20px;top: 105px;}
.park9::after{width: 420px;height: 1px;top: 60px;left: 27px;}
.park9 .cont_ico::before{left: 85px;top: 1px;}
.park9 p.name{top: 87px;left: 420px;width: 100px;}
.park9:hover .cont_txt{left: 291px;top: 180px;}
.park9:hover::before{width:2px;height: 115px;left: 444px;top: 60px;}
.park9:hover::after{width: 420px;height: 2px;top: 60px;left: 24px;}
.park9:hover .cont_ico::before{left: 95px;top: 133px;}

.park10  .cont_ico{right: -436px;height: 120px;width: 120px;top: 1px;}
.park10{width: 120px;top: 417px;left: 643px;height: 120px;}
.park10 .cont_ico::after{top: 31px;left: -320px;}
.park10::before{width:1px;height: 0;left: 20px;top: 105px;}
.park10::after{width: 346px;height: 1px;top: 60px;left: 128px;}
.park10 .cont_ico::before{left: 26px;top: 41px;}
.park10 p.name{top: 87px;left: 420px;width: 100px;}
.park10:hover .cont_txt{left: 291px;top: 180px;}
.park10:hover::before{width:2px;height: 115px;left: 444px;top: 60px;}
.park10:hover::after{width: 319px;height: 2px;top: 60px;left: 127px;}
.park10:hover .cont_ico::before{left: 3px;top: 171px;}

.park11  .cont_ico{right: -436px;height: 120px;width: 120px;top: 1px;}
.park11{width: 0;top: 296px;left: 790px;height: 0;}
.park11 .cont_ico::after{top: 42px;left: -293px;}
.park11::before{width:1px;height: 150px;left: 34px;top: -105px;}
.park11::after{width: 60px;height: 1px;top: -106px;left: 34px;}
.park11 .cont_ico::before{left: -236px;top: -125px;}
.park11 p.name{top: -155px;left: 45px;width: 160px;}
.park11:hover .cont_txt{left: 60px;top: -200px;}
.park11:hover::before{width:2px;height: 159px;left: 33px;top: -112px;}
.park11:hover::after{width: 29px;height: 2px;top: -113px;left: 33px;}
.park11:hover .cont_ico::before{left: -257px;top: -121px;}

.park12  .cont_ico{right: -436px;height: 120px;width: 120px;top: 1px;}
.park12{width: 0;top: 218px;left: 662px;height: 0;}
.park12 .cont_ico::after{top: 42px;left: -293px;}
.park12::before{width:1px;height: 150px;left: 34px;top: -105px;}
.park12::after{width: 60px;height: 1px;top: -106px;left: 34px;}
.park12 .cont_ico::before{left: -236px;top: -125px;}
.park12 p.name{top: -155px;left: 45px;width: 160px;}
.park12:hover .cont_txt{left: 60px;top: -200px;}
.park12:hover::before{width:2px;height: 159px;left: 33px;top: -112px;}
.park12:hover::after{width: 29px;height: 2px;top: -113px;left: 33px;}
.park12:hover .cont_ico::before{left: -257px;top: -121px;}

/* 智慧医院start */
.category_Hospital{ padding: 300px 0;   position: relative;}
.category_Hospital img{ margin: 0 auto; display: block; width: 758px; height: 501px;}
.hosp_div1{ width: 100px; height: 100px; position: absolute; top: 315px; left: 455px;}
.hosp_div1 .cont_ico::after{top: 41px;left: 100px;}
.hosp_div1::before{width:1px;height: 165px;left: 70px;top: -118px;}
.hosp_div1::after{width: 90px;height: 1px;top: -118px;left: -19px;}
.hosp_div1 .cont_ico::before{left: 0;top: -135px;}
.hosp_div1 p.name{top: -167px;left: -67px;width: 160px;}
.hosp_div1:hover .cont_txt{left: -377px;top: -208px;}
.hosp_div1:hover::before{width:2px;height: 165px;left: 70px;top: -118px;}
.hosp_div1:hover::after{width: 90px;height: 2px;top: -118px;left: -19px;}
.hosp_div1:hover .cont_ico::before{left: 14px;top: -124px;}

.hosp_div2{width: 100px;height: 100px;position: absolute;top: 440px;left: 340px;}
.hosp_div2 .cont_ico::after{top: 41px;left: 284px;}
.hosp_div2::before{width:1px;/* height: 165px; */left: 70px;top: -118px;}
.hosp_div2::after{width: 280px;height: 1px;top: 70px;left: -207px;}
.hosp_div2 .cont_ico::before{left: 2px;top: 52px;}
.hosp_div2 p.name{top: 22px;left: -250px;width: 160px;}
.hosp_div2:hover .cont_txt{left: -377px;top: -208px;}
.hosp_div2:hover::before{width:2px;height: 165px;left: 70px;top: -118px;}
.hosp_div2:hover::after{width: 90px;height: 2px;top: -118px;left: -19px;}
.hosp_div2:hover .cont_ico::before{left: 199px;top: -124px;}
.hosp_div2 .cont_ico{left: -224px;width: 100px;height: 100px;}

.hosp_div3{width: 50px;height: 50px;position: absolute;top: 537px;left: 408px;}
.hosp_div3 .cont_ico::after{top: -5px;left: 238px;}
.hosp_div3::before{width:1px;/* height: 165px; */left: 70px;top: -118px;}
.hosp_div3::after{width: 256px;height: 1px;top: 24px;left: -230px;}
.hosp_div3 .cont_ico::before{left: -20px;top: 6px;}
.hosp_div3 p.name{top: 47px;left: -293px;width: 160px;}
.hosp_div3:hover .cont_txt{left: -412px;top: -16px;}
.hosp_div3:hover::before{width:2px;height: 0;left: 70px;top: -118px;}
.hosp_div3:hover::after{width: 80px;height: 2px;top: 24px;left: -54px;}
.hosp_div3:hover .cont_ico::before{left: 164px;top: 18px;}
.hosp_div3 .cont_ico{left: -224px;width: 100px;height: 100px;}

.hosp_div4{width: 50px;height: 50px;position: absolute;top: 567px;left: 430px;}
.hosp_div4 .cont_ico::after{top: -14px;left: 237px;}
.hosp_div4::before{width:1px;height: 213px;left: 24px;top: 16px;}
.hosp_div4::after{width: 256px;height: 1px;top: 229px;left: -231px;}
.hosp_div4 .cont_ico::before{left: -20px;top: 211px;}
.hosp_div4 p.name{top: 173px;left: -280px;width: 160px;}
.hosp_div4:hover .cont_txt{left: -430px;top: 90px;}
.hosp_div4:hover::before{width:2px;height: 213px;left: 24px;top: 13px;}
.hosp_div4:hover::after{width: 98px;height: 2px;top: 225px;left: -72px;}
.hosp_div4:hover .cont_ico::before{left: 146px;top: 219px;}
.hosp_div4 .cont_ico{left: -224px;width: 100px;height: 100px;}

.hosp_div5{width: 50px;height: 50px;position: absolute;top: 611px;left: 486px;}
.hosp_div5 .cont_ico::after{top: -14px;left: 237px;}
.hosp_div5::before{width:1px;height: 251px;left: 24px;top: 16px;}
.hosp_div5::after{width: 375px;height: 1px;top: 267px;left: -350px;}
.hosp_div5 .cont_ico::before{left: -147px;top: 250px;}
.hosp_div5 p.name{top: 293px;left: -389px;width: 160px;}
.hosp_div5:hover .cont_txt{left: -430px;top: 199px;}
.hosp_div5:hover::before{width:2px;height: 213px;left: 24px;top: 13px;}
.hosp_div5:hover::after{width: 98px;height: 2px;top: 225px;left: -72px;}
.hosp_div5:hover .cont_ico::before{left: 146px;top: 219px;}
.hosp_div5 .cont_ico{left: -224px;width: 100px;height: 100px;}

.hosp_div6{width: 50px;height: 50px;position: absolute;top: 721px;left: 525px;}
.hosp_div6 .cont_ico::after{top: -178px;left: 35px;}
.hosp_div6::before{width:1px;height: 182px;left: 24px;top: 16px;}
.hosp_div6::after{width: 0;height: 1px;top: 267px;left: -350px;}
.hosp_div6 .cont_ico::before{left: 28px;top: 14px;}
.hosp_div6 p.name{top: 225px;left: -6px;width: 160px;}
.hosp_div6:hover .cont_txt{left: -430px;top: 152px;}
.hosp_div6:hover::before{width:2px;height: 213px;left: 24px;top: 13px;}
.hosp_div6:hover::after{width: 98px;height: 2px;top: 225px;left: -72px;}
.hosp_div6:hover .cont_ico::before{left: -56px;top: 50px;}
.hosp_div6 .cont_ico{left: -22px;width: 100px;height: 100px;top: 169px;}

.hosp_div7{width: 50px;height: 50px;position: absolute;top: 616px;left: 626px;}
.hosp_div7 .cont_ico::after{top: -205px;left: 9px;}
.hosp_div7::before{width:1px;height: 182px;left: 22px;top: 40px;}
.hosp_div7::after{width: 0;height: 1px;top: 267px;left: -350px;}
.hosp_div7 .cont_ico::before{left: 2px;top: -15px;}
.hosp_div7 p.name{top: 251px;left: -41px;width: 160px;}
.hosp_div7:hover .cont_txt{left: -47px;top: 237px;}
.hosp_div7:hover::before{width:2px;height: 213px;left: 21px;top: 37px;}
.hosp_div7:hover::after{width: 0;height: 2px;top: 225px;left: -72px;}
.hosp_div7:hover .cont_ico::before{left: 13px;t;top: 28px;}
.hosp_div7 .cont_ico{left: 2px;width: 100px;height: 100px;top: 220px;}

.hosp_div8{width: 50px;height: 50px;position: absolute;top: 595px;left: 670px;}
.hosp_div8 .cont_ico::after{top: -205px;left: 9px;}
.hosp_div8::before{width:1px;height: 65px;left: 342px;top: 43px;}
.hosp_div8::after{width: 320px;height: 1px;top: 43px;left: 22px;}
.hosp_div8 .cont_ico::before{left: 323px;top: -124px;}
.hosp_div8 p.name{top: 140px;left: 314px;width: 160px;}
.hosp_div8:hover .cont_txt{left: 153px;top: 110px;}
.hosp_div8:hover::before{width:2px;height: 65px;left: 342px;top: 43px;}
.hosp_div8:hover::after{width: 320px;height: 2px;top: 43px;left: 22px;}
.hosp_div8:hover .cont_ico::before{left: 335px;top: -115px;}
.hosp_div8 .cont_ico{left: 2px;width: 100px;height: 100px;top: 220px;}

.hosp_div9{width: 50px;height: 50px;position: absolute;top: 573px;left: 714px;}
.hosp_div9 .cont_ico::after{top: 42px;left: 9px;}
.hosp_div9::before{width:1px;height: 188px;left: 367px;top: -144px;}
.hosp_div9::after{width: 345px;height: 1px;top: 43px;left: 22px;}
.hosp_div9 .cont_ico::before{left: 347px;top: -139px;}
.hosp_div9 p.name{top: -192px;left: 323px;width: 160px;}
.hosp_div9:hover .cont_txt{left: 153px;top: -344px;}
.hosp_div9:hover::before{width:2px;height: 188px;left: 367px;top: -144px;}
.hosp_div9:hover::after{width: 347px;height: 2px;top: 43px;left: 22px;}
.hosp_div9:hover .cont_ico::before{left: 359px;top: -122px;}
.hosp_div9 .cont_ico{left: 2px;width: 70px;height: 70px;top: -27px;}

.hosp_div10{width: 50px;height: 50px;position: absolute;top: 470px;left: 700px;}
.hosp_div10 .cont_ico::after{top: 260px;left: -99px;}
.hosp_div10::before{width:1px;height: 228px;left: 21px;top: -211px;}
.hosp_div10::after{width: 100px;height: 1px;top: -211px;left: 22px;}
.hosp_div10 .cont_ico::before{left: 1px;top: 13px;}
.hosp_div10 p.name{top: -262px;left: 77px;width: 160px;}
.hosp_div10:hover .cont_txt{left: 118px;top: -344px;}
.hosp_div10:hover::before{width:2px;height: 228px;left: 21px;top: -211px;}
.hosp_div10:hover::after{width: 100px;height: 2px;top: -211px;left: 22px;}
.hosp_div10:hover .cont_ico::before{left: 7px;top: 25px;}
.hosp_div10 .cont_ico{left: 109px;width: 100px;height: 100px;top: -243px;}

.hosp_div11{width: 50px;height: 50px;position: absolute;top: 487px;left: 639px;}
.hosp_div11 .cont_ico::after{top: 382px;left: 41px;}
.hosp_div11::before{width:1px;height: 307px;left: 21px;top: -289px;}
.hosp_div11::after{width: 30px;height: 1px;top: -289px;left: 22px;}
.hosp_div11 .cont_ico::before{left: 67px;top: 57px;}
.hosp_div11 p.name{top: -338px;left: -2px;width: 160px;}
.hosp_div11:hover .cont_txt{left: -111px;top: -484px;}
.hosp_div11:hover::before{width:2px;height: 307px;left: 21px;top: -289px;}
.hosp_div11:hover::after{width: 0;height: 2px;top: -211px;left: 22px;}
.hosp_div11:hover .cont_ico::before{left: 48px;top: 63px;}
.hosp_div11 .cont_ico{left: -32px;width: 100px;height: 100px;top: -364px;}

/* 智慧养老start */
.category_pension{ padding: 300px 0; position: relative;}
.category_pension img{ margin: 0 auto; display: block; width: 758px; height: 501px;}
.pension1{width: 100px;height: 100px;position: absolute;top: 309px;left: 533px;}
.pension1 .cont_ico::after{top: 41px;left: 100px;}
.pension1::before{width:1px;height: 219px;left: 70px;top: -118px;}
.pension1::after{width: 188px;height: 1px;top: -118px;left: -117px;}
.pension1 .cont_ico::before{left: -94px;top: -135px;}
.pension1 p.name{top: -167px;left: -157px;width: 160px;}
.pension1:hover .cont_txt{left: -377px;top: -208px;}
.pension1:hover::before{width:2px;height: 165px;left: 70px;top: -118px;}
.pension1:hover::after{width: 90px;height: 2px;top: -118px;left: -19px;}
.pension1:hover .cont_ico::before{left: 14px;top: -124px;}

.pension2{width: 100px;height: 100px;position: absolute;top: 402px;left: 310px;}
.pension2 .cont_ico::after{top: 41px;left: 100px;}
.pension2::before{width:1px;height: 144px;left: 71px;top: 60px;}
.pension2::after{width: 260px;height: 1px;top: 203px;left: -189px;}
.pension2 .cont_ico::before{left: -168px;top: 186px;}
.pension2 p.name{top: 150px;left: -212px;width: 160px;}
.pension2:hover .cont_txt{left: -328px;top: 115px;}
.pension2:hover::before{width:2px;height: 144px;left: 71px;top: 60px;}
.pension2:hover::after{width: 42px;height: 2px;top: 203px;left: 31px;}
.pension2:hover .cont_ico::before{left: 63px;top: 197px;}

.pension3{width: 100px;height: 100px;position: absolute;top: 441px;left: 410px;}
.pension3 .cont_ico::after{top: -286px;left: 266px;}
.pension3::before{width:1px;height: 331px;left: 0;top: 40px;}
.pension3::after{width: 235px;height: 1px;top: 370px;left: -235px;}
.pension3 .cont_ico::before{left: 19px;top: 53px;}
.pension3 p.name{top: 318px;left: -272px;width: 160px;}
.pension3:hover .cont_txt{left: -426px;top: 284px;}
.pension3:hover::before{width:2px;height: 331px;left: 0;top: 40px;}
.pension3:hover::after{width: 70px;height: 2px;top: 370px;left: -68px;}
.pension3:hover .cont_ico::before{left: 202px;top: 63px;}
.pension3 .cont_ico{width: 100px;height: 100px;top: 300px;right: 277px;}

.pension4{width: 100px;height: 100px;position: absolute;top: 434px;left: 484px;}
.pension4 .cont_ico::after{top: -401px;left: 26px;}
.pension4::before{width:1px;height: 450px;left: 0;top: 40px;}
.pension4::after{width: 0;height: 1px;top: 370px;left: -235px;}
.pension4 .cont_ico::before{left: 19px;top: 53px;}
.pension4 p.name{top: 516px;left: -26px;width: 160px;}
.pension4:hover .cont_txt{left: -282px;top: 455px;}
.pension4:hover::before{width:2px;height: 423px;left: 0;top: 40px;}
.pension4:hover::after{width: 0;height: 2px;top: 370px;left: -68px;}
.pension4:hover .cont_ico::before{left: 32px;top: 37px;}
.pension4 .cont_ico{width: 100px;height: 100px;top: 416px;right: 37px;}

.pension5{width: 100px;height: 100px;position: absolute;top: 653px;left: 707px;}
.pension5 .cont_ico::after{top: -240px;left: 26px;}
.pension5::before{width:1px;height: 235px;left: 0;top: 40px;}
.pension5::after{width: 0;height: 1px;top: 370px;left: -235px;}
.pension5 .cont_ico::before{left: 20px;top: 2px;}
.pension5 p.name{top: 309px;left: -26px;width: 160px;}
.pension5:hover .cont_txt{left: -159px;top: 220px;}
.pension5:hover::before{width:2px;height: 186px;left: 0;top: 40px;}
.pension5:hover::after{width: 0;height: 2px;top: 370px;left: -68px;}
.pension5:hover .cont_ico::before{left: 32px;top: -42px;}
.pension5 .cont_ico{width: 100px;height: 100px;top: 258px;right: 37px;}

.pension6{width: 100px;height: 100px;position: absolute;top: 570px;left: 778px;}
.pension6 .cont_ico::after{top: -246px;left: -240px;}
.pension6::before{width:1px;height: 235px;left: 45px;top: 40px;}
.pension6::after{width: 272px;height: 1px;top: 274px;left: 46px;}
.pension6 .cont_ico::before{left: 23px;top: -2px;}
.pension6 p.name{top: 301px;left: 281px;width: 160px;}
.pension6:hover .cont_txt{left: 63px;top: 220px;}
.pension6:hover::before{width:2px;height: 235px;left: 45px;top: 40px;}
.pension6:hover::after{width: 20px;height: 2px;top: 275px;left: 45px;}
.pension6:hover .cont_ico::before{left: -210px;top: 9px;}
.pension6 .cont_ico{width: 100px;height: 100px;top: 258px;right: -274px;}

.pension7{width: 100px;height: 100px;position: absolute;top: 475px;left: 824px;}
.pension7 .cont_ico::after{top: -246px;left: -240px;}
.pension7::before{width:1px;height: 76px;left: 45px;top: 40px;}
.pension7::after{width: 160px;height: 1px;top: 114px;left: 45px;}
.pension7 .cont_ico::before{left: -85px;top: -163px;}
.pension7 p.name{top: 140px;left: 162px;width: 160px;}
.pension7:hover .cont_txt{left: 56px;top: 34px;}
.pension7:hover::before{width:2px;height: 76px;left: 45px;top: 40px;}
.pension7:hover::after{width: 18px;height: 2px;top: 114px;left: 45px;}
.pension7:hover .cont_ico::before{left: -220px;top: -151px;}
.pension7 .cont_ico{width: 100px;height: 100px;top: 258px;right: -274px;}

.pension8{width: 100px;height: 100px;position: absolute;top: 336px;left: 824px;}
.pension8 .cont_ico::after{top: 168px;left: -92px;}
.pension8::before{width:1px;height: 117px;left: 63px;top: -34px;}
.pension8::after{width: 130px;height: 1px;top: -34px;left: 63px;}
.pension8 .cont_ico::before{left: 30px;top: 35px;}
.pension8 p.name{top: 0;left: 162px;width: 160px;}
.pension8:hover .cont_txt{left: 30px;top: -166px;}
.pension8:hover::before{width:2px;height: 110px;left: 63px;top: -25px;}
.pension8:hover::after{width: 0;height: 1px;top: -34px;left: 63px;}
.pension8:hover .cont_ico::before{left: -88px;top: 104px;}
.pension8 .cont_ico{width: 100px;height: 100px;top: -87px;right: -145px;}

.pension9{width: 100px;height: 100px;position: absolute;top: 276px;left: 681px;}
.pension9 .cont_ico::after{top: 168px;left: -92px;}
.pension9::before{width:1px;height: 230px;left: 63px;top: -140px;}
.pension9::after{width: 170px;height: 1px;top: -141px;left: 63px;}
.pension9 .cont_ico::before{left: 77px;top: -72px;}
.pension9 p.name{top: -190px;left: 181px;width: 160px;}
.pension9:hover .cont_txt{left: 30px;top: -257px;}
.pension9:hover::before{width:2px;height: 148px;left: 63px;top: -65px;}
.pension9:hover::after{width:0;height: 1px;top: -141px;left: 63px;}
.pension9:hover .cont_ico::before{left: -88px;top: 16px;}
.pension9 .cont_ico{width: 100px;height: 100px;top: -87px;right: -145px;}

/* 智慧校园start */
.category_school { padding: 300px 0; position: relative; }
.category_school  img{margin: 0 auto;display: block;width: 1012px; height: 517px;}
.school_01{width: 100px;height: 100px;position: absolute;top: 309px;left: 533px;}
.school_01 .cont_ico{ width: 100px; height: 80px;}
.school_01 .cont_ico::after{top: 40px;left: 11px;}
.school_01::before{width:1px;height: 195px;left: 22px;top: -151px;}
.school_01::after{width: 188px;height: 1px;top: -151px;left: -165px;}
.school_01 .cont_ico::before{left: -180px;top: -169px;}
.school_01 p.name{top: -200px;left: -191px;width: 160px;}
.school_01:hover .cont_txt{left: -418px;top: -290px;}
.school_01:hover::before{width:2px;height: 195px;left: 22px;top: -151px;}
.school_01:hover::after{width: 80px;height: 2px;top: -151px;left: -58px;}
.school_01:hover .cont_ico::before{left: -66px;top: -157px;}

.school_02{width: 100px;height: 100px;position: absolute;top: 366px;left: 270px;}
.school_02 .cont_ico{width: 100px;height: 80px;right: -40px;top: 20px;}
.school_02 .cont_ico::after{top: 10px;left: 22px;}
.school_02::before{width:1px;height: 195px;left: 72px;top: -151px;}
.school_02::after{width: 188px;height: 1px;top: -151px;left: -115px;}
.school_02 .cont_ico::before{left: -177px;top: -188px;}
.school_02 p.name{top: -200px;left: -165px;width: 160px;}
.school_02:hover .cont_txt{left: -304px;top: -242px;}
.school_02:hover::before{width:2px;height: 195px;left: 73px;top: -151px;}
.school_02:hover::after{width: 20px;height: 2px;top: -151px;left: 55px;}
.school_02:hover .cont_ico::before{left: 7px;top: -176px;}

.school_03{width: 100px;height: 100px;position: absolute;top: 440px;left: 100px;}
.school_03 .cont_ico{width: 100px;height: 80px;right: -40px;top: 20px;}
.school_03 .cont_ico::after{top: 21px;left: 15px;}
.school_03::before{width:1px;height: 68px;left: 65px;top: 63px;}
.school_03::after{width: 120px;height: 1px;top: 130px;left: -54px;}
.school_03 .cont_ico::before{left: -113px;top: 92px;}
.school_03 p.name{top: 79px;left: -78px;width: 160px;}
.school_03:hover .cont_txt{left: -124px;top: -204px;}
.school_03:hover::before{width:2px;height: 56px;left: 65px;top: -7px;}
.school_03:hover::after{width: 0;height: 2px;top: -151px;left: 55px;}
.school_03:hover .cont_ico::before{left: 20px;top: -32px;}

.school_04{width: 100px;height: 100px;position: absolute;top: 481px;left: 213px;}
.school_04 .cont_ico{width: 100px;height: 80px;right: 0;top: 20px;}
.school_04 .cont_ico::after{top: 10px;left: -1px;}
.school_04::before{width:1px;height: 170px;left: 10px;top: 56px;}
.school_04::after{width: 120px;height: 1px;top: 225px;left: -110px;}
.school_04 .cont_ico::before{left: -129px;top: 187px;}
.school_04 p.name{top: 177px;left: -137px;width: 160px;}
.school_04:hover .cont_txt{left: -220px;top: 114px;}
.school_04:hover::before{width:2px;height: 58px;left: 10px;top: 56px;}
.school_04:hover::after{width: 0;height: 2px;top: -151px;left: 55px;}
.school_04:hover .cont_ico::before{left: 4px;top: 93px;}

.school_05{width: 100px;height: 100px;position: absolute;top: 527px;left: 320px;}
.school_05 .cont_ico{width: 100px;height: 80px;right: 0;top: 63px;}
.school_05 .cont_ico::after{top: -26px;left: 4px;}
.school_05::before{width:1px;height: 262px;left: 15px;top: 56px;}
.school_05::after{width: 207px;height: 1px;top: 317px;left: -191px;}
.school_05 .cont_ico::before{left: -205px;top: 236px;}
.school_05 p.name{top: 268px;left: -228px;width: 160px;}
.school_05:hover .cont_txt{left: -300px;top: 202px;}
.school_05:hover::before{width:2px;height: 154px;left: 14px;top: 56px;}
.school_05:hover::after{width: 0;height: 2px;top: -151px;left: 55px;}
.school_05:hover .cont_ico::before{left: 9px;top: 137px;}

.school_06{width: 100px;height: 100px;position: absolute;top: 394px;left: 382px;}
.school_06 .cont_ico{width: 100px;height: 80px;right: 76px;top: 500px;}
.school_06 .cont_ico::after{top: -484px;left: 79px;}
.school_06::before{width:1px;height: 523px;left: 14px;top: 34px;}
.school_06::after{width: 65px;height: 1px;top: 556px;left: -51px;}
.school_06 .cont_ico::before{left: 4px;top: 38px;}
.school_06 p.name{top: 504px;left: -84px;width: 160px;}
.school_06:hover .cont_txt{left: -310px;top: 500px;}
.school_06:hover::before{width:2px;height: 471px;left: 14px;top: 34px;}
.school_06:hover::after{width: 0;height: 2px;top: -151px;left: 55px;}
.school_06:hover .cont_ico::before{left: 84px;top: -7px;}

.school_07{width: 100px;height: 100px;position: absolute;top: 632px;left: 425px;}
.school_07 .cont_ico{width: 100px;height: 80px;right: 76px;top: 500px;}
.school_07 .cont_ico::after{top: -488px;left: 81px;}
.school_07::before{width:1px;height: 255px;left: 15px;top: 34px;}
.school_07::after{width: 85px;height: 1px;top: 288px;left: 16px;}
.school_07 .cont_ico::before{left: 162px;top: -230px;}
.school_07 p.name{top: 314px;left: 50px;width: 160px;}
.school_07:hover .cont_txt{left: -22px;top: 255px;}
.school_07:hover::before{width:2px;height: 230px;left: 14px;top: 34px;}
.school_07:hover::after{width: 0;height: 2px;top: 288px;left: 16px;}
.school_07:hover .cont_ico::before{left: 85px;top: -236px;}

.school_08{width: 100px;height: 100px;position: absolute;top: 665px;left: 499px;}
.school_08 .cont_ico{width: 100px;height: 80px;right: -290px;top: 154px;}
.school_08 .cont_ico::after{top: -130px;left: -257px;}
.school_08::before{width:1px;height: 160px;left: 44px;top: 34px;}
.school_08::after{width: 290px;height: 1px;top: 194px;left: 44px;}
.school_08 .cont_ico::before{left: 30px;top: 22px;}
.school_08 p.name{top: 221px;left: 302px;width: 160px;}
.school_08:hover .cont_txt{left: 122px;top: 134px;}
.school_08:hover::before{width:2px;height: 160px;left: 43px;top: 34px;}
.school_08:hover::after{width: 80px;height: 2px;top: 194px;left: 43px;}
.school_08:hover .cont_ico::before{left: -171px;top: 33px;}

.school_09{width: 100px;height: 100px;position: absolute;top: 605px;left: 656px;}
.school_09 .cont_ico{width: 100px;height: 80px;right: -290px;top: 154px;}
.school_09 .cont_ico::after{top: -130px;left: -257px;}
.school_09::before{width:1px;height: 160px;left: 44px;top: 34px;}
.school_09::after{width: 290px;height: 1px;top: 194px;left: 44px;}
.school_09 .cont_ico::before{left: 30px;top: 22px;}
.school_09 p.name{top: 221px;left: 302px;width: 160px;}
.school_09:hover .cont_txt{left: 122px;top: 134px;}
.school_09:hover::before{width:2px;height: 160px;left: 43px;top: 34px;}
.school_09:hover::after{width: 80px;height: 2px;top: 194px;left: 43px;}
.school_09:hover .cont_ico::before{left: -171px;top: 33px;}

.school_010{width: 130px;height: 100px;position: absolute;top: 565px;left: 712px;}
.school_010 .cont_ico{width: 100px;height: 80px;right: -290px;top: 112px;}
.school_010 .cont_ico::after{top: -93px;left: -287px;}
.school_010::before{width:1px;height: 120px;left: 44px;top: 34px;}
.school_010::after{width: 320px;height: 1px;top: 153px;left: 44px;}
.school_010 .cont_ico::before{left: 30px;top: 23px;}
.school_010 p.name{top: 176px;left: 320px;width: 160px;}
.school_010:hover .cont_txt{left: 122px;top: 56px;}
.school_010:hover::before{width:2px;height: 160px;left: 43px;top: 34px;}
.school_010:hover::after{width: 80px;height: 2px;top: 194px;left: 43px;}
.school_010:hover .cont_ico::before{left: -198px;top: 76px;}

.school_011{width: 130px;height: 100px;position: absolute;top: 491px;left: 741px;}
.school_011 .cont_ico{width: 100px;height: 80px;right: -178px;top: 63px;}
.school_011 .cont_ico::after{top: -50px;left: -175px;}
.school_011::before{width:1px;height: 93px;left: 44px;top: 25px;}
.school_011::after{width: 215px;height: 1px;top: 118px;left: 42px;}
.school_011 .cont_ico::before{left: 30px;top: 37px;}
.school_011 p.name{top: 145px;left: 219px;width: 160px;}
.school_011:hover .cont_txt{left: 122px;top: 56px;}
.school_011:hover::before{width:2px;height: 160px;left: 43px;top: 34px;}
.school_011:hover::after{width: 80px;height: 2px;top: 194px;left: 43px;}
.school_011:hover .cont_ico::before{left: -90px;top: 126px;}

.school_012{width: 130px;height: 100px;position: absolute;top: 443px;left: 805px;}
.school_012 .cont_ico{width: 100px;height: 80px;right: -256px;top: -152px;}
.school_012 .cont_ico::after{top: 189px;left: -286px;}
.school_012::before{width:1px;height: 104px;left: 11px;top: -67px;}
.school_012::after{width: 288px;height: 1px;top: -69px;left: 12px;}
.school_012 .cont_ico::before{left: 1px;top: 66px;}
.school_012 p.name{top: -117px;left: 219px;width: 160px;}
.school_012:hover .cont_txt{left: 47px;top: -173px;}
.school_012:hover::before{width:2px;height: 104px;left: 12px;top: -67px;}
.school_012:hover::after{width: 36px;height: 2px;top: -68px;left: 12px;}
.school_012:hover .cont_ico::before{left: -240px;top: 80px;}

.school_013{width: 80px;height: 80px;position: absolute;top: 402px;left: 718px;}
.school_013 .cont_ico{width: 100px;height: 80px;right: -256px;top: -235px;}
.school_013 .cont_ico::after{top: 278px;left: -180px;}
.school_013::before{width:1px;height: 225px;left: 67px;top: -173px;}
.school_013::after{width: 288px;height: 1px;top: -173px;left: 67px;}
.school_013 .cont_ico::before{left: 101px;top: 44px;}
.school_013 p.name{top: -224px;left: 310px;width: 160px;}
.school_013:hover .cont_txt{left: 125px;top: -322px;}
.school_013:hover::before{width:2px;height: 225px;left: 67px;top: -173px;}
.school_013:hover::after{width: 59px;height: 2px;top: -173px;left: 67px;}
.school_013:hover .cont_ico::before{left: -112px;top: 56px;}

.school_014{width: 80px;height: 80px;position: absolute;top: 278px;left: 685px;}
.school_014 .cont_ico{width: 100px;height: 80px;right: -182px;top: -160px;}
.school_014 .cont_ico::after{top: 186px;left: -119px;}
.school_014::before{width:1px;height: 188px;left: 53px;top: -158px;}
.school_014::after{width: 130px;height: 1px;top: -159px;left: 53px;}
.school_014 .cont_ico::before{left: 9px;top: -18px;}
.school_014 p.name{top: -209px;left: 151px;width: 160px;}
.school_014:hover .cont_txt{left: 125px;top: -268px;}
.school_014:hover::before{width:2px;height: 150px;left: 53px;top: -118px;}
.school_014:hover::after{width: 73px;height: 2px;top: -120px;left: 53px;}
.school_014:hover .cont_ico::before{left: -38px;top: 34px;}

.school_015{width: 80px;height: 80px;position: absolute;top: 300px;left: 590px;}
.school_015 .cont_ico{width: 100px;height: 80px;right: -44px;top: -208px;}
.school_015 .cont_ico::after{top: 253px;left: 32px;}
.school_015::before{width:1px;height: 188px;left: 67px;top: -142px;}
.school_015::after{width: 0;height: 1px;top: -159px;left: 49px;}
.school_015 .cont_ico::before{left: 25px;top: 43px;}
.school_015 p.name{top: -197px;left: 25px;width: 160px;}
.school_015:hover .cont_txt{left: -78px;top: -290px;}
.school_015:hover::before{width:2px;height: 155px;left: 66px;top: -110px;}
.school_015:hover::after{width: 0;height: 2px;top: -120px;left: 53px;}
.school_015:hover .cont_ico::before{left: 36px;top: 101px;}

/* 智慧停车start */
.category_bus { padding: 300px 0; position: relative;  }
.category_bus  img{margin: 0 auto;display: block;width: 720px; height: 470px;}
.bus_01{width: 100px;height: 100px;position: absolute;top: 294px;left: 533px;}
.bus_01 .cont_ico{ width: 100px; height: 80px;}
.bus_01 .cont_ico::after{top: 40px;left: 11px;}
.bus_01::before{width:1px;height: 195px;left: 22px;top: -151px;}
.bus_01::after{width: 188px;height: 1px;top: -151px;left: -165px;}
.bus_01 .cont_ico::before{left: -180px;top: -169px;}
.bus_01 p.name{top: -200px;left: -191px;width: 160px;}
.bus_01:hover .cont_txt{left: -418px;top: -290px;}
.bus_01:hover::before{width:2px;height: 195px;left: 22px;top: -151px;}
.bus_01:hover::after{width: 80px;height: 2px;top: -151px;left: -58px;}
.bus_01:hover .cont_ico::before{left: -66px;top: -157px;}

.bus_02{width: 100px;height: 100px;position: absolute;top: 530px;left: 300px;}
.bus_02 .cont_ico{width: 100px;height: 80px;right: 245px;}
.bus_02 .cont_ico::after{top: 24px;left: 294px;}
.bus_02::before{width:1px;height: 0;left: 22px;top: -151px;}
.bus_02::after{width: 274px;height: 1px;top: 53px;left: -213px;}
.bus_02 .cont_ico::before{left: 9px;top: 35px;}
.bus_02 p.name{top: 0px;left: -263px;width: 160px;}
.bus_02:hover .cont_txt{left: -330px;top: -52px;}
.bus_02:hover::before{width:2px;height: 0;left: 22px;top: -151px;}
.bus_02:hover::after{width: 33px;height: 2px;top: 53px;left: 28px;}
.bus_02:hover .cont_ico::before{left: 266px;top: 47px;}

.bus_03{width: 100px;height: 100px;position: absolute;top: 628px;left: 398px;}
.bus_03 .cont_ico{width: 100px;height: 80px;right: 150px;top: 166px;}
.bus_03 .cont_ico::after{top: -142px;left: 200px;}
.bus_03::before{width:1px;height: 150px;left: 61px;top: 53px;}
.bus_03::after{width: 160px;height: 1px;top: 202px;left: -98px;}
.bus_03 .cont_ico::before{left: 35px;top: 18px;}
.bus_03 p.name{top: 230px;left: -144px;width: 160px;}
.bus_03:hover .cont_txt{left: -411px;top: 117px;}
.bus_03:hover::before{width:2px;height: 150px;left: 61px;top: 53px;}
.bus_03:hover::after{width: 116px;height: 2px;top: 202px;left: -53px;}
.bus_03:hover .cont_ico::before{left: 90px;top: 30px;}

.bus_04{width: 100px;height: 100px;position: absolute;top: 487px;left: 484px;}
.bus_04 .cont_ico{width: 100px;height: 80px;right: 0;top: 334px;}
.bus_04 .cont_ico::after{top: -308px;left: 52px;}
.bus_04::before{width:1px;height: 300px;left: 62px;top: 53px;}
.bus_04::after{width: 0;height: 1px;top: 202px;left: -98px;}
.bus_04 .cont_ico::before{left: 43px;top: 2px;}
.bus_04 p.name{top: 380px;left: 31px;width: 160px;}
.bus_04:hover .cont_txt{left: -106px;top: 334px;}
.bus_04:hover::before{width:2px;height: 285px;left: 62px;top: 53px;}
.bus_04:hover::after{width: 0;height: 2px;top: 202px;left: -53px;}
.bus_04:hover .cont_ico::before{left: 56px;top: -2px;}

.bus_05{width: 100px;height: 100px;position: absolute;top: 534px;left: 581px;}
.bus_05 .cont_ico{width: 100px;height: 80px;right: -18px;top: 252px;}
.bus_05 .cont_ico::after{top: -228px;left: 34px;}
.bus_05::before{width:1px;height: 230px;left: 63px;top: 53px;}
.bus_05::after{width: 0;height: 1px;top: 202px;left: -98px;}
.bus_05 .cont_ico::before{left: 27px;top: 11px;}
.bus_05 p.name{top: 308px;left: 19px;width: 160px;}
.bus_05:hover .cont_txt{left: 86px;top: 282px;}
.bus_05:hover::before{width:2px;height: 322px;left: 62px;top: 52px;}
.bus_05:hover::after{width: 23px;height: 2px;top: 372px;left: 64px;}
.bus_05:hover .cont_ico::before{left: 68px;top: 114px;}

.bus_06{width: 100px;height: 100px;position: absolute;top: 476px;left: 655px;}
.bus_06 .cont_ico{width: 100px;height: 80px;right: -325px;top: 164px;}
.bus_06 .cont_ico::after{top: -102px;left: -323px;}
.bus_06::before{width:1px;height: 72px;left: 422px;top: 92px;}
.bus_06::after{width: 410px;height: 1px;top: 91px;left: 13px;}
.bus_06 .cont_ico::before{left: 79px;top: -13px;}
.bus_06 p.name{top: 193px;left: 394px;width: 160px;}
.bus_06:hover .cont_txt{left: 183px;top: 172px;}
.bus_06:hover::before{width:2px;height: 72px;left: 422px;top: 92px;}
.bus_06:hover::after{width: 410px;height: 2px;top: 91px;left: 13px;}
.bus_06:hover .cont_ico::before{left: 92px;top: 0px;}

.bus_07{width: 100px;height: 100px;position: absolute;top: 431px;left: 607px;}
.bus_07 .cont_ico{width: 100px;height: 80px;right: -379px;top: 21px;}
.bus_07 .cont_ico::after{top: 45px;left: -345px;}
.bus_07::before{width:1px;height: 0;left: 422px;top: 92px;}
.bus_07::after{width: 422px;height: 1px;top: 94px;left: 44px;}
.bus_07 .cont_ico::before{left: 68px;top: 55px;}
.bus_07 p.name{top: 47px;left: 422px;width: 160px;}
.bus_07:hover .cont_txt{left: 249px;top: -181px;}
.bus_07:hover::before{width:2px;height: 72px;left: 464px;top: 23px;}
.bus_07:hover::after{width: 422px;height: 2px;top: 94px;left: 44px;}
.bus_07:hover .cont_ico::before{left: 79px;top: -7px;}

.bus_08{width: 100px;height: 100px;position: absolute;top: 367px;left: 748px;}
.bus_08 .cont_ico{width: 100px;height: 80px;right: 0;top: -259px;}
.bus_08 .cont_ico::after{top: 355px;left: 32px;}
.bus_08::before{width:1px;height: 255px;left: 42px;top: -159px;}
.bus_08::after{width: 60px;height: 1px;top: -159px;left: 43px;}
.bus_08 .cont_ico::before{left: 87px;top: 82px;}
.bus_08 p.name{top: -211px;left: 65px;width: 160px;}
.bus_08:hover .cont_txt{left: 101px;top: -264px;}
.bus_08:hover::before{width:2px;height: 255px;left: 42px;top: -159px;}
.bus_08:hover::after{width: 60px;height: 2px;top: -159px;left: 43px;}
.bus_08:hover .cont_ico::before{left: 100px;top: 94px;}

/* 智慧社区start */
.category_sq { padding: 300px 0; position: relative;  }
.category_sq  img{margin: 0 auto;display: block;width: 631px; height: 596px;}
.sq_01{width: 100px;height: 100px;position: absolute;top: 357px;left: 627px;}
.sq_01 .cont_ico{width: 100px;height: 80px;right: 281px;top: -122px;}
.sq_01 .cont_ico::after{top: 162px;left: 292px;}
.sq_01::before{width:1px;height: 126px;left: 22px;top: -81px;}
.sq_01::after{width: 250px;height: 1px;top: -81px;left: -227px;}
.sq_01 .cont_ico::before{left: 31px;top: 23px;}
.sq_01 p.name{top: -135px;left: -258px;width: 160px;}
.sq_01:hover .cont_txt{left: -418px;top: -290px;}
.sq_01:hover::before{width:2px;height: 195px;left: 22px;top: -151px;}
.sq_01:hover::after{width: 80px;height: 2px;top: -151px;left: -58px;}
.sq_01:hover .cont_ico::before{left: 216px;top: -35px;}

.sq_02{width: 100px;height: 100px;position: absolute;top: 375px;left: 717px;}
.sq_02 .cont_ico{width: 100px;height: 80px;right: -158px;top: -181px;}
.sq_02 .cont_ico::after{top: 218px;left: -146px;}
.sq_02::before{width:1px;height: 180px;left: 22px;top: -141px;}
.sq_02::after{width: 250px;height: 1px;top: -142px;left: 22px;}
.sq_02 .cont_ico::before{left: 101px;top: 20px;}
.sq_02 p.name{top: -192px;left: 241px;width: 160px;}
.sq_02:hover .cont_txt{left: 101px;top: -290px;}
.sq_02:hover::before{width:2px;height: 180px;left: 22px;top: -141px;}
.sq_02:hover::after{width: 80px;height: 2px;top: -142px;left: 22px;}
.sq_02:hover .cont_ico::before{left: -58px;top: 32px;}

.sq_03{width: 100px;height: 100px;position: absolute;top: 361px;left: 535px;}
.sq_03 .cont_ico{width: 100px;height: 80px;right: -465px;top: 71px;}
.sq_03 .cont_ico::after{top: -33px;left: -454px;}
.sq_03::before{width:1px;height: 65px;left: 22px;top: 64px;}
.sq_03::after{width: 515px;height: 1px;top: 129px;left: 22px;}
.sq_03 .cont_ico::before{left: 57px;top: 39px;}
.sq_03 p.name{top: 58px;left: 493px;width: 160px;}
.sq_03:hover .cont_txt{left: 325px;top: 0;}
.sq_03:hover::before{width:2px;height: 65px;left: 22px;top: 64px;}
.sq_03:hover::after{width: 304px;height: 2px;top: 129px;left: 22px;}
.sq_03:hover .cont_ico::before{left: -142px;top: 51px;}

.sq_04{width: 100px;height: 100px;position: absolute;top: 416px;left: 820px;}
.sq_04 .cont_ico{width: 100px;height: 80px;right: -275px;top: 143px;}
.sq_04 .cont_ico::after{top: -102px;left: -233px;}
.sq_04::before{width:1px;height: 116px;left: 53px;top: 67px;}
.sq_04::after{width: 238px;height: 1px;top: 181px;left: 47px;}
.sq_04 .cont_ico::before{left: -4px;top: 20px;}
.sq_04 p.name{top: 133px;left: 253px;width: 160px;}
.sq_04:hover .cont_txt{left: 2px;top: 140px;}
.sq_04:hover::before{width:2px;height: 86px;left: 53px;top: 67px;}
.sq_04:hover::after{width: 0;height: 2px;top: 181px;left: 54px;}
.sq_04:hover .cont_ico::before{left: -227px;top: 0;}

.sq_05{width: 100px;height: 100px;position: absolute;top: 592px;left: 499px;}
.sq_05 .cont_ico{width: 100px;height: 80px;right: 425px;top: -158px;}
.sq_05 .cont_ico::after{top: 207px;left: 439px;}
.sq_05::before{width:1px;height: 150px;left: 24px;top: -106px;}
.sq_05::after{width: 438px;height: 1px;top: -106px;left: -414px;}
.sq_05 .cont_ico::before{left: -4px;top: 33px;}
.sq_05 p.name{top: -158px;left: -440px;width: 160px;}
.sq_05:hover .cont_txt{left: -495px;top: -209px;}
.sq_05:hover::before{width:2px;height: 150px;left: 24px;top: -106px}
.sq_05:hover::after{width: 184px;height: 2px;top: -106px;left: -158px;}
.sq_05:hover .cont_ico::before{left: 282px;top: 46px;}

.sq_06{width: 30px;height: 30px;position: absolute;top: 659px;left: 471px;}
.sq_06 .cont_ico{width: 100px;height: 80px;right: 379px;top: -109px;}
.sq_06 .cont_ico::after{top: 106px;left: 453px;}
.sq_06::before{width:1px;height: 30px;left: -422px;top: -4px;}
.sq_06::after{width: 438px;height: 1px;top: 25px;left: -422px;}
.sq_06 .cont_ico::before{left: 9px;top: 81px;}
.sq_06 p.name{top: -60px;left: -449px;width: 160px;}
.sq_06:hover .cont_txt{left: -481px;top: -73px;}
.sq_06:hover::before{width:2px;height: 0;left: 24px;top: -106px}
.sq_06:hover::after{width: 138px;height: 2px;top: 25px;left: -123px;}
.sq_06:hover .cont_ico::before{left: 319px;top: 128px;}

.sq_07{width: 30px;height: 30px;position: absolute;top: 633px;left: 444px;}
.sq_07 .cont_ico{width: 100px;height: 80px;right: 319px;top: 131px;}
.sq_07 .cont_ico::after{top: -125px;left: 396px;}
.sq_07::before{width:1px;height: 145px;left: 18px;top: 31px;}
.sq_07::after{width: 390px;height: 1px;top: 175px;left: -371px;}
.sq_07 .cont_ico::before{left: 5px;top: 28px;}
.sq_07 p.name{top: 126px;left: -409px;width: 160px;}
.sq_07:hover .cont_txt{left: -440px;top: 104px;}
.sq_07:hover::before{width:2px;height: 145px;left: 18px;top: 31px;}
.sq_07:hover::after{width: 390px;height: 2px;top: 175px;left: -371px;}
.sq_07:hover .cont_ico::before{left: 301px;top: 38px;}

.sq_08{width: 30px;height: 30px;position: absolute;top: 726px;left: 478px;}
.sq_08 .cont_ico{width: 100px;height: 80px;right: 319px;top: 238px;}
.sq_08 .cont_ico::after{top: -230px;left: 396px;}
.sq_08::before{width:1px;height: 250px;left: 18px;top: 31px;}
.sq_08::after{width: 365px;height: 1px;top: 280px;left: -347px;}
.sq_08 .cont_ico::before{left: 25px;top: 25px;}
.sq_08 p.name{top: 232px;left: -368px;width: 160px;}
.sq_08:hover .cont_txt{left: -440px;top: 196px;}
.sq_08:hover::before{width:2px;height: 250px;left: 18px;top: 31px;}
.sq_08:hover::after{width: 103px;height: 2px;top: 280px;left: -83px;}
.sq_08:hover .cont_ico::before{left: 301px;top: 36px;}

.sq_09{width: 30px;height: 30px;position: absolute;top: 722px;left: 516px;}
.sq_09 .cont_ico{width: 100px;height: 80px;right: 86px;top: 343px;}
.sq_09 .cont_ico::after{top: -356px;left: 157px;}
.sq_09::before{width:1px;height: 358px;left: 12px;top: 11px;}
.sq_09::after{width: 150px;height: 1px;top: 368px;left: -137px;}
.sq_09 .cont_ico::before{left: 3px;top: 7px;}
.sq_09 p.name{top: 395px;left: -164px;width: 160px;}
.sq_09:hover .cont_txt{left: -384px;top: 282px;}
.sq_09:hover::before{width:2px;height: 358px;left: 12px;top: 11px;}
.sq_09:hover::after{width: 41px;height: 2px;top: 368px;left: -27px;}
.sq_09:hover .cont_ico::before{left: 123px;top: 19px;}

.sq_10{width: 30px;height: 30px;position: absolute;top: 781px;left: 550px;}
.sq_10 .cont_ico{width: 100px;height: 80px;right: -461px;top: 164px;}
.sq_10 .cont_ico::after{top: -173px;left: -384px;}
.sq_10::before{width:1px;height: 198px;left: 18px;top: 15px;}
.sq_10::after{width: 388px;height: 1px;top: 212px;left: 18px;}
.sq_10 .cont_ico::before{left: 3px;top: 30px;}
.sq_10 p.name{top: 160px;left: 388px;width: 160px;}
.sq_10:hover .cont_txt{left: 289px;top: 95px;}
.sq_10:hover::before{width:2px;height: 198px;left: 18px;top: 15px;}
.sq_10:hover::after{width: 272px;height: 2px;top: 212px;left: 18px;}
.sq_10:hover .cont_ico::before{left: -103px;top: 42px;}

.sq_11{width: 30px;height: 30px;position: absolute;top: 775px;left: 680px;}
.sq_11 .cont_ico{width: 100px;height: 80px;right: -240px;top: 276px;}
.sq_11 .cont_ico::after{top: -286px;left: -162px;}
.sq_11::before{width:1px;height: 305px;left: 18px;top: 15px;}
.sq_11::after{width: 160px;height: 1px;top: 319px;left: 18px;}
.sq_11 .cont_ico::before{left: -10px;top: 25px;}
.sq_11 p.name{top: 268px;left: 140px;width: 160px;}
.sq_11:hover .cont_txt{left: 172px;top: 220px;}
.sq_11:hover::before{width:2px;height: 305px;left: 18px;top: 15px;}
.sq_11:hover::after{width: 160px;height: 2px;top: 319px;left: 18px;}
.sq_11:hover .cont_ico::before{left: 0;top: 37px;}

.sq_12{width: 30px;height: 30px;position: absolute;top: 667px;left: 752px;}
.sq_12 .cont_ico{width: 100px;height: 80px;right: -350px;top: 126px;}
.sq_12 .cont_ico::after{top: -135px;left: -273px;}
.sq_12::before{width:1px;height: 156px;left: 18px;top: 15px;}
.sq_12::after{width: 267px;height: 1px;top: 170px;left: 18px;}
.sq_12 .cont_ico::before{left: -10px;top: 25px;}
.sq_12 p.name{top: 117px;left: 228px;width: 160px;}
.sq_12:hover .cont_txt{left: 84px;top: 0;}
.sq_12:hover::before{width:2px;height: 156px;left: 18px;top: 15px;}
.sq_12:hover::after{width: 68px;height: 2px;top: 170px;left: 18px;}
.sq_12:hover .cont_ico::before{left: -198px;top: 38px;}

/* 智慧商超start */
.category_market { padding: 200px 0 300px; position: relative; }
.category_market  img{margin: 0 auto;display: block;width: 677px; height: 463px;}
.market_1{width: 100px;height: 100px;position: absolute;top: 262px;left: 454px;}
.market_1 .cont_ico{width: 100px;height: 80px;right: 281px;top: -122px;}
.market_1 .cont_ico::after{top: 162px;left: 292px;}
.market_1::before{width:1px;height: 173px;left: 22px;top: -129px;}
.market_1::after{width: 90px;height: 1px;top: -129px;left: -67px;}
.market_1 .cont_ico::before{left: 196px;top: -25px;}
.market_1 p.name{top: -179px;left: -111px;width: 160px;}
.market_1:hover .cont_txt{left: -418px;top: -237px;}
.market_1:hover::before{width:2px;height: 195px;left: 22px;top: -151px;}
.market_1:hover::after{width: 80px;height: 2px;top: -151px;left: -58px;}
.market_1:hover .cont_ico::before{left: 216px;top: -35px;}

.market_2{width: 100px;height: 100px;position: absolute;top: 262px;left: 616px;}
.market_2 .cont_ico{width: 100px;height: 80px;right: -290px;top: -167px;}
.market_2 .cont_ico::after{top: 122px;left: -258px;}
.market_2::before{width:1px;height: 90px;left: 43px;top: -122px;}
.market_2::after{width: 250px;height: 1px;top: -122px;left: 44px;}
.market_2 .cont_ico::before{left: -13px;top: 26px;}
.market_2 p.name{top: -173px;left: 233px;width: 160px;}
.market_2:hover .cont_txt{left: 207px;top: -237px;}
.market_2:hover::before{width:2px;height: 90px;left: 43px;top: -122px;}
.market_2:hover::after{width: 250px;height: 2px;top: -122px;left: 44px;}
.market_2:hover .cont_ico::before{left: -84px;top: 39px;}

.market_3{width: 50px;height: 50px;position: absolute;top: 319px;left: 815px;}
.market_3 .cont_ico{width: 100px;height: 80px;right: -257px;top: -167px;}
.market_3 .cont_ico::after{top: 165px;left: -195px;}
.market_3::before{width:1px;height: 100px;left: 23px;top: -103px;}
.market_3::after{width: 199px;height: 1px;top: -104px;left: 23px;}
.market_3 .cont_ico::before{left: -6px;top: 45px;}
.market_3 p.name{top: -150px;left: 185px;width: 160px;}
.market_3:hover .cont_txt{left: 41px;top: -186px;}
.market_3:hover::before{width:2px;height: 100px;left: 23px;top: -103px;}
.market_3:hover::after{width: 19px;height: 2px;top: -104px;left: 23px;}
.market_3:hover .cont_ico::before{left: -166px;top: 56px;}

.market_4{width: 50px;height: 50px;position: absolute;top: 339px;left: 772px;}
.market_4 .cont_ico{width: 100px;height: 80px;right: -326px;top: 42px;}
.market_4 .cont_ico::after{top: -27px;left: -254px;}
.market_4::before{width:1px;height: 40px;left: 33px;top: 43px;}
.market_4::after{width: 268px;height: 1px;top: 83px;left: 34px;}
.market_4 .cont_ico::before{left: 10px;top: 23px;}
.market_4 p.name{top: 34px;left: 259px;width: 140px;}
.market_4:hover .cont_txt{left: 68px;top: 1px;}
.market_4:hover::before{width:2px;height: 40px;left: 33px;top: 43px;}
.market_4:hover::after{width: 36px;height: 2px;top: 83px;left: 34px;}
.market_4:hover .cont_ico::before{left: -208px;top: 35px;}

.market_5{width: 50px;height: 50px;position: absolute;top: 478px;left: 772px;}
.market_5 .cont_ico{width: 100px;height: 80px;right: -326px;top: 137px;}
.market_5 .cont_ico::after{top: -129px;left: -276px;}
.market_5::before{width:1px;height: 120px;left: 11px;top: 37px;}
.market_5::after{width: 258px;height: 1px;top: 156px;left: 11px;}
.market_5 .cont_ico::before{left: -21px;top: 1px;}
.market_5 p.name{top: 105px;left: 242px;width: 140px;}
.market_5:hover .cont_txt{left: 68px;top: 1px;}
.market_5:hover::before{width:2px;height: 120px;left: 11px;top: 37px;}
.market_5:hover::after{width: 59px;height: 2px;top: 156px;left: 11px;}
.market_5:hover .cont_ico::before{left: -210px;top: 13px;}

.market_6{width: 50px;height: 50px;position: absolute;top: 521px;left: 650px;}
.market_6 .cont_ico{width: 100px;height: 80px;right: -326px;top: 178px;}
.market_6 .cont_ico::after{top: -158px;left: -269px;}
.market_6::before{width:1px;height: 156px;left: 18px;top: 45px;}
.market_6::after{width: 258px;height: 1px;top: 200px;left: 18px;}
.market_6 .cont_ico::before{left: -21px;top: 4px;}
.market_6 p.name{top: 226px;left: 230px;width: 140px;}
.market_6:hover .cont_txt{left: 68px;top: 136px;}
.market_6:hover::before{width:2px;height: 156px;left: 18px;top: 45px;}
.market_6:hover::after{width: 258px;height: 2px;top: 200px;left: 18px;}
.market_6:hover .cont_ico::before{left: -210px;top: 16px;}

.market_7{width: 50px;height: 50px;position: absolute;top: 540px;left: 530px;}
.market_7 .cont_ico{width: 100px;height: 80px;right: -289px;top: 242px;}
.market_7 .cont_ico::after{top: -243px;left: -222px;}
.market_7::before{width:1px;height: 256px;left: 28px;top: 27px;}
.market_7::after{width: 258px;height: 1px;top: 282px;left: 28px;}
.market_7 .cont_ico::before{left: 32px;top: 22px;}
.market_7 p.name{top: 307px;left: 244px;width: 140px;}
.market_7:hover .cont_txt{left: 122px;top: 207px;}
.market_7:hover::before{width:2px;height: 256px;left: 28px;top: 27px;}
.market_7:hover::after{width: 96px;height: 2px;top: 282px;left: 28px;}
.market_7:hover .cont_ico::before{left: -118px;top: 34px;}

.market_8{width: 50px;height: 50px;position: absolute;top: 546px;left: 443px;}
.market_8 .cont_ico{width: 100px;height: 80px;right: -29px;top: 242px;}
.market_8 .cont_ico::after{top: -243px;left: 38px;}
.market_8::before{width:1px;height: 285px;left: 28px;top: 27px;}
.market_8::after{width: 0;height: 1px;top: 282px;left: 28px;}
.market_8 .cont_ico::before{left: 32px;top: 51px;}
.market_8 p.name{top: 337px;left: -19px;width: 140px;}
.market_8:hover .cont_txt{left: -253px;top: 207px;}
.market_8:hover::before{width:2px;height: 181px;left: 28px;top: 27px;}
.market_8:hover::after{width: 0;height: 2px;top: 282px;left: 28px;}
.market_8:hover .cont_ico::before{left: 43px;top: -41px;}

.market_9{width: 50px;height: 50px;position: absolute;top: 379px;left: 356px;}
.market_9 .cont_ico{width: 100px;height: 80px;right: 117px;top: 310px;}
.market_9 .cont_ico::after{top: -310px;left: 199px;}
.market_9::before{width:1px;height: 320px;left: 43px;top: 27px;}
.market_9::after{width: 150px;height: 1px;top: 347px;left: -106px;}
.market_9 .cont_ico::before{left: 40px;top: 20px;}
.market_9 p.name{top: 374px;left: -142px;width: 140px;}
.market_9:hover .cont_txt{left: -360px;top: 277px;}
.market_9:hover::before{width:2px;height: 320px;left: 43px;top: 27px;}
.market_9:hover::after{width: 47px;height: 2px;top: 347px;left: -2px;}
.market_9:hover .cont_ico::before{left: 157px;top: 31px;}

.market_10{width: 50px;height: 50px;position: absolute;top: 458px;left: 333px;}
.market_10 .cont_ico{width: 100px;height: 80px;right: 236px;top: 100px;}
.market_10 .cont_ico::after{top: -101px;left: 311px;}
.market_10::before{width:1px;height: 112px;left: -214px;top: 27px;}
.market_10::after{width: 250px;height: 1px;top: 26px;left: -214px;}
.market_10 .cont_ico::before{left: 55px;top: 20px;}
.market_10 p.name{top: 165px;left: -242px;width: 140px;}
.market_10:hover .cont_txt{left: -360px;top: 55px;}
.market_10:hover::before{width:2px;height: 29px;left: -214px;top: 27px;}
.market_10:hover::after{width: 250px;height: 2px;top: 26px;left: -214px;}
.market_10:hover .cont_ico::before{left: 66px;top: -49px;}

/* 智慧农业start */
.category_ny { padding: 200px 0 300px; position: relative;  }
.category_ny  img{margin: 0 auto;display: block;width: 780px; height: 391px;}
.ny_1{width: 100px;height: 100px;position: absolute;top: 219px;left: 480px;}
.ny_1 .cont_ico{width: 100px;height: 80px;right: 281px;top: -122px;}
.ny_1 .cont_ico::after{top: 162px;left: 292px;}
.ny_1::before{width:1px;height: 173px;left: 22px;top: -129px;}
.ny_1::after{width: 90px;height: 1px;top: -129px;left: -67px;}
.ny_1 .cont_ico::before{left: 196px;top: -25px;}
.ny_1 p.name{top: -179px;left: -111px;width: 160px;}
.ny_1:hover .cont_txt{left: -418px;top: -237px;}
.ny_1:hover::before{width:2px;height: 195px;left: 22px;top: -151px;}
.ny_1:hover::after{width: 80px;height: 2px;top: -151px;left: -58px;}
.ny_1:hover .cont_ico::before{left: 216px;top: -35px;}

.ny_2{width: 50px;height: 50px;position: absolute;top: 205px;left: 878px;}
.ny_2 .cont_ico{width: 100px;height: 80px;right: -13px;top: -173px;}
.ny_2 .cont_ico::after{top: 213px;left: 0px;}
.ny_2::before{width:1px;height: 173px;left: -27px;top: -129px;}
.ny_2::after{width: 0;height: 1px;top: -129px;left: -26px;}
.ny_2 .cont_ico::before{left: -8px;top: 23px;}
.ny_2 p.name{top: -179px;left: -75px;width: 160px;}
.ny_2:hover .cont_txt{left: -10px;top: -182px;}
.ny_2:hover::before{width:2px;height: 173px;left: -27px;top: -129px;}
.ny_2:hover::after{width: 18px;height: 2px;top: -129px;left: -26px;}
.ny_2:hover .cont_ico::before{left: 26px;top: 38px;}

.ny_3{width: 50px;height: 50px;position: absolute;top: 295px;left: 815px;}
.ny_3 .cont_ico{width: 100px;height: 80px;right: -276px;top: 0;}
.ny_3 .cont_ico::after{top: 18px;left: -244px;}
.ny_3::before{width:1px;height: 0;left: -7px;top: 0;}
.ny_3::after{width: 279px;height: 1px;top: 47px;left: -7px;}
.ny_3 .cont_ico::before{left: 32px;top: 29px;}
.ny_3 p.name{top: 73px;left: 198px;width: 160px;}
.ny_3:hover .cont_txt{left: 29px;top: -20px;}
.ny_3:hover::before{width:2px;height: 0;left: -7px;top: 0;}
.ny_3:hover::after{width: 38px;height: 2px;top: 47px;left: -7px;}
.ny_3:hover .cont_ico::before{left: -197px;top: 41px;}

.ny_4{width: 50px;height: 50px;position: absolute;top: 444px;left: 737px;}
.ny_4 .cont_ico{width: 100px;height: 80px;right: -276px;top: 0;}
.ny_4 .cont_ico::after{top: 18px;left: -244px;}
.ny_4::before{width:1px;height: 0;left: -7px;top: 0;}
.ny_4::after{width: 340px;height: 1px;top: 47px;left: -7px;}
.ny_4 .cont_ico::before{left: 93px;top: 29px;}
.ny_4 p.name{top: 73px;left: 298px;width: 160px;}
.ny_4:hover .cont_txt{left: 89px;top: -20px;}
.ny_4:hover::before{width:2px;height: 0;left: -7px;top: 0;}
.ny_4:hover::after{width: 100px;height: 2px;top: 47px;left: -7px;}
.ny_4:hover .cont_ico::before{left: -139px;top: 41px;}

.ny_5{width: 50px;height: 50px;position: absolute;top: 465px;left: 635px;}
.ny_5 .cont_ico{width: 100px;height: 80px;right: 0;top: 200px;}
.ny_5 .cont_ico::after{top: -192px;left: 60px;}
.ny_5::before{width:1px;height: 200px;left: 21px;top: 34px;}
.ny_5::after{width: 0;height: 1px;top: 47px;left: -7px;}
.ny_5 .cont_ico::before{left: 54px;top: 20px;}
.ny_5 p.name{top: 264px;left: -25px;width: 160px;}
.ny_5:hover .cont_txt{left: -72px;top: 214px;}
.ny_5:hover::before{width:2px;height: 183px;left: 21px;top: 34px;}
.ny_5:hover::after{width: 0;height: 2px;top: 47px;left: -7px;}
.ny_5:hover .cont_ico::before{left: 65px;top: 9px;}

.ny_6{width: 50px;height: 50px;position: absolute;top: 512px;left: 384px;}
.ny_6 .cont_ico{width: 100px;height: 80px;right: 0;top: 117px;}
.ny_6 .cont_ico::after{top: -109px;left: 60px;}
.ny_6::before{width:1px;height: 100px;left: 21px;top: 34px;}
.ny_6::after{width: 0;height: 1px;top: 47px;left: -7px;}
.ny_6 .cont_ico::before{left: 54px;top: 2px;}
.ny_6 p.name{top: 164px;left: -10px;width: 160px;}
.ny_6:hover .cont_txt{left: -196px;top: 132px;}
.ny_6:hover::before{width:2px;height: 100px;left: 21px;top: 34px;}
.ny_6:hover::after{width: 0;height: 2px;top: 47px;left: -7px;}
.ny_6:hover .cont_ico::before{left: 65px;top: 9px;}

.ny_7{width: 50px;height: 50px;position: absolute;top: 481px;left: 278px;}
.ny_7 .cont_ico{width: 100px;height: 80px;right: 155px;top: 146px;}
.ny_7 .cont_ico::after{top: -139px;left: 233px;}
.ny_7::before{width:1px;height: 150px;left: 38px;top: 34px;}
.ny_7::after{width: 140px;height: 1px;top: 183px;left: -101px;}
.ny_7 .cont_ico::before{left: 87px;top: 19px;}
.ny_7 p.name{top: 207px;left: -145px;width: 160px;}
.ny_7:hover .cont_txt{left: -280px;top: 119px;}
.ny_7:hover::before{width:2px;height: 87px;left: 38px;top: 34px;}
.ny_7:hover::after{width: 0;height: 2px;top: 183px;left: -101px;}
.ny_7:hover .cont_ico::before{left: 237px;top: -27px;}

.ny_8{width: 50px;height: 50px;position: absolute;top: 293px;left: 300px;}
.ny_8 .cont_ico{width: 100px;height: 80px;right: 227px;top: 0;}
.ny_8 .cont_ico::after{top: 19px;left: 272px;}
.ny_8::before{width:1px;height: 0;left: 38px;top: 34px;}
.ny_8::after{width: 225px;height: 1px;top: 48px;left: -217px;}
.ny_8 .cont_ico::before{left: 42px;top: 30px;}
.ny_8 p.name{top: -1px;left: -245px;width: 160px;}
.ny_8:hover .cont_txt{left: -310px;top: -211px;}
.ny_8:hover::before{width:2px;height: 67px;left: -217px;top: -17px;}
.ny_8:hover::after{width: 224px;height: 2px;top: 48px;left: -217px;}
.ny_8:hover .cont_ico::before{left: 54px;top: -27px;}

/* 智慧旅游start */
.category_travel { padding: 300px 0 300px; position: relative;}
.category_travel  img{margin: 0 auto;display: block;width: 1060px; height: 397px;}
.travel_1{width: 50px;height: 50px;position: absolute;top: 219px;left: 514px;}
.travel_1 .cont_ico{width: 100px;height: 80px;right: 281px;top: -122px;}
.travel_1 .cont_ico::after{top: 238px;left: 351px;}
.travel_1::before{width:1px;height: 248px;left: 31px;top: -129px;}
.travel_1::after{height: 1px;width: 90px;top: -129px;left: -59px;}
.travel_1 .cont_ico::before{left: 253px;top: -25px;}
.travel_1 p.name{top: -178px;left: -93px;width: 160px;}
.travel_1:hover .cont_txt{left: -418px;top: -178px;}
.travel_1:hover::before{width:2px;height: 248px;left: 31px;top: -129px;}
.travel_1:hover::after{height: 2px;width: 90px;top: -129px;left: -59px;}
.travel_1:hover .cont_ico::before{left: 264px;top: -12px;}

.travel_2{width: 50px;height: 50px;position: absolute;top: 348px;left: 255px;}
.travel_2 .cont_ico{width: 100px;height: 80px;right: 90px;top: -169px;}
.travel_2 .cont_ico::after{top: 172px;left: 164px;}
.travel_2::before{width:1px;height: 144px;left: 34px;top: -129px;}
.travel_2::after{height: 1px;width: 90px;top: -129px;left: -56px;}
.travel_2 .cont_ico::before{left: 66px;top: 22px;}
.travel_2 p.name{top: -178px;left: -93px;width: 160px;}
.travel_2:hover .cont_txt{left: -265px;top: -320px;}
.travel_2:hover::before{width:2px;height: 132px;left: 34px;top: -121px;}
.travel_2:hover::after{height: 2px;width: 90px;top: -129px;left: -56px;}
.travel_2:hover .cont_ico::before{left: 168px;top: 36px;}

.travel_3{width: 50px;height: 50px;position: absolute;top: 362px;left: 197px;}
.travel_3 .cont_ico{width: 100px;height: 80px;right: 129px;top: -31px;}
.travel_3 .cont_ico::after{top: 42px;left: 198px;}
.travel_3::before{width:1px;height: 0;left: 29px;top: -132px;}
.travel_3::after{height: 1px;width: 125px;top: 40px;left: -92px;}
.travel_3 .cont_ico::before{left: 66px;top: 54px;}
.travel_3 p.name{top: -8px;left: -121px;width: 160px;}
.travel_3:hover .cont_txt{left: -201px;top: 118px;}
.travel_3:hover::before{width:2px;height: 78px;left: -94px;top: 40px;}
.travel_3:hover::after{height: 2px;width: 125px;top: 40px;left: -92px;}
.travel_3:hover .cont_ico::before{left: 79px;top: 146px;}

.travel_4{width: 50px;height: 50px;position: absolute;top: 422px;left: 141px;}
.travel_4 .cont_ico{width: 100px;height: 80px;right: -44px;top: 151px;}
.travel_4 .cont_ico::after{top: -152px;left: 42px;}
.travel_4::before{width:1px;height: 162px;left: 47px;top: 25px;}
.travel_4::after{height: 1px;width: 0;top: 40px;left: -92px;}
.travel_4 .cont_ico::before{left: 35px;top: 23px;}
.travel_4 p.name{top: 218px;left: -2px;width: 160px;}
.travel_4:hover .cont_txt{left: -159px;top: 184px;}
.travel_4:hover::before{width:2px;height: 162px;left: 47px;top: 25px;}
.travel_4:hover::after{height: 2px;width: 0;top: 40px;left: -92px;}
.travel_4:hover .cont_ico::before{left: 47px;top: 26px;}

.travel_5{width: 50px;height: 50px;position: absolute;top: 409px;left: 247px;}
.travel_5 .cont_ico{width: 100px;height: 80px;right: 80px;top: 281px;}
.travel_5 .cont_ico::after{top: -277px;left: 142px;}
.travel_5::before{width:1px;height: 288px;left: 23px;top: 25px;}
.travel_5::after{height: 1px;width: 60px;top: 312px;left: -37px;}
.travel_5 .cont_ico::before{left: 70px;top: 14px;}
.travel_5 p.name{top: 338px;left: -93px;width: 160px;}
.travel_5:hover .cont_txt{left: -253px;top: 300px;}
.travel_5:hover::before{width:2px;height: 288px;left: 23px;top: 25px;}
.travel_5:hover::after{height: 2px;width: 60px;top: 312px;left: -37px;}
.travel_5:hover .cont_ico::before{left: 147px;top: 15px;}

.travel_6{width: 50px;height: 50px;position: absolute;top: 357px;left: 305px;}
.travel_6 .cont_ico{width: 100px;height: 80px;right: -30px;top: 439px;}
.travel_6 .cont_ico::after{top: -434px;left: 20px;}
.travel_6::before{width:1px;height: 427px;left: 11px;top: 27px;}
.travel_6::after{height: 1px;width: 0;top: 0;left: -37px;}
.travel_6 .cont_ico::before{left: 13px;top: 0px;}
.travel_6 p.name{top: 483px;left: -48px;width: 160px;}
.travel_6:hover .cont_txt{left: -172px;top: 425px;}
.travel_6:hover::before{width:2px;height: 399px;left: 11px;top: 27px;}
.travel_6:hover::after{height: 2px;width: 0;top: 312px;left: -37px;}
.travel_6:hover .cont_ico::before{left: 25px;top: -18px;}

.travel_7{width: 50px;height: 50px;position: absolute;top: 433px;left: 495px;}
.travel_7 .cont_ico{width: 100px;height: 80px;right: -16px;top: 234px;}
.travel_7 .cont_ico::after{top: -221px;left: 56px;}
.travel_7::before{width:1px;height: 229px;left: 32px;top: 39px;}
.travel_7::after{height: 1px;width: 0;top: 0;left: -37px;}
.travel_7 .cont_ico::before{left: 48px;top: 16px;}
.travel_7 p.name{top: 290px;left: -16px;width: 160px;}
.travel_7:hover .cont_txt{left: -131px;top: 180px;}
.travel_7:hover::before{width:2px;height: 141px;left: 32px;top: 39px;}
.travel_7:hover::after{height: 2px;width: 0;top: 0;left: -37px;}
.travel_7:hover .cont_ico::before{left: 60px;top: -58px;}

.travel_8{width: 50px;height: 50px;position: absolute;top: 596px;left: 615px;}
.travel_8 .cont_ico{width: 100px;height: 80px;right: -16px;top: 206px;}
.travel_8 .cont_ico::after{top: -192px;left: 55px;}
.travel_8::before{width:1px;height: 185px;left: 32px;top: 39px;}
.travel_8::after{height: 1px;width: 0;top: 0;left: -37px;}
.travel_8 .cont_ico::before{left: 48px;top: -1px;}
.travel_8 p.name{top: 247px;left: -16px;width: 160px;}
.travel_8:hover .cont_txt{left: -131px;top: 180px;}
.travel_8:hover::before{width:2px;height: 141px;left: 32px;top: 39px;}
.travel_8:hover::after{height: 2px;width: 0;top: 0;left: -37px;}
.travel_8:hover .cont_ico::before{left: 61px;top: -28px;}

.travel_9{width: 50px;height: 50px;position: absolute;top: 508px;left: 695px;}
.travel_9 .cont_ico{width: 100px;height: 80px;right: -145px;top: 206px;}
.travel_9 .cont_ico::after{top: -192px;left: -74px;}
.travel_9::before{width:1px;height: 185px;left: 32px;top: 39px;}
.travel_9::after{height: 1px;width: 125px;top: 223px;left: 32px;}
.travel_9 .cont_ico::before{left: 48px;top: -1px;}
.travel_9 p.name{top: 247px;left: 117px;width: 160px;}
.travel_9:hover .cont_txt{left: 147px;top: 123px;}
.travel_9:hover::before{width:2px;height: 185px;left: 32px;top: 39px;}
.travel_9:hover::after{height: 2px;width: 125px;top: 223px;left: 32px;}
.travel_9:hover .cont_ico::before{left: 51px;top: 11px;}

.travel_10{width: 50px;height: 50px;position: absolute;top: 515px;left: 809px;}
.travel_10 .cont_ico{width: 100px;height: 80px;right: -274px;top: 116px;}
.travel_10 .cont_ico::after{top: -97px;left: -202px;}
.travel_10::before{width:1px;height: 99px;left: 32px;top: 39px;}
.travel_10::after{height: 1px;width: 255px;top: 137px;left: 32px;}
.travel_10 .cont_ico::before{left: 48px;top: 2px;}
.travel_10 p.name{top: 161px;left: 246px;width: 160px;}
.travel_10:hover .cont_txt{left: 60px;top: 4px;}
.travel_10:hover::before{width:2px;height: 99px;left: 32px;top: 39px;}
.travel_10:hover::after{height: 2px;width: 155px;top: 137px;left: 32px;}
.travel_10:hover .cont_ico::before{left: -165px;top: 14px;}

.travel_11{width: 50px;height: 50px;position: absolute;top: 458px;left: 811px;}
.travel_11 .cont_ico{width: 100px;height: 80px;right: -274px;top: -326px;}
.travel_11 .cont_ico::after{top: 328px;left: -206px;}
.travel_11::before{width:1px;height: 318px;left: 299px;top: -287px;}
.travel_11::after{height: 1px;width: 268px;top: 30px;left: 31px;}
.travel_11 .cont_ico::before{left: 57px;top: 17px;}
.travel_11 p.name{top: -340px;left: 246px;width: 160px;}
.travel_11:hover .cont_txt{left: 40px;top: -413px;}
.travel_11:hover::before{width:2px;height: 249px;left: 299px;top: -217px;}
.travel_11:hover::after{height: 2px;width: 268px;top: 30px;left: 31px;}
.travel_11:hover .cont_ico::before{left: 69px;top: 99px;}

.travel_12{width: 50px;height: 50px;position: absolute;top: 458px;left: 740px;}
.travel_12 .cont_ico{width: 100px;height: 80px;right: -181px;top: -209px;}
.travel_12 .cont_ico::after{top: 209px;left: -111px;}
.travel_12::before{width:1px;height: 188px;left: 31px;top: -188px;}
.travel_12::after{height: 1px;width: 160px;top: -188px;left: 31px;}
.travel_12 .cont_ico::before{left: 48px;top: 3px;}
.travel_12 p.name{top: -234px;left: 150px;width: 160px;}
.travel_12:hover .cont_txt{left: 104px;top: -269px;}
.travel_12:hover::before{width:2px;height: 188px;left: 31px;top: -188px;}
.travel_12:hover::after{height: 2px;width: 160px;top: -188px;left: 31px;}
.travel_12:hover .cont_ico::before{left: -28px;top: 15px;}

.travel_13{width: 50px;height: 50px;position: absolute;top: 497px;left: 648px;}
.travel_13 .cont_ico{width: 100px;height: 80px;right: -33px;top: -367px;}
.travel_13 .cont_ico::after{top: 368px;left: 37px;}
.travel_13::before{width:1px;height: 300px;left: 31px;top: -296px;}
.travel_13::after{height: 1px;width: 0;top: -188px;left: 31px;}
.travel_13 .cont_ico::before{left: 31px;top: 51px;}
.travel_13 p.name{top: -346px;left: -12px;width: 160px;}
.travel_13:hover .cont_txt{left: -76px;top: -485px;}
.travel_13:hover::before{width:2px;height: 300px;left: 31px;top: -296px;}
.travel_13:hover::after{height: 2px;width: 0;top: -188px;left: 31px;}
.travel_13:hover .cont_ico::before{left: 42px;top: 65px;}

/* 智慧楼宇start */
.category_build { padding: 300px 0 300px; position: relative;}
.category_build  img{margin: 0 auto;display: block;width: 801px; height: 491px;}
.build_1{width: 50px;height: 50px;position: absolute;top: 352px;left: 419px;}
.build_1 .cont_ico{width: 100px;height: 80px;right: 99px;top: -189px;}
.build_1 .cont_ico::after{top: 191px;left: 156px;}
.build_1::before{width:1px;height: 148px;left: 18px;top: -146px;}
.build_1::after{height: 1px;width: 90px;top: -147px;left: -71px;}
.build_1 .cont_ico::before{left: 59px;top: 25px;}
.build_1 p.name{top: -194px;left: -97px;width: 160px;}
.build_1:hover .cont_txt{left: -381px;top: -284px;}
.build_1:hover::before{width:2px;height: 148px;left: 18px;top: -146px;}
.build_1:hover::after{height: 2px;width: 52px;top: -147px;left: -32px;}
.build_1:hover .cont_ico::before{left: 118px;top: 37px;}

.build_2{width: 50px;height: 50px;position: absolute;top: 314px;left: 461px;}
.build_2 .cont_ico{width: 100px;height: 80px;right: -123px;top: -229px;}
.build_2 .cont_ico::after{top: 235px;left: -66px;}
.build_2::before{width:1px;height: 205px;left: 18px;top: -198px;}
.build_2::after{height: 1px;width: 129px;top: -199px;left: 18px;}
.build_2 .cont_ico::before{left: 59px;top: 11px;}
.build_2 p.name{top: -248px;left: 121px;width: 160px;}
.build_2:hover .cont_txt{left: 145px;top: -310px;}
.build_2:hover::before{width:2px;height: 205px;left: 18px;top: -198px;}
.build_2:hover::after{height: 2px;width: 129px;top: -199px;left: 18px;}
.build_2:hover .cont_ico::before{left: 71px;top: 24px;}

.build_3{width: 50px;height: 50px;position: absolute;top: 397px;left: 521px;}
.build_3 .cont_ico{width: 100px;height: 80px;right: -192px;top: -229px;}
.build_3 .cont_ico::after{top: 235px;left: -135px;}
.build_3::before{width:1px;height: 205px;left: 18px;top: -198px;}
.build_3::after{height: 1px;width: 198px;top: -199px;left: 18px;}
.build_3 .cont_ico::before{left: 59px;top: 11px;}
.build_3 p.name{top: -248px;left: 142px;width: 160px;text-align: center;}
.build_3:hover .cont_txt{left: 145px;top: -367px;}
.build_3:hover::before{width:2px;height: 205px;left: 18px;top: -198px;}
.build_3:hover::after{height: 2px;width: 129px;top: -199px;left: 18px;}
.build_3:hover .cont_ico::before{left: 0;top: 24px;}

.build_4{width: 50px;height: 50px;position: absolute;top: 437px;left: 651px;}
.build_4 .cont_ico{width: 100px;height: 80px;right: -235px;top: -229px;}
.build_4 .cont_ico::after{top: 235px;left: -178px;}
.build_4::before{width:1px;height: 205px;left: 18px;top: -198px;}
.build_4::after{height: 1px;width: 247px;top: -199px;left: 18px;}
.build_4 .cont_ico::before{left: 59px;top: 11px;}
.build_4 p.name{top: -248px;left: 180px;width: 160px;text-align: center;}
.build_4:hover .cont_txt{left: 145px;top: -310px;}
.build_4:hover::before{width:2px;height: 205px;left: 18px;top: -198px;}
.build_4:hover::after{height: 2px;width: 129px;top: -199px;left: 18px;}
.build_4:hover .cont_ico::before{left: -41px;top: 24px;}

.build_5{width: 50px;height: 50px;position: absolute;top: 437px;left: 696px;}
.build_5 .cont_ico{width: 100px;height: 80px;right: -235px;top: -229px;}
.build_5 .cont_ico::after{top: 235px;left: -178px;}
.build_5::before{width:1px;height: 70px;left: 264px;top: -36px;}
.build_5::after{height: 1px;width: 247px;top: 34px;left: 18px;}
.build_5 .cont_ico::before{left: 61px;top: 170px;}
.build_5 p.name{top: -91px;left: 184px;width: 160px;text-align: center;}
.build_5:hover .cont_txt{left: 145px;top: -187px;}
.build_5:hover::before{width:2px;height: 70px;left: 264px;top: -36px;}
.build_5:hover::after{height: 2px;width: 248px;top: 34px;left: 18px;}
.build_5:hover .cont_ico::before{left: 73px;top: 226px;}

.build_6{width: 50px;height: 50px;position: absolute;top: 487px;left: 645px;}
.build_6 .cont_ico{width: 100px;height: 80px;right: -415px;top: -11px;}
.build_6 .cont_ico::after{top: 16px;left: -358px;}
.build_6::before{width:1px;height: 0;left: 264px;top: -36px;}
.build_6::after{height: 1px;width: 350px;top: 34px;left: 18px;}
.build_6 .cont_ico::before{left: -12px;top: 28px;}
.build_6 p.name{top: -11px;left: 293px;width: 160px;text-align: center;}
.build_6:hover .cont_txt{left: 204px;top: -26px;}
.build_6:hover::before{width:2px;height: 0;left: 264px;top: -36px;}
.build_6:hover::after{height: 2px;width: 189px;top: 34px;left: 18px;}
.build_6:hover .cont_ico::before{left: -161px;top: 39px;}

.build_7{width: 50px;height: 50px;position: absolute;top: 452px;left: 609px;}
.build_7 .cont_ico{width: 100px;height: 80px;right: -456px;top: 136px;}
.build_7 .cont_ico::after{top: -136px;left: -382px;}
.build_7::before{width:1px;height: 173px;left: 35px;top: 27px;}
.build_7::after{height: 1px;width: 420px;top: 200px;left: 35px;}
.build_7 .cont_ico::before{left: 28px;top: 46px;}
.build_7 p.name{top: 151px;left: 373px;width: 160px;text-align: center;}
.build_7:hover .cont_txt{left: 230px;top: 101px;}
.build_7:hover::before{width:2px;height: 173px;left: 35px;top: 27px;}
.build_7:hover::after{height: 2px;width: 196px;top: 200px;left: 35px;}
.build_7:hover .cont_ico::before{left: -177px;top: 58px;}

.build_8{width: 50px;height: 50px;position: absolute;top: 477px;left: 588px;}
.build_8 .cont_ico{width: 100px;height: 80px;right: -418px;top: 212px;}
.build_8 .cont_ico::after{top: -210px;left: -334px;}
.build_8::before{width:1px;height: 240px;left: 44px;top: 27px;}
.build_8::after{height: 1px;width: 358px;top: 266px;left: 44px;}
.build_8 .cont_ico::before{left: 21px;top: 36px;}
.build_8 p.name{top: 221px;left: 330px;width: 160px;text-align: center;}
.build_8:hover .cont_txt{left: 251px;top: 193px;}
.build_8:hover::before{width:2px;height: 240px;left: 44px;top: 27px;}
.build_8:hover::after{height: 2px;width: 358px;top: 266px;left: 44px;}
.build_8:hover .cont_ico::before{left: -118px;top: 48px;}

.build_9{width: 50px;height: 50px;position: absolute;top: 499px;left: 571px;}
.build_9 .cont_ico{width: 100px;height: 80px;right: -275px;top: 256px;}
.build_9 .cont_ico::after{top: -256px;left: -191px;}
.build_9::before{width:1px;height: 260px;left: 44px;top: 27px;}
.build_9::after{height: 1px;width: 219px;top: 286px;left: 44px;}
.build_9 .cont_ico::before{left: 21px;top: 13px;}
.build_9 p.name{top: 310px;left: 186px;width: 160px;text-align: center;}
.build_9:hover .cont_txt{left: 251px;top: 261px;}
.build_9:hover::before{width:2px;height: 299px;left: 44px;top: 27px;}
.build_9:hover::after{height: 2px;width: 208px;top: 326px;left: 44px;}
.build_9:hover .cont_ico::before{left: 25px;top: 64px;}

.build_10{width: 50px;height: 50px;position: absolute;top: 530px;left: 537px;}
.build_10 .cont_ico{width: 100px;height: 80px;right: -150px;top: 286px;}
.build_10 .cont_ico::after{top: -270px;left: -93px;}
.build_10::before{width:1px;height: 289px;left: 18px;top: 42px;}
.build_10::after{height: 1px;width: 100px;top: 331px;left: 18px;}
.build_10 .cont_ico::before{left: 1px;top: 28px;}
.build_10 p.name{top: 355px;left: 38px;width: 160px;text-align: center;}
.build_10:hover .cont_txt{left: 115px;top: 261px;}
.build_10:hover::before{width:2px;height: 289px;left: 18px;top: 42px;}
.build_10:hover::after{height: 2px;width: 100px;top: 331px;left: 18px;}
.build_10:hover .cont_ico::before{left: 14px;top: 39px;}

.build_11{width: 50px;height: 50px;position: absolute;top: 620px;left: 497px;}
.build_11 .cont_ico{width: 100px;height: 80px;right: -29px;top: 286px;}
.build_11 .cont_ico::after{top: -270px;left: 32px;}
.build_11::before{width:1px;height: 265px;left: 22px;top: 42px;}
.build_11::after{height: 1px;width: 0;top: 331px;left: 18px;}
.build_11 .cont_ico::before{left: 26px;top: 8px;}
.build_11 p.name{top: 334px;left: -51px;width: 160px;text-align: center;}
.build_11:hover .cont_txt{left: 115px;top: 261px;}
.build_11:hover::before{width:2px;height: 289px;left: 21px;top: 42px;}
.build_11:hover::after{height: 2px;width: 100px;top: 331px;left: 21px;}
.build_11:hover .cont_ico::before{left: 135px;top: 39px;}

.build_12{width: 50px;height: 50px;position: absolute;top: 647px;left: 484px;}
.build_12 .cont_ico{width: 100px;height: 80px;right: 157px;top: 206px;}
.build_12 .cont_ico::after{top: -187px;left: 214px;}
.build_12::before{width:1px;height: 196px;left: 18px;top: 42px;}
.build_12::after{height: 1px;width: 157px;top: 238px;left: -138px;}
.build_12 .cont_ico::before{left: 46px;top: 13px;}
.build_12 p.name{top: 190px;left: -219px;width: 160px;text-align: center;}
.build_12:hover .cont_txt{left: -437px;top: 175px;}
.build_12:hover::before{width:2px;height: 196px;left: 18px;top: 42px;}
.build_12:hover::after{height: 2px;width: 115px;top: 238px;left: -95px;}
.build_12:hover .cont_ico::before{left: 121px;top: 26px;}

.build_13{width: 50px;height: 50px;position: absolute;top: 618px;left: 451px;}
.build_13 .cont_ico{width: 100px;height: 80px;right: 319px;top: 151px;}
.build_13 .cont_ico::after{top: -139px;left: 395px;}
.build_13::before{width:1px;height: 140px;left: 37px;top: 42px;}
.build_13::after{height: 1px;width: 307px;top: 182px;left: -269px;}
.build_13 .cont_ico::before{left: 79px;top: 14px;}
.build_13 p.name{top: 206px;left: -352px;width: 160px;text-align: center;}
.build_13:hover .cont_txt{left: -450px;top: 61px;}
.build_13:hover::before{width:2px;height: 142px;left: 37px;top: 40px;}
.build_13:hover::after{height: 2px;width: 307px;top: 182px;left: -268px;}
.build_13:hover .cont_ico::before{left: 271px;top: 25px;}

.build_14{width: 50px;height: 50px;position: absolute;top: 524px;left: 439px;}
.build_14 .cont_ico{width: 100px;height: 80px;right: 290px;top: 151px;}
.build_14 .cont_ico::after{top: -141px;left: 348px;}
.build_14::before{width:1px;height: 148px;left: -287px;top: 39px;}
.build_14::after{height: 1px;width: 307px;top: 39px;left: -287px;}
.build_14 .cont_ico::before{left: 35px;top: 14px;}
.build_14 p.name{top: 206px;left: -367px;width: 160px;text-align: center;}
.build_14:hover .cont_txt{left: -450px;top: 61px;}
.build_14:hover::before{width:2px;height: 26px;left: -287px;top: 39px;}
.build_14:hover::after{height: 2px;width: 307px;top: 39px;left: -287px;}
.build_14:hover .cont_ico::before{left: 48px;top: -90px;}

.build_15{width: 50px;height: 50px;position: absolute;top: 501px;left: 419px;}
.build_15 .cont_ico{width: 100px;height: 80px;right: 351px;top: 65px;}
.build_15 .cont_ico::after{top: -54px;left: 409px;}
.build_15::before{width:1px;height: 39px;left: -348px;top: 39px;}
.build_15::after{height: 1px;width: 368px;top: 39px;left: -348px;}
.build_15 .cont_ico::before{left: 35px;top: -1px;}
.build_15 p.name{top: 104px;left: -434px;width: 160px;text-align: center;}
.build_15:hover .cont_txt{left: -419px;top: -61px;}
.build_15:hover::before{width:2px;height: 0;left: -348px;top: 39px;}
.build_15:hover::after{height: 2px;width: 102px;top: 39px;left: -82px;}
.build_15:hover .cont_ico::before{left: 334px;top: -32px;}

.build_16{width: 50px;height: 50px;position: absolute;top: 432px;left: 341px;}
.build_16 .cont_ico{width: 100px;height: 80px;right: 288px;top: -35px;}
.build_16 .cont_ico::after{top: 41px;left: 364px;}
.build_16::before{width:1px;height: 39px;left: -248px;top: -3px;}
.build_16::after{height: 1px;width: 285px;top: 35px;left: -247px;}
.build_16 .cont_ico::before{left: 72px;top: 10px;}
.build_16 p.name{top: -55px;left: -325px;width: 160px;text-align: center;}
.build_16:hover .cont_txt{left: -341px;top: -197px;}
.build_16:hover::before{width:2px;height: 39px;left: -248px;top: -3px;}
.build_16:hover::after{height: 2px;width: 285px;top: 35px;left: -247px;}
.build_16:hover .cont_ico::before{left: 84px;top: 21px;}
/* 智慧酒店start */
.category_hotel { padding: 300px 0 300px; position: relative;}
.category_hotel  img{margin: 0 auto;display: block;width: 861px; height: 392px;}
.hotel_1{width: 50px;height: 50px;position: absolute;top: 391px;left: 501px;}
.hotel_1 .cont_ico{width: 100px;height: 80px;right: 188px;top: -266px;}
.hotel_1 .cont_ico::after{top: 283px;left: 248px;}
.hotel_1::before{width:1px;height: 248px;left: 20px;top: -222px;}
.hotel_1::after{height: 1px;width: 179px;top: -222px;left: -158px;}
.hotel_1 .cont_ico::before{left: 59px;top: 25px;}
.hotel_1 p.name{top: -270px;left: -190px;width: 160px;}
.hotel_1:hover .cont_txt{left: -407px;top: -324px;}
.hotel_1:hover::before{width:2px;height: 248px;left: 20px;top: -222px;}
.hotel_1:hover::after{height: 2px;width: 67px;top: -222px;left: -45px;}
.hotel_1:hover .cont_ico::before{left: 183px;top: 39px;}

.hotel_2{width: 50px;height: 50px;position: absolute;top: 450px;left: 406px;}
.hotel_2 .cont_ico{width: 100px;height: 80px;right: 188px;top: -156px;}
.hotel_2 .cont_ico::after{top: 162px;left: 252px;}
.hotel_2::before{width:1px;height: 110px;left: 24px;top: -101px;}
.hotel_2::after{height: 1px;width: 179px;top: -101px;left: -154px;}
.hotel_2 .cont_ico::before{left: 60px;top: 37px;}
.hotel_2 p.name{top: -150px;left: -185px;width: 160px;}
.hotel_2:hover .cont_txt{left: -407px;top: -227px;}
.hotel_2:hover::before{width:2px;height: 110px;left: 24px;top: -101px;}
.hotel_2:hover::after{height: 2px;width: 75px;top: -101px;left: -49px;}
.hotel_2:hover .cont_ico::before{left: 183px;top: 49px;}

.hotel_3{width: 50px;height: 50px;position: absolute;top: 491px;left: 306px;}
.hotel_3 .cont_ico{width: 100px;height: 80px;right: 233px;top: -12px;}
.hotel_3 .cont_ico::after{top: 17px;left: 306px;}
.hotel_3::before{width:1px;height: 0;left: 24px;top: -101px;}
.hotel_3::after{height: 1px;width: 237px;top: 34px;left: -203px;}
.hotel_3 .cont_ico::before{left: 57px;top: 28px;}
.hotel_3 p.name{top: -13px;left: -265px;width: 160px;}
.hotel_3:hover .cont_txt{left: -314px;top: 59px;}
.hotel_3:hover::before{width:2px;height: 26px;left: -204px;top: 34px;}
.hotel_3:hover::after{height: 2px;width: 237px;top: 34px;left: -203px;}
.hotel_3:hover .cont_ico::before{left: 74px;top: 68px;}

.hotel_4{width: 50px;height: 50px;position: absolute;top: 557px;left: 248px;}
.hotel_4 .cont_ico{width: 100px;height: 80px;right: 121px;top: 36px;}
.hotel_4 .cont_ico::after{top: -38px;left: 188px;}
.hotel_4::before{width:1px;height: 42px;left: 27px;top: 25px;}
.hotel_4::after{height: 1px;width: 106px;top: 66px;left: -79px;}
.hotel_4 .cont_ico::before{left: 69px;top: 13px;/* height: 42px; */}
.hotel_4 p.name{top: 90px;left: -114px;width: 160px;}
.hotel_4:hover .cont_txt{left: -257px;top: 66px;}
.hotel_4:hover::before{width:2px;height: 42px;left: 27px;top: 25px;}
.hotel_4:hover::after{height: 2px;width: 0;top: 66px;left: -138px;}
.hotel_4:hover .cont_ico::before{left: 192px;top: 29px;}

.hotel_5{width: 50px;height: 50px;position: absolute;top: 596px;left: 383px;}
.hotel_5 .cont_ico{width: 100px;height: 80px;right: 324px;top: 211px;}
.hotel_5 .cont_ico::after{top: -212px;left: 390px;}
.hotel_5::before{width:1px;height: 217px;left: 27px;top: 25px;}
.hotel_5::after{height: 1px;width: 311px;top: 242px;left: -283px;}
.hotel_5 .cont_ico::before{left: 69px;top: 13px;/* height: 42px; */}
.hotel_5 p.name{top: 197px;left: -325px;width: 160px;}
.hotel_5:hover .cont_txt{left: -385px;top: 157px;}
.hotel_5:hover::before{width:2px;height: 217px;left: 27px;top: 25px;}
.hotel_5:hover::after{height: 2px;width: 56px;top: 242px;left: -27px;}
.hotel_5:hover .cont_ico::before{left: 341px;top: 26px;}

.hotel_6{width: 50px;height: 50px;position: absolute;top: 505px;left: 479px;}
.hotel_6 .cont_ico{width: 100px;height: 80px;right: -28px;top: 361px;}
.hotel_6 .cont_ico::after{top: -355px;left: 33px;}
.hotel_6::before{width:1px;height: 367px;left: 22px;top: 25px;}
.hotel_6::after{height: 1px;width: 0;top: 242px;left: -283px;}
.hotel_6 .cont_ico::before{left: 27px;top: 13px;/* height: 42px; */}
.hotel_6 p.name{top: 416px;left: -8px;width: 160px;}
.hotel_6:hover .cont_txt{left: -284px;top: 209px;}
.hotel_6:hover::before{width:2px;height: 182px;left: 22px;top: 25px;}
.hotel_6:hover::after{height: 2px;width: 0;top: 242px;left: -283px;}
.hotel_6:hover .cont_ico::before{left: 38px;top: -156px;}

.hotel_7{width: 50px;height: 50px;position: absolute;top: 533px;left: 627px;}
.hotel_7 .cont_ico{width: 100px;height: 80px;right: 49px;top: 254px;}
.hotel_7 .cont_ico::after{top: -238px;left: 110px;}
.hotel_7::before{width:1px;height: 229px;left: 22px;top: 41px;}
.hotel_7::after{height: 1px;width: 50px;top: 269px;left: -28px;}
.hotel_7 .cont_ico::before{left: 48px;top: -2px;/* height: 42px; */}
.hotel_7 p.name{top: 291px;left: -98px;width: 160px;}
.hotel_7:hover .cont_txt{left: -379px;top: 87px;}
.hotel_7:hover::before{width:2px;height: 114px;left: 22px;top: 25px;}
.hotel_7:hover::after{height: 2px;width: 50px;top: 139px;left: -26px;}
.hotel_7:hover .cont_ico::before{left: 71px;top: -120px;}

.hotel_8{width: 50px;height: 50px;position: absolute;top: 533px;left: 666px;}
.hotel_8 .cont_ico{width: 100px;height: 80px;right: -28px;top: 323px;}
.hotel_8 .cont_ico::after{top: -307px;left: 19px;}
.hotel_8::before{width:1px;height: 307px;left: 8px;top: 41px;}
.hotel_8::after{height: 1px;width: 0;top: 242px;left: -283px;}
.hotel_8 .cont_ico::before{left: 13px;top: 13px;/* height: 42px; */}
.hotel_8 p.name{top: 377px;left: -23px;width: 160px;}
.hotel_8:hover .cont_txt{left: -22px;top: 138px;}
.hotel_8:hover::before{width:2px;height: 115px;left: 7px;top: 38px;}
.hotel_8:hover::after{height: 2px;width: 0;top: 242px;left: -283px;}
.hotel_8:hover .cont_ico::before{left: 24px;top: -174px;}

.hotel_9{width: 50px;height: 50px;position: absolute;top: 523px;left: 703px;}
.hotel_9 .cont_ico{width: 100px;height: 80px;right: -258px;top: 228px;}
.hotel_9 .cont_ico::after{top: -204px;left: -195px;}
.hotel_9::before{width:1px;height: 238px;left: 24px;top: 41px;}
.hotel_9::after{height: 1px;width: 243px;top: 278px;left: 24px;}
.hotel_9 .cont_ico::before{left: 40px;top: 32px;/* height: 42px; */}
.hotel_9 p.name{top: 300px;left: 236px;width: 150px;}
.hotel_9:hover .cont_txt{left: 140px;top: 138px;}
.hotel_9:hover::before{width:2px;height: 238px;left: 24px;top: 41px;}
.hotel_9:hover::after{height: 2px;width: 243px;top: 278px;left: 24px;}
.hotel_9:hover .cont_ico::before{left: -68px;top: 44px;}

.hotel_10{width: 50px;height: 50px;position: absolute;top: 605px;left: 773px;}
.hotel_10 .cont_ico{width: 100px;height: 80px;right: -258px;top: 53px;}
.hotel_10 .cont_ico::after{top: -48px;left: -195px;}
.hotel_10::before{width:1px;height: 54px;left: 24px;top: 41px;}
.hotel_10::after{height: 1px;width: 243px;top: 95px;left: 24px;}
.hotel_10 .cont_ico::before{left: 40px;top: 24px;/* height: 42px; */}
.hotel_10 p.name{top: 49px;left: 236px;width: 150px;}
.hotel_10:hover .cont_txt{left: 65px;top: -27px;}
.hotel_10:hover::before{width:2px;height: 65px;left: 24px;top: 31px;}
.hotel_10:hover::after{height: 2px;width: 243px;top: 95px;left: 24px;}
.hotel_10:hover .cont_ico::before{left: -144px;top: 36px;}

.hotel_11{width: 50px;height: 50px;position: absolute;top: 513px;left: 746px;}
.hotel_11 .cont_ico{width: 100px;height: 80px;right: -332px;top: -4px;}
.hotel_11 .cont_ico::after{top: 11px;left: -271px;}
.hotel_11::before{width:1px;height: 54px;left: 329px;top: -19px;}
.hotel_11::after{height: 1px;width: 306px;top: 34px;left: 24px;}
.hotel_11 .cont_ico::before{left: 29px;top: -36px;/* height: 42px; */}
.hotel_11 p.name{top: -67px;left: 298px;width: 150px;}
.hotel_11:hover .cont_txt{left: 98px;top: -103px;}
.hotel_11:hover::before{width:2px;height: 0;right: -332px;top: -4px;}
.hotel_11:hover::after{height: 2px;width: 76px;top: 34px;left: 24px;}
.hotel_11:hover .cont_ico::before{left: -185px;top: 32px;}

.hotel_12{width: 50px;height: 50px;position: absolute;top: 439px;left: 829px;}
.hotel_12 .cont_ico{width: 100px;height: 80px;right: -217px;top: -283px;}
.hotel_12 .cont_ico::after{top: 291px;left: -152px;}
.hotel_12::before{width:1px;height: 254px;left: 25px;top: -242px;}
.hotel_12::after{height: 1px;width: 148px;top: -242px;left: 26px;}
.hotel_12 .cont_ico::before{left: -4px;top: 22px;/* height: 42px; */}
.hotel_12 p.name{top: -222px;left: 124px;width: 150px;}
.hotel_12:hover .cont_txt{left: -13px;top: -343px;}
.hotel_12:hover::before{width:2px;height: 164px;left: 25px;top: -152px;}
.hotel_12:hover::after{height: 2px;width: 0;top: -242px;left: 26px;}
.hotel_12:hover .cont_ico::before{left: -148px;top: 123px;}

.hotel_13{width: 50px;height: 50px;position: absolute;top: 381px;left: 622px;}
.hotel_13 .cont_ico{width: 100px;height: 80px;right: -157px;top: -283px;}
.hotel_13 .cont_ico::after{top: 291px;left: -88px;}
.hotel_13::before{width:1px;height: 254px;left: 30px;top: -242px;}
.hotel_13::after{height: 1px;width: 94px;top: -242px;left: 30px;}
.hotel_13 .cont_ico::before{left: -4px;top: 22px;/* height: 42px; */}
.hotel_13 p.name{top: -288px;left: 90px;width: 150px;}
.hotel_13:hover .cont_txt{left: -75px;top: -363px;}
.hotel_13:hover::before{width:2px;height: 175px;left: 30px;top: -167px;}
.hotel_13:hover::after{height: 2px;width: 94px;top: -242px;left: 30px;}
.hotel_13:hover .cont_ico::before{left: -83px;top: 104px;}

/* 智慧工地start */
.category_site { padding: 300px 0 300px; position: relative; }
.category_site  img{margin: 0 auto;display: block;width: 749px; height: 464px;}
.site_1{width: 50px;height: 50px;position: absolute;top: 463px;left: 542px;}
.site_1 .cont_ico{width: 100px;height: 80px;right: 183px;top: -340px;}
.site_1 .cont_ico::after{top: 348px;left: 240px;}
.site_1::before{width:1px;height: 311px;left: 18px;top: -300px;}
.site_1::after{height: 1px;width: 185px;top: -300px;left: -167px;}
.site_1 .cont_ico::before{left: 51px;top: 23px;}
.site_1 p.name{top: -347px;left: -210px;width: 160px;}
.site_1:hover .cont_txt{left: -526px;top: -429px;}
.site_1:hover::before{width:2px;height: 311px;left: 18px;top: -300px;}
.site_1:hover::after{height: 2px;width: 185px;top: -300px;left: -167px;}
.site_1:hover .cont_ico::before{left: 58px;top: 35px;}

.site_2{width: 50px;height: 50px;position: absolute;top: 482px;left: 340px;}
.site_2 .cont_ico{width: 100px;height: 80px;right: 250px;top: -166px;}
.site_2 .cont_ico::after{top: 189px;left: 321px;}
.site_2::before{width:1px;height: 152px;left: 33px;top: -128px;}
.site_2::after{height: 1px;width: 260px;top: -128px;left: -227px;}
.site_2 .cont_ico::before{left: 51px;top: 20px;}
.site_2 p.name{top: -176px;left: -261px;width: 160px;}
.site_2:hover .cont_txt{left: -346px;top: -237px;}
.site_2:hover::before{width:2px;height: 152px;left: 33px;top: -128px;}
.site_2:hover::after{height: 2px;width: 260px;top: -128px;left: -227px;}
.site_2:hover .cont_ico::before{left: 306px;top: 33px;}

.site_3{width: 50px;height: 50px;position: absolute;top: 541px;left: 255px;}
.site_3 .cont_ico{width: 100px;height: 80px;right: 187px;top: 20px;}
.site_3 .cont_ico::after{top: -17px;left: 252px;}
.site_3::before{width:1px;height: 25px;left: 26px;top: 30px;}
.site_3::after{height: 1px;width: 191px;top: 53px;left: -164px;}
.site_3 .cont_ico::before{left: 51px;top: 16px;}
.site_3 p.name{top: 6px;left: -198px;width: 160px;}
.site_3:hover .cont_txt{left: -255px;top: 69px;}
.site_3:hover::before{width:2px;height: 40px;left: 26px;top: 30px;}
.site_3:hover::after{height: 2px;width: 0;top: 53px;left: -164px;}
.site_3:hover .cont_ico::before{left: 257px;top: 47px;}

.site_4{width: 50px;height: 50px;position: absolute;top: 564px;left: 346px;}
.site_4 .cont_ico{width: 100px;height: 80px;right: 187px;top: 128px;}
.site_4 .cont_ico::after{top: -118px;left: 255px;}
.site_4::before{width:1px;height: 125px;left: 29px;top: 34px;}
.site_4::after{height: 1px;width: 191px;top: 158px;left: -162px;}
.site_4 .cont_ico::before{left: 51px;top: 13px;}
.site_4 p.name{top: 182px;left: -217px;width: 160px;}
.site_4:hover .cont_txt{left: -350px;top: 90px;}
.site_4:hover::before{width:2px;height: 125px;left: 29px;top: 34px;}
.site_4:hover::after{height: 2px;width: 25px;top: 158px;left: 6px;}
.site_4:hover .cont_ico::before{left: 239px;top: 24px;}

.site_5{width: 50px;height: 50px;position: absolute;top: 620px;left: 482px;}
.site_5 .cont_ico{width: 100px;height: 80px;right: 155px;top: 173px;}
.site_5 .cont_ico::after{top: -175px;left: 223px;}
.site_5::before{width:1px;height: 176px;left: 29px;top: 26px;}
.site_5::after{height: 1px;width: 149px;top: 201px;left: -119px;}
.site_5 .cont_ico::before{left: 64px;top: 10px;}
.site_5 p.name{top: 223px;left: -153px;width: 160px;}
.site_5:hover .cont_txt{left: -260px;top: 149px;}
.site_5:hover::before{width:2px;height: 131px;left: 29px;top: 26px;}
.site_5:hover::after{height: 2px;width: 0;top: 201px;left: -119px;}
.site_5:hover .cont_ico::before{left: 229px;top: -25px;}

.site_6{width: 50px;height: 50px;position: absolute;top: 659px;left: 608px;}
.site_6 .cont_ico{width: 100px;height: 80px;right: 70px;top: 221px;}
.site_6 .cont_ico::after{top: -211px;left: 139px;}
.site_6::before{width:1px;height: 227px;left: 29px;top: 32px;}
.site_6::after{height: 1px;width: 75px;top: 258px;left: -46px;}
.site_6 .cont_ico::before{left: 54px;top: 19px;}
.site_6 p.name{top: 280px;left: -99px;width: 160px;}
.site_6:hover .cont_txt{left: -103px;top: 177px;}
.site_6:hover::before{width:2px;height: 147px;left: 29px;top: 32px;}
.site_6:hover::after{height: 2px;width: 0;top: 258px;left: -46px;}
.site_6:hover .cont_ico::before{left: 143px;top: -50px;}

.site_7{width: 50px;height: 50px;position: absolute;top: 619px;left: 626px;}
.site_7 .cont_ico{width: 100px;height: 80px;right: -192px;top: 221px;}
.site_7 .cont_ico::after{top: -197px;left: -127px;}
.site_7::before{width:1px;height: 218px;left: 26px;top: 45px;}
.site_7::after{height: 1px;width: 182px;top: 262px;left: 27px;}
.site_7 .cont_ico::before{left: 54px;top: 23px;}
.site_7 p.name{top: 284px;left: 186px;width: 160px;}
.site_7:hover .cont_txt{left: 88px;top: 177px;}
.site_7:hover::before{width:2px;height: 218px;left: 26px;top: 45px;}
.site_7:hover::after{height: 2px;width: 64px;top: 262px;left: 26px;}
.site_7:hover .cont_ico::before{left: -54px;top: 35px;}

.site_8{width: 50px;height: 50px;position: absolute;top: 652px;left: 754px;}
.site_8 .cont_ico{width: 100px;height: 80px;right: -192px;top: 221px;}
.site_8 .cont_ico{width: 100px;height: 80px;right: -277px;top: 130px;}
.site_8 .cont_ico::after{top: -125px;left: -208px;}
.site_8::before{width:1px;height: 149px;left: 30px;top: 32px;}
.site_8::after{height: 1px;width: 266px;top: 180px;left: 30px;}
.site_8 .cont_ico::before{left: 54px;top: 32px;}
.site_8 p.name{top: 204px;left: 255px;width: 160px;}
.site_8:hover .cont_txt{left: 88px;top: 6px;}
.site_8:hover::before{width:2px;height: 149px;left: 30px;top: 32px;}
.site_8:hover::after{height: 2px;width: 61px;top: 180px;left: 30px;}
.site_8:hover .cont_ico::before{left: -139px;top: 43px;}

.site_9{width: 50px;height: 50px;position: absolute;top: 622px;left: 874px;}
.site_9 .cont_ico{width: 100px;height: 80px;right: -192px;top: 221px;}
.site_9 .cont_ico{width: 100px;height: 80px;right: -207px;top: -69px;}
.site_9 .cont_ico::after{top: 76px;left: -139px;}
.site_9::before{width:1px;height: 85px;left: 231px;top: -48px;}
.site_9::after{height: 1px;width: 198px;top: 36px;left: 33px;}
.site_9 .cont_ico::before{left: 56px;top: 1px;}
.site_9 p.name{top: -94px;left: 197px;width: 160px;}
.site_9:hover .cont_txt{left: 88px;top: -247px;}
.site_9:hover::before{width:2px;height: 89px;left: 231px;top: -51px;}
.site_9:hover::after{height: 2px;width: 203px;top: 36px;left: 29px;}
.site_9:hover .cont_ico::before{left: 68px;top: 5px;}

.site_10{width: 50px;height: 50px;position: absolute;top: 549px;left: 810px;}
.site_10 .cont_ico{width: 100px;height: 80px;right: -192px;top: 221px;}
.site_10 .cont_ico{width: 100px;height: 80px;right: -299px;top: -301px;}
.site_10 .cont_ico::after{top: 314px;left: -227px;}
.site_10::before{width:1px;height: 307px;left: 33px;top: -293px;}
.site_10::after{height: 1px;width: 279px;top: -294px;left: 33px;}
.site_10 .cont_ico::before{left: 49px;top: -11px;}
.site_10 p.name{top: -338px;left: 268px;width: 160px;}
.site_10:hover .cont_txt{left: -8px;top: -481px;}
.site_10:hover::before{width:2px;height: 307px;left: 33px;top: -293px;}
.site_10:hover::after{height: 2px;width: 0;top: -294px;left: 33px;}
.site_10:hover .cont_ico::before{left: -222px;top: 5px;}

.site_11{width: 50px;height: 50px;position: absolute;top: 519px;left: 762px;}
.site_11 .cont_ico{width: 100px;height: 80px;right: -192px;top: 221px;}
.site_11 .cont_ico{width: 100px;height: 80px;right: 73px;top: -425px;}
.site_11 .cont_ico::after{top: 442px;left: 146px;}
.site_11::before{width:1px;height: 396px;left: 33px;top: -378px;}
.site_11::after{height: 1px;width: 80px;top: -378px;left: -47px;}
.site_11 .cont_ico::before{left: 55px;top: 30px;}
.site_11 p.name{top: -425px;left: -109px;width: 160px;}
.site_11:hover .cont_txt{left: -168px;top: -499px;}
.site_11:hover::before{width:2px;height: 317px;left: 33px;top: -300px;}
.site_11:hover::after{height: 2px;width: 80px;top: -378px;left: 33px;}
.site_11:hover .cont_ico::before{left: 150px;top: 118px;}

/* 智慧场馆start */
.category_venue { padding: 300px 0 300px; position: relative; }
.category_venue  img{margin: 0 auto;display: block;width: 926px; height: 520px;}
.venue_1{width: 50px;height: 50px;position: absolute;top: 390px;left: 474px;}
.venue_1 .cont_ico{width: 100px;height: 80px;right: 183px;top: -253px;}
.venue_1 .cont_ico::after{top: 249px;left: 261px;}
.venue_1::before{width:1px;height: 219px;left: 39px;top: -214px;}
.venue_1::after{height: 1px;width: 206px;top: -214px;left: -166px;}
.venue_1 .cont_ico::before{left: 51px;top: 22px;}
.venue_1 p.name{top: -259px;left: -210px;width: 160px;}
.venue_1:hover .cont_txt{left: -452px;top: -332px;}
.venue_1:hover::before{width:2px;height: 219px;left: 39px;top: -214px;}
.venue_1:hover::after{height: 2px;width: 133px;top: -214px;left: -94px;}
.venue_1:hover .cont_ico::before{left: 133px;top: 33px;}

.venue_2{width: 50px;height: 50px;position: absolute;top: 383px;left: 527px;}
.venue_2 .cont_ico{width: 100px;height: 80px;right: -356px;top: -313px;}
.venue_2 .cont_ico::after{top: 323px;left: -306px;}
.venue_2::before{width:1px;height: 277px;left: 10px;top: -266px;}
.venue_2::after{height: 1px;width: 366px;top: -267px;left: 10px;}
.venue_2 .cont_ico::before{left: 51px;top: 27px;}
.venue_2 p.name{top: -312px;left: 298px;width: 160px;}
.venue_2:hover .cont_txt{left: 190px;top: -380px;}
.venue_2:hover::before{width:2px;height: 277px;left: 10px;top: -266px;}
.venue_2:hover::after{height: 2px;width: 186px;top: -267px;left: 10px;}
.venue_2:hover .cont_ico::before{left: -117px;top: 40px;}

.venue_3{width: 50px;height: 50px;position: absolute;top: 488px;left: 690px;}
.venue_3 .cont_ico{width: 100px;height: 80px;right: -356px;top: -267px;}
.venue_3 .cont_ico::after{top: 263px;left: -297px;}
.venue_3::before{width:1px;height: 210px;left: 21px;top: -211px;}
.venue_3::after{height: 1px;width: 322px;top: -212px;left: 21px;}
.venue_3 .cont_ico::before{left: 20px;top: 37px;}
.venue_3 p.name{top: -259px;left: 295px;width: 160px;}
.venue_3:hover .cont_txt{left: 144px;top: -351px;}
.venue_3:hover::before{width:2px;height: 210px;left: 21px;top: -211px;}
.venue_3:hover::after{height: 2px;width: 122px;top: -212px;left: 21px;}
.venue_3:hover .cont_ico::before{left: -164px;top: 49px;}

.venue_4{width: 50px;height: 50px;position: absolute;top: 491px;left: 752px;}
.venue_4 .cont_ico{width: 100px;height: 80px;right: -356px;top: -90px;}
.venue_4 .cont_ico::after{top: 101px;left: -301px;}
.venue_4::before{width:1px;height: 58px;left: 15px;top: -46px;}
.venue_4::after{height: 1px;width: 322px;top: -46px;left: 16px;}
.venue_4 .cont_ico::before{left: 19px;top: 26px;}
.venue_4 p.name{top: -91px;left: 296px;width: 160px;}
.venue_4:hover .cont_txt{left: 91px;top: -169px;}
.venue_4:hover::before{width:2px;height: 58px;left: 15px;top: -46px;}
.venue_4:hover::after{height: 2px;width: 77px;top: -46px;left: 16px;}
.venue_4:hover .cont_ico::before{left: -215px;top: 38px;}

.venue_5{width: 50px;height: 50px;position: absolute;top: 639px;left: 804px;}
.venue_5 .cont_ico{width: 100px;height: 80px;right: -298px;top: 100px;}
.venue_5 .cont_ico::after{top: -90px;left: -234px;}
.venue_5::before{width:1px;height: 90px;left: 25px;top: 39px;}
.venue_5::after{height: 1px;width: 248px;top: 129px;left: 25px;}
.venue_5 .cont_ico::before{left: 11px;top: 11px;}
.venue_5 p.name{top: 84px;left: 230px;width: 160px;}
.venue_5:hover .cont_txt{left: 37px;top: -13px;}
.venue_5:hover::before{width:2px;height: 90px;left: 25px;top: 39px;}
.venue_5:hover::after{height: 2px;width: 20px;top: 129px;left: 25px;}
.venue_5:hover .cont_ico::before{left: -211px;top: 23px;}

.venue_6{width: 50px;height: 50px;position: absolute;top: 619px;left: 753px;}
.venue_6 .cont_ico{width: 100px;height: 80px;right: -31px;top: 280px;}
.venue_6 .cont_ico::after{top: -270px;left: 46px;}
.venue_6::before{width:1px;height: 264px;left: 37px;top: 39px;}
.venue_6::after{height: 1px;width: 0;top: 129px;left: 25px;}
.venue_6 .cont_ico::before{left: 38px;top: 11px;}
.venue_6 p.name{top: 333px;left: -9px;width: 160px;}
.venue_6:hover .cont_txt{left: -109px;top: 175px;}
.venue_6:hover::before{width:2px;height: 146px;left: 37px;top: 39px;}
.venue_6:hover::after{height: 2px;width: 0;top: 129px;left: 25px;}
.venue_6:hover .cont_ico::before{left: 50px;top: -108px;}

.venue_7{width: 50px;height: 50px;position: absolute;top: 589px;left: 604px;}
.venue_7 .cont_ico{width: 100px;height: 80px;right: -31px;top: 344px;}
.venue_7 .cont_ico::after{top: -326px;left: 41px;}
.venue_7::before{width:1px;height: 338px;left: 32px;top: 39px;}
.venue_7::after{height: 1px;width: 0;top: 129px;left: 25px;}
.venue_7 .cont_ico::before{left: 34px;top: 19px;}
.venue_7 p.name{top: 404px;left: 1px;width: 160px;}
.venue_7:hover .cont_txt{left: -212px;top: 238px;}
.venue_7:hover::before{width:2px;height: 200px;left: 32px;top: 39px;}
.venue_7:hover::after{height: 2px;width: 0;top: 129px;left: 25px;}
.venue_7:hover .cont_ico::before{left: 45px;top: -113px;}

.venue_8{width: 50px;height: 50px;position: absolute;top: 673px;left: 504px;}
.venue_8 .cont_ico{width: 100px;height: 80px;right: 178px;top: 216px;}
.venue_8 .cont_ico::after{top: -217px;left: 237px;}
.venue_8::before{width:1px;height: 227px;left: 20px;top: 27px;}
.venue_8::after{height: 1px;width: 195px;top: 254px;left: -174px;}
.venue_8 .cont_ico::before{left: 34px;top: 19px;}
.venue_8 p.name{top: 274px;left: -227px;width: 160px;}
.venue_8:hover .cont_txt{left: -467px;top: 164px;}
.venue_8:hover::before{width:2px;height: 227px;left: 20px;top: 27px;}
.venue_8:hover::after{height: 2px;width: 132px;top: 254px;left: -110px;}
.venue_8:hover .cont_ico::before{left: 112px;top: 32px;}

.venue_9{width: 50px;height: 50px;position: absolute;top: 542px;left: 307px;}
.venue_9 .cont_ico{width: 100px;height: 80px;right: 178px;top: 216px;}
.venue_9 .cont_ico::after{top: -220px;left: 251px;}
.venue_9::before{width:1px;height: 235px;left: 34px;top: 21px;}
.venue_9::after{height: 1px;width: 208px;top: 255px;left: -174px;}
.venue_9 .cont_ico::before{left: 34px;top: 21px;}
.venue_9 p.name{top: 275px;left: -208px;width: 160px;}
.venue_9:hover .cont_txt{left: -258px;top: 133px;}
.venue_9:hover::before{width:2px;height: 114px;left: 34px;top: 21px;}
.venue_9:hover::after{height: 2px;width: 0;top: 255px;left: -174px;}
.venue_9:hover .cont_ico::before{left: 256px;top: -84px;}

.venue_10{width: 50px;height: 50px;position: absolute;top: 471px;left: 270px;}
.venue_10 .cont_ico{width: 100px;height: 80px;right: 178px;top: 133px;}
.venue_10 .cont_ico::after{top: -128px;left: 240px;}
.venue_10::before{width:1px;height: 148px;left: 23px;top: 25px;}
.venue_10::after{height: 1px;width: 198px;top: 172px;left: -174px;}
.venue_10 .cont_ico::before{left: 34px;top: 21px;}
.venue_10 p.name{top: 194px;left: -238px;width: 160px;}
.venue_10:hover .cont_txt{left: -258px;top: 107px;}
.venue_10:hover::before{width:2px;height: 81px;left: 22px;top: 28px;}
.venue_10:hover::after{height: 2px;width: 0;top: 255px;left: -174px;}
.venue_10:hover .cont_ico::before{left: 245px;top: -32px;}

.venue_11{width: 50px;height: 50px;position: absolute;top: 455px;left: 325px;}
.venue_11 .cont_ico{width: 100px;height: 80px;right: 277px;top: -30px;}
.venue_11 .cont_ico::after{top: 19px;left: 342px;}
.venue_11::before{width:1px;height: 0;left: 23px;top: 25px;}
.venue_11::after{height: 1px;width: 295px;top: 17px;left: -269px;}
.venue_11 .cont_ico::before{left: 34px;top: 30px;}
.venue_11 p.name{top: -27px;left: -319px;width: 160px;}
.venue_11:hover .cont_txt{left: -327px;top: -245px;}
.venue_11:hover::before{width:2px;height: 76px;left: -271px;top: -57px;}
.venue_11:hover::after{height: 2px;width: 295px;top: 17px;left: -269px;}
.venue_11:hover .cont_ico::before{left: 51px;top: -30px;}

.zh_city{ width: 100%; background: #03a4ef; padding-top: 10px; position: relative; overflow: hidden;}
.zh_city>img.title_img{ display: block;  margin: 0 auto 60px; width: 684px; height: 166px;}
.zh_city>img.house_img{ position: absolute; bottom: 0; left: 50%; margin-left: -960px; width: 1920px; height: 237px;}
.show_d1 img.img1{ display:block; margin: 0 auto;}
.city_show{ width: 1175px; margin: 0 auto; position: relative;}
.city_img{ width: 772px; height: 550px; position: absolute; bottom: 28px; left: 50%; margin-left: -386px;}
.show_d1{ position: relative; z-index:2;}
.show_d1 a{ position: absolute; font-size: 16px; color: #fff; text-align: center;}
.show_d1 a span{width: 72px;height: 72px;display: block;margin-bottom:5px;background: url(../img/ico_bg.png) no-repeat;}
.show_d1 a i{display: block;width: 31px;height: 31px;margin: 0 auto;/* padding-top: 10px; */width: 50px;height: 50px;position: absolute;top: 11px;left: 11px;}
.show_d1 a.a1 i{background: url(../img/ct_ico1.png) no-repeat center;}
.show_d1 a.a1{left: 23px;top: 173px;}
.show_d1 a:hover{ font-size:18px; color: #06ffcd;}
.show_d1 a:hover span{ background: url(../img/ico_bg_on.png) no-repeat;-webkit-animation: spinAround 1.3s linear infinite;
	-moz-animation: spinAround 1.3s linear infinite;
    animation: spinAround 1.3s linear infinite;}
.show_d1 a.a1:hover  i{background: url(../img/ct_ico1_on.png) no-repeat center;}
    
.show_d1 a.a2 i{background: url(../img/ct_ico2.png) no-repeat center;}
.show_d1 a.a2:hover  i{background: url(../img/ct_ico2_on.png) no-repeat center;}
.show_d1 a.a2{left: 147px;top: -5px;}

.show_d1 a.a3 i{ background: url(../img/ct_ico3.png) no-repeat center;}
.show_d1 a.a3:hover  i{ background: url(../img/ct_ico3_on.png) no-repeat center;}
.show_d1 a.a3{left: 310px;top: -27px;}

.show_d1 a.a4 i{ background: url(../img/ct_ico4.png) no-repeat center;}
.show_d1 a.a4:hover  i{ background: url(../img/ct_ico4_on.png) no-repeat center;}
.show_d1 a.a4{left: 557px;top: -10px;}

.show_d1 a.a5 i{ background: url(../img/ct_ico5.png) no-repeat center;}
.show_d1 a.a5:hover  i{ background: url(../img/ct_ico5_on.png) no-repeat center;}
.show_d1 a.a5{left: 837px;top: -25px;}

.show_d1 a.a6 i{ background: url(../img/ct_ico6.png) no-repeat center;}
.show_d1 a.a6:hover  i{ background: url(../img/ct_ico6_on.png) no-repeat center;}
.show_d1 a.a6{left: 1021px;top: -7px;}

.show_d1 a.a7 i { background: url(../img/ct_ico7.png) no-repeat center;}
.show_d1 a.a7:hover  i{ background: url(../img/ct_ico7_on.png) no-repeat center;}
.show_d1 a.a7{left: 730px;top: 93px;}

.show_d1 a.a8 i{ background: url(../img/ct_ico8.png) no-repeat center;}
.show_d1 a.a8:hover  i{ background: url(../img/ct_ico8_on.png) no-repeat center;}
.show_d1 a.a8{left: 947px;top: 131px;}

.show_d1 a.a9 i{ background: url(../img/ct_ico9.png) no-repeat center;}
.show_d1 a.a9:hover  i{ background: url(../img/ct_ico9_on.png) no-repeat center;}
.show_d1 a.a9{left: 860px;top: 266px;}

.show_d1 a.a10 i{ background: url(../img/ct_ico10.png) no-repeat center;}
.show_d1 a.a10:hover span i{ background: url(../img/ct_ico10_on.png) no-repeat center;}
.show_d1 a.a10{left: 1085px;top: 247px;}

.show_d1 a.a11 i{ background: url(../img/ct_ico11.png) no-repeat center;}
.show_d1 a.a11:hover  i{ background: url(../img/ct_ico11_on.png) no-repeat center;}
.show_d1 a.a11{left: 1007px;top: 418px;}

.show_d1 a.a12 i{ background: url(../img/ct_ico12.png) no-repeat center;}
.show_d1 a.a12:hover  i{ background: url(../img/ct_ico12_on.png) no-repeat center;}
.show_d1 a.a12{left: 230px;top: 169px;}

.show_d1 a.a13 i{ background: url(../img/ct_ico13.png) no-repeat center;}
.show_d1 a.a13:hover  i{ background: url(../img/ct_ico13_on.png) no-repeat center;}
.show_d1 a.a13{left: 243px;top: 323px;}

.show_d1 a.a14 i{ background: url(../img/ct_ico14.png) no-repeat center;}
.show_d1 a.a14:hover  i{ background: url(../img/ct_ico14_on.png) no-repeat center;}
.show_d1 a.a14{left: 75px;top: 399px;}

.show_d1 a.a15 i{ background: url(../img/ct_ico15.png) no-repeat center;}
.show_d1 a.a15:hover  i{ background: url(../img/ct_ico15_on.png) no-repeat center;}
.show_d1 a.a15{left: 369px;top: 92px;}

a.j_prev,a.j_next {
    width: 45px;
    height: 45px;
    /* background: #d4d9dc; */
    z-index: 999;
    display: block;
    position: absolute;
    text-align: center;
    /* font-size: 16px; */
    top:110px;
}
a.j_prev{ left:-55px;}
a.j_next{ right:-55px;}
/* a.j_prev:hover,a.j_next:hover{ background:#D52806;} */
/* a.j_prev img,a.j_next img{ position: relative; top:50%; margin-top:-16.5px;} */
/* .main_ban{ width:1200px; margin:0 auto; overflow:hidden; height:350px;} */
.solution_banner ul li.part1_block a{ display:block; width: 100%; height: 100%;}
.new_cont>div em{ display: block; width: 115px; height: 30px; font-size:16px; color: #fff; background: #d52806; text-align: center; line-height: 30px; margin-top: 30px;}
.new_cont>div em:hover{ text-decoration: underline;}
.case_right p{line-height: 50px; text-align: center;font-size: 14px;color: #000;}
/* 公共start */
.show_d1 a,.show_d1 a span,.pro_show dl dt img,.news_show dl p,.news_show dt img,.news_show li i.time,.news_show li:hover,.honor>div,.staff dd,.staff dt img,.yj_list span,.case_category,.case_list .posi_txt,.detail_1 img,.product_con1 .product_con1_1,.product_con1_2 .con1_2_son{transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-moz-transition: all 0.3s;}
.honor>div:hover span,.sec_con a:hover,.pn-list li .pn-tit-three:hover,.detail_right ul li:hover a{ color: #d52806;}
.pro_show dd p{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.pro_show dl.nth3,.case_list dl.nth3,.yj_list li.last,.staff dl.nth_3,.honor>div.nth_3{ margin-right: 0;}
.staff dl:hover dt img,.news_show dl:hover dt img,.pro_show dl:hover dt img{ transform: scale(1.06,1.06); -webkit-transform: scale(1.06,1.06); -moz-transform: scale(1.06,1.06);}
.news_show li:hover{ -webkit-box-shadow: rgba(0,0,0,0.1) 0px -1px 15px; -moz-box-shadow: rgba(0,0,0,0.1) 0px -1px 15px; box-shadow: rgba(0,0,0,0.1) 0px -1px 15px;}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
   -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  } 

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@-webkit-keyframes spinAround {
	from {
		-webkit-transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes spinAround {
	from {
		-moz-transform: rotate(0deg)
	}
	to {
		-moz-transform: rotate(360deg);
	}
}
@keyframes spinAround {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(360deg);
	}
}
