@charset"utf-8";

.main {min-height: 500px;}
.headNavbox { width: 100%; height: 60px; min-width: 1200px; background-color:#323232; }
.headNav {position: absolute; left: 50%; margin-left: -600px; z-index: 9; width: 1200px;height: 60px; line-height: 60px; }
.logo {  color:#0089a6; font-size: 32px;  float: left; margin:8px 15px 0 0; height: 41px; width: 161px;}
.logo img {width: 100%;}
.logo a {color:#0089a6; display: block;}
.header:before { display: block; content: '';top:60px; left: 0; z-index: 1; width: 100%; height: 1px; background:#626262; opacity: .6; filter: alpha(opacity=60);}
.headNav em.e { height: 30px; border-right: 1px solid #aaa; float: left; margin-top: 27px;}
.head_login a{width: 60px; height: 30px; line-height: 30px;background: #0a82fd; color:#fff; *display: inline;*zoom:1; display: inline-block; text-align: center;}
.head_login a:hover{background:#0074ea;}
.support { color:#6c6c6c; font-size: 26px;float: left; margin-left: 15px;}
.support a { color:#0d83fd;}
.nav{ margin-left: 120px;  }
.nav ul li {width: 110px; padding:0 6px; text-align: center; display: block;  float: left; height: 60px; line-height: 60px; }
.nav ul li a{padding:0 6px;color: #fff; display: inline-block; width: 100%;height: 100%;}
.nav ul li.active {line-height: 58px;}
.nav ul li.active:before  {position: relative; z-index: 1; display: block; content:""; width:100%; top: 59px; border-bottom: 2px solid #5ee3e7;}
.nav ul li a:hover,.nav ul li.active a{ color:#5ee3e7; }
.nav ul li ul.transition {opacity: 0;filter: alpha(opacity=0); display: none; position: relative; z-index: 2; top: 0; width: 100%; background-color:#323232; padding-bottom: 8px;
    
}
.nav ul li ul.transition li {width: 100%; float: none; height: 36px; line-height: 36px; padding:0;}
.nav ul li ul.transition li a {color:#fff; }
.nav ul li ul.transition li a:hover ,.nav ul li ul.transition li.current a{ color:#5ee3e7; }
.nav ul li:hover {overflow: visible;}
.nav ul li:hover ul{ display: block;
    -webkit-animation: navshow .6s linear forwards;
    animation: navshow .6s linear forwards;
} 

/***banner***/
.flexslider{ position:relative;width:100%;overflow:hidden;zoom:1; text-align:center;  min-width: 1200px;}
.newsflexslider { overflow:hidden;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;text-align:-webkit-center;text-align:-moz-center;text-align:-0-center;}
.flexslider .slides{zoom:1;  }
.flexslider .slides li { }
.flexslider .slides .img {  max-width:100%; height: 100%;}
.flexslider .slides .img img {width: 100%; display: block;}
.flex-direction-nav a{width:43px;height:69px;line-height:99em;overflow:hidden;display:block; background: url(../images/ad_ctr.png) no-repeat -3px -9px;/*居中两边上、下一张*/position:absolute;top:43%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;margin:0 3%;}
.flex-direction-nav .flex-next{ background-position: -12px -100px;;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next,.flexslider:hover .flex-prev{opacity:0.7;filter:alpha(opacity=70);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=100);}
.flex-control-nav{width:100%;position:absolute;bottom:20px;text-align:center;}
.flex-control-nav li{margin:0 4px;display:inline-block;zoom:1;*display:inline; }
.flex-control-paging li a{ /*居中小圆点*/ background:#fff;display:block; overflow:hidden;text-indent:-99em;width:16px; height:4px;cursor:pointer; box-shadow:1px 1px 3px rgba(0,0,0,.4); opacity: .5; filter: alpha(opacity=50);}
.flex-control-paging li a.flex-active{opacity: 1; filter: alpha(opacity=100);}

.dataList {  background:#c1c1c1; }
.dataList ul {margin:0 auto; height: 130px; background: url(../images/datalistbg.png) no-repeat center;text-align: center; padding: 0; background-size: 100% 100%;}  
.dataList ul li{ width: 20%; height: 130px; ; float: left; color:#333; line-height: 1.5;}
.dataList ul li span { font-size: 30px; font-family: Arial; padding: 28px 0 2px; display: block;}
.dataList ul li p{  font-size: 16px; }

.data-map {width: 100%; padding:70px 0;}
.mapbg {width: 818px; height:687px; margin:0 auto; background: url(../images/jj.png) no-repeat center;}
.coordinate {position: absolute; top:0; left:0; width: 10px; height: 10px; background: #5ee3e7; border-radius: 50%;}
.coordinate:before,.coordinate i:before,.coordinate i:after {position: absolute; top:-37px; left:-37px;  width: 80px; height: 80px; display: block; content: ''; border:2px solid #5ee3e7; border-radius: 50%; transform:scale(0);
    -webkit-animation: coordinates 4.8s linear 0s infinite;  
    animation: coordinates 4.8s linear 0s infinite;  
}
.coordinate i:before {animation-delay:.8s;}
.coordinate i:after {animation-delay:1.7s;}
.coordinate span {position: absolute; left:20px; top:-3px; white-space: nowrap; font-size: 12px;}





/*xiao 200*/
.dadad:before,.dadad i:before,.dadad i:after { 
    top:-67px; left:-67px; width: 140px; height: 140px;
    -webkit-animation-duration: 5.8s;  
    animation-duration: 5.8s;

}

/*xiao 120*/
.shandond:before,.shandond i:before,.shandond i:after { 
top:-57px; left:-57px;  width: 120px; height: 120px;
     
}


/*xiao 100*/
.mingans:before,.mingans i:before,.mingans i:after { 
    top:-37px; left:-37px;  width: 80px; height: 80px; 
    -webkit-animation-duration: 4s;  
    animation-duration: 4s;
     
}

/*xiao 80*/
.minxc:before,.minxc i:before,.minxc i:after { 
    top:-32px; left:-32px;  width: 70px; height: 70px;
    -webkit-animation-duration: 3.8s;  
    animation-duration: 3.8s;  
     
}


.module-tit { text-align: center; color:#333; font-size: 22px; margin-bottom: 32px; }
.module-tit h3 {font-size: 22px;}
.module-tit p { margin-top:10px;color:#666; font-size: 16px;}

.proList { color:#666; text-align: center; }
.proList ul{padding:30px 0 0; height: 600px; display: -webkit-flex; display: -ms-flex; display: flex; }
.proList ul li {width: 25%; height: 550px; flex:1; float: left; border:1px solid #e3e3e3; background: #fff;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
} 
.proList ul li:nth-child(1n) { border-left: 0;}
.proList ul li:nth-child(1) { border-left: 1px solid #e3e3e3;}
.proList .proList-tit{ font-size: 18px; color:#333; padding:40px 0; background: #ededed; }
.proList ul li:nth-child(odd) .proList-tit{ background: #e0e0e0; }
.proList .proList-tit .iconfont { display: block; padding-bottom: 12px; }
.proList .proList-tit .iconfont:before {font-size: 48px;}
.proList .proList-txt { font-size: 16px; padding-top: 15px; }
.proList .proList-txt p {margin-top: 40px;}
.proList .proList-txt-hover { display: none; padding:30px 60px 0; background:#fff; line-height: 30px;  overflow: hidden;}
.proList .proList-txt-hover div {height: 208px; overflow: hidden; margin-bottom: 30px; 
    -webkit-animation: fadeIn .4s linear .2s forwards;  
    animation: fadeIn .4s linear .2s forwards;  
    opacity: 0; 
}
.proList .proList-txt-hover a {display: block;border-radius: 3px; margin-bottom: 10px; width: 100%; height: 50px; line-height: 50px; background: #5ee3e7; color:#fff;
    -webkit-animation: fadeIn .8s linear .2s forwards;  
    animation: fadeIn .8s linear .2s forwards;  
    opacity: 0;
}
.proList ul li:hover {flex:1.4; height: 580px;  border:1px solid #5ee3e7; }
.proList ul li:hover .proList-tit{  margin-top:-30px; padding-top: 70px; background: #5ee3e7; color: #fff; width: calc(100% + 2px); margin-left: -1px;}
.proList ul li:hover .proList-txt-hover {display: block;}
.proList ul li:hover .proList-txt {display: none;}
.proList ul li:hover .proList-txt-hover a {display: block;}
.home-solution {background: #f5f5f5;}
.home-solution .conBox {padding-bottom: 0;}
.three-core {padding: 38px 0 70px;}
.three-core li{ width:33.333%; padding:0 30px; float: left; text-align: center; }
.three-core li .iconfont {display: block; margin:0 auto; width: 150px; height: 150px; line-height: 150px; border:1px solid #5ee3e7; border-radius: 50%; color:#5ee3e7;}
.three-core li .iconfont:before {position: relative; top:-5px; font-size: 60px;}
.three-core li .icon-zengzhifuwu:before {font-size: 62px;}
.three-core li h3 {position: relative; top:-25px; width: 100%; height: 32px; line-height: 40px; background: #f5f5f5; font-size: 18px; color: #333;} 
.three-core li p { overflow: hidden; line-height: 20px; }

.solutionbg {background: #323232; }
.solutionbg .conBox {padding-top: 0;}
.solution-list {width: 1400px;  margin-left: -100px; text-align: center;}
.solution-list li {position: relative; width: 20%; height: 420px; float: left; padding:111px 40px 0; color:#fff;}
.solution-list li:after { position: absolute;top:0; left:0; display: block; content:''; width: 100%; height: 100%; background:rgba(50,50,50,.7);
    filter:progid:DXImageTransform.Microsoft.gradient(enabled="true", startColorstr="#B2000000", endColorstr="#B2000000");
    -webkit-transition:all .8s ease;
    -moz-transition:all .8s ease;
    -o-transition:all .8s ease;
    transition:all .8s ease;
}
:root .solution-list li:after { filter:none; }
.solution-list li p {position: relative; z-index: 1; height: 80px;}
.solution-list li .iconfont:before {font-size:70px; }
.solution-list li .icon-jixielei06:before { font-size: 78px;}
.solution-list li .icon-nongyeyongdi:before {font-size: 88px; position: relative; top: -7px;}
.solution-list li .icon-shangwu1:before {position: relative; top:5px;}
.solution-list li .solution-tit { padding: 45px 0 5px; font-size: 18px; display: inline-block; text-align: center; border-bottom: 2px solid #fff; }
.solution-list li .solution-txt { opacity: 0; filter: alpha(opacity=0); line-height: 26px; margin: 36px 0 0; height: auto; font-size: 14px;}
.solution-list li .seeMore {opacity: 0; filter: alpha(opacity=0); height: 38px; -webkit-transform:scale(0); transform:scale(0); } 
.solution-list li .seeMore a { display: block; margin:0 auto; width: 112px; height: 38px; line-height: 38px; border:1px solid #fff; color:#fff; border-radius: 3px;}
.solution-list li .seeMore  a:hover {border-color: #5ee3e7; background:#5ee3e7;}
.solution-list li.one {background: url(../images/solutionbg1.png) no-repeat center; }
.solution-list li.two {background: url(../images/solutionbg2.png) no-repeat center; }
.solution-list li.three {background: url(../images/solutionbg3.png) no-repeat center; }
.solution-list li.four {background: url(../images/solutionbg4.png) no-repeat center; }
.solution-list li.five {background: url(../images/solutionbg5.png) no-repeat center; }
.solution-list li:hover {padding-top: 55px;}
.solution-list li.one:hover {padding-top: 48px;}
.solution-list li.five:hover {padding-top: 40px;}
.solution-list li:hover .solution-txt,.solution-list li:hover .seeMore  { opacity: 1; filter: alpha(opacity=100); }
.solution-list li:hover .seeMore { 
    -webkit-animation: centershow .4s linear .2s forwards; 
    animation: centershow .4s linear .2s forwards;
    
    }
.solution-list li:hover::after,.ychengj ul li:hover::before {background: rgba(94,227,231,.7);
    filter:progid:DXImageTransform.Microsoft.gradient(enabled="true", startColorstr="#B25EE3E7", endColorstr="#B25EE3E7");
    
}

.contant  { text-align: center; font-size: 16px; line-height: 1.5;}
.contant .module-tit {margin-bottom: 10px;}
.contant .tel { border-bottom: 1px solid #e3e3e3; padding-bottom: 35px; margin-bottom: 35px;}
.contant .tel .iconfont { color:#5ee3e7;}
.contant .tel .iconfont:before { position: relative; top: 2px;font-size: 30px; margin-right: 6px; position: relative; top: 5px;}
.contant .haikeyi {font-size:22px; padding-bottom: 15px;}
.contant .ipt-user {position: relative; margin:12px auto 0; width: 465px; height: 48px; line-height: 48px; border-radius: 3px; border:1px solid #ddd; padding-left: 105px; font-size: 14px;}
.contant .ipt-user span{position: absolute;left:0; display: block; width:105px; text-align: right;}
.contant .ipt-user .iconfont {position: absolute; left: 15px;}
.contant .ipt-user .iconfont:before{font-size: 22px;}
.contant .ipt-user .icon-09dianhua:before{position: relative; top:2px;}
.contant .ipt-user .icon-lianxiren:before{font-size: 26px;}
.contant .ipt-user input {width: 100%; height: 100%;border:0; background: transparent; font-size: 14px; color:#666;}
.contant .submit258 {width: 234px; height: 50px; line-height: 50px; display: block; margin:0 auto; background: #5ee3e7; color:#fff; border-radius: 3px; margin-top:20px;}
.contant .submit258:hover {opacity: .9;filter: alpha(opacity=90);}

.footer {  min-width: 1200px; background: #333; padding: 20px 0 45px; position: relative}
.footer .conBox {padding: 0; color:#ababab;  font-size: 12px;}
.footer a { color: #bbb;  font-size: 14px;}
.footer .btnBox {padding-left: 75px; padding-bottom: 16px; border-bottom: 1px solid #464646; line-height: 26px;}
.footer .btnBox span { position: absolute; left: 0;width: 75px; font-size: 14px;}
.footer .btnBox span + a {margin-left: 0;}
.footer .btnBox a { display: inline-block; padding: 0 3px; margin: 0 16px 0 0; color: #ababab; }
.footer .btnBox a:hover { color:#5ee3e7;}
.footer p { color: #bbb; line-height: 2;}
.footer .NavBottom { padding: 32px 0 10px;}
.footer .NavBottom a { position: relative; padding: 0 12px; font-size: 14px;}
.footer .NavBottom a:first-child {padding-left: 0;}
.footer .NavBottom a:hover { color: #5ee3e7}
.footer .logoBox { position: absolute; bottom: -24px; right: 10px}
.footer .logoBox img { width: 111px}


/**about**/
.pagebg {background-color: #f5f5f5!important; min-width:1200px; }
.aboutBox { background: url(../images/aboutbg.png) no-repeat right; min-width: 1200px; background-size: contain;}
.aboutmax {max-width:57%; }
.about-tit { font-size: 18px; color:#333; padding:30px 0 20px 12px; font-weight: bold;}
.about-tit h1 {font-size: 18px; }
.about-tit:before {display: block; content: ''; position: absolute; left: 0; top:33px; width: 2px; height: 18px; background: #333;}
.about-txt {line-height: 2;}


/**contact**/
.contactBox {padding-top: 0;}
.contactBox .daili {padding-bottom: 30px;}
.contactBox .daili span{ padding-right: 38px;}
.contactBox .con-fl {width: 33.33%;}
.con-fl .txtArea p{padding-bottom: 16px; margin-bottom: 18px; border-bottom: 1px solid #ddd;}
.con-fl .txtArea p:last-child {border-bottom: 0;}
.con-fl .txtArea p span{ display: block;font-size: 16px; padding-bottom: 8px; }
.contactBox .con-fr {width: 60%; height: 450px; margin-top: 33px; overflow: hidden;}
.contactBox .con-fr .frame {width:120%; height: 111%; position: absolute; top:-50px; border:0;margin-left: -68px;}

/**join**/
.joinbox {padding-top: 0;}
.tree-list{overflow: hidden;}
.tree-list li{ float:left;width: 97px; min-width: 97px; height: 45px; line-height: 45px; text-align: center; background: #ececec;margin-right: 2px;cursor: pointer;}
.tree-list li a{display: block;}
.tree-list li.active a,.tree-list li a:hover{background: #5ee3e7; color:#fff;}
.join-list {width: 100%; border: 1px solid #ddd; margin-top: 22px;}
.join-list .w25 {width: 25%; width: 23.4%\9;}
.join-list .w15 {width: 15%; width: 12.8%\9;}
.join-list dl { text-align: center; }
.join-list dl.one {background: #ececec;}
.join-list dt,.join-list dd { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding:0 1%; float: left;}
.join-list dt:last-child{border-right-color:#ececec;} 
.join-list dd:last-child{ border-right: 0;}
.join-list dl:last-child dd{ border-bottom: 0;}
.join-list dt{ height: 45px; line-height: 45px; font-weight: normal;}
.join-list dd { height: 50px; line-height: 50px; background: #fff; }
.join-list dd a{color:#5ee3e7;}


/**joinDetail;**/
.join-time { font-size: 12px; padding-top: 15px; margin-left: -15px;}
.join-time span {padding-right: 30px;}
.join-time i.iconfont{ font-size: 14px; margin-right: 5px;}
.join-time i.icon-time{ position: relative; top:2px;}
.join-detail {min-height: 500px; padding-bottom:50px;}
.join-detail .detail-introduce {padding:3px 0 15px; margin-bottom: 25px; border-bottom: 1px solid #ddd; }
.join-detail .detail-introduce span {padding-right: 60px;}
.join-detail .detail-txt {line-height: 2;}
.join-detail .detail-txt h3.tit{ font-size: 14px; font-weight: bold; color: #333;}
.join-detail .detail-txt img { max-width: 100%; padding:8px 0;}
.sendCV {display: block; margin-top:28px; text-align: center; font-size: 16px; width: 190px; height: 45px; line-height: 45px; color:#5ee3e7; border:1px solid #5ee3e7;}
.sendCV:hover {background: #5ee3e7; color:#fff;}

/**crumbs**/
.crumbs {padding-top: 30px;}
.crumbs i { padding:0 8px;}
.crumbs span {display: inline-block;vertical-align: top;  max-width: 70%;}

/**page**/
.page {width: 100%;  text-align: center; margin-top: 30px;}
.page ul li { display: inline-block; width: 32px; height: 32px; line-height: 32px; font-family:'arial'; color:#999; margin-right:3px; }
.page ul li:last-child {margin-right:0;}
.page ul li a {display: block; color:#999; border: 1px solid #ddd;}
.page ul li a:hover,.page ul li.active a {background: #5ee3e7; color:#fff; border: 1px solid #5ee3e7;}


/**news**/
.newsList { overflow:hidden;}
.newsList ul { width: 1300px;}
.newsList li {margin:0 20px 20px 0; background: #fff; width: 385px; display: inline-block; vertical-align: top; border:1px solid #eaeaea;}
.newsList li a {display: block; color:#666;}
.newsList .newsImg {width: 100%; height: 220px; overflow: hidden;}
.newsList .newsImg img {width: 100%;
    -webkit-transition-duration:.7s;
    transition-duration:.7s;
}
.newsList .newsImg:hover img {
    -webkit-transform:scale(1.12);
    transform:scale(1.12);
}
.newsList .newsTxt {padding:20px;}
.newsList .newsTit {font-size: 16px; color:#666;}
.newsList .newsSub { padding:12px 0 15px; border-bottom: 1px solid #ddd; margin-bottom: 16px; color:#999;}
.newsList .txt {width: 100%; height: 70px; line-height: 24px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.newsList .posts {position: absolute; top:0; left: 0; width: 50px; height: 26px; line-height: 26px; text-align: center; background: #5ee3e7; color:#fff;}
.newsList li a:hover .newsTit {color:#5ee3e7;}
.newsList li:hover{box-shadow: 1px 1px 6px rgba(0,0,0,.08);} 
.newsDetail { width:720px; }
.newsDetail .join-time { border-bottom: #ddd 1px solid; padding-bottom: 15px; font-weight: normal; }
.news-nextInfo p {width: 39%; display: block; height: 30px; line-height: 30px;}
.news-nextInfo p a,.news-nextInfo p i{display: block; float: left;}
.news-nextInfo p a {width: 94%;} 
.news-nextInfo .news-next { text-align: right;  }
.newsDetail .join-detail .detail-txt * {background: transparent!important;}

/**notice**/
.notice-list { padding:0 0 30px; }
.notice-list li{position: relative; padding-left: 22px; height: 50px; line-height: 50px; border-bottom: 1px dashed #ddd; overflow: hidden;}
.notice-list li:before { content:''; display: block; position: absolute; top:50%; left:5px; width: 4px; height: 4px; background: #c7c7c7; margin-top: -2px; }
.notice-list li a{display: block;}
.notice-list li span { display: inline-block; vertical-align: top;}
.notice-list li .zhid{ color:#5ee3e7; max-width: 6%;}
.notice-list li .txt{max-width: 80%; }
.notice-list li .time{ font-size: 12px; color:#666; float: right;}

/**product**/
.product-advantage { background: #f5f5f5;}
.product-advantage .module-tit { margin-bottom: 0;}
.advantage {padding:16px 120px 0px 135px;}
.advantage li {width: 238px; line-height: 100px; display: inline-block; vertical-align: top; margin:50px 118px 0 0;}
.advantage li.sanbox, .advantage li.liubox  { margin-right: 0; width: 220px;} 
.advantage li i{display: inline-block; vertical-align: top; width: 165px; height: 165px; border-radius: 42px; background: no-repeat 30px 28px ;}
.advantage li i.er {background-position: -416px 31px;}
.advantage li i.san {background-position: -185px 26px;}
.advantage li i.si {background-position: 24px -108px;}
.advantage li i.liu {background-position: -185px -106px;}
.advantage li i.wu {background-position: -415px -108px;}
.advantage li span {display: inline-block; vertical-align: top; font-size: 18px; color:#333; margin-left: 15px;}
.advantage li i.icon-wangzhan:before{font-size:56px;}
.advantage li i.icon-feiji:before{font-size:56px;}
.advantage li i.icon-chilun:before{font-size:56px;}


.product-flow ul {padding: 40px 0 20px;}
.product-flow li {width: 360px; height: 388px; display: inline-block; vertical-align: top; margin-right: 55px; border:1px solid #ddd; padding:30px; text-align: center; line-height: 24px;}
.product-flow li:first-child i{padding-top: 20px;}
.product-flow li i {display: block; height: 206px; margin-bottom: 20px; }
.product-flow li i img { max-width: 100%; display: inline-block;}
.product-flow li p span{ color:#5ee3e7; font-size: 16px; }
.product-flow li.last {margin-right: 0;}

.case-list  {text-align: center;}
.case-list .list {display: inline-block; margin-top: 32px; }
.case-list .list li{ float: left;  width: 150px; height: 42px; line-height: 42px; border:1px solid #ccc; border-left:0; cursor:pointer; } 
.case-list .list li:first-child {border-left: 1px solid #ddd;}
.case-list .list li.active {background: #5ee3e7; color:#fff; border-color:#5ee3e7; }
.case-list .openmz {display: inline-block; margin-top: 30px; width: 300px; height: 64px; line-height: 64px; background: #5ee3e7; color:#fff; font-size: 24px;}
.case-list .openmz:hover {opacity: .9; }

.case-img {width: 700px; margin:70px auto 50px;}
.case-img img {width: 100%;}
.case-img .pcbox { width: 700px; height: 610px; background:url(../images/mac.png) no-repeat center;}
.case-img .mobilebox { position: absolute; bottom:0; left: -40px; width: 127px; height: 268px; background:url(../images/mobile.png) no-repeat center;}
.case-img .pcimg { position: absolute; background: #fff; top:30px; left:30px; width: 641px; height: 350px; overflow: hidden; }
.case-img .mobileimg { position: absolute;top:40px; left:11px; background: #fff; width: 107px; height: 190px; overflow: hidden; }


/**yanshang**/
.yanshang li {text-align: center; margin-top: 20px;}
.yanshang li i {display: block; margin:0 auto; background-image: none;}
.yanshang li i:before {font-size: 52px; color:#5ee3e7;}
.yanshang li i.icon-zhanlvehezuo:before {font-size: 36px;}
.yanshang li i.icon-yingxiaoyeji:before {font-size: 42px;}
.yanshang li i.icon-chanpin:before {font-size: 48px;}
.yanshang li i.icon-yunying:before { position: relative; left:2px; top:-2px; font-size: 54px;}
.yanshang li span{ line-height: 1.7; font-size: 14px; margin:15px 0 0 0; color:#666;}
.yanshang li em{ display: block; font-size: 18px; color:#333; }

.yanshang-flow {text-align: center;}
.yanshang-flow li{ padding:20px; text-align: left; width: 348px; margin-right: 20px;overflow: hidden;}
.yanshang-flow li:first-child i { padding-top: 0;}
.yanshang-flow li i {height: 185px;}
.yanshang-flow li i img {width: 100%;}
.yanshang-flow li .h-tit {}
.yanshang-flow li .h-name {font-size: 16px; color:#5ee3e7; margin:12px 0 3px;}
.yanshang-flow li .h-txt {line-height: 24px; height: 70px; overflow: hidden;}

.loginyans {background: #383838;}
.loginyans-list .title {font-size: 42px; color:#5ee3e7; text-align: center; margin-bottom: 30px;}
.loginyans .lingxbg { position:absolute; top:0; left:0; z-index: 3; width: 170px; height: 100px; background: #5ee3e7;}
.loginyans-list ul { height: 440px; background: url(../images/yanshangbg.png) no-repeat center ;}
.loginyans-list li {position: absolute;  float: left; background: url(../images/proyshibg.png) no-repeat; }
.loginyans-list li p {position: absolute; overflow: hidden; font-size: 16px; color:#383838; text-align: center; line-height: 1.4;}
.loginyans-list li.one { top:20px; left:0; width: 270px; height: 308px; background-position: -598px bottom; }
.loginyans-list li.two {bottom:15px; left:310px; width: 175px; height: 205px; background-position: left bottom;}
.loginyans-list li.three {top:70px; left:500px; width: 230px; height: 240px; background-position: -277px bottom; }
.loginyans-list li.four { bottom:0; left:791px; width: 260px; height: 295px; background-position: top right;  }
.loginyans-list li.five { top:20px; right:0; width: 165px; height: 190px; background-position: right bottom; }
.loginyans-list li.one p{top: 106px; left: 49px;width:168px; height: 103px; font-size: 24px;}
.loginyans-list li.two p{ width: 110px; top: 71px; left: 32px; }
.loginyans-list li.three p{ width: 130px; height: 68px; top: 91px; left: 45px;}
.loginyans-list li.four p{ width: 166px; height: 98px; top: 97px; left: 50px; font-size: 18px;}
.loginyans-list li.five p{ width: 102px; height: 65px; top: 66px; left: 33px; }
.loginyans-btn {display: block; width: 300px; height: 60px; line-height: 60px; text-align: center; background: #5ee3e7; color:#fff; font-size: 24px; margin:50px auto 0;}
.loginyans-btn:hover {color:#fff; opacity:.9 ;filter: alpha(opacity=90);}


/*** yunzuan ***/
.yunz-core-one { padding: 0 110px 0 120px;}
.yunz-core { padding: 0 0 0 48px;}
.yunz-core li {margin-right: 50px;}
.yunz-core li.liubox { white-space: nowrap;} 

.yunzuan li i:before {position: relative;  font-size: 46px; }
.yunzuan li i.icon-bianji:before {font-size: 38px;}
.yunzuan li i.icon-qq2:before {font-size: 40px; top:2px;}
.yunzuan li i.icon-11baikeicon:before {font-size: 42px;}
.yunzuan li i.icon-app:before {font-size: 42px; top:2px;}
.yunzuan li i.icon-youxi1:before {top:2px; font-size: 44px; }
.yunzuan li i.yanshang li i:before {top:2px;}
.yunzuan li i.icon-faxiaoxi:before {top:3px;}

.ychengj ul { padding: 20px 0;}
.ychengj ul li {width: 285px; height: 405px; display: inline-block; vertical-align: top; margin-right: 15px; color:#fff; overflow: hidden; text-align: center;}
.ychengj ul li:before { position: absolute; top:0; left: 0; z-index: 1; display: block; content:''; width: 100%; height: 100%;
    background:rgba(50,50,50,.7);
    filter:progid:DXImageTransform.Microsoft.gradient(enabled="true", startColorstr="#B2000000", endColorstr="#B2000000");
}
:root .ychengj ul li:before { filter:none; }
.ychengj ul li i { position: relative; z-index: 2; display: block; margin-top: 90px; height: 90px;}
.ychengj ul li i:before {font-size: 80px;}
.ychengj ul li i.icon-yonghu:before {font-size: 98px; position:relative; top:-6px;}
.ychengj ul li i.icon-gongzuo:before {position:relative; top:9px; font-size: 62px;}
.ychengj ul li p { position: relative; z-index: 2; padding: 50px 0 18px; font-size: 18px; line-height: 26px; border-bottom: 2px solid; margin:0 60px;}
.ychengj ul li.one { background: url(../images/yunz1.jpg) no-repeat top left;}
.ychengj ul li.two { background: url(../images/yunz2.jpg) no-repeat top left; }
.ychengj ul li.three { background: url(../images/yunz3.jpg) no-repeat top left; }
.ychengj ul li.four { background: url(../images/yunz4.jpg) no-repeat top left; margin-right: 0;}
.ychengj ul li.one p { line-height: 52px;}
.ychengj ul li:before { position: absolute; top:0; left: 0; z-index: 1; display: block; content:''; width: 100%; height: 100%;
    background:rgba(50,50,50,.7);
    filter:progid:DXImageTransform.Microsoft.gradient(enabled="true", startColorstr="#B2000000", endColorstr="#B2000000");
}

.guarantee {width: 751px; height: 414px; background: url(../images/yunzuanbg.png) no-repeat center;margin:0 auto; color:#469a9b;}
.guarantee .list-bg {position: absolute; display: block; min-width: 150px;}
.guarantee .one {top: 20px; left: -114px;}
.guarantee .two { top: 47px; left: 722px;}
.guarantee .three { top: 223px; left: -69px; }
.guarantee .four { top: 177px; left: 709px; }
.guarantee .list-bg i {display: inline-block; width: 60px; height: 60px; line-height: 60px; vertical-align: top; text-align: center;}
.guarantee .list-bg em {display: inline-block; vertical-align: middle; line-height: 60px; font-size: 18px;}
.guarantee .list-bg i:before {font-size: 44px; }
.guarantee .one i:before {font-size: 48px;}
.guarantee .three i{ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAxCAYAAAChzEtEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTMzNTA3QkQ2REVDMTFFN0JCOTZFMUUxQzQ4NTc5N0QiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTMzNTA3QkU2REVDMTFFN0JCOTZFMUUxQzQ4NTc5N0QiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMzM1MDdCQjZERUMxMUU3QkI5NkUxRTFDNDg1Nzk3RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMzM1MDdCQzZERUMxMUU3QkI5NkUxRTFDNDg1Nzk3RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Prg85JoAAAcHSURBVHjatJoLkI5V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) no-repeat center;}

.openyunzbox { background: #383838; padding:70px 0 50px; min-width: 1200px;}
.openyunz { text-align: center; padding:0; height: 630px; color:#5ee3e7; background: url(../images/openyunzbg.png) no-repeat center;}
.openyunz a {width: 300px; height: 64px; margin:35px auto 0; display: block; line-height: 64px; background: #5ee3e7; color:#fff; font-size: 24px;}
.openyunz a:hover {opacity: .9; filter: alpha(opacity=90);}
.openyunz p { font-size: 40px; font-weight: bold; padding-top: 280px;}


/*********yingxiaobao*********/
.ying-core { width: 100%; height: 180px; background: url(../images/yingxbg.jpg) no-repeat center;}
.ying-core ul { height: auto; background:none; text-align: left;}
.ying-core ul li { color:#fff; width: 28%; height: auto;  line-height: 1.4;  }
.ying-core ul li span {font-weight: bold; font-size: 32px; padding: 35px 0 10px;}
.ying-core ul li p { font-size: 20px;}
.ying-core ul li.two {width: 30%;}
.ying-core ul li.four {width: 25%;}
.ying-core ul li.last {width: 16%;}

.scheme ul {padding-top: 10px;}
.scheme li{ width: 211px; margin-right: 110px; text-align: center;display: inline-block; vertical-align: top; }
.scheme li h4 { font-size: 18px; color:#333; margin:12px 0 ;}
.scheme li p { line-height: 1.5; font-size: 16px; }
.scheme li .img {width: 160px; margin:0 auto;}
.scheme li .img img { max-width: 100%;}
.scheme li.last {margin-right: 0;}

.worth li .img {width: auto; height: 180px; line-height: 180px; margin:0 auto;}
.worth li .img img {display: inline-block; height: 170px; max-width: auto;}

.yxb-case ul li{ width: 579px; display: inline-block; background: #fff; border:1px solid #ddd; font-size: 16px; }
.yxb-case ul li .toubox {padding: 20px; background: #eee; text-align: center; }
.yxb-case ul li .toubox .img {width: 60px; height: 60px; overflow: hidden;margin:0 auto 10px;}
.yxb-case ul li .toubox .img img { max-width: 100%; width: 100%;  }
.yxb-case ul li .tou {width: 120px; overflow: hidden; }
.yxb-case ul li .fr {width: 380px;  text-align: left; }
.yxb-case ul li .fr h4 {font-size: 24px; color:#5ee3e7; margin:8px 0 13px;}
.yxb-case ul li .fr p {color:#999; }
.yxb-case ul li .data-list {padding:20px 5px; text-align: center;}
.yxb-case ul li .data-list span{ position: relative; width:25%; display: block; float: left; overflow: hidden;  }
.yxb-case ul li .data-list span i{ display: block; font-size: 24px; color:#5ee3e7; padding-top: 12px;}
.yxb-case ul li .data-list span:before {display: block;content:''; position: absolute; right: 0; top:5px; width: 2px; height: 50px; background: #dcdcdc;}
.yxb-case ul li .data-list span.last:before {display: none;}
.yxb-case ul li .data-txt {background: #5ee3e7; height: 50px; line-height: 50px; color:#fff;}
.yxb-case ul li .data-txt p {width: 50%; height: 50px; line-height: 46px; float: left; text-align: center; }
.yxb-case ul li .data-txt span {font-size: 24px; position: relative; top: 3px;}





/*********shangwuweishi*********/
.releasebox ul {padding:50px 0 20px;}
.releasebox ul li {width: 160px;margin-right: 92px;}
.releasebox ul li .release {width: 110px; height: 110px; border-radius: 50%; border:1px solid; color:#2FB26A; font-size: 24px; text-align: center; margin:0 auto 15px;}
.releasebox ul li .release:before {content: ''; display: block; position: absolute; right: -118px; top:50%; width: 90px; height: 1px; background:#2FB26A;  }
.releasebox ul li .release .number {position: absolute; left:50%; top:-15px; margin:0 0 0-10px; width: 20px; height: 30px; background: #f5f5f5; font-family:'arial';}
.releasebox ul li .release em {padding-top: 20px; display: block;}
.releasebox ul li p {font-size: 14px;}
.releasebox ul li.last .release:before {display: none;}

.gongnshow ul{ padding-top: 70px; }
.gongnshow ul li { float: left; width: 299px; text-align: center; height: 495px;  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAHuCAYAAAAlXTHKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUEzQzMyOUI3MTE0MTFFN0EwRkFDRjFERDAxMEI4RkQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUEzQzMyOUM3MTE0MTFFN0EwRkFDRjFERDAxMEI4RkQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QTNDMzI5OTcxMTQxMUU3QTBGQUNGMUREMDEwQjhGRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QTNDMzI5QTcxMTQxMUU3QTBGQUNGMUREMDEwQjhGRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmK0R98AAAcVSURBVHja7NbdbeJA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) no-repeat left top;} 
.gongnshow ul li h4 {display: inline-block;  padding: 120px 0 36px; font-size: 18px; color:#2FB26A;}
.gongnshow ul li h4:before,.gongnshow ul li h4:after {position: relative; display: block; content: ''; width:100%; height: 1px ; background: #2FB26A;  }
.gongnshow ul li h4:after{top:9px;}
.gongnshow ul li h4:before  { top:39px;}
.gongnshow ul li i.iconfont {position: absolute; left:50%; top:-50px; margin-left: -50px; width: 120px; height: 120px;   display: block; color:#fff; line-height: 100px;}
.gongnshow ul li i.iconfont:before {font-size: 52px; position: relative;}
.gongnshow ul li i.icon-pingtai:before {font-size: 42px; }
.gongnshow ul li i.icon-wangzhan:before {  top:-3px;}
.gongnshow ul li i.icon-meiti:before {  top:2px;}
.gongnshow ul li p {font-size: 16px; line-height: 60px;}
.gongnshow ul li.last {width: 300px;}

 
.swws-coreBg { width: 855px; margin:0 auto; padding-top: 35px; }
.swws-coreBg img { width: 100%; }
.swws-coreBg p {position: absolute; left: 50%; font-size: 18px; color:#666; }
.swws-coreBg p.one { top: 37px; margin-left: -293px;}
.swws-coreBg p.two { top: 37px; margin-left: 180px;}
.swws-coreBg p.three { top: 304px; margin-left: -388px;}
.swws-coreBg p.fout { top: 304px; margin-left: 262px; }
.swws-coreBg p.five { bottom: 0; margin-left: -58px;}
.swws-kaos { margin:0 100px;text-align: center; padding-top: 30px;}
.swws-kaos li { width:180px; }
.swws-kaos li.two {display: inline-block;}
.swws-kaos li h4 {width: 100%; height: 42px; line-height: 42px; background: #5ee3e7; color:#fff; font-size: 18px; margin-bottom: 30px;}
.swws-kaos li p {height: 60px; line-height: 60px;}
.swws-kaos li p img {display: inline-block; max-width: 100%;}
.swws-case-class {text-align: center; padding:22px 0;}
.swws-case-class li{ display: inline-block; margin-right: 15px; background: #e8e8e8; width: 170px; height: 42px; line-height: 42px; cursor:pointer;}
.swws-case-class li.active,.swws-case-class li:hover {background: #F8F8F8; border-top:2px solid #5ee3e7; box-shadow: 1px 1px 3px rgba(0,0,0,.1); }
.swws-case-list {padding: 20px 0 0 18px; overflow: hidden;}
.swws-case-list  .case-list {width: 120%; display: none;}
.swws-case-list  .case-list li {float: left; width: 375px; height:295px; border:1px solid #5ee3e7; margin:0 20px 0 0; background: #fff;}
.swws-case-list .case-list li .fl { width: 230px; height: 100%; background-color: #eee; border-right: 1px solid #3ee5e7;}
.swws-case-list .case-list li .fl h3 {padding:0 10px; font-size: 14px; background: #5ee3e7; line-height: 35px; height: 35px; color:#fff;}
.swws-case-list .case-list li .fl p {text-align: center;}
.swws-case-list .case-list li .fl .case-logo { display:inline-block; margin:12px 0 10px; width: 80px; height: 80px; background: #fff; border-radius: 50%; overflow: hidden; }
.swws-case-list .case-list li .fl .case-logo img { width: 100%; }
.swws-case-list .case-list li .fl .case-web span,.swws-case-list .case-list li .fl .case-time span {display: block; padding:0 12px;}
.swws-case-list .case-list li .fl .case-time {padding: 10px 0 20px;}
.swws-case-list .case-list li .fl a.more { background-color: #5ee3e7; text-align: center; display: inline-block; width: 84px; height: 30px; line-height: 30px;  color:#fff; font-size: 12px;}
.swws-case-list .case-list li .fl a.more:hover {opacity: .8;filter: alpha(opacity=80);}
.swws-case-list .case-list li .fr {width: 141px; height: 100%; padding:10px 12px; background: url(../images/case-data.png) no-repeat 10px 23px;}
.swws-case-list .case-list li .fr p { padding: 10px 0 0 40px; height: 70px; border-bottom: 1px solid #5ee3e7; text-align: left;}
.swws-case-list .case-list li .fr p:last-child { border-bottom: 0; }
.swws-case-list .case-list li .fr p.one { padding-top:10px;}
.swws-case-list .case-list li .fr p span { display: block; line-height: 1.5;}
.swws-case-list .case-list li .fr p span.num {color:#5ee3e7; font-size: 18px;}


/*********258*********/
.solution258 { padding:15px 100px;}
.solution258 li {width: 33.333%;  background: #e8e8e8; display: block; float: left; margin: 0; padding: 30px 0 22px; line-height: 1.5;}
.solution258 li.fbg { background: #fff;}
.solution258 li i{ background-color:transparent; height: 85px; line-height: 90px;}
.solution258 li i:before {position: relative;  font-size: 74px;}
.solution258 li i.icon-renzheng:before {font-size: 64px;}
.solution258 li i.icon-wangzhan:before {font-size: 72px; top:-3px;}
.solution258 li i.icon-shangji:before {font-size: 70px;}
.solution258 li i.icon-caigou:before {font-size: 76px;}
 
.operate {text-align: center; padding:12px 0;}
.operate li{ width: 280px; height: 325px; border:1px solid #e4e4e4; display: inline-block; margin-right: 21px; vertical-align: top;}
.operate li .img {padding: 50px 0 35px; height: 255px; }
.operate li .img img { max-width: 100%; display: inline-block;}
.operate li p {font-size: 18px;}
.operate li.last {margin-right: 0;}

.success-case .module-tit{margin-bottom: 0; }
.success-case ul{ text-align: center; padding:0 25px;}
.success-case li {display: inline-block; vertical-align: top; width: 380px; margin-top: 30px; padding: 0 60px;}
.success-case li .logoimg{width: 250px; height: 80px; margin:0 auto 18px; overflow: hidden; }
.success-case li .logoimg img {width: 100%;}
.success-case li p {padding:0 12px; line-height: 24px; }


/*********lawyer*********/
.lawyer li {width:287px; height: auto;  margin-right: 13px; border:0;}
.lawyer li .img{ padding:0 0 0; margin-bottom: 15px; line-height: 1.6; width: 100%; height: 400px;}
.lawyer li h4 {font-size: 24px; color: #333;}
.lawyer li p {font-size: 16px; line-height: 26px; color: #333;}

.core-value { padding: 25px;}
.core-valueImg { width: 454px; height: 454px; overflow:hidden;}
.core-valueImg img {width: 100%;}
.core-valueTxt { width: 640px; height: 454px; overflow: hidden;}
.core-valueTxt h2 { color:#5ee3e7; font-size: 24px; }
.core-valueTxt ul {padding: 15px 0 30px; font-size: 16px; line-height: 1.7;}
.core-valueTxt ul li {}

/**招商加盟**/
.cooperation ul {text-align: center;}
.cooperation ul li{display: inline-block; width:33.3333%; margin: 16px 0 0; }
.cooperation ul li h4 { font-size: 22px; color:#5ee3e7; }

.partner  {padding-top: 20px;}
.partner li{width:24%; margin:0 10px 10px 0; float: left;}
.partner li img {width: 100%; display: block;}

/**xiuke**/
.xiuke-core-one  {padding:60px 0 65px;}
.xiuke-core-one li{ width: 24.3%;  height: 157px; height: 157px; color:#fff; text-align: center; margin-right: .8%; float: left; }
.xiuke-core-one  li.one { background: url(../images/zhuc1.png) no-repeat top left; } 
.xiuke-core-one  li.two { background: url(../images/zhuc2.png) no-repeat top left; } 
.xiuke-core-one  li.three { background: url(../images/zhuc3.png) no-repeat top left; } 
.xiuke-core-one  li.four {margin-right: 0;  background: url(../images/zhuc4.png) no-repeat top left; } 
.xiuke-core-one li i {display: block; height: 100px; line-height: 110px;}
.xiuke-core-one li i:before {font-size: 56px; }
.xiuke-core-one li i.icon-zhuchiren:before { font-size: 50px;}
.xiuke-core-one li i.icon-diannaoshouji:before { font-size: 64px;}
.xiuke-core-one li span { font-size: 18px;}

.xiuke-flow ul{position: relative; height:210px;overflow: hidden; }
.xiuke-flow ul li{position: absolute; }
.xiuke-flow ul li .img-xke {width: 120px; height: 120px; border-radius: 50%; overflow: hidden; }
.xiuke-flow ul li .img-xke img {width: 100%;}
.xiuke-flow ul li p {opacity: 0; filter: alpha(opacity=0); text-align: center; padding-top: 12px;}
.xiuke-flow ul li.a {left:-120px; top:55px; z-index: 2;}
.xiuke-flow ul li.b {left:0; top:44px;}
.xiuke-flow ul li.c {left:140px; top:30px;}
.xiuke-flow ul li.d {left:315px; top:10px;}
.xiuke-flow ul li.e {left:510px;}
.xiuke-flow ul li.f {left:725px; top:10px;}
.xiuke-flow ul li.g {left:930px; top:30px;}
.xiuke-flow ul li.h {left:1110px; top:44px;}
.xiuke-flow ul li.t {left:1250px; top:55px;}
.xiuke-flow ul li.a .img-xke{width: 70px; height: 70px;}
.xiuke-flow ul li.b .img-xke{width: 90px; height: 90px;}
.xiuke-flow ul li.c .img-xke{width: 120px; height: 120px;}
.xiuke-flow ul li.d .img-xke{width: 160px; height: 160px;}
.xiuke-flow ul li.e .img-xke{width: 180px; height: 180px;}
.xiuke-flow ul li.e p {opacity: 1; filter: alpha(opacity=1);}
.xiuke-flow ul li.f .img-xke{width: 160px; height: 160px;}
.xiuke-flow ul li.g .img-xke{width: 120px; height: 120px;}
.xiuke-flow ul li.h .img-xke{width: 90px; height: 90px;}
.xiuke-flow ul li.t .img-xke{width: 70px; height: 70px;}
.xiuke-flow ul li.none {display: none;}
.xiuke-flow .prev_next { position: absolute;top:50%; margin-top: -16px; opacity: .6; filter: alpha(opacity=60);
    -webkit-transition:all .5s ease; -moz-transition:all .5s ease; transition:all .5s ease;
}
.xiuke-flow .prev_next:before {font-size: 66px; color:#999; }
.xiuke-flow .prev_next:hover{ opacity: 1; filter: alpha(opacity=100);}
.xiuke-flow .prev_next.icon-zuo  { left:-100px;}
.xiuke-flow .prev_next.icon-you  {right: -100px;}

.hyyx{
	background:url(../images/hyyx.jpg) no-repeat center; 
	background-size:cover;
	height:420px;
	text-align:center;
	display:block;
}
.hyyx .con{
	padding-top:155px;
}
.hyyx .con h3{
	font-size:30px;
	color:#333;
}
.hyyx .con p{
	font-size:18px;
	color:#999;
	line-height:1.6;
	padding-top:10px;
}

/*********悬浮窗口
-webkit-animation: heiani .3s linear forwards;  
    animation: heiani .3s linear forwards;  
    @-webkit-keyframes heiani {
    to{height:160px;}
}
@keyframes heiani {
    to{height:160px;}
}

@-webkit-keyframes heianimsg {
    to{height:310px;}
}
@keyframes heianimsg {
    to{height:310px;}
}
*********/
.side {position: fixed; right:-1px; bottom:150px; z-index: 99;}
.side ul li .showbox { padding-right: 8px; display: none; position: absolute; left: -288px; top:0;}
.side ul li:hover .showbox {display: block;}
.side ul li .showbox>div { overflow: hidden; height: 160px; }
.side ul li .imgshow { border:1px solid #ddd; width:280px; height: 0; background:#fff; padding: 28px 20px;}
.side ul li {position:relative;width:46px; height: 46px;  text-align: center; cursor:pointer; color:#5ee3e7; border: 1px solid #ddd; z-index: 1; margin-bottom: 4px; background: #fff;}
.side ul li .imgshow .imgb {width: 50%; overflow: hidden;  float: left; color:#969696;}
.side ul li .imgshow img {width:82px; border:1px solid #ddd;}
.side ul li a {display: block; width: 100%; height: 100%; color:#969696; font-size: 12px; line-height: 1.5; padding:5px 6px 6px; overflow: hidden;}
.side ul li a:before{display: block; font-size:24px; }
.side ul li:hover  a{color:#fff; background: #5ee3e7; }
.side ul li.ones {z-index:2;}
.side ul li .phone { z-index:1; width:280px; height: 0; padding:14px 18px; color:#666; text-align: left; background: #fff; border:1px solid #ddd; cursor: initial;}
.side ul li .phone .pp {border-bottom: 1px solid #ddd; margin-bottom: 16px; padding-bottom: 12px;}
.side ul li .phone .pp em { font-size: 20px; display: inline-block; color:#5ee3e7;}
.side ul li .phone .pp sup { position: absolute; top: 20px; left: 68px; font-size: 12px; color:#969696;}
.side ul li .phone i.icon-dianhua:before{font-size: 44px; color:#5ee3e7;}
.side ul li .phone .pt span { display: inline-block; width: 48%; color:#969696; padding-bottom: 8px;}
.side ul li .phone .pt span:nth-child(even) {padding-left: 5%;}
.side ul li .msgbox {  left: -348px; overflow: hidden;}
.side ul li .showbox > .msg { width: 340px; height: 310px;

}
.side ul li .msg-frame {width: 100%; height: 150%; position: absolute; left: -9px; top: -80px;}
#top { opacity: 0;filter: alpha(opacity=0);}
#top.fadeIn { opacity: 1;filter: alpha(opacity=100);}



@-webkit-keyframes coordinates {
    form {-webkit-transform:scale(.1);}
    to {-webkit-transform:scale(1); opacity: 0;}
}
@keyframes coordinates {
    form {transform:scale(.1);}
    to {transform:scale(1); opacity: 0;}
}

@-webkit-keyframes minxc {
    form {width: 10px; height: 10px;  opacity: 1;}
    to{width: 60px; height: 60px; top:-25px; left:-25px;  opacity: 0; }
}
@keyframes minxc {
    form {width: 10px; height: 10px;  opacity: 1;}
    to{width: 60px; height: 60px; top:-25px; left:-25px;  opacity: 0; }
}


@-webkit-keyframes centershow {
    to{-webkit-transform:scale(1); transform:scale(1); }
}
@keyframes centershow {
    to{-webkit-transform:scale(1); transform:scale(1); }
}


@-webkit-keyframes fadeIn {
    to{ opacity: 1;}
}
@keyframes fadeIn {
    to{ opacity: 1;}
}

@-webkit-keyframes navshow {
    to{opacity: 1; }
}
@keyframes navshow {
    to{opacity: 1; }
}

@media screen and (max-width:1410px){
    .solution-list { width: 100%; margin-left: 0;}
} 

@media screen and (max-width:1420px) {
    .xiuke-flow .prev_next{ z-index: 9;
        width: 136px;
        height: 136px;
        background: #fff;
        opacity: 1;
        margin-top: -48px;
    }
    .xiuke-flow .prev_next:before {line-height: 138px;}
    .xiuke-flow .prev_next.icon-zuo { left: 0px; }
    .xiuke-flow .prev_next.icon-you {right: -10px;}
}
@media screen and (max-width:1400px) {
    .main {min-height: 600px;}
    .openyunz { width: 100%;  }
}

@media screen and (max-width:1300px) {
    .conBox,.headNav {width: 1100px;}
    .headNav {margin-left: -550px;}
    .pagebg,.headNavbox {min-width: 1100px;}
    .flexslider,.footer {min-width: 1100px;}
    .solutionbg .conBox {width: 1200px;}
    .advantage li {margin-right: 69px;}
    .product-flow li { width: 350px; margin-right: 20px;}
    .releasebox ul li { margin-right: 70px;}
    .releasebox ul li .release:before {right: -98px; width: 70px;}
    .swws-case-list .case-list li  { width: 347px;}
    .swws-case-list .case-list li .fl { width: 204px;}
    .scheme li { margin-right: 80px;}
    .yxb-case ul li { width: 540px;}
    .yxb-case ul li .fr {width: 355px;}
    .solution258 {padding:0 30px;}
    .solution258 li {margin-right: 0;}
    .operate li {width: 260px; margin-right: 15px;}
    .success-case ul {padding: 0;}
    .success-case li {padding: 0; width: 330px;}
    .newsList li { width: 352px;}
    .newsList .newsImg {height: 200px;}
    .core-valueTxt {width: 550px;}
    .lawyer li{}
    .lawyer li .img {height: 365px;}
    .yunz-core {padding-left: 0; }
    .yunz-core li {margin-right: 40px;}
    .ychengj ul li {width: 260px; height: 360px;}
    .loginyans-list li {-webkit-transform:scale(.9); transform:scale(.9);}
    .loginyans-list li.two {left: 255px;}
    .loginyans-list li.three {left: 450px;}
    .loginyans-list li.four {left:685px;]}
    .loginyans-list li.five {right: 12px;}
    .loginyans-list ul {background-size:cover;}
    .aboutBox {min-width:1100px;}
    .gongnshow ul { padding-left: 54px;}
    .gongnshow ul li {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPsAAAGdCAYAAADUqAVVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAJSklEQVR42u3au25bZxaG4SXLJN0YOU2rW8g9jBO7TJzC001uLd0UFpIBZi4giZNcyQZy7gwXoibSFJLMbYZbsSSS+/A9T81iicCLRS38B0WEpmk+qKrPqupZVX1YVf+pquOq+vro6OiPvudj9w76HoDdWQv80WKxuL9YLOrw8LCWy2Utl8s6PT39vaq+KuFPntgnpivw2Wy28fPn5+d1cnIi/ABin4CbBt5F+NMm9pG6DPxpXQT+0W0D7yL86RH7iKwF/mixWMy2GXgX4U+D2Aeur8C7rIX/W63C/0b4wyb2ARpa4F3Ozs7aV33hD5zYB2IsgXcR/vCJvUdjD7yL8IdJ7HvWNM379eYVfRKBdxH+cIh9D9IC79IR/vOq+lb4uyf2HRH49dbC/7VWG1/4OyL2LRL47Qh/P8R+RwLfLuHvjthvoWma92r1Fl3gOyL87RL7W7oM/GldBP6xwPdL+Hcn9msIfJg2hP9lXYT/QvjdxL5G4OOyFv4vtdr4wl8j9hL4VAj/erGxC3zahP9nUbFfBv5pVf2jBB5D+BcmH3sr8KsNPhd4ruTwJxn7psDn83nN5/O+R2NANoR/ddX/borhTyZ2gXMXa+H/XKuNP5nwRx27wNmFqYY/utgFzj5NKfxRxN40zbv15hVd4Ozd2MMfbOytwJ9V1WOBMyTXhP/i6OjorO/5NhlU7AJnjDaE377qDyb83mMXOFMy5PB7iV3gJBha+HuLXeAkG0L4O439MvBPahX4QuCk6yv8rcfeFfhsNquDg95PBDAoHeE/r6rvtx3+VuoTONzdWvg/1WrjbyX8W5cocNidXYR/oyoFDvu3rfD/stCmad6pN6/oAoee3CX8jbVeBn61wZ8IHIbnpuG/LlfgMF4d4T+vqh+uwj9omuafJXCYjLXwf6yL8L84aJrm/OHDhwKHCboK/9WrV/+6X1VetMFE3bt37/USv9f3MMB+iB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1CiB1C3KuqWi6XdX5+3vcswJadnZ29bvt+VX3+8uXLZ1X1ZLFYLObzec1mszo4OOh7TuAWzs7Oarlc1nK5rNPT0x+r6suq+uJ10U3TvFNVn1SV8GFk1gL/qS4Cf15VPxwdHZ1VVW2sWPgwfB2BH1fV91eBt/1luU3TvFur8B8LH/pz08DbblSr8GH/7hJ4260LFT7szrYCb9tKlV3hz+fzvr8zGI21wH+u1ZHt1oG3bX0Fr4X/5KJ74cMmHYEfV9V32wi8bae/ty/D/7RWG1/4xNtn4G17++da+CTrK/C2Xi5pwifBEAJv6/1sLnymZEPgX9XFka2XwNt6j71N+IxRR+BXG/yPvue7MqjY25qmea9W4X8sfIZkLIG3DTb2NuEzBGMMvG0UsbcJn30ae+Bto4u9Tfjswlrgv9SbR7ZRBd426tjb1sJ/vFgsZovFomazWd+jMQIdgR9X1YsxB942mdjbLsN/WquNL3z+JCHwtknG3iZ82tICb5t87G3Cz5QceFtU7G3Cn7a1wH+t1VPVqMDbYmNvE/40bAj8aoN/mxp4m9jXNE3zfq3C/0j4wybwtyf2awh/mAR+O2J/S8Lvl8DvTuy3IPz9WAv8t1q9ZBP4LYj9joS/XR2BH1fVNwK/G7FvUdM0H9Qq/EfCfzsC3w+x74jwryfw/RP7Hgj/wvn5eZ2cnAi8J2Lfs7Tw1wL/vVYv2QS+Z2Lv0VTD3xD41Qb/WuD9EftAXIb/Wa3Cvz+m8AU+fGIfoLGEL/BxEfvADS18gY+X2Eekr/A3BP7vunjJJvAREftIrYf/4MGD+/P5fGvhdwR+tcH/1/ffz82JfQKapvlbrcL/+23DF/i0iX1ibhq+wHOIfcK6wj88PKzT09M6OTkReBCxh1gL/8Oq+m+tjmwCD/B/jRqIdVYcqWoAAAAASUVORK5CYII=); width: 250px; height:413px ;}
    .gongnshow ul li h4 {padding-top: 86px;}
    .gongnshow ul li.last { width: 251px;}
    .gongnshow ul li p {line-height: 50px;}
    .xiuke-flow ul li.c {left: 92px; z-index: 11;}
    .xiuke-flow ul li.d {left: 242px;}
    .xiuke-flow ul li.e {left: 430px;}
    .xiuke-flow ul li.f {left: 640px;}
    .xiuke-flow ul li.g {left: 830px;}
}

@media screen and (max-height:700px) {
    .openyunz { height: 550px; background-size:contain; }
    .openyunz p {font-size: 36px; padding-top: 246px;}
    .openyunz a { width: 240px; height: 56px;line-height: 56px; font-size: 20px;}

}