first commit
This commit is contained in:
hero920103 committed
commit
09a14bf0a3
1088 files changed
+145132
No files matched your search
@@ -0,0 +1 @@
|
||||
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:400;line-height:1;color:#777}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}small,.small{font-size:85%}mark,.mark{background-color:#fcf8e3;padding:.2em}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:hover,a.text-primary:focus{color:#286090}.text-success{color:#3c763d}a.text-success:hover,a.text-success:focus{color:#2b542c}.text-info{color:#31708f}a.text-info:hover,a.text-info:fLine truncated
|
||||
@@ -0,0 +1,736 @@
|
||||
article,blockquote,body,button,dd,div,dl,dt,fieldset,footer,h1,h2,h3,h4,h5,h6,header,hr,input,li,main,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}
|
||||
body,html{overflow-x:hidden;width:100%}
|
||||
body{font-family:"\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53";line-height:1;color:#85888e}
|
||||
li,ul{list-style:none}
|
||||
input,textarea{outline:0}
|
||||
img{max-width:100%}
|
||||
img,input{border:0;vertical-align:top}
|
||||
a{color:#85888e;text-decoration:none;outline:0;transition:all .2s cubic-bezier(.215,.61,.355,1);-moz-transition:all .2s cubic-bezier(.215,.61,.355,1);-webkit-transition:all .2s cubic-bezier(.215,.61,.355,1)}
|
||||
.flap{visibility:hidden;animation-duration:1s;-moz-animation-duration:1s;-webkit-animation-duration:1s;animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;-webkit-animation-fill-mode:backwards}
|
||||
.flaped{visibility:visible}
|
||||
.text-shadow{text-shadow:0 2px 4px rgba(0,0,0,.16)}
|
||||
.bg-grey{background-color:#fafbfc}
|
||||
.box.bg-grey{border-top:5px solid #f5f5f5}
|
||||
.box{overflow:hidden;padding-top:100px;padding-bottom:100px}
|
||||
.els{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
|
||||
.bold{font-weight:700}
|
||||
.wrap{word-wrap:break-word;word-break:break-all}
|
||||
.ystit{height:500px;width:500px;border-radius:500px;border:2px solid #108bed;margin:0 auto}
|
||||
.ystit p{margin:210px 0 0 0}
|
||||
.tit{margin-bottom:60px;text-align:center}
|
||||
.tit p{font-size:30px;line-height:50px;color:#0f1830;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
||||
.tit p em{font-size:16px;line-height:50px;color:#108bed;font-style:normal}
|
||||
.tit span{font-size:16px;color:#555;line-height:20px}
|
||||
.tit-en{display:block;font-size:40px;font-family:fzxh;color:#108bed}
|
||||
.tit-zh{font-size:18px;color:#999}
|
||||
.tit-span{display:block;padding:20px 0 0 0;font-size:14px;line-height:30px;color:#777}
|
||||
.tit-line{margin:20px auto;display:block;width:60px;height:2px;font-size:0;background-color:#e1e1e1}
|
||||
.owl-dots{position:absolute;left:0;bottom:-20px;width:100%;text-align:center}
|
||||
.banner-owl .owl-dots{bottom:10px}
|
||||
.owl-dot{margin:0 5px;display:inline-block;width:12px;height:12px;border-radius:12px;border:1px solid #79b9e5;transition:all .2s cubic-bezier(.215,.61,.355,1);-moz-transition:all .2s cubic-bezier(.215,.61,.355,1);-webkit-transition:all .2s cubic-bezier(.215,.61,.355,1)}
|
||||
.owl-dot.active{background-color:#79b9e5}
|
||||
.more-btn{position:relative;display:inline-block;font-size:14px;text-align:center;line-height:24px;width:65px;height:24px;color:#dbdbdb;border-radius:22px;border:1px solid #dbdbdb;transition:all .6s cubic-bezier(.215,.61,.355,1);-moz-transition:all .6s cubic-bezier(.215,.61,.355,1);-webkit-transition:all .6s cubic-bezier(.215,.61,.355,1)}
|
||||
.more-btn:after{content:'';position:absolute;top:9px;right:11px;display:block;width:24px;height:7px;font-size:0;background-repeat:no-repeat}
|
||||
.detail-label:hover,.more-btn:hover,.news-item:hover .more-btn,.news-one:hover .more-btn{color:#fff;border-color:#108bed;background-color:#108bed}
|
||||
.more-btn:hover:after,.news-item:hover .more-btn:after,.news-one:hover .more-btn:after{background-repeat:no-repeat}
|
||||
::-webkit-scrollbar{height:8px;width:8px;background:rgba(222,222,222,.5);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border-radius:5px}
|
||||
::-webkit-scrollbar-button{display:none}
|
||||
::-webkit-scrollbar-track{background-color:#fff}
|
||||
::-webkit-scrollbar-track-piece{background:#fff}
|
||||
::-webkit-scrollbar-thumb{width:8px;min-height:15px;background:rgba(0,0,0,.3);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border-radius:5px}
|
||||
::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.6)}
|
||||
::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,.8)}
|
||||
.at{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}
|
||||
.hid{overflow:hidden}
|
||||
.header{position:relative;height:80px;z-index:3;box-shadow:0 2px 3px 0 rgba(0,0,0,.05)}
|
||||
.header-logo{overflow:hidden;display:block;width:100%;height:100%}
|
||||
.header-logo-img{margin:20px 0;height:40px}
|
||||
.nav-item{position:relative;float:left;height:80px}
|
||||
.nav-item-a{display:block;margin-left:0;padding:22px 0;width:100%;line-height:37px;height:80px;font-size:16px;color:#555;text-align:center}
|
||||
.nav-item.cur{border-bottom:5px solid #108bed}
|
||||
.nav-item.cur:hover{font-weight:700}
|
||||
.nav-item:hover{border-bottom:5px solid #108bed}
|
||||
.nav-item-child .nav-item-a.cur,.nav-item-child .nav-item-a:hover{color:#555;background-color:#f8fafc}
|
||||
.nav-item-child .nav-item-a.cur>.nav-item-en,.nav-item-child .nav-item-a:hover>.nav-item-en{color:#b5bfc6}
|
||||
.nav-item-en{display:block;padding-top:6px;font-size:12px;color:#b5bfc6;transition:all .2s cubic-bezier(.215,.61,.355,1);-moz-transition:all .2s cubic-bezier(.215,.61,.355,1);-webkit-transition:all .2s cubic-bezier(.215,.61,.355,1)}
|
||||
.nav-item-child{position:absolute;left:0;top:100px;display:none;z-index:2;background-color:#fff}
|
||||
.nav-item-child .nav-item-a{margin-left:0;border:1px solid #e7eff4;border-top:0}
|
||||
.nav-item,.nav-item-child{width:120px}
|
||||
.header-more{display:none;margin-top:6px;padding:16px 10px 0;width:44px;height:44px;border-radius:5px;background-color:#45a1de}
|
||||
.header-more i{display:block;overflow:hidden;padding:3px 0;width:24px;height:12px;border-top:2px #fff solid;border-bottom:2px #fff solid}
|
||||
.header-more i:after{content:'';display:block;height:2px;background-color:#fff}
|
||||
.banner-owl{font-size:0}
|
||||
.banner-owl .owl-dot,.honor-owl .owl-dot{border:0;background-color:rgba(0,0,0,.3)}
|
||||
.banner-owl .owl-dot.active,.honor-owl .owl-dot.active{border:0;background-color:#fff}
|
||||
.banner-item{display:block;height:700px;background-repeat:no-repeat;background-position:center 0;background-size:cover}
|
||||
.product-item{display:block;padding:0;text-align:center;overflow:hidden;margin:10px 0;border-radius:25px;border:1px solid #eee;background:#fff;transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out}
|
||||
.product-item:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1)}
|
||||
.product-item-img{display:inline-block;width:130px;height:130px;background-position:50%;background-size:80%;background-repeat:no-repeat;transition:all .3s cubic-bezier(.215,.61,.355,1);-moz-transition:all .3s cubic-bezier(.215,.61,.355,1);-webkit-transition:all .3s cubic-bezier(.215,.61,.355,1)}
|
||||
.product-item1 .product-item-img{background-image:url(../images/item1.png);transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out}
|
||||
.product-item2 .product-item-img{background-image:url(../images/item2.png);transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out}
|
||||
.product-item3 .product-item-img{background-image:url(../images/item3.png);transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out}
|
||||
.product-item4 .product-item-img{background-image:url(../images/item4.png);transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out}
|
||||
.product-item5 .product-item-img{background-image:url(../images/item5.png);transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out}
|
||||
.product-item6 .product-item-img{background-image:url(../images/item6.png);transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out}
|
||||
.product-item7 .product-item-img{background-image:url(../images/item7.png);transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out}
|
||||
.product-item8 .product-item-img{background-image:url(../images/item8.png);transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out}
|
||||
.product-item9 .product-item-img{background-image:url(../images/item9.png);transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out}
|
||||
.product-item1:hover{background:#07cf8b;border:1px solid #07cf8b}
|
||||
.product-item2:hover{background:#108bed;border:1px solid #108bed}
|
||||
.product-item3:hover{background:#89d04f;border:1px solid #89d04f}
|
||||
.product-item4:hover{background:#fd6a7f;border:1px solid #fd6a7f}
|
||||
.product-item5:hover{background:#13d0d2;border:1px solid #13d0d2}
|
||||
.product-item6:hover{background:#70c3ff;border:1px solid #70c3ff}
|
||||
.product-item7:hover{background:#13d0d2;border:1px solid #13d0d2}
|
||||
.product-item8:hover{background:#70c3ff;border:1px solid #70c3ff}
|
||||
.product-item9:hover{background:#89d04f;border:1px solid #89d04f}
|
||||
.product-item1:hover .product-item-img{background-image:url(../images/item1-a-h.png)}
|
||||
.product-item2:hover .product-item-img{background-image:url(../images/item2-a-h.png)}
|
||||
.product-item3:hover .product-item-img{background-image:url(../images/item3-a-h.png)}
|
||||
.product-item4:hover .product-item-img{background-image:url(../images/item4-a-h.png)}
|
||||
.product-item5:hover .product-item-img{background-image:url(../images/item5-a-h.png)}
|
||||
.product-item6:hover .product-item-img{background-image:url(../images/item6-a-h.png)}
|
||||
.product-item7:hover .product-item-img{background-image:url(../images/item7-a-h.png)}
|
||||
.product-item8:hover .product-item-img{background-image:url(../images/item8-a-h.png)}
|
||||
.product-item9:hover .product-item-img{background-image:url(../images/item9-a-h.png)}
|
||||
.product-item-tit{font-size:22px;font-weight:400;color:#0f1830;margin:-20px 0 35px;transition:All .5s ease-in-out;-webkit-transition:All .5s ease-in-out;-moz-transition:All .5s ease-in-out;-o-transition:All .5s ease-in-out}
|
||||
.product-item:hover .product-item-tit{color:#fff}
|
||||
.product-item-tit-en{margin-top:10px;margin-bottom:30px;font-size:12px}
|
||||
.product-item-txt{line-height:2em}
|
||||
.productmsg-item{display:none}
|
||||
.productmsg-item img{display:block;width:50%;margin:0 auto}
|
||||
.productmsg-item h6{display:block;font-size:22px;line-height:50px;color:#0f1830;text-align:center}
|
||||
.productmsg-item span{display:block;text-align:center;font-size:16px;line-height:50px;color:#108bed;background:#fafbfc;width:80%;margin:0 auto}
|
||||
.productmsg-item p{display:block;width:80%;margin:20px auto;font-size:16px;line-height:30px}
|
||||
.productmsg-item p:first-letter{margin:0 0 0 3rem}
|
||||
.productmsg-sitem h6{font-size:26px;line-height:60px;display:block;text-align:center;color:#0f1830}
|
||||
.productmsg-sitem span{display:block;width:90%;font-size:16px;line-height:50px;background:#fafbfc;color:#108bed;margin:0 auto;text-align:center}
|
||||
.productmsg-sitem p{display:block;width:80%;margin:20px auto;font-size:16px;line-height:30px}
|
||||
.productmsg-sitem p:first-letter{margin:0 0 0 3rem}
|
||||
.solution-item{padding-top:100px}
|
||||
.solution-item-tit,.solution-item-txt{font-family:'黑体';font-weight:400;color:#464a53}
|
||||
.solution-item-tit{font-size:40px}
|
||||
.solution-item-txt{margin:16px 0 20px;display:block;font-size:30px}
|
||||
.solution-item-txt-en{margin-bottom:36px;font-size:12px;line-height:1.425em}
|
||||
.case-box{padding-bottom:0}
|
||||
.nop-box{padding:0}
|
||||
.case-item{position:relative;overflow:hidden;display:block;padding-left:0;padding-right:0}
|
||||
.case-item-img{display:block!important;width:100%}
|
||||
.case-item-tit{position:absolute;left:0;bottom:0;display:block;padding:0 10px;width:100%;height:50px;line-height:50px;font-size:14px;font-weight:400;color:#fff;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background-color:rgba(0,0,0,.5)}
|
||||
.case-item-mask,.case-item-pop,.case-item-tit{transition:all .3s cubic-bezier(.215,.61,.355,1);-moz-transition:all .3s cubic-bezier(.215,.61,.355,1);-webkit-transition:all .3s cubic-bezier(.215,.61,.355,1)}
|
||||
.case-item:hover .case-item-tit{bottom:-50px}
|
||||
.case-item:hover .case-item-pop{top:50%;opacity:1}
|
||||
.case-item:hover .case-item-mask{background-color:rgba(0,0,0,.2)}
|
||||
.case-item-mask{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0)}
|
||||
.case-item-pop{position:absolute;opacity:0;left:0;top:150%;margin-top:-98px;padding:38px 10px 50px;width:100%;height:196px;color:#fff;text-align:center;background-color:#108bed}
|
||||
.case-item-pop-tit{display:block;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
|
||||
.case-item-pop-txt{margin:15px 0;height:40px;font-size:12px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
|
||||
.case-item-pop-btn{border:1px solid #fff}
|
||||
.case-item-pop-btn:after{background-repeat:no-repeat}
|
||||
.news-box-nav{display:inline-block}
|
||||
.news-box-tit{float:left;margin:0 25px;padding:8px 10px;font-size:16px;color:#0f1830;border-radius:3px}
|
||||
.news-box-tit.cur,.news-box-tit:hover{background:#108bed;color:#fff}
|
||||
.news-item{margin-left:auto;margin-right:auto;padding:28px 20px 34px;display:block;max-width:350px;border-top:5px solid transparent}
|
||||
.diynews{background:#fff;margin-bottom:20px}
|
||||
.news-item,.news-item:hover .more-btn{transition:all .6s cubic-bezier(.215,.61,.355,1);-moz-transition:all .6s cubic-bezier(.215,.61,.355,1);-webkit-transition:all .6s cubic-bezier(.215,.61,.355,1)}
|
||||
.news-item:hover{border-top-color:#f5f5f5}
|
||||
.news-item:hover .news-item-tit{color:#108bed}
|
||||
.news-item-img{width:310px;height:130px;border-radius:3px}
|
||||
.news-item-tit{margin:20px 0 16px;display:block;line-height:20px;font-size:16px;font-weight:700;color:#0f1830;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
||||
.news-item-txt{height:66px;line-height:22px;overflow:hidden;font-size:14px;color:#555;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
|
||||
.news-item-info{margin-top:26px;color:#b0b0b0}
|
||||
.news-item-month{margin-bottom:8px;display:block;font-size:24px}
|
||||
.news-item-year{font-size:12px}
|
||||
.news-container{margin-top:50px}
|
||||
.news-box .owl-carousel .owl-stage-outer{margin:-10px -10px 0 -10px;padding:10px 10px 0}
|
||||
.news-container .owl-next,.news-container .owl-prev{position:absolute;left:-50px;top:50%;margin-top:-20px;padding:13px 0 0 16px;width:40px;height:40px;border-radius:40px;border:1px solid #d1d1d1;transition:all .2s cubic-bezier(.215,.61,.355,1);-moz-transition:all .2s cubic-bezier(.215,.61,.355,1);-webkit-transition:all .2s cubic-bezier(.215,.61,.355,1)}
|
||||
.news-container .owl-next{left:auto;right:-50px;padding:13px 0 0 9px}
|
||||
.news-container .owl-next:hover,.news-container .owl-prev:hover{border-color:#79b9e5;background-color:#79b9e5}
|
||||
.news-container .owl-next:hover:after,.news-container .owl-prev:hover:after{border-color:#fff}
|
||||
.news-container .owl-next:after,.news-container .owl-prev:after{content:'';display:block;width:14px;height:14px;border:1px solid #b6b6b6;border-right:0;border-bottom:0;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transition:all .2s cubic-bezier(.215,.61,.355,1);-moz-transition:all .2s cubic-bezier(.215,.61,.355,1);-webkit-transition:all .2s cubic-bezier(.215,.61,.355,1)}
|
||||
.news-container .owl-next:after{transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg)}
|
||||
.leader-item-people{position:relative}
|
||||
.leader-wraper .item{padding-top:36px;padding-bottom:36px}
|
||||
.leader-item-line{position:absolute;right:0;top:50%;margin-top:-50px;width:1px;height:100px;background-color:#eff3f7}
|
||||
.leaders-item:hover .leader-item-line{background-color:#489fda}
|
||||
.leader-item-infos,.leader-item-portrait{display:inline-block}
|
||||
.leader-item-infos{margin-top:45px}
|
||||
.leader-item-portrait{margin-right:30px;padding:9px;width:176px;height:176px;text-align:center;vertical-align:top;border-radius:176px;background-color:#eeeef2;transition:all .6s cubic-bezier(.215,.61,.355,1);-moz-transition:all .6s cubic-bezier(.215,.61,.355,1);-webkit-transition:all .6s cubic-bezier(.215,.61,.355,1)}
|
||||
.leader-item-bg{overflow:hidden;width:100%;height:100%;border-radius:158px}
|
||||
.leader-item-img{width:158px;height:158px;border-radius:158px}
|
||||
.leader-item-name{display:block;margin-bottom:16px;font-size:20px;color:#464a53}
|
||||
.leader-item-info{font-size:12px}
|
||||
.leader-item-introduce{margin-top:62px;line-height:24px;font-size:12px}
|
||||
.leader-item-info,.leader-item-introduce,.leader-item-name,.leaders-item{transition:all .2s cubic-bezier(.215,.61,.355,1);-moz-transition:all .2s cubic-bezier(.215,.61,.355,1);-webkit-transition:all .2s cubic-bezier(.215,.61,.355,1)}
|
||||
.leaders-item{display:block}
|
||||
.leaders-item:hover{padding-left:0;background-color:#208bd3}
|
||||
.leaders-item:hover .leader-item-info,.leaders-item:hover .leader-item-introduce,.leaders-item:hover .leader-item-name{color:#fff}
|
||||
.contactus-item-info{margin-bottom:100px}
|
||||
.contactus-icon-address,.contactus-icon-email,.contactus-icon-phone{display:inline-block;background-repeat:no-repeat}
|
||||
.contactus-box .popbox-inputbox{padding-left:15px;padding-right:15px}
|
||||
.contactus-box .input-message-box{padding:0}
|
||||
.contactus-box .popbox-con{margin:auto;width:auto}
|
||||
.contactus-box .popbox-input-tip{color:red}
|
||||
.contactus-box input[type=text],textarea{color:#444}
|
||||
.contactus-icon-box{display:block;height:75px}
|
||||
.contactus-icon-address{width:49px;height:57px;background-repeat:no-repeat}
|
||||
.contactus-icon-phone{margin-top:4px;width:54px;height:53px;background-repeat:no-repeat}
|
||||
.contactus-icon-email{margin-top:10px;width:53px;height:47px;background-repeat:no-repeat}
|
||||
.contactus-item-txt{font-size:16px;line-height:20px;color:#464a53}
|
||||
.input-email,.input-message,.input-name,.input-tel{padding:10px;width:100%;height:43px;line-height:22px;border:0;border-bottom:1px solid #b8b8b8}
|
||||
.input-message{margin-top:76px}
|
||||
.submit-btn{margin:40px auto 0;display:block;width:210px;height:50px;line-height:50px;font-size:16px;color:#464a53;text-align:center;border-radius:50px;border:1px solid #666970}
|
||||
.submit-btn:hover{color:#fff;border-color:#208bd3;background-color:#208bd3}
|
||||
.map-box{overflow:hidden;width:100%;height:380px;border-style:solid;border-width:1px 0;border-color:#ccc;background-color:#fafafb}
|
||||
#mapContainer,.map-con{height:380px;width:100%}
|
||||
.info-title{color:#fff;font-size:14px;background-color:#427bbb;line-height:26px;padding:0 0 0 6px;font-weight:lighter;letter-spacing:1px}
|
||||
.info-content{font:12px Helvetica,'Hiragino Sans GB','Microsoft Yahei','微软雅黑',Arial;padding:4px;color:#666;line-height:23px}
|
||||
.info-content img{float:left;margin:3px}
|
||||
.cooperation-owl{margin:60px 0}
|
||||
.cooperation-owl .owl-stage-outer{height:40px}
|
||||
.cooperation-item{margin:0 10px;display:block;width:200px;height:40px}
|
||||
.cooperation-item-img{margin:0 auto;max-height:40px}
|
||||
.cooperation-owl .owl-next,.cooperation-owl .owl-prev{position:absolute;left:-30px;top:8px;display:block;width:24px;height:24px;border:2px solid #c5c8cb;border-right:0;border-bottom:0;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
|
||||
.cooperation-owl .owl-next{left:auto;right:-30px;transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg)}
|
||||
.cooperation-owl .owl-next:hover,.cooperation-owl .owl-prev:hover{border-color:#208bd3}
|
||||
.footer{padding-top:50px;font-size:12px;background-color:#28292c}
|
||||
.footer,.footer-icp{color:#5e6164}
|
||||
.footer-logo{margin-right:28px;width:167px;height:38px}
|
||||
.footer-logo-img{width:167px;height:38px}
|
||||
.footer-item{color:#878c91}
|
||||
.footer a:hover{color:#ccc}
|
||||
.footer-slogan{margin-top:8px}
|
||||
.footer-icon{float:left;display:inline-block;width:36px;height:36px;background-repeat:no-repeat}
|
||||
.icon-wb,.icon-wx{margin-left:15px}
|
||||
.icon-qq{background-repeat:no-repeat}
|
||||
.icon-qq:hover{background-repeat:no-repeat}
|
||||
.icon-wx{background-repeat:no-repeat}
|
||||
.icon-wx:hover{background-repeat:no-repeat}
|
||||
.icon-wb{background-repeat:no-repeat}
|
||||
.icon-wb:hover{background-repeat:no-repeat}
|
||||
.footer-copyright{overflow:hidden;padding:22px 0;line-height:21px;border-top:1px solid #2e2f32}
|
||||
.cmmi{overflow:hidden;margin:40px 0 20px}
|
||||
.cmmi img{height:38px;display:inline-block!important}
|
||||
.cmmi img,.cmmi span{float:left}
|
||||
.cmmi span{margin-left:14px;line-height:38px}
|
||||
.footer-info{padding:10px 0}
|
||||
.footer-login{padding:0 15px;height:30px;line-height:28px;border-radius:3px;border:1px solid #5e6164}
|
||||
.icon-hotline,.icon-user{display:inline-block;width:21px;height:21px;vertical-align:top;background-repeat:no-repeat}
|
||||
.icon-user{margin-right:10px;width:36px;height:36px;background-repeat:no-repeat}
|
||||
.footer-user{line-height:36px}
|
||||
.footer-social-item{position:relative;display:inline-block;font-size:0;z-index:1}
|
||||
.footer-code{position:absolute;display:none;left:3px;top:-150px;width:131px;height:140px;z-index:1}
|
||||
.back-top{position:fixed;display:none;right:50px;bottom:19px;padding:16px 13px 10px;text-align:center;border-radius:5px;color:#fff;background:rgba(0,0,0,.4);z-index:10000}
|
||||
.back-top:hover{background:rgba(0,0,0,.5)}
|
||||
.back-top-icon{display:block;width:12px;height:12px;border:2px solid #fff;border-right:0;border-bottom:0;transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg)}
|
||||
.popbox{position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}
|
||||
.agreement-wrap,.popbox-wrap{position:absolute;z-index:1000;left:0;top:50px;padding:70px 0;width:100%;background-color:#3196da}
|
||||
.agreement-wrap{padding:30px;color:#000;font-size:14px;line-height:1.6;background-color:#fff}
|
||||
.indent2{text-indent:2em}
|
||||
.agreement-wrap h2{padding-bottom:30px;font-size:20px;text-align:center}
|
||||
.agreement-wrap h3{margin-bottom:12px;font-size:14px}
|
||||
.agreement-wrap b,.agreement-wrap h2,.agreement-wrap h3,.agreement-wrap strong{font-weight:700}
|
||||
.agreement-wrap strong{display:block}
|
||||
.agreement-wrap p,.agreement-wrap strong{margin-bottom:8px}
|
||||
.agreement-close,.popbox-close{position:absolute;right:0;top:0;width:60px;height:60px;color:#ccc;font-size:50px;text-align:center}
|
||||
.agreement-close-btn{color:#8c8c8c;font-size:16px}
|
||||
.agreement-close-btn:hover{color:#666}
|
||||
.popbox-close:hover{color:#fff}
|
||||
.agreement-close:hover{color:#aaa}
|
||||
.popbox-header{margin:0 auto 60px;display:block;height:107px;max-width:500px}
|
||||
.popbox-con{margin:0 auto;width:430px}
|
||||
.popbox-inputbox{position:relative;color:#3e60b8}
|
||||
.popbox-forgot,.popbox-inputbox{padding:0 15px 15px}
|
||||
.popbox-getcode,.popbox-input,.popbox-login-btn{padding:0 15px 0 52px;height:48px;width:100%;line-height:48px;border-radius:3px;background-color:#fff}
|
||||
.popbox-getcode,.popbox-input.popbox-input-no{padding-left:15px}
|
||||
.popbox-forgot{padding-top:15px;padding-bottom:10px;font-size:12px;color:#add5f2}
|
||||
.popbox-forgot-btn,.popbox-login-a{color:#add5f2;text-decoration:underline}
|
||||
.popbox-forgot-btn:hover,.popbox-login-a:hover{color:#fff}
|
||||
.popbox-code{width:222px}
|
||||
.popbox-code-img{width:144px;height:48px;border-radius:3px}
|
||||
.popbox-getcode,.popbox-login-btn{padding-left:0;padding-right:0;display:block;font-size:18px;line-height:48px;color:#fffefe;text-align:center;background-color:#00dbaa}
|
||||
.popbox-inputbox-f .popbox-input{border:1px solid #1585d4;box-shadow:inset 0 0 5px 0 rgba(19,141,227,.004)}
|
||||
.popbox-inputbox-f .icon-email{background-repeat:no-repeat}
|
||||
.popbox-inputbox-f .icon-password{background-repeat:no-repeat}
|
||||
.popbox-login-btn:hover{color:#fff;background-color:#00cc9e}
|
||||
.pop-icon{position:absolute;left:30px;display:block;width:23px;background-repeat:no-repeat;background-position:0 0}
|
||||
.icon-email{top:14px;height:20px;background-repeat:no-repeat}
|
||||
.icon-password{top:11px;height:26px;background-repeat:no-repeat}
|
||||
.popbox-input-tip{display:none;clear:both;padding:6px 12px 0;line-height:16px;font-size:12px;color:#e2f0ff}
|
||||
.popbox-input-tip:before{content:'!';margin-right:8px;display:inline-block;width:16px;height:16px;color:#3196da;text-align:center;border-radius:16px;background-color:#e1efff}
|
||||
.popbox-login-href{padding-top:20px;text-align:center}
|
||||
.popbox-login-a{font-size:12px}
|
||||
.popbox-getcode-box{padding-bottom:40px}
|
||||
.popbox-getcode{width:144px;font-size:14px;background-color:#5bb3f3}
|
||||
.popbox-getcode.cur{cursor:default;background-color:#9aacb9}
|
||||
.popbox-getcode.cur:hover{color:#fffefe;background-color:#9aacb9}
|
||||
.popbox-getcode:hover{color:#fff;background-color:#4eabef}
|
||||
.reset-password{margin:0 auto 25px;display:block;height:38px;max-width:291px}
|
||||
.reset-password-two{display:none}
|
||||
.agreement-btn{color:#add5f2;text-decoration:underline}
|
||||
.agreement-btn:hover{color:#fff}
|
||||
.tip-pop{position:fixed;top:50%;left:50%;padding:10px 30px;font-size:16px;line-height:1.25;color:#fff;opacity:0;border-radius:5px;background-color:#5cb85c;z-index:1001}
|
||||
.tip-pop.err-pop{background-color:#ec971f}
|
||||
@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
|
||||
100%{opacity:1;-webkit-transform:none;transform:none}
|
||||
}
|
||||
@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
|
||||
100%{opacity:1;-webkit-transform:none;transform:none}
|
||||
}
|
||||
@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
|
||||
100%{opacity:1;-webkit-transform:none;transform:none}
|
||||
}
|
||||
@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
|
||||
100%{opacity:1;-webkit-transform:none;transform:none}
|
||||
}
|
||||
@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
|
||||
100%{opacity:1;-webkit-transform:none;transform:none}
|
||||
}
|
||||
@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
|
||||
100%{opacity:1;-webkit-transform:none;transform:none}
|
||||
}
|
||||
@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
|
||||
100%{opacity:1;-webkit-transform:none;transform:none}
|
||||
}
|
||||
@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
|
||||
100%{opacity:1;-webkit-transform:none;transform:none}
|
||||
}
|
||||
.more-btn:after{background-position:-33px 0}
|
||||
.more-btn:hover:after,.news-item:hover .more-btn:after,.news-one:hover .more-btn:after{background-position:-33px -10px}
|
||||
.case-item-pop-btn:after{background-position:-33px -10px}
|
||||
.contactus-icon-address{background-position:-5px -20px}
|
||||
.contactus-icon-phone{background-position:0 -80px}
|
||||
.contactus-icon-email{background-position:-1px -136px}
|
||||
.icon-qq{background-position:-18px -186px}
|
||||
.icon-qq:hover{background-position:-18px -225px}
|
||||
.icon-wx{background-position:-18px -264px}
|
||||
.icon-wx:hover{background-position:-18px -303px}
|
||||
.icon-wb{background-position:-18px -342px}
|
||||
.icon-wb:hover{background-position:-18px -381px}
|
||||
.icon-hotline,.icon-user{background-position:-33px -420px}
|
||||
.icon-user{background-position:-18px -444px}
|
||||
.popbox-inputbox-f .icon-email{background-position:-31px -483px}
|
||||
.popbox-inputbox-f .icon-password{background-position:-31px -506px}
|
||||
.icon-email{background-position:-31px -535px}
|
||||
.icon-password{background-position:-31px -558px}
|
||||
.case-item-pop-btn:after,.contactus-icon-address,.contactus-icon-email,.contactus-icon-phone,.icon-email,.icon-hotline,.icon-password,.icon-qq,.icon-qq:hover,.icon-user,.icon-wb,.icon-wb:hover,.icon-wx,.icon-wx:hover,.more-btn:after,.more-btn:hover:after,.news-item:hover .more-btn:after,.news-one:hover .more-btn:after,.popbox-inputbox-f .icon-email,.popbox-inputbox-f .icon-password{background-image:url(../images/common_z.png)}
|
||||
.log-li{width:140px}
|
||||
.log-li:hover{background:0 0;border:none}
|
||||
.log-li a{float:left;margin:28px 9px;font-size:16px;padding:0 10px;line-height:25px;text-align:center}
|
||||
.log-a{display:block;color:#555}
|
||||
.log-a:hover{color:#f30}
|
||||
.log-b{display:block;color:#fff;border-radius:3px;background:#108bed}
|
||||
.log-b:hover{background:#f30}
|
||||
.ysleft,.ysright{padding:28px 30px;transition:All .4s ease-in-out;-webkit-transition:All .4s ease-in-out;-moz-transition:All .4s ease-in-out;-o-transition:All .4s ease-in-out}
|
||||
.ysleft dl,.ysright dl{border:2px solid #108bed;border-radius:100px;background:#fafbfc;margin:0 20px}
|
||||
.ysleft:hover span,.ysright:hover span{color:#fd6a7f}
|
||||
.ysleft:hover p,.ysright:hover p{color:#555}
|
||||
.ysright dl{float:right}
|
||||
.ysright dd{float:right}
|
||||
.ysright span{text-align:right}
|
||||
.ysright p{text-align:right}
|
||||
.ysleft dl{float:left}
|
||||
.ysleft dd{float:left}
|
||||
.ysleft span{text-align:left}
|
||||
.ysleft p{text-align:left}
|
||||
.ysrdl1{margin-left:100px!important}
|
||||
.ysrdl2{margin-left:160px!important}
|
||||
.ysldl1{margin-right:100px!important}
|
||||
.ysldl2{margin-right:160px!important}
|
||||
.solution-box{margin-top:-560px!important}
|
||||
.solution-box span{display:block;font-size:18px;font-weight:700;color:#0f1830;line-height:35px;margin-top:15px}
|
||||
.solution-box p{display:block;font-size:14px;line-height:20px}
|
||||
.solution-box img{margin:20px;transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out}
|
||||
.ysleft:hover img,.ysright:hover img{transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);-ms-transform:rotateY(360deg)}
|
||||
.guangdiv{width:100%;height:400px;background:url(../images/guangbg.jpg) no-repeat;background-position:50%;overflow:hidden}
|
||||
.guangdiv h6{color:#fff;font-size:30px;display:block;text-align:center;margin:90px 0 0 0;line-height:80px}
|
||||
.guangdiv span{display:block;text-align:center;line-height:30px;font-size:18px;color:#fff}
|
||||
.guangdiv a{border-radius:50px;display:block;width:120px;font-size:18px;line-height:40px;text-align:center;color:#0c45b6;margin:50px auto;background:rgba(255,255,255,.8)}
|
||||
.guangdiv a:hover{background:#fff}
|
||||
.guangdiv b{color:#89d04f}
|
||||
.hbpic{border-top:1px dashed #eee;border-right:1px dashed #eee}
|
||||
.hbpic div{background:#fff;border-bottom:1px dashed #eee;border-left:1px dashed #eee}
|
||||
.hbpic img{width:80%;margin:10px auto;display:block;transition:All .4s ease-in-out;-webkit-transition:All .4s ease-in-out;-moz-transition:All .4s ease-in-out;-o-transition:All .4s ease-in-out}
|
||||
.hbpic img:hover{z-index:1;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1)}
|
||||
.footxxdiv{margin:0 0 50px}
|
||||
.ksdhdd{font-size:14px;line-height:30px}
|
||||
.ksdhdd a{padding:0 10px}
|
||||
.ksdhdd a:hover{background:#555}
|
||||
.yqljdd{font-size:14px;line-height:30px}
|
||||
.yqljdd a{background:#555;padding:0 10px}
|
||||
.lxfsdd{font-size:14px;line-height:30px}
|
||||
.lxfsdd p{color:#85888e}
|
||||
.aside{position:fixed;top:0;right:0;width:0;height:100%;z-index:18;background:url(../images/aside.jpg) center top repeat;box-shadow:-2px 0 10px rgba(0,0,0,.1)}
|
||||
.aside ul{margin-top:100px}
|
||||
.aside ul li a{display:block;margin-top:30px;text-align:center;color:#fff}
|
||||
.aside ul li img{display:block;text-align:center;margin:0 auto}
|
||||
.aside ul li.consulting .img2{display:none}
|
||||
.aside ul li.consulting span{display:inline-block;margin:0 2px;width:5px;height:5px;border-radius:100%;background:#fff}
|
||||
.aside ul li.consulting span:nth-child(1){-webkit-animation:consulting .6s 70ms infinite ease-in-out;animation:consulting .6s 70ms infinite ease-in-out}
|
||||
.aside ul li.consulting span:nth-child(2){-webkit-animation:consulting .6s .14s infinite ease-in-out;animation:consulting .6s .14s infinite ease-in-out}
|
||||
.aside ul li.consulting span:nth-child(3){-webkit-animation:consulting .6s .21s infinite ease-in-out;animation:consulting .6s .21s infinite ease-in-out}
|
||||
@keyframes consulting{33%{-webkit-transform:translateY(5px);transform:translateY(5px)}
|
||||
66%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
|
||||
100%{-webkit-transform:translateY(0);transform:translateY(0)}
|
||||
}
|
||||
@-webkit-keyframes consulting{33%{-webkit-transform:translateY(5px);transform:translateY(5px)}
|
||||
66%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
|
||||
100%{-webkit-transform:translateY(0);transform:translateY(0)}
|
||||
}
|
||||
.aside ul li.consulting.active{background:#fff;transition:.5s all;-webkit-transition:.5s all}
|
||||
.aside ul li.consulting.active a{color:#3f82ed}
|
||||
.aside ul li.consulting.active span{background:#3f82ed}
|
||||
.aside ul li.consulting.active .img1{display:none}
|
||||
.aside ul li.consulting.active .img2{display:block}
|
||||
.consulting_box{width:250px;height:100%;background:#fff;overflow:hidden;z-index:15;position:fixed;top:0;right:-250px;box-shadow:-2px 0 10px rgba(0,0,0,.1);transition:.8s all;-webkit-transition:.8s all}
|
||||
.consulting_box .title{background:url(../images/002.png) center top no-repeat;text-align:center;padding:26px 0 2px 0;color:#fff}
|
||||
.consulting_box .title_t1{font-size:12px}
|
||||
.consulting_box .title_t2{font-size:16px;margin:5px 0}
|
||||
.consulting_type{padding:40px 0;border-bottom:solid 1px #399bec}
|
||||
.consulting_type_title{padding-left:30px;font-size:16px;color:#333}
|
||||
.consulting_type ul{margin:30px 0 20px 0}
|
||||
.consulting_type ul li a{display:block;height:40px;line-height:40px;text-indent:30px;z-index:2;position:relative;color:#666;margin:0;text-align:left;transition:.3s all;-webkit-transition:.3s all}
|
||||
.consulting_type ul li a img{margin:0;display:inline-block;padding-right:30px}
|
||||
.consulting_type ul li a .img2{display:none}
|
||||
.consulting_type ul li a:before{z-index:-1;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#3c9af2;opacity:0;-webkit-transform:scale3d(1,.1,1);transform:scale3d(1,.1,1);-webkit-transition:-webkit-transform .4s,opacity .4s;transition:transform .4s,opacity .4s;-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1)}
|
||||
.consulting_type ul li a,.consulting_type ul li a:before{-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1)}
|
||||
.consulting_type ul li a:hover:before{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
|
||||
.consulting_type ul li a:hover{color:#fff}
|
||||
.consulting_type ul li a:hover .img2{display:inline-block}
|
||||
.consulting_type ul li a:hover .img1{display:none}
|
||||
.consulting_box .problem{padding-top:40px}
|
||||
.consulting_box .problem_title{padding-left:30px;font-size:16px;color:#333}
|
||||
.consulting_box .problem ul{padding:20px 0 0 30px}
|
||||
.consulting_box .problem ul li{margin-bottom:8px}
|
||||
.consulting_box .problem ul li a{display:inline-block}
|
||||
.consulting_box .problem ul li span{display:inline-block;width:3px;height:3px;border-radius:100%;background:#3c9af2;margin:3px 10px 3px 0;animation:none}
|
||||
.consulting_box .problem ul li a{font-size:12px;color:#818181}
|
||||
.consulting_box .problem ul li a:hover{color:#3c9af2}
|
||||
.consulting_type .time{color:#818181;font-size:12px;padding-left:30px}
|
||||
.consulting_box .close{position:absolute;top:5px;right:8px;cursor:pointer}
|
||||
.consulting_box .close img{transition:.4s all;-webkit-transition:.4s all}
|
||||
.consulting_box .close:hover img{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
|
||||
#close{cursor:pointer;position:fixed;bottom:18px;right:0;width:0;height:40px;z-index:100;background:url(../images/right-menu-icons.png) no-repeat -776px -15%;-webkit-transition:all .4s;transition:all .4s}
|
||||
#show{cursor:pointer;position:fixed;bottom:18px;right:0;width:40px;height:40px;z-index:100;background:url(../images/icon-list.jpg) no-repeat 0 -762px;-webkit-transition:all .4s;transition:all .4s}
|
||||
#close:hover{background:url(../images/right-menu-icons.png) no-repeat -776px -93px;background-color:#fff}
|
||||
.kzf-mod-title p{line-height:30px}
|
||||
.case_show_brief_title{margin-top:20px;font-size:18px}
|
||||
.glyphicon-paperclip{background:url(../images/hxz.png) no-repeat;background-position:50%;display:block;height:100%}
|
||||
.introduce_list_title{line-height:26px}
|
||||
.introduce_list_text{line-height:25px}
|
||||
.mapdec{text-align:left}
|
||||
.mapdec .text{overflow:hidden;margin-top:35px}
|
||||
.mapdec .text h5{font-size:18px;line-height:35px;color:#0f1830;margin:0 0 0 40px}
|
||||
.mapdec .text span{font-size:14px;line-height:30px;display:block;margin-top:10px;overflow:hidden}
|
||||
.mapdec i{float:left;margin-right:10px;display:block;width:30px;height:30px;background:url(../images/contimg.png) no-repeat;background-size:100% auto}
|
||||
.mapdec i.lx_dz{background-position:0 0}
|
||||
.mapdec i.lx_dh{background-position:0 -30px}
|
||||
.mapdec i.lx_yx{background-position:0 -60px}
|
||||
.mapdec i.lx_wz{background-position:0 -90px}
|
||||
.mapdec i.lx_gjz{background-position:0 -120px}
|
||||
.mapdec .buslink{overflow:hidden;margin:20px 0 0 0}
|
||||
.buslink dd{display:block;overflow:hidden;font-size:16px;line-height:30px;color:#0f1830}
|
||||
.buslink b{display:block;font-size:16px;line-height:30px;margin:10px 0 0 40px}
|
||||
.buslink p{display:block;font-size:16px;line-height:25px;margin:0 0 0 40px}
|
||||
.technical_support_box_z_info{line-height:22px}
|
||||
.newspagelist{width:100%;overflow:hidden}
|
||||
.newspagelist a{display:block;overflow:hidden;padding:15px 0;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s}
|
||||
.newspagelist a:hover{background:#108bed}
|
||||
.newspagelist .kzf-mod-new-time-box{float:left;width:20%;margin:0 4% 0 0}
|
||||
.newspagelist .kzf-mod-new-time-date{font-size:24px;font-weight:700;color:#ccc;line-height:40px;text-align:center}
|
||||
.newspagelist .kzf-mod-new-time-year{font-size:16px;color:#ccc;line-height:22px;text-align:center}
|
||||
.newspagelist .kzf-mod-new-box{float:left;width:70%;padding:0 0 0 4%;border-left:1px solid #eee}
|
||||
.newspagelist .kzf-mod-new-title{font-size:16px;color:#0f1830;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
||||
.newspagelist .kzf-mod-new-text{font-size:12px;line-height:20px;color:#888;height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
|
||||
.newspagelist a:hover .kzf-mod-new-time-date{color:#fff}
|
||||
.newspagelist a:hover .kzf-mod-new-time-year{color:#fff}
|
||||
.newspagelist a:hover .kzf-mod-new-title{color:#fff}
|
||||
.newspagelist a:hover .kzf-mod-new-text{color:#fff}
|
||||
.contactipt{width:100%;margin:50px 0 0 0;overflow:hidden;background:#fafafa}
|
||||
.contactipt h6{display:block;font-size:20px;line-height:50px;background:#108bed;color:#fff}
|
||||
.contactipt dl{width:100%;overflow:hidden;margin:20px 0 0 0}
|
||||
.contactipt span{display:block;font-size:16px;color:#0f1830;line-height:30px;text-align:left;width:96%;margin:0 auto}
|
||||
.contactipt .contipt{width:96%;border:1px solid #ddd;padding:0 5px;font-size:14px;color:#0f1830;line-height:30px}
|
||||
.contactipt .conttext{width:96%;border:1px solid #ddd;padding:0 5px;font-size:14px;color:#0f1830;line-height:28px;height:114px}
|
||||
.contactipt .contbut{display:block;width:200px;font-size:16px;color:#fff;background:#108bed;border:1px solid #108bed;border-radius:3px;margin:30px auto;line-height:35px}
|
||||
.contactipt .contbut:hover{background:#fff;background:0 0;color:#108bed}
|
||||
.txfwitem{padding:20px 0;overflow:hidden}
|
||||
.txfwitem:nth-child(2n){background:#fafafa}
|
||||
.txfwitem img{display:block;width:80%;margin:0 auto;border:1px solid #eee;transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out}
|
||||
.txfwitem img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1)}
|
||||
.txfwitem h6{display:block;font-size:26px;line-height:50px;color:#108bed;font-weight:700;margin:50px 0 0 0;text-align:center}
|
||||
.txfwitem p{display:block;font-size:14px;line-height:25px;color:#818181;margin:15px 0 0 0}
|
||||
.txfwitem p:first-letter{margin:0 0 0 2.5rem}
|
||||
.pull-left{width:180px;height:80px;overflow:hidden}
|
||||
.teseul li{overflow:hidden;height:193px;margin-bottom:30px}
|
||||
.teseul img{display:block;margin:0 auto}
|
||||
.teseul span{font-size:16px;color:#0f1830;line-height:40px;text-align:center;display:block}
|
||||
.teseul p{font-size:14px;color:#0f1830;line-height:25px;position:absolute;width:100%;height:193px;padding:69px 20px 0;display:block;top:-193px;left:0;border-top:5px solid #f5f5f5;background:#fafbfc;text-align:center;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s}
|
||||
.teseul li:hover p{top:0}
|
||||
.ggchidiv{width:100%;height:120px;background:url(../images/ggbg.jpg) center center no-repeat;margin:50px 0 0 0;transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out}
|
||||
.ggchidiv:hover{opacity:.8}
|
||||
.ggchidiv span{font-size:16px;color:#fff;line-height:30px;display:block;text-align:center;padding:29px 0 0 0}
|
||||
.indexnews .newdivtit{width:100%;border-radius:15px;overflow:hidden;position:relative}
|
||||
.newdivtit img{margin:0 auto;max-height:180px;width:100%;display:block;border-radius:15px}
|
||||
.newdivtit span{position:absolute;top:180px;left:0;width:100%;height:100%;background:rgba(10,70,180,.7);padding-top:60px;line-height:40px;font-size:25px;text-align:center;color:#fff;transition:All .6s ease-in-out;-webkit-transition:All .6s ease-in-out;-moz-transition:All .6s ease-in-out;-o-transition:All .6s ease-in-out}
|
||||
.newdivtit i{display:block;font-size:16px;font-style:normal;line-height:30px;font-weight:400}
|
||||
.newdivtit:hover span{top:0}
|
||||
.indexnews ul{width:100%;margin:20px 0 0;max-height:246px;overflow:hidden}
|
||||
.indexnews li{width:100%;background:#fff;margin:0 0 1px;padding:0}
|
||||
.indexnews li a{padding:0 5%;width:100%;max-width:500px!important;margin:0;font-size:16px;line-height:40px;color:#0f1830;border:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
||||
.indexnews li a:hover{border:none;background:#f5f5f5;color:#108bed}
|
||||
.indexnews li a span{color:#888!important}
|
||||
.indexnews .newsmore{width:100%;background:#f5f5f5;font-size:16px;line-height:40px;text-align:center;color:#0f1830;display:block}
|
||||
.indexnews .newsmore:hover{background:#108bed;color:#fff}
|
||||
.coop_show_list{width:100%;height:330px;background:#fff;border:1px solid #fff;box-shadow:0 2px 15px 0 rgba(151,151,151,.5);border-radius:4px;margin:30px 0 0 0;padding:0}
|
||||
.coop_show_list:hover{box-shadow:0 2px 15px 0 rgba(151,151,151,.8);border:1px solid #eee}
|
||||
.coop-content-left{display:inline-block;height:100%;padding:15px 30px 0 0}
|
||||
.coop-content-left>p>span:nth-of-type(1){display:block;font-size:30px;color:#23242d;line-height:42px;margin-bottom:20px}
|
||||
.coop-content-left>p>span:nth-of-type(2){color:#23242d;line-height:30px}
|
||||
.coop-content-left-aDiv{position:absolute;width:95%;height:65px;border-top:.5px solid #d3d3d3;bottom:10px;padding:0 0 0 3px;font-size:12px;font-weight:600;line-height:50px}
|
||||
.coop-content-right{display:inline-block;height:100%;padding:0}
|
||||
.coop-mch-logo{position:relative;width:153px;height:65px;top:15px;right:-20px;box-shadow:0 2px 5px 0 rgba(125,125,125,.53)}
|
||||
.mch-back1{background:url(../images/mch-back-1.png);background-size:cover;-webkit-background-size:cover}
|
||||
.mch-logo1{background:url(../images/mch-logo-1.png);background-size:cover;-webkit-background-size:cover}
|
||||
.mch-back2{background:url(../images/mch-back-2.png);background-size:cover;-webkit-background-size:cover}
|
||||
.mch-logo2{background:url(../images/mch-logo-2.png);background-size:cover;-webkit-background-size:cover}
|
||||
.mch-back3{background:url(../images/mch-back-3.png);background-size:cover;-webkit-background-size:cover}
|
||||
.mch-logo3{background:url(../images/mch-logo-3.png);background-size:cover;-webkit-background-size:cover}
|
||||
.mch-back4{background:url(../images/mch-back-4.png);background-size:cover;-webkit-background-size:cover}
|
||||
.mch-logo4{background:url(../images/mch-logo-4.png);background-size:cover;-webkit-background-size:cover}
|
||||
.mch-back5{background:url(../images/mch-back-5.png);background-size:cover;-webkit-background-size:cover}
|
||||
.mch-logo5{background:url(../images/mch-logo-5.png);background-size:cover;-webkit-background-size:cover}
|
||||
.mch-back6{background:url(../images/mch-back-6.png);background-size:cover;-webkit-background-size:cover}
|
||||
.mch-logo6{background:url(../images/mch-logo-6.png);background-size:cover;-webkit-background-size:cover}
|
||||
.morecase{margin:20px auto 0}
|
||||
.morecase h6{font-size:22px;line-height:70px;color:#0f1830;text-align:center}
|
||||
.morecase .row{border-top:1px dashed #eee;border-left:1px dashed #eee}
|
||||
.morecase .row div{border-right:1px dashed #eee;border-bottom:1px dashed #eee}
|
||||
.morecase img{display:block;margin:10px auto;max-width:90%;opacity:.7;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}
|
||||
.morecase img:hover{opacity:1;-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0)}
|
||||
.newcpcon{overflow:hidden}
|
||||
.newcplist{overflow:hidden;text-align:left}
|
||||
.newcplist:nth-child(2n){margin:30px 0;padding:30px 0;border-top:5px solid #fcfcfc;border-bottom:5px solid #fcfcfc}
|
||||
.newcplist img{display:block;margin:0 auto}
|
||||
.newcplist h6{font-size:18px;font-weight:700;color:#0f1830;margin:30px 0 0 0}
|
||||
.newcplist h6:first-letter,.newcplist p:first-letter{margin:0 0 0 2.5rem}
|
||||
.newcplist p{font-size:14px;line-height:25px;padding:10px 20px;background:#f9f9f9;color:#888;margin:20px 0}
|
||||
.newcplist ul{overflow:hidden;width:95%;padding:0 0 0 5%}
|
||||
.newcplist li{float:left;width:50%;font-size:14px;color:#0f1830;line-height:25px}
|
||||
.newfwcon{width:100%;overflow:hidden;background:url(../images/ggbg.jpg) top center no-repeat;padding:50px 0}
|
||||
.newfwcon .kzf-mod-product-list-title{font-size:16px;font-weight:700;color:#fff;text-align:center}
|
||||
.newfwcon:hover .kzf-mod-product-list-title{color:#fff}
|
||||
.newfwcon p{font-size:12px;color:#fff;text-align:center}
|
||||
.newfwcon img{display:block;margin:0 auto}
|
||||
.zspage{width:100%;overflow:hidden}
|
||||
.zsp_b .container,.zsp_e .container,.zsp_g .zsp_g_top.container{padding:0 0}
|
||||
.zspage .zsp_a{width:100%;overflow:hidden;background:#ff5b28;padding:30px 0}
|
||||
.zsp_a .a1{float:left;width:50%;margin:110px 0 0 0}
|
||||
.zsp_a .a2{float:right;width:45%;margin:0}
|
||||
.zspage .zsp_b{width:100%;overflow:hidden;background:url(../images/b4.png) no-repeat;background-position:50%;background-size:80%;padding:50px 0}
|
||||
.zsp_b .zsp_bt{display:block;margin:0 auto;float:none}
|
||||
.zspage .zsp_c{padding:50px 0 0 0}
|
||||
.zspage .zsp_d{padding:50px 0}
|
||||
.zsp_d .zsp_d_con{margin:15px 0 0 0}
|
||||
.zspage .zsp_e{padding:50px 0;width:100%;overflow:hidden;background:#ffa628}
|
||||
.zspage .zsp_f{padding:50px 0}
|
||||
.zspage .zsp_g{padding:50px 0;background:#f0f1f3;width:100%;overflow:hidden}
|
||||
.zsp_g .zsp_g_con{margin:20px 0}
|
||||
.zsp_g_con img{margin:15px 0}
|
||||
.zsp_g .zsp_wd{display:block;margin:0 auto;float:none}
|
||||
.zsp_g .zsp_wen{background:#ff5b28;border-radius:10px;padding:20px 0 30px}
|
||||
.zsp_g .zsp_da{background:#58c1f0;border-radius:10px;padding:20px 0 30px}
|
||||
.zsp_g span{display:block;font-size:22px;line-height:40px;color:#fff;font-weight:700}
|
||||
.zsp_g span em{font-size:30px;line-height:40px;font-style:normal;color:#fff;margin:0 10px 0 0}
|
||||
.zsp_g i{display:block;font-size:16px;line-height:22px;padding:0 0 0 40px;text-align:left;font-style:normal;color:#fff}
|
||||
.zspage .zsp_h{padding:30px 0;overflow:hidden}
|
||||
.zsp_h .zsp_h_con{overflow:hidden}
|
||||
.zsp_h_con h6{display:block;font-size:35px;line-height:60px;color:#474747;text-align:center;font-weight:700}
|
||||
.zsp_h_con dl{width:100%;overflow:hidden;margin:15px 0 0;border:2px solid #f0f1f3}
|
||||
.zsp_h_con dl span{float:left;width:35%;display:block;background:#f0f1f3;font-size:16px;line-height:46px;color:#474747;text-align:center}
|
||||
.zsp_h_con dl .contipt,.zsp_h_con dl .conttext{float:left;border:none;width:65%;line-height:46px;font-size:16px;color:#474747;padding:0 5%}
|
||||
.zsp_h_con .contbut{width:100%;background:#108bed;font-size:20px;color:#fff;line-height:50px;border:none;margin:20px 0 0}
|
||||
.zsp_pic{width:100%;overflow:hidden;background:#f0f1f3;padding:30px 0}
|
||||
.zsp_pic div{width:100%;height:310px;overflow:hidden;position:relative;margin:0 auto}
|
||||
.zsp_pic ul{position:absolute;left:0;top:0}
|
||||
.zsp_pic ul li{float:left;border:5px solid #fff;margin:0 0 0 20px}
|
||||
.zsp_pic ul li img{height:300px;display:block}
|
||||
.zspage h6{display:block;font-size:35px;line-height:60px;color:#474747;text-align:center;font-weight:700}
|
||||
.zspage p{display:block;font-size:22px;line-height:35px;color:#999;text-align:center;margin:15px 0}
|
||||
.zspage p em{color:#ff5b28;font-style:normal}
|
||||
@media (max-width:1199px){#close{display:none}
|
||||
.box{padding-top:30px!important;padding-bottom:30px!important}
|
||||
.tit-en{font-size:30px}
|
||||
.owl-nav{display:none!important}
|
||||
.footer{padding-top:30px}
|
||||
.footer-copyright{padding:15px 0}
|
||||
.product-item-bda,.product-item-bdm,.tit{margin-top:40px}
|
||||
.tit{padding-left:15px;padding-right:15px}
|
||||
.solution-box{text-align:center}
|
||||
.solution-item .more-btn{float:none!important}
|
||||
.news-container{margin-top:30px}
|
||||
.news-box-tit{margin:0 15px}
|
||||
.leader-item-people{text-align:center}
|
||||
.input-message{margin-top:60px}
|
||||
.submit-btn{margin-top:30px}
|
||||
.contactus-item{margin-bottom:30px}
|
||||
.contactus-item-info{margin-bottom:50px}
|
||||
.nav-item,.nav-item-child{width:90px}
|
||||
.log-li{width:130px}
|
||||
.log-li a{margin:28px 6px}
|
||||
.ystit{height:auto;width:auto;border:0;border-radius:0;margin:auto}
|
||||
.solution-box{margin-top:0!important}
|
||||
.ystit p{margin:0}
|
||||
.productmsg-sitem{margin:35px 0 0 0}
|
||||
.ysleft dl,.ysright dl{margin:0 20px!important}
|
||||
}
|
||||
@media (max-width:1090px){.nav-item-child .nav-item-a.cur,.nav-item-child .nav-item-a:hover,.nav-item.cur,.nav-item:hover{background-color:#fff}
|
||||
.nav-item-child .nav-item-a.cur,.nav-item-child .nav-item-a.cur>.nav-item-en,.nav-item-child .nav-item-a:hover,.nav-item-child .nav-item-a:hover>.nav-item-en,.nav-item.cur>.nav-item-a,.nav-item.cur>.nav-item-a>.nav-item-en,.nav-item:hover>.nav-item-a,.nav-item:hover>.nav-item-a>.nav-item-en{color:#075bb9}
|
||||
.header,.nav-item,.nav-item-a{height:80px}
|
||||
.nav-item-child{top:80px}
|
||||
.nav-item-child .nav-item-a{border-top:0;border-bottom:1px solid #e7eff4}
|
||||
.nav-item-zh{white-space:nowrap}
|
||||
.pull-left{width:160px;height:80px}
|
||||
.header-logo-img{margin:22.5px 0;height:35px}
|
||||
}
|
||||
@media (max-width:992px){.leader-item-line{display:none}
|
||||
.banner-item{height:375px}
|
||||
.header{-webkit-box-shadow:0 2px 10px rgba(0,0,0,.2);-moz-box-shadow:0 2px 10px rgba(0,0,0,.2);box-shadow:0 2px 10px rgba(0,0,0,.2)}
|
||||
.nav-item{float:none;z-index:2;width:100%}
|
||||
.header{height:56px}
|
||||
.nav-item,.nav-item-a{height:auto}
|
||||
.nav-item-a{padding:0;line-height:50px;color:#cceaff}
|
||||
.nav-item-child .nav-item-a.cur,.nav-item-child .nav-item-a.cur>.nav-item-en,.nav-item-child .nav-item-a:hover,.nav-item-child .nav-item-a:hover>.nav-item-en,.nav-item.cur,.nav-item.cur>.nav-item-a,.nav-item.cur>.nav-item-a>.nav-item-en,.nav-item:hover,.nav-item:hover>.nav-item-a,.nav-item:hover>.nav-item-a>.nav-item-en{font-weight:400;color:#fff;background:#148cf0;border:none}
|
||||
.nav-item-child .nav-item-a{border:0;background:#148cf0}
|
||||
.header-more{display:block!important}
|
||||
.nav{position:absolute;display:none;overflow:hidden;height:auto;left:0;top:56px;width:100%}
|
||||
.nav-item-a{margin:0}
|
||||
.nav-item{background:rgba(0,0,0,.7)}
|
||||
.nav-item-child{position:static;width:100%;background-color:transparent}
|
||||
.log-li{overflow:hidden;background:rgba(20,140,240,.8)}
|
||||
li.nav-item.log-li a{width:30%;margin:20px 10%;color:#fff;line-height:30px}
|
||||
li.nav-item.log-li a.log-a{border:1px solid #fff;border-radius:3px}
|
||||
li.nav-item.log-li a.log-b{background:rgba(0,0,0,.7);border:1px solid rgba(0,0,0,.7)}
|
||||
.pull-left{height:56px}
|
||||
.header-logo-img{margin:10px 0}
|
||||
.nav-item-en{display:none}
|
||||
}
|
||||
@media (max-width:799px){.footer-copyright .pull-left,.footer-copyright .pull-right,.footer-icon,.footer-items,.footer-social{float:none!important;text-align:center}
|
||||
.footer-logo{margin-right:10px;margin-bottom:10px;vertical-align:top}
|
||||
.footer-logo,.footer-nav{float:none!important;display:inline-block;text-align:left}
|
||||
.footer-social{margin-bottom:15px}
|
||||
.cmmi{margin:10px 0;text-align:center}
|
||||
.cmmi img{float:none}
|
||||
.cmmi span{float:none}
|
||||
}
|
||||
@media (max-width:768px){.agreement-wrap{padding:30px 15px}
|
||||
.aside{display:none}
|
||||
.banner-item{height:275px}
|
||||
}
|
||||
@media (max-width:499px){.footer-slogan{text-align:center}
|
||||
}
|
||||
@media (max-width:430px){#show{display:none}
|
||||
.back-top{right:19px}
|
||||
.agreement-close,.popbox-close{width:40px;height:40px;font-size:34px}
|
||||
.popbox-con{width:100%}
|
||||
.popbox-code{margin-bottom:15px;width:100%}
|
||||
.swiper-container{height:260px!important}
|
||||
.inner{width:100%!important;height:260px!important}
|
||||
.slide1 .xt1{width:90%!important;top:100px!important}
|
||||
.slide1 .bs2{left:20%!important;top:40%!important;width:60%!important}
|
||||
.slide1 .bs3{left:20%!important;top:54%!important;width:60%!important}
|
||||
.slide1 .y1{right:0!important;top:40%!important;width:50%!important}
|
||||
.slide1 .y2{left:0!important;top:25%!important;width:50%!important}
|
||||
.slide1 .y3{top:-10%!important;left:30%!important;width:50%!important}
|
||||
.slide2 .s0{width:60%!important;top:30%!important;left:20%!important}
|
||||
.slide2 .s1{width:60%!important;top:60%!important;left:20%!important}
|
||||
.slide2 .s3,.slide2 .s4{width:50%!important;height:auto!important}
|
||||
.slide2 .s5{width:20%!important;right:3%!important}
|
||||
.slide3 .zh-a-1{top:25%!important;width:60%!important;left:20%!important}
|
||||
.slide3 .zh-a-2{left:0!important;height:260px!important}
|
||||
.slide3 .zh-a-3{top:60%!important;left:20%!important;width:60%!important}
|
||||
.slide4 .b-y-1{top:10%!important;left:15%!important}
|
||||
.slide4 .b-y-2{width:40%!important;top:10%!important;left:55%!important}
|
||||
.slide4 .b-y-3{width:45%!important;top:10%!important}
|
||||
.slide4 .b-1{width:60%!important;top:30%!important;left:20%!important}
|
||||
.slide4 .b-3{width:60%!important;top:63%!important;left:20%!important}
|
||||
.slide4 .b-s-1{left:0!important;width:20%!important}
|
||||
.slide4 .b-s-2{left:15%!important;width:10%!important}
|
||||
.slide4 .b-s-3{left:40%!important;width:25%!important}
|
||||
.slide4 .b-s-4{left:30%!important;width:15%!important}
|
||||
.slide4 .b-s-5{left:70%!important;width:15%!important}
|
||||
.slide4 .b-s-6{left:80%!important;width:30%!important}
|
||||
.slide6 .ny1{width:50%!important;right:0!important;bottom:0!important}
|
||||
.slide6 .ny2{left:5%!important;top:25%!important;width:45%!important}
|
||||
.slide6 .ny3{left:10%!important;top:65%!important;width:37%!important}
|
||||
.slide7 .yx1{width:80%!important;right:7%!important}
|
||||
.slide7 .yx2{left:0!important;width:40%!important}
|
||||
.slide7 .yx3{right:0!important;width:40%!important}
|
||||
.slide7 .yx4{top:30%!important;left:15%!important;width:75%!important}
|
||||
.slide7 .yx5{left:0!important;width:35%!important}
|
||||
.slide8 .zs1{left:10%!important;top:26%!important;width:80%!important}
|
||||
.slide8 .zs2{display:none}
|
||||
.banwuright{display:none!important}
|
||||
.banwuleft{top:15%!important;left:10%!important}
|
||||
.banwuleft span{text-align:center!important}
|
||||
.banwuleft a{margin:20px auto!important}
|
||||
.product-item-img{width:100%;height:110px}
|
||||
.product-item{margin-top:0}
|
||||
.product-item-tit{font-size:18px}
|
||||
.productmsg-sitem h6{line-height:35px;margin:15px auto}
|
||||
.productmsg-sitem span{width:100%}
|
||||
.productmsg-sitem p{width:100%}
|
||||
.productmsg-item span{width:100%}
|
||||
.productmsg-item p{width:100%}
|
||||
.ysleft,.ysright{padding:0;overflow:hidden}
|
||||
.solution-box img{margin:10px auto;display:block;float:none}
|
||||
.solution-box dd{float:none}
|
||||
.solution-box span{text-align:center;margin-top:0}
|
||||
.solution-box p{text-align:center}
|
||||
.guangdiv h6{font-size:18px}
|
||||
.guangdiv span{font-size:12px}
|
||||
.kzf-mod-product{padding:20px 0}
|
||||
.mapdec .text{margin:0}
|
||||
.footxxdiv{margin:0 0 15px}
|
||||
.page .main{padding:0!important}
|
||||
.price-section .section-heading{margin:0}
|
||||
.vcenter{margin-top:20px}
|
||||
.price-section{z-index:0}
|
||||
.technical_support_box ul li a .text{width:100%}
|
||||
.mapdec .text h5{font-size:18px;line-height:35px;color:#0f1830;margin:0 0 0 40px}
|
||||
.mapdec .text span{font-size:15px;line-height:20px;display:block;margin-top:10px;overflow:hidden}
|
||||
.mapdec i{float:left;margin-right:10px;display:block;width:20px;height:20px;background:url(../images/contimg.png) no-repeat;background-size:100% auto}
|
||||
.mapdec i.lx_dz{background-position:0 0}
|
||||
.mapdec i.lx_dh{background-position:0 -20px}
|
||||
.mapdec i.lx_yx{background-position:0 -40px}
|
||||
.mapdec i.lx_wz{background-position:0 -60px}
|
||||
.mapdec i.lx_gjz{background-position:0 -80px}
|
||||
.mapdec .buslink{overflow:hidden;margin:20px 0 0 0}
|
||||
.buslink dd{display:block;overflow:hidden;font-size:16px;line-height:20px;color:#0f1830}
|
||||
.buslink b{display:block;font-size:16px;line-height:20px;margin:10px 0 0 40px}
|
||||
.buslink p{display:block;font-size:16px;line-height:20px;margin:0 0 0 40px}
|
||||
.newspagelist .kzf-mod-new-time-date{font-size:16px}
|
||||
.txfwitem h6{margin:0}
|
||||
.txfwitem img{margin:1rem auto}
|
||||
.ggchidiv{margin:0;height:210px;background:url(../images/ggbg.jpg)}
|
||||
.news-container .row{margin:0!important}
|
||||
.product-item-tit{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
||||
.ysleft dl,.ysright dl{float:none;border:none}
|
||||
.news-box-tit{margin:0 12px}
|
||||
.indexnews .newsmore{margin:0 0 20px}
|
||||
.coop-content-left>p>span:nth-of-type(1){margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
||||
.coop-content-left>p>span:nth-of-type(2){line-height:22px!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;overflow:hidden}
|
||||
.coop-mch-logo{right:30px}
|
||||
.newfwcon{padding:35px 0}
|
||||
.zsp_a .a1{margin:40px 0 0 0}
|
||||
.zspage .zsp_b,.zspage .zsp_c{padding:20px 0}
|
||||
.zspage h6{display:block;font-size:25px;line-height:45px;color:#474747;text-align:center;font-weight:700}
|
||||
.zspage p{display:block;font-size:14px;line-height:22px;color:#999;text-align:center;margin:8px 0}
|
||||
}
|
||||
@media (max-width:399px){.cmmi span{display:block;margin-left:0}
|
||||
}
|
||||
@media (min-width:993px){.nav{display:block!important}
|
||||
.productmsg-sitem{margin:80px 0 0 0}
|
||||
}
|
||||
@media (min-width:640px){.leaders-item{padding-left:40px}
|
||||
}
|
||||
@@ -0,0 +1,125 @@
|
||||
/*
|
||||
* Swiper 2.7.6
|
||||
* Mobile touch slider and framework with hardware accelerated transitions
|
||||
*
|
||||
* http://www.idangero.us/sliders/swiper/
|
||||
*
|
||||
* Copyright 2010-2015, Vladimir Kharlampidi
|
||||
* The iDangero.us
|
||||
* http://www.idangero.us/
|
||||
*
|
||||
* Licensed under GPL & MIT
|
||||
*
|
||||
* Released on: February 11, 2015
|
||||
*/
|
||||
/* ===============================================================
|
||||
Basic Swiper Styles
|
||||
================================================================*/
|
||||
.swiper-container {
|
||||
margin:0 auto;
|
||||
position:relative;
|
||||
overflow:hidden;
|
||||
direction:ltr;
|
||||
-webkit-backface-visibility:hidden;
|
||||
-moz-backface-visibility:hidden;
|
||||
-ms-backface-visibility:hidden;
|
||||
-o-backface-visibility:hidden;
|
||||
backface-visibility:hidden;
|
||||
/* Fix of Webkit flickering */
|
||||
z-index:1;
|
||||
}
|
||||
.swiper-wrapper {
|
||||
position:relative;
|
||||
width:100%;
|
||||
-webkit-transition-property:-webkit-transform, left, top;
|
||||
-webkit-transition-duration:0s;
|
||||
-webkit-transform:translate3d(0px,0,0);
|
||||
-webkit-transition-timing-function:ease;
|
||||
|
||||
-moz-transition-property:-moz-transform, left, top;
|
||||
-moz-transition-duration:0s;
|
||||
-moz-transform:translate3d(0px,0,0);
|
||||
-moz-transition-timing-function:ease;
|
||||
|
||||
-o-transition-property:-o-transform, left, top;
|
||||
-o-transition-duration:0s;
|
||||
-o-transform:translate3d(0px,0,0);
|
||||
-o-transition-timing-function:ease;
|
||||
-o-transform:translate(0px,0px);
|
||||
|
||||
-ms-transition-property:-ms-transform, left, top;
|
||||
-ms-transition-duration:0s;
|
||||
-ms-transform:translate3d(0px,0,0);
|
||||
-ms-transition-timing-function:ease;
|
||||
|
||||
transition-property:transform, left, top;
|
||||
transition-duration:0s;
|
||||
transform:translate3d(0px,0,0);
|
||||
transition-timing-function:ease;
|
||||
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
.swiper-free-mode > .swiper-wrapper {
|
||||
-webkit-transition-timing-function: ease-out;
|
||||
-moz-transition-timing-function: ease-out;
|
||||
-ms-transition-timing-function: ease-out;
|
||||
-o-transition-timing-function: ease-out;
|
||||
transition-timing-function: ease-out;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.swiper-slide {
|
||||
float: left;
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
/* IE10 Windows Phone 8 Fixes */
|
||||
.swiper-wp8-horizontal {
|
||||
-ms-touch-action: pan-y;
|
||||
}
|
||||
.swiper-wp8-vertical {
|
||||
-ms-touch-action: pan-x;
|
||||
}
|
||||
|
||||
/* ===============================================================
|
||||
Your custom styles, here you need to specify container's and slide's
|
||||
sizes, pagination, etc.
|
||||
================================================================*/
|
||||
.swiper-container {
|
||||
/* Specify Swiper's Size: */
|
||||
|
||||
/*width:200px;
|
||||
height: 100px;*/
|
||||
}
|
||||
.swiper-slide {
|
||||
/* Specify Slides's Size: */
|
||||
|
||||
/*width: 100%;
|
||||
height: 100%;*/
|
||||
}
|
||||
.swiper-slide-active {
|
||||
/* Specific active slide styling: */
|
||||
|
||||
}
|
||||
.swiper-slide-visible {
|
||||
/* Specific visible slide styling: */
|
||||
|
||||
}
|
||||
/* ===============================================================
|
||||
Pagination Styles
|
||||
================================================================*/
|
||||
.swiper-pagination-switch {
|
||||
/* Stylize pagination button: */
|
||||
|
||||
}
|
||||
.swiper-active-switch {
|
||||
/* Specific active button style: */
|
||||
|
||||
}
|
||||
.swiper-visible-switch {
|
||||
/* Specific visible button style: */
|
||||
|
||||
}
|
||||
@@ -0,0 +1,258 @@
|
||||
@charset "utf-8";
|
||||
/* CSS Document */
|
||||
*{
|
||||
padding:0;
|
||||
margin:0;
|
||||
}
|
||||
.wrap_top {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
background: #f7f7f7;
|
||||
}
|
||||
.swiper-container{
|
||||
height:500px;
|
||||
}
|
||||
.arrow-left {
|
||||
background: url(../images/arrows.png) no-repeat left top;
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
top: 50%;
|
||||
margin-top: -15px;
|
||||
width: 17px;
|
||||
height: 30px;
|
||||
z-index:10;
|
||||
}
|
||||
.arrow-right {
|
||||
background: url(../images/arrows.png) no-repeat left bottom;
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 50%;
|
||||
margin-top: -15px;
|
||||
width: 17px;
|
||||
height: 30px;
|
||||
z-index:10;
|
||||
}
|
||||
.pagination {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
text-align: center;
|
||||
bottom:5px;
|
||||
width: 100%;
|
||||
}
|
||||
.swiper-pagination-switch {
|
||||
display: inline-block;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border-radius: 10px;
|
||||
background: #108bed;
|
||||
margin: 0 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.swiper-active-switch {
|
||||
background: #fff;
|
||||
}
|
||||
.swiper-slide{
|
||||
position:relative;
|
||||
opacity:0;
|
||||
transition: opacity 0.7s ease-in-out;
|
||||
}
|
||||
.swiper-slide-active{
|
||||
opacity:1;
|
||||
}
|
||||
.swiper-slide .img{
|
||||
position:absolute;
|
||||
}
|
||||
.inner{
|
||||
position:relative;
|
||||
display:block;
|
||||
width:1000px;
|
||||
height:500px;
|
||||
margin:0 auto;
|
||||
}
|
||||
.slide1{
|
||||
background:url(../images/bannerbg.jpg) top center no-repeat;
|
||||
}
|
||||
.slide2{
|
||||
background-color: #07cf8b;
|
||||
}
|
||||
.slide3{
|
||||
background-color: #108ced;
|
||||
}
|
||||
.slide4{
|
||||
background-color: #13d0d2;
|
||||
}
|
||||
.slide5{
|
||||
background:url(../images/banbg2.jpg) top center no-repeat;
|
||||
}
|
||||
.slide6{
|
||||
background:#e63030 url(../images/ny_bg.png) top center no-repeat;
|
||||
}
|
||||
.slide7{
|
||||
background:url(../images/yx_0.jpg) top center no-repeat;
|
||||
}
|
||||
.slide8{
|
||||
background: #ff5b28;
|
||||
}
|
||||
.slide1 .xt1{left: 5%; top:150px;width:900px;}
|
||||
.slide1 .bs2{left: 20%; top:170px;width:600px;}
|
||||
.slide1 .bs3{left: 20%; top:260px;width:600px;}
|
||||
.slide2 .s0{left: 25%; top:130px;width:500px;}
|
||||
.slide2 .s1{left: 25%;top:300px;width:500px;}
|
||||
.slide2 .s2{left: 50%;margin-left: -435px;top: 280px;}
|
||||
.slide2 .s3{left: 0;bottom: 0px;z-index: 5;height:190px;}
|
||||
.slide2 .s4{right: 0;bottom: 0px;z-index: 0;height: 160px;}
|
||||
.slide2 .s5{right: 0;top: 10px;width:200px;}
|
||||
.slide3 .zh-a-1{left: 25%;top: 130px;z-index: 9;width:500px;}
|
||||
.slide3 .zh-a-3{left: 25%;top: 330px;width:500px;}
|
||||
.slide3 .zh-a-2{left: 15%;top: 0;height:500px;}
|
||||
.slide4 .b-1{left:25%;top: 130px;width:500px;}
|
||||
.slide4 .b-2{left: 90px;top: 180px;}
|
||||
.slide4 .b-3{left: 25%;top: 320px;width:500px;}
|
||||
.slide4 .b-s-1{width: 100px; left: 50px; bottom:0px;}
|
||||
.slide4 .b-s-2{left: 160px;width: 160px;bottom:0px;}
|
||||
.slide4 .b-s-3{left: 390px;width: 58px;bottom:0px;}
|
||||
.slide4 .b-s-4{right: 359px; width: 103px;bottom:0px;}
|
||||
.slide4 .b-s-5{right: 250px;width: 150px;bottom:0px;}
|
||||
.slide4 .b-s-6{right: 0;width: 65px;bottom:0px;}
|
||||
.slide4 .b-y-1{top:40px;left:50%;}
|
||||
.slide4 .b-y-2{top:40px;left:60%}
|
||||
.slide4 .b-y-3{top:40px;left:0%;}
|
||||
.slide6 .ny1{bottom:0;right:0;}
|
||||
.slide6 .ny2{top:100px;left:0;}
|
||||
.slide6 .ny3{top:340px;left:60px;}
|
||||
.slide7 .yx1{bottom:0;right:80px;}
|
||||
.slide7 .yx2{top:0;left:-100px;}
|
||||
.slide7 .yx3{top:0;right:-100px;}
|
||||
.slide7 .yx4{top:130px;left:180px;}
|
||||
.slide7 .yx5{bottom:0;left:20px;}
|
||||
.slide8 .zs1{left:0;top:140px;width:560px;}
|
||||
.slide8 .zs2{right:0;top:50px;}
|
||||
|
||||
.banwuleft{
|
||||
top: 33%;
|
||||
left: 0;
|
||||
width: 300px;
|
||||
position: absolute;
|
||||
}
|
||||
.banwuleft span{
|
||||
display: block;
|
||||
font-size: 40px;
|
||||
line-height: 50px;
|
||||
color: #fff;
|
||||
}
|
||||
.banwuleft a{
|
||||
width: 180px;
|
||||
background: rgba(255,255,255,0.8);
|
||||
display: block;
|
||||
text-align: center;
|
||||
border-radius: 30px;
|
||||
line-height: 35px;
|
||||
font-size: 16px;
|
||||
color: #108bed;
|
||||
margin-top: 20px;
|
||||
transition:All 0.6s ease-in-out;
|
||||
-webkit-transition:All 0.6s ease-in-out;
|
||||
-moz-transition:All 0.6s ease-in-out;
|
||||
-o-transition:All 0.6s ease-in-out;
|
||||
}
|
||||
.banwuleft a:hover{
|
||||
background: #fff;
|
||||
color:#108bed;
|
||||
}
|
||||
.banwuright{
|
||||
position: absolute;
|
||||
top: 23%;
|
||||
right: 0;
|
||||
width: 570px;
|
||||
background:rgba(80,170,240,0.7);
|
||||
padding: 30px 20px;
|
||||
border-radius: 10px;
|
||||
box-shadow:5px 5px 10px rgba(10,110,190,0.2);
|
||||
}
|
||||
.banwuright h6{
|
||||
font-size: 40px;
|
||||
color: #fff;
|
||||
padding-bottom: 20px;
|
||||
display: block;
|
||||
border-bottom: 1px solid #73c3ff;
|
||||
line-height: 50px;
|
||||
}
|
||||
.banwuright span{
|
||||
font-size: 16px;
|
||||
color: #fff;
|
||||
font-weight: 700;
|
||||
margin-top: 10px;
|
||||
line-height: 35px;
|
||||
display: block;
|
||||
}
|
||||
.banwuright p{
|
||||
font-size: 16px;
|
||||
color: #fff;
|
||||
line-height: 20px;
|
||||
display: block;
|
||||
}
|
||||
.banwuright a{
|
||||
display: block;
|
||||
width: 250px;
|
||||
text-align: center;
|
||||
background: #f1d025;
|
||||
border-radius: 20px;
|
||||
font-size: 16px;
|
||||
color: #fff;
|
||||
line-height: 35px;
|
||||
margin-top: 30px;
|
||||
transition:All 0.6s ease-in-out;
|
||||
-webkit-transition:All 0.6s ease-in-out;
|
||||
-moz-transition:All 0.6s ease-in-out;
|
||||
-o-transition:All 0.6s ease-in-out;
|
||||
}
|
||||
.banwuright a:hover{
|
||||
background: #f6a90d;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
.loop{
|
||||
animation-iteration-count: infinite;/*无限*/
|
||||
animation-timing-function:linear;/*平滑*/
|
||||
}
|
||||
.targetBtn {
|
||||
margin-top: 20px;
|
||||
position: absolute;
|
||||
bottom: 60px;
|
||||
left: 352px;
|
||||
z-index: 999;
|
||||
}
|
||||
.targetBtn a{
|
||||
height:50px;
|
||||
border-radius:50px;
|
||||
background:rgba(0,0,0,.5);
|
||||
float:left;
|
||||
line-height:50px;
|
||||
text-align:center;
|
||||
color:#fff;
|
||||
text-decoration:none;
|
||||
}
|
||||
.targetBtn .a1{
|
||||
width:110px;
|
||||
}
|
||||
.targetBtn .a2{
|
||||
width:170px;
|
||||
margin-left:15px;
|
||||
}
|
||||
/*自定义CSS动画*/
|
||||
.moveRight{-webkit-animation-name:moveRight;animation-name:moveRight}
|
||||
@-webkit-keyframes moveRight{0%{opacity: 0;left:0px;}
|
||||
10%{opacity: 1;}
|
||||
100%{opacity: 1;left:550px;}}
|
||||
@keyframes moveRight{0%{opacity: 0;left:0px;}
|
||||
10%{opacity: 1;}
|
||||
100%{opacity: 1;left:550px;}}
|
||||
|
||||
.moveLeft{-webkit-animation-name:moveLeft;animation-name:moveLeft}
|
||||
@-webkit-keyframes moveLeft{0%{opacity:0;left:390px;}
|
||||
10%{opacity:1;}
|
||||
100%{opacity:1;left:-370px;}}
|
||||
@keyframes moveLeft{0%{opacity:0;left:390px;}
|
||||
10%{opacity:1;}
|
||||
100%{opacity:1;left:-370px;}}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 380 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 96 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 205 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 318 B |
Binary file not shown.
|
After Width: | Height: | Size: 43 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 198 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 75 KiB |
@@ -0,0 +1,16 @@
|
||||
/*
|
||||
* Swiper 2.7.6
|
||||
* Mobile touch slider and framework with hardware accelerated transitions
|
||||
*
|
||||
* http://www.idangero.us/sliders/swiper/
|
||||
*
|
||||
* Copyright 2010-2015, Vladimir Kharlampidi
|
||||
* The iDangero.us
|
||||
* http://www.idangero.us/
|
||||
*
|
||||
* Licensed under GPL & MIT
|
||||
*
|
||||
* Released on: February 11, 2015
|
||||
*/
|
||||
var Swiper=function(a,b){"use strict";function c(a,b){return document.querySelectorAll?(b||document).querySelectorAll(a):jQuery(a,b)}function d(a){return"[object Array]"===Object.prototype.toString.apply(a)?!0:!1}function e(){var a=G-J;return b.freeMode&&(a=G-J),b.slidesPerView>D.slides.length&&!b.centeredSlides&&(a=0),0>a&&(a=0),a}function f(){function a(a){var c,d,e=function(){"undefined"!=typeof D&&null!==D&&(void 0!==D.imagesLoaded&&D.imagesLoaded++,D.imagesLoaded===D.imagesToLoad.length&&(D.reInit(),b.onImagesReady&&D.fireCallback(b.onImagesReady,D)))};a.complete?e():(d=a.currentSrc||a.getAttribute("src"),d?(c=new Image,c.onload=e,c.onerror=e,c.src=d):e())}var d=D.h.addEventListener,e="wrapper"===b.eventTarget?D.wrapper:D.container;if(D.browser.ie10||D.browser.ie11?(d(e,D.touchEvents.touchStart,p),d(document,D.touchEvents.touchMove,q),d(document,D.touchEvents.touchEnd,r)):(D.support.touch&&(d(e,"touchstart",p),d(e,"touchmove",q),d(e,"touchend",r)),b.simulateTouch&&(d(e,"mousedown",p),d(document,"mousemove",q),d(document,"mouseup",r))),b.autoResize&&d(window,"resize",D.resizeFix),g(),D._wheelEvent=!1,b.mousewheelControl){if(void 0!==document.onmousewheel&&(D._wheelEvent="mousewheel"),!D._wheelEvent)try{new WheelEvent("wheel"),D._wheelEvent="wheel"}catch(f){}D._wheelEvent||(D._wheelEvent="DOMMouseScroll"),D._wheelEvent&&d(D.container,D._wheelEvent,j)}if(b.keyboardControl&&d(document,"keydown",i),b.updateOnImagesReady){D.imagesToLoad=c("img",D.container);for(var h=0;h<D.imagesToLoad.length;h++)a(D.imagesToLoad[h])}}function g(){var a,d=D.h.addEventListener;if(b.preventLinks){var e=c("a",D.container);for(a=0;a<e.length;a++)d(e[a],"click",n)}if(b.releaseFormElements){var f=c("input, textarea, select",D.container);for(a=0;a<f.length;a++)d(f[a],D.touchEvents.touchStart,o,!0),D.support.touch&&b.simulateTouch&&d(f[a],"mousedown",o,!0)}if(b.onSlideClick)for(a=0;a<D.slides.length;a++)d(D.slides[a],"click",k);if(b.onSlideTouch)for(a=0;a<D.slides.length;a++)d(D.slides[a],D.touchEvents.touchStart,l)}function h(){var a,d=D.h.removeEventListener;if(b.onSlideClick)for(a=0;a<D.slides.length;a++)d(D.slides[a],"click",k);if(b.onSlideTouch)for(a=0;a<D.slides.length;a++)d(D.slides[a],D.touchEvents.touchStart,l);if(b.releaseFormElements){var e=c("input, textarea, select",D.container);for(a=0;a<e.length;a++)d(e[a],D.touchEvents.touchStart,o,!0),D.support.touch&&b.simulateTouch&&d(e[a],"mousedown",o,!0)}if(b.preventLinks){var f=c("a",D.container);for(a=0;a<f.length;a++)d(f[a],"click",n)}}function i(a){var b=a.keyCode||a.charCode;if(!(a.shiftKey||a.altKey||a.ctrlKey||a.metaKey)){if(37===b||39===b||38===b||40===b){for(var c=!1,d=D.h.getOffset(D.container),e=D.h.windowScroll().left,f=D.h.windowScroll().top,g=D.h.windowWidth(),h=D.h.windowHeight(),i=[[d.left,d.top],[d.left+D.width,d.top],[d.left,d.top+D.height],[d.left+D.width,d.top+D.height]],j=0;j<i.length;j++){var k=i[j];k[0]>=e&&k[0]<=e+g&&k[1]>=f&&k[1]<=f+h&&(c=!0)}if(!c)return}N?((37===b||39===b)&&(a.preventDefault?a.preventDefault():a.returnValue=!1),39===b&&D.swipeNext(),37===b&&D.swipePrev()):((38===b||40===b)&&(a.preventDefault?a.preventDefault():a.returnValue=!1),40===b&&D.swipeNext(),38===b&&D.swipePrev())}}function j(a){var c=D._wheelEvent,d=0;if(a.detail)d=-a.detail;else if("mousewheel"===c)if(b.mousewheelControlForceToAxis)if(N){if(!(Math.abs(a.wheelDeltaX)>Math.abs(a.wheelDeltaY)))return;d=a.wheelDeltaX}else{if(!(Math.abs(a.wheelDeltaY)>Math.abs(a.wheelDeltaX)))return;d=a.wheelDeltaY}else d=a.wheelDelta;else if("DOMMouseScroll"===c)d=-a.detail;else if("wheel"===c)if(b.mousewheelControlForceToAxis)if(N){if(!(Math.abs(a.deltaX)>Math.abs(a.deltaY)))return;d=-a.deltaX}else{if(!(Math.abs(a.deltaY)>Math.abs(a.deltaX)))return;d=-a.deltaY}else d=Math.abs(a.deltaX)>Math.abs(a.deltaY)?-a.deltaX:-a.deltaY;if(b.freeMode){var f=D.getWrapperTranslate()+d;if(f>0&&(f=0),f<-e()&&(f=-e()),D.setWrapperTransition(0),D.setWrapperTranslate(f),D.updateActiveSlide(f),0===f||f===-e())return}else(new Date).getTime()-V>60&&(0>d?D.swipeNext():D.swipePrev()),V=(new Date).getTime();return b.autoplay&&D.stopAutoplay(!0),a.preventDefault?a.preventDefault():a.returnValue=!1,!1}function k(a){D.allowSlideClick&&(m(a),D.fireCallback(b.onSlideClick,D,a))}function l(a){m(a),D.fireCallback(b.onSlideTouch,D,a)}function m(a){if(a.currentTarget)D.clickedSlide=a.currentTarget;else{var c=a.srcElement;do{if(c.className.indexOf(b.slideClass)>-1)break;c=c.parentNode}while(c);D.clickedSlide=c}D.clickedSlideIndex=D.slides.indexOf(D.clickedSlide),D.clickedSlideLoopIndex=D.clickedSlideIndex-(D.loopedSlides||0)}function n(a){return D.allowLinks?void 0:(a.preventDefault?a.preventDefault():a.returnValue=!1,b.preventLinksPropagation&&"stopPropagation"in a&&a.stopPropagation(),!1)}function o(a){return a.stopPropagation?a.stopPropagation():a.returnValue=!1,!1}function p(a){if(b.preventLinks&&(D.allowLinks=!0),D.isTouched||b.onlyExternal)return!1;var c=a.target||a.srcElement;document.activeElement&&document.activeElementLine truncated
|
||||
D.activeIndex=e>=d?c:c+1}}else D.activeIndex=Math[b.visibilityFullFit?"ceil":"round"](-a/F);if(D.activeIndex===D.slides.length&&(D.activeIndex=D.slides.length-1),D.activeIndex<0&&(D.activeIndex=0),D.slides[D.activeIndex]){if(D.calcVisibleSlides(a),D.support.classList){var f;for(c=0;c<D.slides.length;c++)f=D.slides[c],f.classList.remove(b.slideActiveClass),D.visibleSlides.indexOf(f)>=0?f.classList.add(b.slideVisibleClass):f.classList.remove(b.slideVisibleClass);D.slides[D.activeIndex].classList.add(b.slideActiveClass)}else{var g=new RegExp("\\s*"+b.slideActiveClass),h=new RegExp("\\s*"+b.slideVisibleClass);for(c=0;c<D.slides.length;c++)D.slides[c].className=D.slides[c].className.replace(g,"").replace(h,""),D.visibleSlides.indexOf(D.slides[c])>=0&&(D.slides[c].className+=" "+b.slideVisibleClass);D.slides[D.activeIndex].className+=" "+b.slideActiveClass}if(b.loop){var i=D.loopedSlides;D.activeLoopIndex=D.activeIndex-i,D.activeLoopIndex>=D.slides.length-2*i&&(D.activeLoopIndex=D.slides.length-2*i-D.activeLoopIndex),D.activeLoopIndex<0&&(D.activeLoopIndex=D.slides.length-2*i+D.activeLoopIndex),D.activeLoopIndex<0&&(D.activeLoopIndex=0)}else D.activeLoopIndex=D.activeIndex;b.pagination&&D.updatePagination(a)}}},D.createPagination=function(a){if(b.paginationClickable&&D.paginationButtons&&x(),D.paginationContainer=b.pagination.nodeType?b.pagination:c(b.pagination)[0],b.createPagination){var d="",e=D.slides.length,f=e;b.loop&&(f-=2*D.loopedSlides);for(var g=0;f>g;g++)d+="<"+b.paginationElement+' class="'+b.paginationElementClass+'"></'+b.paginationElement+">";D.paginationContainer.innerHTML=d}D.paginationButtons=c("."+b.paginationElementClass,D.paginationContainer),a||D.updatePagination(),D.callPlugins("onCreatePagination"),b.paginationClickable&&y()},D.updatePagination=function(a){if(b.pagination&&!(D.slides.length<1)){var d=c("."+b.paginationActiveClass,D.paginationContainer);if(d){var e=D.paginationButtons;if(0!==e.length){for(var f=0;f<e.length;f++)e[f].className=b.paginationElementClass;var g=b.loop?D.loopedSlides:0;if(b.paginationAsRange){D.visibleSlides||D.calcVisibleSlides(a);var h,i=[];for(h=0;h<D.visibleSlides.length;h++){var j=D.slides.indexOf(D.visibleSlides[h])-g;b.loop&&0>j&&(j=D.slides.length-2*D.loopedSlides+j),b.loop&&j>=D.slides.length-2*D.loopedSlides&&(j=D.slides.length-2*D.loopedSlides-j,j=Math.abs(j)),i.push(j)}for(h=0;h<i.length;h++)e[i[h]]&&(e[i[h]].className+=" "+b.paginationVisibleClass);b.loop?void 0!==e[D.activeLoopIndex]&&(e[D.activeLoopIndex].className+=" "+b.paginationActiveClass):e[D.activeIndex]&&(e[D.activeIndex].className+=" "+b.paginationActiveClass)}else b.loop?e[D.activeLoopIndex]&&(e[D.activeLoopIndex].className+=" "+b.paginationActiveClass+" "+b.paginationVisibleClass):e[D.activeIndex]&&(e[D.activeIndex].className+=" "+b.paginationActiveClass+" "+b.paginationVisibleClass)}}}},D.calcVisibleSlides=function(a){var c=[],d=0,e=0,f=0;N&&D.wrapperLeft>0&&(a+=D.wrapperLeft),!N&&D.wrapperTop>0&&(a+=D.wrapperTop);for(var g=0;g<D.slides.length;g++){d+=e,e="auto"===b.slidesPerView?N?D.h.getWidth(D.slides[g],!0,b.roundLengths):D.h.getHeight(D.slides[g],!0,b.roundLengths):F,f=d+e;var h=!1;b.visibilityFullFit?(d>=-a&&-a+J>=f&&(h=!0),-a>=d&&f>=-a+J&&(h=!0)):(f>-a&&-a+J>=f&&(h=!0),d>=-a&&-a+J>d&&(h=!0),-a>d&&f>-a+J&&(h=!0)),h&&c.push(D.slides[g])}0===c.length&&(c=[D.slides[D.activeIndex]]),D.visibleSlides=c};var ab,bb;D.startAutoplay=function(){if(D.support.transitions){if("undefined"!=typeof ab)return!1;if(!b.autoplay)return;D.callPlugins("onAutoplayStart"),b.onAutoplayStart&&D.fireCallback(b.onAutoplayStart,D),A()}else{if("undefined"!=typeof bb)return!1;if(!b.autoplay)return;D.callPlugins("onAutoplayStart"),b.onAutoplayStart&&D.fireCallback(b.onAutoplayStart,D),bb=setInterval(function(){b.loop?(D.fixLoop(),D.swipeNext(!0,!0)):D.swipeNext(!0,!0)||(b.autoplayStopOnLast?(clearInterval(bb),bb=void 0):D.swipeTo(0))},b.autoplay)}},D.stopAutoplay=function(a){if(D.support.transitions){if(!ab)return;ab&&clearTimeout(ab),ab=void 0,a&&!b.autoplayDisableOnInteraction&&D.wrapperTransitionEnd(function(){A()}),D.callPlugins("onAutoplayStop"),b.onAutoplayStop&&D.fireCallback(b.onAutoplayStop,D)}else bb&&clearInterval(bb),bb=void 0,D.callPlugins("onAutoplayStop"),b.onAutoplayStop&&D.fireCallback(b.onAutoplayStop,D)},D.loopCreated=!1,D.removeLoopedSlides=function(){if(D.loopCreated)for(var a=0;a<D.slides.length;a++)D.slides[a].getData("looped")===!0&&D.wrapper.removeChild(D.slides[a])},D.createLoop=function(){if(0!==D.slides.length){D.loopedSlides="auto"===b.slidesPerView?b.loopedSlides||1:Math.floor(b.slidesPerView)+b.loopAdditionalSlides,D.loopedSlides>D.slides.length&&(D.loopedSlides=D.slides.length);var a,c="",d="",e="",f=D.slides.length,g=Math.floor(D.loopedSlides/f),h=D.loopedSlides%f;for(a=0;g*f>a;a++){var i=a;if(a>=f){var j=Math.floor(a/f);i=a-f*j}e+=D.slides[i].outerHTML}for(a=0;h>a;a++)d+=u(b.slideDuplicateClass,D.slides[a].outerHTML);for(a=f-h;f>a;a++)c+=u(b.slideDuplicateClass,D.slides[a].outerHLine truncated
|
||||
@@ -0,0 +1,447 @@
|
||||
function JPlaceHolder(o) {
|
||||
this.container = o || $("body"),
|
||||
this.init()
|
||||
} !
|
||||
function(o, t, a, i) {
|
||||
var e = o(t);
|
||||
o.fn.flap = function(n) {
|
||||
function p() {
|
||||
r.each(function() {
|
||||
var t = o(this);
|
||||
o.abovethetop(this, c) || o.belowthefold(this, c) || t.trigger("appear")
|
||||
})
|
||||
}
|
||||
var s, r = this,
|
||||
c = {
|
||||
threshold: 0,
|
||||
container: t,
|
||||
event: "scroll"
|
||||
};
|
||||
return n && o.extend(c, n),
|
||||
s = c.container === i || c.container === t ? e: o(c.container),
|
||||
0 === c.event.indexOf("scroll") && s.bind(c.event,
|
||||
function() {
|
||||
return p()
|
||||
}),
|
||||
r.each(function() {
|
||||
var t = this,
|
||||
a = o(t);
|
||||
t.loaded = !1,
|
||||
a.on("appear",
|
||||
function() {
|
||||
if (!t.loaded) {
|
||||
var o = a.attr("data-delay"),
|
||||
i = a.attr("data-ani");
|
||||
t.loaded = !0,
|
||||
a.css({
|
||||
visibility: "visible",
|
||||
"animation-delay": o,
|
||||
"-moz-animation-delay": o,
|
||||
"-webkit-animation-delay": o,
|
||||
"animation-name": i,
|
||||
"-moz-animation-name": i,
|
||||
"-webkit-animation-name": i
|
||||
})
|
||||
}
|
||||
})
|
||||
}),
|
||||
e.bind("resize",
|
||||
function() {
|
||||
p()
|
||||
}),
|
||||
o(a).ready(function() {
|
||||
p()
|
||||
}),
|
||||
this
|
||||
},
|
||||
o.abovethetop = function(a, n) {
|
||||
var p;
|
||||
return p = n.container === i || n.container === t ? e.scrollTop() : o(n.container).offset().top,
|
||||
p >= o(a).offset().top + n.threshold + o(a).height()
|
||||
},
|
||||
o.belowthefold = function(a, n) {
|
||||
var p;
|
||||
return p = n.container === i || n.container === t ? (t.innerHeight ? t.innerHeight: e.height()) + e.scrollTop() : o(n.container).offset().top + o(n.container).height(),
|
||||
p <= o(a).offset().top - n.threshold
|
||||
}
|
||||
} (jQuery, window, document),
|
||||
JPlaceHolder.prototype = {
|
||||
_check: function() {
|
||||
return "placeholder" in document.createElement("input")
|
||||
},
|
||||
init: function() {
|
||||
this._check() || this.fix()
|
||||
},
|
||||
fix: function() {
|
||||
this.container.find("input[placeholder],textarea[placeholder]").each(function() {
|
||||
var o = $(this),
|
||||
t = o.attr("placeholder");
|
||||
o.val(t),
|
||||
o.focusin(function() {
|
||||
var o = $(this);
|
||||
o.val() == t && o.val("")
|
||||
}).focusout(function() {
|
||||
var o = $(this);
|
||||
"" == o.val() && o.val(t)
|
||||
})
|
||||
})
|
||||
}
|
||||
};
|
||||
var Reg = {
|
||||
email: /^(\w-*\.*)+@(\w-?)+(\.\w{1,})+$/,
|
||||
password: /^.{6,20}/,
|
||||
code: /^.{4}$/,
|
||||
checkCode: /^.{4}$/,
|
||||
tel: /(^1[0-9]{10}$)|(^(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,8}$)/,
|
||||
companyName: /^.{1,50}$/,
|
||||
name: /^.{1,50}$/,
|
||||
message: /^.{1,500}$/,
|
||||
position: /.{0,50}$/
|
||||
},
|
||||
GetAttr = function(obj, attrStr) {
|
||||
if (void 0 == obj || void 0 == attrStr) return "";
|
||||
try {
|
||||
var result = eval("obj." + attrStr);
|
||||
return void 0 == result ? "": result
|
||||
} catch(ex) {
|
||||
return ""
|
||||
}
|
||||
},
|
||||
valiContent = function(o, t) {
|
||||
var t = t.find(".popbox-con"),
|
||||
a = t.find("input[name=" + o + "]");
|
||||
0 == a.length && (a = t.find("textarea[name=" + o + "]"));
|
||||
var i = a.closest(".popbox-inputbox").find(".popbox-input-tip"),
|
||||
e = a.attr("data-reg"),
|
||||
n = a.attr("data-tip");
|
||||
if (i.hide(), "checkbox" == a.attr("type")) var p = a.prop("checked") ? 1 : 0;
|
||||
else var p = $.trim(a.val());
|
||||
if ("cfmPassword" == e) {
|
||||
if (p !== t.find('input[name="password"]').val()) return i.html(n).show(),
|
||||
!1
|
||||
} else if ("checkbox" == a.attr("type")) {
|
||||
if (!p) return i.html(n).show(),
|
||||
!1
|
||||
} else {
|
||||
var s = Reg[e];
|
||||
if (!s.test(p)) return i.html(n).show(),
|
||||
!1
|
||||
}
|
||||
return p
|
||||
},
|
||||
valiDation = function(o, t) {
|
||||
if ($.isArray(o)) {
|
||||
for (var a = {},
|
||||
i = !0,
|
||||
e = o.length - 1; e >= 0; e--) {
|
||||
var n = o[e];
|
||||
a[n] = valiContent(n, t),
|
||||
a[n] === !1 && (i = !1)
|
||||
}
|
||||
return i ? a: !1
|
||||
}
|
||||
valiContent(o, t)
|
||||
},
|
||||
countDown = function(o) {
|
||||
o.addClass("cur"),
|
||||
o.html("60秒后获取");
|
||||
var t = 60,
|
||||
a = setInterval(function() {
|
||||
return t -= 1,
|
||||
0 == t ? (clearInterval(a), a = null, void o.html("点击获取验证码").removeClass("cur")) : void o.html(t + "秒后获取")
|
||||
},
|
||||
1e3)
|
||||
},
|
||||
setTipPop = function(o, t, a) {
|
||||
var t = t || 2600,
|
||||
i = "tip-pop err-pop";
|
||||
a && (i = "tip-pop");
|
||||
var e = $('<div class="' + i + '">' + o + "</div>");
|
||||
e.appendTo("body");
|
||||
var n = e.innerWidth(),
|
||||
p = e.innerHeight();
|
||||
e.css({
|
||||
marginTop: -p / 2,
|
||||
marginLeft: -n / 2
|
||||
}),
|
||||
e.animate({
|
||||
opacity: 1
|
||||
},
|
||||
600),
|
||||
setTimeout(function() {
|
||||
e.animate({
|
||||
opacity: 0
|
||||
},
|
||||
600,
|
||||
function() {
|
||||
e.remove()
|
||||
})
|
||||
},
|
||||
t)
|
||||
},
|
||||
setMinHeight = function() {
|
||||
var o = $(window).outerHeight(),
|
||||
t = $(".header").outerHeight(),
|
||||
a = $(".footer").outerHeight(),
|
||||
i = o - t - a;
|
||||
$(".main").css("min-height", i + "px")
|
||||
},
|
||||
formBounced = function(o) {
|
||||
$(".popbox").length > 0 && ($(".popbox").remove(), $(".popbox-wrap").remove()),
|
||||
window.scrollTo(0, 0),
|
||||
$("body").append(o)
|
||||
},
|
||||
throttle = function(o, t) {
|
||||
var a, i = o,
|
||||
e = !0;
|
||||
return function() {
|
||||
var o = arguments,
|
||||
n = this;
|
||||
return e ? (i.apply(n, o), e = !1) : a ? !1 : void(a = setTimeout(function() {
|
||||
clearTimeout(a),
|
||||
a = null,
|
||||
i.apply(n, o)
|
||||
},
|
||||
t || 30))
|
||||
}
|
||||
},
|
||||
browser = {
|
||||
versions: function() {
|
||||
{
|
||||
var o = navigator.userAgent;
|
||||
navigator.appVersion
|
||||
}
|
||||
return {
|
||||
trident: o.indexOf("Trident") > -1,
|
||||
presto: o.indexOf("Presto") > -1,
|
||||
webKit: o.indexOf("AppleWebKit") > -1,
|
||||
gecko: o.indexOf("Gecko") > -1 && -1 == o.indexOf("KHTML"),
|
||||
mobile: !!o.match(/AppleWebKit.*Mobile.*/),
|
||||
ios: !!o.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
|
||||
android: o.indexOf("Android") > -1 || o.indexOf("Linux") > -1,
|
||||
iPhone: o.indexOf("iPhone") > -1,
|
||||
iPad: o.indexOf("iPad") > -1,
|
||||
webApp: -1 == o.indexOf("Safari")
|
||||
}
|
||||
} (),
|
||||
language: (navigator.browserLanguage || navigator.language).toLowerCase()
|
||||
},
|
||||
scrollFn = function() {
|
||||
var o = $(window).scrollTop(),
|
||||
t = $(".back-top");
|
||||
o > 300 ? t.show() : t.hide()
|
||||
};
|
||||
/*$(".banner-owl").owlCarousel({
|
||||
items: 1,
|
||||
loop: !0,
|
||||
dots: !0,
|
||||
lazyLoad: !1,
|
||||
autoplay: !0,
|
||||
autoplayTimeout: 5e3,
|
||||
autoplayHoverPause: !0
|
||||
}),
|
||||
function(o) {
|
||||
var t = [".news-dynamic-owl", ".news-industry-owl", ".news-media-owl"],
|
||||
a = o(".news-box-tit"),
|
||||
i = (o(".news-container").find(".owl-carousel"), o(".case-item"));
|
||||
i.height(1.4375 * i.width()),
|
||||
o(".news-dynamic-owl").addClass("pass").owlCarousel({
|
||||
margin: 10,
|
||||
lazyLoad: !1,
|
||||
dots: !0,
|
||||
mouseDrag: !1,
|
||||
navText: ["", ""],
|
||||
loop: !0,
|
||||
nav: !0,
|
||||
autoplay: !0,
|
||||
autoplayTimeout: 4e3,
|
||||
autoplayHoverPause: !0,
|
||||
responsive: {
|
||||
0 : {
|
||||
items: 1
|
||||
},
|
||||
800 : {
|
||||
items: 2
|
||||
},
|
||||
1024 : {
|
||||
items: 3
|
||||
}
|
||||
}
|
||||
}),
|
||||
a.on("click",
|
||||
function() {
|
||||
var i = o(this);
|
||||
if (!i.hasClass("cur")) {
|
||||
var e = o(".news-box-nav").find(".cur"),
|
||||
n = e.index(),
|
||||
p = o(t[n]),
|
||||
s = i.index(),
|
||||
r = o(t[s]);
|
||||
a.removeClass("cur"),
|
||||
i.addClass("cur"),
|
||||
p.hide(),
|
||||
r.fadeIn(),
|
||||
r.hasClass("pass") || r.addClass("pass").owlCarousel({
|
||||
margin: 10,
|
||||
lazyLoad: !1,
|
||||
mouseDrag: !1,
|
||||
dots: !0,
|
||||
navText: ["", ""],
|
||||
loop: !0,
|
||||
nav: !0,
|
||||
autoplay: !0,
|
||||
autoplayTimeout: 4e3,
|
||||
autoplayHoverPause: !0,
|
||||
responsive: {
|
||||
0 : {
|
||||
items: 1
|
||||
},
|
||||
800 : {
|
||||
items: 2
|
||||
},
|
||||
1024 : {
|
||||
items: 3
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
} ($),
|
||||
$(".leader-owl").owlCarousel({
|
||||
items: 1,
|
||||
loop: !0,
|
||||
dots: !0,
|
||||
smartSpeed: 1e3,
|
||||
margin: 10,
|
||||
lazyLoad: !1,
|
||||
mouseDrag: !1,
|
||||
autoplay: !0,
|
||||
autoplayTimeout: 5500,
|
||||
autoplayHoverPause: !0
|
||||
}),
|
||||
$(".cooperation-owl").owlCarousel({
|
||||
loop: !0,
|
||||
dots: !1,
|
||||
nav: !0,
|
||||
lazyLoad: !1,
|
||||
navText: ["", ""],
|
||||
autoWidth: !0,
|
||||
autoplay: !0,
|
||||
autoplayTimeout: 3e3,
|
||||
autoplayHoverPause: !0
|
||||
}),*/
|
||||
$(".header-more").on("click",
|
||||
function() {
|
||||
$(".nav").stop().fadeToggle("slow")
|
||||
}),
|
||||
$(".back-top").on("click",
|
||||
function() {
|
||||
$("html,body").animate({
|
||||
scrollTop: 0
|
||||
},
|
||||
300)
|
||||
}),
|
||||
$(".submit-btn").on("click",
|
||||
function() {
|
||||
var o = {
|
||||
user: $.trim($(".input-name").val()),
|
||||
telphone: $.trim($(".input-tel").val()),
|
||||
email: $.trim($(".input-email").val()),
|
||||
message: $.trim($(".input-message").val())
|
||||
},
|
||||
o = valiDation(["user", "telphone", "email", "message"], $(".contactus-box"));
|
||||
o !== !1 && $.ajax({
|
||||
url: "/user/message",
|
||||
type: "POST",
|
||||
dataType: "json",
|
||||
data: o
|
||||
}).done(function(o) {
|
||||
200 == GetAttr(o, "meta.code") || 201 == GetAttr(o, "meta.code") ? (setTipPop("留言成功", 1600, !0), $(".contactus-input").val(""), new JPlaceHolder) : setTipPop(GetAttr(o, "meta.msg") || "系统处理异常！")
|
||||
}).fail(function() {
|
||||
setTipPop("系统处理异常！")
|
||||
})
|
||||
}),
|
||||
$(window).on("resize",
|
||||
function() {
|
||||
setMinHeight()
|
||||
}),
|
||||
$(".aside ul li.consulting").on("click",function() {
|
||||
$(".aside ul li.consulting").addClass("active");
|
||||
$(".consulting_box").css("right", "40px");
|
||||
}),
|
||||
$(".consulting_box .close").on("click",function() {
|
||||
$(".aside ul li.consulting").removeClass("active");
|
||||
$(".consulting_box").css("right", "-250px");
|
||||
}),
|
||||
$("#close").on("click",function () {
|
||||
$("#show").animate({
|
||||
width: '40px'
|
||||
}, 100);
|
||||
$('.aside,#close').animate({
|
||||
width: 0
|
||||
}, 100);
|
||||
}),
|
||||
$("#show").on("click", function () {
|
||||
$("#show").animate({
|
||||
width: '0px'
|
||||
}, 100);
|
||||
$('.aside,#close').animate({
|
||||
width: "40px"
|
||||
}, 100);
|
||||
}),
|
||||
window.onscroll = throttle(scrollFn, 30),
|
||||
$(document).ready(function() {
|
||||
setMinHeight(),
|
||||
new JPlaceHolder,
|
||||
$("img[data-src]").lazyload({
|
||||
data_attribute: "src",
|
||||
threshold: 350,
|
||||
skip_invisible: !1,
|
||||
effect: "fadeIn",
|
||||
placeholder: "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
|
||||
}),
|
||||
browser.versions.mobile ? ($(".nav-item-tail > .nav-item-a").attr("href", "javascript:void(0);"), $(".flap").addClass("flaped"), $(".icon-wx").on("click",
|
||||
function() {
|
||||
$(".footer-code").stop().fadeToggle()
|
||||
}), window.screen.availWidth >= 993 || $(document).width() >= 993 ? $("body").on("click.navClick", ".nav-item-tail",
|
||||
function() {
|
||||
var o = $(this).closest(".nav-item-tail").siblings(".nav-item-tail"),
|
||||
t = $(this).find(".nav-item-child");
|
||||
o.find(".nav-item-child").fadeOut(),
|
||||
t.stop().fadeToggle()
|
||||
}) : $("body").on("click.navClick", ".nav-item-tail",
|
||||
function() {
|
||||
var o = $(this).find(".nav-item-child");
|
||||
o.stop().fadeToggle()
|
||||
}), $(window).on("resize",
|
||||
function() {
|
||||
window.screen.availWidth >= 993 || $(document).width() >= 993 ? $("body").off("click.navClick").on("click.navClick", ".nav-item-tail",
|
||||
function() {
|
||||
var o = $(this).closest(".nav-item-tail").siblings(".nav-item-tail"),
|
||||
t = $(this).find(".nav-item-child");
|
||||
o.find(".nav-item-child").fadeOut(),
|
||||
t.stop().fadeToggle()
|
||||
}) : $("body").off("click.navClick").on("click.navClick", ".nav-item-tail",
|
||||
function() {
|
||||
var o = $(this).find(".nav-item-child");
|
||||
o.stop().fadeToggle()
|
||||
})
|
||||
}), $.getScript("",
|
||||
function() {
|
||||
FastClick.attach(document.body)
|
||||
})) : ($(".nav-item-tail").on("mouseenter",
|
||||
function() {
|
||||
var o = $(this).find(".nav-item-child");
|
||||
o.stop().fadeIn()
|
||||
}).on("mouseleave",
|
||||
function() {
|
||||
var o = $(this).find(".nav-item-child");
|
||||
o.stop().fadeOut()
|
||||
}), $(".icon-wx").on("mouseenter",
|
||||
function() {
|
||||
$(".footer-code").stop().fadeIn()
|
||||
}).on("mouseleave",
|
||||
function() {
|
||||
$(".footer-code").stop().fadeOut()
|
||||
}), $(".flap").flap())
|
||||
});
|
||||
@@ -0,0 +1,2 @@
|
||||
//本插件由www.swiper.com.cn提供
|
||||
function swiperAnimateCache(){for(allBoxes=window.document.documentElement.querySelectorAll(".ani"),i=0;i<allBoxes.length;i++)allBoxes[i].attributes["style"]?allBoxes[i].setAttribute("swiper-animate-style-cache",allBoxes[i].attributes["style"].value):allBoxes[i].setAttribute("swiper-animate-style-cache"," "),allBoxes[i].style.visibility="hidden"}function swiperAnimate(a){clearSwiperAnimate();var b=a.slides[a.activeIndex].querySelectorAll(".ani");for(i=0;i<b.length;i++)b[i].style.visibility="visible",effect=b[i].attributes["swiper-animate-effect"]?b[i].attributes["swiper-animate-effect"].value:"",b[i].className=b[i].className+" "+effect+" "+"animated",style=b[i].attributes["style"].value,duration=b[i].attributes["swiper-animate-duration"]?b[i].attributes["swiper-animate-duration"].value:"",duration&&(style=style+"animation-duration:"+duration+";-webkit-animation-duration:"+duration+";"),delay=b[i].attributes["swiper-animate-delay"]?b[i].attributes["swiper-animate-delay"].value:"",delay&&(style=style+"animation-delay:"+delay+";-webkit-animation-delay:"+delay+";"),b[i].setAttribute("style",style)}function clearSwiperAnimate(){for(allBoxes=window.document.documentElement.querySelectorAll(".ani"),i=0;i<allBoxes.length;i++)allBoxes[i].attributes["swiper-animate-style-cache"]&&allBoxes[i].setAttribute("style",allBoxes[i].attributes["swiper-animate-style-cache"].value),allBoxes[i].style.visibility="hidden",allBoxes[i].className=allBoxes[i].className.replace("animated"," "),allBoxes[i].attributes["swiper-animate-effect"]&&(effect=allBoxes[i].attributes["swiper-animate-effect"].value,allBoxes[i].className=allBoxes[i].className.replace(effect," "))}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 8.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 39 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
@@ -0,0 +1,644 @@
|
||||
<?php
|
||||
if(!defined('IN_CRONLITE'))exit();
|
||||
?>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<meta name="format-detection" content="telephone=yes">
|
||||
<title><?php echo $conf['title']?></title>
|
||||
<meta name="keywords" content="<?php echo $conf['keywords']?>">
|
||||
<meta name="description" content="<?php echo $conf['description']?>">
|
||||
<meta name="renderer" content="webkit">
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo STATIC_ROOT?>css/bootstrap_1107.css">
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo STATIC_ROOT?>css/common_1107.css">
|
||||
<!-- BANNER -->
|
||||
<link rel="stylesheet" href="<?php echo STATIC_ROOT?>css/idangerous.swiper2.7.6.css">
|
||||
<link rel="stylesheet" href="<?php echo $cdnpublic?>animate.css/3.7.2/animate.min.css">
|
||||
<link rel="stylesheet" href="<?php echo STATIC_ROOT?>css/style.css">
|
||||
<style>
|
||||
.jyb-banner-box {
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
position: absolute;
|
||||
top:0;
|
||||
opacity:0.7;
|
||||
overflow: hidden;
|
||||
}
|
||||
.jyb-banner-box >.jyb-banner-bg {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
</head>
|
||||
<body>
|
||||
<header class="header clearfix">
|
||||
<div class="container">
|
||||
<h1 class="pull-left">
|
||||
<a class="header-logo" href="/">
|
||||
<img class="header-logo-img" src="assets/img/logo.png" alt="<?php echo $conf['sitename']?>" />
|
||||
</a>
|
||||
</h1>
|
||||
<nav class="nav pull-right">
|
||||
<ul class="text-center menuul clearfix">
|
||||
<li class="nav-item">
|
||||
<a class="nav-item-a" href="/">首页<!-- <span class="nav-item-en">Solution</span> --></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-item-a" href="/doc.html">开发文档</a>
|
||||
</li>
|
||||
<?php if($conf['test_open']){?>
|
||||
<li class="nav-item">
|
||||
<a class="nav-item-a" href="/user/test.php">支付测试</a>
|
||||
</li><?php }?>
|
||||
<li class="nav-item log-li">
|
||||
<a class="log-b" href="/user/">登录</a><a class="log-a" href="/user/reg.php">注册</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
<a class="header-more pull-right" href="javascript:void(0);"><i></i></a>
|
||||
</div>
|
||||
</header>
|
||||
<div class="swiper-container">
|
||||
<a class="arrow-left" href="#"></a>
|
||||
<a class="arrow-right" href="#"></a>
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide slide1">
|
||||
<a href="#" class="inner">
|
||||
<!-- <img src="<?php echo STATIC_ROOT?>picture/xt1.png" class="ani img xt1" swiper-animate-effect="zoomInDown" swiper-animate-duration="1s" swiper-animate-delay="0s"> -->
|
||||
<img src="<?php echo STATIC_ROOT?>picture/bs2.png" class="ani img bs2" swiper-animate-effect="bounceInDown" swiper-animate-duration="1.5s" swiper-animate-delay="0s">
|
||||
<img src="<?php echo STATIC_ROOT?>picture/bs3.png" class="ani img bs3" swiper-animate-effect="bounceInLeft" swiper-animate-duration="2s" swiper-animate-delay="0.5s">
|
||||
</a>
|
||||
<div class="jyb-banner-box" id="jyb-banner-box"></div>
|
||||
</div>
|
||||
<div class="swiper-slide slide5">
|
||||
<div class="inner">
|
||||
<div class="banwuleft">
|
||||
<span class="ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s">用数据赋能你我<br/>让生意简单好做</span>
|
||||
<a class="ani" swiper-animate-effect="bounceInLeft" swiper-animate-duration="0.8s" swiper-animate-delay="0.5s" href="/user/reg.php">成为 <?php echo $conf['sitename']?> 商户 >></a><!--登陆地址-->
|
||||
</div>
|
||||
<div class="banwuright ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="0.4s" swiper-animate-delay="0.3s">
|
||||
<h6 class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s"><?php echo $conf['sitename']?> 伙伴计划</h6>
|
||||
<span class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s">共建 · 共享 · 开放</span>
|
||||
<p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s">无论您是传统产业、创业者或者互联网企业，诚邀您共建支付服务新生态。</p>
|
||||
<a class="ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s" href="https://wpa.qq.com/msgrd?v=3&uin=<?php echo $conf['kfqq']?>&Site=pay&Menu=yes" target="_blank">成为 <?php echo $conf['sitename']?> 合作伙伴 >></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide slide8">
|
||||
<a href="" class="inner">
|
||||
<img src="<?php echo STATIC_ROOT?>picture/a1.png" class="ani img zs1" swiper-animate-effect="bounceInLeft" swiper-animate-duration="1.5s" swiper-animate-delay="0s">
|
||||
<img src="<?php echo STATIC_ROOT?>picture/a2.png" class="ani img zs2" swiper-animate-effect="bounceInRight" swiper-animate-duration="2s" swiper-animate-delay="0.5s">
|
||||
</a>
|
||||
<div class="jyb-banner-box" id="jyb-banner-box"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pagination"></div>
|
||||
</div>
|
||||
|
||||
<main id="index-page" class="main">
|
||||
|
||||
<!--
|
||||
<section class="banner-owl owl-carousel">
|
||||
<a class="banner-item item" href="javascript:;" target="_blank"><img class="banner-item item" src="<?php echo STATIC_ROOT?>picture/ban001.jpg"></a>
|
||||
<a class="banner-item item" href="javascript:;" target="_blank"><img class="banner-item item" src="<?php echo STATIC_ROOT?>picture/ban002.jpg"></a>
|
||||
<a class="banner-item item" href="javascript:;" target="_blank"><img class="banner-item item" src="<?php echo STATIC_ROOT?>picture/ban003.jpg"></a>
|
||||
</section> -->
|
||||
<section class="box">
|
||||
<div class="tit flap" data-ani="fadeInDown" data-delay="0.1s">
|
||||
<p>产品中心<!-- / <em>Product Center</em> --></p>
|
||||
<span>提供支付接入方案，可在各种场景中轻松收款</span>
|
||||
</div>
|
||||
<div class="container product-box">
|
||||
<div class="row">
|
||||
<div class="col-md-6 row producttit">
|
||||
<div class="col-xs-4 col-md-4 col-lg-4">
|
||||
<a href="javascript:;" class="product-item product-item1 flap" data-ani="fadeInUp" data-delay="0.1s">
|
||||
<i class="product-item-img"></i>
|
||||
<h3 class="product-item-tit">快捷支付</h3>
|
||||
<!-- <p class="product-item-tit-en">Quick Pay</p>
|
||||
<p class="product-item-txt">无需开通网银，凭银行卡、身份信息及手机就能支付</p> -->
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-4 col-md-4 col-lg-4">
|
||||
<a href="javascript:;" class="product-item product-item2 flap" data-ani="fadeInUp" data-delay="0.1s">
|
||||
<i class="product-item-img"></i>
|
||||
<h3 class="product-item-tit">扫码支付</h3>
|
||||
<!-- <p class="product-item-tit-en">Scan To Pay</p>
|
||||
<p class="product-item-txt">可主动扫码或被动扫码，支付宝和微信双渠道接入</p> -->
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-4 col-md-4 col-lg-4">
|
||||
<a href="javascript:;" class="product-item product-item3 flap" data-ani="fadeInUp" data-delay="0.1s">
|
||||
<i class="product-item-img"></i>
|
||||
<h3 class="product-item-tit">公众号支付</h3>
|
||||
<!-- <p class="product-item-tit-en">Media Platform Pay</p>
|
||||
<p class="product-item-txt">微信公众号支付</p> -->
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-4 col-md-4 col-lg-4">
|
||||
<a href="javascript:;" class="product-item product-item4 flap" data-ani="fadeInUp" data-delay="0.5s">
|
||||
<i class="product-item-img"></i>
|
||||
<h3 class="product-item-tit">APP支付</h3>
|
||||
<!-- <p class="product-item-tit-en">APP Pay</p>
|
||||
<p class="product-item-txt">提供APP内的微信、支付宝、快捷等多种支付方式</p> -->
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-4 col-md-4 col-lg-4">
|
||||
<a href="javascript:;" class="product-item product-item5 flap" data-ani="fadeInUp" data-delay="0.5s">
|
||||
<i class="product-item-img"></i>
|
||||
<h3 class="product-item-tit">小程序支付</h3>
|
||||
<!-- <p class="product-item-tit-en">Small Program Pay</p>
|
||||
<p class="product-item-txt">微信小程序内提供微信支付</p> -->
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-4 col-md-4 col-lg-4">
|
||||
<a href="javascript:;" class="product-item product-item6 flap" data-ani="fadeInUp" data-delay="0.5s">
|
||||
<i class="product-item-img"></i>
|
||||
<h3 class="product-item-tit">H5支付</h3>
|
||||
<!-- <p class="product-item-tit-en">H5 Pay</p>
|
||||
<p class="product-item-txt">H5页面提供微信、支付宝及银联快捷等支付方式</p> -->
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-4 col-md-4 col-lg-4">
|
||||
<a href="javascript:;" class="product-item product-item7 flap" data-ani="fadeInUp" data-delay="0.9s">
|
||||
<i class="product-item-img"></i>
|
||||
<h3 class="product-item-tit">网关支付</h3>
|
||||
<!-- <p class="product-item-tit-en">Gateway Pay</p>
|
||||
<p class="product-item-txt">2秒支付、60秒支付自动更新</p> -->
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-4 col-md-4 col-lg-4">
|
||||
<a href="javascript:;" class="product-item product-item8 flap" data-ani="fadeInUp" data-delay="0.9s">
|
||||
<i class="product-item-img"></i>
|
||||
<h3 class="product-item-tit">企业收付款</h3>
|
||||
<!-- <p class="product-item-tit-en">Enterprise Collection And Pay</p>
|
||||
<p class="product-item-txt">为企业提供一站式便捷收单产品及付款服务</p> -->
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xs-4 col-md-4 col-lg-4">
|
||||
<a href="javascript:;" class="product-item product-item9 flap" data-ani="fadeInUp" data-delay="0.9s">
|
||||
<i class="product-item-img"></i>
|
||||
<h3 class="product-item-tit">跨境支付</h3>
|
||||
<!-- <p class="product-item-tit-en">Cross Border Pay</p>
|
||||
<p class="product-item-txt">提供收单、实名认证、报送海关等服务</p> -->
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 productmsg">
|
||||
<div class="productmsg-item flap" data-ani="fadeInDown" data-delay="0.1s">
|
||||
<img src="<?php echo STATIC_ROOT?>picture/item1-a.png" />
|
||||
<h6>快捷支付</h6>
|
||||
<span>Quick Pay</span>
|
||||
<p>可跨终端、跨平台、跨浏览器支付；</p>
|
||||
<p>不需开通网银，只需提供银行卡号、户名、手机号码等信息，银行验证手机动态口令，即可完成支付。</p>
|
||||
</div>
|
||||
<div class="productmsg-item flap" data-ani="fadeInDown" data-delay="0.1s">
|
||||
<img src="<?php echo STATIC_ROOT?>picture/item2-a.png" />
|
||||
<h6>扫码支付</h6>
|
||||
<span>Scan To Pay</span>
|
||||
<p>支付宝、微信双渠道接入，双层保障！</p>
|
||||
<p>可以自由选择主动扫码、被动扫码两种方式进行交易。</p>
|
||||
</div>
|
||||
<div class="productmsg-item flap" data-ani="fadeInDown" data-delay="0.1s">
|
||||
<img src="<?php echo STATIC_ROOT?>picture/item3-a.png" />
|
||||
<h6>公众号支付</h6>
|
||||
<span>Media Platform Pay</span>
|
||||
<p>基于新媒体时代的支付方式！</p>
|
||||
<p>微信公众号、支付宝服务窗内，唤起主程序完成交易。</p>
|
||||
</div>
|
||||
<div class="productmsg-item flap" data-ani="fadeInDown" data-delay="0.1s">
|
||||
<img src="<?php echo STATIC_ROOT?>picture/item4-a.png" />
|
||||
<h6>APP支付</h6>
|
||||
<span>APP Pay</span>
|
||||
<p>手机APP内，只需简单的几行代码，即可接入微信、支付宝、快捷等主流支付方式。</p>
|
||||
<p>用户可以依照自己的习惯选择喜欢的支付方式。</p>
|
||||
</div>
|
||||
<div class="productmsg-item flap" data-ani="fadeInDown" data-delay="0.1s">
|
||||
<img src="<?php echo STATIC_ROOT?>picture/item5-a.png" />
|
||||
<h6>小程序支付</h6>
|
||||
<span>Small Program Pay</span>
|
||||
<p>微信小程序应用或商家H5页面</p>
|
||||
<p>在页面内调用主程序JSSDK完成支付。</p>
|
||||
</div>
|
||||
<div class="productmsg-item flap" data-ani="fadeInDown" data-delay="0.1s">
|
||||
<img src="<?php echo STATIC_ROOT?>picture/item6-a.png" />
|
||||
<h6>H5支付</h6>
|
||||
<span>H5 Pay</span>
|
||||
<p>不依赖APP、公众号等媒介，普通网页中即可进行交易；</p>
|
||||
<p>几行代码简单接入，快速集成上线。多种主流支付渠道，自适应支付场景，PC端、WAP端、H5页面。</p>
|
||||
</div>
|
||||
<div class="productmsg-item flap" data-ani="fadeInDown" data-delay="0.1s">
|
||||
<img src="<?php echo STATIC_ROOT?>picture/item7-a.png" />
|
||||
<h6>网关支付</h6>
|
||||
<span>Gateway Pay</span>
|
||||
<p>2秒支付、60秒支付自动更新</p>
|
||||
</div>
|
||||
<div class="productmsg-item flap" data-ani="fadeInDown" data-delay="0.1s">
|
||||
<img src="<?php echo STATIC_ROOT?>picture/item8-a.png" />
|
||||
<h6>企业收付款</h6>
|
||||
<span>Enterprise Collection And Pay</span>
|
||||
<p>企业收款：为企业提供一站式便捷收单产品</p>
|
||||
<p>企业付款：提供单笔或多笔至指定银行的付款服务</p>
|
||||
</div>
|
||||
<div class="productmsg-item flap" data-ani="fadeInDown" data-delay="0.1s">
|
||||
<img src="<?php echo STATIC_ROOT?>picture/item9-a.png" />
|
||||
<h6>跨境支付</h6>
|
||||
<span>Cross Border Pay</span>
|
||||
<p>提供收单、实名认证、报送海关等服务</p>
|
||||
</div>
|
||||
<div class="productmsg-sitem flap" data-ani="fadeInRight" data-delay="0.1s">
|
||||
<h6>聚合主流通道，为您提供全方位支付体验</h6>
|
||||
<span>彻底告别繁琐的支付接入流程，7行代码、半小时搞定！</span>
|
||||
<p><?php echo $conf['sitename']?>为每一个需要支付服务的企业提供服务和技术支持，帮助企业快速的搭建自己的支付系统。</p>
|
||||
<p>现在如今，支付是商业变现必不可少的环节。我们聚合所有主流支付渠道，给你更简单、快捷的接入体验，同时提供简单易用的管理平台，让你可以集中进行跨渠道的交易管理和财务管理。</p>
|
||||
<p>我们致力于帮助企业快速和高质量地建立支付模块，满足企业任何支付场景的需求！</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="box bg-grey">
|
||||
<div class="ystit tit flap" data-ani="fadeInDown" data-delay="0.1s">
|
||||
<p>我们的优势<!-- / <em>Platform Advantage</em> --></p>
|
||||
<span>方便快捷的支付接入体验，让支付和收款更简单！</span>
|
||||
</div>
|
||||
<div class="container solution-box">
|
||||
<div class="row">
|
||||
<div class="ysright col-sm-12 col-md-6 col-lg-6 flap" data-ani="fadeInLeft" data-delay="0.1s">
|
||||
<dl class="ysldl1"><img src="<?php echo STATIC_ROOT?>picture/icon01.png" /></dl>
|
||||
<dd>
|
||||
<span>极简使用</span>
|
||||
<p>七行代码，极速完成，支付接入<br/>简洁的操作界面易于使用</p>
|
||||
</dd>
|
||||
</div>
|
||||
<div class="ysleft col-sm-12 col-md-6 col-lg-6 flap" data-ani="fadeInRight" data-delay="0.1s">
|
||||
<dl class="ysrdl1"><img src="<?php echo STATIC_ROOT?>picture/icon02.png" /></dl>
|
||||
<dd>
|
||||
<span>灵活便利</span>
|
||||
<p>产品服务灵活组合<br/>满足企业多元化业务需求</p>
|
||||
</dd>
|
||||
</div>
|
||||
<div class="ysright col-sm-12 col-md-6 col-lg-6 flap" data-ani="fadeInLeft" data-delay="0.1s">
|
||||
<dl class="ysldl2"><img src="<?php echo STATIC_ROOT?>picture/icon03.png" /></dl>
|
||||
<dd>
|
||||
<span>不介入资金流</span>
|
||||
<p>只负责交易处理不参与资金清算<br/>保障您的资金安全</p>
|
||||
</dd>
|
||||
</div>
|
||||
<div class="ysleft col-sm-12 col-md-6 col-lg-6 flap" data-ani="fadeInRight" data-delay="0.1s">
|
||||
<dl class="ysrdl2"><img src="<?php echo STATIC_ROOT?>picture/icon04.png" /></dl>
|
||||
<dd>
|
||||
<span>大数据</span>
|
||||
<p>运用交易数据分析功能<br/>了解公司运营状况</p>
|
||||
</dd>
|
||||
</div>
|
||||
<div class="ysright col-sm-12 col-md-6 col-lg-6 flap" data-ani="fadeInLeft" data-delay="0.1s">
|
||||
<dl class="ysldl1"><img src="<?php echo STATIC_ROOT?>picture/icon05.png" /></dl>
|
||||
<dd>
|
||||
<span>增值服务</span>
|
||||
<p>提供金融产品及技术服务<br/>帮助企业整合互联网金融</p>
|
||||
</dd>
|
||||
</div>
|
||||
<div class="ysleft col-sm-12 col-md-6 col-lg-6 flap" data-ani="fadeInRight" data-delay="0.1s">
|
||||
<dl class="ysrdl1"><img src="<?php echo STATIC_ROOT?>picture/icon06.png" /></dl>
|
||||
<dd>
|
||||
<span>安全稳定</span>
|
||||
<p>平台运行于阿里云计算中心<br/>多备份容灾保障</p>
|
||||
</dd>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="box nop-box">
|
||||
<div class="guangdiv">
|
||||
<h6 class="flap" data-ani="fadeInDown" data-delay="0.1s"><b><?php echo $conf['sitename']?></b>，做您身边的支付服务商</h6>
|
||||
<span class="flap" data-ani="fadeInDown" data-delay="0.3s">选择对的服务商能让您更快更好的迈进互联网金融时代</span>
|
||||
<a href="https://wpa.qq.com/msgrd?v=3&uin=<?php echo $conf['kfqq']?>&Site=pay&Menu=yes" target="_blank" class="flap" data-ani="fadeInUp" data-delay="0.5s">点击咨询</a>
|
||||
</div>
|
||||
</section>
|
||||
<section class="box case-box">
|
||||
<div class="tit flap" data-ani="fadeInDown" data-delay="0.1s">
|
||||
<p>特色与服务<!-- / <em>Features and Services</em> --></p>
|
||||
<span>高额佣金激励回报，打造支付合作共赢生态圈</span>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<ul class="teseul row">
|
||||
<li class="col-lg-2 col-sm-4 col-xs-6 flap" data-ani="fadeInUp" data-delay="0.1s">
|
||||
<img src="<?php echo STATIC_ROOT?>picture/tes01.png" />
|
||||
<span>支付能力</span>
|
||||
<p>让接入支付变的简单方便，随处可得</p>
|
||||
</li>
|
||||
<li class="col-lg-2 col-sm-4 col-xs-6 flap" data-ani="fadeInUp" data-delay="0.1s">
|
||||
<img src="<?php echo STATIC_ROOT?>picture/tes02.png" />
|
||||
<span>资源共享</span>
|
||||
<p>丰富的外部资源提高顾客忠诚度</p>
|
||||
</li>
|
||||
<li class="col-lg-2 col-sm-4 col-xs-6 flap" data-ani="fadeInUp" data-delay="0.1s">
|
||||
<img src="<?php echo STATIC_ROOT?>picture/tes03.png" />
|
||||
<span>准确营销</span>
|
||||
<p>利用支付数据找到有价值的顾客</p>
|
||||
</li>
|
||||
<li class="col-lg-2 col-sm-4 col-xs-6 flap" data-ani="fadeInUp" data-delay="0.1s">
|
||||
<img src="<?php echo STATIC_ROOT?>picture/tes04.png" />
|
||||
<span>专业产品</span>
|
||||
<p>满足商家多样的管理、收银、营销等诉求</p>
|
||||
</li>
|
||||
<li class="col-lg-2 col-sm-4 col-xs-6 flap" data-ani="fadeInUp" data-delay="0.1s">
|
||||
<img src="<?php echo STATIC_ROOT?>picture/tes05.png" />
|
||||
<span>技术支持</span>
|
||||
<p>快速响应，7x24小时为您解答各类技术问题</p>
|
||||
</li>
|
||||
<li class="col-lg-2 col-sm-4 col-xs-6 flap" data-ani="fadeInUp" data-delay="0.1s">
|
||||
<img src="<?php echo STATIC_ROOT?>picture/tes06.png" />
|
||||
<span>合作伙伴</span>
|
||||
<p>高额激励回报，打造合作共赢生态</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="row txfwitem">
|
||||
<div class="col-lg-6 col-sm-12 flap" data-ani="fadeInLeft" data-delay="0.1s">
|
||||
<img src="<?php echo STATIC_ROOT?>picture/tsimg01.png" />
|
||||
</div>
|
||||
<div class="col-lg-6 col-sm-12 flap" data-ani="fadeInRight" data-delay="0.1s">
|
||||
<h6>专业的技术团队与行业资源</h6>
|
||||
<p>专业的技术团队与丰富的行业资源保障稳定、便捷的产品和服务。</p>
|
||||
<p>通过SDK接入多种主流通道，用saas模式创建商户交易管理系统，您无须投入技术团队和通道资源也能够实现自己的支付系统、管理自己的交易订单。</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row txfwitem">
|
||||
<div class="col-lg-6 col-sm-12 flap" data-ani="fadeInLeft" data-delay="0.1s">
|
||||
<h6>一站式的平台管理系统</h6>
|
||||
<p><?php echo $conf['sitename']?>开放平台——渠道分层管理系统。</p>
|
||||
<p>无论是平台自营或是代理，均能进行层级管理，全局把控交易和财务，实现自由灵活的商户交易管理，并能与合作伙伴便捷分享利益。</p>
|
||||
</div>
|
||||
<div class="col-lg-6 col-sm-12 flap" data-ani="fadeInRight" data-delay="0.1s">
|
||||
<img src="<?php echo STATIC_ROOT?>picture/tsimg02.png" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="row txfwitem">
|
||||
<div class="col-lg-6 col-sm-12 flap" data-ani="fadeInLeft" data-delay="0.1s">
|
||||
<img src="<?php echo STATIC_ROOT?>picture/tsimg03.png" />
|
||||
</div>
|
||||
<div class="col-lg-6 col-sm-12 flap" data-ani="fadeInRight" data-delay="0.1s">
|
||||
<h6>便捷的商户管理平台</h6>
|
||||
<p><?php echo $conf['sitename']?>开放平台——商户支付管理系统。</p>
|
||||
<p>它能够满足企业集中式管理支付应用，进行快速的财务对账，便捷的交易与结算查询，更有商业智能BI帮助企业分析经营。</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row txfwitem">
|
||||
<div class="col-lg-6 col-sm-12 flap" data-ani="fadeInLeft" data-delay="0.1s">
|
||||
<h6>简便的全流程自助服务</h6>
|
||||
<p>我们提倡开放便捷共享，平台提供方便简易的入网申请、在线接口联调、测试上线等自助式操作功能，化繁为简，一杯咖啡时间帮助你接入支付。</p>
|
||||
<p>同时平台全面提供7*24小时客户服务，保障客户问题随时得到处理解决。</p>
|
||||
</div>
|
||||
<div class="col-lg-6 col-sm-12 flap" data-ani="fadeInRight" data-delay="0.1s">
|
||||
<img src="<?php echo STATIC_ROOT?>picture/tsimg04.png" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
<section class="box nop-box">
|
||||
<div class="ggchidiv">
|
||||
<span class="flap" data-ani="fadeInDown" data-delay="0.5s">我们具有专业的技术团队和丰富的行业资源，旨在帮助企业快速便捷地实现自己的支付功能。<br/>我们以开放云平台的新模式，着力发扬“开放、共建、共享”的理念，提供标准化的支付产品与服务，共享金融大数据资源。</span>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row footxxdiv">
|
||||
<div class="col-lg-8 col-xs-12">
|
||||
<img src="assets/img/logo.png" class="flap" data-ani="fadeInLeft" data-delay="0.2s"/>
|
||||
<dd class="ksdhdd flap" data-ani="fadeInUp" data-delay="0.3s">
|
||||
<b>快速导航：</b>
|
||||
<a href="/">首页</a>
|
||||
<a href="/doc.html" target="_blank">开发文档</a><span class="dwCommonFooter__split">|</span>
|
||||
<a href="/agreement.html" target="_blank">服务条款</a><span class="dwCommonFooter__split">|</span>
|
||||
<a href="/user/" target="_blank">用户中心</a>
|
||||
<dd class="ksdhdd flap" data-ani="fadeInUp" data-delay="0.3s">
|
||||
<b>举报邮箱：</b>
|
||||
<a class="dwCommonFooter__txt"><?php echo $conf['email']?></a>
|
||||
</dd>
|
||||
</dd>
|
||||
</div>
|
||||
<div class="col-lg-4 col-xs-12">
|
||||
<dd class="lxfsdd flap" data-ani="fadeInRight" data-delay="0.5s">
|
||||
<b>联系方式：</b><br/>
|
||||
<b><?php echo $conf['orgname']?></b>
|
||||
<p>ＱＱ：<a href="https://wpa.qq.com/msgrd?v=3&uin=<?php echo $conf['kfqq']?>&Site=pay&Menu=yes" target="_blank"><?php echo $conf['kfqq']?></a></p>
|
||||
<p>网址：<?php echo $siteurl?></p>
|
||||
<p>邮箱：<a href="mailto:<?php echo $conf['email']?>"><?php echo $conf['email']?></a></p>
|
||||
</dd>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-copyright">
|
||||
<div class="container clearfix">
|
||||
<div class="footer-info pull-right flap" data-ani="fadeInUp" data-delay="0.5s">
|
||||
<div class="footer-login">
|
||||
<a class="lonin-btn" href="/user/">登录</a> /
|
||||
<a class="register-btn" href="/user/reg.php">注册</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-left flap" data-ani="fadeInUp" data-delay="0.5s" style="height: 80px;width:auto">
|
||||
<p><?php echo $conf['footer']?></p><p><?php echo $conf['sitename']?> © <?php echo date("Y")?> All Rights Reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a class="back-top" href="javascript:void(0);"><i class="back-top-icon"></i></a>
|
||||
</footer>
|
||||
|
||||
<script src="<?php echo $cdnpublic?>jquery/3.4.1/jquery.min.js"></script>
|
||||
<script src="<?php echo $cdnpublic?>jquery.lazyload/1.9.1/jquery.lazyload.min.js"></script>
|
||||
<script src="<?php echo STATIC_ROOT?>js/my_js_1107.js"></script>
|
||||
|
||||
<!-- BANNER -->
|
||||
<script src="<?php echo STATIC_ROOT?>js/idangerous.swiper2.7.6.min.js"></script>
|
||||
<script src="<?php echo STATIC_ROOT?>js/swiper.animate1.0.2.min.js"></script>
|
||||
<script src="<?php echo $cdnpublic?>three.js/56/three.min.js"></script>
|
||||
<!-- BANNER -->
|
||||
<script type="text/javascript">
|
||||
|
||||
//初始化动态
|
||||
ajax("terraceState",12);
|
||||
//初始化帮助
|
||||
ajax("helpCenter",12);
|
||||
//初始化行业
|
||||
ajax("industryConsult",12);
|
||||
function ajax(type,number){
|
||||
$.ajax({
|
||||
type:'POST',
|
||||
url:'' + '',
|
||||
data:{
|
||||
type:type,
|
||||
num:number,
|
||||
},
|
||||
dataType:"json",
|
||||
success:function(result){
|
||||
var data = result.rows;
|
||||
$.each(data,function(index,obj){
|
||||
if(obj.status==1){
|
||||
$("#"+type+"").append("<li><a class='news-item item diynews' href="+obj.linkurl+"?id="+obj.id+" title="+obj.name+" target='view_window'>"
|
||||
+"<span>"+splitStr(obj.cratetime)+" | </span>"+obj.name+"</a>");
|
||||
$("#"+type+"").append("");
|
||||
}
|
||||
})
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
function splitStr(data){
|
||||
str=data; //这是一字符串
|
||||
var strs= new Array(); //定义一数组
|
||||
strs=str.split(" "); //字符分割
|
||||
for (i=0;i< strs.length ;i++ )
|
||||
{
|
||||
return(strs[i]);
|
||||
}
|
||||
}
|
||||
|
||||
var mySwiper = new Swiper ('.swiper-container', {
|
||||
pagination: '.pagination',
|
||||
paginationClickable :true,
|
||||
autoplay : 10000,
|
||||
speed:300,
|
||||
//loop:true,
|
||||
//autoplayDisableOnInteraction : true,
|
||||
|
||||
onInit: function(swiper){ //Swiper2.x的初始化是onFirstInit
|
||||
swiperAnimateCache(swiper); //隐藏动画元素
|
||||
swiperAnimate(swiper); //初始化完成开始动画
|
||||
},
|
||||
onSlideChangeEnd: function(swiper){
|
||||
swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
|
||||
}
|
||||
})
|
||||
$('.arrow-left').on('click', function(e){
|
||||
e.preventDefault()
|
||||
mySwiper.swipePrev()
|
||||
})
|
||||
$('.arrow-right').on('click', function(e){
|
||||
e.preventDefault()
|
||||
mySwiper.swipeNext()
|
||||
})
|
||||
|
||||
</script>
|
||||
<script>
|
||||
var SEPARATION = 100, AMOUNTX = 50, AMOUNTY = 50;
|
||||
var container;
|
||||
var camera, scene, renderer;
|
||||
var particles, particle, count = 0;
|
||||
var mouseX = 0, mouseY = 0;
|
||||
var windowHalfX = window.innerWidth / 2;
|
||||
var windowHalfY = window.innerHeight / 2;
|
||||
|
||||
if(window.innerWidth >= "450"){
|
||||
init();
|
||||
animate();
|
||||
}
|
||||
|
||||
function init() {
|
||||
container = document.createElement( 'div' );
|
||||
var containerObj = $(container);
|
||||
containerObj.addClass("jyb-banner-bg");
|
||||
$("#jyb-banner-box").append(containerObj);
|
||||
//document.body.appendChild( container );
|
||||
camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 1, 10000 );
|
||||
camera.position.z = 1000;
|
||||
scene = new THREE.Scene();
|
||||
particles = new Array();
|
||||
var PI2 = Math.PI * 2;
|
||||
var material = new THREE.ParticleCanvasMaterial({
|
||||
color: 0xffffff,
|
||||
program: function ( context ) {
|
||||
context.beginPath();
|
||||
context.arc( 0, 0, 1, 0, PI2, true );
|
||||
context.fill();
|
||||
}
|
||||
});
|
||||
var i = 0;
|
||||
for ( var ix = 0; ix < AMOUNTX; ix ++ ) {
|
||||
for ( var iy = 0; iy < AMOUNTY; iy ++ ) {
|
||||
particle = particles[ i ++ ] = new THREE.Particle( material );
|
||||
particle.position.x = ix * SEPARATION - ( ( AMOUNTX * SEPARATION ) / 2 );
|
||||
particle.position.z = iy * SEPARATION - ( ( AMOUNTY * SEPARATION ) / 2 );
|
||||
scene.add( particle );
|
||||
}
|
||||
}
|
||||
renderer = new THREE.CanvasRenderer();
|
||||
renderer.setSize( window.innerWidth, window.innerHeight );
|
||||
container.appendChild( renderer.domElement );
|
||||
document.addEventListener( 'mousemove', onDocumentMouseMove, false );
|
||||
document.addEventListener( 'touchstart', onDocumentTouchStart, false );
|
||||
document.addEventListener( 'touchmove', onDocumentTouchMove, false );
|
||||
window.addEventListener( 'resize', onWindowResize, false );
|
||||
}
|
||||
|
||||
function onWindowResize() {
|
||||
windowHalfX = window.innerWidth / 2;
|
||||
windowHalfY = window.innerHeight / 2;
|
||||
camera.aspect = window.innerWidth / window.innerHeight;
|
||||
camera.updateProjectionMatrix();
|
||||
renderer.setSize( window.innerWidth, window.innerHeight );
|
||||
}
|
||||
|
||||
function onDocumentMouseMove( event ) {
|
||||
mouseX = event.clientX - windowHalfX;
|
||||
mouseY = event.clientY - windowHalfY;
|
||||
}
|
||||
|
||||
function onDocumentTouchStart( event ) {
|
||||
if ( event.touches.length === 1 ) {
|
||||
event.preventDefault();
|
||||
mouseX = event.touches[ 0 ].pageX - windowHalfX;
|
||||
mouseY = event.touches[ 0 ].pageY - windowHalfY;
|
||||
}
|
||||
}
|
||||
|
||||
function onDocumentTouchMove( event ) {
|
||||
if ( event.touches.length === 1 ) {
|
||||
event.preventDefault();
|
||||
mouseX = event.touches[ 0 ].pageX - windowHalfX;
|
||||
mouseY = event.touches[ 0 ].pageY - windowHalfY;
|
||||
}
|
||||
}
|
||||
|
||||
function animate() {
|
||||
requestAnimationFrame( animate );
|
||||
render();
|
||||
}
|
||||
|
||||
function render() {
|
||||
camera.position.x += ( mouseX - camera.position.x ) * .05;
|
||||
camera.position.y += ( - mouseY - camera.position.y ) * .05;
|
||||
camera.lookAt( scene.position );
|
||||
var i = 0;
|
||||
for ( var ix = 0; ix < AMOUNTX; ix ++ ) {
|
||||
for ( var iy = 0; iy < AMOUNTY; iy ++ ) {
|
||||
particle = particles[ i++ ];
|
||||
particle.position.y = ( Math.sin( ( ix + count ) * 0.3 ) * 50 ) + ( Math.sin( ( iy + count ) * 0.5 ) * 50 );
|
||||
particle.scale.x = particle.scale.y = ( Math.sin( ( ix + count ) * 0.3 ) + 1 ) * 2 + ( Math.sin( ( iy + count ) * 0.5 ) + 1 ) * 2;
|
||||
}
|
||||
}
|
||||
renderer.render( scene, camera );
|
||||
count += 0.1;
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
Reference in new issue
Block a user