*{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;}
/*公共样式*/
.container{max-width:1400px;margin:0 auto}
.container-s{max-width:96%;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;}

/*头部*/
.header{ height:77px; margin-top: 66px;position: absolute;top:0;left:0;width:100%;z-index: 2;}
.header .logo{margin: 10px 0;}
.nav ul li{float:left;}
.nav ul li a{display: block; font-size: 16px; line-height: 77px; color: #333; margin-left: 78px; position: relative;}
.nav ul li a:after{position: absolute; content: ''; width: 0; background: #003705; height: 2px;  left: 0; bottom: 0;left: 50%}
.nav ul li.on a:after,.nav ul li:hover a:after{color: #003705;width: 100%; left: 0; transition:0.6s;}
.nav ul li.on a,.nav ul li:hover a{color: #003705;}


.headerfixed{position: fixed; top: 0; background: #fff; z-index: 999; margin-top: 0; box-shadow: 0 4px 12px 0 rgba(52,63,75,.06), 0 10px 40px 0 rgba(52,63,75,.06), 0 0 0 1px rgba(52,63,75,.02);}

.wap-header{display: none;}


/*首页banner*/
.banner{height:100vh;position:relative;overflow: hidden;}
#banner-num{bottom:6%;}
#banner-num .swiper-pagination-bullet{width:14px;height:14px;margin:0 7px;background: #fff; opacity: 1;}
#banner-num .swiper-pagination-bullet-active{ background: #003705;}


/*连接理想客户，打造增长新动力*/
.index-title{text-align: center; padding: 105px 0 50px;}
.index-title h2{display: block; font-size: 42px; color: #222222; margin-bottom: 9px;}
.index-title h2 em{color: #003705;}
.index-title h3{font-size: 16px; color: #666;}
.ys-list ul li{float: left; width: calc(100%/3);}
.ys-list ul li .pic,.ys-list ul li .info{height: 420px;}
.ys-list ul li .pic{position: relative;}
.ys-list ul li .pic span{display: block;background: url(../images/ys-arrow.png) no-repeat; width: 36px; height: 13px; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;}
.ys-list ul li .info{text-align: center; display: table-cell; vertical-align: middle;width: calc(100%/3);}
.ys-list ul li .info em{display: block; font-size: 24px; color: #333333; line-height: 55px;}
.ys-list ul li .info p{font-size: 15px; line-height: 30px; color: #666; max-width: 350px; margin: 0 auto;}
.ys-list ul li.item1 .pic{background: url(../images/ys-pic.jpg) no-repeat center; }
.ys-list ul li.item2 .pic{background: url(../images/ys-pic2.jpg) no-repeat center; }
.ys-list ul li.item3 .pic{background: url(../images/ys-pic3.jpg) no-repeat center; }
.ys-list ul li.item2 .pic span{top: 0;background: url(../images/ys-arrow2.png) no-repeat;}
.ys-list ul li.item1 .info em{background: url(../images/num1.png) no-repeat center;}
.ys-list ul li.item2 .info em{background: url(../images/num2.png) no-repeat center;}
.ys-list ul li.item3 .info em{background: url(../images/num3.png) no-repeat center;}


/*移动OA，协同更敏捷 */
.oa .index-title{padding: 105px 0px;}
.index-title strong{display: block; font-size: 22px; color: #636363; font-weight: normal; padding: 8px 0 32px;}
.index-title a{display: block; font-size: 30px; color: #003705; padding-top: 65px;}
.oa .index-title a{position: relative;}
.oa .index-title span{display: none; position: absolute; left: 0; right: 0; margin: 0 auto; color: #db182f; line-height: 30px;}

/*帆软报表*/
.report{background: url(../images/report-bg.jpg) no-repeat center;}
.report .index-title{text-align: left; float: right; padding: 120px 0 132px;}
.report .index-title a{padding-top: 108px;}


/*定制化开发*/
.api{padding: 100px 0;}
.api .index-title{padding: 33px 0 0; text-align: left; float: left;}
.api .pic{float: right;  background: url(../images/api-pic.jpg) no-repeat center; width: 53%;  height: 393px;}


/*超 100,000 家优秀企业已选择独角鲸*/
.case{background: #fafbfa; padding-bottom: 146px;}
.case .index-title{text-align: left; padding: 110px 0 100px;}
.case .index-title h2{margin-bottom: 33px;}
.case .index-title h3{line-height: 32px;/*max-width: 56%;*/}
.case-list ul li{float: left; width: calc(100%/6);}


/*您想进一步了解我们吗*/
.about{background: #f7f8f9;}
.about .index-title{padding: 80px 0;}
.about .index-title h2{margin-bottom: 40px;}
.about-content{position: relative;}
.about .index-title .about-more{padding-top: 0; width: 200px; font-size: 18px; line-height: 52px; color: #666666; margin: 0 auto; border: solid 1px #666; border-radius: 10px;}
.about .index-title .about-more:hover{background: #666; color: #fff; transition:0.6s}
.about-wechat {display: none;position: absolute;left: 50%; margin-left: -105px; bottom: 66px;   padding: 15px 15px 0;border-radius: 3px;background-color: #fff;box-shadow: 0 4px 12px 0 rgba(52,63,75,.06), 0 10px 50px 0 rgba(52,63,75,.12), 0 0 0 1px rgba(52,63,75,.02);}
.about-wechat img{display: block;border: solid 1px #dedede; margin: 0 auto;}
.about-wechat em{display: block; font-size: 16px; color: #999999; text-align: center; line-height: 50px;}
.about-content:hover .about-wechat{display: block;}



/*公共底部*/
.foot{padding: 45px 0 33px;}
.foot-nav{float: left;width: 80%;}
.foot-nav dl{float: left; width: calc(76%/4);}
.foot-nav dl dt{font-size: 18px; color: #333333; margin-bottom: 24px;}
.foot-nav dl dd {font-size: 15px; line-height: 28px; color: #888888;}
.foot-nav dl dd a{color: #888888;}
.foot-nav dl dd a:hover{color: #003705;}
.foot-icon{float: right; margin-top: 22px;}
.foot-icon>a{display: block; float: left;  margin-left: 22px;position: relative;}
.icon-weibo{display: block; background: url(../images/weibo-icon.png); width: 41px; height: 34px;}
.icon-wechat{display: block; background: url(../images/wechat-icon.png); width: 41px; height: 34px;}
.foot-icon .contact-qrcode {display: none;position: absolute; right: 0; top: -320px; width: 240px;height: 280px;padding: 20px;border-radius: 3px;background-color: #fff;box-shadow: 0 4px 12px 0 rgba(52,63,75,.06), 0 10px 50px 0 rgba(52,63,75,.12), 0 0 0 1px rgba(52,63,75,.02);}
.foot-icon .contact-qrcode img{display: block; margin: 0 auto;}
.foot-icon .contact-qrcode em{display: block;  font-size: 15px;text-align: center;color: #333;}
.foot-icon a:hover .icon-weibo{background: url(../images/weibo-icon2.png);}
.foot-icon a:hover .icon-wechat{background: url(../images/wechat-icon2.png);}
.foot-icon a:hover .contact-qrcode{display: block;}
.foot p{font-size: 15px; color: #888888; text-align: center; margin-top: 54px;}
.foot p a{color: #888888; margin-left: 5px;}
.foot p a:hover{color: #003705;}


/*内页banner*/
.ny-banner{height: 540px;width: 100%;}
.product-banner{background: url(../images/pro-banner.jpg) no-repeat center;}
.price-banner{background: url(../images/price-banner.jpg) no-repeat center;}
.news-banner{background: url(../images/news-banner.jpg) no-repeat center;}
.contact-banner{background: url(../images/contact-banner.jpg) no-repeat center;}


/*产品*/
.nyindex-title,.oa .nyindex-title{padding: 70px 0;}
.nyindex-title a{font-size: 24px; padding-top: 55px;}
.oa .container{overflow: hidden;}
.oa ul{width: 101%;}
.oa ul li{float: left; margin-right: 1%; width: calc(100%/6 - 1%);}
.oa ul li a{display: block;font-size: 20px; line-height: 70px; color: #fff; text-align: center; background: #535353; border-radius: 8px; padding-top: 0;}
.oa ul li:hover a{background: #003705; color: #fff; transition:0.6s;}
.ny-report .nyindex-title h3{max-width: 540px; line-height: 33px; text-align: justify;}
.ny-report .nyindex-title a {padding-top: 38px;}
.ny-api{padding: 80px 0 40px;}
.ny-api .container{background: #f5f5f5;}
.ny-api .nyindex-title{padding-left: 2.5%;}
.ny-api .nyindex-title a{padding-top: 103px;}



/*价格*/
.price{padding: 80px 0 0;}
.price-list dl{ float: left; border-top: solid 1px #e8e8e8;border-right: solid 1px #e8e8e8; border-bottom: solid 1px #e8e8e8; box-sizing: border-box;  width: calc(100%/4); padding-left: 3%; min-height: 665px;}
.price-list dl:first-child{border-left: solid 1px #e8e8e8;}
.price-list dl dt{font-size: 24px; color: #333333; padding: 40px 0 46px;}
.price-list dl .info{height: 420px;}
.price-list dl dd{font-size: 15px; line-height: 28px; color: #666; }
.price-list dl strong{display: block; font-weight: normal; color: #666; padding-bottom: 60px;}
.price-list dl b{font-size: 22px;}
.price-list dl em{display: inline-block; font-size: 50px; color: #003705; margin-right: 8px;}
.price-list dl h3{display: block; font-size:30px; line-height: 66px; color: #333;}
.price-list dl:hover{background: #f7f8f9; transition:0.6s}


/*常见问题*/
.problem-title h2{font-size: 42px; color: #222222; text-align: center; padding: 70px 0 50px;}
.problem-list {width: 100%;margin-bottom: 2rem;}
.problem-list dl{float: left; width: 100%; margin-bottom: 1.2rem; border: solid 1px #dfdfdf; box-sizing: border-box;  }
.problem-list dl dt{padding-left:2%;font-size: 1.5rem; line-height:5rem; color: #444;font-weight: normal; background: url(../images/news-icon.png) no-repeat 98% center #f1f1f1; }
.problem-list dl dd{background: #fafafa; padding: 2%; text-align: justify; display: none; font-size: 1rem; color: #666; line-height: 26px;}
.problem-list dl dt.add{background: url(../images/news-icon2.png) no-repeat 98% center #f1f1f1;  }
.problem-list dl:nth-child(1) dd{display: block;}


/*微博二维码*/
.weibo-bg{background: url(../images/weibo-bg.jpg) no-repeat center; height: 300px; position: relative;}
.weibo-bg img{display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}


/*地图*/
#allmap {width: 100%;padding: 15% 0 20%; margin: 80px 0 40px}
#phonemap{display: none;}

/*联系我们*/
.contact-title,.contact-list{float: left;}
.contact-wechat{float: right;}
.contact-title{margin-right: 15%;}
.contact-title h2{font-size: 24px; color: #333333; line-height: 24px; height: 38px; position: relative; margin: 23px 0 20px;}
.contact-title h2:after{position: absolute; content:''; width: 50px; height: 2px;background: #8b8b8b; left: 0; bottom: 0;}
.contact-title span{display: block; font-size: 16px; color: #999; text-transform: uppercase;}
.contact-list{width: 43%;}
.contact-list ul li{float: left;  border-bottom: solid 1px #dedede; width: 100%; padding: 18px 0;}
.contact-list ul li span{display: block; font-size: 16px; line-height: 24px;  padding-left: 38px; margin-left: 20px; }
.contact-list ul li .icon1{background: url(../images/contact-icon1.png) no-repeat left center;}
.contact-list ul li .icon2{background: url(../images/contact-icon2.png) no-repeat left center;}
.contact-list ul li .icon3{background: url(../images/contact-icon3.png) no-repeat left center;}
.contact-wechat img{display: block; padding: 5px;border: solid 1px #dedede; margin: 0 auto;}
.contact-wechat em{display: block; font-size: 15px; color: #999999; text-align: center; line-height: 30px;}


/*定制化开发*/
.ny-message{ background: #F5F5F5;}
.ny-message form{overflow: hidden;padding-bottom: 30px;}
.ny-message form .text{float:left;width:33%;margin-bottom:20px;}
.ny-message form .text input{width:90%;border:1px solid #E1E1E1;height:43px;line-height:43px;text-indent:20px;}
.ny-message form .text em{color:#f00;width:10%}
.ny-message form .text-area{width:100%}
.ny-message form .text-area textarea{width:92.5%;height:200px;border:1px solid #E1E1E1;font-family:"微软雅黑";padding:20px}
.pro-me-red{color:#f00;padding:20px 0;}
.submit-message{width:176px;;margin:20px auto 40px auto}
.submit-message input{width:176px;height:53px;margin:0 auto;float: none;color:#fff; background: #003705;padding:0;font-size:15px;border:none;margin:0 auto; cursor: pointer;}

/*404页面*/
.maintain{background: #ebefeb; display: table; height: 100vh; width: 100%;}
.maintain .info{display: table-cell; vertical-align: middle;}
.maintain .info .pic{margin:0 5% 0 20%}
.maintain .info em{display: block; font-size: 42px; color: #333333; padding: 110px 0 30px;}
.maintain .info a{display: block; width: 240px; font-size: 30px; line-height: 60px; color: #fff; text-align: center; border-radius: 30px; background: #003705;}