*{margin:0;padding:0;}
body{width:100%; overflow-x: hidden}
body,input{FONT:14px/1.75 "Microsoft YaHei", arial,sans-serif; COLOR: #666; }
a{text-decoration:none;color: #333;}
a:hover{ text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
i,em{font-style:normal}
img{border:0;vertical-align:middle;}
ul li{list-style: none}
h1,b{font-weight:normal}
button{border:none; background: none;}
/*公共样式*/
.index-container{max-width:1615px;margin:0 auto}
.container{max-width:1301px;margin:0 auto}
input{outline: none;}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}

.wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; transition: transform 1s cubic-bezier(0.86,0,0.03,1); -webkit-transition: transform 1s cubic-bezier(0.86,0,0.03,1); }
.wrapper .page { position: relative; overflow: hidden; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 1; transition: opacity 0.7s 0ms cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: opacity 0.7s 0ms cubic-bezier(0.445, 0.145, 0.355, 1); }
.wrapper.active-page1 .page.page1 { opacity: 1; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }
.wrapper.active-page2 .page.page2 { opacity: 1; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }
.wrapper.active-page3 .page.page3 { opacity: 1; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }
.wrapper.active-page4 .page.page4 { opacity: 1; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }
.wrapper.active-page5 .page.page5 { opacity: 1; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }
.wrapper.active-page6 .page.page6 { opacity: 1; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }
.wrapper.active-page7 .page.page7 { opacity: 1; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }
.nav-panel { position: fixed; top: 50%; margin-top: -57px; right: 1%; z-index: 55; -webkit-transition: opacity 0.5s, -webkit-transform 0.5s cubic-bezier(0.57, 1.2, 0.68, 2.6); transition: opacity 0.5s, transform 0.5s cubic-bezier(0.57, 1.2, 0.68, 2.6); will-change: transform, opacity; }
.nav-panel ul li { width: 12px; height: 12px; cursor: pointer; border-radius: 50%;  background: #fff; margin: 10px 0;}
.nav-panel ul li.active{background: #ffa909;}


/*公共头部*/
.header{position: fixed; top: 0; width: 100%; left: 0; height: 128px; z-index: 1012;  opacity: 1!important; background: url(img/header-bg.png) no-repeat center;}
.header .logo{margin-top: 13px; margin-left: 3.4%; margin-right: 125px}
.header .nav{margin-top: 30px;}
.header .nav ul li{float: left;  position: relative; margin-right: 66px;}
.header .nav ul li a{display: block; font-size: 20px; line-height: 52px; color: #fff; text-align: center; position: relative;}
.header .nav ul li a:after{position: absolute; content: ''; width: 0; height: 3px; background: #fff; bottom: 0;}
.header .nav ul li.on a:after,.header .nav ul li:hover a:after{width:20px; transition:0.6s;  left: 50%; margin-left: -10px;}
.header .nav ul li.on a,.header .nav ul li:hover a{font-weight: bold;}
.head-tel{margin-top: 28px}
.head-tel strong{display: block; font-size: 20px; color: #fff;}
.head-tel strong img{display: inline-block; margin-right: 10px}
.head-btn{margin-top: 22px; margin-left: 31px; margin-right: 3.4%;}
.head-btn a{display: block; width: 134px;  background: #ffa909; border-radius: 22.5px; font-size: 18px; line-height: 45px; color: #fff; text-align: center;}
.wap-header,.wap-headerzw{display: none;}



/*首页banner*/
.index-banner{height:100vh;position:relative;overflow: hidden; }
.banner-text{color: #fff; left: 8.3%; bottom: 30vh;  position: absolute; }
.banner-text h2{display: block; font-size: 33px; line-height: 33px; margin-bottom: 21px}
.banner-text strong{display: block; font-size: 72px; line-height: 71px;}
.banner-text b{display: inline-block; font-size: 60px; vertical-align: top;}
.banner-text h3{display: block; font-size: 22px; margin: 22px 0 43px;}
.banner-text a{display: block; width: 186px;  background: #fba620; border-radius: 24.5px; font-size: 22px; line-height: 50px; color: #fff; text-align: center;}
.banner-up{ position: absolute;bottom:6%;z-index: 1; left: 3.3%; animation:mymove 2s cubic-bezier(0.445, 0.145, 0.355, 1)  infinite;}
@keyframes mymove
{
0%   {bottom:6%;}
50%  {bottom:8%;}
100% {bottom:6%;}
}
#banner-num{display: block;}
#banner-num .swiper-pagination-bullet{width: 12px; height: 12px;}
.banner-text2{ right:14%; bottom: 26vh;  position: absolute; }
.banner-text2 em{display: block; font-size: 36px; line-height: 36px; color: #333;}
.banner-text2 strong{display: block; font-size: 75px; line-height: 75px; color: #333; font-weight: bold; margin: 30px 0 33px}
.banner-text2 span{display: inline-block; padding: 0 16px; font-size: 22px; line-height: 41px; color: #fff; background: #3aa2fb; border-radius: 20.5px;}
.index-banner .banner-more{position: absolute; width: 100%; height: 100%; display: block;}


.banner-text3{color: #fff; left: 8.3%; bottom: 30vh;  position: absolute;}
.banner-text3 strong{display: block; font-size: 60px; line-height: 60px; margin-bottom: 27px;}
.banner-text3 p{display: block; font-size: 24px; line-height: 39px; color: #fff;}
.banner-text3 a{display: block; width: 186px;  background: #fba620; border-radius: 24.5px; font-size: 22px; line-height: 50px; color: #fff; text-align: center; margin-top: 70px;}





.wap-index-banner{display: none;}

/*云舟云管家*/
.about-bg{background: url(img/about-bg.jpg) no-repeat center top; background-size: cover}
.about{top: 25vh; position: relative; height: 100vh;}
.about .info{float: left; width: 49%}
.about .info strong{display: block; font-size: 50px; line-height: 50px; color: #333; margin-bottom: 12px}
.about .info em{display: block; font-size: 26px; line-height: 26px; color: #333; margin-bottom: 38px;}
.about .info i{display: block; width: 56px; height: 4px; background: #1574db; margin-bottom: 31px}
.about .info p{font-size: 20px; line-height: 45px; color: #555; text-align: justify;}
.about-list{margin-top: 105px}
.about-list ul li{float: left; text-align: center; margin-right: 100px}
.about-list ul li:last-child{margin-right: 0}
.about-list ul li img{display: block; margin: 0 auto 9px}
.about-list ul li b{display: block; font-size: 26px; color: #333; font-weight: bold;}
.about .pic{float: right; width: 49.8%}
.about .pic img{display: block; width: 100%}


/*核心功能*/
.features-bg{background: url(img/features-bg.jpg) no-repeat center top; background-size: cover}
.features{top: 28vh; position: relative; height: 100vh;}
.features .pic{width: 42.3%}
.features .pic img{display: block; width: 100%}
.features .info{width: 41%}
.index-title{margin-bottom: 60px}
.index-title strong{display: block; font-size: 50px; line-height: 50px; color: #333; margin-bottom: 22px}
.index-title i{display: block; width: 56px; height: 4px; background: #1574db;}
.features-list{margin-bottom: 80px}
.features-list dl{float: left; width: 100%; padding-bottom: 26px; margin-bottom: 38px; border-bottom: 1px solid #dadada}
.features-list dl:last-child{border-bottom: none; padding-bottom: 0; margin-bottom: 0}
.features-list dl img{display: none;}
.features-list dl dt{display: block; font-size: 28px; line-height: 28px; color: #333; font-weight: bold; margin-bottom: 12px;}
.features-list dl dd{display: inline-block; font-size: 22px; line-height: 25px; color: #444; border-right: 2px solid #444; padding-right: 14px; margin-right: 14px}
.features-list dl dd:last-child{padding-right: 0;margin-right: 0; border-right: none;}
.features .info a{display: block; width: 207px; background: #fba620; font-size: 20px; line-height: 62px; color: #fff; text-align: center; border-radius: 31px;}


/*云舟价值特点*/
.ys-bg{background: url(img/ys-bg.jpg) no-repeat center top; background-size: cover}
.ys{top: 29vh; position: relative; height: 100vh;}
.ys .index-container{max-width: 1376px; margin: 0 auto}
.ys .index-title{text-align: center; margin-bottom: 88px}
.ys .index-title strong{color: #fff}
.ys .index-title i{background: #fff; margin: 0 auto}
.ys-list ul li{float: left; width: calc(100% / 4 - 56px); margin: 0 28px; background: #fff; height: 390px; border-radius: 50px; box-shadow: 0px 0px 40px 0px rgba(4, 0, 0, 0.05); text-align: center;}
.ys-list ul li .icon{width: 111px; height: 111px; background: #f5f5f5; border-radius: 50%; margin: 71px auto 24px; position: relative;}
.ys-list ul li .icon img{display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto}
.ys-list ul li strong{display: block; font-size: 28px; color: #333; margin-bottom: 3px}
.ys-list ul li em{display: block; font-size: 20px; line-height: 30px; color: #666;}


/*解决   痛点问题*/
.problem-bg{background: url(img/problem-bg.jpg) no-repeat center top; background-size: cover}
.problem{top: 29vh; position: relative; height: 100vh;}
.problem .info{width: 579px;  margin-top: 6vh}
.problem-title{margin-bottom: 62px;}
.problem-title em{display: block; font-size: 45px; color: #333; margin-bottom: 9px}
.problem-title strong{display: inline-block; font-size: 60px; color: #333; margin-left: 20px}
.problem-title img{display: inline-block; vertical-align: top; margin-left: 22px}
.problem-title i{display: block; width: 56px; height: 4px; background: #1574db;}
.problem-list ul {background: url(img/problem-line.jpg) repeat-y left 7px top;}
.problem-list dl{float: left; width: 100%; margin-bottom: 29px}
.problem-list dl:last-child{margin-bottom: 0}
.problem-list dl dt{width: 14px; float: left; margin-right: 30px}
.problem-list dl dt span{display: block; width: 14px; height: 14px; border-radius: 50%;background: #fba620}
.problem-list dl:nth-child(2n) dt span{width: 8px; height: 8px; margin: 0 auto}
.problem-list dl dd{float: left; font-size: 22px; line-height: 22px; color: #555; }
.problem .pic{width: 44.4%}
.problem .pic img{display: block; width: 100%}



/*解决方案*/
.solution-bg{background: url(img/solution-bg.jpg) no-repeat center top; background-size: cover}
.solution{top: 29vh; position: relative; height: 100vh;}
.solution .index-container{max-width: 1790px; margin: 0 auto}
.solution .pic{width: 51.12%; margin-right: 7%}
.solution .pic img{display: block; width: 100%}
.solution .info{margin-top: 3.2vh; width: 40%}
.solution .info .index-title{margin-bottom: 30px}
.solution .info p{ font-size: 20px; line-height: 45px; color: #555; text-align: justify;}
.solution .info span{display: block;}
.solution-pic{display: none;}

/*公共底部*/
.foot-bg{background: url(img/foot-bg.jpg) no-repeat center top; background-size: cover}
.foot{top: 31vh; position: relative; height: 100vh;}
.foot-info{text-align: center; }
.foot-info strong{display: block; font-size: 56px; color: #f8f8fa; margin-bottom: 23px}
.foot-info a{display: block; width: 228px; background: #f7f7f7; font-size: 24px; line-height: 58px; color: #333; text-align: center; border-radius: 29px; margin: 0 auto}
.foot-info a:hover{background: #e79e17; color: #fff; transition:0.6s;}
.foot-bottom{ background: rgba(0,41,102,0.52); width: 100%; z-index: 2;  position: relative; padding-bottom: 32px; bottom: -8vh}
.foot-top{padding: 59px 0 34px; border-bottom: 1px solid rgba(255,255,255,0.09); margin-bottom: 29px}
.big-logo{position: absolute; right: 0; bottom: 0; z-index: -1; width: 36.6%}
.big-logo img{display: block; width: 100%}
.message strong{display: block; font-size: 26px; line-height: 26px; color: #fff; margin-bottom: 28px}
.message ul li{float: left; margin-right: 28px}
.message ul li input,.message ul li textarea{outline: none; border: none; font-family: ""; width: 281px; background: #f8f8fa; font-size: 14px; line-height: 41px; color: #b5b5b6; height: 41px;; text-indent: 17px}
.message ul li textarea{resize:none }
.message ul li:last-child input{width: 107px; background: #e79e17; text-indent: 0; text-align: center; color: #f8f8fa}
.foot-logo img{margin-top: 26px}
.foot-contact p{display: block; font-size: 17px; color: #909fc3; line-height: 18px; margin-bottom: 22px}
.foot-contact p b{font-size: 18px; color: #fff; font-weight: bold;}
.foot-nav{margin: 27px 0 20px}
.foot-nav ul li{float: left; margin-left: 70px}
.foot-nav ul li a{display: block; font-size: 17px; color: #fff}
.foot-nav ul li a:hover{color: #fba620}
.foot-copy p{display: block; font-size: 15px; color: #b0bbd4}
.foot-copy p a{color: #b0bbd4}
.foot-copy p a:hover{color: #fff;}
.foot-text{text-align: right; width: calc(100% - 426px)}
.wapfoot-zw,.wapfooter{display: none;}


	
	/*微信弹窗*/
	#wxnr{display: block;}
	#wxnr {width: 100%;height: 100%;position: fixed;top: 0;z-index: 1000;display: none;background: rgba(0,0,0,.6);}
	#wxnr .nrdf {margin: auto;position: absolute;top: 50%;left: 0;right: 0;width: 18rem;    height: 11rem;padding: 4rem 0 3rem;margin-top: -11rem;text-align: center;background-color: rgba(255, 255, 255, 0.8);box-shadow: 0px 2px 6px #777;-webkit-box-shadow: 0px 2px 6px #777;-moz-box-shadow: 0px 2px 6px #777;border-radius: 10px;}
	#wxnr img {display: block;margin: 0 auto 0.8rem;}
	#wxnr p {display: block;font-size: 1.1rem;text-align: center;color: #666;}
	#wxnr i {display: block;position: absolute;top: 1rem;right: 1rem;width: 1.5rem;height: 1.5rem;font-size: 1rem;line-height: 1.5rem;text-align: center;color: #fff;font-weight: bold;font-style: normal;background: #333;border-radius: 1rem;cursor: pointer;}
	#wxnr #btn {display: inline-block;padding:  0.1rem 0.2rem;background-color: #f19903;color: #fff;border-radius: 0.2rem;cursor: pointer;}



/*内页公共头部*/
.ny-header{position: fixed; top: 0; width: 100%; left: 0; height: 100px; z-index: 1012; background: #fff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);}
.ny-header .logo{margin-top: 11px; margin-left: 3.4%; margin-right: 125px}
.ny-header .nav{margin-top: 24px;}
.ny-header .nav ul li{float: left;  position: relative; margin-right: 66px;}
.ny-header .nav ul li a{display: block; font-size: 20px; line-height: 52px; color: #333; text-align: center; position: relative;}
.ny-header .nav ul li a:after{position: absolute; content: ''; width: 0; height: 3px; background: #ffa909; bottom: 0;}
.ny-header .nav ul li.on a:after,.ny-header .nav ul li:hover a:after{width:20px; transition:0.6s;  left: 50%; margin-left: -10px;}
.ny-header .nav ul li.on a,.ny-header .nav ul li:hover a{font-weight: bold; color: #ffa909}
.ny-header .head-tel{margin-top: 32.5px}
.ny-header .head-tel strong{display: block; font-size: 20px; color: #333;}
.ny-header .head-tel strong img{display: inline-block; margin-right: 10px}
.ny-header .head-btn{margin-top: 27.5px; margin-left: 31px; margin-right: 3.4%;}
.ny-header .head-btn a{display: block; width: 134px;  background: #ffa909; border-radius: 22.5px; font-size: 18px; line-height: 45px; color: #fff; text-align: center;}
.header-zw{height: 100px}


/*内页banner*/
.wap-banner{display: none;}
.wap-banner img{display: block; width: 100%}


/*内页产品*/
.product-banner{background: url(img/product-banner.jpg) no-repeat center top; height: 600px; background-size: cover}
.product-banner .text{margin-top: 174px; margin-right: 26px}
.product-banner .text em{display: block; font-size: 36px; line-height: 36px; color: #333;}
.product-banner .text strong{display: block; font-size: 75px; line-height: 75px; color: #333; font-weight: bold; margin: 13px 0 33px}
.product-banner .text span{display: inline-block; padding: 0 16px; font-size: 22px; line-height: 41px; color: #fff; background: #3aa2fb; border-radius: 20.5px;}


.ny-title{text-align: center; margin-bottom: 50px}
.ny-title i{display: block; width: 85px; height: 10px; border-radius: 5px; background: #1474db; border-radius: 5px; margin: 0 auto 18px}
.ny-title strong{display: block; font-size: 36px; color: #333; }
.ny-title h3{display: block; font-size: 18px; line-height: 37px; color: #666; width: 1091px; margin: 20px auto 0}
/*从线索到成单客户全生命周期管理，驱动业绩增长*/
.management{padding: 34px 0 0}
.management-list{width: 1200px; margin: 0 auto; box-sizing:border-box; border: 1px solid #e8e8e8; border-radius: 15px}
.management-list ul li{float: left; width: 50%; box-sizing:border-box; text-align: center; height: 200px}
.management-list ul li.item1{border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;}
.management-list ul li.item2{ border-bottom: 1px solid #e8e8e8;}
.management-list ul li.item3{border-right: 1px solid #e8e8e8;}
.management-list ul li img{display: block;  margin: 30px auto 13px}
.management-list ul li strong{display: block; font-size: 24px; color: #333; margin-bottom: 11px}
.management-list ul li em{display: block; font-size: 18px; color: #666;}
/*全流程商机阶段管理*/
.stage{background: url(img/stage-bg.png) no-repeat center top; background-size: cover; position: relative; top: -28px; padding: 103px 0 75px; }
.white-title{text-align: left;}
.white-title i{background: #fff; margin: 0  0 19px}
.white-title strong{color: #fff;}
.stage .white-title{margin-bottom: 18px}
.stage .pic{width: 54.4%;}
.stage .pic img{display: block; width: 100%;  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08); border-radius: 20px}
.stage-list{width: 41.2%; margin-top: 25px}
.stage-list ul li{float: left; background: #fff; border-radius: 10px; width: 100%; padding: 36px 57px 25px; box-sizing:border-box; width: 91.1%; margin-bottom: 32px;  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);}
.stage-list ul li.item1,.stage-list ul li.item3{margin-left: 66px}
.stage-list ul li dt,.stage-list ul li dd{float: left;}
.stage-list ul li dt{margin-right: 18px;}
.stage-list ul li dd{ width: calc(100% - 80px)}
.stage-list ul li strong{display: block; font-size: 20px; line-height: 20px; color: #333; margin-bottom: 6px}
.stage-list ul li p{display: block; font-size: 16px; line-height: 28px; color: #666;}

/*可视化销售报表*/
.report{background: url(img/report-bg.jpg) no-repeat center top; background-size: cover; position: relative; top: -28px; padding: 67px 0 160px;}
.report-list{margin-bottom: 24px}
.report-list ul li{position: relative; float: left; width: calc((100% - 40px) / 3); margin-right: 20px; background: #fff; border-radius: 10px;  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08); box-sizing:border-box; padding: 0 3%; height: 143px}
.report-list ul li:last-child{margin-right: 0}
.report-list ul li strong{display: block; font-size: 20px; color: #333; margin: 24px 0 0}
.report-list ul li p{display: block; font-size: 16px; line-height: 28px; color: #666;}
.report-list ul li img{display: block; position: absolute; bottom: 0; right: 0}
.report .pic img{display: block; width: 100%;  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08); border-radius: 20px;}
/*自定义规则配置*/
.rule{background: url(img/rule-bg.png) no-repeat center top; background-size: cover; position: relative; padding: 176px 0 60px; top: -228px}
.rule .white-title{margin-bottom: 33px}
.rule .pic{width: 52.9%;}
.rule .stage-list{margin-top: 8px}
.rule .stage-list ul li{padding: 36px 4% 25px}
.rule .stage-list ul li dt{margin-right: 17px;}
.rule .stage-list ul li dd{ width: calc(100% - 93px)}
/*大数据与AI将成为变革传统销售、 促进业绩持续增长的重要技术能力*/
.data{position: relative; top: -130px}
.data-list ul li{float: left; position: relative; margin-right: 7%; width: calc(86% / 3); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);  border-radius: 20px; background: #fff; height: 400px; text-align: center;}
.data-list ul li:last-child{margin-right: 0}
.data-list ul li .icon img{display: block;  margin: 49px auto 39px}
.data-list ul li b{display: block; font-size: 61px; line-height: 41px; color: #333; font-weight: bold;}
.data-list ul li em{display: inline-block; font-size: 24px; color: #333; margin-left: 1px}
.data-list ul li strong{display: block; font-size: 20px; color: #333; margin: 3px 0 44px}
.data-list ul li span{display: block; font-size: 17px; line-height: 30px; color: #333;}
.data-list ul li .date-logo{position: absolute; bottom: 0; left: 0; width: 70.5%}
.data-list ul li .date-logo img{display: block; width: 100%}



/*内页公共底部*/
.sales{background: url(img/sales-bg.jpg) no-repeat center top; height: 454px; overflow: hidden; background-size: cover}
.sales .pic{width: 56.7%}
.sales .pic img{display: block; width: 100%; margin-top: 20px}
.sales .info{width: 43.2%; text-align: center; margin-top: 134px}
.sales .info strong{display: block; font-size: 40px; color: #333; margin-bottom: 3px}
.sales .info em{display: block; font-size: 22px; line-height: 22px; color: #444; margin-bottom: 50px}
.sales .info a{display: inline-block; margin: 0 12px; width: 160px; font-size: 20px; line-height: 46px; color: #fff; border-radius: 5px; background: #ffa909;}
.sales .info a:last-child{background: #0b88e6}
.footer-bottom{background: url(img/footer-bottom.jpg) no-repeat center; padding: 37px 0 11px;background-size: cover}
.footer-bottom .foot-contact p,.foot-copy p,.foot-copy p a{color: #959597}
.footer-bottom .foot-nav{margin: 25px 0 20px}


/*内页价格*/
.banner-bg{height: 332px;}
.price-banner{background: url(img/price-bg.jpg) no-repeat center; display: flex; background-size: cover}
.price-banner strong{display: block; font-size: 60px; line-height: 60px; color: #fff; margin: 78px auto 0;}
.price .container{max-width: 1200px;}

.version-list{top: -130px; position: relative; margin-bottom: 40px;}
.version-list ul{width: calc(100% + 25px)}
.version-list ul li{position: relative; float: left; width: calc(100% / 3 - 25px); text-align: center; margin-right: 25px; height: 450px; overflow: hidden; background: #fff;  border-radius: 20px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.11);  box-sizing:border-box; }
.version strong{display: block; font-size: 34px; line-height: 34px; color: #333; margin: 45px 0 40px}
.version em{display: block; font-size: 18px; color: #666; height: 62px; width: 96%; margin: 0 auto}
.version .num{position: relative;}
.version b{display: block; font-size: 56px; color: #ff0000; font-weight: bold; line-height: 100px;  font-family: arial;}
.version span{display: inline-block; font-size: 18px; color: #333;  font-weight: normal;}
.version h3{display: block;  font-size: 16px; line-height: 20px; color: #0b88e6;}
.version-btn{position: absolute; bottom: 30px; left: 0; right: 0; margin: auto;}
.version a{ display: inline-block; width: 120px; background: #0b88e6; font-size: 18px; line-height: 51px; color: #fff; text-align: center; border-radius: 25.5px; margin-top: 57px}
.version .version-link{background: #ffa909; }
.service{ width: 88.5%; margin: 0 auto 49px; position: relative; top: -120px}
.service  strong{display: block; font-size: 34px; line-height: 34px; color: #333; margin-bottom: 39px}
.service-table{width: calc(100% - 2px); border: 1px solid #ccc; border-collapse:collapse; text-align: center;}
.service-table tr{border-bottom: 1px solid #ccc;}
.service-table tr:first-child{border-bottom: none;}
.service-table tr th,.service-table tr td{border-right: 1px solid #ccc;}
.service-table tr th{background: #eee; font-size: 20px; height: 71px}
.service-table tr td{font-size: 18px; color: #333; height: 79px}


/*内页招商合作*/
.cooperation-banner{background: url(img/cooperation-banner.jpg) no-repeat center; height: 620px; background-size: cover; position: relative;}
.banner-info{position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); margin: auto; text-align: center;}
.banner-info strong{display: block; font-size: 70px; line-height: 70px; color: #fff; margin-bottom: 72px}
.banner-info .link a{display: inline-block;  width: 296px; font-size: 36px; line-height: 85px; color: #fff; border-radius: 42.5px; background: #0a74f4; margin: 0 35px}
.banner-info .link a:last-child{background: #ffa909}
/*强大的产品研发实力*/
.strength{background: url(img/strength-bg.jpg) no-repeat center top ; padding: 82px 0 131px}
.strength .ny-title{margin-bottom: 40px;}
.strength-list {width: 100%; border-radius: 15px; background:#fff; box-shadow: 0px 30px 59px 0px rgba(0, 0, 0, 0.08); border: 1px solid #e4e4e4; box-sizing:border-box;}
.strength-list ul li{float: left; width: calc(100% / 3); border-right: 1px solid #f4f4f4; box-sizing:border-box; height: 290px; text-align: center;}
.strength-list ul li:nth-child(1),.strength-list ul li:nth-child(2),.strength-list ul li:nth-child(3){border-bottom: 1px solid #f4f4f4; }
.strength-list ul li:nth-child(3n){border-right: none;}
.strength-list ul li img{display: block;  margin: 40px auto 16px;}
.strength-list ul li strong{display: block; font-size: 16px; color: #333; margin-bottom: 8px}
.strength-list ul li em{display: block; font-size: 18px; line-height: 34px; color: #555;}
/*我们拥有完善的合作伙伴扶持体系*/
.system{background: url(img/system-bg.jpg) no-repeat center top; background-size: cover; padding: 60px 0 200px}
.system .ny-title{margin-bottom: 95px}
.system-content{background: url(img/system-pic.png) no-repeat center top; height: 472px}
.system-content ul:first-child{margin-bottom: 220px}
.system-content ul li{width: 33.9%;}
.system-content ul li .icon{margin-right: 26px}
.system-content ul li .icon img{display: block; box-shadow: 0px 30px 59px 0px rgba(0, 0, 0, 0.08); border-radius: 50%;}
.system-content ul li .info{width: calc(100% - 121px); margin-top: 4px}
.system-content ul li .info strong{display: block; font-size: 24px; line-height: 24px; color: #333; margin-bottom: 11px;}
.system-content ul li .info p{display: block; font-size: 16px; line-height: 28px; color: #555}
.system-content ul li:last-child .icon{margin-right: 0; margin-left: 26px}
.system-content ul li:last-child .info{text-align: right;}
/*我们诚邀三类合作伙伴*/
.partner{background: url(img/partner-bg.png) no-repeat left top; background-size: cover; position: relative; top: -239px; padding: 247px 0 200px}
.partner .white-title{text-align: center; margin-bottom: 72px}
.partner .white-title i{margin: 0 auto 19px}
.partner-list ul li {position: relative; float: left;width: 372px; height: 372px; margin-right: calc((100% - 1116px) / 2); background: #fff; border-radius: 50%; text-align: center; box-sizing:border-box; padding: 0 1.8%}
.partner-list ul li:last-child{margin-right: 0}
.partner-list ul li img{display: block; margin: 72px auto 25px}
.partner-list ul li strong{display: block; font-size: 24px; line-height: 24px; color: #333; margin-bottom: 15px}
.partner-list ul li p{display: block; font-size: 16px; line-height: 30px; color: #555; width: 90%; margin: 0 auto}
.partner-list ul li span{position: absolute; width: 353px; height: 353px; border: 1px dashed #ccc; border-radius: 50%; top:0; bottom: 0; left: 0; right: 0; margin: auto;}
/*轻松六步，快速成为我们的伙伴*/
.step{position: relative; top: -232px}
.step-list ul li{float: left; width: 215px; margin-right: calc((100% - 1225px) / 5)}
.step-list ul li:last-child{margin-right: 0; width: 150px}
.step-list ul li .icon{float: left; width: 150px; height: 150px; background: #fff; position: relative; }
.step-list ul li .icon img{border-radius: 50%;  box-shadow: -3.106px 11.591px 30px 0px rgba(10, 116, 244, 0.11); margin-bottom: 30px}
.step-list ul li .step-arrow{float: left; width: calc(100% - 150px)}
.step-list ul li .step-arrow img{display: block; width: 100%; margin-top: 70px}
.step-list ul li strong{display: block; font-size: 24px; color: #333; text-align: center;}
/*他们都选择云舟云管家*/
.housekeeper{position: relative; top: -9px; margin-bottom: 85px}
.housekeeper-list ul li{float: left; width: 20%; margin-bottom: 17px}
.housekeeper-list ul li .pic img{display: block; width: 100%}


/*内页企业新闻列表页*/
.news-banner{background: url(img/news-banner.jpg) no-repeat center top; height: 621px}
.news-banner .text{color: #fff; margin-top: 219px}
.news-banner .text strong{display: block; font-size: 60px; line-height: 60px; margin-bottom: 27px;}
.news-banner .text p{display: block; font-size: 24px; line-height: 39px; color: #fff;}
.news-list {margin-top: 45px; margin-bottom: 106px}
.news-list ul li{float: left; padding: 1.6%; border:1px solid #cecece; box-sizing:border-box; margin-bottom: 28px; border-radius: 10px; width: 100%}
.news-list ul li .pic{float: left; width: 29.91%; margin-right: 38px}
.news-list ul li .pic img{display: block; width: 100%}
.news-list ul li .info{float: left; width: 64.5%; margin-top: 13px}
.news-list ul li .info strong{display: block; font-size: 22px; color: #333; margin-bottom: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.news-list ul li .info p{font-size: 16px; line-height: 32px; color: #666; margin-bottom: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news-list ul li .info em,.news-list ul li .info span{display: inline-block; font-size: 17px; line-height: 37px;}
.news-list ul li .info em{ float: left;  color: #333}
.news-list ul li .info span{ float: right;  width: 112px; background: #999;  color: #fff; border-radius: 18.5px; text-align: center; text-transform: uppercase;}
.news-list ul li:hover .info strong{color: #0a74f4}


/*内页企业介绍*/
.about-banner{background: url(img/about-banner.jpg) no-repeat center top; height: 576px}
.about-banner .text{margin-top: 195px}
.ny-about{background: url(img/ny-aboutbg.jpg) no-repeat center top; background-size: cover; padding: 42px 0 137px}
.ny-about .ny-title{text-align: left; margin-bottom: 15px}
.ny-about .ny-title i{margin: 0 0 18px}
.ny-about .info{margin-bottom: 64px}
.ny-about .info p{font-size: 18px; line-height: 39px; color: #666;}
.nyabout-list ul li{float: left; background: #fff; margin-right: 55px; width: calc( (100% - 165px) / 4);  height: 289px;  border-radius: 10px; box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.06); text-align: center;}
.nyabout-list ul li:last-child{margin-right: 0}
.nyabout-list ul li img{display: block; margin: 59px auto 34px}
.nyabout-list ul li strong{display: block; font-size: 24px; line-height: 24px; color: #222; margin-bottom: 4px}
.nyabout-list ul li em{display: block; font-size: 18px;  color: #666;}
/*发展历程*/
.develop{background: url(img/develop-bg.png) no-repeat center top; position: relative; padding: 183px 0 0; background-size: cover; top: -123px}
.develop-list{margin-bottom: 30px!important}
.develop-list ul li .pic,.develop-list ul li .info{float: left; height: 352px; width: 50%}
.develop-list ul li .pic{background-size: cover!important}
.develop-list ul li .pic1{background: url(img/develop-pic1.jpg) no-repeat center;}
.develop-list ul li .pic2{background: url(img/develop-pic2.jpg) no-repeat center;}
.develop-list ul li .pic3{background: url(img/develop-pic3.jpg) no-repeat center;}
.develop-list ul li .pic4{background: url(img/develop-pic4.jpg) no-repeat center;}
.develop-list ul li .pic5{background: url(img/develop-pic5.jpg) no-repeat center;}
.develop-list ul li .pic6{background: url(img/develop-pic6.jpg) no-repeat center;}
.develop-list ul li .info{background: #fff; display: flex; padding: 0 5.8%; box-sizing:border-box;}
.develop-list ul li .text{margin: auto}
.develop-list ul li .info strong{display: block; font-size: 29px; color: #1474db; margin-bottom: 25px}
.develop-list ul li .info p{font-size: 16px; line-height: 36px; color: #4d4d4d}
.develop-btn{position: relative; top: 40px}
.develop-year{width: 780px; margin: 0 auto;  overflow: initial!important}
.develop-year ul li em{display: block; text-align: center; font-size: 17px; line-height: 40px; color: #333; font-weight: bold; position: relative; font-family: arial;}
.develop-year ul li em:after{position: absolute; content: ''; width: 1px; height: 11px; background: #fff; top: -11px; left: 50%; margin-left: -0.5px; z-index: 2}
.develop-year ul li.swiper-slide-thumb-active em{font-size: 24px; transition:0.6s;}
#develop-prev,#develop-next{display: none;}
#develop-num{display: none;}
/*资质荣誉*/
.honor{position: relative; top: -5px; padding-bottom: 50px; margin-bottom: 16px}
.honor-list {overflow: hidden;}
.honor-list ul li .pic img{display: block; width: 100%}
#honor-prev,#honor-next{display: none;}
#honor-num{display: none;}



/*服务支持*/
.service-banner{background: url(img/service-banner.jpg) no-repeat center; height: 318px; position: relative;}
.service-banner .text{text-align: center; padding-top: 74px}
.service-banner .text strong{display: block; font-size: 50px; line-height: 50px; color: #fff; margin-bottom: 44px}
.search{width: 813px; margin: 0 auto 12px; border-radius: 6px;}
.search input{float: left; outline: none; border: none; font-family: "Microsoft YaHei"; font-size: 18px; line-height: 59px; height: 59px;}
.search-text{width: 685px; color: #7d7d7d; text-indent: 32px}
.search-btn{width: 128px; font-weight: bold; background: #ffa909; color: #fff;}
.keyword ul{text-align: center;}
.keyword ul em,.keyword ul li,.keyword ul li a{display: inline-block; font-size: 16px; color: #fff;}
.keyword ul li a{margin-right: 15px}
.service-class{background: #eee}
.service-class .ctitle1{text-align: center;}
.service-class .ctitle1 li{display: inline-block; width: 173px; margin: 0 17px}
.service-class .ctitle1 li a{display: block; font-size: 18px; line-height: 70px; color: #333333; }
.service-class .ctitle1 li.on a,.service-class .ctitle1 li:hover a{background: #0a74f4; color: #fff;}
.ny-service .container{max-width: 1200px;}
.video{padding: 68px 0 52px}
.service-title strong{display: block; font-size: 30px; line-height: 30px; color: #333; padding-bottom: 30px;}
.video-list{overflow: hidden;}
.video-list ul{width: calc(100% + 16px)}
.video-list ul li{float: left; width: calc(100%  / 4 - 16px); margin-right: 16px;}
.video-list ul li .pic{position: relative;}
.video-list ul li .pic>img{display: block; width: 100%}
.video-list ul li .pic .video-icon{position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: auto;}
.video-list ul li em{display: block; font-size: 16px; line-height: 44px; color: #333333; text-align: center; border: 1px solid #ddd; border-top: none; box-sizing:border-box; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.video-list ul li:hover em{color: #0a74f4}

.bullet-frame{ overflow: hidden; background:rgba(0,0,0,0.8) ;height:100vh;z-index:999; position: fixed;top:0;left:0;width:100%;display: none;}
.video-info{background: #fff; position: fixed; top: 0; bottom: 0; left: 0; right: 0;margin: auto; width: 898px; height: 573px;  padding: 0 1.2%;  z-index: 1000; border-radius: 5px; box-sizing:border-box;}
.video-info strong{display: block; font-size: 22px; color: #333;  line-height: 64px;}
.video-info img{display: block; margin-top: 27px}
.video-info  video{width: 100%; height: auto}

.help{background: #f5f5f5; padding: 43px 0}
.help-list{overflow: hidden; width: 96.9%; margin: 0 auto}
.help-list ul{width: calc(100% + 40px)}
.help-list ul li{float: left; margin-right: 40px; width: calc(100% / 4 - 40px); border-bottom: 1px dashed #ccc;}
.help-list ul li a{display: block; font-size: 16px; line-height: 59px; color: #333; background: url(img/help-icon.png) no-repeat left center; padding-left: 20px; width:calc(100% - 20px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.help-list ul li a:hover{color: #0a74f4}
.help-note {padding: 25.5px 0}
.help-note p{font-size: 16px; color: #333;}
.help-note p a{color: #ff0000}


/*内页常见问题列表页*/
.ny-main{padding: 50px 0 80px}
.nyproblem-list{padding: 30px 0 50px; }
.nyproblem-list ul{margin-bottom: 20px}
.nyproblem-list ul li{float: left; border-bottom: 1px dashed #ccc; width: 100%}
.nyproblem-list ul li a{display: block; font-size: 16px; line-height: 59px; color: #333; background: url(img/help-icon.png) no-repeat left center; padding-left: 20px; width:calc(100% - 20px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.nyproblem-list ul li a:hover{color: #0a74f4}



/*内页分页样式*/
.pagelist {padding: 10px 0;margin-top:15px;overflow: hidden;border-top:0px solid #eee;text-align:center;}
.pagelist a,.pagelist span {border: 1px solid #ccc; display: inline-block;padding: 2px 8px;margin-right:5px; width: auto;}
.pagelist span.current {color: #f30;border: 1px solid #ddd;}



/*内页价格表格*/
.num{width: 85%; box-sizing:border-box; border:1px solid #ddd; margin: 0 auto 18px; border-right:none; border-bottom:none;}
.num dl dt,.num dl dd{float: left; width: calc(100% / 3)}
.num dl dt {display: block; font-size: 16px; line-height: 48px; color: #333333; text-align: center; background: #f5f5f5; font-weight: bold;}
.num dl dd {display: block; font-size: 14px; line-height: 35px; color: #444; text-align: center; border-right:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5; box-sizing:border-box;}
.num dl dd i{font-weight: bold; color: #ff0505}
.version em{margin-bottom: 28px;}
.version h3{color: #ff0505}
.version-list ul li{height: 530px; border-radius: 55px;}



.foot-link{border-top:1px solid #52545e; padding-top: 20px; margin-top: 20px;}
.foot-link ul strong{display: block; margin-right: 5px; font-size: 16px; color: #fff;}
.foot-link ul li{float: left;}
.foot-link ul li a{display: block; font-size: 15px; color: #959597}



/*2022.2.19右侧咨询*/
.zx-service{position: fixed;right: 5px;bottom: 8%;z-index: 9999;}
.zx-service ul li{margin-bottom: 1px;position: relative;}
.zx-service ul li a{display: block; width: 60px;height: 60px;background: #0a74f4;}
.zx-service ul li:hover a{background: #ffa909;}
.zx-service ul li a img{display: block;position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto}
.zx-service ul li a span{display: block;width: 80px;color: #fff;text-align: center;line-height: 14px;}
.zx-service ul li dl{width: 150px;padding: 0 15px;background: #ffa909;text-align: center;display: none;position: absolute;right: 81px;top: 0;}
.zx-service ul li dl dd{font-family: arial;color: #fff;font-size: 20px;width: 150px;line-height: 60px;}
.weixin-hide{width: 130px;padding: 140px 10px 0;background:url(/static/upload/image/20230626/1687756725633616.jpg) no-repeat center top 10px #ffa909;position: absolute;right: 81px;top: 0;display: none;}
.weixin-hide span,.weixin-hide b,.weixin-hide em{display: block; width: 100%;text-align: center;color: #fff;}
.weixin-hide span{line-height: 36px;}
.weixin-hide em{line-height: 35px;}
.weixin-hide b{line-height: 13px;font-family: arial;font-size: 18px}
.tel-hide li span,.tel-hide li b{display: block;color: #fff;}
.tel-hide li span{line-height: 12px;font-size: 14px;}
.tel-hide li b{line-height: 15px;font-size: 19px;font-family: arial;padding-top: 10px;} 
.zx-service01:hover .weixin-hide,.zx-service03:hover .weixin-hide{display: block;}
.zx-service ul li:hover dl{display: block;}
.weixin-hide1{background:url(/static/upload/image/20230626/1687756725633616.jpg) no-repeat center top 10px #ffa909;}