/* 整站全局公共样式的设定 */
body {margin:0; padding:0; font-size:13px; font-family:'微软雅黑', 'microsoft yahei', 宋体, Tahoma, Verdana, Arial, Helvetica, sans-serif; background:#fff; color:#666;width:100%;overflow-x: hidden;-webkit-text-size-adjust:none;}

div,form,img,ul,ol,li,dl,dt,dd,p,span,b,input,select{margin: 0; padding: 0; border: 0;font-family:'微软雅黑', 'microsoft yahei', 宋体, Tahoma, Verdana, Arial, Helvetica, sans-serif;}
li,dl{list-style-type:none;}i,em{ font-style:normal;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-weight:normal;}
a:link {color: #666; text-decoration:none;}a:visited {color: #666;text-decoration:none;}a:hover {color: #457ba7; text-decoration:none;}a:active {color: #666;}


/* 其它常用样式的定义 */
.fl{ float: left;}.fr{ float: right;}.clear{ clear: both;}
.f14{ font-size:14px;}.f16{ font-size:16px;}.f18{ font-size:18px;}.f12{ font-size:f12;}
.none{ display:none;}.green{ color:#60bbaf;} .blue{color:#457ba7;}.w1200{ margin:0px auto; width:1200px;}.bgf5{ background:#f5f5f5;}
.voice .voice-pic img,.pms-pic img,.pms-secur .pic img,.pms-case .pic img,.mana_list li img,.appli_scene .application img,.ab-map .pic img{ width:100%;}

/*公共样式*/
.w1170 {width: 1170px;min-width: 1170px;margin: 0 auto;position: relative; }
.wb1170 {width: 1170px;min-width: 1170px;margin: 0px auto;position: relative;height: 100%;}

/*图标字体*/
@font-face {  font-family: 'icomoon';  src:  url('../fonts/icomoon.eot');  src:  url('../fonts/icomoon.eot') format('embedded-opentype'),    url('../fonts/icomoon.ttf') format('truetype'),    url('../fonts/icomoon.woff') format('woff'),   url('../fonts/icomoon.svg') format('svg');  font-weight: normal;  font-style: normal;}
[class^="icon-"], [class*=" icon-"] ,:before,:after{ font-family: 'icomoon' !important; speak: none;  font-style: normal;  font-weight: normal;  font-variant: normal;  text-transform: none;  line-height: 1;   -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}

@font-face {  font-family: 'icomoon';  src:  url('../fonts/icomoon.eot');  src:  url('../fonts/icomoon.eot') format('embedded-opentype'),    url('../fonts/icomoon.ttf') format('truetype'),    url('../fonts/icomoon.woff') format('woff'),   url('../fonts/icomoon.svg') format('svg');  font-weight: normal;  font-style: normal;}
[class^="icon-"], [class*=" icon-"] ,:before,:after{ font-family: 'icomoon' !important; speak: none;  font-style: normal;  font-weight: normal;  font-variant: normal;  text-transform: none;  line-height: 1;   -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}


/*头部样式*/
.header-mobile,.nav-mobile{ display:none;}
.headerBar {width: 100%;min-height: 82px;}
.logo {margin-top:26px; position:relative;}
.logo-t{font-size:14px;   position: absolute; left:0px; bottom:-16px; width:280px;}

.nav {display: block;line-height: 82px; position:relative;}
.nav li {float: left; }
.nav .ti {line-height: 82px;text-align: center; display:block;margin: 0 20px;font-size: 14px;padding: 0 3px;}
.nav .ti:hover, .nav .line {color: #457ba7;border-bottom: 2px solid #457ba7;}
.nav .ti:hover .b-arr {border-color: #457ba7 transparent transparent transparent;}
.b-arr {width: 0;height: 0;border-width: 6px;border-style: solid;border-color: #a7a7a7 transparent transparent transparent;display: inline-block;position: relative;top: 4px;right:0;margin: 0 0px 0 6px;}
.l-arr {width: 0;height: 0;border-width: 6px;border-style: solid;border-color: transparent transparent transparent #fff;display: inline-block;position: relative;top: 0px;right: 12px;margin: 0 -15px 0 0px;}

.headerBar .nav .cur {font-size: 14px;display: none;position: fixed;left: 0px;right: 0px;top: 84px;z-index: 998;animation: navCur 0.5s;-webkit-animation: navCur 0.5s;animation-fill-mode: forwards; background: rgba(255,255,255,0.95); width:100%; height:180px;margin:0px auto; color:#666; border-top:1px solid #eee;border-bottom:1px solid #c7c7c7;}

.nav_list{ display:none; position:absolute; left:20%; top:0; right:-10%;line-height:30px; z-index:999; text-align:center; }
.nav_list li{ display:inline-block; float:none; padding:35px 40px 0 0px; text-align:left;}
.f16{ font-size:16px; }
.nav_list .f14{ font-size:14px; color:#999;}

/*navCur为动画的名称， 0% 是动画的开始时间，100% 动画的结束时间 */

@keyframes navCur {0% {top: 70px;    opacity: 0;    /* opacity为透明度 */}100% {    top: 84px;    opacity: 1;}}
@-webkit-keyframes navCur/* Safari and Chrome */{0% {    top: 70px;    opacity: 0;}100% {    top: 84px;    opacity: 1;}}
@-moz-keyframes navCur/* Firefox */{0% {    top: 70px;    opacity: 0;}100% {    top: 84px;    opacity: 1;}}
@-o-keyframes navCur/* Opera */{0% {    top: 70px;    opacity: 0;}100% {    top: 84px;    opacity: 1;}}

.headerBar .nav .nav_list a {position: relative;display: inline-block;white-space: nowrap;/*规定段落中的文本不进行换行*/color:#457ba7;margin-right: 25px;opacity: 0.8;}
.headerBar .nav .nav_list a:hover {color: #457ba7; text-decoration:underline;}
.headerBar .nav .nav_list a:hover .l-arr {border-color: transparent transparent transparent #689ecb;}
.headerBar .nav li:hover .cur,.headerBar .nav li:hover .nav_list {display: block;}

/*.headerBar .search {filter: Alpha(Opacity=50) !important;position: relative;display: block;}
.headerBar .search input {margin: 25px 0 25px 44px;padding: 0 25px 0 16px;color:#666;border: 1px solid #cccccc;height: 30px;line-height: 30px;background: none;width: 70px;-webkit-appearance: textfield;
    -moz-appearance: textfield;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    border-radius: 2em;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}
.headerBar .search input:focus {width: 150px;}
.headerBar .search .btn {content: "";background: url(../images/search.png) no-repeat;width: 22px;height: 21px;display: inline-block;position: absolute;top: 30px;right: 9px;}*/


/*banner*/
.m-banner {text-align: center;height: 650px;width: 100%;position: relative;overflow: hidden;}
.liBannner li {width: 100%;text-align: center;overflow: hidden;height: 650px;position: relative;}
.liBannner a {display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 99;}

/*banner-圆圈按钮*/
.m-banner .num {overflow: hidden;height: 25px;position: absolute;bottom: 10px;left: 50%;margin-left: -44px;zoom: 1;cursor: pointer;z-index:100;}
.m-banner .num li {width: 10px;height: 10px;font-size: 0;margin-right: 10px;border-radius: 50%;float: left;cursor: pointer;border: 1px solid #a8a8a8;}
.m-banner .num li.on {background: #5894c5;border: 1px solid #5894c5;cursor: pointer;}

/*banner1024以下*/
.index-banner{ display:none}
.ba1 .text1,.about-banner .text,.news-banner .text{position: absolute;top: 215px;right:0px;height: 172px;z-index:99;animation: banner 1s;-webkit-animation: banner 1s;animation-fill-mode: forwards;}
.ba3 .text3,.ba2 .text3 {position: absolute;top: 215px;left: 0px;height: 500px;z-index: 99;animation: banner2 1s;-webkit-animation: banner2 1s;animation-fill-mode: forwards;}
.ba3 .text3{animation: banner3 1s;-webkit-animation: banner3 1s;animation-fill-mode: forwards;}
@keyframes banner {0% {right: -40px;opacity: 0;}100% {right:0;opacity: 1;}}
@-webkit-keyframes banner/* Safari and Chrome */{0% {right: -40px;opacity: 0;}100% {right:0;opacity: 1;}}
@-moz-keyframes banner/* Firefox */{0% {    right: -40px;    opacity: 0;}100% {    right:0;    opacity: 1;}}
@-o-keyframes banner/* Opera */{0% {    right: -40px;    opacity: 0;}100% {    right:0;    opacity: 1;}}

@keyframes banner2 {0% {left: -40px;opacity: 0;}100% {left:0;opacity: 1;}}
@-webkit-keyframes banner2/* Safari and Chrome */{0% {left: -40px;opacity: 0;}100% {left:0;opacity: 1;}}
@-moz-keyframes banner2/* Firefox */{0% {   left: -40px;    opacity: 0;}100% {    left:0;    opacity: 1;}}
@-o-keyframes banner2/* Opera */{0% {    left: -40px;    opacity: 0;}100% {    left:0;    opacity: 1;}}

@keyframes banner3 {0% {top:180px;opacity: 0;}100% {top:215px;opacity: 1;}}
@-webkit-keyframes banner3/* Safari and Chrome */{0% {top:180px;opacity: 0;}100% {top:215px;opacity: 1;}}
@-moz-keyframes banner3/* Firefox */{0% {top:180px;    opacity: 0;}100% {top:215px;opacity: 1;}}
@-o-keyframes banner3/* Opera */{0% {top:180px;    opacity: 0;}100% { top:215px;opacity: 1;}}

/*banner-图片*/
.ba1,.ba2,.ba3,.ba4{background:url(../images/m-banner1.jpg) no-repeat center top; height:650px; width:100%;}
.ba2{background:url(../images/m-banner2.jpg) no-repeat center top;}
.ba3{background:url(../images/m-banner3.jpg) no-repeat center top;}
.ba4{background:url(../images/m-banner4.jpg) no-repeat center top;}


/*banner切换*/
.swiper-container {position: relative;overflow: hidden;z-index: 1;}
.swiper-slide a{ display:block; width:100%; height:100%; margin:0px auto; z-index:2; }	
.swiper-container-no-flexbox .swiper-slide {float: left;}
.swiper-wrapper {position: relative;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box}
.swiper-slide {-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;position: relative; width:100%;}

/*箭头*/
.swiper-button-next, .swiper-button-prev,.m-banner .prev,.m-banner .next,.voice .prev,.voice .next {position: absolute;top: 50%;width:50px;height:50px;background-color:rgba(73,129,176,0.3); border-radius:50px; line-height:52px;color:#fff; text-align:center;z-index: 999; cursor:pointer}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: .35;cursor: auto;pointer-events: none}
.swiper-button-prev ,.m-banner .prev,.voice .prev{left: 10px;right: auto}
.swiper-button-prev.swiper-button-white:before, .swiper-container-rtl .swiper-button-next.swiper-button-white:before,.m-banner .prev:before,.voice .prev:before {content:"\e908";font-size:20px;}

.swiper-button-next,.m-banner .next,.voice .next{right: 10px;left: auto}
.swiper-button-next.swiper-button-white:before, .swiper-container-rtl .swiper-button-prev.swiper-button-white:before,.m-banner .next:before,.voice .next:before {content:"\e907";font-size:20px;}

/*--点--*/
.swiper-pagination {position: absolute;text-align: center;-webkit-transition: .3s;-moz-transition: .3s;-o-transition: .3s;transition: .3s;-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);z-index: 10}
.swiper-pagination.swiper-pagination-hidden {opacity: 0}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 10px;left: 0;width: 100%}
.swiper-pagination-bullet {width:10px;height:10px;display: inline-block;border-radius: 100%;background: #cfcfcf;opacity:.4}
.swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer}
.swiper-pagination-white .swiper-pagination-bullet {background: #4982b0}
.swiper-pagination-bullet-active {opacity: 1;background: #4982b0}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px}

.h40{ height:53px; display:none;}

/*产品与服务*/
.pro-item {clear: both;padding-top:82px;padding-bottom: 62px; z-index:1; overflow:hidden;}
.m-i-title {text-align: center;color: #CCCCCC;font-size: 12px;text-transform:uppercase;}
.m-i-title h2 {font-size: 25px;font-weight: 400;color: #457ba7;padding-bottom: 12px;}

.product-list {height: 392px;padding: 5.9% 0 20px; margin-bottom:20px; z-index:1; }
.product-list>li {float: left;width: 23%;padding: 0;margin-top: 20px; height:380px;border: 1px solid #e0e0e0;border-right: 0;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;overflow:hidden;}
.product-list>li.last {width: 23%;border-right: 1px solid #e0e0e0;}
.product-list>li.active {width:53%;height: 420px;margin-top:0;border: 1px solid #5894c5;box-shadow:0 0 20px rgba(88, 148, 197, 0.5);}
.product-list li .product-title { text-align:center;background: #f0f0f0;text-align: center; padding:30px 0;}
.product-list li .product-titlebg2{background: #ebebec;}
.product-list li .product-name {padding-bottom: 20px;font-size: 18px;font-weight: bold;line-height: 20px;color: #666666;}
.product-list li .product-title span {font-size: 14px;line-height: 14px;display: block;color: #666666;}
.product-list li.active .product-title{padding: 54px 10% 40px;background: #5894c5; position:relative; text-align:left;}
.product-list li.active .product-title span {font-size: 14px;line-height: 14px;display: block;color: #fff; }
.product-list li.active .product-name {color: #fff;}
.product-list li .product-title .propic1,.product-list li .product-title .propic2,.product-list li .product-title .propic3{ display:none; background:url(../images/pro-pic1.png) no-repeat; position:absolute; width:244px; height:150px; left:50%; top:20%;}
.product-list li .product-title .propic2{ background:url(../images/pro-pic2.png) no-repeat; height:175px;}
.product-list li .product-title .propic3{ background:url(../images/pro-pic3.png) no-repeat;height:170px; width:269px;}
.product-list li.active .product-title .propic1,.product-list li.active .product-title .propic2,.product-list li.active .product-title .propic3{ display:block;}
.product-list li .product-content-simple {padding:14% 25px 4.1% ;font-size: 14px;line-height: 24px;color: #666666; position: relative;}
.product-list li .product-content-simple .myc {margin: 0 auto;width: 75px;height: 61px;background: url(../images/my_icon.png) no-repeat 0px 0px;}
.product-list li .product-content-simple .myx {margin: 0 auto;width: 76px;height: 61px;background: url(../images/my_icon.png) no-repeat -97px 0px;}
.product-list li .product-content-simple .my1818 {margin: 0 auto;width: 76px;height: 61px;background: url(../images/my_icon.png) no-repeat -189px 6px;}
.product-list li .product-content-simple p{padding-top:30px; text-overflow: ellipsis; line-height:24px; }
.product-list li .product-content-simple img {width: 75px;height: 61px;margin: 0 117.5px 38px;}
.product-list li .product-content {display: none;padding:3.4%  2.5%  40px  4.3%;font-size: 14px;line-height: 22px;text-align: left; }
.product-list li.active .product-content-simple {display: none;}
.product-list li.active .product-content {display: block; animation:cartoon 0.8s;-moz-animation:cartoon 0.8s; -webkit-animation:cartoon 0.8s;-o-animation:cartoon 08s;position: relative;}

@keyframes cartoon{0%   { top:60px;opacity:0;}100% { top:0px;opacity:1;}}
@-webkit-keyframes cartoon{0%   { top:60px;opacity:0;}100% {top:0px;opacity:1;}}
@-moz-keyframes cartoon{0%   { top:60px;opacity:0;}100% { top:0px;opacity:1;}}
@-o-keyframes cartoon {0%   { top:60px;opacity:0;}100% { top:0px;opacity:1;}}

.product-list li.active .tex{color:#999; width:45%; float:left;}
.product-list li.active .tex li{ line-height:46px; min-height:46px;display:inline-block; width:45%;}
.product-list li.active .texinfo{ width:54%; float:right; color:#999; line-height:30px; padding-top:45px;right:28px; top:20px;}
.product-list li.active .three li{ width:32%;}
.product-list li.active .btn { position:absolute; top:200px; left:12%;width:112px;height: 34px;font-size: 14px; line-height: 34px;color: #5894c6;background: #fff; display:block;border: 1px solid #5894c6; text-align:center; border-radius:4px; -webkit-animation: bg-color 1s linear infinite; -moz-animation: bg-color 1s linear infinite; -ms-animation: bg-color 1s linear infinite; animation: bg-color 1s linear infinite;}

/*手机产品与服务显示*/
.pro-2{ z-index:1;border-top:1px solid #ddd; margin:20px 0 0px 0; padding-bottom:30px;display:none;width: 100%;}
.pro-2 .product-title{ text-align: center; padding-top:15px;}
.pro-2 .product-title h5{font-size:22px;padding-bottom:6px;border-bottom:solid 1px #666;width:40px;margin:0 auto;color:#666;}
.pro-2 .product-title h6{font-size:20px;color:#666; padding:10px 0 5px 0;}
.pro-2 .product-title span {font-size: 14px;line-height: 14px;display: block;}
.pro-2 .product-content .pic{ width:70%; padding:20px 0 0 0; margin:0px auto;}
.pro-2 .product-content .pic2{width:65%;padding:20px 0 0 0; margin:0px auto;}
.pro-2 .product-content .pic img,.pro-2 .product-content .pic2 img{ width:90%}
.pro-2 .texinfo{ color:#888; line-height:30px; text-align:center; font-size:13px;}
.pro-2 li{ width:100%;}
.pro-2 .swiper-slide .swiper_respon{ text-align: center;width:90%; margin:0px auto;}


/*客户价值*/
.cos_value {width: 100%;background: #fafafa;clear: both;padding-top: 82px;padding-bottom: 70px;}
.cos_value .cosumer_list {padding: 68px 0px 0 0;overflow:hidden;}
.cos_value .cosumer_list li {width: 30.3%;margin-right:3%;float: left;}
.cos_value .cosumer_list li .pic img{width:100%;overflow: hidden;clear: both;}
.cos_value .cosumer_list li:last-child{margin-right: 0px;}
.cos_value .cosumer_list li .cosumer_text {padding: 15px 4.5% 0px 4.5%;color:#888;height:120px;}
.cos_value .cosumer_list li .cosumer_text h2 {font-weight: 400;line-height: 40px; font-size:16px;}
.cos_value .cosumer_list li .cosumer_text .t{line-height: 21px;font-size: 13px;}
.cos_value .cosumer_list li:hover .cosumer_text { height:120px;cursor:pointer;background: #5894c5;color: #fff;animation:myfirst 1s;-moz-animation:myfirst 1s; /* Firefox */-webkit-animation:myfirst 1s; /* Safari and Chrome */-o-animation:myfirst 1s; /* Opera */}
.cos_value .cosumer_list li:hover .cosumer_text{ padding-top:10px;-webkit-transition: 0.5s;transition: 0.5s;}
@keyframes myfirst{from { height:0px;}to { height:120px;}}
@-moz-keyframes myfirst /* Firefox */{from { height:0px;}to { height:120px;}}
@-webkit-keyframes myfirst /* Safari and Chrome */{from { height:0px;}to { height:120px;}}
@-o-keyframes myfirst /* Opera */{from { height:0px;}to { height:120px;}}

/*客户心声*/
.voice{ position:relative;}
.voice .voice-bg{ background: url(../images/voice.png) no-repeat; position:absolute; bottom:120px; left:450px;width:314px; height:115px;}
.voice .voice-left{ width:44%; padding:4% 0 0 60px;line-height:26px; color:#999;}
.xs-2{ display:none;}
.voice-pic{ position: absolute; top:20%;  width:34%; right:5%;}
.xs-3 .voice-pic{right:0%;}
.xs-1{ min-height:315px;}
.voice .prev,.voice .next{ top:50%;}
.voice .hd { left:70px;position:absolute;  bottom:60px;}
.voice .hd li { width:40px; height:3px; background:#dedede;color:#dedede; float:left;margin-right:4px;position:relative; z-index:99;cursor:pointer;display:inline-block;*display:inline;overflow:hidden;}
.voice .hd li.on { background:#4982b0;cursor:pointer; color:#4982b0 }

.voice-t{ font-size:16px;line-height:36px; text-indent:3.5em; position:relative; font-weight:normal; padding-bottom:3.8%; color:#666;}
.voice-t:before,.case-li .about:after{ content:" "; background: url(../images/my_icon.png) 0px -199px; width:28px; height:28px; position:absolute; left:10px; top:0px;}
.pro-height{  min-height:320px; padding:6% 0 0 0;}
.voice .swiper-button-prev{left:0px;}
.voice .swiper-button-next{right:0px;}
.voice .swiper-slide{ background:#fff;}


/*成功案例*/
.PartnerCont{ margin:0 auto;-webkit-transform:translateY(150px);transform:translateY(150px);opacity:0;transition:0.5s 0.5s;}
.PartnerCont.PartnerCont2{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}

.parItem{padding-bottom:30px;}
.parItem2{  margin:0 auto;}
.praList,.praList2{text-align: center;padding-top:60px; }
.praList li,.praList2 li{ display:inline-block;width:16%;transition:all 0.3s; text-align:center; padding: 10px 0;}
.praList li:hover,.praList2 li:hover{ background:#fff;box-shadow: 0 15px 25px #d5d5d5;transform:translate3d(0, -2px, 0);}
.praList2 li{ width:24%;}

.anli{text-align: center; margin:40px 0 0 0; padding-bottom:50px;display:none;}
.anli .swiper-slide{ width:100%;margin:0px auto;}
.anli .swiper-slide li{display:inline-block;width:38%; overflow: hidden;min-width:100px; background:#fff; margin-left:8px; border:1px solid #ececec;}
.anli .swiper-slide li:first-child { margin-left:0px;}
.anli .swiper-slide li img{ width:100%}

/*footer*/
.footer{ background:#1c2328;height:28%; width: 100%;}
.footer .foot_h{ min-height:210px;}
.footer .link{ border:1px solid #32383d; padding:15px 0;}
.footer .link .title{ color: #d2d3d4;padding-left: 35px; font-size: 16px;}
.footer .link a{ padding-left: 30px; color: #939596;}
/*footer-左侧*/
.le-foot{  color:#fff; padding:3% 0; font-size:14px;  overflow:hidden; float:left;}
.le-foot li{ width:120px; line-height:36px; float:left;padding-left: 35px;}
.le-foot li a{ display:block; color:#949596;}
.le-foot b{opacity:0.8;filter: Alpha(Opacity=80) !important;}
/*footer-右侧*/
.telephone{float: left; width: 260px; height: 48px; margin-top:3%; background:url(../images/f-tel.png) no-repeat 0px 0px; margin-left:20px;}
.ri-foot{ color:#949596; padding-top:30px;  float: right;}
.ri-foot h3{font-size: 12px;color:#949596;display: block; text-align:center; }
.ri-foot h3:before{ content:"";background:url(../images/erweima.png) no-repeat 0 0; width:115px; height:115px; display:block; margin:20px auto 10px auto;}
.ri-foot a{  width:36px; height:36px; display:inline-block; background:#555; margin-right:12px; opacity:0.5;}
.ri-foot .weChat{background:url(../images/my_icon.png) no-repeat 0px -152px; margin-left:0px;}
.ri-foot .follow{background:url(../images/my_icon.png) no-repeat -48px -152px; }
.ri-foot .email{background:url(../images/my_icon.png) no-repeat -96px -152px; }
.ri-foot a:hover{ opacity:1;}
.ri-foot .weChat { position:relative;}
.ri-foot .weChat .pic{width:119px; height:117px;position:absolute; display:none;left:-35px;top:-100px;z-index:99;animation:weChat 0.5s;-webkit-animation:weChat 0.5s;animation-fill-mode: forwards;}
.ri-foot .weChat:hover .pic{ display:block;}
@keyframes weChat{0%   { top:-120px;}100% { top:-100px;}}
@-webkit-keyframes weChat{0%   { top:-120px;}100% {top:-100px;}}
@-moz-keyframes weChat{0%   { top:-120px;}100% { top:-100px;}}
@-o-keyframes weChat {0%   { top:-120px;}100% { top:-100px;}}

/*footer-版权*/
.foot{ height: auto;background:#181c20;padding:10px 0; text-align:center; color:#fff;opacity:0.4;filter: Alpha(Opacity=40) !important;}
.foot img{ position:relative; margin-right:15px; width:83px; height:18px; top:6px;}
.foot a{ color:#fff;}


/*公司简介*/
.about-banner,.zp-banner,.zc-banner,.pms-banner,.dms-banner,.bank-banner,.broad-banner,.news-banner,.gclie-banner,.fxcz-banner,.myr-banner{width: 100%; height:568px; background:url(../images/about-bga.jpg) no-repeat top center; position:relative; overflow:hidden;}
.zp-banner{background:url(../images/zp-banner.jpg) no-repeat top center;}
.zc-banner{background:url(../images/zc-banner.jpg) no-repeat top center;}
.pms-banner{background:url(../images/pms-bg.jpg) no-repeat top center;}
.dms-banner{background:url(../images/dms-bg.jpg) no-repeat top center;}
.bank-banner{ background:url(../images/bank-bg.jpg) no-repeat top center;}
.broad-banner{background:url(../images/broad-bg.jpg) no-repeat top center;}
.gclie-banner{background:url(../images/gclie-bg.jpg) no-repeat top center;}
.fxcz-banner{background:url(../images/fxcz-bg.jpg) no-repeat top center;}
.myr-banner{background:url(../images/myr-bg.jpg) no-repeat top center;}


/*平台介绍*/
.m-t-info{color:#888; font-size:14px; text-align:center; line-height:30px; width:84%; margin:0px auto; padding-bottom:10px; padding-top:30px;}
.m-t-info2{ line-height:26px;}
.about-pic{text-align:center;}
.about-pic li{ margin:50px 0.8% 0px 0.8%; width:23%;display:inline-block;}
.about-pic li .pic{ width:100%; overflow:hidden; clear:both;}

/*平台介绍-大事件*/
.ab-e-pic1{ text-align:center; position: relative; margin-top:60px;}
.e-pic li{ width:100%;overflow:hidden; position:relative; height:220px; padding-top:140px; z-index:1; color:#bfbfbf; text-align:center;}
.e-pic li b{ font-size:42px; color:#498cc3;}
.e-pic li p{ font-size:14px; padding:20px 0; color:#666;}
.e-pic .pic img{ margin:20px 15px 0px 15px;}
.e-pic a{ display:block; position:absolute; left:0; top:0; right:0; bottom:0; z-index:98;}

/*圆圈按钮*/
.ab-e-pic1 .time{ position:absolute; left:0; right:0px; top:60px; font-size:14px; color:#666; }
.ab-e-pic1 .time i{ width:12%; display:inline-block;font-style:normal;}
.ab-e-pic1 .num { overflow:hidden;position:absolute; top:0; text-align:center; left:0px; right:0;  zoom:1; z-index:3 ;cursor:pointer; z-index:99; width:100%;}
.ab-e-pic1 .num:before{ content:""; height:1px; position:absolute; left:0; right:0; top:20px; background: url(../images/line.png) no-repeat center top; width:100%;opacity:.8;filter: Alpha(Opacity=80) !important; }
.ab-e-pic1 .num li { width:16px; height:16px; font-size:0; display:inline-block; border-radius:50%; margin-right:10%; cursor:pointer;border:2px solid #bfbfbf; margin-top:10px; background:#fafafa; position:relative; z-index:99;}
.ab-e-pic1 .num li:last-child{ margin-right:0;}
.ab-e-pic1 .num li.on { background:#fff;  background:#498cc3;border:2px solid #498cc3; cursor:pointer; } /*当前项*/
/*左右侧按钮*/
.ab-e-pic1 .prev,.ab-e-pic1 .next { display: none; width: 40px; height: 100px; background: url(../images/btn.png) no-repeat; position: absolute; top: 220px; z-index:999;}
.ab-e-pic1 .prev { left: 50px; }.ab-e-pic1 .next { right: 50px; background-position: right; }


/*平台介绍-大事件1024以下*/
.ab-e-pic{ text-align:center;position: relative; margin-top:60px; display:none}
.e-pic li{ width:100%; position:relative; height:220px; padding-top:140px; z-index:1; color:#bfbfbf; text-align:center;}
.e-pic li b{ font-size:42px; color:#498cc3;}
.e-pic li p{ font-size:14px; padding:20px 0; color:#666;}
.e-pic .pic img{ margin:20px 15px 0px 15px;}
.e-pic a{ display:block; position:absolute; left:0; top:0; right:0; bottom:0; z-index:98;}
.ab-e-pic .swiper-pagination{top:0px; z-index:99}
.ab-e-pic .swiper-pagination-bullet{width:14px; height:14px;border:2px solid #bfbfbf; margin-top:10px; background:#fafafa; position:relative; opacity:1;}
.ab-e-pic .swiper-pagination-bullet-active{background:#498cc3;border:2px solid #498cc3;}
.ab-e-pic>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 10px  0 0 10.5%; text-align:center;}

/*圆圈按钮*/
.ab-e-pic .time i{  display:inline-block;font-style:normal;font-size:14px; color:#666; }
.ab-e-pic .time span{ display:inline-block;}
.ab-e-pic .time:before{ content:""; height:1px; position:absolute; left:0; right:0; top:20px; background: url(../images/line.png) no-repeat center top; width:100%;opacity:.8;filter: Alpha(Opacity=80) !important; }
.ab-e-pic .time li { display:inline-block; margin-left:6%;  position:relative; top:40px;}
.ab-e-pic .time li:first-child,.ab-e-pic>.swiper-pagination-bullets .swiper-pagination-bullet:first-child{ margin-left:0}

/*平台介绍-地图*/
.ab-map{font-size:14px; line-height:28px; position:relative; padding:6% 0; overflow:hidden;}
.ab-map p{ margin-top:1.8%; }
.ab-map .pic{ width:42.7%; float:left; margin-right:4.2%; padding-top:3%}


/*招聘*/
.zp-address{ width:100%;text-align:center;padding-top:4.2%; padding-bottom:5%;}
.zp-address a{padding: 10px 30px; line-height:14px;font-size: 14px; color:#888; border-radius:4px; position:relative;}
.zp-address a:after{ content: '';position: absolute;width: 1px;height: 12px;right:-3px;top:16px;background:#D9D9D9;}
.zp-address a:last-of-type:after{ display:none}
.zp-address a.cur,.zp-address a:hover{background:#5894c5; color:#fff; }

.zp-menu{ width:18%; padding-left:3%;}
.zp-menu a{ display:block;}
.zp-menu> ul li{line-height:55px; font-size:16px; color:#666; position:relative;}
.zp-menu> ul li.active>a,.zp-menu .zp-zhiwei li a.cur, .zp-menu a:hover{ color:#5894c5;}
.zp-menu> ul li.active .jt,.zp-menu> ul li.active .jt,.zp-menu> ul li.active .zp-zhiwei{ display:block;}
.zp-menu .jt{background: url(../images/my_icon.png) no-repeat 0 -241px; position: absolute; right:60px; width:9px; height:6px; top:28px; display:none; cursor:pointer;}
.zp-menu .zp-zhiwei{display:none;}
.zp-menu .zp-zhiwei li{ font-size:14px;color:#888; line-height:30px; padding-left:20px; }
.zp-post{width:78%;}
.zp-post1{background:#fafafa;margin-bottom:30px;position:relative; height: auto; padding:7% 5.56% 3% 3.2%;line-height:30px; color:#888;}
.zp-post-t{ position:absolute; color:#fff; font-size:16px; height:46px;line-height:46px; padding-left:62px; padding-right:26px;top:26px; left:0; background:#5894c5;}
.zp-post-t .titlebg{ background:url(../images/my_icon.png) no-repeat 0px -265px;width:67px; height:70px; position:absolute; left:-15px;}
.zp-post-t .titlebg:before{ content:"\e70b"; font-size:22px; right:0; position: absolute; top:10px;}
.zp-post1 .t2{ font-size:16px;padding-bottom:1%; padding-top:3%;font-weight:normal; color:#555;}
.zp-post1 .btn{ background:#60bbaf; width:18%; text-align:center; line-height:38px;height:38px; display:block; color:#fff; border-radius:4px; margin-top:30px; font-size:16px; min-width:84px;}


.zhiwei{ display:none;}

.bank-banner .info:before{content:""; width:1px; height:60px;  display:block; position:absolute; left:-20px; top:5px; background:#bbb;}
.grcbank{ position:relative; z-index:3}
.bank-map{ position:absolute; background:url(../images/bank-map.jpg) no-repeat; /*width:60%;*/ left:8%; display:block; bottom:0; z-index:-1;}

/*赢家生意圈-项目背景*/ 
.carousel{position:relative; }
.fade {opacity: 1;}
.fade .item {top: 0;z-index: 1;opacity: 0;width: 100%;position: absolute;left: 0 !important;display: block !important;-webkit-transition: opacity ease-in-out 1s;-moz-transition: opacity ease-in-out 1s;-ms-transition: opacity ease-in-out 1s;-o-transition: opacity ease-in-out 1s;transition: opacity ease-in-out 1s; overflow:hidden;}
.fade .item:first-child {top: auto;position: relative;}
.fade .item.active {opacity: 1;z-index: 2;-webkit-transition: opacity ease-in-out 1s;-moz-transition: opacity ease-in-out 1s;-ms-transition: opacity ease-in-out 1s;-o-transition: opacity ease-in-out 1s;transition: opacity ease-in-out 1s;
}


.blank-pro{ margin-top:60px; position:relative; }
.blank-pro .v_cont  li{ height:162px;line-height:24px; color:#666;background:#fff;padding:60px 60px; margin-left:30px;}
.blank-pro .v_cont .item{width:58%;}
.blank-pro .v_cont  p{ padding:30px 90px 0 0; color:#999; }

/*---圆圈---*/
.blank-pro .circle{position:absolute; right:0%;top:-10px; cursor:pointer; width:280px; }
.blank-pro .circle li{width:60%; padding:26px 0; height:42px;margin-top:10px; color:#666;background:#fff; padding-left:40%; position:relative; line-height:20px; border-radius:0;text-indent:0; text-align:left;}
.blank-pro .circle li.active{background:#689ecb; color:#fff;margin-top:10px;}
.blank-pro .circle .icon{ background:#d5dce2;border:1px solid #d5dce2; border-radius:50px; width:64px; height:64px; overflow:hidden; position:absolute; left:25px; top:15px; text-align:center;}
.blank-pro .circle .icon:before{ content:"\e906"; font-size:40px; color:#fff; position:relative; top:12px;}
.blank-pro .circle .i-Pro2:before{ content:"\e92a"; font-size:36px; top:15px;}
.blank-pro .circle .i-Pro3:before{ content:"\e909"; font-size:38px; top:16px;}
.blank-pro .circle .active .icon{ background:none; border:1px solid #fff;}
.blank-pro2{ display:none}

/*---切换---*/
.blank-pro .prev,.blank-pro .next{ width:30px; height:60px;cursor:pointer;background:#fff; position:absolute; display:block; top:100px; z-index:999;}
.blank-pro .prev a,.blank-pro .next a{  position:absolute; left:0; right:0; top:0; bottom:0;}
.blank-pro .prev{ left:0px;}
.blank-pro .prev:before,.blank-pro .next:before{ content:"\e907"; color:#ddd; font-size:24px; top:18px; left:3px; position:relative;}
.blank-pro .next{right:27%;}
.blank-pro .prev:before{ content:"\e908"; }


/*赢家生意圈-项目服务*/
.service-nr{ padding-top:6.8%;}
.service-nr li{ width:46%; margin-right:8%; float:left;}
.service-nr li+li{ margin-right:0;}
.service-nr .pic {width:150px;height:150px;border-radius: 150px;overflow: hidden; margin-right:30px; float:left;}
.service-nr .tex{ color:#888;line-height:24px; font-size:13px; }
.service-nr .tex h3{ padding-bottom:24px;}

/*pms-banner*/
.pms-banner .text,.bank-banner .text,.broad-banner .text,.dms-banner .text,.gclie-banner .text,.fxcz-banner .text,.myr-banner .text{position: absolute;top: 190px;left:0px;height: 172px;z-index: 1;animation: pmsbanner 0.5s;-webkit-animation: pmsbanner 0.5s;animation-fill-mode: forwards;}
.pms-banner .info,.bank-banner .info,.broad-banner .info,.dms-banner .info,.gclie-banner .info,.fxcz-banner .info,.myr-banner .info{  line-height:24px; color:#999; position:relative; margin:20px 0 0 90px;}
.fxcz-banner .info,.myr-banner .info{margin:20px 0 0 150px;}
.pms-banner .info:before,.broad-banner .info:before,.dms-banner .info:before,.gclie-banner .info:before,.fxcz-banner .info:before,.myr-banner .info:before{ content:""; width:1px; height:40px;  display:block; position:absolute; left:-20px; top:5px; background:#bbb;}

@keyframes pmsbanner {0% {left: -30px;opacity: 0;}100% {left: 0px;opacity: 1;}}
@-webkit-keyframes pmsbanner{0% {left: -30px;opacity: 0;}100% {left: 0px;opacity: 1;}}
@-moz-keyframes pmsbanner{0% {    left: -30px;    opacity: 0;}100% {    left: 0px;    opacity: 1;}}
@-o-keyframes pmsbanner{0% {    left: -30px;    opacity: 0;}100% {    left: 0px;    opacity: 1;}}

/*pms-平台介绍*/
.pms-pic li{ width:31%; display:inline-block; margin:2% 1% 0px 1%;}

.pms-pic .pic{ position:relative;}
.pms-pic .info{ position:absolute; bottom:0; left:0; right:0; padding:10px 20px; line-height:24px; color:#fff; background:rgba(88,148,197,0.9); display:none;}

.pms-pic .pic:hover .info{ display:block;position:absolute; bottom:0; left:0; right:0; animation: pmsPic 0.5s;-webkit-animation: pmsPic 0.5s; -o-animation: pmsPic 0.5s;animation-fill-mode: forwards;}
.pms-pic .name{ text-align:center;  padding:15px 0;}


@keyframes pmsPic { from {height:50px;}to {height: 75px;}}
@-webkit-keyframes pmsPic{from {height:50px;}to {height: 75px;}}
@-moz-keyframes pmsPic{from {height: 50px;}to {height: 75px;}}
@-o-keyframes pmsPic{from {height: 50px;}to {height: 75px;}}

/*pms-应用场景*/
.pms-scene{ margin:6% 15% 30px 15%; font-size:14px; overflow:hidden; position:relative;}
.p-s-le:before{ content:""; border-right:1px dashed #ccc; position:absolute; left:240px; top:50px; bottom:30px; }
.p-s-le.fr:before{ border-left:1px dashed #ccc;right:240px;  }
.p-s-le li{ width:200px; height:60px; line-height:60px; margin-top:20px; text-align:center; background:#5894c5; border-radius:10px; color:#fff; position:relative;}
.p-s-le li:after{ content:""; border-bottom:1px dashed #ccc; position:absolute; left:200px; top:50%; margin-top:-1px; width:40px;}
.p-s-le li:before{ content:"\e918"; font-size:36px; position:relative; top:10px; margin-right:10px;}
.p-s-le.fr li:after{ right:200px; left:inherit;}
.p-s-le.fr li:before{ content:"\e919"; font-size:34px;}
.p-s-le.fr li{ background:#60bbaf;}
.p-s-pic{ position:absolute; left:240px; right:240px; top:50%; margin-top:-70px;text-align:center;}
.p-s-pic:before{ content:"";border-bottom:1px dashed #ccc; position:absolute; left:0; top:50%;  width:100%;}
.icon-p-s{ width:110px; height:110px; overflow:hidden; background:#a4a4a4; border-radius:110px; display:inline-block; z-index:9; position:relative;}
.icon-p-s:before{ content:"\e91a"; font-size:60px; color:#fff; position:absolute; top:50%; left:50%; margin:-30px 0 0 -30px;}
.p-s-pic .name{ display:block;}
.p-s-pic .fl-t{ position:absolute; left:30px; top:40px;}
.p-s-pic .fr-t{ position:absolute; right:30px; top:40px;}
/*pms-安全体系*/
.pms-secur{ margin:120px 0px 5% 5%; font-size:13px; position:relative; }
.pms-secur .list{ position:absolute; left:35%; top:0; right:0; }
.pms-secur .list li{ margin-top:20px; line-height:24px; position:absolute; padding-left:75px;}
.pms-secur .pic{ width:47%;}
.pms-secur .pic2{ display:none}

.pms-secur p{ color:#999;}
.pms-secur .i-sec{ content:""; border-radius:55px; width:55px; height:55px; position:absolute; left:0; top:-5px; background:#5894c5;}
.pms-secur .i-sec:before{ content:"\e921"; font-size:32px; color:#fff; position:absolute; left:50%;top:50%; margin:-15px 0 0 -15px;}
.pms-secur .a2 .i-sec:before{content:"\e91c";}
.pms-secur .a3 .i-sec:before{content:"\e921";}
.pms-secur .a4 .i-sec:before{content:"\e91d";}
.pms-secur .a5 .i-sec:before{content:"\e920";}
.pms-secur .a6 .i-sec:before{content:"\e91e";}
.pms-secur .a7 .i-sec:before{content:"\e91f";}
.pms-secur .a1{ left:-85px; top:-50px; }
.pms-secur .a2{ left:35px; top:10px; }
.pms-secur .a3{ left:98px; top:100px; }
.pms-secur .a4{ left:115px; top:180px; }
.pms-secur .a5{ left:108px; top:260px; }
.pms-secur .a6{ left:70px; top:336px; }
.pms-secur .a7{ left:-40px; top:400px; }
.a2 .i-sec,.a4 .i-sec,.a6 .i-sec{ background:#60bbaf;}

/*pms-成功案例*/
.pms-case{ padding:60px 5% 0px 7%; overflow:hidden;}
.pms-case .text{ width:45%; line-height:32px; color:#777; margin-top:50px; float:left}
.pms-case .text h2{ font-weight:normal; color:#555; padding-bottom:10px;}
.pms-case .pic{ width:45%; float:right;}

/*pms-成功案例-按钮*/
.m-btn{ padding:50px 0 0px 0; text-align:center;}
.m-btn a{width:155px; height:44px; line-height:44px; color:#fff; font-size:16px; text-align:center; display:inline-block; border-radius:8px; margin:0px 2.1%;}
.g-btn{ background:#5894c5; }.g-btn:hover{background:#4c8abd}
.b-btn{ background:#60bbaf;}.b-btn:hover{ background:#52b2a5;}


/*远大电子采购平台*/
/*broad-项目目标*/
.broad-obj,.fxcz-obj{ padding:60px 0 0 0; overflow:hidden; }
.broad-obj li,.fxcz-obj li{background: #fff;border:1px solid #f2f2f2; padding:1.7% 1.3% 1.7% 1.3%; float:left; width:16%; height:20%; min-height:240px;margin-left:1.3%; text-align:center; line-height:24px; color:#999; font-size:13px;transition: all .36s ease;}
.broad-obj li:first-child,.fxcz-obj li:first-child{margin-left:0;}
.obj-icon-b,.obj-icon-g,.gn1 .gn-icon-b,.gn2 .gn-icon-g,.gn4 .gn-icon-b,.gn3 .gn-icon-g{ width:85px; height:85px; background:#4982b0; border-radius:85px; position:relative; display:block; margin:0 auto;}
.obj-icon-g,.gn2 .gn-icon-g,.gn3 .gn-icon-g{ background:#60bbaf;}
.obj-icon1:before,.obj-icon2:before,.obj-icon3:before,.obj-icon4:before,.obj-icon5:before,.move-icon1:before,.move-icon2:before,.move-icon3:before,.move-icon4:before{ content:"\e925";font-size:40px; color:#fff; position:absolute; left:50%;top:50%; margin:-18px 0 0 -20px;}
.obj-icon2:before{content:"\e923";}
.obj-icon3:before{content:"\e924";}
.obj-icon4:before{content:"\e92a";}
.obj-icon5:before{content:"\e922";}
.obj-t-b,.obj-t-g{ font-size:16px; margin-bottom:20px; line-height:55px; font-weight:bold;}
.obj-t-b:after,.obj-t-g:after{ content:""; display:block; width:48px; height:1px; line-height:1px; background:#4982b0; margin:0px auto;}
.obj-t-g:after{background:#60bbaf;}

/*broad-移动应用*/
.broad-move{ position:relative;}
.broad-move .move-right{width:25%; position:absolute; right:0; top:10px;}
.broad-move .move-left{width:25%; position:absolute; left:0; top:10px;}
.broad-move .gn3,.broad-move .gn4,.broad-move .gn1,.broad-move .gn2{ width:100%;margin-top:80px;}

.gn1,.gn2,.gn3,.gn4{ text-align:right; line-height:24px; color:#999; position:relative;}
.gn3,.gn4{ text-align:left; }
.gn1 .gn-icon-b,.gn2 .gn-icon-g,.gn4 .gn-icon-b,.gn3 .gn-icon-g{ width:60px; height:60px; position:absolute;}
.gn4 .gn-icon-b,.gn3 .gn-icon-g{left:-80px; }
.gn1 .gn-icon-b,.gn2 .gn-icon-g{right:-80px;}

/*broad-移动应用图标*/
.move-icon1:before,.move-icon2:before,.move-icon3:before,.move-icon4:before{ content:"\e926";font-size:32px; margin:-14px 0 0 -15px;}
.move-icon2:before{ content:"\e927";}
.move-icon3:before{ content:"\e928";}
.move-icon4:before{ content:"\e929";}
.move-pic{ background: url(../images/yd-function-pic.png) no-repeat; margin:0 auto;width:227px; height:358px; }
.broad-move .txt{text-align:center; color:#666;}

/*陌云销*/
/*六大难题*/
.mana_list {padding:5.3% 0 0px 0; overflow:hidden;}
.nanti{ display:none}
.mana_list li,.mana_list2 li{margin-left:1.1%;float: left; width:15.6%;}
.mana_list li:first-child,.mana_list2 li:first-child {margin-left: 0;}
.mana_list li .mana_text,.mana_list2 li .mana_text {height:153px;text-align: center;padding: 30px 0;font-size: 12px;color: #888888;font-weight: 300;line-height: 18px;background: #fff;}
.mana_list li:hover .mana_text,.mana_list2 li:hover .mana_text{background: #5894c5;color:#fff;animation: dmsPic 0.5s;-webkit-animation: dmsPic 0.5s; -o-animation: dmsPic 0.5s;animation-fill-mode: forwards;}
@keyframes dmsPic { from {height:60px;}to {height: 154px;}}
@-webkit-keyframes dmsPic{from {height:60px;}to {height: 154px;}}
@-moz-keyframes dmsPic{from {height: 60px;}to {height: 154px;}}
@-o-keyframes dmsPic{from {height: 60px;}to {height: 154px;}}

.mana_text .mana_icon{width: 66px;height: 66px;margin: 20px auto; border:1px solid #5d9ccf; border-radius:60px; position:relative;}
.mana_list li:hover .mana_icon,.mana_list2 li:hover .mana_icon{ color:#fff;border:1px solid #fff;}


/*六大难题图标*/
.mana_list li:hover .mana_icon1:before,.mana_list li:hover .mana_icon2:before,.mana_list li:hover .mana_icon3:before,.mana_list li:hover .mana_icon4:before,.mana_list li:hover .mana_icon5:before,.mana_list li:hover .mana_icon6:before,.mana_list2 li:hover .mana_icon1:before,.mana_list2 li:hover .mana_icon2:before,.mana_list2 li:hover .mana_icon3:before,.mana_list2 li:hover .mana_icon4:before,.mana_list2 li:hover .mana_icon5:before,.mana_list2 li:hover .mana_icon6:before{content:"\e913"; color:#fff;}
.mana_text .mana_icon1:before,.mana_text .mana_icon2:before,.mana_text .mana_icon3:before,.mana_text .mana_icon4:before,.mana_text .mana_icon5:before,.mana_text .mana_icon6:before{ content:"\e913"; font-size:36px; color:#5d9ccf; position:absolute; top:14px; left:14px;}
.mana_text .mana_icon2:before,.mana_list li:hover .mana_icon2:before,.mana_list2 li:hover .mana_icon2:before{content:"\e912";}
.mana_text .mana_icon3:before,.mana_list li:hover .mana_icon3:before,.mana_list2 li:hover .mana_icon3:before{content:"\e915";}
.mana_text .mana_icon4:before,.mana_list li:hover .mana_icon4:before,.mana_list2 li:hover .mana_icon4:before{content:"\e914";}
.mana_text .mana_icon5:before,.mana_list li:hover .mana_icon5:before,.mana_list2 li:hover .mana_icon5:before{content:"\e916";}
.mana_text .mana_icon6:before,.mana_list li:hover .mana_icon6:before,.mana_list2 li:hover .mana_icon6:before{content:"\e917";}

/*应用场景*/
.appli_scene {clear: both;padding:5% 0 0 0;}
.appli_scene .application {width:99%; margin:6% auto; }
.appli_scene .application .pic2{ display:none; width:50%;}

/*陌云销案例*/
.case-li{ padding-top:60px; overflow:hidden;}
.case-li .li{padding:0px 4.2%; width:24.7%; float:left; overflow:hidden;}
.dms-case{ display:none}

/*模块四-图片*/
.case-li .img{ height:130px; width:100%; padding-bottom:20px; position:relative;}
.case-li .img img{ position:absolute; left:0; top:20px; z-index:3;}
.case-li .img:after{ content:""; width:110px; height:130px; background:#c1ddf4; z-index:1; display:block; position:absolute; top:0; left:98px;}
.case-li .img:before{  content:""; width:117px; height:104px; border:1px solid #56c3ea; z-index:2; display:block;position:absolute; top:13px; left:140px;}
.case-li .bg .img:after{ background:#cbe9e1;}
.case-li .bg .img:before{ border:1px solid #accdc4;}
/*模块四-文字*/
.case-li .about{ font-size:14px; color:#666; line-height:30px; text-indent:3em; position:relative;}
.case-li .about:after{ content:""; width:28px; height:28px; position:absolute; left:0px; top:5px; background-size:190px 290px; background-position:0 -144px;}
.case-li .name{ margin-top:30px; padding-top:20px; color:#999; position:relative;}
.case-line{ position:absolute; top:0;}


/*新闻中心*/
.news-banner{}
.news-content li{ margin-top:30px; position:relative; overflow:hidden; height:156px;border-bottom: 1px dashed #ccc; padding-bottom:20px;}
.news-content li:hover .pic img{transform: scale(1.08);transition: all 0.2s ease-in;}
.news-content .pic{ position:absolute; left:0;top:0px;}
.news-content .t{ margin-left:290px; font-size:14px; color:#999; width:51.2%; line-height:30px;}
.news-content li:hover .t{transition: all 0.2s ease-in; margin-left:300px;}
.news-content li:hover .lanse{ color:#457ba7;transition: all 0.2s ease-in;}
.news-content .t .t1{ font-size:16px; padding-bottom:20px; font-weight:bold; color:#555; display:block;}
.news-content .t1 a:hover{ text-decoration:underline;}
.news-content .time{ width:80px;text-align:center;line-height:30px;color:#b0b0b0; margin-top:20px; padding:10px;}
.riqi{ font-size:24px; font-family:Arial, Helvetica, sans-serif; font-weight:400; display: block; color:#457ba7}
.riqi2{font-size:14px; font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid #e6e6e6; width:80px; display: block;}

.news-info {line-height:35px;color:#555;font-size:15px;position: relative; padding:0 60px 60px 60px;}
.news-info .date{ text-align:center; padding:3px 0; color:#999;}
.news-info p{text-indent:2em;padding-top:20px;}
.news-info h1{text-align: center;font-weight: normal;padding:70px 0 0 0;font-size: 24px;}

/*新闻中心分页*/
.page{ text-align: center; padding:7.6% 0px;}
.page .tf{height:27px; line-height:27px; text-align:center; background:#f9f9f9; border:1px solid #ddd; color:#494949; border-radius:2px; display:inline-block; padding:0px 10px; margin-left:5px; cursor:pointer;}
.page .tf:hover{ background:#498cc3; color:#fff;}
.page .tf{ padding:0px 14px;}
.page .cur{ padding:0px 10px 0px 15px;}
.page .tf2{ padding:0px 5px;}

/*兼容ie8*/
@media \0screen\,screen\9{.pms-pic .info{ background:#5894c5;}.headerBar .nav .cur { background: #fff; }}

/*申请页面*/
.f-20{ font-size:20px; padding-left:30px; line-height:80px; }
.applybg{background:#fafafa; width:100%; height:100%;padding:50px 0;}
.apply-nr{ width:450px; border:1px solid #e9e9e9;  background:#fff;  margin:0px auto;border-radius:4px; padding:0px 20px 30px; box-shadow:0 10px 5px rgba(158,158,158,0.2); background:#fff;}
.apply-nr .tm{ font-size:20px; text-align:center; line-height:80px; color:#457ba7; font-weight:bold; position:relative}
.apply-nr .tm:before{ content:"";background:url(../images/line-2.png) repeat-y; width:420px; height:1px; display:block; position:absolute; bottom:10px; left:40px;}

/*登录-输入框*/
.login-box li{ margin-top:15px; line-height:30px; position:relative;}
.login-box input{ color:#888;}
.login-box .tex{ display:block; color:#457ba7; font-size:14px;}
.login-box .box1,.login-box .box2,.login-box .code{width:390px;padding:0px 10px 0 40px;height:40px;line-height:40px; border:1px solid #eee; font-size:14px; border-radius:4px; }
.login-box .box2{width:260px;}
.login-box .code{ display:block; width:100px; float:right; padding:0 10px}
.login-box .b1:before,.login-box .b2:before,.login-box .b3:before,.login-box .b4:before{ content:"\e92c"; display:block; font-size:20px; color:#5894c5; position:absolute; left:10px; bottom:10px;}
.login-box .b2:before{content:"\e92b";}
.login-box .b3:before{content:"\e92d";}
.login-box .b4:before{content:"\e91a";}

/*登录-按钮*/
.apply-nr .zhuce{ width:100%; height:42px; line-height:42px;text-align:center;background:#5894c5; border-radius:4px; margin:30px 0 20px 0; color:#fff; font-size:16px; cursor:pointer;}
.apply-nr .zhuce:hover { box-shadow:0 2px 20px rgba(88, 148, 197, 0.5);}
.apply-nr .zhuce a,.apply-nr .zhuce:hover a{ color:#fff;}

.apply-footer{ width:100%; text-align:center; font-size:13px; color:#999; line-height:26px; padding:20px 0;}

/*登录-按钮*/
.shenqing{ font-size:14px;}
.shenqing h1{ padding-bottom:20px;}
.shenqing h3{ padding-top:20px;}
.shenqing p{ text-indent:2em; line-height:24px;}

/*协鑫平台*/
.gclie-pt,.fxcz-pt{ width:685px; margin:0px auto; padding-top:40px;}
.gclie-pt li,.fxcz-pt li{ float:left; padding-left:50px;}
.gclie-pt li:first-child,.fxcz-pt li:first-child { padding-left:0;}
.gclie-pt1,.gclie-pt2,.gclie-pt3,.gclie-pt4,.gclie-pt5{ width:94px; height:34px;  color:#fff;border-radius:100px; position:relative;text-align:center; padding-top:60px;}
.gclie-pt1:before,.gclie-pt2:before,.gclie-pt3:before,.gclie-pt4:before,.gclie-pt5:before{ content:"\e704";  font-size:36px; position:absolute; top:18px;left:26px;}
.gclie-pt2:before{content:"\e700"; font-size:44px;}
.gclie-pt3:before{content:"\e702";left:28px;}
.gclie-pt4:before{content:"\e701";left:30px;}
.gclie-pt5:before{content:"\e703";left:26px;}
.gclie-pt1:after,.gclie-pt2:after,.gclie-pt3:after,.gclie-pt4:after{ content:"+"; color:#c3c3c3;font-size:40px; position: absolute; right:-36px; font-weight:bold; top:32px}
.gclie-pt4:after{content:"=";}

.gclie-pt-b{ background:#5894c5;}
.gclie-pt-g{ background:#60bbaf;}
.gclie-pt-a1{ background:#a1a1a1;}

/*协鑫难题*/
.xxnanti li{ float:left; width:20%; margin-top:5%;overflow:hidden;}
.xxnanti .pic{height:214px; width:100%;}
.xxnanti .mana_text{height:154px; text-align:center; padding:30px 20px;}
.nati_icon{ width:66px; height:66px; border-radius:66px; border:1px solid #5894c5; background:none;color:#5894c5; text-align:center; margin:0px auto; margin-top:18px; margin-bottom:16px;}
.xxnanti .a1:before,.xxnanti .a2:before,.xxnanti .a3:before,.xxnanti .a4:before,.xxnanti .a5:before{ content:"\e705"; font-size:36px; line-height:66px; }
.xxnanti .a2:before{content:"\e70a"}
.xxnanti .a3:before{content:"\e709"}
.xxnanti .a4:before{content:"\e706"}
.xxnanti .a5:before{content:"\e707"}

.xxnanti li .gclie-pt-b,.xxnanti li .gclie-pt-g,.xxnanti li .gclie-pt-a1{ background:#fff; transition-delay:0s; transition-duration:0.4s; transition-property: all; transition-timing-function: ease;}
.xxnanti li:hover .gclie-pt-b{ background:#5894c5;}
.xxnanti li:hover .gclie-pt-g{ background:#60bbaf;}
.xxnanti li:hover .gclie-pt-a1{ background:#a1a1a1;}
.xxnanti li:hover .mana_text{ color:#fff;}
.xxnanti li:hover .nati_icon{border:1px solid #fff; color:#fff}
.pro-xx2{ display:none}


/*协鑫架构*/
.gclie-scene{ margin:40px 10% 30px 10%; font-size:14px; overflow:hidden; position:relative;}
.x-x-le,.x-x-le3{ padding-top:18px; position:relative;} 
.x-x-le:before,.x-x-le2:before,.x-x-le3:before{ content:""; border-right:1px dashed #ccc; position:absolute; left:165px; top:80px; bottom:36px; }
.x-x-le:after{content:""; border-top:1px dashed #ccc; position:absolute; left:165px; top:50%; width:30px;}

.x-x-le li,.x-x-le3 li{ padding-right:70px; margin-top:20px;line-height:67px;}
.xxicon1,.xxicon3{ width:67px; height:67px; background:#5894c5;border-radius:67px; color:#fff; text-align:center;display: inline-block; margin-right:6px; position:relative;}
.xxicon1:before,.xxicon3:before{content:"\e918"; font-size:36px;text-align:center; line-height:67px;}
.xxicon1:after,.xxicon3:after{content:""; border-bottom:1px dashed #ccc; position:absolute; left:130px; top:40px; width:35px;}

.x-x-le2:before{left:320px; top:80px; bottom:83px;}
.x-x-le2{ padding-top:38px;} 
.x-x-le2 li{ padding-right:25px; margin-bottom:20px;text-align:center;}
.xxicon2{ width:84px; height:84px;background:#5894c5;border-radius:84px; color:#fff;position:relative; display:block;line-height:84px;}
.xxicon2:before{content:"\e708"; font-size:40px; text-align:center;line-height:84px;}
.xxicon2:after{content:""; border-bottom:1px dashed #ccc; position:absolute; left:88px; top:40px; width:35px; }

.x-x-le3 li{padding-right:0} 
.x-x-le3:before{left:-46px; }
.xxicon3:before{content:"\e919"; }
.xxicon3:after{left:-40px; top:40px; width:35px;}
.xxicon3{ background:#60bbaf;}

.gclie-scene .p-s-pic{ position:absolute; left:321px; right:170px; top:50%; margin-top:-70px;text-align:center;}
.gclie-scene .p-s-pic:before{ content:"";border-bottom:1px dashed #ccc; position:absolute; left:0; top:50%;  width:100%;}
.icon-p-s{ width:110px; height:110px; overflow:hidden; background:#a4a4a4; border-radius:110px; display:inline-block; z-index:9; position:relative;}
.icon-p-s:before{ content:"\e91a"; font-size:60px; color:#fff; position:absolute; top:50%; left:50%; margin:-30px 0 0 -30px;}
.p-s-pic .name{ display:block;}
.p-s-pic .fl-t{ position:absolute; left:30px; top:40px;}
.p-s-pic .fr-t{ position:absolute; right:30px; top:40px;}

/*协鑫实施效果*/
.xx-effect{ padding-top:5%;}
.xx-effect li{ background:#fff;padding:18px; color:#888;width:327px; height:auto; float: left;margin:2% 1% 0px 1%; line-height:24px;transition:all 0.3s;}
.xx-effect li:hover{box-shadow: 0 15px 25px #d5d5d5;transform:translate3d(0, -2px, 0);}
.xx-effect li .xx-info{ min-height:50px; padding-top:10px; overflow:hidden;}

/*总裁致辞*/
.president{ text-align: left;color:#888; font-size:16px; text-indent: 2em; line-height:30px; width:84%; margin:0px auto; padding-bottom:15%; padding-top:2.5%;}
.president p{ padding-bottom:3.4%;}
.president .con1{ padding-left:7%;}
.president:before{ content: ""; background:url(../images/comma.png) no-repeat 0px 0px; width:107px; height:96px; display: block; position: absolute; left: -57px;}
.president:after{ content: ""; background:url(../images/comma.png) no-repeat -139px 0px;width:107px; height:96px; display: block; position: absolute;right: 0px; botttom:8.5%;}
.signature{ background:url(../images/signature.png) no-repeat;position: absolute;right:13.6%; botttom:5%;width:177px; height:108px;}

/*复星长征集诊网*/

.fxcz-pt1,.fxcz-pt2,.fxcz-pt3,.fxcz-pt4,.fxcz-pt5{ width:94px; height:26px;  color:#fff;border-radius:100px; position:relative;text-align:center; padding-top:68px;}
.fxcz-pt1:before,.fxcz-pt2:before,.fxcz-pt3:before,.fxcz-pt4:before,.fxcz-pt5:before,.fxcz-pt6:before{ width:40px; height: 42px; content:""; background:url(../images/fx-icon.png) no-repeat 0px -85px;  position:absolute; top:16px;left:28px;}
.fxcz-pt2:before{background:url(../images/fx-icon.png) no-repeat 0px 0px;  width: 41px; height: 41px;}
.fxcz-pt3:before{background:url(../images/fx-icon.png) no-repeat 0px -171px; width: 43px; height: 43px;}
.fxcz-pt4:before{background:url(../images/fx-icon.png) no-repeat 0px -255px; width: 42px; height: 45px; }
.fxcz-pt5:before{background:url(../images/fx-icon.png) no-repeat 0px -426px; width: 40px; height: 47px; }
.fxcz-pt6:before{background:url(../images/fx-icon.png) no-repeat 0px -345px; width: 45px; height: 37px; }

/*复星长征集诊网-难题*/
.fx-problem{ padding-top:6%; overflow: hidden;}
.fx-problem li{ float: left; background: #fff; width: 256px; margin-left: 22px; padding: 10px; min-height: 348px;transition: all .36s ease;}
.fx-problem li:first-child{ margin-left: 0px;}
.item_img{ position: relative; overflow: hidden;}
.item_mask{position: absolute;top:0%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);transition: all .36s ease;border-radius: 100%;width:86px;height:86px;box-sizing: border-box;opacity:0;}
.fx-problem .nt1:before,.fx-problem .nt2:before,.fx-problem .nt3:before,.fx-problem .nt4:before{ content: ""; background:url(../images/fx-icon.png) no-repeat -100px -257px;position:absolute; top:26px;left:28px;width:32px;height:35px;}
.fx-problem .nt2:before{background:url(../images/fx-icon.png) no-repeat -100px -338px;width:38px;height:40px;}
.fx-problem .nt3:before{background:url(../images/fx-icon.png) no-repeat -100px -423px;width:38px;height:36px;}
.fx-problem .nt4:before{background:url(../images/fx-icon.png) no-repeat -100px -503px;width:48px;height:43px;top:21px;left:20px;}
.fx-problem .t1{ font-size: 16px; color: #555; line-height: 60px;}
.fx-problem .line {width: 100%;height: 1px;background: #dbdbdb;margin:0px 0 20px 0;}
.fx-problem .line .lineon{transition: all 0.3s ease 0s;width:60px;height: 1px;background: #232323;}
.fx-problem .nr-t{line-height: 24px; color: #8d8d8d;}
.fx-problem li:hover{box-shadow: 0 5px 15px #eee; margin-top: -20px;}
.fx-problem li:hover .item_mask{opacity: 1;top: 50%;left: 50%;}
.fx-problem li:hover .lineon{ width:100%;}

/*复星长征集诊网-主要功能*/
.fxcz-obj li{ background: #fff; border: none; min-height:266px;margin-top: 0px;transition: all .36s ease;}
.fxcz-obj li:hover{ margin-top: -20px;box-shadow: 0 5px 15px #eee;}
.fxcz-obj .fxcz-pt1,.fxcz-obj .fxcz-pt2,.fxcz-obj .fxcz-pt3,.fxcz-obj .fxcz-pt4,.fxcz-obj .fxcz-pt5{width:94px; height:94px;padding-top:0px; }
.fxcz-obj .fxcz-pt1:before,.fxcz-obj .fxcz-pt2:before,.fxcz-obj .fxcz-pt3:before,.fxcz-obj .fxcz-pt4:before,.fxcz-obj .fxcz-pt5:before,.fxcz-obj .fxcz-pt6:before{ top:23px;}
.fxcz-obj .fxcz-pt6:before{ left:21px;}
/*复星长征集诊网-实施效果*/
.ss-effect{ padding-top: 6%;overflow: hidden;}
.ss-effect li{ width: 370px; margin-left: 30px; float: left;transition: all .36s ease;}
.ss-effect li:first-child{ margin-left: 0px;}
.effect-nr{ width: 314px; height:90px; background:#f7f7f7; border-radius: 10px; position: relative; padding:28px; color: #8d8d8d; line-height: 24px; margin-bottom:10%;}
.effect-nr:before{content:"";position: absolute;bottom: -15px;left:50px;width: 0;height: 0;border-top:16px solid #f7f7f7;border-right: 16px solid transparent;border-left: 16px solid transparent; }
.effect-nr h3{ font-size: 16px; font-weight: bold;padding-bottom: 16px;}
.effect-pt1,.effect-pt2,.effect-pt3{ width:80px; height:80px; border-radius: 100%; background: #4982b0; margin:20px 0 0px 26px; position: relative;}
.effect-pt2{ background: #60bbaf;}
.bcolor{ color: #4982b0;}
.gcolor{ color: #60bbaf;}

.effect-pt1:before,.effect-pt2:before,.effect-pt3:before{ content: "";background:url(../images/fx-icon.png) no-repeat -100px 0px;position:absolute; top:17px;left:18px;width:45px;height:44px;}
.effect-pt2:before{background:url(../images/fx-icon.png) no-repeat -100px -85px;left:20px;}
.effect-pt3:before{background:url(../images/fx-icon.png) no-repeat -100px -172px;}
.ss-effect .t2{ padding-left: 30px; padding-top: 10px;}

.ss-effect li:hover .effect-nr,.ss-effect li:hover .effect-nr h3{ background: #4982b0; color: #fff; }
.ss-effect li:hover .effect-nr:before{border-top:16px solid #4982b0;}
.ss-effect li:hover { margin-top: -20px;}
.ss-effect li:hover .nr2,.ss-effect li:hover .nr2 h3{background: #60bbaf;}
.ss-effect li:hover .nr2:before{border-top:16px solid #60bbaf;}

.Shi-s2{ display: none;}

/*陌云融页面*/

/*陌云融-平台介绍*/
.myr-pt{ width:795px; margin:0px auto; padding-top:5%;}
.myr-pt li{ float:left;margin-left:40px; width: 74px; text-align: center;}
.myr-pt li:first-child,.equity li:first-child {margin-left:0;}
.myr-pt1,.myr-pt2,.myr-pt3,.myr-pt4,.myr-pt5,.myr-pt6,.myr-pt7{ width:74px; height:74px;  color:#fff;border-radius:100px; position:relative;margin-bottom: 8px;}
.myr-pt1:before,.myr-pt2:before,.myr-pt3:before,.myr-pt4:before,.myr-pt5:before,.myr-pt6:before,.myr-pt7:before{ width:34px; height:35px; content:""; background:url(../images/myr-icon.png) no-repeat 0px 0px;  position:absolute; top:20px;left:20px;}
.myr-pt2:before{background:url(../images/myr-icon.png) no-repeat 0px -66px;  width: 34px; height: 36px;left:22px;}
.myr-pt3:before{background:url(../images/myr-icon.png) no-repeat 0px -131px; width: 40px; height: 40px;left:17px;}
.myr-pt4:before{background:url(../images/myr-icon.png) no-repeat 0px -200px; width: 40px; height: 34px;left:16px; }
.myr-pt5:before{background:url(../images/myr-icon.png) no-repeat 0px -266px; width: 37px; height: 37px; }
.myr-pt6:before{background:url(../images/myr-icon.png) no-repeat 0px -330px; width: 38px; height: 42px;top:16px; }
.myr-pt7:before{background:url(../images/myr-icon.png) no-repeat 0px -401px; width: 34px; height: 34px; }

/*陌云融-金融服务对比*/
.financial-con{ width: 1108px; margin: 0px auto; margin-top:6%; line-height: 44px;}
.financial-con:before{ content: "vs"; font-size: 140px; opacity: 0.2; position: absolute; left: 50%; top:50%; z-index: 99; color: #fff; font-family:Arial; margin: -2px -66px;}
.financial-con li{float: left;color: #fff;}
.financial-le{ width: 444px; height: 280px; background: #5a8eb7;text-align: right; padding-right: 110px;}
.financial-ri{ width: 444px; height: 280px; background: #6fc1b6; text-align: left;padding-left: 110px; }
.financial-con h4{ font-size: 28px; line-height: 90px; padding-top:20px; font-weight: bold;}

/*陌云融-服务特点*/
.myr-serve{ background:url(../images/myr-servebg.jpg) no-repeat center top; width: 1000px; height: 270px; margin: 0px auto;margin-top:6%; position: relative;}
.myr-serve:before{ content: ""; width:124px; height:180px; background:url(../images/myr-serveline1.png) no-repeat center top; display: block; position: absolute; top:12px; z-index: 99; left: 280px;}
.myr-serve:after{content: "";width:124px; height:180px; background:url(../images/myr-serveline2.png) no-repeat center top; display: block; position: absolute; top:12px;right:280px;}
.myr-serve h4{ font-size: 16px; color: #333; padding-bottom:16px;color: #5a8eb7; font-weight:400;}
.serve-le{ text-align: right; padding-right: 20px; float: left;}
.serve-ri{ text-align: left;float: right;}
.serve-le li,.serve-ri li{ width: 272px; line-height: 30px; color: #999; }
.p68{ padding-bottom:68px;}

/*陌云融-融资方式*/
.equity{width:1000px; margin:0px auto; padding-top:5%;}
.equity li{float:left;margin-left:8%; width:130px; text-align: center;}
.equity-pt1,.equity-pt2,.equity-pt3,.equity-pt4,.equity-pt5{ width:120px; height:120px;  color:#fff;border-radius:120px; position:relative;margin-bottom:26px;}
.equity-pt1:before,.equity-pt2:before,.equity-pt3:before,.equity-pt4:before,.equity-pt5:before{width:50px; height:46px; content:""; background:url(../images/myr-icon.png) no-repeat -150px 0px;  position:absolute; top:38px;left:36px;}
.equity-pt2:before{background:url(../images/myr-icon.png) no-repeat -150px -89px;  width:42px; height: 46px;}
.equity-pt3:before{background:url(../images/myr-icon.png) no-repeat -150px -178px;  width: 46x; height: 46px;}
.equity-pt4:before{background:url(../images/myr-icon.png) no-repeat -150px -270px;  width: 54px; height: 41px;}
.equity-pt5:before{background:url(../images/myr-icon.png) no-repeat -150px -355px;  width: 51px; height: 49px;}
.equity-pt1:after,.equity-pt2:after,.equity-pt3:after,.equity-pt4:after,.equity-pt5:after{content:""; border: 1px solid #5a8eb7; width: 100px; height: 100px; border-radius: 100%; display: block; left:6px; top:6px; position: absolute;transition: all .36s ease;}
.equity-pt2:after,.equity-pt4:after{border: 1px solid #60bbaf;}
.equity .li1:hover .equity-pt1:after,.equity .li2:hover .equity-pt2:after,.equity .li1:hover .equity-pt3:after,.equity .li2:hover .equity-pt4:after,.equity .li1:hover .equity-pt5:after{width: 140px; height: 140px;left: -11px; top:-11px; }

/*陌云融-系统风险管理*/
.myr{ padding-top:3%;}
.myr .pic:hover .info{ display:block;position:absolute; bottom:0; left:0; right:0; animation: myr 0.5s;-webkit-animation: myr 0.5s; -o-animation: myr 0.5s;animation-fill-mode: forwards;}

@keyframes myr { from {height:50px;}to {height: 98px;}}
@-webkit-keyframes myr{from {height:50px;}to {height: 98px;}}
@-moz-keyframes myr{from {height: 50px;}to {height: 98px;}}
@-o-keyframes myr{from {height: 50px;}to {height: 98px;}}

/*陌云融-风险管理机制和体制*/
.system{ width: 728px; margin: 0px auto; margin-top: 5%;}
.monitor,.analyze,.case-module{ width: 170px; margin-right: 106px; position: relative;}
.case-module{ margin-right: 0;}
.monitor li,.analyze li,.case-module li{ background: #fff; height: 34px; line-height: 34px; text-align: center; margin-bottom: 10px; position: relative; border-radius: 4px;}
.monitor li:before,.analyze li:before{ content: ""; width: 14px; height: 1px; background:#5a8eb7; position: absolute; top:19px; right:-16px;}
.analyze li:after,.case-module li:after{content: ""; width: 14px; height: 1px; background:#5a8eb7; position: absolute; top:19px; left:-16px;}
.monitor:before,.case-module:after{ content: ""; height: 7px; width:42px;position: absolute;background:url(../images/myr-jt.png) no-repeat; right:-70px; top:140px; }
.monitor:after,.analyze:after,.analyze:before,.case-module:before{ content: ""; position: absolute; height: 220px; width: 1px; background: #5a8eb7;right:-16px; top:20px;}
.analyze:after,.case-module:before{left:-16px;}
.case-module:after{left:-70px;}

.monitor .bt1,.case-module .bt1{ background: #5a8eb7; color: #fff;}
.analyze .bt1,.analyze:after,.analyze:before,.analyze li:before,.analyze li:after{background: #6fc1b6; color: #fff;}

.business{ width:170px; height:40px; color: #fff;background: #5a8eb7; margin: 0px auto;  margin-top:54px; line-height: 40px; text-align: center;border-radius: 4px; position:relative}
.business:before{ content: "";background:url(../images/myr-jt2.png) no-repeat; width: 540px; height: 33px; display: block; top:-42px; position: absolute; left:-110%;}