.banner,.header-m,.i-banner,footer,header,main{-webkit-transition:all .5s;transition:all .5s}
.header{position:fixed;top:0;left:0;z-index:55;padding-right:8%;padding-left:8%;width:100%;background:#2b2b2b;color:#fff}
.header .logo{overflow:hidden;height:100px;line-height:100px}
.header nav{height:100px}
.header nav ul li{position:relative;float:left;margin:0 6px}
.header nav ul li::after{position:absolute;top:50%;right:-8px;width:2px;height:13px;background:#fff;content:'';-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.header nav ul li.cur>a,.header nav ul li:hover>a{background:#8a6e4b}
.header nav ul li:hover .sub-nav{top:65px;visibility:visible;opacity:1}
.header nav ul li>a{padding:0 16px;height:30px;border-radius:20px;font-size:15px;line-height:30px}
footer{position:relative;z-index:1;padding:.45rem 8% .5rem 8%;background:#2b2b2b;align-items:normal!important;-webkit-align-items:normal!important;justify-content:space-between!important;-webkit-justify-content:space-between!important}
footer .txt em{font-size:20px}
footer form{width:516px;padding:0 20px}
footer form em{font-size:20px}
footer form input,footer form textarea{color:#fff;background:0 0}
footer form .input-txt{height:35px;line-height:35px;border-bottom:1px solid #535353}
footer form textarea{width:100%;height:60px;line-height:30px;font-size:14px;border-bottom:1px solid #535353}
footer form .btn{width:70px;height:30px;line-height:30px;color:#333;background:#fff}
footer .imgs{width:125px;height:125px}
.i-banner{position:fixed;left:0;overflow:hidden;width:100%;max-height:calc(100% - 100px)!important}
.i-banner .banner-pic{width:100%;height:100%;object-fit:cover;position:relative;}
.i-banner .bg{top:0;left:0}
.i-banner .txt-w{top:35%;left:16%}
.i-banner .txt-w em{margin-bottom:.15rem;padding-bottom:.25rem;border-bottom:1px solid #fff;font-size:.43rem}
.i-banner .txt-w span{font-size:.32rem}
.i-banner .in-txt-w em{margin-bottom:0;border-bottom:none}
.i-banner .in-txt-w i{margin-top:.05rem;padding:.2rem 0;border-top:1px solid #fff;border-bottom:1px solid #fff;font-size:22px;line-height:34px}
.i-banner .owl-pagination{display:none}
.i-banner .banner-btn a{position:absolute;top:50%;width:.3rem;height:.52rem;opacity:.2;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.i-banner .banner-btn a:hover{opacity:1}
.i-banner .banner-btn #prev{left:4%;background:url(../image/banner_l.png) no-repeat center;background-size:cover}
.i-banner .banner-btn #next{right:4%;background:url(../image/banner_r.png) no-repeat center;background-size:cover}
.i-banner .erweima{position:absolute;top:75%;left:16%;width:.71rem;height:.71rem}
.i-banner .i-erweima{top:66%}
.i-banner .info{position:absolute;top:75%;width:100%}
.i-banner .info .clearfix{display:table;margin:0 auto;padding:0 .5rem;border-radius:50px;background:rgba(255,255,255,.8);color:#8a6e4b}
.i-banner .info .tel{position:relative;margin-right:.75rem;padding-left:.55rem;height:.7rem;background:url(../image/banner_tel.png) no-repeat left center;font-size:.25rem}
.i-banner .info .tel::after{position:absolute;top:50%;right:-.45rem;width:2px;height:.3rem;background:#8a6e4b;content:'';-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.i-banner .info .txt{padding-left:.6rem;height:.7rem;background:url(../image/banner_add.png) no-repeat left center}
.i-banner .tel-w{top:80%;left:16%}
.i-banner .tel-w em{font-size:35px}
body{opacity:0}
main{position:relative;z-index:1;background:#fff;}
.title{overflow:hidden}
.title em{position:relative;padding:0 35px;max-width:65%;color:#8a6e4b;font-size:33px}
.title em::after,.title em::before{position:absolute;top:50%;width:100%;height:3px;content:'';-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.title em::before{left:-100%;background:url(../image/title_l.png) no-repeat right center}
.title em::after{right:-100%;background:url(../image/title_r.png) no-repeat left center}
.i-about{padding-top:1.4rem;padding-bottom:.8rem;background:url(../image/i_about_bg.jpg) no-repeat center bottom;background:#fff;}
.i-about .txt{padding-top:.3rem;padding-bottom:.8rem;color:grey;font-size:18px;line-height:36px}
.i-about .imgs{padding:.2rem;box-shadow:0 0 10px rgba(0,0,0,.1)}
.i-list{position:relative;padding:.6rem 0;background:#fff;}
.i-list::after{position:absolute;top:3rem;left:0;z-index:-1;width:100%;height:100%;background:#f6f6f6;content:''}
.i-list ul{margin-left:-100px}
.i-list li{margin-top:.7rem;padding-left:100px}
.i-list li a{border-radius:15px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1)}
.i-list .imgs{height:250px}
.i-list .info{padding:.5rem 8.5% .45rem 8.5%}
.i-list .icon{top:0;right:10%;width:78px;height:78px;border-radius:50%;background-position:center;background-repeat:no-repeat;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.i-list h3{padding-bottom:.2rem;color:#8a6e4b;font-size:22px}
.i-list .txt{height:150px;color:grey;font-size:15px;line-height:30px;-webkit-line-clamp:5}
.c8{color:grey}
.main .mauto{max-width:1040px}
.about{padding-top:1.4rem;padding-bottom:1.85rem;background-position:center;background-size:cover;background-repeat:no-repeat}
.about .txt{padding-top:.3rem;color:grey;font-size:18px;line-height:47px}
.service-list{padding-top:1.4rem}
.service-list .txt{padding-top:.3rem;padding-bottom:.5rem;color:grey;font-size:18px;line-height:36px}
.service-list .list{padding-top:.65rem;padding-bottom:1.5rem;background:#f6f6f6}
.service-list .list .baf{margin-bottom:.5rem;padding:.4rem;border-radius:5px}
.service-list .list .imgs{width:520px}
.service-list .list .info{width:calc(100% - 520px)}
.service-list .list .info h3{color:#8a6e4b;font-size:23px}
.service-list .list .info a{padding:7px 0 5px 0;width:100%;border-bottom:1px solid #dcdcdc}
.service-list .list .info strong{padding-bottom:3px;color:#8a6e4b}
.service-list .list .info .li25{overflow:hidden;max-height:50px}
.service-list .list .box2 .imgs{height:362px}
.service-list .list .box3 .info{height:302px}
.service-list .list .box3 .li25{max-height:inherit}
.service-list .list .box4 .info{height:300px}
.information{padding-top:1.4rem}
.information .txt{padding-top:.3rem;color:grey;font-size:18px;line-height:47px}
.information .list{padding-top:.65rem;padding-bottom:1.1rem;background:#f6f6f6}
.information .list ul{margin-left:-1rem}
.information .list li{margin-bottom:.9rem;padding-left:1rem}
.information .list li a{padding:.3rem;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.1)}
.information .list h3{width:65%;color:#8a6e4b;font-size:22px}
.information .list .date{color:#8a6e4b;font-size:18px}
.information .list .els2{height:56px;color:grey;font-size:18px;line-height:28px}
.happy{padding-top:1.4rem}
.happy .txt{padding-top:.3rem;color:grey;font-size:18px;line-height:47px}
.happy .list{padding-top:.65rem;padding-bottom:2rem;background:#f6f6f6}
.happy .list ul{margin-left:-1rem}
.happy .list li{padding-left:1rem}
.happy .list li:nth-child(even){margin-top:.9rem}
.happy .list li a{padding-top:.4rem;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.1)}
.happy .list .imgs{height:300px}
.happy .list .info{padding:.4rem .35rem .45rem .35rem}
.happy .list h3{padding-bottom:.13rem;color:#8a6e4b;font-size:23px}
.happy .list .els2{height:56px;color:grey;font-size:18px;line-height:28px}
.home{padding-top:1.4rem}
.home .txt{padding-top:.3rem;color:grey;font-size:18px;line-height:47px}
.home .list li a{border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.1)}
.home .list strong{padding:14px 27px;color:#8a6e4b;font-size:18px}
.home .list .info{padding:.15rem .3rem .3rem .3rem}
.home .list h3{padding-bottom:.13rem;color:#8a6e4b;font-size:16px}
.home .list .els2{height:40px;color:grey;font-size:12px;line-height:20px}
.home .list1{padding-top:.65rem;padding-bottom:2.95rem;background:#f6f6f6}
.home .list1 ul{margin-left:-.54rem;padding-bottom:.8rem}
.home .list1 li{margin-bottom:.6rem;padding-left:.54rem}
.home .list1 .imgs{height:230px}
.home .list2{background:#f6f6f6}
.home .list2 ul{margin-left:-1.4rem;padding-bottom:.25rem;-webkit-transform:translateY(-1.7rem);transform:translateY(-1.7rem)}
.home .list2 li{padding-left:1.4rem}
.home .list2 li:nth-child(even){margin-top:1.05rem}
.home .list2 .imgs{height:280px}
.home .txt-w{margin-bottom:1.7rem;padding-top:1.3rem;padding-bottom:.75rem}
.home .flipster{margin-top:-2.2rem}
.home .flipster a{overflow:hidden;padding:.2rem;border-radius:5px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1)}
.home .flipster em{right:38px;bottom:35px;padding:0 15px;height:30px;border:2px solid #fff;border-radius:5px;color:#fff;font-size:18px;line-height:26px}
.home .owl-pagination{display:none}
.home .owl-controls .owl-buttons div{position:absolute;top:50%;width:.3rem;height:.52rem;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.home .owl-controls .owl-buttons .owl-prev{left:7%;background:url(../image/banner_l.png) no-repeat center;background-size:cover}
.home .owl-controls .owl-buttons .owl-next{right:7%;background:url(../image/banner_r.png) no-repeat center;background-size:cover}
.news-info .rel::after{position:absolute;width:100%;height:1px;background:#e2e2e2;content:''}
.news-info .return{position:absolute;top:50%;right:0;padding-left:30px;background:url(https://www.chenxuhezi.com/img/return.png) no-repeat left center;color:#919191;font-size:16px}
.news-info .tt1 h3{color:#8a6e4b;font-size:33px}
.news-info .tt1 span{display:block;color:#b1b1b1}
.news-info .news-share{position:absolute;top:50%;left:0}
.news-info .news-share span{color:#b1b1b1;font-size:16px;line-height:24px}
.news-info .news-share .bdsharebuttonbox a{display:inline-block;margin:0 0 0 15px;padding-left:0;height:21px;background-repeat:no-repeat}
.news-info .news-share .bdsharebuttonbox .a1{width:26px;background:url(https://www.chenxuhezi.com/img/share_1.png) no-repeat}
.news-info .news-share .bdsharebuttonbox .a2{width:26px;background:url(https://www.chenxuhezi.com/img/share_2.png) no-repeat}
.news-info .news-share .bdsharebuttonbox .a3{width:22px;height:23px;background:url(https://www.chenxuhezi.com/img/share_3.png) no-repeat}
.page{background:#f6f6f6;color:#7d7d7d}
.page::after{position:absolute;top:0;width:100%;height:1px;background:#e2e2e2;content:''}
.page .mauto{padding:30px 0 0 0}
.page .mauto div{padding-right:150px;padding-bottom:20px}
.page .els{width:79%}
.page strong{font-weight:700}
.page .return{position:absolute;top:50%;right:5px;margin-top:-10px;padding-left:30px;background:url(https://www.chenxuhezi.com/img/return.png) no-repeat left center;color:#919191}
.tab-head li{cursor:pointer}
.tab-head li.cur{background:#009fe9;color:#fff}
.tab-body li{overflow:hidden;height:0;opacity:0;-webkit-transition:all .5s;transition:all .5s}
.tab-body li.cur{overflow:visible;height:auto;opacity:1}
.fix-wrap{position:fixed;top:0;left:0;z-index:9999;display:none;width:100%;height:100%;background:rgba(0,0,0,.8)}
.fix-wrap .hide{position:fixed;top:5%;right:5%;padding:25px;width:25px;height:25px;border-radius:50%;background:#090908;cursor:pointer;-webkit-transition:all .8s;transition:all .8s}
.fix-wrap .hide::after,.fix-wrap .hide::before{position:absolute;top:50%;left:50%;margin-top:-27.5%;width:1px;height:55%;background:#fff;content:''}
.fix-wrap .hide::before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.fix-wrap .hide::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.fix-wrap .hide:hover{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.fix-video .video-wrap{display:table;overflow:hidden;padding:10px;max-width:55%;max-height:55%;min-width:55%;border:1px solid #3a3a3a;border-radius:5px;background:#2d2d2d;box-shadow:0 0 5px rgba(0,0,0,.5);-webkit-animation:ReturnToNormal .5s both;animation:ReturnToNormal .5s both}
.fix-video video{width:100%;height:100%;object-fit:cover}
.fix-pic{overflow:auto}
.fix-pic img{-webkit-animation:zoomIn .5s both;animation:zoomIn .5s both}
.bd_weixin_popup{height:300px!important}
.imgs{overflow:hidden;background:url(data:image/gif;base64,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) no-repeat center}
.imgs img{width:100%;height:100%;object-fit:cover}
.flipster{position:relative;display:block;overflow-x:hidden;overflow-y:visible;margin:0 auto;width:100%;opacity:0}
.flip-item,.flip-items{display:block;margin:0 auto;padding:0;list-style-type:none}
.flip-items{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;width:100%;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;-ms-transform:translate3d(0,0,0);-ms-transform-origin:50% 50%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
.flip-item{position:absolute;opacity:.99}
.flip-future,.flip-next,.flip-past,.flip-prev{cursor:pointer}
.flip-item img{display:block;width:100%}
.flipster-coverflow .flip-items{position:relative;padding-top:2%;padding-bottom:5%;-webkit-transition:all 350ms ease-in-out;-moz-transition:all 350ms ease-in-out;-o-transition:all 350ms ease-in-out;transition:all 350ms ease-in-out;-ms-transition:all 350ms ease-in-out}
.flipster-coverflow .flip-item{position:absolute;display:block;width:30%;-webkit-transition:all 175ms ease-in-out;-moz-transition:all 175ms ease-in-out;-o-transition:all 175ms ease-in-out;transition:all 175ms ease-in-out;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;-ms-transition:all 175ms ease-in-out;-ms-transform-origin:50% 50%;-webkit-perspective:800px;-moz-perspective:800px;perspective:800px}
.flipster-coverflow .flip-content{-webkit-transition:all 350ms ease-in-out;-moz-transition:all 350ms ease-in-out;-o-transition:all 350ms ease-in-out;transition:all 350ms ease-in-out;-ms-transition:all 350ms ease-in-out;-webkit-box-reflect:below 0 -webkit-gradient(linear,left bottom,left top,color-stop(.05,rgba(255,255,255,.12)),color-stop(.2,transparent))}
.flipster-coverflow .flip-past .flip-content{-webkit-transform:rotateY(55deg) scale(.75);-moz-transform:rotateY(55deg) scale(.75);-o-transform:rotateY(55deg) scale(.75);transform:rotateY(55deg) scale(.75);-ms-transform:rotateY(55deg) scale(.75)}
.flipster-coverflow .flip-future .flip-content{-webkit-transform:rotateY(-55deg) scale(.75);-moz-transform:rotateY(-55deg) scale(.75);-o-transform:rotateY(-55deg) scale(.75);transform:rotateY(-55deg) scale(.75);-ms-transform:rotateY(-55deg) scale(.75)}
.flipster-coverflow.no-rotate .flip-past .flip-content{-webkit-transform:scale(.75);-moz-transform:scale(.75);-o-transform:scale(.75);transform:scale(.75);-ms-transform:scale(.75)}
.flipster-coverflow.no-rotate .flip-future .flip-content{-webkit-transform:scale(.75);-moz-transform:scale(.75);-o-transform:scale(.75);transform:scale(.75);-ms-transform:scale(.75)}
.flipster-coverflow .flip-current .flip-content{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-o-transform:rotateY(0);transform:rotateY(0);-ms-transform:rotateY(0)}
.flipster-coverflow .flip-hidden{visibility:hidden;opacity:0;-webkit-opacity:0;-moz-opacity:0}
.flipster-carousel .flip-items{-webkit-perspective:2000px;-moz-perspective:2000px;perspective:2000px}
.flipster-carousel .flip-item{-webkit-transition:all 350ms ease-out;-moz-transition:all 350ms ease-out;-o-transition:all 350ms ease-out;transition:all 350ms ease-out;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-ms-transition:all 350ms ease-out}
.no-csstransforms .flipster-carousel .flip-item{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;-ms-transition:none}
.flipster-carousel .flip-items img{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);-moz-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3)}
.flipster-carousel .flip-past{-webkit-transform:translateX(-80%) translateZ(0) rotateY(80deg) scale(.65);-moz-transform:translateX(-80%) translateZ(0) rotateY(80deg) scale(.65);-o-transform:translateX(-80%) translateZ(0) rotateY(80deg) scale(.65);transform:translateX(-80%) translateZ(0) rotateY(80deg) scale(.65);-ms-transform:translateX(-80%) translateZ(0) rotateY(80deg) scale(.65)}
.flipster-carousel.no-rotate .flip-past{-webkit-transform:translateX(-80%) translateZ(0) scale(.65);-moz-transform:translateX(-80%) translateZ(0) scale(.65);-o-transform:translateX(-80%) translateZ(0) scale(.65);transform:translateX(-80%) translateZ(0) scale(.65);-ms-transform:translateX(-80%) translateZ(0) scale(.65)}
.no-csstransforms3d .flipster-carousel .flip-past{-webkit-transform:translateX(-56%) scale(.5);-moz-transform:translateX(-56%) scale(.5);-o-transform:translateX(-56%) scale(.5);transform:translateX(-56%) scale(.5);-ms-transform:translateX(-56%) scale(.5)}
.no-csstransforms .flipster-carousel .flip-past{top:40%;left:-20%;width:50%;height:50%}
.flipster-carousel .flip-future{-webkit-transform:translateX(80%) translateZ(0) rotateY(-80deg) scale(.65);-moz-transform:translateX(80%) translateZ(0) rotateY(-80deg) scale(.65);-o-transform:translateX(80%) translateZ(0) rotateY(-80deg) scale(.65);transform:translateX(80%) translateZ(0) rotateY(-80deg) scale(.65);-ms-transform:translateX(80%) translateZ(0) rotateY(-80deg) scale(.65)}
.flipster-carousel.no-rotate .flip-future{-webkit-transform:translateX(80%) translateZ(0) scale(.65);-moz-transform:translateX(80%) translateZ(0) scale(.65);-o-transform:translateX(80%) translateZ(0) scale(.65);transform:translateX(80%) translateZ(0) scale(.65);-ms-transform:translateX(80%) translateZ(0) scale(.65)}
.no-csstransforms3d .flipster-carousel .flip-future{-webkit-transform:translateX(56%) scale(.5);-moz-transform:translateX(56%) scale(.5);-o-transform:translateX(56%) scale(.5);transform:translateX(56%) scale(.5);-ms-transform:translateX(56%) scale(.5)}
.no-csstransforms .flipster-carousel .flip-future{top:40%;left:88%;width:50%;height:50%}
.flipster-carousel .flip-prev{-webkit-transform:translateX(-60%) translateZ(0) rotateY(80deg) scale(.8);-moz-transform:translateX(-60%) translateZ(0) rotateY(80deg) scale(.8);-o-transform:translateX(-60%) translateZ(0) rotateY(80deg) scale(.8);transform:translateX(-60%) translateZ(0) rotateY(80deg) scale(.8);-ms-transform:translateX(-60%) translateZ(0) rotateY(80deg) scale(.8)}
.flipster-carousel.no-rotate .flip-prev{-webkit-transform:translateX(-60%) translateZ(0) scale(.8);-moz-transform:translateX(-60%) translateZ(0) scale(.8);-o-transform:translateX(-60%) translateZ(0) scale(.8);transform:translateX(-60%) translateZ(0) scale(.8);-ms-transform:translateX(-60%) translateZ(0) scale(.8)}
.no-csstransforms3d .flipster-carousel .flip-prev{-webkit-transform:translateX(-24%) scale(.75);-moz-transform:translateX(-24%) scale(.75);-o-transform:translateX(-24%) scale(.75);transform:translateX(-24%) scale(.75);-ms-transform:translateX(-24%) scale(.75)}
.no-csstransforms .flipster-carousel .flip-prev{top:20%;left:-9%;width:75%;height:75%}
.flipster-carousel .flip-next{-webkit-transform:translateX(60%) translateZ(0) rotateY(-80deg) scale(.8);-moz-transform:translateX(60%) translateZ(0) rotateY(-80deg) scale(.8);-o-transform:translateX(60%) translateZ(0) rotateY(-80deg) scale(.8);transform:translateX(60%) translateZ(0) rotateY(-80deg) scale(.8);-ms-transform:translateX(60%) translateZ(0) rotateY(-80deg) scale(.8)}
.flipster-carousel.no-rotate .flip-next{-webkit-transform:translateX(60%) translateZ(0) scale(.8);-moz-transform:translateX(60%) translateZ(0) scale(.8);-o-transform:translateX(60%) translateZ(0) scale(.8);transform:translateX(60%) translateZ(0) scale(.8);-ms-transform:translateX(60%) translateZ(0) scale(.8)}
.no-csstransforms3d .flipster-carousel .flip-next{-webkit-transform:translateX(24%) scale(.75);-moz-transform:translateX(24%) scale(.75);-o-transform:translateX(24%) scale(.75);transform:translateX(24%) scale(.75);-ms-transform:translateX(24%) scale(.75)}
.no-csstransforms .flipster-carousel .flip-next{top:20%;left:39%;width:75%;height:75%}
.flipster-carousel .flip-future,.flipster-carousel .flip-past{z-index:1;opacity:.6;-webkit-transition-delay:87.5ms;-moz-transition-delay:87.5ms;-o-transition-delay:87.5ms;transition-delay:87.5ms;-webkit-opacity:.6;-moz-opacity:.6}
.flipster-carousel .flip-next,.flipster-carousel .flip-prev{z-index:2;opacity:.8;-webkit-transition-delay:58ms;-moz-transition-delay:58ms;-o-transition-delay:58ms;transition-delay:58ms;-webkit-opacity:.8;-moz-opacity:.8}
.flipster-carousel .flip-current{z-index:999;-webkit-transition-delay:58ms;-moz-transition-delay:58ms;-o-transition-delay:58ms;transition-delay:58ms;-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-o-transform:rotateY(0);transform:rotateY(0);-ms-transform:rotateY(0)}
.flipster-carousel .flip-hidden{visibility:hidden;opacity:0;-webkit-transition-delay:.116s;-moz-transition-delay:.116s;-o-transition-delay:.116s;transition-delay:.116s;-webkit-transform:rotateY(0) translateX(0) scale(.5);-moz-transform:rotateY(0) translateX(0) scale(.5);-o-transform:rotateY(0) translateX(0) scale(.5);transform:rotateY(0) translateX(0) scale(.5);-webkit-opacity:0;-moz-opacity:0;-ms-transform:rotateY(0) translateX(0) scale(.5)}
.no-transition{-webkit-transition-duration:0s!important;-moz-transition-duration:0s!important;-o-transition-duration:0s!important;transition-duration:0s!important}
.flipto-next,.flipto-prev{position:absolute;top:50%;display:none;width:50px;height:50px;background:rgba(0,0,0,.5);font-size:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.flipto-prev{left:0}
.flipto-next{right:0}
.flipster-carousel .flip-prev{-webkit-transform:translateX(-80%) translateZ(0) rotateY(0) scale(.8);-moz-transform:translateX(-80%) translateZ(0) rotateY(0) scale(.8);-o-transform:translateX(-80%) translateZ(0) rotateY(0) scale(.8);transform:translateX(-80%) translateZ(0) rotateY(0) scale(.8);-ms-transform:translateX(-80%) translateZ(0) rotateY(0) scale(.8)}
.flipster-carousel .flip-next{-webkit-transform:translateX(80%) translateZ(0) rotateY(0) scale(.8);-moz-transform:translateX(80%) translateZ(0) rotateY(0) scale(.8);-o-transform:translateX(80%) translateZ(0) rotateY(0) scale(.8);transform:translateX(80%) translateZ(0) rotateY(0) scale(.8);-ms-transform:translateX(80%) translateZ(0) rotateY(0) scale(.8)}


#servicepage .s_icon.a:hover {
    background-color: #fff;
} 
#servicepage .s_icon.b:hover {
    background-color: #72b19c;
}
#servicepage .s_icon.c:hover {
    background-color: #344d5b;
}
#servicepage .s_icon.d:hover {
    background-color: #ef747f;
}
#servicepage .s_icon.e:hover {
    background-color: #6278ba;
}
#servicepage .s_icon.f:hover {
    background-color: #52bbe7;
}

.s_icon {
    position: relative;
    overflow: hidden;
    width: 128px;
    height: 128px;
    background-color: #eee;
    -webkit-border-radius: 128px;
    border-radius: 128px;
    background: #eef0f0; 
    margin: auto;
    -webkit-transition: background 0.3s ease-out;
    -moz-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    -ms-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out;
}
@media (max-width: 768px){
    .s_icon {
        -webkit-transform: scale(0.75);
        -moz-transform: scale(0.75);
        -o-transform: scale(0.75);
        -ms-transform: scale(0.75);
        transform: scale(0.75);
    }
}
#round1{ 
    position:absolute;
    overflow: hidden;
    width: 64px;
    height: 64px;
    left:26px;
    top:26px;
    background-color: #53bbe6;
    -webkit-border-radius: 64px;
    border-radius: 64px;
    background: #53bbe6; 
    opacity: 0.9;
    z-index: 1;
    /*margin: auto;*/
}
#round2{ 
    position:absolute;
    z-index: 2;
    overflow: hidden;
    width: 45px;
    height: 45px;
    left:66px;
    top:66px;
    background-color: #ef747f;
    -webkit-border-radius: 64px;
    border-radius: 64px;
    background: #ef747f; 
    opacity: 0.9;
    /*margin: auto;*/
}
#round3{ 
    position:absolute;
    z-index: 3;
    overflow: hidden;
    width: 42px;
    height: 42px;
    left:70px;
    top:35px;
    background-color: #e8d05b;
    -webkit-border-radius: 42px;
    border-radius: 42px;
    background: #e8d05b; 
    opacity: 0.9;
    /*margin: auto;*/
}
#round4{ 
    position:absolute;
    z-index: 4;
    overflow: hidden;
    width: 30px;
    height: 30px;
    left:40px;
    top:80px;
    background-color: #6278ba;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background: #6278ba; 
    opacity: 0.9;
    /*margin: auto;*/
}
@keyframes roundin {
    from 
    {   transform:scale(0.9,0.9); 
        -ms-transform:scale(0.9,0.9); 
    } 
    to 
    {    
        transform:scale(1,1);  
        -ms-transform:scale(1,1);  
    } 
}
@-webkit-keyframes roundin {
    from 
    {   -webkit-transform:scale(0.9,0.9); } 
    to 
    {    
        -webkit-transform:scale(1,1); /* Safari and Chrome */ 
    } 
}
@-moz-keyframes roundin {
    from 
    {   -moz-transform:scale(0.9,0.9); } 
    to 
    {    
        -moz-transform:scale(1,1); /* Safari and Chrome */ 
    } 
}
#leptop_under{ 
    position:absolute;
    z-index: 4;
    /*overflow: hidden;*/
    width: 115px;
    height: 6px;
    left:6px;
    top:89px;
    background: url("../image/serviceimg2.png") no-repeat -5px -570px ;
}
#leptop_front{ 
    position:absolute;
    z-index: 3;
    width: 92px;
    height: 66px;
    left:18px;
    top:24px;
    background: url("../image/serviceimg2.png") no-repeat -14px -471px ;
}
#handy{
    z-index: 2;
    left:-4px;
    top:-9px;
    width: 49px;
    height: 92px;
    background: url("../image/serviceimg2.png") no-repeat -41px -48px ;
    position: absolute;
}
#handyin{ 
	position: absolute;
    left:43px;
    top:25px;
    width: 40px;
    height: 69px;
    background: url("../image/serviceimg2.png") no-repeat -104px -57px ;
}
@keyframes handyout {
    from 
    {  background: url("../image/serviceimg2.png") no-repeat -104px -57px ; } 
    to 
    {    
        background: url("../image/serviceimg2.png") no-repeat -144px -57px ;
    } 
}
@-webkit-keyframes handyout {
    from 
    {  background: url("../image/serviceimg2.png") no-repeat -104px -57px ; } 
    to 
    {    
        background: url("../image/serviceimg2.png") no-repeat -144px -57px ;
    }

}
@-moz-keyframes handyout {
    from 
    {  background: url("../image/serviceimg2.png") no-repeat -104px -57px ; } 
    to 
    {    
        background: url("../image/serviceimg2.png") no-repeat -144px -57px ;
    }

}
#weixin{
    left:20px;
    top:25px;
    width: 93px;
    height: 77px;
    background: url("../image/serviceimg2.png") no-repeat -41px -335px ;
    position: absolute;
}
#eye1{
    z-index: 2;
    left:37px;
    top:40px;
    width: 62px;
    height: 31px;
    position: absolute;
    background: url("../image/serviceimg2.png") no-repeat -140px -345px ;
}
@keyframes eye1 {
    0%   {left:34px;   }
    20%  {left:42px;   }
    60%{ left:37px; opacity: 0.8;  }
    80%{  left:37px; }
    100% {   left:32px;  }
}
@-webkit-keyframes eye1 {
    0%   {left:34px;   }
    20%  {left:42px;   }
    60%{ left:37px; opacity: 0.8;  }
    80%{  left:37px; }
    100% {   left:32px;  }
}
@-moz-keyframes eye1 {
    0%   {left:34px;   }
    20%  {left:42px;   }
    60%{ left:37px; opacity: 0.8;  }
    80%{  left:37px; }
    100% {   left:32px;  }
}

#gear1{
    left:20px;
    top:20px;
    width: 88px;
    height: 90px;
    background: url("../image/serviceimg2.png") no-repeat -18px -174px;
   /* -webkit-animation: gear1 5s infinite forwards linear;
    animation: gear1 5s infinite forwards linear;
    -moz-animation: gear1 5s infinite forwards linear;*/
    position: absolute;
}
/*#gear2{
    left:65px;
    top:28px;
    width: 50px;
    height: 50px;
    background: url("../image/serviceimg2.png") no-repeat -41px -192px ;
    -webkit-animation: gear2 5s infinite forwards linear;
    animation: gear2 5s infinite forwards linear;
    -moz-animation: gear2 5s infinite forwards linear;
    position: absolute;
}*/
@keyframes gear1 {
    from 
    {  transform:rotate(0deg);  } 
    {  -ms-transform:rotate(0deg);  } 
    to 
    {    
        transform:rotate(360deg);
        -ms-transform:rotate(360deg);
    } 
}
@-webkit-keyframes gear1 {
    from 
    {  -webkit-transform:rotate(0deg);  } 
    to 
    {    
        -webkit-transform:rotate(360deg);
    } 
}
@-moz-keyframes gear1 {
    from 
    {  -moz-transform:rotate(0deg);  } 
    to 
    {    
        -moz-transform:rotate(360deg);
    } 
}
/*@keyframes gear2 {
    from 
    {  transform:rotate(0deg);  } 
    {  -ms-transform:rotate(0deg);  } 
    to 
    {    
        transform:rotate(-360deg);
        -ms-transform:rotate(-360deg);
    } 
}
@-webkit-keyframes gear2 {
    from 
    {  -webkit-transform:rotate(0deg);  } 
    to 
    {    
        -webkit-transform:rotate(-360deg);
    } 
}
@-moz-keyframes gear2 {
    from 
    {  -moz-transform:rotate(0deg);  } 
    to 
    {    
        -moz-transform:rotate(-360deg);
    } 
}*/

#rocket{
    left:31px;
    top:18px;
    width: 65px;
    height: 70px;
    background: url("../image/serviceimg2.png") no-repeat -113px -192px ;
    position: absolute;
}
@keyframes rocketjump {
    from 
    {  transform:translate3d(0, 0px, 0);   } 
    {  -ms-transform:translate3d(0, 0px, 0);   } 
    to 
    {    
        transform:translate3d(0, 5px, 0); 
        -ms-transform:translate3d(0, 5px, 0); 
    }

}
@-webkit-keyframes rocketjump {
    from 
    {  -webkit-transform:translate3d(0, 0px, 0);   } 
    to 
    {    
        -webkit-transform:translate3d(0, 5px, 0); 
    }

}
@-moz-keyframes rocketjump {
    from 
    {  -moz-transform:translate3d(0, 0px, 0);   } 
    to 
    {    
        -moz-transform:translate3d(0, 5px, 0); 
    }

}
#fire{
    left:54px;
    top:90px;
    width: 19px;
    height: 20px; 
	position: absolute;
    background: url("../image/serviceimg2.png") no-repeat -121px -274px ; 
}
.star #star1{ 
    position: absolute;
    left:28px;
    top:50px;
    width: 12px;
    height: 12px; 
    background: url("../image/serviceimg2.png") no-repeat -148px -273px ;

}
.star #star2{
    position: absolute;
    left:84px;
    top:28px;
    width: 12px;
    height: 12px;
    background: url("../image/serviceimg2.png") no-repeat -148px -273px ;
}
.star #star3{
    position: absolute;
    left:100px;
    top:62px;
    width: 12px;
    height: 12px;
    background: url("../image/serviceimg2.png") no-repeat -148px -273px ;
}
@keyframes starrun { 
    0%   {top:0px;  opacity:  0;   }
    10%  {top:10px;  opacity:  1;   }  
    100% {top:100px;  opacity:  0.2;   } 
}
@keyframes starrun2 {
    0%    {top:0px;  opacity:  0; }
    30%   {top:0px;  opacity:  0;   }
    40%  {top:20px;  opacity:  1;   } 
    100% {top:80px;  opacity:  0.2;   }
}
@keyframes starrun3 {
    0%    {top:62px;  opacity:  0; }
    20%   {top:62px;  opacity:  0;   }
    40%  {top:75px;  opacity:  1;   } 
    100% {top:120px;  opacity:  0;   }
}
@-webkit-keyframes starrun { 
    0%   {top:0px;  opacity:  0;   }
    10%  {top:10px;  opacity:  1;   }  
    100% {top:100px;  opacity:  0.2;   } 
}
@-webkit-keyframes starrun2 {
    0%    {top:0px;  opacity:  0; }
    30%   {top:0px;  opacity:  0;   }
    40%  {top:20px;  opacity:  1;   } 
    100% {top:80px;  opacity:  0.2;   }
}
@-webkit-keyframes starrun3 {
    0%    {top:62px;  opacity:  0; }
    20%   {top:62px;  opacity:  0;   }
    40%  {top:75px;  opacity:  1;   } 
    100% {top:120px;  opacity:  0;   }
}
@-moz-keyframes starrun { 
    0%   {top:0px;  opacity:  0;   }
    10%  {top:10px;  opacity:  1;   }  
    100% {top:100px;  opacity:  0.2;   } 
}
@-moz-keyframes starrun2 {
    0%    {top:0px;  opacity:  0; }
    30%   {top:0px;  opacity:  0;   }
    40%  {top:20px;  opacity:  1;   } 
    100% {top:80px;  opacity:  0.2;   }
}
@-moz-keyframes starrun3 {
    0%    {top:62px;  opacity:  0; }
    20%   {top:62px;  opacity:  0;   }
    40%  {top:75px;  opacity:  1;   } 
    100% {top:120px;  opacity:  0;   }
}
.content-text{
	margin-top: 15px;
}
.content-text h3{
	font-size: 24px;
	color: #000;
}
.content-text p{
	font-size: 14px;
	color: #555;
	line-height: 16px;
	margin: 8px 0;
}
.content-block{
	margin-bottom: 60px;
    margin-top: 50px;
    overflow: hidden;
    text-align: center;
    float: left;
}


.cont_banner{
	width: 100%;
	float: left;
}
.cont_con{
	width: 100%;
	float: left;
	margin: 150px 0;
	margin-bottom: 200px;
}
.con_right{
	width: 50%;
	float: right;
}
.con_tit{
	color: #8a6e4b;
    font-size: 25px;
    margin-bottom: 15px;
}
.con_ico{
	width: 20px;
	height: 22px;
	display: inline-block;
	background: url(../image/banner_tel.png) no-repeat;
	background-size: 100%;
	vertical-align: middle;
	margin-right: 8px;
}
.details{
	width: 100%;
	float: left;
}
.details dt{
	font-size: 20px;
	color: #666;
	margin-bottom: 10px;
}
.details dd p{
	font-size: 16px;
	line-height: 35px;
	margin: 5px 0;
	color: #666;
	padding-left: 28px;
}

.aboutuspage-bg{
	background: #eeeeee 50% 0 no-repeat;
	position: relative;
	text-align: center;
}
.aboutus-content{
	padding-top: 6vh;
	width: 100%;
}
.aboutuspage-bg h1 {
    padding: 0;
    color: #383934;
    line-height: 8vh;
    font-family: "Myriad Set Pro","Lucida Grande","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif","Hiragino Sans GB","Microsoft YaHei","\9ED1\4F53";
    font-style: normal;
    margin: 0px;
    text-shadow: 2px 2px 10px #e2e2e2;
    font-size: 36px;
    font-weight: 200;
}
.redblock {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 10vw;
    height: 0.5vh;
    background-color: #f83650;
    border: 0px;
    margin-top: 0vh;
    margin-bottom: 0vh;
}
.aboutuspage-bg h2 {
    padding: 0;
    color: #848388;
    line-height: 8vh;
    font-family: Tahoma,Arial,Roboto,"Droid Sans","Helvetica Neue","Droid Sans Fallback","Heiti SC","Hiragino Sans GB","Hiragino Sans GB","Microsoft YaHei",Simsun,sans-self;
    margin: 0px;
    font-size: 30px;
    font-weight: 100;
}
.aboutuspage-bg p.sub-heading {
    color: #383934;
    font-size: 40px;
    line-height: 6vh;
    margin: 0px;
    text-shadow: 2px 2px 10px #e2e2e2;
}
.aboutuspage-bg p.sub-heading2 {
    color: #848388;
    font-size: 20px;
    line-height: 6vh;
    margin: 0px;
    text-shadow: 2px 2px 10px #e2e2e2;
    font-weight: lighter;
}
.aboutuspage-bg .absolute-image {
    width: 100%;
    position: relative;
    left: 0;
    bottom: -7.4vh;
    z-index: 2;
}

.foot_nav{
	float: left;
}

.foot_nav a{
	color: #FFFFFF;
	margin:0 15px;
	display: inline-block;
}
@media (max-width: 768px){
	.foot_nav a{
		margin:0 8px;
	}
    .aboutuspage-bg h1 {
	    font-size: 24px;
	}
	.aboutuspage-bg h2 {
	    font-size: 20px;
	}
	.aboutuspage-bg p.sub-heading {
	    font-size: 28px;
	}
	.aboutuspage-bg p.sub-heading2 {
	    font-size: 16px;
	}
	.foot_nav_con{
		margin: 15px 0;
	}
	.cont_con{margin-bottom: 80px;}
	.con_tit{
		font-size: 23px;margin-top: 20px;
	}
}


.mouse {
  position: absolute;
  left: 50%;
  top:-106px;
  transform: translateX(-50%);
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.mouse::after {
  height: 54px;
  content: "";
  display: inline-block;
  border: 1px dashed white;
  margin-top: 10px;
}

@media (max-width: 768px){
	.mouse{
		display: none;
	}
}