/*
Theme Name: Exseen
Theme URI: http://www.changguanguanli.com/
Author: 慧展软件


*/
li {
    list-style: outside none none;
}
.fl_left{float: left;}
.fl_right{float: right;}
.clear{clear: both;}

/**nav样式*/
.site-inner{margin-top: 60px;}
nav{height: 60px;transition: all .1s;}
nav .w1125.wactive{transition: all .5s;}
nav .w1125{transition: all .1s;}
.anv_active{background: rgba(255, 255, 255,1);position: fixed;left:0;top: 0;bottom: 0;width: 100%;height: 60px;z-index: 9999;box-shadow: 0 1px 3px 2px rgba(231, 231, 231, 1)}
 nav .ben_active .ben_nava{color: #000000;}
.bg{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: -100;}
.logo {height: 60px;padding-top: 10px;}
.logo .logo_a{display: inline-block;width: 230px;height: 39px;background: url(logo2.png)no-repeat;}
.logo .logotiv {background: url(logo2.png)no-repeat;}

.logofont{  font-style:normal; display: inline-block;color:#f82828; border-left:1px solid #a5c5ec;position: relative; top:-3px;}
.logofont>div:nth-child(1){ text-indent: 17px;}
.logofont>div:nth-child(2){ text-indent: 14px;}

.ben_nav{height: 60px;}
.ben_nav .changguanguanli_navli{float: left;margin: 0; padding: 0;position: relative;z-index: 99;}
.ben_nav .ben_nava{color: #000000;font-size: 16px; padding: 0 20px;line-height: 60px;}
.ben_navno1{width: 420px;height: 200px;position: absolute;top:60px;left: -72px;}
.ben_navno2{width: 104px;height: 200px;position: absolute;top:60px;left: 0;}
.ben_navno1 ul{float: left;width: 134px;}
.ben_navno1:hover{display: block;}
.ben_navno1>ul:hover{display: block;}
.ben_nav li:hover .ben_navno1{display: block;}
.ben_nav li:hover .ben_navno2{display: block;}
.changguanguanli_navli div{text-align: center;background:#fff;display: none;}
.changguanguanli_navli ul h4{color: #000;margin-bottom: 10px;margin-top: 5px;font-weight: normal;font-size: 14px;}
.changguanguanli_navli ul h4 a{font-size: 14px;}
.changguanguanli_navli ul a{color: #000;font-size: 12px;}
.changguanguanli_navli ul a:hover{color: #b31f22;text-decoration:none;}
.ben_nav li a{text-decoration:none;font-size:14px;}
.changguanguanli_navli ul li{height: 30px;}
.changguanguanli_navli ul{margin-top: 20px;}
.ben_navno1 ul{border-right-width: 1px;border-right-style: solid;border-right-color: rgba(0, 0, 0, 0.2);}
.ben_navno1 ul:nth-last-child(1){border: none;}
.changguanguanli_slogan{width: 100%;height: 620px;margin:0 auto;text-align: center;color:#ffffff;position: relative; z-index:-10000}
.changguanguanli_slogan div.h1{font-size: 55px;margin-bottom: 5%;text-align: center;width: 100%;display: inline-block;font-weight: bold;}
.changguanguanli_slogan p{font-size: 18px;text-align: center;width: 100%;display: inline-block;}

.sweiper{width:100%;height: 241px;}
.sweiper li{ top: 0;left: 0;display: none;}
.sweiper .sweiper_active{display: block;}

.vio{width: 100%;height: auto;position: relative;padding-top: 10px;}
.vio video{width: 100%;height: auto;position: absolute;top: 0;left: 0;z-index: -9999;}
.vio:hover #prev2{display: block;}
.vio:hover #next2{display: block;}
@keyframes tiao{0%{bottom: 2px;}50%{bottom: 8px;}100%{bottom: 2px;}}

/**footer*/
footer {
  background: #373d41;
  position: relative;
  top: -15px;

}
.footerbg{
	width:100%;
  background:  url(css/images/footerbanner.png)no-repeat;
  background-size: cover;
}
.footer-box {
  width: 1100px;
  margin: 0 auto;
}
.footer-contact{
  margin: 0 auto;
  border-bottom: 1px solid  rgb(161, 154, 154);
  height: 100px;
  box-sizing: border-box;
  font-size: 0;
  line-height: 100px;
}
.footer-phone-icon{
  margin-right: 2%;
  width: 50px;
  display: inline-block;
  vertical-align: middle;
}
.footer-phone{
  margin-right: 18%;
  display: inline-block;
  vertical-align: middle;
}
.footer-phone p{
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 1;
  color: #fcfcfd;
}
.footer-phone p:last-child{
  margin-bottom: 0px;  
}
.footer-contact a{
  display: inline-block;
  vertical-align: middle;
  padding: 0 30px;
  height: 24px;
  border-right: 1px solid #CFD0D1;
  line-height: 24px;
}
.footer-contact a:last-child{
  border-right: none;
}
.footer-contact a span{
  font-size: 16px;
  color: #f9f9fa;
  vertical-align: middle;
}
.footer-contact a:hover span{
  text-decoration: underline;
}
.footer-contact a img{
  margin-right: 5px;
  width: 20px;
  display: inline-block;
  vertical-align: middle;
}
.footer-list{
  margin: 0 auto;
  padding-top: 30px;
  width: 1100px;
  border-bottom: 1px solid  rgb(161, 154, 154);
  font-size: 0;
  display: flex;
}
.footer-list dl{
  flex: 3;
  box-sizing: border-box;
}
.footer-list dl:last-child{
/*   flex: 4; */
}
.footer-list dl dt{
  margin-bottom: 15px;
  display: block;
  font-size: 14px;
  line-height: 1;
  color: #fff;
}
.footer-list dl dd{
  display: block;
  margin-bottom: 15px;
}
.footer-list dl dd:last-child{
  margin-bottom: 0;
}
.footer-list dl dd a{
  font-size: 14px;
  line-height: 1;
  color: rgb(204, 211, 216);
}
.footer-list dl dd a:hover{
  color: #fff
}
.footer-qr{
  display: inline-block;
  margin-right: 30px;
}
.footer-qr:last-child{
  margin-right: 0;
}
.footer-qr span{
  font-size: 12px;
  line-height: 24px;
  color: #A9B0B4;
}
.footer-img {
  width: 108px;
  height: 108px;
  position: relative;
}
.footer-img img{
  display: block;
  width: 100%;
  height: 100%;
}
.footer-img .footer-line{
  width: 100%;
  height: 0;
  border-bottom: 2px solid #268cf4;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(38, 140, 244, 0.2);  
  -webkit-animation: move 5s linear infinite; 
  -moz-animation: move 5s linear infinite; 
  -ms-animation: move 5s linear infinite; 
  -o-animation: move 5s linear infinite; 
  animation: move 5s linear infinite;
}
@-webkit-keyframes move{ from {height: 0;} to {height: 108px;}} 
@-moz-keyframes move{ from {height: 0;} to {height: 108px;}} 
@-ms-keyframes move{ from {height: 0;} to {height: 108px;}}
@-o-keyframes move{ from {height: 0;} to {height: 108px;}}
@keyframes move{ from {height: 0;} to {height: 108px;}} 

/* 版权 */
.copyright{
  padding: 10px 0 20px;
  text-align: left;
}
.copyright p{
  font-size: 14px;
  line-height: 24px;
  color: #A9B0B4;
  margin-bottom: 0px;
}
.copyright p a{
  font-size: 0;
}
.copyright p a:hover,a:hover{
  color: #373d41;
}
.copyright p a span{
  font-size: 14px;
  line-height: 1;
  color: #A9B0B4;
  vertical-align: middle;
}
.copyright p a img:first-child{
  margin-right: 3px;
}
.copyright p a img{
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  width: 20px;
  height: 20px;
}
.recOpen{
  padding-top: 70px;
  height: 264px;
  background: #F6F8FA;
  box-sizing: border-box;
  text-align: center;
}

.recOpen a:hover,a:hover {
    color: #ffffff;
    text-decoration: none;
}
.tranfff:hover{
	color:#fff !important;
	border-color:#fff !important;
}

.changguanguanli_slogan .ben_tiao{margin-top: 120px;display: inline-block;width: 31px;height: 41px;background: url(images/2018Web/jump.png)no-repeat;position: relative;animation: tiao 1.2s infinite ease-in-out;-webkit-animation: tiao 1.2s infinite ease-in-out;cursor: pointer;}
@keyframes tiao{0%{top: 2px;}50%{top: 8px;}100%{top: 2px;}}
.ben_ljzx{margin-top: 10%;}
.item_center .item_more{position: relative;border-radius: 20px; display: block;margin: 0 auto;text-align: center;overflow: hidden;z-index: 9;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-ms-transition: all 0.8s;transition: all 0.8s;}
.item_center.item_more span{z-index: 999;position: relative;}
.item_center .item_more .item_i{display: block;width: 0;height: 100%;position: absolute;left: 0;top: 0;z-index: -99;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;}
 .item_center .item_more:hover .item_i{width: 100%;}
.item_center .ben_zx:hover{border: 1px solid #337ab7;color: #ffffff; }
.ben_zx{width: 158px;height: 32px;border-radius: 16px; border: 1px solid #ffffff;line-height: 32px;color: #ffffff; }
.ben_zxsp{font-size: 15px;}
.ben-zxi{background: #4892EC;}
.ben_zx a{
	text-decoration:none;
}
/* .site-content{margin-top:70px;margin-bottom: 10px;} */








/* 解决方案-智慧社区css */
h1,h2,h3,h4,h5{
  margin:0;
  padding:0;
}
.town_intro{
  font-size: 1.5em;
  text-align: center;
}
.town_bcenter>img.town_intro_png{
  max-width: 60%;
  max-height:60%;
  display: block;
  margin:0 auto;
}
.b_hsize>h4.town_intro{
  font-size: 1.5em;
}
.undertake>h4.town_intro{
  font-size: 1.5em;
}
.town_intro{
  color: #195a9a;
  /* font-weight: bold; */
}
.titlebord{
  font-size:36px;
  font-weight: bold;
  color:#195a9a;
  display: block;
  padding-bottom: 22px;
}
.b_hsize{
  margin-bottom:30px;
  font-weight: bold;
}

.get_font_box{
  width:100%;
  height:auto;
  margin-bottom:10px;
  font-size: 17px;
  color: #4892ec;
}

.gtb_samllleft{
  margin-left: 22%; 
}
.gtb_bigleft{
  margin-left: 30%;
}

.get_border{
  width:80%;
  height:300px;
  margin: 4% auto;
}
.get_border>h2{
  margin-top:25px;
}     
.btnbluebg{
  width:120px;
  transition:all .5s linear;
  z-index: 1;
}

/* css 轮播 */
/* .img_changgaunguanlisel{
  width:100%;
  height:auto;
  display: block;
}
.zhsqimg_list{
  width:100%;
  height:auto;
  position: relative;
}
.zhsqimg_list img{
  width:100%;
  height:auto;
  position:absolute;
  animation: show 8s infinite;
} */
/* 轮播 */
.b_car{
  width:1380px;
  height:auto;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}
.b_car>ul.car_list{
  width:3780px;
  height:auto;
  overflow: hidden;
  position: relative;
}
.b_car>ul.car_list li{
  float: left;
  width:1380px;
}
#primary>.b_car>ul.car_list li img{
  width:100%;
  height:430px;
}
.ctrabbox{
  position: relative;
  top: -35px;
  text-align: center;
  /* background:#1db702; */
}
.ctra{
  width:11px;
  height:11px;
  display: inline-block;
  /* border:1px solid #c5c5c5; */
  background: #333;
  opacity: 0.4;
  border-radius: 50%;
  cursor: pointer;
}
.ctrb{
  width:11px;
  height:11px;
  display: inline-block;
  margin-left: 5px;
  /* border:1px solid #c5c5c5;
  background: #fff; */
  background: #333;
  opacity: 0.4;
  border-radius: 50%;
  cursor: pointer;
}

  /* 第二个轮播 */

  /* * {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
} */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    font-size: 0;
}

.clearfix {
    *zoom: 1;
}


/* 层叠轮播 */


.zy-Slide{font-size: 12px; position: relative; width: 780px; height: 292px; margin: 0 auto;}
.zy-Slide ul{position: relative; width: 100%; height: 292px; margin: 0; padding: 0;}
.zy-Slide li{position: absolute; list-style: none; background: #000; width: 0; height: 0; top: 146px; left: 377px; z-index: 0; cursor: pointer; border-radius: 3px; margin: 0;}
.zy-Slide li img{width: 100%; height: 100%; vertical-align: middle;}
.zy-Slide section:nth-child(1), .zy-Slide section:nth-child(2){
  position: absolute;
  top: 40%;
  width: 60px;
  height: 60px;
  border: 1px solid #000;
  border-radius:50%;
  cursor: pointer;
  font-size: 26px;
  opacity: 0.5;
  color: #000;
  text-align: center;
  line-height: 60px;
  transition: all .4s linear !important;
  
}
.zy-Slide section:nth-child(1){left:-200px; }
.zy-Slide section:nth-child(1):hover{transform: scale(1.06); }
.zy-Slide section:nth-child(2){right:-200px;}
.zy-Slide section:nth-child(2):hover{ transform: scale(1.06); }


/*背景色 */
 .townbuild, .noone, .undertake, .core{
  padding-top: 50px;
  padding-bottom:5%;
}
.changgaunguanlixitong_bottom{
  padding-top:50px;
  padding-bottom: 50px;
}
.townbuild{
  background: #F0F7FC;
  padding-bottom:50px;
}
.corebuild{
  background: #EFF6FC;
  padding-bottom:6%;
}
.fivecore{
  /* background: linear-gradient(to bottom,#24787A,#06285C); */
}
.noone{
  padding-bottom: 4%;
}
.undertake{
  padding-bottom:6.5%;
  /* background:linear-gradient(to bottom left,rgb(109, 184, 155),#86EDC6); */
  background: url(css/images/2018Web/downbg.png) center no-repeat;
}
.jbcolor{
  position: relative;
  padding-top: 150px;
  text-align: center;
  font-size: 15px;
  color:#000;
}
.mashangtijiaotiyan{
  position: relative;
  padding-top: 90px;
  text-align: center;
  font-size: 14px;
  color:#000;
}
.a_box{
  width:158px;
  height:32px;
}
.gethref{
  margin: 0 auto;
  line-height: 32px;
  display: block;
  border:1px solid #5c5c5c;
  border-radius: 20px;
  background: none;
  color:#333;
  text-decoration: none !important;
  overflow: hidden;
  z-index:9;
  position: relative;
}
.gethrefwhite{
  margin: 0 auto;
  line-height: 32px;
  display: block;
  border:1px solid #fff;
  border-radius: 20px;
  background: none;
  color:#fff;
  text-decoration: none !important;
  overflow: hidden;
  z-index:9;
  position: relative;
}
.gethref:hover{
  color:#fff;
  border:1px solid #4892ec;
}
.get_btn{
  width:158px;
  height:32px;
  line-height: 32px;
  color:#000;
  display: block;
  background:#4892ec;
  position: absolute;
  top: 0;
  left: -158px;
  z-index: -2;
  transition: all 0.3s linear;
}
.indexget_btn{
  width:184px;
  height:50px;
  line-height: 32px;
  color:#000;
  display: block;
  background:#4892ec;
  position: absolute;
  top: 0;
  left: -158px;
  z-index: -2;
  transition: all 0.4s linear;
}
.getbtnhover{
  left:0px;
}
.applybtn:hover{
  transform: scale(1.1);
}



/* 关于我们    页面CSS */

.tabs_company{
  padding:0;
  height:70px;
  width:456px;
  margin: 0 auto;
  position: relative;
  margin-bottom: 5px;
}
.img_mask{
  position: absolute;
  z-index: 99;
  background: rgba(0,0,0,.5);
}
a.ddtab{
  display: block;
  padding:22px 10px;
  float: left;
  color:#373d41;;
  margin-right:20px;
  cursor:pointer;
  font-size:18px;
  text-align: center;
  text-decoration: none !important;
}
.ddtab:hover{
  border-bottom:4px solid #4892ec;
  color:#4892ec;
}
.ddtabactive{
  border-bottom:4px solid #4892ec;
  color:#4892ec;
}
.lastthree{
  opacity: 0;
}
.whbgc{
  /* background: rgba(0,0,0,.1); */
}
span.tabs_boxmargin{
  display:inline-block;
  margin:0 auto;
  position: absolute;
  bottom:0px;
}
.introtab{
  
}
.ddbox{
  position: absolute;
  transition: all .6s linear;
}
.corestylecss{
  z-index:99;
  display:block;
  transition: all .6s linear;
}
.conpanyintro{
  height:1900px;
}
.conpanyintro1{
  display: none;
}
.companywh1{
  display: none;
  
}
.fzlc1{
  display: none;
}
.callus1{
  display: none;
}
.callus>.callusbox{
  width:1135px;
  margin: 0 auto;
}

.companybox{
  width:100%;
  height:2230px;
  overflow: hidden;
  position: relative;
}
.companyboxbg{
  background: #fff;
}
.titlenobottom{
  padding-top: initial;
}
.withcompany{
  display: block;
  text-align: justify;
  width: 100%;
  font-size: 17px;
  line-height: 32px;
}
.companydoc{
  padding: 15px 0;
  /* background: url(css/images/2018Web/hezuo2.jpg); */
}
.img_centerauto{
  margin:0 auto;
}
.img_box_updown{
  margin: 3% 0;
}

.whimgbox{
  float: left;
  width:500px;
}
.ynzz1{
  display: block;
  position: relative;
  top:50px;
  left:180px;
}
.ynzz{
  display: block;
  position: relative;
  top:20px;
  left:123px;
  box-shadow: 6px 6px 15px #B6B6B6;
  border: 2px solid #5B9BD5;
}
.whfontbox{
  color:#195a9a;
  float: left;
  width:500px;
}
.jzgitemfont{
  color:#195a9a;
}
.ynfont1{
  width: 500px;
  margin-top:75px;  
  margin-left: 120px;
}
.ynfont{
  width: 500px;
  margin-top:27px;  
  margin-left: 180px;
}
.matchchild>h3{
  font-size: 20px;
  line-height: 38px;
}
.jzgtbox{
  width:900px;
  margin: 0 auto;
}
.jzgtbox .jzgitem{
  width:300px;
  float: left;
  height:250px;
  text-align: center;
}
.jzgitemfont>p:first-child{
  font-size: 16px;
  font-weight: bold;
  padding-top: 10px;
}
.small_titlebord{
  font-size: 26px;
  font-weight: bold;
  color: #4892ec;
}
@media screen and (max-width:989px){
  .splitscreen{
    padding-top:5%;
  }
}

/* 资质荣誉 */



#ryimgbox{
  position: relative;

}
.box{
/*      display: inline-block;*/
  padding: 15px 0px 0px 15px;
  float: left;

}
.pic{
  padding: 10px;
  border-radius: 5px;
  border:1px solid #ccc;
  box-shadow: 0 0 5px #ccc;
}

.pic img{
  width: 165px;
  height: auto;
}

.box:hover{
  transform: scale(2.2);
  transition: all .6s ease-in-out;
}

.hoorcar_box{
  position: relative;
  top:200px;

}
/* hardware accelatator class */	
.trans3d
{
  -webkit-transform-style: preserve-3d;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform-style: preserve-3d;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform-style:preserve-3d;
  -ms-transform: translate3d(0, 0, 0);
  transform-style:preserve-3d;
  transform: translate3d(0, 0, 0);

  /*-webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility:hidden;
  backface-visibility:hidden;*/
}

#contentContainer
{
  position:absolute;
  margin-left:-500px;
  margin-top:-500px;
  left:41%;
  top:250px;
  width:1000px;
  height:1000px;
}

#changgaunguanliselContainer
{
  position:absolute;
  margin-left:-500px;
  margin-top:-500px;
  left:41%;
  top:41%;
  width:1000px;
  height:1000px;
}

.changgaunguanliselItem
{
  width:320px;
  height:130px;
  position:absolute;
  left:41%;
  top:41%;
  margin-left:-160px;
  margin-top:-90px;
  visibility:hidden;
}

.changgaunguanliselItemInner
{
  width:320px;
  height:130px;
  position:absolute;
  /* background-color:rgba(255, 255, 255, .75);
  border:10px solid rgba(255, 255, 255, .5); */
  color:aqua;
  font-size:72px;
  left:41%;
  top:41%;
  margin-left:-160px;
  margin-top:-90px;
  text-align:center;
  padding-top:50px;
  
}
/* 行业 */
.hyzs{
  padding-top: 70px;
}
.zsitem{
  float:left;
}
.limarauto{
  position: relative;
  margin: 0 auto;
  width:810px;
}
.hyzsiround{
  text-align: center;
  width:150px;
  height:150px;
  margin-left: 20px;
  margin-bottom: 15px;
  border-radius: 50%;
  color:#fff;
}
.hyzsiround:nth-child(1){
  padding-top:35px;
  font-size:40px;
}
.lightbluebc{
  /* background:#85CFFA; */
  color: #4269bb;
  border:5px solid #4269bb;
}
.lightredbc{
  color: #1fb47b;
  border:5px solid #1fb47b;
}
.bluegreenbc{
  color: 	#FF7F50;
  border:5px solid #FF7F50;
}
.hyzsisquare{

}
.bottomlogo{

}

.hydwbg{
  background:url(css/images/2018Web/hydwbg.jpg) no-repeat;
  background-position-y: 60%;
  background-size: cover;
}


/* 大事件 */


.fl { float:left;}
.fr { float:right;}
/*.public*/
.main {margin:0 auto; width:980px;} 

.main { padding:45px 0; min-height:720px; }
/*history*/
.history { background:url(css/images/2018Web/line04.gif) repeat-y 187px 0; overflow:hidden; position:relative;}
.history-date { overflow:hidden;}
.history-date h2 { background:url(css/images/2018Web/icon06.gif) #fff no-repeat 158px 0; height:30px; font-size:25px; font-family:΢���ź�; font-weight:normal; padding-left:45px; margin-bottom:30px;  }
.history-date h2.first { position:absolute; left:0; top:0; width:935px; z-index:99;}
.history-date h2 a { color:#4892ec; display:inline-block; *display:inline; zoom:1; background:url(css/images/2018Web/icon08.gif) no-repeat right 41%; padding-right:17px; margin:21px 97px 0 0;}
.history-date h2 a:hover { text-decoration:none;}
.history-date h2 img { vertical-align:-5px;}
.history-date h2.date02 { background:none;}
.history-date ul li { background:url(css/images/2018Web/icon07.gif) no-repeat 180px 0; padding-bottom:50px; zoom:1; }
.history-date ul li.last { padding-bottom:0;}
.history-date ul li:after{content:" "; display:block; height:0; clear:both; visibility:hidden;}
.history-date ul li h3 { float:left; width:168px; text-align:right; padding-right:19px;color:#c3c3c3; font:normal 18px/16px Arial;}
.history-date ul li h3 span { display:block; color:#d0d0d0; font-size:12px;}
.history-date ul li dl { float:left; padding-left:41px; margin-top:-5px; font-family:΢���ź�;}
.history-date ul li dl dt { font:18px/16px ΢���ź�; color:#737373; }
.history-date ul li dl dt span { display:block; color:#787878; font-size:12px;}
.history-date ul li.green h3 { color:#1db702;}
.history-date ul li.green h3 span { color:#a8dda3; }
.history-date ul li.green dl { margin-top:-8px;}
.history-date ul li.green dl dt { font-size:22px; line-height:22px;}
.history-date ul li.green dl dt a { /*background:url(css/images/2018Web/icon09.gif) no-repeat 0 0; width:19px; height:16px;*/ display:inline-block; *display:inline; zoom:1; overflow:hidden; vertical-align: middle; margin-left:12px;}
.history-date ul li.green dl dd { padding-top:20px; display:none;}
.history-date ul li.green dl dd img { float:left;}
.history-date ul li.green dl dd p { overflow:hidden; zoom:1; line-height:21px; color:#787878;}
.history-date>ul>li:last-child{ padding-bottom:10px;}

.history-date h2.first .more-history {font-size: 16px; background: transparent; margin-left: 30px;}
.history-date h2.first .more-history:hover {text-decoration: underline;}

*body .history-date ul li dl dt {_font-size:12px !important; _font-weight:bold;}
*body .history-date ul li dl dt span {_font-weight:normal !important;}
*body .history-date ul li.green dl dt a {_background:transparent !important; *background:transparent !important;*font-size:12px !important; _font-weight:normal !important;}


/* 联系我们 */
.productcompany{
  margin:4% 0;
}

.fcred>b{
  font-size:20px;
}
.dottedhr{
  border-top: 2px dotted #185598;
    height: 2px;
    border-width: 2px medium medium;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    margin-top: 5px;
    margin-bottom: 5px;
}
.division{
  color: #555555;
  font-size:16px;
  font-weight: bold;
}
.cpfont{
  color: #555;
  text-align: left;
}
.baidumap{
  /* border:1px solid #e6e6e6; */
  width:680px;
  margin: 0 auto;
  padding-top: 50px;
}
.imgmap{
  border:1px solid #e6e6e6;
}
.fcred{
  color:red;
}

/* 设置锚点 */


#honor{
  position: relative;
  top:-50px;
}
#intro{
  position: relative;
  top:-25px;
}
#culture{
  position: relative;
  top:-25px;
}
#contact{
  position: relative;
  top:-25px;
}



/* 智慧政务 */
.zhzwchanggaunguanlisel{
  width:100%;
  border:1px solid #c6c6c6;
  overflow: hidden;
}
.zhzwcimg{
  width:1380px;
  height:auto;
}
.zhzwimglist{
  padding: 0;
  margin:0;
  width:2800px;
  position: relative;
}
.zhzwimglist li{
  float: left;
}
.zcitemlist{
  margin-left:10%;
}
.zcitemlist .zcitem{
  float: left;
  margin-right:5%;
}
/* 外层圆 */
.bigcore{
  width:410px;
  height:410px;
  border:2px solid #666666;
  text-align: center;
  position: relative;
  margin: 0 auto;
  border-radius: 50%;
  top:80px;
  margin-bottom:80px;
  z-index:5;
}

.roundimg{
  width:140px;
  height:140px;
  border-radius: 50%;
  position: relative;
  line-height:17px;
  text-align: center;
  z-index:10;
  position: absolute;
  transition: all .7s linear;
  font-weight: 800;
}
.corefont>p:nth-child(1){
  margin: 0;
  padding-top:50px;
}
.corefont>p:nth-child(2){
  margin: 0;
  padding-top:5px;
}
/* 1 */
.coreone{
  left:126px;
  top:-64px;
  background:#53C1E6;
}
.coreoneani{
  top:-200px;
  opacity: 0;
}

/* 2 */
.coretwo{
  right:-64px;
  top:64px;
  background:#63E0FF;
}
.coretwoani{
  top:-200px;
  right:-230px;
  opacity: 0;
}

/* 3 */
.corethree{
  right:-20px;
  bottom:-10px;
  background:#60E298;
}
.corethreeani{
  right:-220px;
  bottom:-200px;
  opacity: 0;
}

/* 4 */
.corefour{
  left:-20px;
  bottom:-10px;
  background:#FFC281;
}
.corefourani{
  left:-220px;
  bottom:-200px;
  opacity: 0;
}

/* 5 */
.corefive{
  left:-64px;
  top:64px;
  background:#FF7976;
}
.corefiveani{
  top:-200px;
  left:-230px;
  opacity: 0;
}


.dindofont{
  font-size:32px;
  font-weight: 1000;
  text-align: center;
  line-height: 410px;
  color:#4892ec;
}

.corefont{
  display: inline-block;
  text-align: center;
  color:#fff;
  font-size:20px;
}

#tonewstop:hover{
  animation: jumpbottom .9s linear;
  animation-iteration-count:1;
  cursor: pointer;
}

@keyframes jumptop{
  0%{top:0px;}
  35%{top:-50px;}
  70%{top:0px;}
  85%{top:-25px;}
  100%{top:0px;}
}

@keyframes jumpbottom{
  0%{bottom:3%}
  35%{bottom:6%}
  70%{bottom:3%}
  85%{bottom:4%}
  100%{bottom:3%}
}




/* 新闻页面 */


.top_banner{
  text-align: center;
}
.news_tem{
  padding-bottom:1%;
  border-bottom:1px dotted #c6c6c6;
}
.shortnews{
  padding-top:10px;
  margin-left:-10px;
}
.news_title{
  font-size:22px;
  text-align: center;
  padding-top: 1%;
}
.news_title>a{
  color:#4892ec;
}
.news_title a:hover{
  color:#268cf4;
  text-decoration:underline;
}

.news_data{
  color:#555;
  font-size: 18px;
  float: right;
  display: block;
  text-align: center;
  padding: 1%;
}
.news_info{
  font-size: 18px;
  color: #555;
  padding-top: 1%;
  display: inline-block;
}
.news_info>p{
  margin-bottom: 0;
}
.news_info_more{
  display: inline-block;
  float: right;
  right: 1%;
  position: relative;
  font-size: 15px;
  color: #2e96f6;
  }

.news_img{
  display: inline-block;
  width: 80%;
  margin-top:10px;
  margin-left: 5px;
  overflow: hidden;
  padding: 5px;
  border:1px solid #c5c5c5;
}
.news_img>img{
  width:100%;
}
.news_info_more a:hover{
  color: #2e86f4;
  decoration:underline;
}
.imgfontnews{
  padding-top:2%;
}
#newstop{
  position: relative;
  top:-90px;
}
#tonewstop{
  position: fixed;
  right:1%;
  bottom: 3%;
  display: inline-block;
  width: 80px;
  height:80px;
  background:#337ab7;
  border-radius: 50%;
  text-align: center;
  line-height: 89px;
  color:#fff;
  font-size:22px;
  z-index: 99;
  display: none;
}
a:active{
  text-decoration: none;
}
/* 分页跳转 */
#btnpage{
  display: inline-block;
}
.pagebtn{
  padding:11px 14px;
  color:#fff;
  background: #268cf4;
  border-radius: 6px;
}
.Pagination{
  margin-top:3%;
  margin-bottom: 3%; 
  font-size:14px;
  color:#c5c5c5;
}
.btn_box{
  display: inline-block;
  position: relative;
  right: 8%;
  float: right;
}
.updownbtn{
  padding:11px 14px;
  color:#268cf4;
  background: #e6e6e6;
  border-radius: 6px;
  margin-left:2%;
  margin-right:2%;
}
.updownbtn:hover{
  cursor: pointer;
  color:#288cf9;
  background:  #e8e8e8;
 
}




/*商务合作*/

.fl {
	float: left;
}

.center_color {
	text-align: center;
	color: #195a9a;
}


/*轮播图*/

* {
	margin: 0;
  padding: 0;
  font-family: "微软雅黑";
}

#primary>.b_c>ul li img {
	width: 1390px;
}

.b_c {
	margin-top: -10px;
	margin-left: -40px;
	width: 1390px;
	overflow: hidden;
}

.b_c>ul {
	width: 5600px;
	position: relative;
}

.b_c>ul li {
	float: left;
	width: 1390px;
}
.formstyle{
  width:900px;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 100px;
  box-shadow: 0 0 15px rgba(182, 196, 196, 0.8);
}

/* 平安社区 */
.pasqmain{
  padding-top:40px;
}
.font_bborder{
  margin:0 25px;
  font-size: 16px;
  padding:20px 23px;
  box-shadow: 0 0 15px rgba(186, 204, 207, 0.7);
  text-align: justify;
}
.blacktit{
  font-size:36px;
  font-weight: 560;
  color: #000;
  
}



/* 新闻页分页框 */
.pagination{
  padding:25px 0px;
  position: relative;
  right:-49%;
}
.news_tabs{
  width: 500px;
  margin: 0 auto;
  padding-top: 20px;
}
.news_listtab{
  display: inline-block;
}
/* .newstab{
  float: left;
  margin-right:25px;
  text-align: center;
  width:150px;
  height:50px;
} */
.newtab{
  display: inline-block;
  padding: 0px 32px;
  line-height: 43px;
  margin-right:25px;
  border: 1px solid #4892ec;;
  border-radius:50px;
  color:#4892ec;
  font-size: 20px;
  text-decoration: none;
}
.newtab:nth-last-child(1){
  margin-right:0px;
}
.newtab:hover{
  text-decoration: none;
  background: #4892ec;
  color:#fff;
}
.newtab:active{
  text-decoration: none;
}
newtab:visited{
  text-decoration: none;
}


/* 新闻单页 */
.container{
    width: 1000px;
    padding:40px 20px;
}
.pageborbox{
  width:1100px;
  margin: 20px auto;
  margin-bottom:80px;
  box-shadow: 0 0 15px rgba(186, 204, 207, 0.7);
}
#postNextPrev{
  padding-top: 30px;
  margin-bottom: -30px;
}
.contation img{
  position: absolute;
  top: 41%;
  left: 41%;
  transform: translate(-41%, -41%);
}
.news_single_content{
  padding:3% 0;
  font-size:16px;
}
.pagingation{
  font-size:16px;
}
.essayhref a:hover{
  color:#337ab7;
  text-decoration: underline;
}
.downessay{
  float: right;
}




/*轮播图*/

* {
	margin: 0;
	padding: 0;
}

#primary>.b_c>ul li img {
	width: 1390px;
}

.b_c {
	margin-top: -10px;
	margin-left: -40px;
	width: 1390px;
	overflow: hidden;
}

.b_c>ul {
	width: 5600px;
	position: relative;
}

.b_c>ul li {
	float: left;
	width: 1390px;
}


/*社区是集合人、车、房三大属性的万亿金矿*/

#primary>.sqjk {
	color: #195a9a;
  margin-bottom: 50px;
}

#primary>.sqjk>h2 {
	display: inline-block;
	color: #195a9a;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
  margin-bottom: 22px;
  padding-top:50px;
}

#primary>.sqjk>div>h4 {
	color: #195a9a;
	font-size: 18px;
	width: 1000px;
	text-align: left;
	text-indent: 2em;
	margin: 0 auto;
  line-height: 1.5;
  padding: 24px;
  box-shadow: 0 0 15px rgba(200,200,200);
  color: #555;
  margin-bottom: 20px;
}


/*新形势下，传统社区升级智慧社区是必然趋势*/

#primary>.xxqs {
	height: 695px;
	background: #eff6fc;
	margin-top: 63px;
}
/*拥抱点都智慧社区，挑战万亿市场机会*/


/*灵活的商务合作体系*/

.lhtx {
  height: 660px;
  background:#fbfbff;
}

.lhtx>h2 {
	padding-top: 50px;
	display: inline-block;
	color: #195a9a;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 22px;
}

.lhtx>div>h4 {
	color: #195a9a;
	font-size: 18px;
	width: 1000px;
	text-align: center;
	text-indent: 2em;
	margin: 0 auto;
	padding-bottom: 36px;
	line-height: 1.5;
}


/*科学计划*/

  .kxcarouse{
    background: url(css/images/2018Web/swbg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 580px;
    padding-top: 20px;
    padding-bottom: 50px;
  }
	.carousebox{width: 946px;position: relative; margin:0 auto; padding: 30px 0px;}
	.box_img{width: 946px;height: 150px;overflow: hidden; position: relative; top:150px;}
	.box_img ul li{position: absolute;display: none; }
	.box_img ul li a{display: block;text-decoration: none; width: 946px;height: 150px;text-align: center;color: #fff;transition: all .5s linear;}
	
	.box_tab{position: absolute;top: -30px;text-align: center;width: 950px; margin: 0 auto;}
  .box_tab a{display: inline-block;width:100px; height:100px; font-size: 10px;margin: 0 auto; margin-right:20px;color: #333;}
  .box_tab a img{
    /* width:80%; */
    
  }
  .box_img a h3{
    font-size: 28px;
    margin-bottom: 10px;
  }
  .box_img a p{
    font-size: 18px;
  }
  .box_tab a{opacity: 0.6;}
	.box_tab a.active{transform: scale(1.17); opacity: 1;}


/*考察申请*/

#primary>.kcsq {
  width: 100%;
  padding-bottom: 60px;
  padding-top: 30px;
}





#primary>.kcsq>ul li {
	clear: both;
	width: 247px;
	text-align: center;
	margin: 0 auto;
	margin-top: 10px;
}



/*团队风采 */
.team h2 {
	padding-top: 36px;
	display: inline-block;
	color: #195a9a;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 36px;
}
.team>div>h4 {}

/*人才理念*/
.rcln>h2 {
	padding-top: 16px;
	display: inline-block;
	color: #195a9a;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 22px;
}
.rcln>div>h4 {
	color: #333;
	font-size: 18px;
	width: 1000px;
	text-align: left;
	text-indent: 2em;
	margin: 0 auto;
	padding-bottom: 36px;
	line-height: 1.5;
}
.rcln>ul li {
	color: #195a9a;
	width: 1000px;
	text-align: left;
	margin: 0 auto;
	padding-bottom: 16px;
	line-height: 1.5;
}
.rcln>ul li h3 {
	font-size: 18px;
}
.rcln>ul li p {
	font-size: 14px;
	color: #333;
}

/*福利待遇*/
.fldy>h2 {
	padding-top: 16px;
	display: inline-block;
	color: #195a9a;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 36px;
}
.BB {}
.BC {
	width: 260px;
	font-size: 16px;
	color: #195a9a;
	display: inline-block;
	vertical-align: top;
	line-height: 1.5;
	text-align: left;
	margin: 0px 60px;
}
.BD {
	text-align: left;
	color: #195a9a;
	font-size: 18px;
	font-weight: 500;
	padding: 5px 0 16px;
	line-height: 1;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.BE,
.BF,
.BG {
	width: 72px;
	height: 72px;
	display: inline-block;
	background-image: url(css/images/gzjg1.png);
	background-size: cover;
	float: left;
	margin-top: 17px
}
.BF {
	background-image: url(css/images/gzjg2.png);
}
.BG {
	background-image: url(css/images/gzjg3.png);
}
.BH {
	margin-left: 88px;
	width: 133px;
}
.BH p {
	color: #666;
	font-size: 14px;
}
.BI {
	display: inline-block;
	width: 100%;
	height: 0;
	overflow: hidden
}

/*招聘职位*/
.zpzw>h2 {
	padding-top: 16px;
	display: inline-block;
	color: #195a9a;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 22px;
}
.zpzw>.jobs {
	text-align: left;
}
.lxwm {
	width: 82%;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 40px;
}
.lxwm>h2 {
	padding-top: 16px;
	display: inline-block;
	color: #195a9a;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 22px;
}
.lxwm>div p {
	color: #666666;
	font-size: 14px;
}

/**/ 

/*核心价值*/
.hxjz>h2 {
	padding-top: 32px;
	display: inline-block;
	color: #195a9a;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 36px;
}

/* 智慧园区 */
 li.yqzsitem{
  float: left;
  width: 200px;
  padding-bottom: 20px;
  border-top: 5px solid #4892ec;
  box-shadow: 0 0 5px rgba(186, 204, 207, 0.7);
  background: rgba(255,255,255,.89);
  
  position: absolute;
}
 .yqzsitem:hover{
  transform: scale(1.02);
  box-shadow: 0 0 15px rgba(186, 204, 207, 0.7); 
}

li.yqzsitem .yqintro{
  text-align: center;
}
ul.yqintro{
  font-size:16px;
}
ul.yqintro li{
  padding: 1px 0;
}
ul.yqintro>li:nth-child(1){
  font-size: 20px;
  padding-top: 25px;
  color:#555;
  font-weight: bold;
}
div.yqzsbox{
  padding-top: 30px;
  position: relative;
  width:1200px;
  height: 400px;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  /* background: rgba(0,0,0,.2); */
}
div.yqzsbox img{
  display: inline-block;
  position: absolute;
  top: -78%;
}
div.yqzsbox img:hover{
  transform: scale(1.02);
  opacity: 0.9;
}
.zhyq_yqzss{
  background: fbfbfb;
  /* background: url(css/images/2018Web/yqbg1.jpg) no-repeat;
  background-size: cover;
  background-position-y: -400%; */
}


/* 短文hov显示 */

.yqfwintro{
  top: 33%;
  left: 6%;
  opacity: 0;
 transition: all .5s linear;
}
.yqgkintro{
  top: 27%;
  left: 51%; 
  opacity: 0;
  transition: all .5s linear;
}
.yqzsintro{
  top: 41%;
  left: 78%;
  opacity: 0;
  transition: all .5s linear;
}
.yycjimgtwo{
  left:20%;
}
.yycjimgthree{
  left:40%;
}
.yycjimgfour{
  right: 20%;
}
.yycjimgfive{
  right:0%;
}
  /* 核心价值 */
  .hxjzbox{
    width:1100px;
    height:500px;
    padding:30px 0;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
  }
  .hxjzone{
    position: absolute;
    top: 50px;
    left: 115px;
  }
  .hxjzone>p{
    padding-top:20px;
    width:230px;
    font-size: 16px;
  }
  .hxjztwo{
    position: absolute;
    top: 78px;
    left: 805px;
  }
  .hxjztwo>p{
    padding-top:20px;
    width:230px;
    font-size: 16px;
  }
  .hxjzthree{
    position: absolute;
    top: 290px;
    left: 115px;
  }
  .hxjzthree>p{
    padding-top:20px;
    width:230px;
    font-size: 16px;
  }
  .hxjzfour{
    position: absolute;
    top: 331px;
    left: 805px;
  }
  .hxjzfour>p{
    padding-top:20px;
    width:230px;
    font-size: 16px;
  }
  .hxjzfive{
    position: absolute;
    top: 528px;
    left: 115px;
  }
  .hxjzfive>p{
    padding-top:20px;
    width:230px;
    font-size: 16px;
  }
  .hxjzsix{
    position: absolute;
    top: 595px;
    left: 805px;
  }
  .hxjzsix>p{
    padding-top:20px;
    width:230px;
    font-size: 16px;
  }
  .loverspan{
    font-size: 20px;
    font-weight: bold;
    vertical-align: middle;
  }




/*招贤纳士*/

.talentintrobox{
  width: 1070px;
  margin: 0 auto;
  padding:30px 0;
  
}
.rclnbox{
  width:203px;
  height:268px;
  display: inline-block;
  vertical-align: top;
  text-align: justify;
  box-shadow: 0 0 15px rgba(160, 174, 177, 0.7);
  position: relative;
}
.rclnbox:hover{
  animation: tiao .8s;
  box-shadow: 0 0 5px 2px #4892ec
}
.rclnbox:nth-last-child(2){
  /* margin-left: 18%;
  margin-top: 4%; */
}
.rclnbox:nth-last-child(1){
  /* margin-left: 7%;
  margin-top: 4%; */
}
.rclnbox>.town_intro{
  padding-top:15px;
}
.rclnintro{
  padding: 15px;
  text-align: justify;
}
.jgintro div{
  float: left;
}
.titlescenter{
  text-align: center;
}
.font_bborder span{
  width:90px;
  /* text-align: center; */
  display: inline-block;
  border-left:6px solid #4892ec;
  margin-right: 20px;
}
.font_bborder span:nth-last-child(1){
  margin-right: 0px;
}
.jgbox{
  float: left;
}
.jgbox div{
  float: left;
}
.jgbox{
  width:310px;
}
.jgbox:nth-last-child(1){
  margin-left: 70px;
}
.jgbox:nth-last-child(2){
  margin-left: 70px;
}
.jgbox:nth-last-child(3){
  margin-left: 40px;
}
.jobjgimg{
  width:40%;
}
.jobjgimg>img{
  width: 60%;
}
.jgintro{
  width: 60%;
  margin-left: -36px;
}

.szjgbox{
  padding:60px 0;
  width:1120px;
  margin: 0 auto;
}
.jgtitle{
  display: inline-block;
  font-size: 20px;
  color:#555;
  margin-bottom: 11px;
}
.jgfont{
  font-size: 16px;
  color:#717678;
}

/* 招聘 */
.zpbox{
  width:1100px;
  height:800px;
  margin: 0 auto;
}
.zpclass,.zpgwbox{
  float: left;
}
.zpclass{
  width:200px;
  height:730px;
  margin-top:50px;
  box-shadow: 5px -3px 7px 0px rgba(230,230,210,.7);
  /* background:rgb(240, 243, 243) */
}
.zpclass ul li{
  padding:15px 0;
  text-indent: 30px;
  font-size: 16px;
  transition: all 0.3s linear;
}
.zpclass ul li:hover{
  /* background: #F5F5F5; */
  cursor:pointer;
  transform: scale(1.08);
}


/* 具体岗位 */
.zpgwbox{
  width:860px;
  height:730px;
  overflow: hidden;
  position: relative;
  margin-top: 50px;
  margin-left: 30px; 
}
.requirebox dt{
  margin-top: 15px;
}


.wrap li>span{
  display: block;
  background-color: #F2F2F2;
  position: relative;
}

.wrap{
  width: 850px;
  height: 700px;
  position: absolute;
}
.requirebox{
  color:#6d6a6a;
}
.requirebox dl{
  text-indent: 13px;
}
.jistx{
  
}
.yunytx,.yingxtx,.keftx,.xiangmtx,.zhictx{
  display: none;
}

.wrap li{
  width: 850px;
  height: 50px;
  overflow: hidden;
  margin-bottom: 5px;
  /* padding: 8px; */

}
ul li.checked{
  height: 440px;
}
.wrap li>span{
  height: 50px;
  line-height: 52px;
  text-indent: 20px;
  

}

.wrap li .requirebox{
  height: 300px;
  line-height: 300px;
  padding: 8px;
}
/* 旋转箭头 */
.roratelb{
  width: 15px;
  height:15px;
  display: inline-block;
  margin-right: 30px;
  border-top: 1px solid #6a6a6a;
  border-right: 1px solid #6a6a6a;
  transform: rotate(45deg);
  position: absolute;
  right: 15px;
  top: 18px;
  transition: all .3s linear;
}
.trandeg{
  transform: rotate(135deg);
  background:#000;
}
.firstjob .roratelb{
  top: 13px;
}


/* pws系统 */
.xtzsbox{
  width: 100%;
}

.centerclear{
  width: 1100px;
  margin: 0 auto;
}
.centerclear div{
  float: left;
  line-height: 21px
}
.xtjsfont{
  width:550px;
  height: 540px;
}
.xtjsimg{
  width:550px;
  height: 540px;
  display: flex;
  justify-content: center;
  align-items: center;  
}

.entry{
  margin-top: 15px;
}
.entry:first-child{
  margin-top:40px;
}
.entry>p{
  margin-left:20px;
  margin-bottom: 0px;
  
}
.entry>p>i{
  font-style: normal;
  color: red;
}
.entry>p:nth-child(1){
  font-family:"Microsoft YaHei";
  border-left: 5px solid #4892ec;
  color:#4892ec;
  font-size:20px;
  text-indent: 8px;
}
.sxtfont>.entry>p:nth-child(1){
  line-height: 21px;
}
.entry>p:nth-child(2){
  color:#5c5c5c;
  font-size: 15px;
  line-height: 30px;
}
.sxtfont>.entry>p:nth-child(2){
  color:#5c5c5c;
  font-size: 15px;
  line-height: 40px;
}
.sxtfont>.entry:first-child{
  margin-top: 65px;
}
/* 第三部分 */
.zzt{
  width: 850px;
  margin-left: 2%;
  display: block;
  float: left;
}
.zzt li.zftzzt{
  height:50px;
  width:0%;
  margin-bottom:20px;
  background:#185598;
  position: relative;
  overflow: hidden;
}
li.zftzzt>span{
  position: absolute;
  font-size: 16px;
  line-height: 50px;
  display: inline-block;
}
li.zftzzt>span:nth-child(1){
  right: 20px;
  color: #fff;
}
.zzttitle{
  width:200px;
  float: left;
}
.zzttitle>li{
  height:50px;
  margin-bottom:20px;
  line-height: 50px;
  font-size: 18px;
  font-weight: bold;
  color: #185598;
}
.zzttitle>li>span{
  display: block;
  position: relative;
  left: 50px;
}


.Line{
  background: #fff none repeat scroll 0 0;
  border-radius: 100%;
  color: #1398fd;
  display: block;
  font-size: 30px;
  height: 130px;
  line-height: 100px;
  margin: 0 auto 17px;
  text-align: center;
  width: 130px;
  padding-top: 15px;
}
.numtext{
  color:#fff;
}
/* 七大系统 */
.xtbigbox{
  width:1100px;
  height: 450px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 15px rgba(180, 176, 176, 0.7);

}
.sxtcenter{
  width:1100px;
  height: 500px;
  position: absolute;
  display: none;
}
.pwsxttab>.sxtimg>img{
  display: block;
  margin-top: 77px;
  margin-left: -10px;
  width: 80%;
}
.pwsxttab:nth-child(even)>.sxtimg>img{
  margin-left:0px;
}
.sxtfont{
  width: 400px;
  float: left;
}
.sxtfont>.entry{
  margin-left: 50px;
  width:350px;
}
.sxtcenter:nth-child(even)>.sxtfont>.entry{
  margin-left: -40px;
}
.sxtimg{
  width:700px;
  float: left;
  height:400px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* border: 1px solid #4892ec; */
}
.cosxttab>.sxtimg>img.town_intro_png{
  width: 90%;
  display: block;
  margin-top:60px;
}
.cosxttab:nth-child(odd)>.sxtimg>img{
  margin-left:62px;
}
.cosxttab:nth-child(even)>.sxtimg>img{
  margin-left:-57px;
}
.sevenlist>li{
  float: left;
  width:157px;
  height:80px;
  text-align: center;
  line-height: 80px;
  font-size: 18px;
  font-weight: bold
}
.jcctro,.cwctro,.khctro,.xtctro,.ssctro,.abctro,.xcctro{
  color:#4892ec;
}

.sevenlist>li:hover{
  cursor: pointer;
}
.colorfontbg{
  background:#4892ec;
  color:#fff;
}
.sevenlist>li:not(:first-child){
  border-top:1px solid #DBDBDB;
  border-right:1px solid #DBDBDB;
  border-bottom:1px solid #DBDBDB;
}
.sevenlist>li:first-child{
  border: 1px solid #DBDBDB;
}

.imgcenterfour{
  width:1100px;
  margin: 0 auto;
}
.imgcenterfour>li{
  float: left;
  width:275px;
  height:300px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pwscfintro{
  font-size: 20px;
  color:#4892ec;
  padding-top: 15px;
  padding-bottom: 7px;
}
.pwscf{
  color: #727070;
  line-height: 30px;
  font-size: 16px;
}
/* BDP系统 */
.fxtcenter{
  width:1100px;
  height: 450px;
}
.fxtcenter:nth-child(odd) .baidu-pingtai{
  margin-left: 60px;
}
.fxtfont{
  width: 400px;
  float: left;
}
.fxtfont>.baidu-pingtai{
  width:300px;
  font-size: 18px;
  text-align: justify;
  color:#5f5c5cda;
  padding:10px;
  margin-top:50px;
  line-height:30px;
  /* box-shadow: 0 0 15px rgba(182, 196, 196, 0.8); */
  margin-left: 35px;
}
.baidu-pingtai>p:first-child{
  color: #e13b1e;
}
.fxtimg{
  width:700px;
  float: left;
  height:400px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* border: 1px solid #4892ec; */
}
.fxtimg>img{
  width: 80%;
}

.fourlist>li{
  float: left;
  width:275px;
  height:80px;
  text-align: center;
  line-height: 80px;
  font-size: 18px;
  font-weight: bold
}
.fourlist>li:first-child{
  border-radius: 25px 0 0 0;
}
.fourlist>li:last-child{
  border-radius: 0 25px 0 0;
}
.fourlist>li:hover{
  cursor: pointer;
}
.fourlist>li:not(:first-child){
  border-top:1px solid #DBDBDB;
  border-right:1px solid #DBDBDB;
  border-bottom:1px solid #DBDBDB;
}
.fourlist>li:first-child{
  border: 1px solid #DBDBDB;
}

@keyframes mo {
  from {
      transform: rotate(0deg);
  }
  to {
      transform: rotate(360deg);
  }
}
.pstnr{
  position: relative;
}
.bdprc{
  position: absolute;
  width: 10%;
}
.imgati1{
  display: block;
  width: 35%;
  margin: 0 auto;
  animation: mo 10s linear infinite;
}
.imgatiitem1{
  top: -50px;
  left: 490px;
}
.imgatiitem2{
  top: 80px;
  left: 680px;
}
.imgatiitem3{
  top: 290px;
  left: 615px;
}
.imgatiitem4{
  top: 290px;
  left: 375px;
}
.imgatiitem5{  
  top: 80px;
  left: 310px;
}

.fixedcenter{
  width:1100px;
  height:550px;
  margin: 0 auto;
  
}
.dsjimg{
  display: block;
  position: absolute;
  width:60%;
  margin-left: 220px;
}
.stargif{
  top: 25px;
  width: 56%;
  margin-left: 242px;
}


/* 云服务 */
.pills{
  text-align: center;
}
.pills li{
  display: inline-block;
}
.pills li a.pill{
  display: inline-block;
  width: 132px;
  margin: 0px 25px;
  padding: 40px 0px 80px 0px;
  position: relative;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
}
.pills li a.pill.active{
opacity: .8;
-webkit-transiton: opacity .3s linear;
-moz-transiton: opacity .3s linear;
-o-transition: opacity .3s linear;
transition: opacity .3s linear;
}
.pills .arrow_big{
  display: none;
  width: 54px;
  height: 33px;
  position: absolute;
  left: 40px;
  bottom: -10px;
}
.pill.active .arrow_big{
  display: block;
}
.pills .pill_cloud .arrow_big{
  background: url(css/images/icon/pill_cloud_a.jpg) 0px 0px no-repeat;
}
.pills .pill_doller .arrow_big{
  background: url(css/images/icon/pill_doller_a.jpg) 0px 0px no-repeat;
}
.pills .pill_vip .arrow_big{
  background: url(css/images/icon/pill_vip_a.jpg) 0px 0px no-repeat;
}
.pills .pill_prof .arrow_big{
  background: url(css/images/icon/pill_prof_a.jpg) 0px 0px no-repeat;
}
.pills .pill_mobile .arrow_big{
  background: url(css/images/icon/pill_mobile_a.jpg) 0px 0px no-repeat;
}
.pills li a.pill.pill_cloud{
  background: url(css/images/icon/pill_cloud.jpg) 0px 0px no-repeat;
}
.pills li a.pill.pill_doller{
  background: url(css/images/icon/pill_doller.jpg) 0px 0px no-repeat;
}
.pills li a.pill.pill_vip{
  background: url(css/images/icon/pill_vip.jpg) 0px 0px no-repeat;
}
.pills li a.pill.pill_prof{
  background: url(css/images/icon/pill_prof.jpg) 0px 0px no-repeat;
}
.pills li a.pill.pill_mobile{
  background: url(css/images/icon/pill_mobile.jpg) 0px 0px no-repeat;
}
.panels{

  height: 260px;
}
.panel{
  display: none;
}
.panel.active{
  display: block;
  height: 100%;
  color: #fff;
  opacity: .8;
-webkit-transiton: opacity .3s linear;
-moz-transiton: opacity .3s linear;
-o-transiton: opacity .3s linear;
transition: opacity .3s linear;
}
.active.panel_cloud{
  background: #00a0ea;
}
.active.panel_doller{
  background: #22ad38;
}
.active.panel_vip{
  background: #ae5da0;
}
.active.panel_prof{
  background: #019e97;
}
.active.panel_mobile{
  background: #f39801;
}
.panel_txt{
  width: 960px;
  margin: 0 auto;
  padding: 0px 20px;
  padding-top: 60px;
}
.panel_txt div{
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: bold;
    color:white;
}
.panel_txt p{
  line-height: 28px;
  font-size: 16px;
    color:white;
}
.VIPbox{
  width:1100px;
  margin: 0 auto;
  /* border: 1px solid ; */
}
.vipxmboxi{
  width:203px;
  height:330px;
  display: inline-block;
  vertical-align: top;
  text-align: justify;
  border: 1px solid #c6c6c6;
  position: relative;
}
.vipxmboxi:not(:first-child){
  margin-left: 16px;
}
.vipxmboxi:hover{
  animation: tiao 1s;
  box-shadow: 0 0 5px 2px #4892ec;
  border: none;
}
.vipxmboxi>div:nth-child(1){
  text-align: center;
  padding: 20px 0px;
}
.vipxmboxi>div>img{
  width: 100px;
}
.vipxmboxi>p{
  text-align: center;
}
.vipxmboxi>p:nth-child(2){
    font-size: 18px;
    color: #262525;
    margin-top: 10px;
}

.vipxmboxi>p:nth-child(3){
  font-size: 14px;
  text-align: justify;
  color: #626262; 
  padding: 3px 15px;
}
/* small 按钮体验 */
.jryfw{
  position:absolute;left:60px;bottom: 25px;
  text-align: center;
  font-size: 14px;
  color:#000;
}
.jryfw:hover{
  transform: scale(1.12);
  transition: all 0.4s linear
}
.yfwbtn_box{
  width:85px;
  height:25px;
}
.yfwgethref{
  margin: 0 auto;
  line-height: 25px;
  display: block;
  border:1px solid #5c5c5c;
  border-radius: 20px;
  background: none;
  color:#333;
  text-decoration: none !important;
  overflow: hidden;
  z-index:9;
  position: relative;
}
.yfwget_btn{
  width:85px;
  height:25px;
  line-height: 25px;
  color:#000;
  display: block;
  background:#4892ec;
  position: absolute;
  top: 0;
  left: -85px;
  z-index: -2;
  transition: all 0.4s linear;
}

/* EGS系统 */
div{
  /* border:1px solid; */
}
.egsmkfont{
  padding-top: 8%;
  padding-left: 4%;
  padding-right:2%;
  padding-bottom: 12%;
  font-size: 18px;
  /* color:rgb(110, 103, 103); */
  color:rgb(8, 163, 206);
  /* box-shadow: 0 0 15px rgba(206, 206, 247, 0.7) */
}
.egsmkfont>p{
  font-size: 22px;
}
.spacingbottom>div{
  margin-bottom: 50px;
}
.bbfs>h1{
  padding-top:50px;margin-bottom:22px;font-size:36px;text-align:center;font-weight:bold;color:#195a9a;
}
.bbfs>h5{
  margin-bottom:50px;font-size:1.5em;text-align:center;color:#195a9a;
}
@media screen and (max-width: 450px){
  .egsmkfont{
    font-size:14px;
  }
  .egsmkfont>p{
    font-size:16px;
  }
  .bbfs>h1{
    font-size: 20px;
    margin-bottom: 10px;
  }
  .bbfs>h5{
    font-size:14px;
  }
}


/* IOT系统 */
.sxtcenter:nth-child(odd) .baidu-pingtai{
  margin-left: 65px;
}
.iotcjbox,.iotcjboxt{
  width:1100px;
  height:360px;
  margin:0 auto;
  transition: all 0.6s linear;
}
.iotcjbox>img:hover{
  transform: scale(1.1);
  opacity: 0.9;
}
.iotcjboxt>img:hover{
  transform: scale(1.1);
  opacity: 0.9;
}
.iotcjbox>img:not(:first-child){
  margin-left:20px;
}
.iotcjboxt>img:not(:first-child){
  margin-left:20px;
}
.iotxttab>.sxtimg>img{
  width:80%;
  margin-top:110px;
  margin-left:10px
}
.iotxttab>.fxtfont>.baidu-pingtai{
  margin-top:54px;
}
.iotxttab:nth-child(odd)>.sxtimg>img{
  margin-left:75px;
}
/* COS系统 */
.eightlg{
  width:1100px;
  height:600px;
  margin: 0 auto;
}
.lgihtitem{
  width:275px;
  height:300px;
  text-align: center;
  float: left;
  box-sizing: border-box;
}
.lgihtitem:nth-child(1){
  border: 1px solid #c3c3c3;
}
.lgihtitem:nth-child(2),.lgihtitem:nth-child(3),.lgihtitem:nth-child(4){
  border-top:1px solid #c3c3c3;
  border-right:1px solid #c3c3c3;
  border-bottom:1px solid #c3c3c3;;
}
.lgihtitem:nth-child(5){
  border-right: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
  border-left: 1px solid #c3c3c3;
}
.lgihtitem:nth-child(6),.lgihtitem:nth-child(7),.lgihtitem:nth-child(8){
  border-right:1px solid #c3c3c3;
  border-bottom:1px solid #c3c3c3;;
}
.lgiimgblock{
  display: block;
  margin: 0 auto;
  padding: 30px 0px 15px; 
}
.litemfont>p:first-child{
  font-size: 20px;
  padding-top: 10px;
}

.lgihtitem:hover{
  border: none;
  animation: tiao 1s;
  box-shadow: 0 0 5px 2px #4892ec;
}


/* 智能门禁 */
.fgncenter{
  width:1100px;
  height: 780px;
}
.fgncenter:nth-child(odd) .baidu-pingtai{
  margin-left: 60px;
}
.fgnfont{
  width: 400px;
  float: left;
}
.fgnfont>.baidu-pingtai{
  width:300px;
  color:#e13b1e;
  font-size: 18px;
  text-align:left;
  padding:10px;
  margin-top:20px;
  line-height:30px;
  /* box-shadow: 0 0 15px rgba(182, 196, 196, 0.8); */
  margin-left: 35px;
}
.cirul li{
  list-style: disc;
  margin-left:20px;
}
.cirul{
  color:#5f5c5cda;

}
.cizi{
  font-size:15px;
   line-height:22px;}
.sourceimage1{
  width:700px;
  float: left;
  height:400px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* border: 1px solid #4892ec; */
}
.sourceimage1>img{
  width: 90%;
}
.sourceimage2{
  float: left;
  height:200px;

  /* border: 1px solid #4892ec; */
}


/* 智能充电 */
.cdxttab>.fxtimg>img{
  width:30%;
}
.cdxttab:nth-child(odd)>.fxtimg>img{
  margin-left: 155px;
}
.cdxttab:nth-child(odd)>.fxtfont>.baidu-pingtai{
  margin-left: 170px;
}
.cdxttab:nth-child(even)>.fxtimg>img{
  margin-left: 170px;
}
.cdxttab:nth-child(even)>.fxtfont>.baidu-pingtai{
  margin-left: 170px;
}
.cdyjphone{
  padding:20px 0 40px 0;
}
.cdyjphone>div{
  float: left;
  width: 340px;
  height:450px;
  /* border: 1px solid; */
  text-align: center;
}
.cdyjphone>.cdphoneimg img{
  /* display: block; */
  margin: 0 auto;
}
.phonefixed{
  width:70%;
  position: absolute;
  left:52px;
}
.cdphoneimg{
  position: relative;
}
.cdyjphone>div:not(:first-child){
  margin-left:40px;
}
.ioslist>img{
  position: absolute;
}
.iosimg{
  width: 55%;
  top: 59px;
  left: 79px;
  display: none;
}
/*  */
.cdlf>div{
  width: 280px;
  font-size: 16px;
  text-align: right;
  color: #5f5c5cda;
  margin-left: 56px;
  padding: 23px 0;
}
.cdlf>div:hover{
  
}
.cdlf>div>.cdfpf{
  font-size:16px;
  font-weight: bold;
}

.cdrf>div{
  width: 280px;
  font-size: 16px;
  text-align: left;
  color: #5f5c5cda;
  margin-left: 0px;
  padding: 23px 0;
}
.cdrf>div:hover{
  
}
.cdrf>div>.cdfpf{
  font-size:16px;
  font-weight: bold;
}



/* 智能对讲 */
.djhxlist>.djhx{
  float: left;
  width: 366px ;
  height: 140px
}
.djhx>div{
  float: left;
}
.djhx>div:nth-child(1){
  width:107px;
  padding-top:10px;
}
.djhx>div:nth-child(2){
  width:250px;
}
.djhxfont>p:first-child{
  font-size: 18px;
  font-weight: bold;
  color: #5c5c5c;
}
.djhxfont>p{
  font-size: 16px;
  /* color: 5c5c5c; */
}
.djhxfont{
  padding:20px 30px 0px 20px;
  text-align: justify;
}

.djhxjzlist>.djhxjz{
  float: left;
}
.djhxjz{
  width:212px;
}
.djhxjz:not(:first-child){
  margin-left:10px;
}
.djhxjz>img{
  display: block;
  margin: 0 auto;
}
.djhxjzfont{
  text-align: center;
  padding:20px 8px 0px;
  height: 85px;
  background: #4892ec;
  color:#fff;
}

/* 智能梯控 */
.tkhxlist{
  padding-top:30px;
}
.tkhxlist>div{
  float: left;
  width: 366px ;
  height: 200px
}
.tkhx>div>img{
  display: block;
  margin:0 auto;
  padding-bottom: 15px;
}
.tkhxfont>p{
  font-size: 16px;
  text-align: center;
  padding:0 72px;
  /* color:#5c5c5c; */
}
.tkhxfont>p:first-child{
  font-size: 18px;
  font-weight: bold;
  color:#5c5c5c;
}
.tkhx:nth-child(4),.tkhx:nth-child(5),.tkhx:nth-child(6){
  padding-top:15px;
}

/* 智能监控 */
.jkhzbg{
  background: url(css/images/2018Web/jkbg.jpg) no-repeat;
}

/* 智能云设备 */
.ysblist{
  padding-top:30px;
}
.ysblist>.ysbitem{
  display: inline-block;
  margin-bottom: 30px;
  margin-right:20px;
  width:255px;
  height:350px;
  box-sizing: border-box;
  border: 1px solid #dcdcdc;
  text-align: center;
  cursor: pointer;
  transition: 0.2s;
  overflow: hidden;
}
.ysblist>.ysbitem:nth-child(4){
  margin-right: 0;
}
.ysblist>.ysbitem:nth-child(8){
  margin-right: 0;
}
.ysblist>.ysbitem:nth-child(12){
  margin-right: 0;
}
.ysbimg{
  width:120px;
  height: 120px;
  margin: 0 auto;
  margin-top: 40px;
  /* background: url(css/images/2018Web/ysb01.png) no-repeat center center; */
}
.ysbitem:hover .ysbimg{
  transition: 0.8s;
  transform: rotateY(360deg);
}
.ysbitem:hover{
  background: #4892ec;
  border: 1px solid #4892ec;
}
.ysbitem:hover .ysbintro,.ysbintro>h3{
  color: #fff;
}
.ysbitem:hover .ysbintro>h3{
  color: #fff;
}
.ysbintro{
  font-size:16px;
  line-height: 25px;
  color: #585656;
  padding:30px 20px 0px;
}
.ysbintro>h3{
  font-size: 18px;
  color: #195a9a;
  padding-bottom: 12px;
}
.ysft{
  width: 200px;
  height: 80px;
  margin: 0 auto;
  text-align: center;
  font-size: 16px;
  line-height: 29px;
  padding-top: 5px;
}
.ysbjz{
  width:215px;
  display: inline-block;
  font-size:16px;
  text-align: center;
}
.ysbjz>p{
  padding-top:15px;
}

/* 智能水电表 */
.cirul p{
}
#dbcj>img{
  display: inline-block;
  width:204px;
  transition: all .3s linear;
}
#dbcj{
  width:1100px;
  margin:0 auto;
  border: 1px solid #9b9696;
  border-radius: 5px;
  padding: 5px;
}
#dbcj>img:hover{
  opacity: 0.88;
  transform: scale(.98);
}
#dbcj>img:not(:nth-child(1)){
  margin-left: 12px;
}


/* 调用 */
.colorbg{
  background:#4892ec;
  color:#fff;
}
.bybgc{
  background: #4892ec;
  color: #fff;
}
.bluecolor{
  color:#185598;
}


.container {
max-width:1120px;
position:relative;
}

.text-center {
	text-align:center!important
}
.row {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-right:-15px;
	margin-left:-15px
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	position:relative;
	width:100%;
	min-height:1px;
	padding-right:15px;
	padding-left:15px
}
.col {
	-ms-flex-preferred-size:0;
	flex-basis:0;
	-ms-flex-positive:1;
	flex-grow:1;
	max-width:100%
}
.col-auto {
	-ms-flex:0 0 auto;
	flex:0 0 auto;
	width:auto;
	max-width:none
}
.col-1 {
	-ms-flex:0 0 8.333333%;
	flex:0 0 8.333333%;
	max-width:8.333333%
}
.col-2 {
	-ms-flex:0 0 16.666667%;
	flex:0 0 16.666667%;
	max-width:16.666667%
}
.col-3 {
	-ms-flex:0 0 25%;
	flex:0 0 25%;
	max-width:25%
}
.col-4 {
	-ms-flex:0 0 33.333333%;
	flex:0 0 33.333333%;
	max-width:33.333333%
}
.col-5 {
	-ms-flex:0 0 41.666667%;
	flex:0 0 41.666667%;
	max-width:41.666667%
}
.col-6 {
	-ms-flex:0 0 50%;
	flex:0 0 50%;
	max-width:50%
}
.col-7 {
	-ms-flex:0 0 58.333333%;
	flex:0 0 58.333333%;
	max-width:58.333333%
}
.col-8 {
	-ms-flex:0 0 66.666667%;
	flex:0 0 66.666667%;
	max-width:66.666667%
}
.col-9 {
	-ms-flex:0 0 75%;
	flex:0 0 75%;
	max-width:75%
}
.col-10 {
	-ms-flex:0 0 83.333333%;
	flex:0 0 83.333333%;
	max-width:83.333333%
}
.col-11 {
	-ms-flex:0 0 91.666667%;
	flex:0 0 91.666667%;
	max-width:91.666667%
}
.col-12 {
	-ms-flex:0 0 100%;
	flex:0 0 100%;
	max-width:100%
}


/* services area css */


.single-services {
    box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.14);
    padding: 46px 25px 35px;
    overflow: hidden;
    border-radius: 15px;
}

.style-shape {
    position: absolute;
}

.hero-style-shape .shape-1 {
    top: 10%;
    left: 0px;
}

.services-shape .style-shape.shape-1 {
    left: -60px;
    top: 0;
    z-index: 1;
    opacity: .5;
}

.services-shape .style-shape.shape-2 {
    left: 0;
    top: 0;
    z-index: -1;
}

.appnox-services-area .col-xl-4:nth-child(odd) .single-services {
    margin-top: 40px;
	height:400px;
}

.single-services-content h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
    margin: 40px 0 22px 0;
}

.single-services-content {
    /*margin-top: 26px;*/
	
}


img {
    max-width: 100%;
    height: auto;
    transition: all 0.3s ease-out 0s;
}
.position-relative {
	position:relative!important
}