/**/
.yinz{padding: 90px 0;background: url(../image2/yinz_bg.jpg) no-repeat center bottom;}
.yinz_tit{font-size: 42px;color: #333;text-align: center;height: 100px;line-height: 44px;background: url(../image2/yinz_line.gif) no-repeat center bottom;font-weight: normal;}
.yinz_tit a{color: #333;}
.yinz_tit span{display: block;font-size: 20px;color: #333;}
.yinz_tit:hover,.yinz_tit a:hover{color: #ce1616;}
.yinz_desc{font-size: 16px;color: #666;line-height: 26px;height: 52px;overflow: hidden;text-align: center;padding: 25px 0 0;}
.yinz ul{padding: 75px 0 0;}
.yinz ul li{width: 240px;float: left;text-align: center;position: relative;background: url(../image2/yinz_line.png) no-repeat;height: 220px;padding: 6px 0 0;}
.yinz ul li img{width: 123px;height: 123px;}
.yinz ul li em{display: block;width: 123px;height: 123px;line-height: 0;position: absolute;top: 6px;left: 50%;margin-left: -61px;}
.yinz ul li span{display: block;font-size: 16px;color: #333;line-height: 32px;padding: 25px 0 0;}
.yinz ul li b{display: block;font-size: 22px;}
.yinz ul li.yinz_li02 em{
-webkit-transform: rotate(60deg);
-moz-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-o-transform: rotate(60deg);
transform: rotate(60deg);
}
.yinz ul li.yinz_li03 em{
-webkit-transform: rotate(120deg);
-moz-transform: rotate(120deg);
-ms-transform: rotate(120deg);
-o-transform: rotate(120deg);
transform: rotate(120deg);
}
.yinz ul li.yinz_li04 em{
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.yinz ul li.yinz_li05 em{
-webkit-transform: rotate(240deg);
-moz-transform: rotate(240deg);
-ms-transform: rotate(240deg);
-o-transform: rotate(240deg);
transform: rotate(240deg);
}
.yinz ul li em{
-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
-o-transition: -o-transform 0.5s ease-out;
-ms-transition: -ms-transform 0.5s ease-out;}
.yinz ul li:first-child:hover em {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
.yinz ul li.yinz_li02:hover em {
-webkit-transform: rotateZ(420deg);
-moz-transform: rotateZ(420deg);
-o-transform: rotateZ(420deg);
-ms-transform: rotateZ(420deg);
transform: rotateZ(420deg);
}
.yinz ul li.yinz_li03:hover em {
-webkit-transform: rotateZ(480deg);
-moz-transform: rotateZ(480deg);
-o-transform: rotateZ(480deg);
-ms-transform: rotateZ(480deg);
transform: rotateZ(480deg);
}
.yinz ul li.yinz_li04:hover em {
-webkit-transform: rotateZ(540deg);
-moz-transform: rotateZ(540deg);
-o-transform: rotateZ(540deg);
-ms-transform: rotateZ(540deg);
transform: rotateZ(540deg);
}
.yinz ul li.yinz_li05:hover em {
-webkit-transform: rotateZ(600deg);
-moz-transform: rotateZ(600deg);
-o-transform: rotateZ(600deg);
-ms-transform: rotateZ(600deg);
transform: rotateZ(600deg);
}
.yinz ul li:first-child{background: none;}

/**/
.cp_bg{background: url(../image2/cp_bg.jpg) no-repeat center 0;padding: 85px 0 70px;}
.fenl{height: 600px;}
.fenl .yinz_tit,.five .yinz_tit{color: #fff;background: url(../image2/cp_line.png) no-repeat center bottom;}
.fenl .yinz_tit a,.fenl .yinz_tit span,.five .yinz_tit span{color: #fff;}
.fenl_list{padding: 80px 0 0;height: 290px;}
.fenl_list h3{height: 75px;background: url(../image2/fenl_line.png) no-repeat 0 bottom;overflow: hidden;margin-bottom: 12px;}
.fenl_list h3 a{font-size: 20px;color: #fff;}
.fenl_list h3 em{display: block;width: 74px;height: 32px;line-height: 0;overflow: hidden;padding-bottom: 5px;}
.fenl_list h3 em img{width: 74px;height: 32px;}
.fenl_list ul li{height: 32px;line-height: 32px;overflow: hidden;background: url(../image2/cp_ico01.png) no-repeat 0 11px;}
.fenl_list ul li a{font-size: 14px;color: #fff;padding-left: 18px;}
.fenl_list a:hover{text-decoration: underline;}
.fenl01{width: 240px;}
.fenl02{width: 240px;}
.fenl03{width: 240px;}
.fenl04{width: 240px;}
.fenl05{width: 240px;}
.fenl03 h3{width: 180px;}
.fenl04 h3{width: 195px;}
.cp_more{display: block;line-height: 0;width: 101px;height: 101px;margin: 0 auto;-webkit-transition:transform .3s;transition:transform .3s;border-radius: 50%;}
.cp_more img{width: 101px;height: 101px;}
.cp_more:hover{-webkit-transform:translate(0,-2px);transform:translate(0,-2px);box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);}

/**/
.cp_fw_bg{background: url(../image2/fw2bj.jpg) no-repeat center 0;padding: 85px 0 70px;}


/**/
.chanp_t{position: absolute;top: 500px;left: 335px;z-index: 10;}
.chanp_t ul li{width: 22px;height: 22px;background: url(../image2/cp_d01.png) no-repeat;margin-right: 12px;float: left;cursor: pointer;}
.chanp_t ul li.on{background: url(../image2/cp_d02.png) no-repeat;}
.chanp01{width: 1200px;height: 585px;}
.chanp01 dl dt{width: 760px;height: 530px;line-height: 0;float: left;overflow: hidden;margin-left: -50px;position: relative;}
.chanp01 dl dt img{width: 760px;height: 530px;}
.chanp01 dl dt:before,.yous dl dt:before{content: ""; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); }
.chanp01 dl dt:hover:before,.yous dl dt:hover:before{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.chanp01 dl dd{width: 400px;float: left;padding: 70px 0 0 70px;}
.chanp01 dl dd h5{line-height: 60px;height: 60px;overflow: hidden;position: relative;}
.chanp01 dl dd h5:before{content: "";width: 60px;height: 2px;background: #999;position: absolute;bottom: 0;left: 0;}
.chanp01 dl dd h5 a{font-size: 28px;color: #007fcc;}
.cp_desc{font-size: 14px;color: #6a6a6a;height: 192px;line-height: 24px;overflow: hidden;padding: 15px 0 0;}
.cp_btn{padding: 35px 0 0;}
.cp_btn a{display: block;float: left;font-size: 16px;width: 160px;height: 40px;line-height: 40px;overflow: hidden;border-radius: 20px;}
.cp_btn em{display: block;float: left;width: 30px;height: 30px;line-height: 0;overflow: hidden;}
.cp_btn em img{width: 30px;height: 30px;}
.cp_btn .btn01{border: #0f3059 1px solid;color: #333;margin-right: 25px;}
.cp_btn .btn01 em{padding: 6px 10px 0 25px;}
.cp_btn .btn02{border: #0083c4 1px solid;background: #0083c4;color: #fff;}
.cp_btn .btn02 em{padding: 5px 5px 0 25px;}
.cp_btn a:hover,.ban01_btn a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}
.chanp01_t{background: url(../image2/cp_tline.gif) no-repeat 0 32px;height: 70px;line-height: 70px;overflow: hidden;text-align: center;padding-bottom: 30px;}
.chanp01_t a{font-size: 34px;color: #333;}
.chanp01_t a:hover{color: #0083c4;}
.chanp_qie ul li{width: 386px;float: left;margin-left: 10px;}
.chanp_qie ul li em{width: 386px;height: 290px;display: block;line-height: 0;overflow: hidden;}
.chanp_qie ul li img{width: 386px;height: 290px;}
.chanp_qie ul li img{
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.chanp_qie ul li img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.chanp_qie ul li span{display: block;width: 386px;text-align: center;height: 40px;line-height: 40px;font-size: 16px;color: #333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding: 5px 0 0;}
.chanp_qie ul li:hover span{color: #ce1616;font-weight: bold;}
.chanp_m .cp_lico,.chanp_m .cp_rico{width: 56px;height: 56px;position: absolute;top: 800px;border-radius: 50%;z-index: 10;-webkit-transition:transform .3s;transition:transform .3s;}
.chanp_m .cp_lico:hover,.chanp_m .cp_rico:hover{box-shadow: 0 3px 5px 3px rgba(0,0,0,0.1);-webkit-transform:translate(0,-3px);transform:translate(0,-3px);}
.chanp_m .cp_lico{left: -90px;}
.chanp_m .cp_rico{right: -90px;}

/*德曼云系统*/
.five{background:url(../image2/five_bg.jpg) no-repeat center 0;padding: 70px 0 0;height: 850px;overflow: hidden;}
.five_pic{width: 1200px;height: 560px;line-height: 0;padding: 80px 0 0;}
.five_pic img{width: 1200px;height: 560px;}
.five_l{width: 245px;position: absolute;top: 130px;left: 0;}
.five dl{-webkit-transition:transform .3s;transition:transform .3s;height: 170px;}
.five dl dt{width: 72px;height: 64px;}
.five dl dt img{width: 72px;height: 64px;}
.five dl dd{padding: 8px 0 0;}
.five dl dd h5{font-size: 17px;color: #fff;height: 40px;line-height: 40px;overflow: hidden;}
.five dl dd p{font-size: 16px;color: #fff;line-height: 28px;height: 84px;overflow: hidden;padding: 3px 0 0;}
.five dl:hover{-webkit-transform:translate(0,-5px);transform:translate(0,-5px);}
.five_r{left: auto;right: 0;}
.five_c{position: absolute;top: 690px;left: 410px;}
.five .five_c dl{width: 400px;}
.five .five_c dl dt{float: left;padding: 5px 0 0;}
.five .five_c dl dd{float: left;padding: 0 0 0 10px;width: 315px;}

/*管家式服务*/
.fuw{background:url(../image2/fuw_bg.jpg) no-repeat center 0;padding: 70px 0 0;height: 800px;overflow: hidden;}
.fuw dl{width: 280px;height: 300px;float: left;position: relative;margin-top: 10px;margin-right: 11px;background: #fff;}
.fuw dl dt{width: 100px;height: 100px;margin: 50px auto 0;position: relative;}
.fuw dt .hover,.fuw dt .default{background:url(../image2/iserve_bg.png);}
.fuw dt i{display:block;width:100px;height:100px;background:url(../image2/iserve_icon.png);}
.fuw dt .hover,.fuw dt .default{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition:all .5s linear;-webkit-transition:all .5s linear;}
.fuw dt .default{background-position:0 -200px;}
.fuw dt .hover{background-position:0 -100px;color:#fff;opacity:0;visibility:hidden;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
.fuw dt.d1 .default i{background-position:0 0;}
.fuw dt.d1 .hover i{background-position:-100px 0;}
.fuw dt.d2 .default i{background-position:0 -100px;}
.fuw dt.d2 .hover i{background-position:-100px -100px;}
.fuw dt.d3 .default i{background-position:0 -200px;}
.fuw dt.d3 .hover i{background-position:-100px -200px;}
.fuw dt.d4 .default i{background-position:0 -300px;}
.fuw dt.d4 .hover i{background-position:-100px -300px;}
.fuw dt.d5 .default i{background-position:0 -400px;}
.fuw dt.d5 .hover i{background-position:-100px -400px;}
.fuw dt:hover .hover,.fuw dl.cur .hover{opacity:1;visibility:visible;-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}
.fuw dt:hover .default,.fuw dl.cur .default{opacity:0;visibility:hidden;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.fuw dl dd{padding: 20px 0 0;}
.fuw dl dd h5{font-size: 24px;color: #333;line-height: 48px;text-align: center;height: 55px;position: relative;overflow: hidden;font-weight: normal;}
.fuw dl dd h5:before{content: "";width: 20px;height: 1px;background: #999;position: absolute;bottom: 0;left: 50%;margin-left: -10px;}
.fuw dl dd h5:hover{color:#fff; }
.fuw dl dd p{font-size: 14px;color: #666;padding: 20px 0 0;text-align: center; line-height: 28px;height: 84px;overflow: hidden;width: 175px;margin: 0 auto;}
.fuw dl dd p:hover{color:#fff; }
.fuw dl {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-property: color;
  transition-property: color;
  transition: all 0.3s;
}
.fuw dl:before {
  content: "";
  position: absolute;
  color: #fff;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../image2/fuw_k.jpg) no-repeat;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.fuw dl:hover:before,.fuw dl.cur:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.fuw dl.cur dd h5,.fuw dl.cur dd p{color: #fff;}
.fuw dl.cur dd h5:before{background: #fff;}
.fuw dl.nobor{margin-right: 0;}