@charset "utf-8"; /* CSS Document */ .particle-canvas {width: 105%;height: 100vh; background:#280a38;background: linear-gradient(to bottom, rgb(12, 7, 87) 0%,rgb(85, 11, 87) 100%);vertical-align: middle;} .index-banwrap{position:relative;width:100%;height:0;padding-bottom:47.4542%;overflow:hidden} .index-banwrap .index-banner{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%} .index-banwrap .index-banner .bx-wrapper{width:100%;height:100%} .index-banwrap .index-banner .bx-viewport{width:100%;height:100%} .index-banwrap .index-banner .slides:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;*display:none} .index-banwrap .index-banner .slides{*zoom:1} .index-banner .slides{width:300%} .index-banner .slides li{float:left;width:33.3333%;overflow:hidden} .index-banner .linerbg{position:absolute;left:0;top:0;width:100%;z-index:30;height:140px;background:url("../images/hdbanbg01.png") repeat-x 0 0} .index-banner a{display:block} .index-banner img{display:block;max-width:none;width:100%} .index-banner li{position:relative} .index-banner li .m-line-more{display:none;visibility:hidden} .index-banner .flex-direction-nav{display:none} .index-banner .flex-control-nav{z-index:20;bottom:38px} .index-banner .flex-control-nav li{margin:0 3px;line-height:0;height:2px;width:94px;background-color:#fff} .index-banner .flex-control-nav .cur{background-color:#f97b15} .index-banner .flex-control-nav a{-webkit-border-radius:0;border-radius:0;width:94px;height:2px;background:none;-webkit-box-shadow:none;box-shadow:none;opacity:1;-webkit-transition:all ease 0.3s;-o-transition:all ease 0.3s;-moz-transition:all ease 0.3s;transition:all ease 0.3s;padding:15px 0;margin-top:-16px} .index-banner .flex-control-nav .flex-active{opacity:1;background:none} .index-banner .slide01 .imgpopup{position:absolute;right:0;bottom:0;z-index:3;width:72.39583%} .index-banner .slide01 .imgpopup img{vertical-align:top;width:100%} .index-banner .slide01 .textpopup{position:absolute;top:32.5%;left:50%;z-index:9999999;letter-spacing:2px; margin-left:-800px;color:#fff} .index-banner .slide01 .tit{margin-bottom:25px;font-size:60px;line-height:60px;letter-spacing:4px; width:72.39583%;news_list_space:nowrap;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s} .index-banner .slide01 .tit1{margin-bottom:25px;font-size:60px;line-height:60px;letter-spacing:4px; width:95.39583%;news_list_space:nowrap;-webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;transition-delay:0.5s} .index-banner .slide01 .txt{ margin-top:30px; margin-bottom:52px;font-size:26px;line-height:38px;-webkit-transition-delay:0.6s;-moz-transition-delay:0.6s;-o-transition-delay:0.6s;transition-delay:0.6s;news_list_space:nowrap} .index-banner .slide01 .m-line-more{-webkit-transition-delay:0.6s;-moz-transition-delay:0.6s;-o-transition-delay:0.6s;transition-delay:0.6s;width:72.39583%;width:138px;border-color:#a19583;color:#fff} .index-banner .slide01 .m-line-more:hover{color:#fff} .index-banner .slide01 .m-line-more:hover::after{background-color:#a19583} .index-banner .slide01 .before{-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px);-webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;opacity:0} .index-banner .slide01 .after{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1} .index-banner .slide02 .imgpopup02 .before{-webkit-transform:translate(80px, 60px);-moz-transform:translate(80px, 60px);-ms-transform:translate(80px, 60px);-o-transform:translate(80px, 60px);transform:translate(80px, 60px);-webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;opacity:0} .index-banner .slide02 .imgpopup02 .after{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);opacity:1} .index-banner .slide02 .imgpopup02 img{position:absolute;z-index:10;width:auto} .index-banner .slide02 .imgpopup02 .pop01{ top:28.5%;left:50.34375%;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s} .index-banner .slide02 .imgpopup02 .pop02{ top:38.375%;left:76.04167%;-webkit-transition-delay:0.4s;-moz-transition-delay:0.4s;-o-transition-delay:0.4s;transition-delay:0.4s} .index-banner .slide02 .imgpopup02 .pop03{ top:48%;left:45.22917%;-webkit-transition-delay:0.4s;-moz-transition-delay:0.4s;-o-transition-delay:0.4s;transition-delay:0.4s} .index-banner .slide02 .imgpopup02 .pop04{ top:78%;left:46.22917%;-webkit-transition-delay:0.9s;-moz-transition-delay:0.9s;-o-transition-delay:0.9s;transition-delay:0.9s} .index-banner .slide02 .textpopup{position:absolute;top:32.5%;left:50%;z-index:20;letter-spacing:2px; margin-left:-800px;color:#fff} .index-banner .slide02 .tit{margin-bottom:25px;font-size:60px;line-height:60px; letter-spacing:4px; width:72.39583%;news_list_space:nowrap;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s} .index-banner .slide02 .tit1{margin-bottom:25px;font-size:60px;line-height:60px; font-weight:600;letter-spacing:4px; width:82.39583%;news_list_space:nowrap;-webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;transition-delay:0.5s} .index-banner .slide02 .txt{ margin-top:30px; margin-bottom:52px;font-size:26px;line-height:38px;-webkit-transition-delay:0.7s;-moz-transition-delay:0.7s;-o-transition-delay:0.7s;transition-delay:0.7s;news_list_space:nowrap} .index-banner .slide02 .before{-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px);-webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;opacity:0} .index-banner .slide02 .after{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1} .index-banner .slide03{position:relative} .index-banner .slide03 .textpopup03{position:absolute;top:32.5%;left:50%;letter-spacing:2px; z-index:20;margin-left:-800px;color:#fff} .index-banner .slide03 .textpopup03 .ico{margin-bottom:26px} .index-banner .slide03 .textpopup03 .ico img{width:auto} .index-banner .slide03 .textpopup03 .tit{-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;font-size:60px;line-height:60px;margin-bottom:25px;letter-spacing:4px; color:#fff} .index-banner .slide03 .textpopup03 .tit1{-webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;transition-delay:0.5s;font-size:60px;line-height:60px;margin-bottom:25px; font-weight:600;letter-spacing:4px; color:#fff} .index-banner .slide03 .textpopup03 .txt{ margin-top:30px; margin-bottom:52px;font-size:26px;line-height:38px;-webkit-transition-delay:0.6s;-moz-transition-delay:0.6s;-o-transition-delay:0.6s;transition-delay:0.6s;news_list_space:nowrap} .index-banner .slide03 .textpopup03 .m-line-more{border-color:#fff;color:#fff;-webkit-transition-delay:0.8s;-moz-transition-delay:0.8s;-o-transition-delay:0.8s;transition-delay:0.8s} .index-banner .slide03 .textpopup03 .m-line-more::after{background-color:#fff} .index-banner .slide03 .textpopup03 .before{-webkit-transform:translateY(60px);-moz-transform:translateY(60px);-ms-transform:translateY(60px);-o-transform:translateY(60px);transform:translateY(60px);-webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;opacity:0} .index-banner .slide03 .textpopup03 .after{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1} .index-banner .slide03 .imgpopup03 .before{-webkit-transform:translate(80px, 60px);-moz-transform:translate(80px, 60px);-ms-transform:translate(80px, 60px);-o-transform:translate(80px, 60px);transform:translate(80px, 60px);-webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;opacity:0} .index-banner .slide03 .imgpopup03 .after{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);opacity:1} .index-banner .slide03 .imgpopup03 img{position:absolute;z-index:10;width:auto} .index-banner .slide03 .imgpopup03 .pop01{ top:70.5%;left:35.34375%;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s} .index-banner .slide03 .imgpopup03 .pop04{ top:57.675%;left:34.29167%;-webkit-transition-delay:0.6s;-moz-transition-delay:0.6s;-o-transition-delay:0.6s;transition-delay:0.6s} .index-banner .slide03 .imgpopup03 .pop02{ top:68.375%;left:53.04167%;-webkit-transition-delay:0.9s;-moz-transition-delay:0.9s;-o-transition-delay:0.9s;transition-delay:0.9s} .index-banner .slide03 .imgpopup03 .pop03{ top:48%;left:65.22917%;-webkit-transition-delay:0.4s;-moz-transition-delay:0.4s;-o-transition-delay:0.4s;transition-delay:0.4s} .index-banner .slide03 .imgpopup03 .pop05{ top:80.875%;left:32.29167%;-webkit-transition-delay:0.6s;-moz-transition-delay:0.6s;-o-transition-delay:0.6s;transition-delay:0.6s} .index-banner .slide04{position:relative} .index-banner .slide04 .textpopup{position:absolute;top:33%;left:50%;z-index:20;letter-spacing:2px; margin-left:-800px;color:#fff;} .index-banner .slide04 .textpopup .tit{margin-bottom:25px; font-size:60px; line-height:60px;width:72.39583%;letter-spacing:4px; news_list_space:nowrap;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s} .index-banner .slide04 .textpopup .tit1{margin-bottom:25px; font-size:60px; font-weight:600;line-height:60px;width:72.39583%;letter-spacing:4px; news_list_space:nowrap;-webkit-transition-delay:0.4s;-moz-transition-delay:0.4s;-o-transition-delay:0.4s;transition-delay:0.4s} .index-banner .slide04 .textpopup .txt{ margin-top:30px; margin-bottom:52px;font-size:26px;line-height:38px;-webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;transition-delay:0.5s;news_list_space:nowrap} .index-banner .slide04 .textpopup .m-line-more{-webkit-transition-delay:0.7s;-moz-transition-delay:0.7s;-o-transition-delay:0.7s;transition-delay:0.7s;width:72.39583%;width:138px;border-color:#fff;color:#fff} .index-banner .slide04 .textpopup .m-line-more::after{background-color:#fff} .index-banner .slide04 .textpopup .m-line-more:hover{color:#fff} .index-banner .slide04 .textpopup .m-line-more:hover::after{background-color:#fff} .index-banner .slide04 .textpopup .before{-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px);-webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;opacity:0} .index-banner .slide04 .textpopup .after{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1} .index-banner .slide04 .imgpopup img{position:absolute;z-index:10; width:auto;} .index-banner .slide04 .imgpopup .pop01{top:20.375%;left:35.90625%;-webkit-transition-delay:0.9s;-moz-transition-delay:0.9s;-o-transition-delay:0.9s;transition-delay:0.9s} .index-banner .slide04 .imgpopup .pop02{top:4%;left:58.24167%; -webkit-transition-delay:0.6s;-moz-transition-delay:0.6s;-o-transition-delay:0.6s;transition-delay:0.6s} .index-banner .slide04 .imgpopup .pop03{top:30.375%;left:55.1125%; -webkit-transition-delay:0.6s;-moz-transition-delay:0.6s;-o-transition-delay:0.6s;transition-delay:0.6s} .index-banner .slide04 .imgpopup .pop04{top:-21.8%;left:61.57292%; -webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s} .index-banner .slide04 .imgpopup .pop05{top:-8%;left:80.625%;-webkit-transition-delay:0.2s;-moz-transition-delay:0.2s;-o-transition-delay:0.2s;transition-delay:0.2s} .index-banner .slide04 .imgpopup .pop06{top:83.5%;left:48.29167%; -webkit-transition-delay:0.6s;-moz-transition-delay:0.6s;-o-transition-delay:0.6s;transition-delay:0.6s } .index-banner .slide04 .imgpopup .pop07{top:18.125%;left:77.32292%; -webkit-transition-delay:0.7s;-moz-transition-delay:0.7s;-o-transition-delay:0.7s;transition-delay:0.7s} .index-banner .slide04 .imgpopup .pop08{top:56.8%;left:51.45167%; -webkit-transition-delay:0.6s;-moz-transition-delay:0.6s;-o-transition-delay:0.6s;transition-delay:0.6s } .index-banner .slide04 .imgpopup .pop09{top:44.525%;left:74.02292%; -webkit-transition-delay:0.4s;-moz-transition-delay:0.4s;-o-transition-delay:0.4s;transition-delay:0.4s} .index-banner .slide04 .imgpopup .pop10{top:70.8%;left:70.45167%;-webkit-transition-delay:1.2s;-moz-transition-delay:1.2s;-o-transition-delay:1.2s;transition-delay:1.2s } .index-banner .slide04 .imgpopup .pop11{top:57.525%;left:93.02292%;-webkit-transition-delay:1.2s;-moz-transition-delay:1.2s;-o-transition-delay:1.2s;transition-delay:1.2s } .index-banner .slide04 .imgpopup .pop01.before{-webkit-transform:translate(-120px, 120px);-moz-transform:translate(-120px, 120px);-ms-transform:translate(-120px, 120px);-o-transform:translate(-120px, 120px);transform:translate(-120px, 120px)} .index-banner .slide04 .imgpopup .pop02.before{-webkit-transform:translate(-120px, 120px);-moz-transform:translate(-120px, 120px);-ms-transform:translate(-120px, 120px);-o-transform:translate(-120px, 120px);transform:translate(-120px, 120px)} .index-banner .slide04 .imgpopup .pop03.before{-webkit-transform:translate(120px, -120px);-moz-transform:translate(120px, -120px);-ms-transform:translate(120px, -120px);-o-transform:translate(120px, -120px);transform:translate(120px, -120px)} .index-banner .slide04 .imgpopup .pop04.before{-webkit-transform:translate(120px, -120px);-moz-transform:translate(120px, -120px);-ms-transform:translate(120px, -120px);-o-transform:translate(120px, -120px);transform:translate(120px, -120px)} .index-banner .slide04 .imgpopup .pop05.before{-webkit-transform:translate(120px, -120px);-moz-transform:translate(120px, -120px);-ms-transform:translate(120px, -120px);-o-transform:translate(120px, -120px);transform:translate(120px, -120px)} .index-banner .slide04 .imgpopup .pop06.before{-webkit-transform:translate(-120px, 120px);-moz-transform:translate(-120px, 120px);-ms-transform:translate(-120px, 120px);-o-transform:translate(-120px, 120px);transform:translate(-120px, 120px)} .index-banner .slide04 .imgpopup .pop07.before{-webkit-transform:translate(-120px, 120px);-moz-transform:translate(-120px, 120px);-ms-transform:translate(-120px, 120px);-o-transform:translate(-120px, 120px);transform:translate(-120px, 120px)} .index-banner .slide04 .imgpopup .pop08.before{-webkit-transform:translate(-120px, 120px);-moz-transform:translate(-120px, 120px);-ms-transform:translate(-120px, 120px);-o-transform:translate(-120px, 120px);transform:translate(-120px, 120px)} .index-banner .slide04 .imgpopup .pop09.before{-webkit-transform:translate(-120px, 120px);-moz-transform:translate(-120px, 120px);-ms-transform:translate(-120px, 120px);-o-transform:translate(-120px, 120px);transform:translate(-120px, 120px)} .index-banner .slide04 .imgpopup .pop10.before{-webkit-transform:translate(-120px, 120px);-moz-transform:translate(-120px, 120px);-ms-transform:translate(-120px, 120px);-o-transform:translate(-120px, 120px);transform:translate(-120px, 120px)} .index-banner .slide04 .imgpopup .pop11.before{-webkit-transform:translate(-120px, 120px);-moz-transform:translate(-120px, 120px);-ms-transform:translate(-120px, 120px);-o-transform:translate(-120px, 120px);transform:translate(-120px, 120px)} .index-banner .slide04 .imgpopup .before{-webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;-o-transition-duration:0.8s;transition-duration:0.8s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;opacity:0;-webkit-transition-delay:0.1s;-moz-transition-delay:0.1s;-o-transition-delay:0.1s;transition-delay:0.1s} .index-banner .slide04 .imgpopup .before.after{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);opacity:1} .iban-index{float:left;line-height:70px;color:#333} .anniu{position:absolute;bottom:0;right:5%;z-index:30; height:90px;padding:0 40px 0 50px/*background:rgba(255,255,255,0.7);*/ } .anniu .g-in{position:relative;} .anniu .pageOn{position:static;font-family:Bell MT;font-size:32px;color:#fff;font-weight:bold;text-align:left;padding-left:46px; margin-bottom:30px; float:left; } .anniu .pageOn:before{content:"";display:block;width:20px;height:2px;background-color:#fff;position:absolute;left:0px;top:50%;margin-top:5%;} .anniu .pageOn span{background-color:transparent;} .anniu .pageOn .swiper-pagination-total{font-size:22px;} .anniu .pageOn em{font-size:26px;} .anniu .circle{position:static; float:left; margin-top:5px;} .anniu .btnG{float:right; } .anniu .btn{position:static;width:40px;height:40px;margin:0px 5px;border-radius:100%;transition:all 0.3s; } .anniu .prev{float:left;background:url(../images/baprev.png) center no-repeat;background-color:#fff;} .anniu .prev:hover{background:url(../images/baprev1.png) center no-repeat;background-color:#f97b15;transform:translateX(-10px);box-shadow:0px 1px 10px rgba(0,0,0,0.1);} .anniu .next{float:left;background:url(../images/banext.png) center no-repeat;background-color:#fff; margin-left:20px;} .anniu .next:hover{background:url(../images/banext1.png) center no-repeat;background-color:#f97b15;transform:translateX(10px);box-shadow:0px 1px 10px rgba(0,0,0,0.1);} .swiper-num {position: absolute;width: 165px;left:10%;bottom: 0;z-index: 2; color:#fff;} .swiper-num .active {display: inline-block;} .swiper-num span {font-size: 32px; margin:0 5px;} .swiper-num .total {display: inline-block; font-size:28px;} .pagesection{padding:100px 0 80px; overflow:hidden;} .pagepadding{padding:60px 0; overflow:hidden;} .w-lg .index-banner .slide01 .textpopup, .w-lg .index-banner .slide02 .textpopup, .w-lg .index-banner .slide03 .textpopup, .w-lg .index-banner .slide04 .textpopup {margin-left: -700px}.w-lg .index-banner .slide01 .textpopup .tit, .w-lg .index-banner .slide02 .textpopup .tit, .w-lg .index-banner .slide03 .textpopup .tit, .w-lg .index-banner .slide04 .textpopup .tit {margin-bottom: 15px;font-size: 40px;line-height: 48px}.w-lg .index-banner .slide01 .textpopup .txt, .w-lg .index-banner .slide02 .textpopup .txt, .w-lg .index-banner .slide03 .textpopup03 .txt, .w-lg .index-banner .slide04 .textpopup .txt {margin-bottom: 40px;font-size: 16px;line-height: 28px}.w-lg .index-banner .slide01 .textpopup .m-line-more, .w-lg .index-banner .slide02 .textpopup .m-line-more, .w-lg .index-banner .slide03 .textpopup03 .m-line-more, .w-lg .index-banner .slide04 .textpopup .m-line-more {width: 120px;height: 28px;line-height: 28px}.w-lg .index-banner .slide03 .textpopup03 {margin-left: -700px}.w-lg .index-banner .slide03 .textpopup03 .ico {margin-bottom: 22px}.w-lg .index-banner .slide03 .textpopup03 .ico img {width: 84px}.w-lg .index-banner .slide03 .textpopup03 .tit {margin-bottom: 42px;font-size: 42px;line-height: 52px}.w-md .index-banner .slide01 .textpopup, .w-md .index-banner .slide02 .textpopup, .w-md .index-banner .slide03 .textpopup, .w-md .index-banner .slide04 .textpopup {margin-left: -660px}.w-md .index-banner .slide01 .textpopup .tit, .w-md .index-banner .slide02 .textpopup .tit, .w-md .index-banner .slide03 .textpopup03 .tit, .w-md .index-banner .slide04 .textpopup .tit {margin-bottom: 15px;font-size: 30px;line-height: 40px}.w-md .index-banner .slide01 .textpopup .txt, .w-md .index-banner .slide02 .textpopup .txt, .w-md .index-banner .slide03 .textpopup .txt, .w-md .index-banner .slide04 .textpopup .txt {margin-bottom: 30px;font-size: 14px;line-height: 24px}.w-md .index-banner .slide01 .textpopup .m-line-more, .w-md .index-banner .slide02 .textpopup .m-line-more, .w-md .index-banner .slide03 .textpopup .m-line-more, .w-md .index-banner .slide04 .textpopup .m-line-more {width: 100px;height: 28px;line-height: 28px}.w-md .index-banner .slide03 .textpopup03 {margin-left: -660px}.w-md .index-banner .slide03 .textpopup03 .ico {margin-bottom: 21.32px}.w-md .index-banner .slide03 .textpopup03 .ico img {width: 79.54px}.w-md .index-banner .slide03 .textpopup03 .tit {margin-bottom: 41px;font-size: 39.36px;line-height: 49.2px}.w-sm .index-banner .slide01 .textpopup, .w-sm .index-banner .slide02 .textpopup, .w-sm .index-banner .slide03 .textpopup, .w-sm .index-banner .slide03 .textpopup {margin-left: -600px}.w-sm .index-banner .slide01 .textpopup .tit, .w-sm .index-banner .slide02 .textpopup .tit, .w-sm .index-banner .slide03 .textpopup .tit, .w-sm .index-banner .slide03 .textpopup .tit {margin-bottom: 10px;font-size: 28px}.w-sm .index-banner .slide01 .textpopup .txt, .w-sm .index-banner .slide02 .textpopup .txt, .w-sm .index-banner .slide03 .textpopup .txt, .w-sm .index-banner .slide03 .textpopup .txt {margin-bottom: 30px;font-size: 18px;line-height: 28px}.w-sm .index-banner .slide01 .textpopup .m-line-more, .w-sm .index-banner .slide02 .textpopup .m-line-more, .w-sm .index-banner .slide03 .textpopup .m-line-more, .w-sm .index-banner .slide03 .textpopup .m-line-more {width: 100px;height: 28px;line-height: 28px}.w-sm .index-banner .slide03 .textpopup03 {margin-left: -600px}.w-sm .index-banner .slide03 .textpopup03 .ico {margin-bottom: 19.5px}.w-sm .index-banner .slide03 .textpopup03 .ico img {width: 72.75px}.w-sm .index-banner .slide03 .textpopup03 .tit {margin-bottom: 37.5px;font-size: 36px;line-height: 45px}.w-sm .index-banner .slide04 .textpopup {margin-left: -600px}.w-lg .index-banner .slide01 .textpopup, .w-lg .index-banner .slide02 .textpopup, .w-lg .index-banner .slide03 .textpopup, .w-lg .index-banner .slide04 .textpopup {margin-left: -700px}.w-lg .index-banner .slide01 .textpopup .tit, .w-lg .index-banner .slide02 .textpopup .tit, .w-lg .index-banner .slide03 .textpopup .tit, .w-lg .index-banner .slide04 .textpopup .tit {margin-bottom: 15px;font-size: 40px;line-height: 48px}.w-lg .index-banner .slide01 .textpopup .txt, .w-lg .index-banner .slide02 .textpopup .txt, .w-lg .index-banner .slide03 .textpopup .txt, .w-lg .index-banner .slide04 .textpopup .txt {margin-bottom: 40px;font-size: 16px;line-height: 28px}.w-lg .index-banner .slide01 .textpopup .m-line-more, .w-lg .index-banner .slide02 .textpopup .m-line-more, .w-lg .index-banner .slide03 .textpopup .m-line-more, .w-lg .index-banner .slide04 .textpopup .m-line-more {width: 120px;height: 28px;line-height: 28px}.w-lg .index-banner .slide03 .textpopup03 {margin-left: -700px}.w-lg .index-banner .slide03 .textpopup03 .ico {margin-bottom: 22px}.w-lg .index-banner .slide03 .textpopup03 .ico img {width: 84px}.w-lg .index-banner .slide03 .textpopup03 .tit {margin-bottom: 42px;font-size: 42px;line-height: 52px}.w-lg .inside-banner .case-ban-info h2 {font-size: 50px;line-height: 60px}.w-lg .inside-banner .feature h3 {font-size: 20px;line-height: 40px;text-align: left}.w-lg .inside-banner .feature h4 {font-size: 90px;line-height: 94px}.w-md .index-banner .slide01 .textpopup, .w-md .index-banner .slide02 .textpopup, .w-md .index-banner .slide03 .textpopup03, .w-md .index-banner .slide04 .textpopup {margin-left: -660px}.w-md .index-banner .slide01 .textpopup .tit, .w-md .index-banner .slide02 .textpopup .tit, .w-md .index-banner .slide03 .textpopup .tit, .w-md .index-banner .slide04 .textpopup .tit {margin-bottom: 15px;font-size: 30px;line-height: 40px}.w-md .index-banner .slide01 .textpopup .txt, .w-md .index-banner .slide02 .textpopup .txt, .w-md .index-banner .slide03 .textpopup03 .txt, .w-md .index-banner .slide04 .textpopup .txt {margin-bottom: 30px;font-size: 18px;line-height: 24px}.w-md .index-banner .slide01 .textpopup .m-line-more, .w-md .index-banner .slide02 .textpopup .m-line-more, .w-md .index-banner .slide03 .textpopup .m-line-more, .w-md .index-banner .slide04 .textpopup .m-line-more {width: 100px;height: 28px;line-height: 28px}.w-md .index-banner .slide03 .textpopup03 {margin-left: -660px}.w-md .index-banner .slide03 .textpopup03 .ico {margin-bottom: 21.32px}.w-md .index-banner .slide03 .textpopup03 .ico img {width: 79.54px}.w-md .index-banner .slide03 .textpopup03 .tit {margin-bottom: 41px;font-size: 39.36px;line-height: 49.2px}.w-sm .index-banner .slide01 .textpopup, .w-sm .index-banner .slide02 .textpopup, .w-sm .index-banner .slide03 .textpopup03, .w-sm .index-banner .slide03 .textpopup {margin-left: -47%}.w-sm .index-banner .slide01 .textpopup .tit, .w-sm .index-banner .slide02 .textpopup .tit, .w-sm .index-banner .slide03 .textpopup .tit, .w-sm .index-banner .slide03 .textpopup .tit {margin-bottom: 10px;font-size: 28px}.w-sm .index-banner .slide01 .textpopup .txt, .w-sm .index-banner .slide02 .textpopup .txt, .w-sm .index-banner .slide03 .textpopup03 .txt, .w-sm .index-banner .slide04 .textpopup .txt {margin-bottom: 30px;font-size: 18px;line-height: 28px}.w-sm .index-banner .slide01 .textpopup .m-line-more, .w-sm .index-banner .slide02 .textpopup .m-line-more, .w-sm .index-banner .slide03 .textpopup .m-line-more, .w-sm .index-banner .slide03 .textpopup .m-line-more {width: 100px;height: 28px;line-height: 28px} .w-sm .index-banner .slide03 .textpopup03 .ico {margin-bottom: 19.5px}.w-sm .index-banner .slide03 .textpopup03 .ico img {width: 72.75px}.w-sm .index-banner .slide03 .textpopup03 .tit {margin-bottom: 25px;font-size: 36px;line-height: 40px}.w-sm .index-banner .slide04 .textpopup {margin-left: -48%} @media (max-width: 1600px){ .index-banner .slide04 .imgpopup img{ width:23%;} .index-banner .slide03 .imgpopup03 .pop01{ top:62.5%;left:19.34375%;} .index-banner .slide02 .imgpopup02 .pop02{ top:34.375%;left:76.04167%;} } @media (max-width: 1440px){ .index-banner .slide01 .tit1{margin-bottom:15px;font-size:40px;line-height:40px;letter-spacing:1px; } .index-banner .slide02 .tit1{margin-bottom:15px;font-size:40px;line-height:40px;letter-spacing:1px;} .index-banner .slide03 .textpopup03 .tit1{margin-bottom:15px;font-size:40px;line-height:40px;letter-spacing:1px;} .index-banner .slide04 .textpopup .tit1{margin-bottom:15px;font-size:40px;line-height:40px;letter-spacing:1px;} .anniu{ right:1%; } .index-banner .slide02 .imgpopup02 .pop01{ top:25.5%;left:50.34375%; width:30%;} .index-banner .slide02 .imgpopup02 .pop02{ top:30.375%;left:76.04167%; width:18%;} .index-banner .slide02 .imgpopup02 .pop03{ top:40%;left:45.22917%; width:9%;} .index-banner .slide02 .imgpopup02 .pop04{width:40%;} .index-banner .slide03 .imgpopup03 .pop01{ top:68.5%;left:18.34375%; width:18%;} .index-banner .slide03 .imgpopup03 .pop02{ top:68.375%;left:53.04167%; width:20%} .index-banner .slide03 .imgpopup03 .pop03{ top:48%;left:65.22917%; width:10%} .index-banner .slide03 .imgpopup03 .pop04{ top: 57.875%;left: 30.29167%;width: 10%;} .index-banner .slide03 .imgpopup03 .pop05{ top:73.875%;left:30.29167%;width:18%;} } @media (max-width: 1366px){ .index-banwrap{ padding-bottom:48.2542%;} } @media (max-width: 1280px){ .index-banwrap{ padding-bottom:51.2542%;} .index-banner .slide02 .imgpopup02 .pop04{ top:73%;left:46.22917%; width:40%;} } @media (max-width: 1200px){ .index-banner .slide02 .imgpopup02 .pop01{ top:30.5%;left:50.34375%;width:30%;} .index-banner .slide02 .imgpopup02 .pop02{ top:40.375%;left:76.04167%;width:15%;} .index-banner .slide02 .imgpopup02 .pop03{ top:40%;left:45.22917%;width:9%;} .index-banner .slide02 .imgpopup02 .pop04{ top:77%;left:46.22917%;width:40%;} .index-banner .slide03 .imgpopup03 .pop01{ top:67.5%;left:19.34375%;width:22%;} .index-banner .slide03 .imgpopup03 .pop04{ top:52.875%;left:26.29167%;width:10%;} .index-banner .slide03 .imgpopup03 .pop02{ top:68.375%;left:53.04167%;width:22%;} .index-banner .slide03 .imgpopup03 .pop03{ top:47%;left:63.22917%;width:12%;} .index-banner .slide03 .imgpopup03 .pop05{ top:76.875%;left:28.29167%;width:22%;} .index-banner .slide01 .tit{font-size:40px;line-height:40px;} .index-banner .slide01 .tit1{font-size:40px;line-height:40px; margin-bottom:15px;} .index-banner .slide01 .txt{ margin-top:20px; margin-bottom:32px;font-size:20px;line-height:32px;} .index-banner .slide02 .tit1{font-size:40px;line-height:40px; margin-bottom:15px;} .index-banner .slide02 .txt{ margin-top:20px; margin-bottom:32px;font-size:20px;line-height:32px;} .index-banner .slide03 .textpopup03 .tit1{font-size:40px;line-height:40px; margin-bottom:15px;} .index-banner .slide03 .textpopup03 .txt{ margin-top:10px; margin-bottom:32px;font-size:20px;line-height:32px;} .index-banner .slide04 .textpopup .tit1{font-size:40px;line-height:40px;} } @media (max-width: 768px){ .index-banwrap {padding-bottom: 76%} .index-banwrap .index-banner{ top:0px;} .index-banwrap ul {height: 100%} .index-banwrap ul li {height: 100%} .index-banwrap ul a {height: 100%;overflow: hidden} .index-banwrap .iban {position: relative;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);width: auto;height: 100%} .index-banner .bx-pager {bottom: 0} .index-banner .bx-pager .bx-pager-item a {width: 50px} .index-banner .linerbg {display: none} .index-banner .slide01 .textpopup {top:18.5%; left: 0;margin-left: 0;padding: 30px 15px 15px} .index-banner .slide01 .tit {margin-bottom: 8px;font-size: 16px;line-height: 26px;width: 72.39583%;news_list_space: normal} .index-banner .slide01 .txt {news_list_space: normal;margin-bottom: 12px;font-size: 10px;line-height: 22px} .index-banner .slide02 .textpopup {top:18.5%; left: 0;margin-left: 0;padding: 30px 15px 15px} .index-banner .slide02 .imgpopup img{width:23%;} .index-banner .slide03 .textpopup03 {top:18.5%;left: 0;margin-left: 0;padding: 30px 15px 15px} .index-banner .slide03 .textpopup03 .ico {margin-bottom: 10px} .index-banner .slide03 .textpopup03 .ico img {width: 150px} .index-banner .slide04 .textpopup {top:18.5%; left: 0;margin-left: 0;padding: 30px 15px 15px} .iban-index{float:left;line-height:30px;color:#333} .iban-nav {display: none} .scroll-tips {display: none} .index-banner .slide02 .imgpopup02 .pop01{ top:38.5%;left:50.34375%;width:33%;} .index-banner .slide02 .imgpopup02 .pop02{ top:48.375%;left:76.04167%;width:18%;} .index-banner .slide02 .imgpopup02 .pop03{ top:45%;left:45.22917%;width:12%;} .index-banner .slide02 .imgpopup02 .pop04{ top:75%;left:46.22917%;width:43%;} .index-banner .slide03 .imgpopup03 .pop01{ top:65.5%;left:17.34375%;width:28%;} .index-banner .slide03 .imgpopup03 .pop04{ top:53.875%;left:22.29167%;width:12%;} .index-banner .slide03 .imgpopup03 .pop02{ top:70.375%;left:60.04167%;width:26%;} .index-banner .slide03 .imgpopup03 .pop03{ top:52%;left:66.22917%;width:12%;} .index-banner .slide03 .imgpopup03 .pop05{ top:72.875%;left:28.29167%;width:20%;} .index-banner .slide04 .imgpopup .pop01{top: 10.375%;left: 35.90625%;} .index-banner .slide04 .imgpopup .pop02{top:4%;left:58.24167%; } .index-banner .slide04 .imgpopup .pop03{top: 22.375%;left: 54.5125%;} .index-banner .slide04 .imgpopup .pop04{top:-13.8%;left:63.57292%; } .index-banner .slide04 .imgpopup .pop05{top:0;left:80.625%; } .index-banner .slide04 .imgpopup .pop06{top: 59.5%;left: 47.29167%;} .index-banner .slide04 .imgpopup .pop07{top: 19.125%;left: 76.85292%;} .index-banner .slide04 .imgpopup .pop08{top: 40.8%;left: 50.95167%; } .index-banner .slide04 .imgpopup .pop09{top: 38.525%;left: 73.02292%;} .index-banner .slide04 .imgpopup .pop10{top: 57.8%;left: 69.45167%;} .index-banner .slide04 .imgpopup .pop11{top:57.525%;left:91.02292%;} .index-banner .slide01 .tit{font-size:24px;line-height:26px;} .index-banner .slide01 .tit1{font-size:24px;line-height:26px;} .index-banner .slide01 .txt{ margin-top:0px; margin-bottom:25px;font-size:18px;line-height:26px;} .index-banner .slide02 .tit1{font-size:24px;line-height:26px;margin-bottom: 15px;} .index-banner .slide02 .txt{ margin-top:0px; margin-bottom:25px;font-size:18px;line-height:26px;} .index-banner .slide02 .tit {margin-bottom: 8px;font-size: 24px;line-height: 26px;width: 72.39583%;} .index-banner .slide03 .textpopup03 .tit {font-size: 24px;line-height: 26px;margin-bottom:15px;} .index-banner .slide03 .textpopup03 .tit1{font-size:24px;line-height:26px; margin-bottom:15px;} .index-banner .slide03 .textpopup03 .txt{ margin-top:0px; margin-bottom:25px;font-size:20px;line-height:26px;} .index-banner .slide04 .textpopup .tit {margin-bottom: 8px;font-size: 24px;line-height: 26px;width: 72.39583%;news_list_space: normal} .index-banner .slide04 .textpopup .txt {margin-bottom: 0;font-size: 18px;line-height:26px;news_list_space: normal} .index-banner .slide04 .textpopup .tit1{font-size:24px;line-height:26px;} .anniu{position:absolute;bottom:0;right:0;z-index:30; height:40px;padding:0 10px 0 10px/*background:rgba(255,255,255,0.7);*/ } .swiper-num { width: 105px;left:10%; } .swiper-num span {font-size:28px; margin:0 2px;} .swiper-num .total { font-size:22px;} .anniu .pageOn:before{ margin-top:7%;} .anniu .pageOn{position:static;font-family:Bell MT;font-size:32px;color:#fff;font-weight:bold;text-align:left;padding-left:26px; margin-bottom:0px; } } @media (max-width:600px){ .index-banwrap {padding-bottom: 80%} .index-banner .slide01 .textpopup {top:10.5%;} .index-banner .slide01 .tit{ margin-bottom:10px;} .index-banner .slide01 .tit1{margin-bottom:0px;} .index-banner .slide02 .textpopup {top:10.5%;} .index-banner .slide01 .tit{font-size:20px;line-height:26px;} .index-banner .slide01 .tit1{font-size:20px;line-height:26px; width:100%;letter-spacing:2px;} .index-banner .slide01 .txt{ font-size:15px;} .index-banner .slide02 .tit1{font-size:20px;line-height:26px;margin-bottom: 10px;width:100%;letter-spacing:2px;} .index-banner .slide02 .txt{ font-size:15px;} .index-banner .slide02 .tit {margin-bottom: 8px;font-size: 20px;line-height: 26px;width: 78.39583%;} .index-banner .slide03 .textpopup03 {top:10.5%;} .index-banner .slide03 .textpopup03 .tit {font-size: 20px;line-height: 26px;margin-bottom:10px;} .index-banner .slide03 .textpopup03 .tit1{font-size:20px;line-height:26px; margin-bottom:15px;width:100%;letter-spacing:2px;} .index-banner .slide03 .textpopup03 .txt{ font-size:15px;} .index-banner .slide03 .imgpopup03 .pop05{ top:75.875%;width:21%;} .index-banner .slide03 .imgpopup03 .pop01{ top:65.5%;left:10.34375%;} .index-banner .slide04 .textpopup {top:10.5%;} .index-banner .slide04 .textpopup .tit {margin-bottom: 8px;font-size: 20px;line-height: 26px;width: 72.39583%;news_list_space: normal} .index-banner .slide04 .textpopup .txt { font-size:15px;} .index-banner .slide04 .textpopup .tit1{font-size:20px;line-height:26px;width:100%;letter-spacing:2px; } .index-banner .slide04 .imgpopup img{ width:28%;} .index-banner .slide04 .imgpopup .pop01{top: 25.375%;left: 20.90625%;} .index-banner .slide04 .imgpopup .pop02{top:8%;left:49.24167%; } .index-banner .slide04 .imgpopup .pop03{top: 29.375%;left: 45.5125%;} .index-banner .slide04 .imgpopup .pop04{top:-12.8%;left:53.57292%; } .index-banner .slide04 .imgpopup .pop05{top:0;left:76.625%; } .index-banner .slide04 .imgpopup .pop06{top: 71.5%;left: 36.29167%;} .index-banner .slide04 .imgpopup .pop07{top: 21.125%;left: 72.85292%;} .index-banner .slide04 .imgpopup .pop08{top: 50.8%;left: 40.95167%; } .index-banner .slide04 .imgpopup .pop09{top: 41.525%;left: 69.14292%%;} .index-banner .slide04 .imgpopup .pop10{top: 61.8%;left: 65.45167%;} .index-banner .slide04 .imgpopup .pop11{top:81.525%;left:61.02292%;} } @media (max-width:600px){ .index-banner .slide01 .textpopup {top:8.5%;} .index-banner .slide02 .textpopup {top:8.5%;} .index-banner .slide03 .textpopup03 {top:8.5%;} .index-banner .slide04 .textpopup {top:8.5%;} } @media (max-width:450px){ .index-banner .slide01 .textpopup {top:5.5%;} .index-banner .slide02 .textpopup {top:5.5%;} .index-banner .slide03 .textpopup03 {top:5.5%;} .index-banner .slide04 .textpopup {top:5.5%;} } @media (max-width:1024px) { .pagesection{padding:50px 0;} .pagepadding{padding:50px 0} } @media (max-width: 600px) { .pagesection{padding:30px 0;} .pagepadding{padding:30px 0} } .index_title{position: relative; margin-bottom:30px;} .index_title:before {content: attr(data-text);font-family:sans-serif;display: inline-block;position: absolute;width: 100%;z-index: -1;font-size: 130px;text-align: center;left: 50%;top: 15%;opacity: 0.05;text-transform: capitalize;font-weight: 600;line-height: 26px;transform: translate(-50%, -50%); text-transform:uppercase;} .index_title .en{font-size:40px; line-height:40px;margin-bottom:15px;color:#333;letter-spacing:8px; text-align:center;} .index_title .en span{ color:#f97b15; font-weight:bold; } .index_title .cn{font-size:26px;line-height:62px; color:#999; font-weight:normal; text-align:center;font-family: 'Microsoft YaHei', 'SourceHanSansCNLight';} .index_title .cn span{color:#f97b15} @media (max-width:1366px) { .index_title:before {font-size: 100px;} } @media (max-width:1200px) { .index_title:before {font-size: 80px;} .index_title .en{font-size:30px; } .index_title .cn{font-size:22px;letter-spacing:2px; } } @media (max-width:768px) { .index_title{ margin-bottom:20px;} .index_title:before {font-size: 40px;} .index_title .en{font-size:24px;letter-spacing:4px; margin-bottom:5px;} .index_title .cn{font-size:20px; line-height:32px;letter-spacing:0px;} } @media (max-width:450px) { .index_title .en{font-size:20px;letter-spacing:2px; } .index_title .cn{font-size:16px; line-height:30px; } } .inedx_about{} .inedx_about .index_title .en{ text-align:left;} .inedx_about .index_title .cn{ text-align:left;} .inedx_about .index_title:before{left: 28%;} .inedx_about .intro{position:relative;padding:0px 37% 86px 0;font-size:16px;line-height:30px} .inedx_about .intro strong{font-weight:normal;color:#e20000} .inedx_about .year{position:absolute;right:7px;top:-20px;z-index:3;text-align:right;} .inedx_about .year span{letter-spacing:4px; line-height:38px; } .inedx_about .main-business .business-item .inner{position:relative} .inedx_about .main-business .business-item .inner .line{position:absolute;left:0;bottom:0;width:0;height:2px;background-color:#f97b15;-webkit-transition:width ease-in-out 0.5s;-o-transition:width ease-in-out 0.5s;-moz-transition:width ease-in-out 0.5s;transition:width ease-in-out 0.5s} @media (max-width:1280px) { .inedx_about .year img{ width:100%;} .inedx_about .intro{position:relative;padding:0px 42% 86px 0;} } @media (max-width:768px) { .inedx_about .year{ display:none;} .inedx_about .intro{padding:0px 0 20px 0;} } /* .inedx_server {padding-bottom: 20px;background: #F5F5F5} .inedx_server>p {margin-bottom: 10px;color: #333;font-size: 14px;text-align: center;opacity: 0;transform: translateY(20px);-webkit-transform: translateY(20px);transition: all 0.3s;-webkit-transition: all 0.3s;transition-delay: 1.2s;-webkit-transition-delay: 1.2s} .inedx_server>.title {margin-bottom: 22px;width: 0;height: 76px;overflow: hidden;color: #fff;font-size: 30px;font-weight: bold;line-height: 76px;text-align: center;background: #000;box-sizing: border-box;transition: all 0.5s linear;-webkit-transition: all 0.5s linear} .inedx_server.active>.title {width: 100%} .inedx_server>.title p {padding: 0 30px;transition: all 0.3s;-webkit-transition: all 0.3s;transition-delay: 0.8s;-webkit-transition-delay: 0.8s;} .inedx_server.active>p, .inedx_server.active>.title p {transform: translateY(0);-webkit-transform: translateY(0);opacity: 1;} .inedx_server .img {margin-right: 12px;text-align: center} .inedx_server>ul {margin: 0 auto;padding: 0 65px;position: relative;z-index: 1; } .inedx_server>ul>li {margin-bottom: 60px;padding: 40px;width: 50%;height: 420px;float: left;position: relative;cursor: pointer;box-sizing: border-box;transition: all 0.3s;-webkit-transition: all 0.3s; z-index: -10} .inedx_server>ul>li:before {width: 100%;height: 100%;position: absolute;right: 0;top: 0;background: #F46301;content: "";z-index: -2;transition: all 0.3s;-webkit-transition: all 0.3s} .inedx_server>ul>.li02:before {background: #FDB200} .inedx_server>ul>.li03:before {background: #2344A7} .inedx_server>ul>.li04:before {background: #2B52D3;} .inedx_server li .title {color: #fff !important;font-size: 24px;line-height: 1.1} .inedx_server>ul>li:nth-child(1) * {color: #fff} .inedx_server>ul>li:nth-child(2) * {color: #fff} .inedx_server>ul>li:nth-child(3) * {color: #fff} .inedx_server>ul>li:nth-child(4) * {color: #fff} .inedx_server li .title>span {margin-top: 11px;display: block;font-size: 18px;color: #fff !important} .inedx_server li .img {position: absolute;right: 55px;top: 42px} .inedx_server li ul {padding-top: 20px;position: absolute;left: 45px;top: 50%; width:80%; transform: translateY(-50%);-webkit-transform: translateY(-50%)} .inedx_server li:hover ul {display: block} .inedx_server li li {margin: 0 8px 10px 0;padding: 0 10px;float: left;color: #f46301;font-size: 16px;line-height: 28px;border: 2px solid #fff;transition: all 0.3s;-webkit-transition: all 0.3s;position: relative;} .inedx_server li li.style01 {color: #fff; } .inedx_server li .clear {clear: both} @media (max-width: 1201px) and (min-width: 768px){ .inedx_server .img {margin: 0 auto;max-width: 90%;} .inedx_server li .img {right: 15px;} .inedx_server li ul {left: 19%;} .inedx_server > ul > li:hover:after {right: 0 !important;} .inedx_server>ul>li {margin-bottom:30px;} } @media (max-width: 768px){ .inedx_server>ul>li {width: 100%;height: 320px;float: none; padding:20px;} .inedx_server>ul { padding: 0 10px;} .inedx_server li .img {position: absolute;right: 0px;top: 3px} .inedx_server li ul { left: 32px; } .inedx_server li li.style02 { font-size:18px; line-height: 32px; } .inedx_server>ul>li:hover:after {right: 0px; } .inedx_server>ul>li:after{ background-size:25% 25%;} .inedx_server li ul {padding-top: 0px;top: 43%;} .inedx_server li li {margin: 0 3px 10px 0; } .inedx_server li .title>span {margin-top: 6px; font-size: 16px; } .inedx_server li .title { font-size: 20px} .inedx_server>ul>li:after { right: 10px;} .inedx_server>ul>li:hover:after {right: 10px;} .inedx_server>ul>.li02:hover:after {right: 10px;} .inedx_server>ul>.li03:hover:after {right: 10px;} .inedx_server>ul>.li04:hover:after {right:10px;} } */ .inedx_server {padding-bottom: 20px;background: #F5F5F5} .inedx_server>p {margin-bottom: 10px;color: #333;font-size: 14px;text-align: center;opacity: 0;transform: translateY(20px);-webkit-transform: translateY(20px);transition: all 0.3s;-webkit-transition: all 0.3s;transition-delay: 1.2s;-webkit-transition-delay: 1.2s} .inedx_server>.title {margin-bottom: 22px;width: 0;height: 76px;overflow: hidden;color: #fff;font-size: 30px;font-weight: bold;line-height: 76px;text-align: center;background: #000;box-sizing: border-box;transition: all 0.5s linear;-webkit-transition: all 0.5s linear} .inedx_server.active>.title {width: 100%} .inedx_server>.title p {padding: 0 30px;opacity: 0;transition: all 0.3s;-webkit-transition: all 0.3s;transition-delay: 0.8s;-webkit-transition-delay: 0.8s;} .inedx_server.active>p, .inedx_server.active>.title p {transform: translateY(0);-webkit-transform: translateY(0);opacity: 1;} .inedx_server .img {margin-right: 12px;text-align: center} .inedx_server>ul {margin: 0 auto;padding: 0 65px;position: relative;z-index: 1; } .inedx_server>ul>li {margin-bottom: 60px;padding: 40px;width: 50%;height: 420px;float: left;position: relative;cursor: pointer;box-sizing: border-box;transition: all 0.3s;-webkit-transition: all 0.3s;background-color: #FFF;z-index: -10} .inedx_server>ul>li:before {width: 100%;height: 100%;position: absolute;right: 0;top: 0;background: #F46301;content: "";z-index: -2;transition: all 0.3s;-webkit-transition: all 0.3s} .inedx_server>ul>li:hover:before {background: #fff} .inedx_server>ul>.li02:before {background: #FDB200} .inedx_server>ul>.li03:before {background: #2344A7} .inedx_server>ul>.li04:before {background: #2B52D3;} .inedx_server li .title {color: #fff !important;font-size: 24px;line-height: 1.1} .inedx_server>ul>li * {color: #fff} .inedx_server>ul>li:hover:nth-child(1) * {color: #F46301} .inedx_server>ul>li:hover:nth-child(2) * {color: #FDB200} .inedx_server>ul>li:hover:nth-child(3) * {color: #2344A7} .inedx_server>ul>li:hover:nth-child(4) * {color: #2B52D3} .inedx_server>ul>li a:hover {color: #fff} .inedx_server>ul>li .style01 a, .inedx_server>ul>li .style02 a {color: #fff} .inedx_server>ul>li .style01 a:hover, .inedx_server>ul>li .style02 a:hover {color: #fff} .inedx_server>ul>li:nth-child(2) .style01 a:hover, .inedx_server>ul>li:nth-child(2) .style02 a:hover {color: #FDB200} .inedx_server>ul>li:nth-child(3) .style01 a:hover, .inedx_server>ul>li:nth-child(3) .style02 a:hover {color: #2344A7} .inedx_server>ul>li:nth-child(4) .style01 a:hover, .inedx_server>ul>li:nth-child(4) .style02 a:hover {color: #2B52D3} .inedx_server li .title>span {margin-top: 11px;display: block;font-size: 18px;color: #fff !important} .inedx_server li .img {position: absolute;right: 55px;top: 42px} .inedx_server li .arrow {position: absolute;right: 100px;bottom: 40px} .inedx_server li ul {padding-top: 10px;position: absolute;left: 232px;top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%)} .inedx_server li.li01:hover .title {color: #F46301 !important;} .inedx_server li.li01:hover .title>span { color: #F46301 !important} .inedx_server li.li02:hover .title {color: #FDB200 !important;} .inedx_server li.li02:hover .title>span { color: #FDB200 !important} .inedx_server li.li03:hover .title {color: #2344A7 !important;} .inedx_server li.li03:hover .title>span { color: #2344A7 !important} .inedx_server li.li04:hover .title {color: #2B52D3 !important;} .inedx_server li.li04:hover .title>span { color: #2B52D3 !important} .inedx_server li:hover ul {display: block} .inedx_server li:hover .arrow {display: none} .inedx_server li:hover .img {background: url(../images/img02_on.png) no-repeat;} .inedx_server .li02:hover .img {background: url(../images/img03_on.png) no-repeat;} .inedx_server .li03:hover .img {background: url(../images/img04_on.png) no-repeat} .inedx_server .li04:hover .img {background: url(../images/img05_on.png) no-repeat} .inedx_server li:hover .img img {visibility: hidden} .inedx_server li li {margin: 0 8px 10px 0;padding: 0 10px;float: left; font-size: 16px;line-height: 28px;border: 2px solid #fff;transition: all 0.3s;-webkit-transition: all 0.3s;position: relative;} .inedx_server li:hover li {margin: 0 8px 10px 0;padding: 0 10px;float: left;color: #fff;font-size: 16px;line-height: 28px;border: 2px solid #F46301;transition: all 0.3s;-webkit-transition: all 0.3s;position: relative;} .inedx_server li:hover li.style01 a{color: #F46301; } .inedx_server li:hover li.style02 a{color: #F46301;font-size: 24px;line-height: 46px;} .inedx_server li:hover li:hover {background-color: #F46301;color: #fff} .inedx_server li:hover li:hover a {color: #fff} .inedx_server li li.style01:hover, .inedx_server li li.style02:hover {border: 2px solid #F46301;color: #fff;background-color: #FFF} .inedx_server li li.style01:hover a, .inedx_server li li.style02:hover a {color: #f46301} .inedx_server li.li02:hover li {margin: 0 8px 10px 0;padding: 0 10px;float: left; font-size: 16px;line-height: 28px;border: 2px solid #FDB200;transition: all 0.3s;-webkit-transition: all 0.3s;position: relative;} .inedx_server .li02:hover li:hover {color: #FDB200;border-color: #FDB200} .inedx_server .li02:hover li.style01 {background-color: #FDB200; color:#fff;} .inedx_server .li02:hover li.style01 a{ color:#fff;} .inedx_server .li02:hover li.style02 {background-color: #FDB200} .inedx_server .li02:hover li:hover {background-color: #FDB200;color: #fff} .inedx_server .li02:hover li:hover a {color: #fff} .inedx_server .li02:hover li:hover.style01 a{ color:#fff;} .inedx_server .li02:hover li.style02:hover {border: 2px solid #FDB200;color: #FDB200;background-color: #FFF} .inedx_server .li02:hover li.style02:hover a {color: #fdac00} .inedx_server .li03 li {color: #2241a7;border-color: #fff} .inedx_server .li03 li.style01 {background-color: #2241a7} .inedx_server .li03 li.style02 {background-color: #2241a7} .inedx_server .li03 li:hover {background-color: #2241a7;color: #fff} .inedx_server .li03 li.style01:hover, .inedx_server .li03 li.style02:hover {border: 2px solid #2241a7;color: #2241a7;background-color: #FFF} .inedx_server .li03 li.style01:hover a, .inedx_server .li03 li.style02:hover a {color: #2241a7} .inedx_server .li03:hover li.style01 a, .inedx_server .li03:hover li.style02 a {color: #fff} .inedx_server .li03:hover li.style02:hover {border: 2px solid #2344A7;color: #fff;background-color: #2344A7} .inedx_server li.li03:hover li {color: #2344A7;border-color: #2344A7} .inedx_server .li03:hover li:hover{background-color: #2344A7 } .inedx_server .li03:hover li:hover a {color: #fff} .inedx_server .li03:hover li:hover.style01 a{ color:#fff;} .inedx_server .li03:hover li.style01:hover a, .inedx_server .li03:hover li.style02:hover a {color: #fff} .inedx_server .li04 li {color: #2B52D3;border-color: #fff} .inedx_server .li04 li.style01 {background-color: #2B52D3} .inedx_server .li04 li.style02 {background-color: #2B52D3} .inedx_server .li04 li:hover {background-color: #2951d3;color: #fff} .inedx_server .li04 li:hover a {color: #fff;} .inedx_server .li04 li.style01:hover, .inedx_server .li04 li.style02:hover {border: 2px solid #2951d3;color: #fff;background-color: #2951d3} .inedx_server .li04:hover li.style01 a, .inedx_server .li04:hover li.style02 a {color: #fff} .inedx_server .li04:hover li.style02:hover {border: 2px solid #2B52D3;color: #fff;background-color: #2951d3} .inedx_server li.li04:hover li {color: #2B52D3;border-color: #2B52D3} .inedx_server .li04:hover li:hover{background-color: #2951d3 } .inedx_server .li04:hover li:hover a {color: #fff} .inedx_server .li04:hover li:hover.style01 a{ color:#fff;} .inedx_server .li04:hover li.style01:hover a, .inedx_server .li04:hover li.style02:hover a {color: #fff} .inedx_server li .clear {clear: both} @media (max-width: 1366px){ .inedx_server li ul {padding-top: 10px;position: absolute;left: 7%;top: 50%;} } @media (max-width: 1201px) and (min-width: 768px){ .inedx_server .img {margin: 0 auto;max-width: 90%;} .inedx_server li .img {right: 15px;} .inedx_server li ul {left: 19%;} .inedx_server > ul > li:hover:after {right: 0 !important;} .inedx_server>ul>li {margin-bottom:30px;} } @media (max-width: 768px){ .inedx_server>ul>li {width: 100%;height: 320px;float: none; padding:20px;} .inedx_server>ul { padding: 0 10px;} .inedx_server li .img {position: absolute;right: 0px;top: 3px} .inedx_server li ul { left: 22px; } .inedx_server li li.style02 { font-size:18px; line-height: 32px; } .inedx_server>ul>li:hover:after {right: 0px; } .inedx_server>ul>li:after{ background-size:25% 25%;} .inedx_server li ul {padding-top: 0px;top:63%;} .inedx_server li li {margin: 0 3px 7px 0; padding: 0 5px; } .inedx_server li .title>span {margin-top: 6px; font-size: 16px; } .inedx_server li .title { font-size: 20px} .inedx_server>ul>li:after { right: 10px;} .inedx_server>ul>li:hover:after {right: 10px;} .inedx_server>ul>.li02:hover:after {right: 10px;} .inedx_server>ul>.li03:hover:after {right: 10px;} .inedx_server>ul>.li04:hover:after {right:10px;} } .index_case{ padding:100px 0 0px;} .case_list{ width:100%} .case{background-color: #ffffff; width:100%} .case a{width: 25%;float: left; height:3.2rem;overflow: hidden;position: relative;} .case a:hover .overlay-con{ opacity: 1; filter: alpha(opacity=1)} .case a img{width: 100%;height:100%;} .case .overlay-con{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;background-color: rgba(245,137,8,0.9); /*background-color: rgba(0,0,0,0.8);*/opacity: 0;filter: alpha(opacity=0);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;text-align: center;color: #fff;} .case .overlay-con:after {content: "";width: 0%;height: 1px;margin:5% 5% 5% 5%;background:#ffffff;position: absolute;bottom: 0;left: 0;transition: all 0.5s ease 0s;-webkit-transform: scaleX(0);} .case .overlay-con:hover:after {content: "";width: 90%;height: 1px;margin:5% 5% 5% 5%;background:#ffffff;position: absolute;bottom: 0;left: 0;transition: all 0.5s ease 0s;-webkit-transform: scaleX(1);transform: scaleX(1)} .case .overlay-con:before {content: "";width: 0%;height: 1px;margin:5% 5% 5% 5%;background:#ffffff;position: absolute;top: 0;right: 0;transition: all 0.5s ease 0s;-webkit-transform: scaleX(0);} .case .overlay-con:hover:before {content: "";width: 90%;height: 1px;margin:5% 5% 5% 5%;background:#ffffff;position: absolute;top: 0;right: 0;transition: all 0.5s ease 0s;-webkit-transform: scaleX(1);transform: scaleX(1)} .case span.inner {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display:inline-block;} .case span.inner:after {content: "";width: 1px;height: 0%;margin:5% 5% 5% 5%;background:#ffffff;position: absolute;display:block;bottom: 0;left: 0;transition: all 0.5s ease 0s;-webkit-transform: scaleY(0);} .case span.inner:hover:after {content: "";width: 1px;height: 85.2%;margin:5% 5% 5% 5%;background:#ffffff;position: absolute;bottom: 0;left: 0;transition: all 0.5s ease 0s;-webkit-transform: scaleY(1);transform: scaleY(1)} .case span.inner:before {content: "";width: 1px;height: 0%;margin:5% 5% 5% 5%;background:#ffffff;position: absolute;display:block;top: 0;right: 0;transition: all 0.5s ease 0s;-webkit-transform: scaleY(0);} .case span.inner:hover:before {content: "";width: 1px;height: 85.2%;margin:5% 5% 5% 5%;background:#ffffff;position: absolute;top: 0;right: 0;transition: all 0.5s ease 0s;-webkit-transform: scaleY(1);transform: scaleY(1)} .case .overlay-con:before {content: "";width: 0%;height: 1px;margin:5% 5% 5% 5%;background:#ffffff;position: absolute;top: 0;right: 0;transition: all 0.5s ease 0s;-webkit-transform: scaleX(0);} .case .overlay-con:hover:before {content: "";width: 90%;height: 1px;margin:5% 5% 5% 5%;background:#ffffff;position: absolute;top: 0;right: 0;transition: all 0.5s ease 0s;-webkit-transform: scaleX(1);transform: scaleX(1)} .case .overlay-con h2{font-weight: normal;font-size: .27rem;position: relative;top: 50%;margin-top: -1em;} .case .overlay-con p{font-size: 1.166em;} #particles {position: absolute;width: 100%;height: 100%;z-index: 4;} @media (max-width: 1760px){ .case a{ height:3.0rem;} } @media (max-width: 1640px){ .case a{ height:2.8rem;} } @media (max-width: 1366px){ .case a{ height:2.6rem;} } @media (max-width: 1200px){ .case a{width: 33.33333333%; height:3.3rem;} } @media (max-width: 1180px){ .case a{height:3.2rem;} } @media (max-width: 768px){ .index_case{ padding:30px 0 0px;} .case a{width: 50%; height:2.8rem;} } @media (max-width: 450px){ .case a{width: 100%; height:4.8rem;} } /* .index_case_con{width:100%;margin:0 auto} .index_case_con li{float:left;width:25%;height:0;padding-bottom:16.5%;overflow:hidden;position:relative} .index_case_con li img{width:100%;-webkit-transition:all .5s;transition:all .5s;border:0;display:inline-block; position:relative;} .index_case_con li img:after{ content:"";width: 100%;height: 100%;background: rgba(0,0,0,0.9);position: absolute;top: 0;left: 0; z-index:999;} .index_case_con li .case_hover{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#bcc563;transform:translateY(120%) skewY(10deg);transition:transform 400ms cubic-bezier(0.7,0,0.3,1) 100ms} .index_case_con li .case_text{position:absolute;width:100%;bottom:0;z-index:1;background-size:cover;background-position:center center;background-repeat:no-repeat;opacity:0;transition:transform 400ms cubic-bezier(0.7,0,0.3,1) 0ms,opacity 800ms cubic-bezier(0.7,0,0.3,1);color:#fff;padding:30px 20px} .index_case_con li .case_text:after{content:"";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8))} .index_case_con li .case_text h3{font-weight:700;z-index:2;position:relative} .index_case_con li .case_text p{font-weight:700;z-index:2;position:relative} .index_case_con li:hover .case_hover{transform:translateY(0%) skewY(0deg);transition:transform 500ms cubic-bezier(0.7,0,0.3,1) 0ms} .index_case_con li:hover .case_text{transform:translateY(0%);opacity:1;transition:transform 500ms cubic-bezier(0.7,0,0.3,1) 0ms,opacity 300ms cubic-bezier(0.7,0,0.3,1) 100ms} .index_case_con li:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1)} @media only screen and (max-width:1100px){.index_case_con li .case_text{padding:10px 5%; width:90%;} .index_case_con li .case_text p{font-size:12px}} @media only screen and (max-width:767px){ .index_case_con li{width:50%;padding-bottom:32%;} .index_case_con li .case_text h3{ font-size:18px;} .index_case_con li{width:50%;padding-bottom:28%} } @media only screen and (max-width:425px){ .index_case_con li{ padding-bottom:33%;} .index_case_con li .case_text h3{ font-size:16px;} } @media (max-width: 768px){ .index_case{ padding:30px 0 0px;} } */ .index_news_bg {background:#f4f4f4;overflow:hidden;} .index_news .col-lg-4{ width:33.3333%; float:left;} .index_news .left {background:#fff;padding:20px 25px 0px; position:relative;} .index_news .left img{ width:100%;} .index_news .left:hover {box-shadow:5px 5px 5px #e4e3e3; } .index_news .left a .tit { width:100%;height:125px; border-bottom:1px solid #e6e6e6;box-sizing:border-box; } .index_news .left a .tit p { font-size:18px;margin-top:25px;margin-bottom:13px;news_list_space:nowrap;overflow:hidden;text-overflow:ellipsis;} .index_news .left a .tit span { display:block;overflow:hidden;font-size:15px;} .index_news .left a:hover .tit p {color: #f7941d;} .index_news_num {background:#fff;height:100px;box-sizing:border-box;} .col-lg-4 .index_news_num{} .index_news_num .index_news_num_left {float:left;} .index_news_num a {float:right;width:31px;height:17px;display:block;background:url(../images/index-img9-red.png) no-repeat center;height:110px;} .index_news_num .index_news_num_left .index_news_data {font-size:36px;color:#999;font-weight:bold;display:block;margin-top:20px;margin-bottom:3px;} .index_news_num .index_news_num_left .index_news_year {font-size:14px;color:#999;} .index_news .right .index_news_text { height:270px;margin-left:30px;width:calc(100% - 30px); margin-bottom:30px; background:#fff;} .index_news .right .index_news_text:hover {box-shadow:5px 5px 5px #e4e3e3;} .index_news .right .index_news_text a{transition: all .3s;} .index_news .right .index_news_text:hover a{color: #f7941d;transition: all .3s;} .index_news .right .index_news_text:nth-child(3),.index_news .right .index_news_text:nth-child(4) {margin-bottom:0;} .index_news .right .index_news_text>a {color:#333;font-size:18px;display:block;padding:20px 25px 10px; overflow:hidden;line-height: 1.3;text-overflow:ellipsis;} .index_news .right .index_news_text>span {margin:0 25px;display:block;line-height:32px;font-size:15px;color:#666;position:relative;z-index:1;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .index_news .right .index_news_text {position:relative;} .index_news .right .index_news_text .index_news_num {border-top:1px solid #e6e6e6; position:absolute;bottom:0;left: 0;right: 0;margin: 0 25px;} #conbanner{width: 100%;height: 360px;background: #ff6701;/*background: #f97b15;*/display: flex;align-items: center;justify-content: center;} #conbanner canvas {display: block;vertical-align: middle;width: 100%;height: 100%;} .conbannerbg{position: relative;} .con_text{position: absolute;left: 0;top: 80px;width:100%; text-align: center; color:#fff;} .con_text h1{ margin-bottom:20px;} .fooform-list {margin: 60px auto 0;} .fooform-list li { float: left; margin-right: 1.38%;} .fooipn1, .fooipn2 { width: 17.36%;} .fooipn3 { width: 47.22%;} .fooipn4 { width: 13.61%;} .fooform-list li.fooipn4{ margin-right:0px;} .fooform-list input { width: 100%; height: 60px; border: 0; text-indent: 20px;} .fooform-btn { width: 100%; height: 62px; border: 2px solid #fff; background: 0 0; font-size: 14px; color: #fff;} .fooform-list input { -webkit-writing-mode: horizontal-tb !important; text-rendering: auto; color: initial; letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none; display: inline-block; text-align: start; -webkit-appearance: textfield; background-color: white; -webkit-rtl-ordering: logical; cursor: text; font: 400 13.3333px "微软雅黑"; padding: 1px 5px; border-width: 2px; border-color:#fff; border-image: initial;} @media screen and (max-width: 1720px){ .index_news .right .index_news_text { height:260px;} } @media (max-width: 1660px){ .index_news .right .index_news_text { height:250px;} } @media screen and (max-width: 1658px){ .index_news .right .index_news_text { height:260px;} } @media screen and (max-width: 1630px){ .index_news .right .index_news_text { height:250px;} } @media screen and (max-width: 1440px){ .index_news .left a .tit { width:100%;height:145px; border-bottom:1px solid #e6e6e6;box-sizing:border-box; } .index_news .right .index_news_text { height:258px; } } @media screen and (max-width: 1366px){ .index_news .right .index_news_text { height:247px; } } @media screen and (max-width: 1200px){ .index_news .left a .tit { width:100%;height:160px; } } @media screen and (max-width: 992px){ .index_news .right .index_news_text { height:215px; } .index_news .right .index_news_text>a {padding:20px 25px 10px;} .index_news .right .index_news_text>span { line-height:28px;} .index_news_num { height:100px; } .index_news_num a { height:100px;} .index_news_num .index_news_num_left .index_news_data { margin-top:20px; } .fooform-list {margin:30px auto 0;} .fooform-list li { float: left; margin-bottom:10px;} .fooform-list li:nth-child(2n){ margin-right:0px;} .fooipn1, .fooipn2 { width: 48.36%;} .fooipn3 { width: 79.22%;} .fooipn4 { width: 18.61%;} .fooform-list input {height:50px; width: 100%; } .fooform-btn {height: 52px;} } @media screen and (max-width: 768px){ .index_news .left a .tit {height:192px; } } @media screen and (max-width: 768px){ #conbanner{height: 390px; } .fooform-list li{margin-right: auto; } .fooform-list li.fooipn2 { float: none; text-align:center;} .fooform-list li:nth-child(2n){ margin-right: auto;} .fooipn1, .fooipn2 { width:92%; margin-bottom:10px; margin-left:auto; margin-right:auto;} .fooipn3 { width:92%; margin:0 auto} .fooipn4 { float:none;text-align:center; width: 33.61%; margin:0 auto;} .fooform-list li.fooipn4 { margin:10px auto; } .fooform-btn { height:40px;} .con_text{ top: 40px; } .con_text h1{ font-size:1.4em; margin-bottom:10px;} .con_text h2{ font-size:1.2em;} .fooform-list {margin: 30px auto 0; width:100%;} .fooform-list input { height: 40px; } .fooform-list li{ float:none;} .index_news .left{ margin-bottom:20px;} .index_news .col-lg-4 { width:100%;} .index_news .right .index_news_text {margin-left:0px;width:calc(100% - 0px); margin-bottom:20px; } } .about-title { text-align: center; } .about-title_en { color: #000000; font-size: 42px; font-family: Arial; line-height: 40px; text-transform: uppercase; } .about-title_cn { color: #000000; font-size: 24px; line-height: 28px; margin-top: 30px; } .about-title_white .about-title_en { color: #fff; } .about-title_white .about-title_cn { color: #fff; } .about_title {text-align: center;} .about_title h2, .about-title h4 {margin: 0} .about_title h2 {margin-bottom: 35px;font-size: 42px;font-weight: 200;color: #333} .about_title h4 {font-size:1.5em;color: #666} #aboutbody{background-position:center top; background-repeat:no-repeat; background-image:url(../images/aboutbg1.jpg); } #newsbody{background-position:center top; background-repeat:no-repeat; background-image:url(../images/newsbg1.jpg); } #markingbody{background-position:center top; background-repeat:no-repeat; background-image:url(../images/markingbg1.jpg); } #webbody{background-position:center top; background-repeat:no-repeat; background-image:url(../images/webbg1.jpg); } #casebody{background-position:center top; background-repeat:no-repeat; background-image:url(../images/casebg1.jpg); } #serverbody{background-position:center top; background-repeat:no-repeat; background-image:url(../images/serverbg1.jpg); } #contactbody{background-position:center top; background-repeat:no-repeat; background-image:url(../images/contactbg1.jpg); } .aboutbody_1{padding-top:13em;text-align:center; color:#fff; padding-bottom:13em;} .aboutbody_1_1 span{font-size:3em;} .aboutbody_1_1{margin-top:7em;} .aboutbody_1_2 span{font-size:1.875em; } .aboutbody_1_2{margin:2.5em 0; margin-bottom:7em;} .aboutbg{overflow:hidden;background:#fff; padding:9em 0 7.5em;} .aboutbody_1_3 ul{ margin:30px 0;} .aboutbody_1_3 ul li{float:left; width:33.333333%; text-align:center;} .aboutbody_1_3_mid{padding:0 2em;} .aboutbody_1_3_1 span{position:relative; padding:0 3.5em; display:inline-block;} .aboutbody_1_3_1 span b{ font-size:4em;position:absolute; right:0; top:-0.5em;} .aboutbody_1_3_1 span i{font-style:inherit; font-size:5.5em;} .aboutbody_1_3_2,.aboutbody_1_3_3{font-size:1.125em;} .aboutbody_1_3_3{margin-top:1em;} .inner-nav{height:100px;position:absolute;left:200px;right:200px;margin-top:-50px;z-index:2;background-color:#fff;border-radius:10px;box-shadow:0 8px 24px 0 rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:center} .inner-nav a{display:inline-block;font-size:18px;padding:0 6px;position:relative} .inner-nav a span{position:relative;z-index:2;text-transform:uppercase} .inner-nav a::after{content:"";display:block;width:100%;height:1px;position:absolute;bottom:1px;left:0;right:0;z-index:1;transition:all 0.3s} .inner-nav a:hover::after,.inner-nav a.active::after{background-color:#ff6701} .inner-nav i{display:inline-block;width:1px;height:15px;background-color:#ddd;margin:0 24px;flex-shrink:0} @media (max-width: 1440px){ .aboutbody_1{padding-top:10em; padding-bottom:10em;} } @media (max-width: 1366px){ .aboutbody_1{padding-top:8em; padding-bottom:8em;} .inner-nav{height:80px;} } @media screen and (max-width: 1200px){ .inner-nav{height:80px; left:60px;right:60px;margin-top:-40px;} .inner-nav i{ margin:0 10px;} .aboutbg{overflow:hidden;background:#fff; padding:7em 0 5em;} .aboutbody_1 {padding-top:10em;padding-bottom: 7em;} .aboutbody_1_1 {margin-top: 3.5em;} .aboutbody_1_1 span {font-size: 2em;} .aboutbody_1_2 {margin-top: 1.5em;margin-bottom: 6em;} .aboutbody_1_2 span {font-size: 1.125em;} .aboutbody_1_3_1 span i{font-size:4.5em;} .about-title_en {font-size: 32px; line-height: 40px; } .about_title h2 {margin-bottom: 35px;font-size: 32px;} .about_title h4 {font-size:1.2em; } } @media screen and (max-width:1024px){ .about-title_en {font-size: 30px; line-height: 35px; } .about_title h2 {margin-bottom: 15px;font-size: 30px;} } @media screen and (max-width:992px){ #aboutbody{background-size:100% auto;} #newsbody{background-size:100% auto;} #markingbody{background-size:100% auto;} #webbody{background-size:100% auto;} #casebody{background-size:100% auto;} #serverbody{background-size:100% auto;} #contactbody{background-size:100% auto;} .aboutbody_1_1 span {font-size: 22px;} .aboutbody_1_3_1 span i{font-size:3.5em; margin-top:20px;} } @media screen and (max-width: 768px){ .inner-nav{height:70px; left:20px;right:20px;margin-top:-35px;} .aboutbody_1 {padding-top:7em;padding-bottom: 3em;} .aboutbody_1_1 {margin-top: 3em;} .aboutbody_1_1 span {font-size: 1.25em;} .aboutbody_1_2 {margin-top: 1em;margin-bottom: 4em;} .aboutbody_1_2 span {font-size: 1em;} .inner-nav a{ font-size:16px;} .about_title h2 { font-size: 22px;} .about-title_en {font-size:28px; line-height: 36px;} .about-title_cn {font-size: 20px; line-height: 28px; margin-top: 10px; } .about_title h4 {font-size:1.1em; } } @media screen and (max-width: 720px){ .inner-nav{ display:none; height:0px;} .aboutbody_1 {padding-top:1em;padding-bottom:1em;} .aboutbg {padding:2em 0 2em;} .aboutbody_1_1 {margin-top: 2em;} .aboutbody_1_2 {margin-top: 0em;margin-bottom: 0em;} .aboutbody_1_3_1 span b{right:20px; font-size:2.5em;} .aboutbody_1_3_1 span i{font-size:2.5em; margin-top:20px;} } @media screen and (max-width: 480px){ .aboutbody_1_2, .aboutbody_2_3 {margin-top: 0.5em; line-height:24px;} .aboutbody_1_3 ul li{width:100%; height:100px; text-align:center;} .aboutbody_1_3_mid{padding:0 0em;} .aboutbody_1_3_1{ float:left;} .aboutbody_1_3_2{ float:left;} #markingbody .aboutbody_1 {padding-top:1em;padding-bottom: 3em;} } @media screen and (max-width: 400px){ .aboutbody_1 {padding-top:1em;padding-bottom: 2em;} } .aboutbody_2_1_mid{ margin:0 auto; width:15.8125em; position:relative; height:19.625em;} .aboutbody_2_1{margin-top:6.875em; margin-bottom:3em;} .aboutbody_2_1_mid_left{position:absolute; left:0; top:0; width:100%; height:100%; background-position:left center; z-index:10; background-image:url(../images/img1.png); background-repeat:no-repeat;} .aboutbody_2_1_mid_right{ background-position:right center;position:absolute; right:0; top:0; width:100%; height:100%; background-image:url(../images/img2.png); background-repeat:no-repeat;} .aboutbody_2_1_mid:hover .aboutbody_2_1_mid_left{background-position:right center;} .aboutbody_2_1_mid:hover .aboutbody_2_1_mid_right{background-position:left center;} .aboutbody_2_2 span{text-align:center; font-size:3em; color:#000;} .aboutbody_2_2 b{ color:#fd8c04;} .aboutbody_2_3 span{font-size:1.5em;} .aboutbody_2_3,.aboutbody_2_2,.aboutbody_2_4{text-align:center;} .aboutbody_2_3{margin-top:1.5em;} .aboutbody_2_4{ margin-top:5em;margin-bottom:7em;} .about-goal { padding: 92px 0; height: 426px; background:#e76d29 url(../images/bg_about_goal.jpg); background-repeat: no-repeat; background-position: center top; background-attachment: fixed; } .about-goal_text { padding-top: 164px; position: relative; text-align: center; color: #ffffff; font-size: 36px; font-family: "微软雅黑"; line-height: 1.62; } .about-goal_text p { color: #ffffff; font-size: 42px; font-family: "微软雅黑"; line-height: 1.9; } .about-goal_text:after { content: ""; position: absolute; top: 57px; left: 50%; width: 1px; height: 60px; background-color: #ffffff; } .about-idea_item:after { content: ""; display: block; clear: both; height: 0; } .about-idea_imge { float: right; width: 50%; } .about-idea_imge a { display: block; padding-bottom: 60.75%; position: relative; overflow: hidden; } .about-idea_imge img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; } .about-idea_text { float: left; width: 50%; padding-bottom: 30.375%; background-color: #ffffff; position: relative; } .about-idea_card { position: absolute; top: 50%; left: 0; width: 100%; padding: 8.3333334%; box-sizing: border-box; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .about-idea_desc { color: #000000; font-size: 16px; text-align: center; line-height: 1.88; padding-top: 9.7916667%; position: relative; min-height: 9.375em; } .about-idea_desc p { color: #000000; font-size: 16px; line-height: 1.88; } .about-idea_desc:before { content: ""; position: absolute; top: 0; left: 50%; width: 50px; height: 2px; margin-left: -25px; margin-top: 4.5%; background-color: #ff4229; } .about-idea_item:first-child .about-idea_imge { float: left; } .about-idea_item:first-child .about-idea_text { float: right; } .about-idea_item:hover .about-idea_imge img { opacity: 0.8; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .about-server { background:#f4f4f4;padding-top: 100px;text-align: center;} .about-server-list {display: inline-block;margin-top: 104px;} .server-one {display: inline-block; margin: 0 3.2% 100px;width: 245px;width: 16.334%;vertical-align: top;} .server-one-img {display: inline-block;margin-bottom: 36px;border: 2px solid #fd8c04;width: 106px;height: 106px;line-height: 102px;text-align: center;border-radius: 50%;} .server-one-desc h3 {margin: 0;margin-bottom: 20px;font-size: 18px;color: #fd8c04;} .server-one-desc p.desc {margin-bottom: 0;line-height: 24px; color: #898989;} .server-one.first{visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;} .server-one.second{visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;} .server-one.third{visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;} .server-one.fourth{visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;} .about_join{padding: 100px 0;} .about_join .desc{ text-align:center; line-height:32px; font-size:18px; margin:50px 0; } .about_join .desc stong{ color:#fd8c04;} @media screen and (max-width:1200px) { .aboutbody_2_2 span{ font-size:2em;} .aboutbody_2_4{ margin-top:3em;margin-bottom:4em;} .about-goal_text p { font-size: 32px; line-height:1.5;} .about-idea_card {top: 60%;padding: 4.3333334%;} .server-one {margin: 0 1.2% 50px; width: 20.334%;} .about-server {padding-top: 60px;} .about_join{padding:60px 0;} .about_join .desc{ margin:30px 0; } .about-goal { padding:50px 0; height: 350px;} } @media screen and (max-width:992px) { .aboutbody_2_2 span{ font-size:22px;} .aboutbody_2_3 span{font-size:1.2em;} .aboutbody_2_3{margin-top:1em;} .aboutbody_2_4{ margin-top:2em;margin-bottom:4em;} .about-idea_card {padding: 8.3333334% 2%; } .about-server-list { margin-top:60px;} .server-one {margin: 0 1% 50px; width: 22%;} .about-server {padding-top: 40px;} .about_join .desc{line-height:28px; font-size:16px; margin:30px 0; } .about-goal_text p { font-size: 26px; line-height:1.5;} .about-idea_item:first-child .about-idea_imge { width:100%; } .about-idea_item:first-child .about-idea_text { width:100%;} .about-idea_imge { float: none; width:100%;} .about-idea_text { padding-bottom: 50.375%;width:100%;} } @media screen and (max-width:768px) { .about_join{padding:30px 0;} .about-goal_text p { font-size: 22px; line-height:1.5;} .server-one {margin: 0 1% 50px; width: 47%;} .server-one-desc p.desc { padding:0 1%;} .about-idea_text { padding-bottom: 70.375%;} } .news_list{ padding:8em 0 5em; background:#fff;} #gallery-wrapper {position: relative; margin:50px auto;} img.thumb {width: 100%;max-width: 100%;height: auto;} .news_list_panel {position: absolute;background: #f4f4f4;border-radius: 5px;} .news_list_panel:hover {box-shadow:0 15px 15px rgba(107,107,107,.05);background:#f60;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .news_list_panel img{ width:100%;} .news_list_panel a{display:block; padding:40px; overflow:hidden; margin:0px;} .news_list_panel_1{ margin-bottom:1.2em;font-size:20px; color:#333; font-weight:600; padding-bottom:1em; border-bottom:1px #ccc solid; } .news_list_panel_2{margin:0px; padding:0px; clear:both; ine-height:1.7em; margin-top:1.2em; margin-bottom:1em;} .news_list_panel_3{margin:0px; padding:0px; clear:both; color:#868686;} .news_list_panel:hover .news_list_panel_1{ color:#fff;border-bottom:1px #fff solid;} .news_list_panel:hover .news_list_panel_2{ color:#fff;} .news_list_panel:hover .news_list_panel_3{ color:#fff;} .wall {display: block;position: relative;} .wall-column {display: block;position: relative;width: 33.3337%;float: left;padding: 0 1%;box-sizing: border-box;} .article {display: block;margin: 0 0 8% 0;border-radius: 3px;transition: all 100;overflow: hidden;position: relative;} .article:hover{ transform: scale(1.01);} .article img {display: block;width: 100%;margin: 0 0 5% 0;} .news_list{ padding:8em 0 5em; background:#fff;} #gallery-wrapper {position: relative; margin:50px auto;} img.thumb {width: 100%;max-width: 100%;height: auto;} .news_list_panel {position: absolute;background: #f4f4f4;border-radius: 5px;} .news_list_panel:hover {box-shadow:0 15px 15px rgba(107,107,107,.05);background:#f60;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .news_list_panel img{ width:100%;} .news_list_panel a{display:block; padding:40px; overflow:hidden; margin:0px;} .news_list_panel_1{ margin-bottom:1.2em;font-size:20px; color:#333; font-weight:600; padding-bottom:1em; border-bottom:1px #ccc solid; } .news_list_panel_2{margin:0px; padding:0px; clear:both; ine-height:1.7em; margin-top:1.2em; margin-bottom:1em;} .news_list_panel_3{margin:0px; padding:0px; clear:both; color:#868686;} .news_list_panel:hover .news_list_panel_1{ color:#fff;border-bottom:1px #fff solid;} .news_list_panel:hover .news_list_panel_2{ color:#fff;} .news_list_panel:hover .news_list_panel_3{ color:#fff;} .wall {display: block;position: relative;} .wall-column {display: block;position: relative;width: 33.3337%;float: left;padding: 0 1%;box-sizing: border-box;} .article {display: block;margin: 0 0 8% 0;border-radius: 3px;transition: all 100;overflow: hidden;position: relative;} .article:hover{ transform: scale(1.01);} .article .img { width: 100%;} .article img {display: block;width: 100%;margin: 0 0 5% 0;} #news-finished{text-align: center;float: none;clear: both;color:#999;} .grid-wrap {clear: both;margin: 0 auto;padding: 0;} .grid {padding: 0;list-style: none;min-height: 500px} .grid li {float: left;overflow: hidden;width: 31.3337%; margin: 0 1% 20px;text-align: left;vertical-align: top} .js .grid li {display: none;float: left} .js .grid.loaded li {display: block} @media screen and (max-width:1200px) { .news_list_panel a{padding:15px; } .news_list_panel_1{ font-size:16px; } } @media screen and (max-width:600px) { .grid li { width: 48%; } } @media screen and (max-width:425px) { .grid li { width: 98%; } } .newsinfo{ padding:9em 0 3em; background:#fff;} .newsinfo_1_left{float:left; width:70%;} .newsinfo_1_right{float:right; width:23%; background:#fafafa; padding:2.5%; margin-left:2%;} .newsinfo_1_left_1{ font-size:1.875em;} .newsinfo_1_left_2{ margin-top:1em; padding-bottom:1em;border-bottom: 1px solid #e0e0e0;} .newsinfo_1_left_2 span{display: inline-block;margin-right: 2.8%; color:#999;} .newsinfo_1_left_3{ margin-bottom:5em;} .newsinfo_1_left_4{ overflow:hidden;border:1px #e0e0e0 solid;} .newsinfo_1_left_4_left{float:left; width:50%;} .newsinfo_1_left_4_right{float:right; width:50%; text-align:right;} .newsinfo_1_left_4_mid{padding:0 1.5em;} .newsinfo_1_left_4_mid a{padding-top:2em; padding-bottom:2em; padding-right:2em;display:block; padding-left:3.3125em; background-position:left center; background-repeat:no-repeat; background-image:url(../images/img2.png);} .newsinfo_1_left_4_right .newsinfo_1_left_4_mid a{ padding-left:2em; padding-right:3.3125em; background-position:right center; background-image:url(../images/img3.png);} .newsinfo_1_left_4_left:hover .newsinfo_1_left_4_mid a{ color:#4d4d4d; background-image:url(../images/img5.png);} .newsinfo_1_left_4_right:hover .newsinfo_1_left_4_mid a{background-image:url(../images/img4.png);color:#4d4d4d;} .newsinfo_1_left_4_left:hover,.newsinfo_1_left_4_right:hover{background-color:#fff;} .newsinfo_1{margin-bottom:5em;} .newsinfo_1_right_1{ font-size:1.875em; margin-bottom:20px; } .newsinfo_1_right_3 ul li{border-top: 1px solid #e0e0e0;overflow:hidden; padding:1.5em 0;} .newsinfo_1_right_3_1{font-size:1.125em;} .newsinfo_1_right_3_2{ margin-top:0.5em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;overflow: hidden; height:3.428571428571429em; } @media screen and (max-width:1200px) { .news_list{ padding:6em 0 3em;} .newsinfo{ padding:6em 0 3em;} .newsinfo_1_left_1{ font-size:1.2em;} .newsinfo_1_left{width:100%;} .newsinfo_1_right{width:90%; padding:5%; margin-left:0px;} .newsinfo_1_right{margin-top:3em;}} @media screen and (max-width:992px) { .newsinfo_1_left_1{text-align:center; font-size:18px; } .newsinfo_1_left_2{text-align:center;} .newsinfo_1_left_3{margin-bottom:3em;} .newsinfo_1_left_4_mid a{font-size:0.9375em;} .newsinfo_1_right_1{font-size:1.125em;} .newsinfo_1{margin-bottom:2em;} .newsinfo_1_left_4_left{float:left; width:100%;} .newsinfo_1_left_4_right{float:left; width:100%; text-align:left;} .newsinfo_1_left_4_mid a {background-image: none;padding-left:0;padding-bottom:0.5em;padding-top:0.5em;} .newsinfo_1_left_4_right .newsinfo_1_left_4_mid a {background-image: none;padding-left: 0;} } @media screen and (max-width:768px) { .wall-column {width: 50%;} .news_list_panel_1{ margin-bottom:1.1em;font-size:18px; font-weight: normal;} .news_list{ padding:4em 0 3em;} .newsinfo{ padding:4em 0 3em;} } @media screen and (max-width:500px) { .news_list{ padding:2em 0 3em;} .newsinfo{ padding:2em 0 3em;} .newsinfo_1_left_1{font-size:17px; } .newsinfo_1_left_4{ display:none; } .newsinfo_1_right {margin-top: 0; } .wall-column {width: 100%;} .news_list_panel a{padding:20px;} .news_list_panel_1{ margin-bottom:1.1em;font-size:16px;} } .newsinfo_1{overflow:hidden;} .website_1{text-align:center; padding:9em 0 1em; background:#fff;} .website_1_1 span{text-align:center; font-size:3em; color:#000;} .website_1_2{ margin-top:3em;margin-bottom:3em;} .website_1_2 p{ font-size:16px; line-height:30px;} .website_service{ padding: 2% 0 5%;margin: 0 auto 2% auto;border-bottom: 1px solid #eee;} .website_service li{display: block;float: left;width: 16.666%;} .website_service li .left{width: 100%;height: 75px;} .website_service li.fwli1 .left{ background: url(../images/icon_web_1_1.png) center no-repeat;} .website_service li.fwli1:hover .left{ background: url(../images/icon_web_1_2.png) center no-repeat;} .website_service li.fwli2 .left{ background: url(../images/icon_web_2_1.png) center no-repeat;} .website_service li.fwli2:hover .left{ background: url(../images/icon_web_2_2.png) center no-repeat;} .website_service li.fwli3 .left{ background: url(../images/icon_web_3_1.png) center no-repeat;} .website_service li.fwli3:hover .left{ background: url(../images/icon_web_3_2.png) center no-repeat;} .website_service li.fwli4 .left{ background: url(../images/icon_web_4_1.png) center no-repeat;} .website_service li.fwli4:hover .left{ background: url(../images/icon_web_4_2.png) center no-repeat;} .website_service li.fwli5 .left{ background: url(../images/icon_web_5_1.png) center no-repeat;} .website_service li.fwli5:hover .left{ background: url(../images/icon_web_5_2.png) center no-repeat;} .website_service li.fwli6 .left{ background: url(../images/icon_web_6_1.png) center no-repeat;} .website_service li.fwli6:hover .left{ background: url(../images/icon_web_6_2.png) center no-repeat;} .website_service li .right{width: 90%;height: 75px; padding:2% 5%;} .website_service li .right h2{font-size: 18px;font-weight: normal;color: #333;margin: 0 0 10px 0;} .website_service li .right p{ line-height: 26px;color: #888; font-size:14px;} .website_service *{-moz-transition:all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;} .website_content{} .website_content .button_more{margin: 30px 0 0 0;} .website_cate{ margin-bottom:3%; } .website_cate h1{margin: 0 0 30px 0;font-family: "微软雅黑", Microsoft Yahei;font-size: 3em;line-height: 72px;} .website_cate p{font-size: 18px;line-height: 30px;color: #6e6e6e;} .website_cate .text{width: 30%;} .website_cate .pic_website{width: 70%;position: relative;} .website_cate1 .text{ float: left; margin: 14% 0 0 0;} .website_cate1 .pic_website{ float: right; text-align: right;} .website_cate1 .pic_website img:nth-child(1){ margin: 30px 400px 255px 0;} .website_cate1 .pic_website img:nth-child(2){ position: absolute; right: 55px; top: 160px;} .website_cate1 .pic_website img:nth-child(3){ position: absolute; right: 30px; bottom:30px;} .website_cate1 .button_more{ float: left;} .website_cate2 .text{ float: right!important; margin: 11% 0 0 0; text-align: right;} .website_cate2 .pic_website{ float: left; text-align: left;} .website_cate2 .button_more{ float: right;} .website_cate3 .text{ float: left; margin: 14% 0 0 0;} .website_cate3 .pic_website{ float: right; text-align: right; margin-bottom:3%;} .website_cate3 .pic_website img:nth-child(1){ margin: 0 25px 80px 0;} .website_cate3 .pic_website img:nth-child(2){ position: absolute; right: 0; top: 75px;} .website_cate3 .pic_website img:nth-child(3){ position: absolute; right: 0; bottom: 0;} .website_cate3 .button_more{ float: left;} @media screen and (max-width:1440px) { .website_cate1 .pic_website img:nth-child(1){ margin: 30px 200px 255px 0;} .website_cate1 .pic_website img:nth-child(2){ right: 0px; top: 180px;} .website_cate1 .pic_website img:nth-child(3){ bottom:80px;} .website_cate2 .pic_website img{ width:30%;} .website_service{ padding: 2% 0 8%;} .website_cate h1{ line-height:52px;} } @media screen and (max-width:1200px) { .website_1{ padding:6em 0 1em;} .website_1_1 span{ font-size:2em;} .website_1_2{ margin-top:2em;margin-bottom:2em;} .website_service li{display: block;float: left;width: 33.333337%; margin-bottom:5%;} .website_cate{ margin-bottom:1%; } .website_cate .text{width:40%;} .website_cate .pic_website{width: 60%;} .website_cate1 .text{ float: left; margin: 8% 0 0 0;} .website_cate h1{ font-size: 2em;line-height:42px;} .website_cate p{font-size: 16px;line-height: 26px;} .website_cate3 { padding-bottom:3em;} .website_cate1 .pic_website img:nth-child(1){margin: 30px 220px 170px 0;max-width: 52%;} .website_cate1 .pic_website img:nth-child(2){top: 100px;max-width: 47%;} .website_cate1 .pic_website img:nth-child(3){bottom: 50px;max-width: 50%;} .website_cate2 .pic_website img{max-height: 460px;} .website_cate3 .pic_website img:nth-child(1){max-width: 60%;margin: 0 205px 80px 0;} .website_cate3 .pic_website img:nth-child(2){max-width: 38%;right: 0;top: -15px;} .website_cate3 .pic_website img:nth-child(3){max-width: 53%;right: 0;bottom: 15px;} .website_cate4 .pic_website img:nth-child(2){left: 90px;} .website_cate4 .pic_website img:nth-child(3){left: 195px;} } @media screen and (max-width:992px) { .website_1_1 span{ font-size:20px;} .website_cate1 .pic_website img:nth-child(1){margin: 30px 130px 100px 0;max-width: 59%;} .website_cate1 .pic_website img:nth-child(2){top: 96px;max-width: 47%;} .website_cate1 .pic_website img:nth-child(3){bottom: 30px;max-width: 50%;} .website_cate2 .pic_website img{max-height: 390px;} .website_cate3 .pic_website img:nth-child(1){max-width: 76%;margin: 0 110px 80px 0;} .website_cate3 .pic_website img:nth-child(2){max-width: 38%;right: -12px;top: 12px;} .website_cate3 .pic_website img:nth-child(3){max-width: 60%;right: 0;bottom: 40px;} } @media screen and (max-width:768px) { .website_cate .text{width:45%;} .website_cate .pic_website{width:55%;} .website_cate h1{ font-size: 20px;line-height:32px;} .website_cate1 .pic_website img:nth-child(1){ margin: 30px 200px 150px 0;} .website_cate1 .pic_website img:nth-child(2){ right: 0px; top: 130px;} .website_cate1 .pic_website img:nth-child(3){ right:30px; bottom:50px;} .website_cate1 .text{ float: left; margin: 3% 0 0 0;} .website_cate2 .text{ margin: 3% 0 0 0;} .website_cate3 .text{ margin: 4% 0 0 0;} .website_cate3 .pic_website img:nth-child(2){top: 65px;} .website_service li{width: 50%; margin-bottom:17%;} } @media screen and (max-width:500px) { .website_1{ padding:2em 0 3em;} .website_cate .text{width:100%;} .website_cate .pic_website{width:100%;} .website_cate2 .text{ float: left!important; text-align: left;} .website_cate2 .button_more{ float: left;} } .button_more{width: 310px;height: 60px;text-align: center;line-height: 56px;display: block;margin: 4% auto 0 auto;color: #333;font-size: 16px;position:relative;overflow: hidden;color: #fff; background-image: linear-gradient(#ff8421, #fe8417,#fe8814,#ff7e00);} .button_more:before {content: '';position: absolute;background: #fff;width: 25px;height: 60px;top: 0;left: -45px;opacity: 0.3;-webkit-transition: all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;-webkit-transform:skewX(-25deg);-moz-transform: skewX(-25deg);-ms-transform:skewX(-25deg);-o-transform:skewX(-25deg);transform:skewX(-25deg);} .button_more:hover:before {width: 45px;left: 355px;} .button_more span{width: 12px;height: 11px;background: url(../images/icon_tri.png) center no-repeat;background-size: contain;display: inline-block;margin: 0 0 0 5px;-webkit-transform:rotate(180deg);-moz-transform: rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-moz-transition:all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition:all 0.5s;transition: all 0.5s;} @media screen and (max-width:1200px) { .button_more{width:210px;height: 50px;line-height: 46px;} } @media screen and (max-width:768px) { .button_more{width:170px;height: 40px;line-height: 41px;} } .marketbody_2_1_mid{ margin:0 auto; width:15.8125em; position:relative; height:19.625em;} .marketbody_2_1{margin-top:6.875em; margin-bottom:3em;} .marketbody_2_1_mid_left{position:absolute; left:0; top:0; width:100%; height:100%; background-position:left center; z-index:10; background-image:url(../images/img1.png); background-repeat:no-repeat;} .marketbody_2_1_mid_right{ background-position:right center;position:absolute; right:0; top:0; width:100%; height:100%; background-image:url(../images/img2.png); background-repeat:no-repeat;} .marketbody_2_1_mid:hover .marketbody_2_1_mid_left{background-position:right center;} .marketbody_2_1_mid:hover .marketbody_2_1_mid_right{background-position:left center;} .marketbody_2_2 span{text-align:center; font-size:3em; color:#000;} .marketbody_2_2 b{ color:#fd8c04;} .marketbody_2_3 span{font-size:1.5em;} .marketbody_2_3,.marketbody_2_2,.marketbody_2_4{text-align:center;} .marketbody_2_3{margin-top:1.5em;} .marketbody_2_4{ margin-top:3em;} .net1{padding: 120px 0;min-height: 540px;background: url(../images/net_1.png) left top no-repeat;background-size: 100%;text-align: center;} .net1 .tt{font-size: 36px;color: #fff;} .net1 .ul1 *{transition: all .5s;-webkit-transition: all .5s;} .net1 .ul1{margin-top: 80px;-moz-box-shadow:0px 2px 5px #ddd; -webkit-box-shadow:0px 2px 5px #ddd; box-shadow:0px 2px 5px #ddd;} .net1 .ul1 li{width: 16.666666667%;float: left;height: 495px;box-sizing: border-box;background: #fff;position: relative;} .net1 .ul1 li .img{display: block; margin: 60px auto; overflow: hidden;position: relative;} .net1 .ul1 li:before{transition: all .3s;-webkit-transition: all .3s;content: " ";display: block; position: absolute;width: 0%;height: 4px;bottom: 0;left: 0;background: #fd8c04;z-index: 9;} .net1 .ul1 li .ltt{font-size: 24px;} .net1 .ul1 li .ltc{color: #666;font-size: 14px;margin-top: 10px;line-height: 1.8;} .net1 .ul1 li s{display: block;width: 1px ;height: 320px;background: #eee;position: absolute;right: 0;top: 98px;} .net1 .ul1 li:hover{background: #eee;} .net1 .ul1 li:hover:before{width: 100%;} .net2{padding: 0 0 120px;text-align: center;} .net2 .tt{font-size: 36px;} .net2 .abtn{margin: 50px 0 20px;} .net2 .abtn *{transition: all .5s;-webkit-transition: all .5s;} .net2 .abtn span{display: inline-block;position: relative;font-size: 22px;color: #666; margin: 0 30px;cursor: pointer;} .net2 .abtn span s{display: block;position: absolute;left: 0;bottom: 0;width: 0%;height: 2px;background: #000;} .net2 .abtn span:hover,.net2 .abtn span.act{color: #000;} .net2 .abtn span:hover s,.net2 .abtn span.act s{width: 100%;} .net2 .ul1{} .net2 .ul1 li{display: none;} .net2 .ul1 li:nth-child(1){display: block;} .net2 .ul1 li .ltt{ color: #666;} .net2 .ul1 li .ltc{width: 360px;height: 360px;position: relative;box-sizing: border-box;margin: 50px auto 0;border:2px solid #fa761d;border-radius: 50%;} .net2 .ul1 li .ltc .tq1{width: 160px;height: 160px;background: #e96e0c;position: absolute;top: 50%;left: 50%;margin-top: -80px;margin-left: -80px;border-radius: 50%;animation:bianda2 2s infinite linear ;-webkit-animation:bianda2 2s infinite linear;} .net2 .ul1 li .ltc .tq2{width: 160px;height: 160px;background: #ff841e;position: absolute;top: 50%;left: 50%;margin-top: -80px;margin-left: -80px;border-radius: 50%;animation:bianda 2.5s infinite linear;-webkit-animation:bianda 2.5s infinite linear;} .net2 .ul1 li .ltc .tq3{width: 160px;height: 160px;background: #fa761d;position: absolute;top: 50%;left: 50%;margin-top: -80px;margin-left: -80px;border-radius: 50%;} @-webkit-keyframes bianda{0%{-webkit- transform:scale(1);opacity: 1;}100%{-webkit- transform:scale(1.5);opacity: 0;}} @keyframes bianda{0%{-ms- transform:scale(1);}100%{-ms- transform:scale(1.5);}0%{-moz- transform:scale(1);}100%{-moz- transform:scale(1.5);}0%{-o- transform:scale(1);}100%{-o- transform:scale(1.5);}0%{ transform:scale(1);opacity: 1;} 100%{ transform:scale(1.5);opacity: 0;}} @-webkit-keyframes bianda2{0%{-webkit- transform:scale(1);opacity: 1;}100%{-webkit- transform:scale(2);opacity: 0;}} @keyframes bianda2{0%{-ms- transform:scale(1);}100%{-ms- transform:scale(1.8);}0%{-moz- transform:scale(1);}100%{-moz- transform:scale(1.8);}0%{-o- transform:scale(1);}100%{-o- transform:scale(1.8);}0%{ transform:scale(1);opacity: 1;} 100%{ transform:scale(1.8);opacity: 0;}} .net2 .ul1 li .ltc .txt1{position: absolute;width: 380px;line-height: 80px;font-size: 20px;top: 0;left: -280px;} .net2 .ul1 li .ltc .txt1 s{display: block;width: 140px;height: 1px;background: url(../images/net_15.png) center ;float: right;margin-top: 40px;} .net2 .ul1 li .ltc .txt1 img{float: right;display: block;} .net2 .ul1 li .ltc .txt2{position: absolute;width: 430px;line-height: 80px;font-size: 20px;top: 0;right: -320px;} .net2 .ul1 li .ltc .txt2 s{display: block;width: 140px;height: 1px;background: url(../images/net_15.png) center ;float: left;margin-top: 40px;} .net2 .ul1 li .ltc .txt2 img{float: left;display: block;} .net2 .ul1 li .ltc .txt3{position: absolute;width: 380px;line-height: 80px;font-size: 20px;bottom: 0px; left: -280px;} .net2 .ul1 li .ltc .txt3 s{display: block;width: 140px;height: 1px;background: url(../images/net_15.png) center ;float: right;margin-top: 40px;} .net2 .ul1 li .ltc .txt3 img{float: right;display: block;} .net2 .ul1 li .ltc .txt4{position: absolute;width: 430px;line-height: 80px;font-size: 20px;bottom: 0;right: -320px;} .net2 .ul1 li .ltc .txt4 s{display: block;width: 140px;height: 1px;background: url(../images/net_15.png) center ;float: left;margin-top: 40px;} .net2 .ul1 li .ltc .txt4 img{float: left;display: block;} .net3{padding: 120px 0;text-align: center; background: #fafafa;} .net3 .wrap .tt{font-size: 36px;} .net3 .ul1{margin: 60px 0 0} .net3 .ul1 li{width: 18.5%;float: left; background:#fff; padding:30px 0.5%; border-right:1px solid #f4f4f4;} .net3 .ul1 li .img{display: block;overflow: hidden; margin: 0 auto;/*width: 160px;height: 160px;background:#f7941d;overflow: hidden;border-radius: 50%;*/} .net3 .ul1 li .ltt{font-size: 20px;margin: 20px 15px;} .net3 .ul1 li .ltc{font-size: 14px;line-height: 2; padding:0 15px;} .net4{padding: 120px 0; } .net4 .wrap .tt{font-size: 36px;} .net4 .ul1{margin: 60px 0 0} .net4 .ul1 li{width:32%;float: left; padding:30px 0.5%;} .net4 .ul1 li .img{display: block;overflow: hidden; margin: 0 auto;/*width: 160px;height: 160px;background:#f7941d;overflow: hidden;border-radius: 50%;*/} .net4 .ul1 li .ltt{font-size: 20px;margin: 20px 15px;} .net4 .ul1 li .ltc{font-size: 14px;line-height: 2; padding:0 15px;} .case_lists{padding: 9em 0; min-height:400px; background:#fff; margin-bottom:120px;} .case_lists .case a {width: 31.93337%; margin-right:2%; margin-bottom:2%; height:3.5rem} .case_lists .case:nth-child(3n) a{ margin-right:0;} .case_detail{ padding-top:7em; background:#fff; height:100%;overflow:hidden;} .case_detail .case_detail_top { padding-bottom:5em; margin-bottom:5em; min-height:10em;border-bottom: 1px solid #dedede;} .case_detail .case_detail_top dl{display: block;position: relative;} .case_detail .case_detail_top dl dt{width: 3.8rem;display: block;position: absolute;left: 0;top: 0;} .case_detail .case_detail_top dl dt h3{font-size: .36rem;color: #333333;line-height: .46rem;font-weight: normal;margin: 0;} .case_detail .case_detail_top dl dt span{font-size: .26rem;line-height: .36rem; color:#666666;} .case_detail .case_detail_top dl dt p{display:block;margin: 0;font-size: .18rem;color: #999999;margin-top: .65rem;font-weight: normal;} .case_detail .case_detail_top dl dd{display: block;margin-left: 5rem;position: relative;} .case_detail .case_detail_top dl dd h3{font-size: .36rem;color: #444444;font-weight: normal;position: absolute;line-height: .34rem;top: .03rem;} .case_detail .case_detail_top dl dd p{color: #666666;font-weight: normal;margin-left: 1.4rem;font-size: 18px;line-height: .32rem;text-align: justify;} .case-content{display: block;width: 100%; margin-top: .9rem;padding-bottom: 1.5rem; text-align:center;border-bottom: 1px solid #dedede;} .link-case{padding: 40px 0;} .link-case a{color:#000;} .link-case a:hover{ color:#f7941d;} .link-case .case-prev{padding-left: 20px; background:url("../images/atr_left.png") no-repeat left center; float:left;} .link-case .case-next{padding-right: 20px; background:url("../images/news_atr.png") no-repeat right center; float:right;} @media screen and (max-width:1440px) { .net4 .ul1 li .img img{ width:100%;} } @media screen and (max-width:1366px) { .net1{padding: 60px 0} .net1 .ul1 li{ height: 405px;} .net1 .ul1 li s{height: 280px;} .net1 .ul1 li .ltt{font-size: 20px;} .net1 .ul1 li .img{margin: 30px auto 20px;} .net1 .ul1 li .img img{ width:100%;} .net1 .tt{font-size: 26px;color: #fff;} .net2 .tt{font-size: 26px;} .net3 .ul1 li .img img{ width:100%;} .net3 .wrap .tt{font-size: 26px;} .net3 .ul1 li .ltt{font-size: 18px;margin: 15px 10px;} .net4 .wrap .tt{font-size: 26px;} .case-content img{ width:100%;} .case_detail{ padding-top:4em; } } @media screen and (max-width:1200px) { .case_detail{ padding-top:3em; } .case_lists{ padding:6em 0;min-height:500px; } .case_detail .case_detail_top dl dd p{ font-size: 16px; line-height:1.8; } .marketbody_2_2 span{ font-size:2em;} .marketbody_2_3{margin-top:1em;} .marketbody_2_4{ margin-top:2em;} .marketbody_2_3 span{font-size:1.2em;} .net1 .ul1 li .img{margin: 30px auto 10px;} .net1 .ul1 li{width: 33.333337%;} .net1 .ul1 li{ height: 435px;} .net1 .ul1{margin-top: 40px;} .net2{padding: 0 0 60px;} .net2 .abtn{margin: 30px 0 20px;} .net2 .abtn span{font-size: 18px;} .net2 .ul1 li .ltc .txt1{font-size:16px;top: 0;left: -200px;width: 300px;} .net2 .ul1 li .ltc .txt2{font-size: 16px;top: 0;right: -200px;width: 300px;} .net2 .ul1 li .ltc .txt3{font-size: 16px;bottom: 0px; left: -200px;width: 300px;} .net2 .ul1 li .ltc .txt4{font-size: 16px;bottom: 0;right: -200px;width: 300px;} .net2 .ul1 li .ltc .txt1 s{display: block;width: 80px;} .net2 .ul1 li .ltc .txt2 s{display: block;width: 80px;} .net2 .ul1 li .ltc .txt3 s{display: block;width: 80px;} .net2 .ul1 li .ltc .txt4 s{display: block;width: 80px;} .net3{padding: 60px 0;} .net3 .ul1{margin: 30px 0 0} .net3 .ul1 li { height:320px;} .net3 .ul1 li .ltc{ line-height:1.7; padding:0 10px;} .net4{padding: 50px 0; } .net4 .ul1{margin:30px 0 0} } @media screen and (max-width:768px) { .case_detail{ padding-top:2em; } .case-content{margin-top: .4rem;padding-bottom: 1rem; } .case_lists .case a {width: 49%;} .case_lists .case:nth-child(2n) a,.case_lists .case:nth-child(6n) a{ margin-right:0;} .case_lists .case:nth-child(2n+1) a{ margin-right:2%;} .case_detail .case_detail_top dl dt{width:100%; height:120px;display: block;position: static;left: 0;top: 0;} .case_detail .case_detail_top dl dt h3{ font-size:20px;line-height: .5rem; } .case_detail .case_detail_top dl dt p{ margin-top: .25rem; font-size:15px; } .case_detail .case_detail_top dl dd{display: block;margin-left: 0;position: static; width:100%;} .case_detail .case_detail_top dl dd p{ margin-left:0;font-size: 15px;line-height:1.8;text-align: justify;} .marketbody_2_2 span{ font-size:22px;} .net1 .tt{font-size: 22px;color: #fff;} .net1 .ul1 li .ltc{ margin-top: 0px;} .net2 .tt{font-size: 22px;} .net3 .wrap .tt{font-size: 22px;} .net4 .wrap .tt{font-size: 22px;} .net1 .ul1 li{ height: 400px;} .net1{padding: 30px 0} .net2 .ul1 li .ltc .txt1 s{display: block;width: 40px;} .net2 .ul1 li .ltc .txt2 s{display: block;width: 40px;} .net2 .ul1 li .ltc .txt3 s{display: block;width: 40px;} .net2 .ul1 li .ltc .txt4 s{display: block;width: 40px;} } @media screen and (max-width:500px) { .case_lists{ padding:2em 0 3em;min-height:700px;} .case_lists .case a { height:2.4rem} .marketbody_2_3 span{font-size:1em;} .marketbody_2_4{ margin-top:1em;} .net1 .ul1 li{width: 50%;} .net1 .ul1 li{ height: 330px;} .net1 .ul1 li s{height: 200px;} .net2{padding: 0 0 30px;} .net2 .ul1{ margin-top:30px; clear:both;} .net2 .ul1 li .ltc{width: auto;height: auto; margin: 40px auto 0;border:0px solid #fa761d;} .net2 .ul1 li .ltc .tq1{ display:none} .net2 .ul1 li .ltc .tq2{ display:none} .net2 .ul1 li .ltc .tq3{ display:none} .net2 .ul1 li .ltc .txt1{font-size:16px;top: 0;left:0px;width: 80%;position: static; margin-bottom:10px;} .net2 .ul1 li .ltc .txt2{font-size: 16px;top: 0;right: 0px;width: 80%;position: static; margin-bottom:10px; } .net2 .ul1 li .ltc .txt3{font-size: 16px;bottom: 0px; left:0px;width: 80%;position: static; margin-bottom:10px;} .net2 .ul1 li .ltc .txt4{font-size: 16px;bottom: 0;right: 0px;width: 80%;position: static; margin-bottom:10px;} .net2 .ul1 li .ltc .txt1 img{float: left;display: block; } .net2 .ul1 li .ltc .txt2 img{float: left;display: block; } .net2 .ul1 li .ltc .txt3 img{float: left;display: block;} .net2 .ul1 li .ltc .txt4 img{float: left;display: block;} .net2 .ul1 li .ltc .txt1 s{display:none;} .net2 .ul1 li .ltc .txt2 s{display:none;} .net2 .ul1 li .ltc .txt3 s{display:none;} .net2 .ul1 li .ltc .txt4 s{display:none;} .net3 .ul1 li { height:360px;} .net3 .ul1 li{width: 48%;float: left;} .net4 .ul1 li{width:100%;float: none; padding:30px 0;} .net4 .ul1{margin:0px 0 0} } @media screen and (max-width:400px) { .net1{min-height:auto;} .net1 .ul1 li{ height: 320px;} .net1 .ul1 li .ltt{font-size: 16px;} .net1 .ul1 li .ltc{ font-size: 13px; line-height: 1.5;} } .ser_part1 {overflow:hidden;background:#fff; padding:6em 0;} .ser_part1 .ser-item {float: left;width:33.3333337%} .ser_part1 .ser-item.first{visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;} .ser_part1 .ser-item.second{visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;} .ser_part1 .ser-item.third{visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;} .ser_part1 .ser-item .inner {position: relative;margin: 0 27px} .ser_part1 .ser-item .inner:hover .id { color: #ccc} .ser_part1 .ser-item .inner:hover h2{color: #f7941d} .ser_part1 .ser-item .inner:hover .sub {border-bottom-color: #f7941d\9} .ser_part1 .ser-item .inner:hover .line {width: 100%} .ser_part1 .ser-item .inner .line {position: absolute;left: 0;bottom: 0;width: 0;height: 2px;background-color:#f7941d;-webkit-transition: width ease-in-out 0.5s;-o-transition: width ease-in-out 0.5s;-moz-transition: width ease-in-out 0.5s;transition: width ease-in-out 0.5s} .ser_part1 a:hover .ac {display: block;} .ser_part1 a:hover img{display: none;} .ser_part1 .ico{display:block;margin-bottom:12px;height:82px;line-height:82px;} .ser_part1 .ico img{vertical-align: top;} .ser_part1 .ico .ac{display:none; } .ser_part1 .id {position: absolute; right: 27px;top: 0; font-size: 100px;line-height: 100px;color: #f2f2f2; font-weight: bold; -webkit-transition: all ease .3s;-o-transition: all ease .3s;-moz-transition: all ease .3s; transition: all ease .3s} .ser_part1 h2 {display: block;padding: 40px 0 21px;font-size: 26px;line-height: 24px; font-weight: bold; color: #1a1a1a; -webkit-transition: all ease .3s;-o-transition: all ease .3s;-moz-transition: all ease .3s; transition: all ease .3s} .ser_part1 .sub { padding-top:60px;padding-bottom: 55px;height: 130px;border-bottom: 2px solid #ccc} .ser_part1 .sub a { display: block; padding-left: 30px; font-size: 14px;line-height: 36px; color: #666;} .ser_part1 .sub a:hover { color: #d80000; background-image: url("../images/ibuslineac.png")} .ser_part2{padding: 5% 0;background: #f6f8fb;} .ser_part2 ul{margin: 4% 0 0 0;} .ser_part2 ul li{display: block;float: left;width: 18%;margin: 0 9.333% 5% 0;text-align: center;} .ser_part2 ul li.first{visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;} .ser_part2 ul li.second{visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;} .ser_part2 ul li.third{visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;} .ser_part2 ul li.fourth{visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;} .ser_part2 ul li:nth-child(4n){margin: 0 0 3% 0; } .ser_part2 ul li img{height: 58px; margin-bottom:15px;} .ser_part2 ul li span{font-size: 18px;color: #f7941d;display: block;font-weight: bold;margin: 0 0 10px 0;} .ser_part2 ul li p{ color: #6e6e6e;text-align: center;line-height: 30px;height: 60px;} .ser_part2 ul li:hover img {-webkit-animation:icon-bounce 0.5s alternate;-moz-animation:icon-bounce 0.5s alternate;-ms-animation: icon-bounce 0.5s alternate;-o-animation:icon-bounce 0.5s alternate;animation:icon-bounce 0.5s alternate;} .section_title{text-align: center;} .section_title span{font-size: 3em;font-family:"微软雅黑", Microsoft Yahei;color: #151515;font-weight: bold;} .section_title{color: #888888;} .section_title p{line-height: 34px;font-size: 18px;} .ser_part3{padding: 5% 0;} .ser_part3 .section_title span{color: #f7941d; } .ser_part3 .section_title p{ margin-top:40px;} @media screen and (max-width:1200px) { .ser_part1{ padding:4em 0; } .section_title span{font-size: 2em;} .ser_part2{padding: 5% 0 2%;} .ser_part2 ul li{display: block;float: left;width: 21%;margin: 0 5.333% 9% 0;text-align: center;} } @media screen and (max-width:768px) { .ser_part1{ padding:0em 0 3em; } .ser_part1 .ser-item .inner { margin: 0 17px} .ser_part1 .id { right: 7px; font-size:60px;line-height: 60px;} .ser_part1 h2 {display: block;padding: 20px 0 21px;font-size: 20px;} .ser_part1 .sub { padding-top:10px;padding-bottom: 55px;height: 170px;} .section_title span{font-size: 20px;} .ser_part2 ul li{display: block;float: left;width: 22%;margin: 0 3.333% 9% 0;} .ser_part2 ul li span{font-size: 17px; } .ser_part2 ul li p{line-height: 26px; height:80px; } } @media screen and (max-width:600px) { .ser_part1 .ser-item { width:100%} .ser_part1 .sub { padding-bottom: 30px;height: 100px; margin-bottom:20px;} .ser_part2{padding: 5% 0 0;} .ser_part2 ul li{ width: 49%;margin: 0 2% 9% 0;} .ser_part2 ul li:nth-child(2n){ margin-right:0px;} .section_title p{line-height: 30px;font-size: 16px;} .ser_part3{padding: 8% 0;} } @keyframes icon-bounce { 0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);} 25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg);} 50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);} 75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg);} 85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg);} } @-webkit-keyframes icon-bounce { 0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);} 25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg);} 50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);} 75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg);} 85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg);} } @-moz-keyframes icon-bounce { 0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);} 25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg);} 50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);} 75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg);} 85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg);} } @-o-keyframes icon-bounce { 0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);} 25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg);} 50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);} 75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg);} 85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg);} } .contact_part1{ background:#fff; padding:5em 0 2em; } .touch-list { margin: 3% -1.4534883%; } .touch-list:after { content: ""; display: block; clear: both; height: 0; } .touch-card { float: left; height: 170px; width: 30.5084746%; padding: 1.6949153% 2.8248588%;box-shadow:0 8px 24px 3px rgba(0,0,0,0.1); margin: 0 1.4124294% 40px; background-color: #fafafa; box-sizing: border-box; position: relative; overflow: hidden; } .touch-icon { display: block; width: 36px; height: 36px; line-height: 1; color: #333; font-size: 36px; margin-top: 5px; } .touch-name { color: #666666; font-size: 16px; line-height: 1.88; margin-top: 12px; } .touch-main { color: #000000; font-size: 22px; line-height: 1.37; } .touch-code { position: absolute; top: 50%; right: 0; width: 46.2962963%; margin-right: 9.2592593%; min-width: 190px; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .touch-code_item { float: left; width: 40%; min-width: 75px; } .touch-code_item dt { border: 1px solid #e8e8e8; line-height: 0; } .touch-code_item dt img{ width:100%;} .touch-code_item dd { color: #000000; font-size: 14px; text-align: center; line-height: 1; margin-top: 12px; } @media screen and (max-width:1200px) { .contact_part1{ padding:4em 0 2em; } } @media screen and (max-width:1024px) { .contact_part1{ padding:3em 0 2em; } .touch-main {font-size: 20px;} .touch-code {right: 0; width: 46.2962963%; text-align:right; } .touch-code_item { float: right; } } @media screen and (max-width:768px) { .touch-card { float: left; width:47%; padding:3% 5%; } .touch-main {font-size: 18px;} } @media screen and (max-width:600px) { .contact_part1{ padding:0em 0 2em; } .touch-card { width:97%; height:150px; } } .processbg{padding: 100px 0;height: 526px;background: url("../images/bg_progress.jpg") center no-repeat;} .processbg .title{ text-align:center; width: 80%;margin: 0 auto;} .processbg .title span{font-size:40px; font-variant:normal; color: #151515; text-align:center;} .processul{position:relative;width: 80%;margin: 0 auto;height: 626px;} .processul li{display: block;position: absolute;text-align:center;transform: translate(0px, 0px);} .processul li p{margin: 25px 0 0 0;color:#151515;font-size: 20px;font-weight: bold;font-family: "微软雅黑", Microsoft Yahei;} .processul li span{color:#666666; line-height:20px; font-family: "微软雅黑", Microsoft Yahei;} .processul li:nth-child(1){ left: 230px; top: 87px; } .processul li:nth-child(2){ left: 356px; top: 241px; } .processul li:nth-child(3){ left: 516px; top: 141px; } .processul li:nth-child(4){ left: 654px; top: 268px; } .processul li:nth-child(5){ left: 809px; top: 45px; } .processul li:nth-child(6){ left: 970px; top: 163px; } .processul li:nth-child(7){ left: 1104px; top: 18px; } .processul li:nth-child(8){ left: 1240px; top: 174px; } .processul li:nth-child(9){ left: 1395px; top: 68px; } .processul li .light{width: 8px;height: 8px;border-radius: 50%;background: #fff;position: relative;margin: 25px auto;} .processul li .light:after{content: "";position: absolute;display: block;left: -3px;top: -3px;z-index: -1;width: 14px;height: 14px;border-radius: 50%;background: #666;} .processul li:hover .light:after{ animation:Circle 1.2s infinite linear; } .processul li:hover .light:after{ animation:Circle 1.2s infinite linear; } .processul li:hover p{color: #ff6701;} .processul li .icon{width:52px;height:52px;margin: 0 auto;background: #ccc;-moz-transition:all 0.5s;-webkit-transition: all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;} .processul li:nth-child(1) .icon{ background: url(../images/icon_process_1_1.png) center no-repeat; } .processul li:nth-child(2) .icon{ background: url(../images/icon_process_2_1.png) center no-repeat; } .processul li:nth-child(3) .icon{ background: url(../images/icon_process_3_1.png) center no-repeat; } .processul li:nth-child(4) .icon{ background: url(../images/icon_process_4_1.png) center no-repeat; } .processul li:nth-child(5) .icon{ background: url(../images/icon_process_5_1.png) center no-repeat; } .processul li:nth-child(6) .icon{ background: url(../images/icon_process_6_1.png) center no-repeat; } .processul li:nth-child(7) .icon{ background: url(../images/icon_process_7_1.png) center no-repeat; } .processul li:nth-child(8) .icon{ background: url(../images/icon_process_8_1.png) center no-repeat; } .processul li:nth-child(9) .icon{ background: url(../images/icon_process_9_1.png) center no-repeat; } .processul li:nth-child(1):hover .icon{ background: url(../images/icon_process_1_2.png) center no-repeat; } .processul li:nth-child(2):hover .icon{ background: url(../images/icon_process_2_2.png) center no-repeat; } .processul li:nth-child(3):hover .icon{ background: url(../images/icon_process_3_2.png) center no-repeat; } .processul li:nth-child(4):hover .icon{ background: url(../images/icon_process_4_2.png) center no-repeat; } .processul li:nth-child(5):hover .icon{ background: url(../images/icon_process_5_2.png) center no-repeat; } .processul li:nth-child(6):hover .icon{ background: url(../images/icon_process_6_2.png) center no-repeat; } .processul li:nth-child(7):hover .icon{ background: url(../images/icon_process_7_2.png) center no-repeat; } .processul li:nth-child(8):hover .icon{ background: url(../images/icon_process_8_2.png) center no-repeat; } .processul li:nth-child(9):hover .icon{ background: url(../images/icon_process_9_2.png) center no-repeat; } .processul li.cur .icon{-moz-transition:all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;} @keyframes Circle{0%{transform:scale(.5);}50%{transform:scale(1);}100%{transform:scale(.5);}} @media screen and (max-width:1440px) { .processul li:nth-child(1){left: 58px;top: 80px;} .processul li:nth-child(2){left: 180px;top: 245px;} .processul li:nth-child(3){left: 325px;top: 136px;} .processul li:nth-child(4){left: 428px;top: 274px;} .processul li:nth-child(5){left: 567px;top: 80px;} .processul li:nth-child(6){left: 701px;top: 195px;} .processul li:nth-child(7){left: 799px;top: 20px;} .processul li:nth-child(8){left: 909px;top: 155px;} .processul li:nth-child(9){left: 1025px;top:5px;} } @media screen and (max-width:1366px) { .processul{ width: 90%;} .processul li:nth-child(1){left: 80px;top: 82px;} .processul li:nth-child(2){left: 181px;top: 235px;} .processul li:nth-child(3){left: 331px;top: 128px;} .processul li:nth-child(4){left: 420px;top: 275px;} .processul li:nth-child(5){left: 546px;top: 94px;} .processul li:nth-child(6){left: 672px;top: 220px;} .processul li:nth-child(7){left: 760px;top: 43px;} .processul li:nth-child(8){left: 900px;top: 150px;} .processul li:nth-child(9){left: 1030px;top: 25px;} } @media screen and (max-width:1280px) { .processul li:nth-child(2){left: 181px;top: 245px;} .processul li:nth-child(5){left: 546px;top: 85px;} .processul li:nth-child(6){left: 672px;top: 210px;} .processul li:nth-child(7){left: 760px;top:30px;} .processul li:nth-child(9){left: 1030px;top: 5px;} } @media screen and (max-width: 1200px) { .processul li:nth-child(1){left: 18px;top: 83px;} .processul li:nth-child(2){left: 109px;top: 235px;} .processul li:nth-child(3){left: 229px;top: 124px;} .processul li:nth-child(4){left: 318px;top: 276px;} .processul li:nth-child(5){left: 474px;top: 95px;} .processul li:nth-child(6){left: 610px;top: 214px;} .processul li:nth-child(7){left: 708px;top: 33px;} .processul li:nth-child(8){left: 818px;top: 147px;} .processul li:nth-child(9){left: 938px;top: 23px;} } @media screen and (max-width:1024px) { .processul{ width: 100%;} .processul li:nth-child(1){left: 18px;top: 83px;} .processul li:nth-child(2){left: 109px;top: 250px;} .processul li:nth-child(3){left: 229px;top: 129px;} .processul li:nth-child(4){left: 318px;top: 276px;} .processul li:nth-child(5){left: 423px;top: 100px;} .processul li:nth-child(6){left: 531px;top: 239px;} .processul li:nth-child(7){left: 610px;top: 60px;} .processul li:nth-child(8){left: 705px;top: 160px;} .processul li:nth-child(9){left: 805px;top: 12px;right: 0;} } @media screen and (max-width:992px) { .processbg{height: auto;background: url(../images/bg_progress.png) center;} .processul{margin: 40px auto 0 auto;height: auto;} .processul li{position: relative;left: auto !important;top: auto !important;right: auto !important;width: 33.333%;float: left;margin: 0 0 3% 0;} .processul li p{font-size: 16px;} .processul li span{height: 32px;display: block;} .processul li .light{display: none;} } @media screen and (max-width:602px) { .processbg{ padding:60px 0;} .processul li span{height:40px;} .processbg .title span{font-size:24px;} } .tablemar{ width:78%; margin:0 auto 30px; padding:50px 0;} .tablemar tr{ height:80px; } .tablemar .tr1{ height:100px;} .tablemar tr td{ padding:0 30px;} .tablemar .input_domain{ width:88%; float:left; line-height:60px; padding-left:2%;} .tablemar .input_submit{width:10%; float:left; line-height:60px; background:#f7941c; color:#fff;} .domain .title{ font-size:24px; line-height:60px;} .pageMail { background:#fff;} .pageMail .pageMail_pt1 .col{width:32.63337%; float:left; margin-right:1%; margin-bottom:50px;} .pageMail .pageMail_pt1 .col:nth-child(3){ margin-right:0px;} .pageMail .pageMail_pt1 .col-wrap{height: auto;border:1px solid #e8e8e8;position:relative; padding-bottom:30px; } .pageMail .pageMail_pt1 .col-wrap:hover{-moz-box-shadow:0 0 5px rgba(0,0,0,.1);-webkit-box-shadow:0 0 5px rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.1)} .pageMail .pageMail_pt1 .tit{ height:140px; background:#f7941c; color:#FFF;text-align:center;} .pageMail .pageMail_pt1 b{font-weight:400;font-size:24px;display:block;padding:30px 0 10px} .pageMail .pageMail_pt1 .p1{ margin-bottom:30px} .pageMail .pageMail_pt1 .cont{ padding:10px 20px;} .pageMail .pageMail_pt1 .info{ margin:0 auto; text-align:center;} .pageMail .pageMail_pt1 .style2{ text-align: center; height:140px; padding:20px 0; border-bottom:1px dashed #e8e8e8;} .pageMail .pageMail_pt1 .style2 p{line-height:34px;font-size:18px;color:#666} .pageMail .pageMail_pt1 .btn{width:40%;height:50px;line-height:50px;font-size:15px;margin:0 auto; text-align:center;} .pageMail .pageMail_pt1 .btn a{color: #ff6701;border: 1px solid #ff6701; padding:10px 20px;} .pageMail .m-features {height:70px;border-bottom:1px dashed #e8e8e8; margin-bottom:20px; padding:20px 0;} .pageMail .m-features p{ width:70%; margin:0 auto;} .pageMail .m-features p span { float: left; width:40%; margin-bottom:20px; text-align:left; padding-left:27px;} .pageMail .m-features p span { line-height: 16px; background: url(../images/features.png) no-repeat; background-position: 0 -1006px; color: #666;} .pageMail_pt2 {background-color:#fafafa;} .pageMail_pt2 .c-section-hd{ margin-bottom:30px; text-align:center;} .pageMail_pt2 .c-section-hd p{ font-size:16px; line-height:30px;} .pageMail_pt2 ul li { width:25%; float:left; margin-bottom:25px; text-align:center;} .pageMail_pt2 ul li .c-media {line-height: 1.5;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 20px;display: block;} .pageMail_pt2 ul li .c-media-img {width: 100%;text-align: center;} .pageMail_pt2 ul li .c-media-body {margin-top: 20px;} .pageMail_pt2 ul li .c-media-heading {text-align: center;font-size:20px;color: #333;margin: 0;padding: 0;font-weight: 400;line-height: 1.5;} .pageMail_pt2 ul li .c-media-info { color: #666;margin-top: 10px;line-height: 1.7;word-wrap: break-word;} @media screen and (max-width:1440px) { .pageMail .m-features {height:100px;} .pageMail .pageMail_pt1 .style2{height:150px;} } @media screen and (max-width:1366px) { .pageMail .pageMail_pt1 .style1 .item{ margin-right:5px} } @media screen and (max-width:1200px) { .pageMail .pageMail_pt1 .style1 .item{ margin-right:2px} .pageMail_pt2 .c-section-hd{ margin-bottom:20px;} } @media screen and (max-width:1024px) { .pageMail .m-features {height:110px;} .pageMail .pageMail_pt1 .style1 .item{ width:62px;} .pageMail .pageMail_pt1 .style2{height:180px;} .pageMail .pageMail_pt1 .style2 p{line-height:30px;} } @media screen and (max-width:768px) { .pageMail .pageMail_pt1 .col{width:100%; margin-right:0; margin-bottom:20px;} .pageMail .pageMail_pt1 .style2{height:140px;} .pageMail .pageMail_pt1 .style1 .item{ width:60px;} .pageMail_pt2 ul li { width:50%; margin-bottom:15px;} .tablemar{ width:98%; margin:0 auto 30px; padding:0px 0;} .tablemar tr td{ padding:0 10px;} .tablemar .input_domain{ width:80%;} .tablemar .input_submit{width:18%;} } @media screen and (max-width:600px) { .pageMail_pt2 ul li { width:100%;} } .c-section-tit{text-align:center;text-align:center;font-size:32px;color:#000;font-weight:400;line-height:46px} .c-section-des{text-align:center;text-align:center;font-size:16px;color:#666;margin:10px 0 0;line-height:28px} .c-section-des a{color:#00a4ff} .c-section-des a:hover{text-decoration:underline} @media screen and (max-width:1200px) { .c-section-tit{ font-size:28px; line-height:40px} } @media screen and (max-width:768px) { .c-section-tit{ font-size:22px; line-height:30px} } .record{ margin-bottom:50px; } .set_tab{ width:100%; border:1px solid #ddd; margin-top:15px; margin-bottom:35px; background-color:#FFF;} .set_tab1{ width:100%; border:1px solid #ddd; margin-top:15px; background-color:#FFF;} .set_top{ width:100%;height:55px; line-height:35px; border-bottom:1px solid #ddd; background-color:#FFF;} .tab_tit{width:19.9%;height:55px;display:block; float:left;text-align:center;line-height:55px; color:#323232;border-top-width: 2px;border-right-width: 1px;border-top-style: solid;border-right-style: solid;border-top-color: #F7921E;border-right-color: #ddd} .tab_tit_on,.tab_tit2_on:hover{ width:19.9%;height:55px; display:block; float:left; text-align:center; line-height:55px; color:#323232; border-top:2px solid #F7921E; border-right:1px solid #ddd;} .tab_tit_off,.tab_tit2{ width:19.9%;height:55px; display:block; float:left; text-align:center; line-height:55px;border-right:1px solid #ddd;} .set_top a:last-child{ border-right:0px;} .main_box_r .f20{ color: #EC0000; margin-bottom:15px; margin-top:15px;} .set_content{ width:100%; padding-bottom:15px; padding-top:8px; text-align:left} .set_content .zysx{ width:100%; margin:20px auto; width:94%; border-bottom:1px dashed #ddd; color:#5a5a5a; line-height:26px; padding-bottom:10px;} .set_content .zysx span{ color:#f34d02; font-weight:bold;} .set_content .sxzl{ border-bottom:0; margin-bottom:0;} .orange{ color:#f34d02;} .set_content img{ margin-left:20px;} .set_content1{ background-color:#FFF;} .tuiguangbg{padding: 9em 0 3em;} .tuiguang{padding: 5px 0 60px;min-height: 570px;background-color:#fafafa;text-align: center;} .tuiguang .ul1 *{transition: all .5s;-webkit-transition: all .5s;} .tuiguang .ul1{margin-top: 80px;-moz-box-shadow:0px 2px 5px #ddd; -webkit-box-shadow:0px 2px 5px #ddd; box-shadow:0px 2px 5px #ddd;} .tuiguang .ul1 li{width:33.333373333%;float: left;height: 495px;box-sizing: border-box;background: #fff;position: relative;} .tuiguang .ul1 li .img{display: block; margin: 60px auto; overflow: hidden;position: relative;} .tuiguang .ul1 li:before{transition: all .3s;-webkit-transition: all .3s;content: " ";display: block; position: absolute;width: 0%;height: 4px;bottom: 0;left: 0;background: #fd8c04;z-index: 9;} .tuiguang .ul1 li .ltt{font-size: 24px;} .tuiguang .ul1 li .ltc{color: #666;font-size: 14px;margin-top: 10px;line-height: 1.8; padding:0 20px;} .tuiguang .ul1 li s{display: block;width: 1px ;height: 320px;background: #eee;position: absolute;right: 0;top: 98px;} .tuiguang .ul1 li:hover{background: #eee;} .tuiguang .ul1 li:hover:before{width: 100%;} .main_serve_b{padding: 9em 0 5.5em; } .serve_b h2{ font-size:28px;} .se_title{ padding:40px 0; overflow:hidden;} .se_title .bt_x{ display:inline-block; _display:inline; padding:2px 0; border-bottom:3px solid #4c4c4c;} .ser_content{ width:98%; text-align:left; padding:15px 1% 8px; } .ser_tab{ height: auto; padding-bottom:20px; } .tc{ text-align:center;} .f24{ font-size:24px;} .f20{ font-size:20px;} .codiv1{display: flex;justify-content: space-between;padding: 20px 0px;letter-spacing: 2px;} .codiv1>div{margin-top: 80px;width: 50%;} .codiv1>div>h3{color: #fbd792;font-weight: 900;} .codiv1>div>h4{font-weight: 900;position: relative;bottom: 18px;left: 1px;} .codiv1>div>button{font-size: 18px;font-weight: 800;padding: 4px 20px;color: #2e519e;border: 1px solid #2e519e;background-color: white;border-radius: 20px;margin-top: 20px;} .codiv2{display: flex;flex-wrap: wrap;} .codiv2>div{width: 43%;height: 125px; margin-top: 20px; margin-right: 30px;} .codiv2>div>p{ padding: 10px 5px; line-height: 180%; font-size: 16px; letter-spacing: 1px;} .codiv2>div>div{display: flex;} .codiv2>div>div>h3{font-size: 20px;font-weight: 900;padding: 2px 10px;} .condiv1{width: 1200px;margin: 0px auto;} .condiv1 h2{font-size: 30px;font-weight: 900;padding:80px;color: #2e519e;text-align: center;} .condiv1>div{display: flex;justify-content: space-between;} .condiv11{width: 540px;height: 320px;background-color: #5776bb;} .condiv12{width: 580px;height: 280px;margin-top: 50px;} .condiv12 h3{font-size: 24px;font-weight: 600;padding-left: 10px;border-left: #2e519e solid 8px;} .condiv12 p{font-size: 16px;margin-top: 40px;line-height: 200%;} .f-s-24{font-size: 24px} .f-s-26{font-size: 26px} .f-s-28{font-size: 28px} @media screen and (max-width:1200px) { .tuiguangbg{padding: 6em 0 3em;} .main_serve_b{padding: 6em 0 2.5em; } .codiv1 img{ width:100%;} .codiv1>div{ width:78%;} .codiv2>div{width: 47%; margin-right: 10px;} .codiv2>div>div>h3{font-size: 18px;} } @media screen and (max-width:1024px) { /*.main_serve_b{padding: 4em 0 3em; }*/ .codiv1 img{ width:50%;} .codiv1>div{ width:98%; margin-top:40px;} .set_top{ height:90px; line-height:35px;border-bottom:0px;} .tab_tit{width:33%;height:43px; line-height:43px;border-bottom: 1px solid #ddd;} .tab_tit_off{ width:33%;height:45px; line-height:45px;border-bottom: 1px solid #ddd;} .tab_tit2{ width:33%;height:45px; line-height:45px;border-bottom: 1px solid #ddd;} .tab_tit_on,.tab_tit2_on:hover{ width:33%;height:43px; line-height:43px;border-bottom: 1px solid #ddd;} .set_top a:last-child{ border-right:1px solid #ddd;} .tuiguang .ul1{margin-top:40px;} } @media screen and (max-width:768px) { .codiv1{display: block;} .codiv1 img{ width:90%; margin:0 auto; text-align:center;} .codiv1>div{ width:100%;} .tuiguang .ul1 li{height: 380px;} .tuiguang .ul1 li .img{margin: 20px auto;} .tuiguang .ul1 li .ltt{font-size: 20px;} .tuiguang .ul1 li s{ width:0px;} } @media screen and (max-width:600px) { .main_serve_b{padding: 1em 0 3em; } .serve_b h2{ font-size:20px;} .set_top{ height:140px; } .tab_tit{width:49.725%;} .tab_tit_off,.tab_tit2{ width:49.725%;} .tab_tit_on,.tab_tit2_on:hover{ width:49.725%;} .set_top a:nth-child(2n){ border-right:0px solid #ddd;} .tuiguangbg{padding: 1em 0 3em;} .tuiguang .ul1 li{width:49%;} .tuiguang .ul1 li .img{margin: 10px auto;} .tuiguang .ul1 li .img img{ width:100%;} .tuiguang .ul1 li .ltt{font-size: 18px;} .ser_content{ width:96%; text-align:left; padding:15px 2% 8px; } .f24{ font-size:20px;} .f20{ font-size:18px;} .serve_b img{ width:100%;} .ser_tab img{ width:100%;} .main_serve_b img{ width:100%;} .se_title{ padding:20px 0; overflow:hidden;} } @media screen and (max-width:400px) { .tuiguang .ul1 li{width:100%;} } .main_bg_about_400cn { width: 100%;clear:left;font-family: "微软雅黑";font-size: 12px;color: #5c5c5c;} .main_about_400cn { padding-top:25px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #dcdddd; padding-bottom:20px; height:auto; overflow:hidden;} .main_about_400cn2 {width:900px;padding-left:40px;padding-top:25px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #dcdddd;float: left;padding-bottom:30px;font-size:14px;padding-right:20px;} .main_about_400cn3 {width:900px;padding-left:40px;padding-top:25px;float: left;font-size:14px;padding-right:20px;border-bottom: 1px solid #DCDDDD; padding-bottom:25px;} .main_01 h4{ font-size:22px;line-height: 2;font-weight: normal;text-align: center;} .main_01 .nr{ line-height: 1.5; padding-top:30px; padding-bottom:30px;} .main_01 img{ width:100%;} .main_02{ padding-top: 30px;background: #ededed;height: 470px;overflow: hidden;text-align: center;position: relative;} .main_02 .title h4{ font-size: 22px;line-height: 2;color: #333;font-weight: normal;text-align: center;} .main_02 .title span{font-size: 20px;color: #357cb2;line-height: 2; text-align:center;} .main_02 .title p{font-size: 16px;color: #666;line-height: 2; text-align:center;} .main_02 .div_l{ position: absolute;width: 390px;text-align: right;left: 0;bottom: 30px;height: 180px;} .main_02 .div_l h2{font-size: 18px !important;color: #357cb2 !important;line-height: 2; font-weight:600; text-align:right;} .main_02 .div_l h2 font{ color: #18923b;font-size: 18px;} .main_02 .div_l p{ font-size: 16px;color: #666666;line-height: 2; text-align:right;} .main_02 .div_r{ position: absolute;width: 410px;text-align: left;right: 0;bottom: 30px;height: 180px;} .main_02 .div_r h2{font-size: 18px!important;color: #357cb2!important;line-height:2!important;font-weight:600; } .main_02 .div_r h2 font{color: #18923b;font-size: 18px;} .main_02 .div_r p{ font-size: 16px;color: #666666;line-height: 2; padding-left:10px;} .main_03{ padding-top: 30px;height: 920px;overflow: hidden;background: #fff;text-align: center;position: relative;} .main_03 h4{font-size: 26px;line-height: 2;color: #333;font-weight: normal; margin-bottom:40px; text-align: center;} .main_03 .title{width:40%; float:left; padding-top:100px; padding-right:8%;font-size:18px;line-height: 2;color: #444344; text-align: right;} .main_03 .img{ width:48%; float:left; padding:10px;} .main_04{height: 940px;overflow: hidden;background: #fff;text-align: center;position: relative;} .main_04 h4{font-size: 22px;line-height: 2;color: #333;font-weight: normal; text-align: center;} .main_04 .img{ width:50%; float:left;} .main_04 .title{font-size: 20px;line-height: 2;color: #444344; width:50%; float:right;margin-top: 150px;text-align: right;} .main_04 .title h4{ color: #19b955;font-size: 22px;line-height: 2; font-weight:600; text-align:right;} .main_04 .title p{ font-size:18px;line-height: 2; text-align:right;} .main_04 .title1 {font-size: 20px;line-height: 2;color: #444344; width:50%; float:left;margin-top: 130px;text-align: right;} .main_04 .title1 h4{ color: #19b955;font-size: 22px;line-height: 2;font-weight:600; text-align:right;} .main_04 .title1 p{ font-size:18px;line-height: 2; text-align:right;} .main_05 { padding-top: 30px; padding-bottom:30px;overflow: hidden;background: #ededed;text-align: center;} .main_05 h4{ font-size: 22px;line-height: 2;color: #333;font-weight: normal;text-align: center;} .main_05 img{ width:48%; float:left; padding:10px;} .main_06{ padding-top: 30px; overflow: hidden;background: #fff;text-align: center;} .main_06 h4{font-size:26px;line-height: 2;color: #333;font-weight: normal; text-align:center;} .picScroll-left1{ overflow:hidden; position:relative;} .picScroll-left1 .bd{ padding:0 50px; } .picScroll-left1 .bd ul{ overflow:hidden; zoom:1; } .picScroll-left1 .bd ul li{ margin:0 25px; float:left; _display:inline; overflow:hidden; text-align:center; } .picScroll-left1 .bd ul li .pic{ text-align:center; } .picScroll-left1 .bd ul li .pic img{ width:220px; display:block; } .picScroll-left1 .bd ul li .pic a:hover img{ border-color:#999; } .picScroll-left1 .bd ul li .title{ line-height:24px; } .picScroll-left1 .prev{position: absolute;left: 1%;top: 50%;margin-top: -25px;display: block;width: 30px;height: 48px;background: url(../images/slider1.jpg) 0 0 no-repeat;} .picScroll-left1 .next {position: absolute;right: 1%;top: 50%;margin-top: -25px;display: block;width: 30px;height: 48px;background: url(../images/slider2.jpg) 0 0 no-repeat;} .main_serve_b .wrap1{ width:63%; margin:0 auto;} .main_02_bg {background: #ededed;} @media screen and (max-width:1600px) { .main_serve_b .wrap1{ width:83%; margin:0 auto;} } @media screen and (max-width:1366px) { .main_serve_b .wrap1{ width:88%; margin:0 auto;} } @media screen and (max-width:1280px) { .main_serve_b .wrap1{ width:92%; margin:0 auto;} } @media screen and (max-width:1200px) { .main_serve_b .wrap1{ width:96%; margin:0 auto;} .picScroll-left1 .bd ul li{ margin:0 20px;} } @media screen and (max-width:1024px) { .picScroll-left1 .bd ul li .pic img{ width:200px; } .picScroll-left1 .bd ul li{ margin:0 10px;} .main_03 .img{ width:46%; float:left; padding:10px;} .main_04{height: 880px;} .main_04 .title{font-size: 18px;line-height: 1.5;color: #444344; width:50%; float:right;margin-top: 100px;text-align: right;} .main_04 .title h4{ color: #19b955;font-size: 18px;line-height: 1.5; font-weight:600; text-align:right;} .main_04 .title p{ font-size:16px;line-height: 1.5; text-align:right;} .main_04 .title1 {font-size: 18px;line-height: 1.5;color: #444344; width:46%; padding-right:4%; float:left;margin-top:100px;text-align: right;} .main_04 .title1 h4{ color: #19b955;font-size: 18px;line-height: 1.5;font-weight:600; text-align:right;} .main_04 .title1 p{ font-size:16px;line-height:1.5; text-align:right;} .main_05 img{ width:46%; float:left; padding:10px;} } @media screen and (max-width:992px) { .picScroll-left1 .bd ul li .pic img{ width:195px; } .main_02 .div_l{ position: absolute;width: 370px;} .main_02 .div_r{ position: absolute;width: 370px; } .main_02 .div_l h2{font-size: 16px !important;} .main_02 .div_r h2{font-size: 16px!important; } .main_02 .div_r h2 font{font-size: 16px;} .main_04 .title1 h4{font-size: 18px;} .main_04 .title1 p{ font-size:16px;line-height:1.5;} .main_04 .title p{ font-size:16px;line-height: 1.5;} } @media screen and (max-width:768px) { .main_02 .title h4{ font-size: 20px;} .main_02 .title span{font-size: 16px;} .main_02 .title p{font-size: 15px;line-height: 1.5;} .main_02 img{ width:20%; margin-top:30px;} .main_02 .div_l{ position: absolute;width: 270px; text-align:center } .main_02 .div_r{ position: absolute;width: 270px; text-align:center } .main_02 .div_l p{line-height:1.5;} .main_02 .div_r p{line-height:1.5;} .main_03{height: 640px; } .main_03 h4{font-size: 20px; margin-bottom:10px;} .main_03 .img img{ width:100%;} .main_03 .title{ font-size:16px;line-height:1.5; padding-top:60px;} .main_04{height: 640px; } .main_04 h4{font-size: 20px; margin-bottom:10px;} .main_04 .title{margin-top:60px;} .main_04 .title1 {margin-top:60px;} .main_04 img{ width:100%;} } @media screen and (max-width:690px) { .main_02{ height: 450px;} .main_02 .div_l h2{ text-align: center;} .main_02 .div_l p{ text-align:center;} .main_02 img{ display:none;} .main_03{height: auto; } .main_04{height: auto; padding:30px 0;} .main_02 .div_l{ position: static;width: 100%; height:120px; } .main_02 .div_r{ position: static;width: 100%; height:120px; } .main_02 .div_r p{ padding-left:0px;} .main_03 .img{ width:96%; float: none; padding:10px;} .main_03 .title{ width:100%; float:none; text-align:left; font-size:16px;line-height:1.5; padding-top:0px;} .main_04 .img{ width:100%;} .main_04 .title{margin-top:0px;float: none; width:100%;text-align: left; margin-bottom:10px;} .main_04 .title1{margin-top:0px;float: none; width:100%;text-align: left; margin-bottom:10px;} .main_04 .title h4{ color: #19b955;font-size: 16px;text-align:left;} .main_04 .title p{ font-size:15px;line-height: 1.5; text-align:left;} .main_04 .title1 h4{ color: #19b955;font-size: 16px; text-align:left;} .main_04 .title1 p{ font-size:15px;line-height:1.5; text-align:left;} } @media screen and (max-width:475px) { .main_02{ height: 480px;} .picScroll-left1 .bd ul li .pic img{ width:215px; } .picScroll-left1 .bd ul li{ margin:0 35px;} .main_05 .wrap1 img{ width:96%; margin:0 auto;} .main_02 .div_l{height:140px;} .main_02 .div_r{height:140px;} } @media screen and (max-width:375px) { .picScroll-left1 .bd ul li .pic img{ width:215px; } .picScroll-left1 .bd ul li{ margin:0 25px;} } .down_info{ height:360px; margin:auto;width:90%; } .down_info .img{ width:50%; float:left;} .down_info1{ width:50%; float:left;} .down_info1 h2{ margin-bottom:10px; font-size:36px; line-height:45px;} .down_info1 p{padding:15px 0 0 5px;color:#102134;} .down_info1 .download,.down_info1 .downloadm{background-image: url(../images/download.png);display:inline-block;width: 152px;height: 55px;background-repeat:no-repeat;background-position:top left;} .down_info1 .download:hover{background-position:0 -56px;} .down_info1 .download:active{background-position:0 -112px;} .down_info1 .downloadm{ background-position:-193px 0; margin-left:15px;} .down_info1 .downloadm:hover{background-position:-193px -56px;} .down_info1 .downloadm:active{background-position:-193px -112px;} .down_info2 { width:100%; margin-top:50px; border-top:1px solid #ccc;padding:60px 0;} .down_info2 span{float:left;width:75%;height:125px;} .down_info2 span p{ margin-bottom:20px;} .down_info2 strong{width:220px;height:40px;display:block;} .down_info2 strong h2 i{ font-size:28px; color:#C60000; font-weight:bold;} .down_info2 img{float:right;height:245px;} .excellent{width:100%; height:380px; padding:40px 0;margin:0 auto; border-top:1px solid #ccc;} .excellent .fl{ float:left; width:50%;} .excellent .fr{ float:right; width:50%;} .excellent img{ width:auto; height:100%;} .excellent .tr{ text-align:right;} .excellent .title { margin-top:4%;} .excellent .title h2{ font-size:36px; font-weight:bold; margin-bottom:20px;} .excellent .title p{ font-size:26px; margin-bottom:15px;} .excellent .hr{ height:1px; background:#333; width:100%;} .excellent .info{ line-height:30px;} .excellent .info ul{margin-top: 20px;} .excellent .info ul li{ color: #666;} .excellent .info ul li img{vertical-align: middle;margin: 0 4px;} .excellent .info ul li i{color: #4ba7ff;} @media screen and (max-width:1024px) { .down_info{ height:240px;width:100%;} .down_info .img img{ width:130%} .down_info1 h2{ margin-bottom:0px; font-size:26px; line-height:35px;} .excellent .title { margin-top:13%;} .excellent .title h2{ font-size:30px;} .excellent .title p{ font-size:22px;} } @media screen and (max-width:768px) { .down_info1 h2{ font-size:20px; line-height:30px;} .down_info2 {height:265px;margin-top:0px; padding:30px 0;} .down_info2 span{float:left;width:68%; height:255px;} .excellent{ height:250px; } .excellent img{ display:none;} .excellent .fl{ float: none; width:100%;} .excellent .fr{ float: none; width:100%;} .excellent .title { margin-top:2%;} .excellent .title h2{ font-size:22px; margin-bottom:10px;} .excellent .title p{ font-size:18px;} } @media screen and (max-width:660px) { .down_info{ height: auto; margin:auto;width:90%; } .down_info .img{ width:100%; float:left;} .down_info1{ width:100%; float:left;} .down_info2 {height: auto;margin-top:0px; } .down_info2 span{float: none;width:100%; height:255px;} .down_info2 img { display:none;} .excellent{ height: auto; } .excellent .title h2{ font-size:22px;margin-bottom:10px;} .excellent .title p{ font-size:18px;} .down_info2 { margin-top:30px; padding:30px 0;} .down_info .img img{ width:155%} } @media screen and (max-width:425px) { .excellent .title h2{ font-size:18px;margin-bottom:0px;} .excellent .title p{ font-size:16px; line-height:26px;} } /*微信*/ .weixiin .title h2{ margin-bottom:20px;} .weixiin .title p{ font-size:16px;} .weixin1{background:#fff;} .weixin1 .circle_wrap{margin:20px auto 0;width:135px;height:135px;text-align:center;position:relative;} .weixin1 .circle_wrap .circle1{width:135px;height:135px;border-radius:50%;-o-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background:rgba(252,179,38,0.2);z-index:111;} .weixin1 .circle_wrap .circle2{width:115px;height:115px;border-radius:50%;-o-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background:rgba(252,179,38,1);z-index:222;transition:1s;} .weixin1 .circle_wrap img{position:absolute; left:0; right:0; top:30px; margin:auto; z-index:333;} .weixin1 .circle_wrap p{position:absolute; left:0; right:0; bottom:25px; margin:auto; z-index:333; color:#fff; font-size:16px;} .weixin1 .circle_wrap:hover .circle2{width:135px; height:135px;} .weixin1 .circle_wrap:hover img{ animation:rotate1 0.4s linear;} .weixin1 .icon2{width:614px; height:72px; background:url(../images/f1_icon02.png) no-repeat center center; margin:0 auto;} .weixin1 .ul_1{width:740px; margin:0 auto;} .weixin1 .ul_1 li{float:left; margin-right:70px; width:130px; height:40px; line-height:40px; font-size:16px; border-radius:3px; text-align:center; color:#fcb326; border:1px solid #fcb326; transition:0.8s;} .weixin1 .ul_1 li:hover{color:#fff; background:#fcb326;} .center_center{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;} .weixin2{background:#f9f9f9;} .weixin2 ul{margin-top:40px; width:102%; } .weixin2 ul li{width:23%; margin-right:2%; height:350px; background:#fff; float:left; text-align:center; } .weixin2 ul li:hover{box-shadow:0 0 8px #ccc; transform:translate3d(0,-3px,0);} .weixin2 ul li img{margin-top:30px;} .weixin2 ul li h2{font-size:18px; color:#666; padding-top:25px;} .weixin2 ul li p{color:#999;} .weixin3 ul{margin-top:30px; padding:0 5px;} .weixin3 ul li{float:left; width:31.333337%; height:80px; padding:28px 15px; background:#fff;} .weixin3 ul li:hover{background:#fda80a;} .weixin3 ul li img{float:left;width:66px;height:66px;border-radius:50%;-o-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;} .weixin3 ul li .text{float:left; width:80%; padding-left:18px;} .weixin3 ul li h3{font-size:18px; color:#666;} .weixin3 ul li p{ color:#999; font-size:15px; line-height:24px;} .weixin3 ul li:hover h3{color:#fff;} .weixin3 ul li:hover p{color:#fff;} .weixin4 .content {margin-top: 40px;} .weixin4 .content ul { width: 101%;} .weixin4 .content ul li{width:15.6666666%; float:left; margin-right:1%;} .weixin4 .content ul .show-txt{border: 1px solid #d7d7d7;background: #fff;padding: 10px;text-align: center;} .weixin4 .content ul .show-txt img { width: 100%;} .weixin4 .content ul .show-txt p {height: 50px;line-height: 50px;font-size: 16px;color: #333; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;} @media (max-width: 1700px){ .weixin3 ul li{ width:31%; } .weixin3 ul li .text{float:left; width:78%; padding-left:12px;} } @media (max-width: 1440px){ .weixin3 ul li{ width:30%; } } @media (max-width: 1200px){ .weixin3 ul li .text{ width:76%; padding-left:10px;} } @media (max-width: 1100px){ .weixin3 ul li .text{ width:72%; padding-left:10px;} } @media (max-width: 900px){ .weixin3 ul li{float: none; width:98%; padding:28px 15px;} } @media screen and (max-width:768px) { .weixin2 ul li img{ width:50%} .weixin2 ul li{width:48%; margin-bottom:20px;} .weixin4 .content { padding: 30px; } .weixin4 .content ul li{width:48%; float:left; margin-right:2%; margin-bottom: 20px;} } @media screen and (max-width:660px) { .weixiin h2{ font-size:20px; margin-bottom:20px;} .weixiin .title{ margin-bottom:30px;} .weixin1 { display:none;} .weixin2 ul li{ height:300px;} .weixin2 ul li img{ width:70%} .weixin2 ul li p{ font-size:15px; line-height:26px;} .weixin2 ul{margin-top:20px;} .weixin4 .content { padding: 10px; } .weixin4 .content ul .show-txt p {height: 40px;line-height: 40px;font-size: 15px; } } @media screen and (max-width:660px) { .weixin3 ul li .text{float:left; width:70%; } } /*微博*/ .weibo_con .title {text-align: center;margin-bottom: 60px;} .weibo_con .title img{margin: 0 auto;} .weibo_con .weibo_pt1 ul{margin: 50px auto 80px; height:120px;} .weibo_con .weibo_pt1 ul li{float: left;width: 31.333337%;margin-right: 2%;} .weibo_con .weibo_pt1 ul li h3{font-size: 22px;margin-bottom: 13px;line-height: 22px;font-family: 'Microsoft YaHei';font-weight: bold;color:#333;} .weibo_con .weibo_pt1 ul li p{color: #727272;line-height: 22px;padding-bottom: 30px;} .weibo_con .icon_list{background: #F7F7F7;padding:70px 0;clear: both;overflow: hidden; } .weibo_con .icon_list ul{ width:102%;} .weibo_con .icon_list ul li{width:23%;margin-right: 2%; float:left;} .weibo_con .icon_list ul li .ico{ width: 96px; height: 96px; line-height:96px; background: #b1e0f0; border-radius: 96px; text-align:center;margin: 0 auto 43px;} .weibo_con .icon_list ul li .ico1{background: #b1e0f0;} .weibo_con .icon_list ul li .ico2{background: #f8d790;} .weibo_con .icon_list ul li .ico3{background: #77e0d1;} .weibo_con .icon_list ul li .ico4{background: #f9b898;} .weibo_con .icon_list ul li h3{text-align: center;} .weibo_con .icon_list ul li .intro{text-align: center; width:98%; margin:0 auto; line-height:22px;color: #727272;} .weibo_contennt{ color: #727272;line-height: 22px; } .weibo_contennt h3{font-size: 22px;margin-bottom: 13px;margin-top:30px;line-height: 25px;font-family: 'Microsoft YaHei';font-weight: bold;color:#333;} .weibo_contennt p{color: #727272;line-height: 22px;padding-bottom: 10px;text-indent: 28px;} .weibo_contennt h4{ color: #f08300;font-weight: bold;padding: 10px 0;} @media screen and (max-width:1200px) { .weibo_contennt img{ width:100%;} .weibo_contennt h3{font-size:18px; margin-top:20px;} .weibo_con .weibo_pt1 ul{margin: 30px auto 50px;} .weibo_con .icon_list{ padding: 50px 0; } .weibo_con .weibo_pt1 ul li h3{font-size: 20px;} } @media screen and (max-width:600px) { .weibo_con .weibo_pt1 ul{margin: 50px auto 80px; height:260px;} .weibo_con .weibo_pt1 ul li{float: none;width: 100%;margin-right:0;} .weibo_con .icon_list ul li{width:48%;margin-right: 2%; float:left; margin-bottom:20px;} .weibo_con .icon_list{ padding: 30px 0; } } /*400*/ .main_about_400 h2{font-size:22px; text-align:center;} @media screen and (max-width:600px) { .txt_about_400cn img{ display:none;} .txt_about_400cn div{ width:100%!important;} } /*软件平台*/ .pingtai{padding: 5px 0 30px;background-color:#fafafa;} .pingtai .ul1{margin: 60px 0 0} .pingtai .ul1 li{width:32%;float: left; padding:30px 0.5%;} .pingtai .ul1 li .title{ background-color:#fff; padding:15px 0; } .pingtai .ul1 li .img{display: block;overflow: hidden; margin: 0 auto;/*width: 160px;height: 160px;background:#f7941d;overflow: hidden;border-radius: 50%;*/} .pingtai .ul1 li .ltt{font-size: 20px;margin: 20px 15px;} .pingtai .ul1 li .ltc{ line-height: 2; padding:0 15px;} @media screen and (max-width:1440px) { .pingtai .ul1 li .img img{ width:100%;} } @media screen and (max-width:600px) { .pingtai .ul1 li{width:100%;float: none; padding:30px 0;} .pingtai .ul1{margin: 20px 0 0} } /*软件开发*/ .soft p{ font-size:16px;} .soft_title {font-size: 35px;padding-bottom: 15px; padding-top:15px;} .soft_p {margin-bottom: 60px;font-size: 14px;} .soft_pt{background-color:#f1f1f1; padding:4em 0;} .soft_list {/*display: flex; justify-content: space-between;*/margin: 0 auto; height:240px;} .soft_list .img_div { width:25%; float:left; text-align:center;} .soft_list .img_div h2 {font-size: 20px;line-height: 55px;font-weight: bold;} .soft_list .img_div span { padding:0 10px;color: #888888;display: block;} .soft_pt2{ padding:4em 0;} .soft_pt2 ul { margin-top:20px;} .soft_pt2 ul li { width:18%; padding:1%; float:left;} .soft_pt2 ul li .step{margin-bottom:30px;text-align:center; } .soft_pt2 ul li .step span{} .soft_pt2 ul li .step span canvas{width:80px !important;height:80px !important;} .soft_pt2 ul li .step p{display:block;line-height:30px;color:#888; font-size:16px;} .soft_pt2 ul li .step em{ font-style:normal;} @media screen and (max-width:1024px) { .soft_list .img_div h2 {font-size: 16px;line-height:35px; } } @media screen and (max-width:768px) { .soft_pt2 ul li { width:31.33333337%; padding:1%;} .soft_pt2 ul li .step p{ font-size:15px;} .soft_pt{ padding:2em 0;} .soft_pt2{ padding:2em 0;} .soft_p {margin-bottom: 30px;} .soft_list {/*display: flex; justify-content: space-between;*/margin: 0 auto; height:500px;} .soft_list .img_div { width:50%; margin-bottom:20px;} .soft_list .img_div img{ width:auto;} .soft_list .img_div span{ line-height:28px;} } @media screen and (max-width:425px) { .soft_pt2 ul li { width:48%; padding:1%;} } .sms_part1 h2{ font-size:28px;} .sms_part1 p{ width: 70%; margin: 0 auto; text-align: center; line-height: 32px; font-size: 16px;} .sms_part1 ul{margin: 3% 0 0 0;} .sms_part1 ul li{display: block;float: left;width: 15.66666666667%;margin: 0 1% 5% 0;text-align: center;} .sms_part1 ul li.first{visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;} .sms_part1 ul li.second{visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;} .sms_part1 ul li.third{visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;} .sms_part1 ul li.fourth{visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;} .sms_part1 ul li img{height: 58px; margin-bottom:15px;} .sms_part1 ul li span{font-size: 18px; display: block; color: #000; margin: 0 0 10px 0;} .sms_part1 ul li p{ color: #6e6e6e;text-align: center;line-height: 30px;height: 60px;} .sms_part1 ul li:hover img {-webkit-animation:icon-bounce 0.5s alternate;-moz-animation:icon-bounce 0.5s alternate;-ms-animation: icon-bounce 0.5s alternate;-o-animation:icon-bounce 0.5s alternate;animation:icon-bounce 0.5s alternate;} .sms_part2{padding:80px 0;text-align: center; background: #fafafa;} .sms_part2 .wrap .tt{ font-size:28px; font-weight: bold;} .sms_part2 .ul1{margin: 60px 0 0} .sms_part2 .ul1 li{width: 18.5%;float: left; background:#fff; padding:35px 0.5%; position: relative;} .sms_part2 .ul1 li .img{display: block;overflow: hidden; margin: 0 auto; } .sms_part2 .ul1 li .ltt{font-size: 20px;margin: 20px 15px;} .sms_part2 .ul1 li .ltc{font-size: 14px;line-height: 2; padding:0 20%; height: 120px;} .sms_part2 .ul1 li:before{transition: all .3s;-webkit-transition: all .3s;content: " ";display: block; position: absolute;width: 0%;height: 4px;bottom: 0;left: 0;background: #fd8c04;z-index: 9;} .sms_part2 .ul1 li:hover{background: #eee;} .sms_part2 .ul1 li:hover:before{width: 100%;} .sms_part3{padding: 80px 0;text-align: center; } .sms_part3 .set_tab{ margin-top: 60px; } .sms_part3 .wrap .tt{ font-size:28px; font-weight: bold;} .sms_part3 .tab_tit{width:33%;height:55px;display:block; float:left;text-align:center;line-height:55px; color:#323232; border-top-width: 2px;border-right-width: 1px;border-top-style: solid;border-right-style: solid;border-top-color: #F7921E;border-right-color: #ddd} .sms_part3 .tab_tit_on,.sms_part3 .tab_tit2_on:hover{ width:33%;height:55px; display:block; float:left; text-align:center; line-height:55px; color:#323232; border-top:2px solid #F7921E; border-right:1px solid #ddd;} .sms_part3 .tab_tit_off,.sms_part3 .tab_tit2{ width:33%;height:55px; display:block; float:left; text-align:center; line-height:55px;border-right:1px solid #ddd;} .sms_part3 .ser_content{ height: 100%; min-height: 540px; padding:2px 0 0px; width: 100%;} .sms_part3 .ser_content .ser_content_left{ width: 55%; float: left;background-color: #fff; text-align: center;} .sms_part3 .ser_content .ser_content_left img{ text-align: center; margin: 20px auto;} .sms_part3 .ser_content .ser_content_right{ background-color: #fafafa; width: 45%; float: left;} .sms_part3 .ser_content .ser_content_right .ser_content_right_con{ padding: 70px 10%; min-height: 420px;} .sms_part3 .ser_content .ser_content_right .ser_content_right_con .se_title { border-bottom: 1px solid #dddddd; padding-bottom: 20px; margin-bottom: 20px;} .sms_part3 .ser_content .ser_content_right .ser_content_right_con .se_title .f24{ margin-bottom: 10px;} .sms_part3 .ser_content .ser_content_right .ser_content_right_con .se_title p{ color: #999; line-height: 36px; font-size: 17px;} .sms_part3 .ser_content .ser_content_right .ser_content_right_con .desc{ line-height: 32px; color: #666; font-size: 16px; } @media screen and (max-width:1200px) { .sms_part2{padding: 60px 0;} .sms_part3{padding: 60px 0;text-align: center; } .sms_part2 .ul1 li .img img{ width: 100%;} .sms_part2 .ul1 li .ltc{ padding:0 10%; } .sms_part1 h2{ font-size:22px;} .sms_part2 .wrap .tt{ font-size:22px;} .sms_part3 .wrap .tt{ font-size:22px;} } @media screen and (max-width:1024px) { .sms_part1 p{ width: 100%;} } @media screen and (max-width:768px) { .sms_part1 ul li{ width: 31.66666666667%; } .sms_part1 img { width: auto;} .sms_part2 .ul1 li{width:32%; } } @media screen and (max-width:600px) { .sms_part3 .set_top{ height:56px; } .sms_part1 ul li{ width: 48.66666666667%; } .sms_part2 .ul1 li{width:49%; } .sms_part3 .ser_content{ height: 100%; min-height: 540px; } .sms_part3 .ser_content .ser_content_left{ width: 100%; float: none;background-color: #fff; text-align: center;} .sms_part3 .ser_content .ser_content_right{ background-color: #fafafa; width: 100%; float: none;} .sms_part3 .ser_content .ser_content_left img{ text-align: center; margin: 0px auto;} .sms_part3 .ser_content .ser_content_right .ser_content_right_con{ padding: 30px 2%; min-height: 270px;} .sms_part3 .set_tab{ padding-bottom:0px;} } .promote_part1 h2{ font-size:28px;} .promote_part1 .con {width: 80%; margin: 0 auto; } .promote_part1 .con p{ text-align: center; line-height: 32px; font-size: 16px;} .promote_part1 ul{margin: 3% 0 0 0;} .promote_part1 ul li{display: block;float: left;width: 30.66666666667%;margin: 0 1.5% 5% 0;text-align: center;} .promote_part1 ul li.first{visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;} .promote_part1 ul li.second{visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;} .promote_part1 ul li.third{visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;} .promote_part1 ul li .con_list { border: 1px solid #eee; padding: 20px; text-align: left;} .promote_part1 ul li .img{ width: 36%; float: left;} .promote_part1 ul li span{font-size: 15px; line-height: 25px; height: 75px; display: block; color: #666; text-align: left;} .promote_part1 ul li h3{ color: #000; line-height: 30px; } .promote_part1 ul li:hover img {-webkit-animation:icon-bounce 0.5s alternate;-moz-animation:icon-bounce 0.5s alternate;-ms-animation: icon-bounce 0.5s alternate;-o-animation:icon-bounce 0.5s alternate;animation:icon-bounce 0.5s alternate;} .promote_part1_bottom_left{ width: 50%; float: left;} .promote_part1_bottom_right{ width: 50%; float: left;} .promote_part1_bottom_right .img{ position: relative; background: url(../images/promote5.jpg) no-repeat center; height: 95px; width: 100%;} .promote_part1_bottom_right .img:before{ position: absolute; left: 0px; top:48%; content: ""; height: 1px; background-color: #ccc; width: 34%;} .promote_part1_bottom_right .img:after{ position: absolute; right: 0px; top:48%; content: ""; height: 1px; background-color: #ccc; width: 34%;} .promote_part1_bottom_right .desc{ font-size: 16px; line-height: 32px;} .promote_part2{padding: 80px 0;text-align: center; background:url(../images/promote_bg.jpg) no-repeat; height: 100%;} .promote_part2 h2{ font-size:28px; font-weight: bold; color: #fff;} .promote_part2 .ul1{margin: 20px 0; height: 150px;} .promote_part2 .ul1 li{width: 13%;float: left; padding:30px 0.5%; position: relative;} .promote_part2 .ul1 li .img{display: block;overflow: hidden; margin: 0 auto; } .promote_part2 .ul1 li .ltt{font-size: 18px;margin: 15px 10px; color: #fff;} .promote_part2 .ul1 li:after{transition: all .3s;-webkit-transition: all .3s;content: " ";display: block; position: absolute;width:82px;height: 44px;top: 28%;right: -20%; z-index: 9; background: url(../images/line.png) no-repeat;} .promote_part2 .ul1 li:last-child:after{ display: none;} .promote_part3{padding: 80px 0;text-align: center; } .promote_part3 h2{ font-size:28px; font-weight: bold;} .promote_part3 ul {margin: 20px 0;} .promote_part3 ul li{ margin-bottom: 80px;} .promote_part3_left{ width: 50%;} .promote_part3_right .title{ width: 200px; height: 45px; line-height: 45px; border-radius: 10px; text-align: center; background-color: #fe8613; color: #fff; font-size: 18px; margin-bottom: 40px;} .promote_part3_right{ width: 50%; text-align: left; padding-top: 50px;} .promote_part3 ul li:nth-child(2) .promote_part3_right .con_list{ width: 100%; float: right;} .promote_part3_right .con_list .desc{ font-size: 16px; line-height: 32px; width: 100%;} .promote_part3_right .con_list h3{ font-size: 20px; color: #000; margin-bottom: 15px;} .promote_part3 ul li:nth-child(2) .promote_part3_right .title{ margin-right: 0px; float: right; } .promote_part3 ul li:nth-child(2) .promote_part3_right .con_list .desc{ text-align: right; float: right;} @media screen and (max-width:1440px) { .promote_part3_left img{ width: 100%;} } @media screen and (max-width:1366px) { .promote_part1 .con {width: 100%; margin: 0 auto; } .promote_part1 ul li{width: 31.66666666667%; } .promote_part1_bottom_right .desc{ font-size: 15px; line-height: 30px;} .promote_part2 .ul1 li:after{ right: -25%; } } @media screen and (max-width:1200px) { .promote_part2{padding: 60px 0;} .promote_part3{padding: 60px 0;text-align: center; } .promote_part1 h2{ font-size:22px;} .promote_part2 h2{ font-size:22px;} .promote_part3 h2{ font-size:22px;} } @media screen and (max-width:1024px) { .promote_part2 .ul1 li:after{ display: none;} .promote_part1_bottom_left{ width: 100%; float: none;} .promote_part1_bottom_left .img{ text-align: center; margin: 0 auto;} .promote_part1_bottom_right{ width: 100%; float: none;} } @media screen and (max-width:768px) { .promote_part1 ul li{display: block;float: left;width: 100%;margin: 0 0 5% 0;text-align: center;} .promote_part3_right{ width: 50%; text-align: left; padding-top: 0px;} .promote_part2 .ul1 li .ltt{font-size: 16px;margin: 10px 5px; color: #fff;} .promote_part3_left{ width: 100%;} .promote_part3_right{ width: 100%;} } @media screen and (max-width:680px) { .promote_part2{ background-size: 100% 100%;} .promote_part2 .ul1 li{width: 31%; padding:10px 0.5%;} .promote_part2 .ul1 li:last-child{ display: none;} .promote_part2 .ul1{margin: 20px 0; height: 280px;} .promote_part1_bottom_right .img:before{ height: 0px; } .promote_part1_bottom_right .img:after{ height: 0px; } .promote_part3 ul li{ margin-bottom: 30px;} .promote_part3_right{ width: 100%; text-align: left; padding-top: 30px;} .promote_part3 ul li:nth-child(2) .promote_part3_right .con_list{ width: 100%; float: left;} .promote_part3 ul li:nth-child(2) .promote_part3_right .title{ margin-right: 0px; float: left; } .promote_part3 ul li:nth-child(2) .promote_part3_right .con_list .desc{ text-align: left; float: left;} } .feydj_part1 h2{ font-size:28px;} .feydj_part1 p{ width: 70%; margin: 0 auto; text-align: center; line-height: 32px; font-size: 16px;} .feydj_part1 ul{margin: 3% 0 0 0;} .feydj_part1 ul li{display: block; margin: 0 0 5% 0;text-align: center;} .feydj_part1 ul li.first{visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;} .feydj_part1 ul li.second{visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;} .feydj_part1 ul li.third{visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;} .feydj_part1 ul li.fourth{visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;} .feydj_part1 .pt50{ padding-top: 50px;} .feydj_part1_bottom { margin-top: 3%;} .feydj_part1_bottom_left{ width: 50%; float: left;} .feydj_part1_bottom_right{ width: 50%; float: left;} .feydj_part1_bottom_right .desc{ font-size: 16px; line-height: 32px; width: 88%;float: left;} .feydj_part1 ul li .con_list { text-align: left;} .feydj_part1 ul li .img{ width: 12%; float: left;} .feydj_part1 ul li span{font-size: 16px; line-height: 30px; height: 75px; display: block; color: #666; text-align: left;} .feydj_part1 ul li h3{ color: #000; line-height: 30px; font-size: 20px; font-weight: 600; margin-bottom: 10px; } .feydj_part2{padding: 0px 0 20px;text-align: center;/* background: #fafafa;*/} .feydj_part2 h2{ font-size:28px; font-weight: bold;} .feydj_part2 .ul1 *{transition: all .5s;-webkit-transition: all .5s;} .feydj_part2 .ul1{margin-top: 3%;} .feydj_part2 .ul1 li{width: 31.83333337%;float: left; margin-right: 2%; height: 335px; position: relative; box-sizing: border-box;background: #fff; margin-bottom: 50px;-moz-box-shadow:0px 2px 5px #ddd; -webkit-box-shadow:0px 2px 5px #ddd; box-shadow:0px 2px 5px #ddd; } .feydj_part2 .ul1 li:nth-child(3n){ margin-right: 0px;} .feydj_part2 .ul1 li .img{display: block; margin: 60px auto 30px; overflow: hidden;position: relative;} .feydj_part2 .ul1 li:before{transition: all .3s;-webkit-transition: all .3s;content: " ";display: block; position: absolute;width: 0%;height: 4px;bottom: 0;left: 0;background: #fd8c04;z-index: 9;} .feydj_part2 .ul1 li .ltt{font-size: 22px;} .feydj_part2 .ul1 li .ltc{color: #666;font-size: 14px;margin-top: 10px;line-height: 1.8; width: 80%; margin-left: 10%; margin-right: 10%;} .feydj_part2 .ul1 li:hover:before{width: 100%;} .feydj_part3{padding: 30px 0 60px;text-align: center; } .feydj_part3 h2{ font-size:28px; font-weight: bold;} @media screen and (max-width:1366px) { .feydj_part3 img{ width: 100%;} } @media screen and (max-width:1200px) { .feydj_part1 .pt50{ padding-top: 20px;} .feydj_part1_bottom_left{ width:100%; float: none;} .feydj_part1_bottom_left .img{ text-align: center;} .feydj_part1_bottom_right{ width: 100%; float: none;} .feydj_part1 h2{ font-size:22px;} .feydj_part2 h2{ font-size:22px;} .feydj_part3 h2{ font-size:22px;} .feydj_part3{padding: 10px 0 40px;text-align: center; } } @media screen and (max-width:768px) { .feydj_part1 p{ width: 98%;} .feydj_part1 ul li h3{ font-size: 18px; } .feydj_part1_bottom_right .desc{ width: 90%;float: left;} .feydj_part1 ul li .img{ width: 10%; float: left;} .feydj_part2 .ul1 li .img{ margin: 30px auto 30px; } .feydj_part2 .ul1 li .ltt{font-size: 20px;} .feydj_part2 .ul1 li .ltc{ width: 90%; margin-left: 5%; margin-right: 5%;} } @media screen and (max-width:600px) { .feydj_part1 ul li h3{ font-size: 16px; } .feydj_part1_bottom_right .desc{ width: 86%;float: left;} .feydj_part1 ul li .img{ width: 14%; float: left;} .feydj_part1 ul li img{ width: auto;} .feydj_part2 .ul1 li{width: 48%; height: 335px; margin-bottom: 30px; } } .google_part2{padding: 80px 0;min-height: 540px;background: url(../images/net_1.png) left top no-repeat;background-size: 100%;text-align: center;} .google_part2 h2{ font-size:28px; color: #fff; font-weight: bold;} .google_part2 h2 span{ color: #fd8c04;} .google_part2 .ul1 *{transition: all .5s;-webkit-transition: all .5s;} .google_part2 .ul1{margin-top: 80px; padding: 50px 0;-moz-box-shadow:0px 2px 5px #ddd; -webkit-box-shadow:0px 2px 5px #ddd; box-shadow:0px 2px 5px #ddd;background: #fff;} .google_part2 .ul1 li{width:40%;float: left;box-sizing: border-box; padding: 30px 0 30px 15%; } .google_part2 .ul1 li .img{ font-size: 22px; color: #222; height: 70px;text-align: left;} .google_part2 .ul1 li .ltc{ text-align: left; font-size: 16px;} .google_part3 ul{ height: 180px;} .google_part3 ul li img{height: 79px; margin-bottom:15px;} .google_part4{padding: 80px 0 130px;min-height: 540px;background:#f7f7f7 url(../images/googlebg.jpg) left bottom no-repeat;background-size: 100%;text-align: center;} .google_part4 h2{ font-size:28px; font-weight: bold;} .google_part4 .ul1 *{transition: all .5s;-webkit-transition: all .5s;} .google_part4 .ul1{margin-top: 40px; margin-bottom: 40px; -moz-box-shadow:0px 2px 5px #ddd; -webkit-box-shadow:0px 2px 5px #ddd; box-shadow:0px 2px 5px #ddd;} .google_part4 .ul1 li{width: 25%;float: left;height: 455px;box-sizing: border-box;background: #fff;position: relative;} .google_part4 .ul1 li .img{display: block; margin: 60px auto 30px; overflow: hidden;position: relative;} .google_part4 .ul1 li:before{transition: all .3s;-webkit-transition: all .3s;content: " ";display: block; position: absolute;width: 0%;height: 4px;bottom: 0;left: 0;background: #fd8c04;z-index: 9;} .google_part4 .ul1 li .ltt{font-size: 22px; margin-bottom: 15px;} .google_part4 .ul1 li .ltc{color: #444;font-size: 16px;margin-top: 10px;line-height: 32px; width: 80%; margin-left: auto; margin-right: auto;} .google_part4 .ul1 li s{display: block;width: 1px ;height: 300px;background: #eee;position: absolute;right: 0;top: 98px;} .google_part4 .ul1 li:hover:before{width: 100%;} @media screen and (max-width:1366px) { .google_part2 .ul1{ padding: 30px 0; } .google_part2 .ul1 li{ padding: 30px 0 30px 12%; } } @media screen and (max-width:1024px) { .google_part2 .ul1 li{ padding: 30px 3% 30px 3%; } .google_part2 .ul1 li{width:50%; } .google_part4 .ul1 li .ltt{font-size: 20px; } } @media screen and (max-width:768px) { .google_part3 ul{ height: 350px;} .google_part4{padding: 80px 0 80px;min-height: 540px;} .google_part2 .ul1 li{width:100%; } } @media screen and (max-width:668px) { .google_part4{padding: 50px 0 80px;min-height: 540px;} .google_part4 .ul1 li{width: 50%;} .google_part2{padding: 50px 0; } .google_part2 .ul1 li{ padding: 10px 3% 10px 3%; } .google_part2 .ul1 li .img{ font-size: 20px;} } @media screen and (max-width:425px) { .google_part3 ul{ height: 450px;} .google_part4 .ul1 li{width: 100%;height: 225px; } .google_part4 .ul1 li .img{margin: 30px auto 10px;} .google_part4 .ul1 li .ltc{font-size: 15px; line-height:28px; width: 96%; } }