/* ========== */
/* = NY-BANNER = */
/* ========== */
.ny-banner{ width: 100%; height: 400px; text-align: center; padding-top: 170px; color:#FFFFFF; font-family:"SourceHanSansCN-Light";}
.ny-banner h2{ font-size: 40px; text-shadow:0 2px 2px rgba(0,0,0,.2); letter-spacing:5px; }
.ny-banner p{ margin-top: 20px; font-size: 20px;}
.ny-banner p span{ display: inline-block; position: relative; letter-spacing: 2px;}
.ny-banner p span:before,
.ny-banner p span:after{ content: ""; position: absolute; top:50%; width: 20px; height: 1px; background: #FFFFFF;}
.ny-banner p span:before{ left:-35px;}
.ny-banner p span:after{ right:-35px;}


.bread{ height: 50px; line-height: 50px; text-align: right; font-size: 12px; color: #999999; letter-spacing: 1px;}
.bread span{ display: inline-block; margin: 0 5px; }
.bread a{color: #999999;}
.bread em{ font-style:normal; color: #007aea;}


.page{ text-align: center; color: #111111;}
.page a,.page span{ margin:0 3px; border: 1px solid #eeeeee; display: inline-block; padding: 0 5px; min-width:40px; line-height: 38px; height: 40px; color: #111111;}
.page a.active,.page a:hover,.page span.current{ background: #178dfd; border: 1px solid #178dfd; color: #FFFFFF;}
.page em{ font-style: normal; margin: 0 10px;}
.page span{ margin-left: 20px;}


/* ========== */
/* = ABOUT = */
/* ========== */
.ny-theme{ padding-bottom: 40px; border-bottom: 1px solid #eeeeee; text-align: center; position: relative;}
.ny-theme:after{ content: ""; position: absolute; bottom: 0; left:50%; margin-left: -20px; width: 40px; height: 2px; background: #0e0e0e;}
.ny-theme h2{ font-size: 30px; color: #202020; letter-spacing:2px;}
.ny-theme .en{ margin-top:10px; color: #bbbbbb; font-size: 12px;}
.ny-theme .cn{ margin-top: 15px; font-size: 16px; color: #202020;}


.about-box{ padding:90px 0 115px; background: url(../images/home_about_bg.jpg) bottom no-repeat;}
.about-box .content{ margin-top: 45px; background:#FFFFFF; text-align: center; padding: 75px 75px 80px; line-height: 36px;}
.about-box .content span{ color: #188ffe;}

.culture-box{ margin-top:90px;}
.culture-box ul{ margin:60px -17px 75px;}
.culture-box li{ float: left; width: 33.333333333%; padding: 0 17px;}
.culture-box li div{ text-align: center; padding: 45px 10px 40px;}
.culture-box li div span{ font-size: 37px; color: #202020; font-family:"SourceHanSansCN-Light";}
.culture-box li div i{ font-style: normal; color: #188ffe;}
.culture-box li div p{ margin-top: 10px; font-size:17px; color: #202020; letter-spacing: 1px;}
.culture-box li div p em{ padding-right:15px; margin-right: 15px; position: relative;}
.culture-box li div p em:after{ content: ""; position: absolute; top:50%; margin-top: -7px; right:0; width: 1px; height: 14px; background: #d2d2d2;}
.culture-box .item{ margin-top: 23px; background: #f9f9f9;}
.culture-box .item .img{ float: left; width: 60%;}
.culture-box .item .text{ float: right; width: 40%; padding: 30px;}
.culture-box .item .text .tit{ font-size: 12px; color: #bbbbbb;}
.culture-box .item .text .tit span{ font-size: 24px; color: #202020; letter-spacing:2px;}
.culture-box .item .text .des{ line-height: 32px; margin-top:20px;}
.culture-box .item:last-child .img{ float: right;}
.culture-box .item:last-child .text{ float: left; text-align: right;}


.history-box { padding:120px 0 90px;}
.history-box ul{ margin-top: 40px; position: relative; font-family:"SourceHanSansCN-Light";} 
.history-box ul:before{ content: ""; position: absolute; top:0; left: 195px; height: 100%; border-right: 1px solid #e5e5e5; }
.history-box li{ padding: 30px 0 30px 195px; position: relative;}
.history-box li:after{  content: ""; position: absolute; bottom: 0; left:0; width: 0%; height:2px; background: #188ffe; -webkit-transition: all ease .4s; -moz-transition: all ease .4s; -ms-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s;}
.history-box li:nth-child(2n-1){ -o-box-shadow:0 5px 40px rgba(0,0,0,.08); -ms-box-shadow:0 5px 40px rgba(0,0,.08); -moz-box-shadow:0 5px 40px rgba(0,0,0,.08);  -webkit-box-shadow:0 5px 40px rgba(0,0,0,.08); box-shadow:0 5px 40px rgba(0,0,0,.08); }
.history-box li .date{ position: absolute; top:50%; margin-top: -23px; left:0; width: 195px; text-align: center; text-align: center; color: #2c2c2c;}
.history-box li .date i{ margin-right: 5px; font-style: normal; font-size: 34px; font-weight: 300; line-height: 46px; padding-left: 15px;} 
.history-box li .text{  min-height: 46px; position: relative;}
.history-box li .text:before{ content: ""; position: absolute; top:50%; left:-5px; margin-top: -6px; border:2px solid #595959; display: inline-block; width: 10px; height: 10px; background: #FFFFFF; border-radius: 50%;}
.history-box li .text div{ display: inline-block; vertical-align: middle;  width: 100%; color: #202020; line-height: 24px; padding: 0 40px;}
.history-box li .text i{ height: 100%; display:inline-block; vertical-align: middle; min-height: 46px;}
.history-box li:first-child:before{ content: ""; position: absolute; top:0; left:195px; height: 50%; width: 1px; background: #FFFFFF;}
.history-box li:last-child:before{ content: ""; position: absolute; bottom:0; left:195px; height: 50%; width: 1px; background: #FFFFFF;}
.history-box li:hover:after{ width: 100%;}
.history-box li:hover .text:before{ border: 2px solid #188ffe;}


.customer-case{ padding:95px 0 70px; position: relative;}
.customer-case:before{ content: ""; position: absolute; top:0; left:0; width: 100%; height:40%; background: #f9f9f9;}
.customer-case .content{ margin: 0 -20px;}
.customer-case .swiper-slide{padding: 25px 20px 80px; }
.customer-case .swiper-button-prev,
.customer-case .swiper-button-next{ z-index:1; top:auto; margin: 0; bottom:0px; color: #000000; height: 20px; line-height: 20px; width: 90px; text-transform: uppercase; opacity: .3; font-size: 12px;  -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.customer-case .swiper-button-prev{ left:50%; margin-left: -125px; text-align:right; background: url(../images/banner_prev.png) no-repeat left;}
.customer-case .swiper-button-next{ right:50%; margin-right: -125px; text-align: left; background: url(../images/banner_next.png) right no-repeat;}
.customer-case .swiper-button-prev:hover,
.customer-case .swiper-button-next:hover{ opacity:1;}
.customer-case .item{ margin-top: 30px; background: #FFFFFF; position: relative;}
.customer-case .item .img{ float: left; width: 23.5%; position: relative; z-index: 1;}
.customer-case .item .img img{ width: 100%;}
.customer-case .item .text{ float: right; width: 76.5%; padding:30px 35px; line-height: 30px;}
.customer-case .item:before{  content: ""; position: absolute; z-index: 0; bottom: 0; left:0; width: 0%; height:2px; background: #188ffe; -webkit-transition: all ease .4s; -moz-transition: all ease .4s; -ms-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s;}
.customer-case .item:hover:before{ width: 100%;}



/* ========== */
/* = NEWS = */
/* ========== */
.news{ padding: 90px 0 35px;}
.news ul{ margin: 0 -38px 70px;}
.news li{ margin-top: 76px; float: left; width: 33.333333333%; padding: 0 38px;}
.news .item{ display: block; border-bottom: 1px solid #eeeeee; position: relative;}
.news .item:after{  content: ""; position: absolute; z-index: 0; bottom:-1px; left:0; width: 0%; height:2px; background: #188ffe; -webkit-transition: all ease .4s; -moz-transition: all ease .4s; -ms-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s;}
.news .item .img{ overflow: hidden;}
.news .item .img img{ width: 100%;}
.news .item .text span{ display: block; margin-top: 30px; font-size: 18px; color: #202020;}
.news .item .text p{ margin-top: 25px; line-height: 24px; height: 48px; overflow: hidden;}
.news .item .text div{ margin-top: 25px; height:44px; line-height: 44px; color: #aaaaaa; font-size: 12px;}
.news .item .text i{ float: left; font-style: normal;}
.news .item .text em{ display: none; float: right; padding-right: 45px; background:url(../images/news_ico_more.png) right no-repeat; }
.news .item:hover:after{ width: 100%;}
.news .item:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.news .item:hover .text span{ color: #017bec;}
.news .item:hover .text div{ color: #202020;}
.news .item:hover .text em{ display: block;}


/* ========== */
/* = NEWS-DETAIL = */
/* ========== */
.news-detail{ padding:70px 0;}
.news-detail .left{ float: left; width: 67.5%;}
.news-detail .left .title{ font-size:24px; color: #2d2d2d; font-weight: normal; padding-bottom: 24px; border-bottom: 1px solid #eeeeee;}
.news-detail .left .detail{ padding: 35px 0 60px; line-height: 36px; text-align: justify;}
.news-detail .left .flip{ padding: 38px 25px; background:#f9f9f9;}
.news-detail .left .flip a{ max-width: 48%; display: block; position:relative; line-height: 34px; color: #777777;}
.news-detail .left .flip a span{ position: absolute; top:0; display: inline-block; background: #dcdcdc;  font-size: 12px; color: #2d2d2d; width: 75px; height: 34px; line-height: 34px; text-align: center; }
.news-detail .left .flip a:first-child{ float: left; padding-left: 95px; }
.news-detail .left .flip a:first-child span{ left:0;}
.news-detail .left .flip a:last-child{ float: right;  padding-right: 95px;}
.news-detail .left .flip a:last-child span{ right:0;}
.news-detail .left .flip a:hover{ color: #2d2d2d;}
.news-detail .left .flip a:hover span{ background: #188ffe; color: #FFFFFF;}
.news-detail .right{ float: right; width: 26%;}
.news-detail .right .tit{ line-height: 56px; color: #555555; font-size: 16px; border-bottom: 1px solid #eeeeee;}
.news-detail .right .link{ padding: 35px 0 45px;}
.news-detail .right .link a{ display: inline-block; vertical-align: middle; color: #777777;}
.news-detail .right .link a:hover{ color: #2d2d2d;}
.news-detail .right .link span{ display: inline-block; vertical-align: middle; margin: 0 15px; color: #eeeeee; font-size: 12px;}
.news-detail .right li{ border-top: 1px solid #eeeeee;}
.news-detail .right li a{ display: block; height: 52px; line-height: 52px; color: #777777;}
.news-detail .right li a:hover{ color: #2d2d2d;}


/* ========== */
/* = QUESTION = */
/* ========== */
.question{ padding:70px 0;}
.question ul{ margin:35px 0 65px; position: relative;}
.question ul:before{ content:""; z-index:1; position: absolute; top:0; left:60px; width: 1px; height: 100%; background: #f1f1f1;}
.question li{ padding:60px 60px 0 60px; position: relative;}
.question li:first-child:before{ content: ""; z-index: 1; position: absolute; top:0; left:60px; width: 1px; height:70px; background: #FFFFFF;}
.question li .tit{ padding-left: 58px; position: relative; line-height: 34px; font-size: 18px; color: #333333; cursor: pointer;}
.question li .tit:before{ content: ""; position: absolute; z-index: 1; top:0; left:-17px; width: 34px; height: 34px; background-image: url(../images/ico_jia.png); background-size: cover;}
.question li .ico{ position: absolute; top:0; left:30px; font-size: 18px; color: #333333; line-height: 36px;}
.question li .con{ margin-top: 10px; padding-left: 58px; padding-bottom:60px; border-bottom: 1px solid #f1f1f1; position: relative;}
.question li .con .text{ line-height: 36px; height: 36px; overflow: hidden;}
.question li.active{ -o-box-shadow:0 0 25px rgba(0,0,0,.1); -ms-box-shadow:0 0 25px rgba(0,0,0,.1); -moz-box-shadow:0 0 25px rgba(0,0,0,.1);  -webkit-box-shadow:0 0 25px rgba(0,0,0,.1); box-shadow:0 0 25px rgba(0,0,0,.1);}
.question li.active .tit{ color: #0277e4;}
.question li.active .tit:before{ background-image: url(../images/ico_jian.png);}
.question li.active .tit .ico{ color: #0277e4;}
.question li.active .con .text{ height: auto; }


/* ========== */
/* = DOWN = */
/* ========== */
.down{ padding: 90px 0 35px;}
.down ul{ margin: 50px 0 95px;}
.down li{ padding: 0 50px;}
.down li a{ display: block; padding:40px 0; position: relative; padding-left: 192px; padding-right: 140px; line-height: 34px; border-bottom: 1px solid #f2f2f2;}
.down li .date{ position: absolute; top:40px; left:0; width: 150px; text-align: center; font-size: 16px; color: #343434;}
.down li .date:before{ content: ""; position: absolute; top:50%; left:0; margin-top:-4px; width: 8px; height: 8px; border-radius: 50%; background: #c4c4c4; }
.down li .date:after{ content: "";position: absolute; top:50%; right:0; margin-top: -8px; width: 1px; height: 16px; background: #e5e5e5; } 
.down li p{ font-size: 16px; color:#343434; letter-spacing: 1px;}
.down li div{ position: absolute; top:40px; right:0; width: 128px; text-align: center;}
.down li div span{ margin-top: 5px; display:inline-block; width: 25px; height: 25px; background:url(../images/ico_down.png);}
.down li div em{ display: none; width:100%; height:34px; line-height: 34px; border-radius:17px; text-align: center; background: -webkit-linear-gradient(180deg,#188ffd,#0352ba); background: linear-gradient(180deg,#188ffd,#0352ba); color:#FFFFFF;}
.down li div em i{ font-style: normal; display: inline-block; padding-right: 15px; background: url(../images/ico_more.png) no-repeat right;}
.down li:hover{ -o-box-shadow:0 0 25px rgba(0,0,0,.1); -ms-box-shadow:0 0 25px rgba(0,0,0,.1); -moz-box-shadow:0 0 25px rgba(0,0,0,.1);  -webkit-box-shadow:0 0 25px rgba(0,0,0,.1); box-shadow:0 0 25px rgba(0,0,0,.1);}
.down li:hover .date{ color: #178dfd;}
.down li:hover .date:before{ background: #178dfd;}
.down li:hover p{ color: #178dfd;}
.down li:hover div span{ display: none;}
.down li:hover div em{ display: block;}

.video-box{  padding: 110px 0 50px; }
.video-box .content{ margin: 0 -20px;}
.video-box .item{ margin-top: 40px; float: left; width: 33.333333333%; padding: 0 20px; cursor: pointer;}
.video-box .item .img{ position: relative;}
.video-box .item .img img{ width: 100%;}
.video-box .item .img:before {content: ""; position: absolute;top: 50%; left: 50%;margin-left: -20px; margin-top: -20px;width: 40px;height: 40px; background-image: url(../images/ico_play.png); background-size: cover;}
.video-box .item .text{ text-align: center; line-height: 20px; margin-top: 10px; }

.pop{ display: none; position: fixed; top:0; left:0; height: 100%; width: 100%; background: rgba(0,0,0,.6); text-align: center; z-index:999;}
.pop .content+i{ display: inline-block; vertical-align: middle; height: 100%;}
.pop .content{ max-width:800px; width: 85%; display: inline-block; vertical-align: middle; position: relative;}
.pop .content .border{ display: inline-block;  background:#FFFFFF; padding: 10px; border-radius: 5px; position: relative;}
.pop .content video{ max-width: 100%;}
.pop .close{ position: absolute; cursor:pointer; top:-22px; right:-16px; width: 37px; height: 37px; background-image: url(../images/close.png); background-size: cover;}


/* ========== */
/* = CONTACT = */
/* ========== */
.contact{ padding: 70px 0 65px;}
.contact .text{ margin-top: 60px; color: #202020; line-height: 36px;text-align: center;}
.contact ul{ margin-top: 80px; border-left: 3px solid #178dfd;}
.contact ul li{ float: left; width:33.333333333%; background:#FFFFFF; padding: 55px 15px 55px 35px; position: relative;}
.contact ul li img{ float: left;}
.contact ul li div{ margin-left: 95px;  font-family:"SourceHanSansCN-Light";}
.contact ul li div span{ display: block; color: #188ffe; font-size: 24px;}
.contact ul li div p{ margin-top:15px;}
.contact .map{ margin-top:100px;}
.contact .map-box{ width: 100%; height:370px; position:relative;}
.contact .map-box img{ max-width:1000%;}
.contact .map-box #allmap{ width:100%; height: 100%; position: absolute; left: 0; top:0;} 
.contact .map-box .anchorBL{ display: none; }


/* ========== */
/* = JOIN = */
/* ========== */
.join{ padding: 70px 0 45px;}
.join ul{ margin:45px 0 70px;}
.join li{ margin-top:30px; background: #FFFFFF; -o-box-shadow:0 0 25px rgba(0,0,0,.1); -ms-box-shadow:0 0 25px rgba(0,0,0,.1); -moz-box-shadow:0 0 25px rgba(0,0,0,.1);  -webkit-box-shadow:0 0 25px rgba(0,0,0,.1); box-shadow:0 0 25px rgba(0,0,0,.1);}
.join li .tit{ padding:12px 120px 12px 48px; font-size: 16px; line-height: 28px; color: #111111; letter-spacing: 1px; position: relative; cursor: pointer;}
.join li .tit em{ position: absolute; top:50%; margin-top: -20px; right:40px; width: 40px; height:40px; background-image: url(../images/join_jia.png); background-size: cover;}
.join li .tit.active{ color: #0a74e1;}
.join li .tit.active em{ background: url(../images/join_jian.png);}
.join li .con{ display: none; border-top: 1px solid #eeeeee; padding:0 45px 55px; border-bottom: 3px solid #178dfd; line-height: 30px; color: #3c3735;}
.join li .con .tip{ margin-top: 35px;}
.join li .con .tip-con p{ position: relative;padding-left: 25px;}
.join li .con .tip-con p span{ position: absolute; top:0; left:10px; color: #178dfd; line-height: 30px;}
.join li .con .mail{ margin-top:50px; background: url(../images/mail_ico.png) left 8px no-repeat; padding-left: 30px;}
.join li .con .mail a{ color: #178dfd; text-decoration: underline !important;}



/* ========== */
/* = PRO = */
/* ========== */
.accounting-software{ padding-top: 85px;}
.accounting-software ul{ margin-top: 45px;}
.accounting-software li{ display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.accounting-software li .img{ width: 50%;}
.accounting-software li .text{  width: 50%; padding:20px 75px; letter-spacing: 1px;}
.accounting-software li .text img{ margin: 0; display: inline-block;}
.accounting-software li .text .tit{ margin-top: 12px; font-size: 26px; color: #202020;}
.accounting-software li .text .des{ margin-top: 30px; line-height: 36px;}
.accounting-software li .text .des p{ position: relative; padding-left:12px;}
.accounting-software li .text .des p span{ position: absolute; top:0; left:0; line-height: 36px;}
.accounting-software li .text .des span{ color: #4c9ffd;}
.accounting-software li:nth-child(2n) .text{ text-align: right;}
.accounting-software li:hover .text img{ animation: tada 1s; -webkit-animation: tada 1s;}


.accounting-choose{ padding: 135px 0 105px;}
.accounting-choose ul{ margin: 0 -30px;}
.accounting-choose li{ margin-top: 35px; float: left; width: 25%; padding: 0 30px;}
.accounting-choose .item{ text-align: center; font-family:"SourceHanSansCN-Light";}
.accounting-choose .item .tit{ font-size: 20px; color: #202020;}
.accounting-choose .item .des{  margin-top:5px; font-size: 14px; color: #555555;}
.accounting-choose .item .price{ margin-top:5px; font-size:16px; color: #0082e5;}
.accounting-choose .item .price i{ font-size: 44px; font-style: normal;}
.accounting-choose .item .bt{ margin-top: 10px; font-size:0px;}
.accounting-choose .item .bt a{ display:inline-block; font-size: 14px; margin: 0 1%; width:48%; height: 30px; line-height: 30px; border-radius:15px; background: #efeded;}
.accounting-choose .item .bt a i{ font-style: normal; display: inline-block; padding-right:12px; background: url(../images/ico_more2.png) no-repeat right;}
.accounting-choose .item .bt a:hover{ background: -webkit-linear-gradient(180deg,#188ffd,#0352ba); background: linear-gradient(180deg,#188ffd,#0352ba); color:#FFFFFF;}
.accounting-choose .item .bt a:hover i{ background: url(../images/ico_more.png) no-repeat right;}


.charge-box{ padding: 88px 0 100px; background:url(../images/charge_bg.jpg) top center no-repeat;}
.charge-box .ny-theme{ border-bottom: 1px solid rgba(255,255,255,.3);}
.charge-box .ny-theme h2{ color:#FFFFFF;}
.charge-box .ny-theme p{ color:#FFFFFF;}
.charge-box .ny-theme:after{background: #FFFFFF;}
.charge-box ul{  margin:0 -30px;}
.charge-box li{ margin-top: 50px; float: left; width: 50%; padding: 0 30px;}
.charge-box .item{ background: #FFFFFF;}
.charge-box .item .img img{ width: 100%;}
.charge-box .item .tit{ padding:0 25px; border-bottom: 1px solid #eeeeee;}
.charge-box .item .tit span{ padding: 25px 0; font-size: 25px; color: #202020; display: inline-block; border-bottom: 2px solid #188ffe;}
.charge-box .item .tit i{ font-size: 14px; color: #bbbbbb; font-style: normal;}
.charge-box .item .des{ padding: 20px;}
.charge-box .item .des p{ position: relative; line-height: 36px; padding-left: 12px;}
.charge-box .item .des p span{ position: absolute; top:0; left:0; color: #188ffe;}


.accounting-service{ padding: 90px 0 75px; background: #f9f9f9;}
.accounting-service ul{ margin: 0 -25px;}
.accounting-service li{ margin-top: 45px; float: left; width: 20%; padding: 0 25px; text-align: center; color: #202020; position: relative; }
.accounting-service li .ico{ display: inline-block; border-radius: 50%; background: #FFFFFF; -o-box-shadow:0 0 25px rgba(0,0,0,.1); -ms-box-shadow:0 0 25px rgba(0,0,0,.1); -moz-box-shadow:0 0 25px rgba(0,0,0,.1);  -webkit-box-shadow:0 0 25px rgba(0,0,0,.1); box-shadow:0 0 25px rgba(0,0,0,.1);}
.accounting-service li .tit{ margin-top: 20px; font-size: 16px; line-height: 24px; min-height: 48px;}
.accounting-service li .tit p{ font-size: 12px; color: #999999;}
.accounting-service li .num{ margin-top: 25px; line-height: 20px; font-size:12px; text-transform: uppercase;}
.accounting-service li .num span{ color: #188ffe;}
.accounting-service li:after{ content: ""; position: absolute; bottom: 4px; right:-27px; width: 55px; height: 11px; background: url(../images/ico_step_jt.png);}
.accounting-service li:last-child:after{ display: none;}



.product-contact{ padding: 55px 0 50px;}
.product-contact ul{ border-left: 1px solid #eeeeee;}
.product-contact li{ float: left; width: 20%; border: 1px solid #eeeeee; border-left: none; padding: 50px 5px 50px 20px;}
.product-contact li .img{ float:left; position: relative;}
.product-contact li .img .default{ position: absolute; top:0; left:0;}
.product-contact li .img .hover{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg);opacity: 0;}
.product-contact li div{ margin-left: 70px;}
.product-contact li div i{ font-size: 18px; color: #161415; line-height: 34px; font-style: normal;}
.product-contact li div p{ font-size: 12px; color: #bbbbbb;}
.product-contact li:hover{  -o-box-shadow:0 0 25px rgba(0,0,0,.1); -ms-box-shadow:0 0 25px rgba(0,0,0,.1); -moz-box-shadow:0 0 25px rgba(0,0,0,.1);  -webkit-box-shadow:0 0 25px rgba(0,0,0,.1); box-shadow:0 0 25px rgba(0,0,0,.1);}
.product-contact li:hover .img .default{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); opacity: 0;}
.product-contact li:hover .img .hover{ transform: rotateY(0deg); -webkit-transform: rotateY(0deg);opacity: 1;}

/* ========== */
/* = FINANCE = */
/* ========== */
.finance-platform{ padding: 80px 0 105px;}
.finance-platform .content{ margin-top: 50px;  position: relative; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.finance-platform .left{ width: 50%;}
.finance-platform .left img{ width: 100%;}
.finance-platform .right{ width: 50%; padding: 20px 60px;}
.finance-platform .right h2{ font-size: 26px; color: #333333;}
.finance-platform .right .tip{ margin-top: 15px; background: url(../images/ico_finance_tip.png) no-repeat left; font-size: 22px; color: #1486f7; line-height: 34px; padding-left: 80px;}
.finance-platform .right .des{ margin-top: 10px; color: #666666; line-height: 30px;}
.finance-platform .right ul{ margin-top:35px; color: #999999;}
.finance-platform .right li{ margin-top: 18px; padding-left: 28px; background: url(../images/ico_finance_right.png) 0 4px no-repeat; font-size: 14px; line-height: 24px;}


.finance-software{ padding: 60px 0; background-image: url(../images/finance_software_bg.jpg); background-position: center top; background-size: cover; color: #FFFFFF;}
.finance-software .text{ padding-bottom:12px; line-height:36px; border-bottom: 2px solid #1486f7; float: left; text-align: right; letter-spacing: 2px;}
.finance-software .text span{ font-size: 20px; text-transform:uppercase; font-weight: lighter; font-family: "Microsoft Yahei";}
.finance-software .text p{ font-size:28px;}
.finance-software .tip{ margin-left: 100px; float: left; font-size: 34px;  line-height: 46px; letter-spacing: 2px;}
.finance-software .tip span{ margin-left: -0.5em; display: block; }
.finance-software a{ margin-top:30px; float: right; display: block; width: 190px; height: 40px; line-height: 40px; color: #FFFFFF; border-radius: 20px; text-align: center; background: -webkit-linear-gradient(180deg,#188ffd,#0352ba); background: linear-gradient(180deg,#188ffd,#0352ba);}


.caida-finance-zx{ padding: 60px 0; background-image: url(../images/caida_finance_bg.jpg); background-position: center top; background-size: cover; color: #FFFFFF;}
.caida-finance-zx .text{ float: left;}
.caida-finance-zx .text span{ font-size:34px; line-height: 40px;}
.caida-finance-zx .text p{ margin-top: 5px; font-size: 20px; line-height: 36px; position: relative; padding-left: 340px; text-transform:uppercase;font-weight: lighter; font-family: "Microsoft Yahei"; letter-spacing: 1px;}
.caida-finance-zx .text p:before{ content: ""; position: absolute; top:50%; left:0; width: 320px; height: 2px; background: #1890ff; margin-top: -1px;}
.caida-finance-zx a{ margin-top:30px; float: right; display: block; width: 190px; height: 40px; line-height: 40px; color: #FFFFFF; border-radius: 20px; text-align: center; background: -webkit-linear-gradient(180deg,#188ffd,#0352ba); background: linear-gradient(180deg,#188ffd,#0352ba);}
.caida-finance-zx a:hover{ background: #188ffd; }



.finance-characteristic{  padding: 100px 0 70px; }
.finance-characteristic ul{ margin-top: 60px;}
.finance-characteristic li .img{ float: left; width: 50%;}
.finance-characteristic li .img img{ width: 100%;}
.finance-characteristic li .text{ float: right; width: 50%; padding:50px 80px 20px;}
.finance-characteristic li .text img{ margin:0;  -webkit-transition: all ease .4s; -moz-transition: all ease .4s; -ms-transition: all ease .4s;  -o-transition: all ease .4s; transition: all ease .4s;}
.finance-characteristic li .text .tit{  margin-top: 15px; display: block; font-size: 26px; color: #202020;}
.finance-characteristic li .text .des{ margin-top:35px; line-height: 36px; color: #777777;}
.finance-characteristic li .text .des span{ margin-right: 10px; color: #1486f7;}
.finance-characteristic li:nth-child(2n) .img{ float: right;}
.finance-characteristic li:nth-child(2n) .text{ float: left;}
.finance-characteristic li:hover .text img{ animation: tada 1s; -webkit-animation: tada 1s;}

@media (max-width:999px) {
	
	/* ========== */
	/* = NY-BANNER = */
	/* ========== */
	.ny-banner{ height:5.4rem; padding-top:2.2rem;}
	.ny-banner h2{ font-size: 0.55rem; letter-spacing:0.02666666rem;}
	.ny-banner p{ margin-top: 0.25rem; font-size: 0.38rem;}

	.page a{ margin:1px; min-width:32px; line-height:30px; height:32px;}
	.page span{ margin-left: 0; margin-top: 10px; display: block;}

	
	/* ========== */
	/* = ABOUT = */
	/* ========== */
	.ny-theme{ padding-bottom:30px; }
	.ny-theme h2{ font-size:0.5rem; letter-spacing: 0.02666666rem;}
	
	
	.about-box{ padding:50px 0; }
	.about-box .content{ padding: 20px; line-height: 26px; font-size: 12px;}
	
	.culture-box{ margin-top:50px;}
	.culture-box ul{ margin:0 0 40px;}
	.culture-box li{ margin-top: 30px; width: 100%; padding: 0;}
	.culture-box li div span{ font-size: 0.6rem;}
	.culture-box .item .img{  width: 100%;}
	.culture-box .item .text{  width: 100%;}
	
	.history-box { padding:50px 0;}
	.history-box ul{ margin-top: 40px;}
	.history-box ul:before{ left:90px;}
	.history-box li{ padding: 20px 0 20px 90px;}
	.history-box li .date{ width: 90px;}
	.history-box li .date i{ font-size:20px; padding-left:0;} 
	.history-box li .text div{ padding: 0 20px;}
	.history-box li:first-child:before{ left:90px;}
	.history-box li:last-child:before{ left:90px;}

	.customer-case{ padding:50px 0; background: #f9f9f9;}
	.customer-case .swiper-slide{padding-bottom:60px; }
	.customer-case .item .img{ width: 100%;}
	.customer-case .item .text{ width: 100%; font-size: 12px; line-height: 26px;}
	
	
	
	/* ========== */
	/* = NEWS = */
	/* ========== */
	.news{ padding:50px 0;}
	.news ul{ margin: 0 -0.15rem 40px;}
	.news li{ margin-top:30px; width: 50%; padding: 0 0.15rem;}
	.news .item .text span{ margin-top: 0.4rem; font-size:0.32rem;}
	.news .item .text p{ margin-top: 0.26666666rem; font-size:0.26666666rem; line-height: 0.5rem; height: 1rem;}
	.news .item .text div{ margin-top:0.2rem;}

	

	/* ========== */
	/* = NEWS-DETAIL = */
	/* ========== */
	.news-detail{ padding:50px 0;}
	.news-detail .left{  width: 100%;}
	.news-detail .left .title{ text-align: center; font-size: 20px;}
	.news-detail .left .detail{padding: 30px 0; line-height: 28px;}
	.news-detail .left .flip a{ max-width: 100%; width: 100%;}
	.news-detail .left .flip a:last-child{ margin-top: 10px; padding-right: 0; padding-left: 95px;}
	.news-detail .left .flip a:last-child span{ left:0; right:auto;}
	.news-detail .right{ margin-top:30px; width: 100%;}	
	
	
	/* ========== */
	/* = QUESTION = */
	/* ========== */
	.question{ padding:50px 0;}
	.question ul{ margin:40px 0;}
	.question ul:before{ left:40px; }
	.question li{ padding:40px 40px 0 40px; }
	.question li:first-child:before{left:40px;}
	.question li .tit{ line-height: 26px; font-size: 16px; }
	.question li .tit:before{ left:-13px; width: 26px; height: 26px; }
	.question li .ico{ line-height: 26px;}
	.question li .con{ padding-bottom:40px;}
	.question li .con .text{ font-size: 12px; line-height: 26px; height: 26px;}
	
	
	
	/* ========== */
	/* = DOWN = */
	/* ========== */
	.down{ padding:50px 0;}
	.down ul{ margin: 20px 0 40px;}
	.down li{ padding: 0;}
	.down li a{ display: block; padding:20px 0; padding-left: 0; padding-right:60px;}
	.down li .date{ position: relative; top:auto; left:auto; display: block;}
	.down li div{ width: auto; top:50px;}
	.down li:hover div span{ display: block;}
	.down li:hover div em{ display: none;}	
	.video-box .item{ width: 100%;}
	
	
	/* ========== */
	/* = CONTACt = */
	/* ========== */
	.contact{ padding:50px 0;}
	.contact .text{ margin-top: 40px;  font-size: 12px; line-height: 26px;}
	.contact ul{ margin-top: 40px; }
	.contact ul li{  width: 100%; padding:25px 10px 25px 20px;}
	.contact ul li img{ width: 45px;}
	.contact ul li div{ margin-left: 60px;}
	.contact ul li div span{ font-size: 16px;}
	.contact ul li div p{ margin-top:5px;}
	.contact .map{ margin-top:40px;}
	.contact .map-box{  height:250px;}
	
	
	/* ========== */
	/* = JOIN = */
	/* ========== */
	.join{ padding: 50px 0;}
	.join ul{ margin:40px 0;}
	.join li .tit{ padding: 15px 70px 15px 20px; font-size: 14px;}
	.join li .tit em{ right:10px;}
	.join li .con{ padding: 0 20px 40px;}	
	.join li .con .tip{ margin-top: 30px;}
	.join li .con .mail{ margin-top: 30px;}
	
	
	/* ========== */
	/* = PRO = */
	/* ========== */
	.accounting-software{ padding-top:50px;}
	.accounting-software li .img{ width: 100%;}
	.accounting-software li .text{  width: 100%; padding:25px;}
	.accounting-software li .text .tit{ font-size:18px;;}
	.accounting-software li:nth-child(2n) .text{ text-align: left;}
	
	.accounting-choose{ padding: 50px 0;}
	.accounting-choose ul{ margin: 0 -10px;}
	.accounting-choose li{  width: 100%; padding: 0 10px;}
	.accounting-choose .item .price i{ font-size: 34px; font-style: normal;}
	
	.charge-box{ padding: 50px 0;}
	.charge-box ul{  margin:0;}
	.charge-box li{ margin-top: 40px; width: 100%; padding: 0;}
	.charge-box .item .tit span{ font-size: 0.6rem; padding: 15px 0;}
		
	.accounting-service{ padding:50px 0;}
	.accounting-service ul{ margin: 0 -5px;}
	.accounting-service li{ margin-top: 35px;  width: 50%; padding: 0 5px;}
	.accounting-service li:nth-child(2n+1){ clear: both; }
	.accounting-service li .ico{  width:40%;}
	.accounting-service li .tit{ font-size: 13px;}
	.accounting-service li .tit i{ font-size: 10px;}
	.accounting-service li .num{ margin-top: 10px;}
	.accounting-service li:after{ display: none;}


	.product-contact{ padding:50px 0;}
	.product-contact ul{ border-top: 1px solid #eeeeee; border-left: none;}
	.product-contact li{  width: 100%; border: 1px solid #eeeeee; border-top: none; padding:25px 0 25px 20px;}




	/* ========== */
	/* = FINANCE = */
	/* ========== */
	.finance-platform{ padding: 50px 0;}
	.finance-platform .left{ width: 100%;}
	.finance-platform .right{ width: 100%; padding: 30px;}
	.finance-platform .right h2{ font-size: 0.5rem;}
	.finance-platform .right .tip{ font-size: .42rem;}
	
	.finance-software{ padding: 50px 0; text-align: center;}
	.finance-software .text{  float: none; text-align: center; line-height: 0.6rem;}
	.finance-software .text span{ font-size: 0.45rem;}
	.finance-software .text p{ font-size: 0.42666666rem;}
	.finance-software .tip{ padding-top: 0.5rem; font-size: 0.4rem; float: none; margin-left:0; line-height: 0.6rem;}
	.finance-software a{  margin:0.5rem auto 0; float: none;}
	
	
	.caida-finance-zx{ padding: 50px 0; text-align: center;}
	.caida-finance-zx .text{float: none; text-align: center; line-height: 0.6rem;}
	.caida-finance-zx .text span{ font-size: 0.42rem;}
	.caida-finance-zx .text p{ font-size: 0.42666666rem; padding-left:0;}
	.caida-finance-zx .text p:before{ display: none;}
	.caida-finance-zx a{ margin:0.5rem auto 0; float: none;}


	.finance-characteristic{  padding: 50px 0; }
	.finance-characteristic ul{ margin-top: 50px;}
	.finance-characteristic li .img{ width: 100%;}
	.finance-characteristic li .text{  width: 100%; padding:20px 30px;}
	.finance-characteristic li .text img{  width: 0.8rem; }
	.finance-characteristic li .text .tit{ font-size: 0.4rem;}
	.finance-characteristic li .text .des{ margin-top:0.4rem; line-height: 28px; font-size: 0.2rem; }
}