@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; padding:0; font-size:17px;} .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; margin:0 21px;} @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_3 img{ max-width:100%;} .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.2rem} .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: 4.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; } } .case-content img{ max-width:100%;} @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; overflow:hidden; margin-bottom:0;} .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% 20px; } .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%; } } .qqhgongjiao{max-width:1560px; margin:0 auto; box-shadow:0 8px 24px 3px rgba(0,0,0,0.1); padding:1.6949153% 2.5248588%; box-sizing:border-box; margin-bottom:50px;} .qqhgongjiao strong{ font-size:22px; font-weight:normal; color:#000;} .index_sales04_dbg{ background-color:#f2f2f2;} .index_sales04d{ max-width:1160px; margin:0 auto;} .index_sales04d .listli{ display:flex; margin-top:60px;} .index_sales04d .listli .img img{ max-width:100%;} .index_sales04d .listli .txt{ width:30%;flex:0 0 30%; padding:0 0 0 5%; padding-top:10vh; font-size:18px;} .index_sales04d .listli .txt strong{ font-size:26px; font-weight:normal; line-height:200%;} .index_sales04d .listli02 .txt{ padding:0 5% 0 0; padding-top:10vh; text-align:right;} .index_sales04d .listli02 .img{ text-align:right;} .index_sales04_dbg{ padding:60px 0;} .index_sales04_dbg .bigtit{ font-size:18px; text-align:center; color:#999; margin-bottom:50px;} .index_sales04_dbg .bigtit strong{ font-weight:normal;font-size:26px; display:block; color:#333; line-height:180%;} .index_sales04_dbg .index_sales04d{ overflow:hidden; max-width:1300px;} .index_sales04_dbg .box{ width:70%; margin:0 auto;} .index_sales04_dbg .boxfl{ width:15%; float:left; } .index_sales04_dbg .boxfl strong{text-align:right;} .index_sales04_dbg .boxfr{ width:15%; float:right;} .index_sales04_dbg .box img{ width:100%;} .index_sales04_dbg li{ display:flex; position:relative; font-size:14px; color:#888;} .index_sales04_dbg .txtfl{ line-height:160%;} .index_sales04_dbg .txtfl strong{ display:block; font-size:16px; font-weight:normal; color:#333; padding:15px 0;} .index_sales04_dbg .point { display: inline-block; width: 10px; height: 10px; border: 1px solid #FFBA25; border-radius: 50%; vertical-align: middle } .index_sales04_dbg .line { display: inline-block; width: 75%; height: 0.01px; border: 1px dashed #FFBA25; vertical-align: middle; margin: 0 5px } .index_sales04_dbg .boxfl .txtfr{ position:absolute; width:150px; right:-86%;} .index_sales04_dbg .boxfr .txtfr{ position:absolute; width:150px; left:-86%;} @media screen and (max-width:720px) { .index_sales04d{ margin:0 20px;} .index_sales04d .listli{ display:block; border-bottom:1px solid #eee; margin-top:26px;} .index_sales04d .listli .txt{ width:auto; text-align:left} .index_sales04d .listli .txt{ padding-top:4vh; padding-bottom:10px;} .index_sales04d .listli02 .txt{ padding:0 0 10px 5%;} .index_sales04d .listli02 .img{ text-align:left; padding-bottom:20px;} .index_sales04d .listli .txt{ font:16px;} .index_sales04d .listli .txt strong{ font-size:22px;} .index_sales04_dbg{ padding:30px 0;} .index_sales04_dbg .bigtit{ margin-bottom:20px;} .index_sales04_dbg .box{ width:auto; margin:0 auto; margin-top:20px;} .index_sales04_dbg .boxfl{ width:auto; float:none; } .index_sales04_dbg .boxfl strong{text-align:left;} .index_sales04_dbg .boxfr{ width:auto; float:none;} .index_sales04_dbg .point,.index_sales04_dbg .line { display:none;} .index_sales04_dbg .bigtit{ font-size:14px;} .index_sales04_dbg .bigtit strong{ font-size:22px;} } .index_build06 .wrap{ max-width:1250px; padding-bottom:60px;} .index_build06 .bigtit{ font-size:3em; text-align:center; line-height:100%; margin-bottom:60px;} .index_build06 img{ max-width:100%;} .index_build06_x {padding:9em 0 1em;} .index_build06_x .lb2{ position:relative; overflow:hidden;} .index_build06_x .swiper-wrapper .myicon1{display:block;margin:0 auto} .index_build06_x .swiper-wrapper .swiper-slide:nth-child(1) .myicon1{width:55px;height:63px;background:url(../img0225/ls1.png)no-repeat center;background-size:55px 63px} .index_build06_x .swiper-wrapper .swiper-slide:nth-child(1):hover .myicon1{width:55px;height:63px;background:url(../img0225/ls1on.png)no-repeat center;background-size:55px 63px} .index_build06_x .swiper-wrapper .swiper-slide:nth-child(2) .myicon1{width:57px;height:56px;background:url(../img0225/ls4.png)no-repeat center;background-size:57px 56px} .index_build06_x .swiper-wrapper .swiper-slide:nth-child(2):hover .myicon1{width:57px;height:56px;background:url(../img0225/ls4on.png)no-repeat center;background-size:57px 56px} .index_build06_x .swiper-wrapper .swiper-slide:nth-child(3) .myicon1{width:58px;height:60px;background:url(../img0225/ls2.png)no-repeat center;background-size:58px 60px} .index_build06_x .swiper-wrapper .swiper-slide:nth-child(3):hover .myicon1{width:58px;height:60px;background:url(../img0225/ls2on.png)no-repeat center;background-size:58px 60px} .index_build06_x .swiper-wrapper .swiper-slide:nth-child(4) .myicon1{width:58px;height:60px;background:url(../img0225/ls5.png)no-repeat center;background-size:58px 60px} .index_build06_x .swiper-wrapper .swiper-slide:nth-child(4):hover .myicon1{width:58px;height:60px;background:url(../img0225/ls5on.png)no-repeat center;background-size:58px 60px} .index_build06_x .swiper-wrapper .swiper-slide:nth-child(5) .myicon1{width:70px;height:53px;background:url(../img0225/ls3.png)no-repeat center;background-size:70px 53px} .index_build06_x .swiper-wrapper .swiper-slide:nth-child(5):hover .myicon1{width:70px;height:583x;background:url(../img0225/ls3on.png)no-repeat center;background-size:70px 53px} .index_build06_x .swiper-wrapper .swiper-slide:nth-child(6) .myicon1{width:59px;height:62px;background:url(../img0225/ls6.png)no-repeat center;background-size:59px 62px} .index_build06_x .swiper-wrapper .swiper-slide:nth-child(6):hover .myicon1{width:59px;height:62px;background:url(../img0225/ls6on.png)no-repeat center;background-size:59px 62px} .index_build06_x .swiper-wrapper .swiper-slide:nth-child(7) .myicon1{width:55px;height:63px;background:url(../img0225/ls1.png)no-repeat center;background-size:55px 63px} .index_build06_x .swiper-wrapper .swiper-slide:nth-child(7):hover .myicon1{width:55px;height:63px;background:url(../img0225/ls1on.png)no-repeat center;background-size:55px 63px} .index_build06_x .swiper-wrapper .swiper-slide:nth-child(8) .myicon1{width:57px;height:56px;background:url(../img0225/ls4.png)no-repeat center;background-size:57px 56px} .index_build06_x .swiper-wrapper .swiper-slide:nth-child(8):hover .myicon1{width:57px;height:56px;background:url(../img0225/ls4on.png)no-repeat center;background-size:57px 56px} .index_build06_x .li2{max-width:380px;background-color:#f6f6f6;padding:8px} .index_build06_x .li2 .txt2{background-color:#fff;max-width:378px;height:278px;border:1px solid #fff;text-align:center} .index_build06_x .li2 .txt2 .icon1{margin:55px 0 24px 0} .index_build06_x .li2 .txt2 .icon1 .myicon1{font-size:60px;color:#ff7c00} .index_build06_x .li2 .txt2 .tit2{font-size:18px;color:#000;margin-bottom:28px} .index_build06_x .li2 .txt2 .p3{font-size:15px;color:#999999} .index_build06_x .li2:hover{background-color:#3b99f0} .index_build06_x .li2:hover .txt2{background-color:#3b99f0} .index_build06_x .li2:hover .txt2 .icon1 .myicon1{color:#fff} .index_build06_x .li2:hover .txt2 .tit2{color:#fff} .index_build06_x .li2:hover .txt2 .p3{color:#fff} .index_build06_x .swiper-pagination1{text-align:center;margin-top:30px} .index_build06_x .swiper-pagination-bullet{border-radius:0} .index_build06_x .swiper-pagination-bullet{width:50px;height:4px;text-align:center;background-color:#bdbdbd} .index_build06_x .swiper-pagination-bullet-active{color:#fff;background:#087fec} .index_build06_a{ background:url(../img0225/ssl_bg.jpg)no-repeat center; padding:60px 0;} .index_build06_a .bigtit{ color:#fff;} .index_build06_a .list1{ display:flex;} .index_build06_a .list1 .li{ width:30%; margin-right:5%; background:url(../img0225/yel.jpg) #fff no-repeat top left;text-align:center;padding:40px;overflow:hidden; box-sizing:border-box;} .index_build06_a .list1 .li:nth-child(3n){ margin-right:0;} .index_build06_a .list1 .li .logo2{margin:5px 0} .index_build06_a .list1 .li .p4,.ssl .list1 .li .wb1{font-size:14px;color:#999999} .index_build06_a .list1 .li .wb1{line-height:28px;text-align:left} .index_build06_a .list1 .li .tit2{font-size:32px;color:#e6000a;margin:45px 0 35px 0;font-weight:700} .index_build06_a .list1 .li1{background:url(../img0225/blue.png) #fff no-repeat top left;} .index_build06_c{ padding:60px 0;} .index_build06_c .bigtit{ margin-bottom:20px;} .index_build06_d{ background:url(../img0225/ssl_bg2.jpg) #f2f2f2 no-repeat top center; padding:60px 0;} .index_build06_d .bigtit{ color:#fff;} .index_build06_e{ background-color:#f2f2f2;} .index_build06_e .list3 .li{width:47%; float:left;background-color:#fff;margin-right:6%;margin-bottom:35px; padding:40px 40px; box-sizing:border-box;} .index_build06_e .list3 .li:nth-child(2n){ margin-right:0;} .index_build06_e .list3 .li{ display:flex;} .index_build06_e .list3 .li .yuan{ margin-right:20px;} .index_build06_e .list3 .li .yuan .span{width:120px;height:120px; text-align:center;display:block;background-color:#fff;border-radius:50%;border:1px solid #ff9000; display:flex;align-items: center;justify-content: center; } .index_build06_e .list3 .li .yuan .sp2{border:1px solid #0a7fec} .index_build06_e .list3 .li .yuan .sp3{border:1px solid #2bad31} .index_build06_e .list3 .li .yuan .sp4{border:1px solid #8a84f7} .index_build06_e .list3 .li .yuan .sp5{border:1px solid #ff4040} .index_build06_e .list3 .li .yuan .sp6{border:1px solid #00a081} .index_build06_e .list3 .li .txt4 .p4{font-size:20px;color:#555555;margin:22px 0 10px} .index_build06_e .list3 .li .txt4 .p5{font-size:14px;color:#999999} .index_build06_e .list3 .li:hover{background-color:#ff9000} .index_build06_e .list3 .li:hover .yuan .span{border:1px solid #fff} .index_build06_e .list3 .li:hover .txt4 .p4{color:#fff} .index_build06_e .list3 .li:hover .txt4 .p5{color:#fff} .index_build06_e .list3 .li:nth-of-type(2n){margin-right:0} .index_build06_f{ padding:60px 0;} .index_build06_f .lb3{position:relative; overflow:hidden; padding-left:30px;} .index_build06_f .lb3 .swiper-pagination2{text-align:center;margin-top:33px} .index_build06_f .lb3 .swiper-pagination-bullet{border-radius:0} .index_build06_f .lb3 .swiper-pagination-bullet{width:200px;height:2px;text-align:center;background-color:#bdbdbd;margin:-10px !important} .index_build06_f .lb3 .swiper-pagination-bullet-active{color:#fff;background:#087fec} .index_build06_f .lb3::before{content:"";position:absolute;width:100%;height:1px;background-color:#b7b7b7;bottom:0;left:0} @media screen and (max-width:720px) { .index_build06 .li2 .txt2 .p3{ display:none;} .index_build06 .bigtit{ font-size:25px; margin-bottom:30px} .index_build06_x{ padding:40px 10px;} .index_build06_x .li2 .txt2 .icon1{ margin:30px 0 24px 0;} .index_build06_x .li2 .txt2{ height:auto;} .index_build06 .wrap{ padding-bottom:0;} .index_build06_a{ padding:40px 5%; background-size:cover;} .index_build06_a .list1{ display:block;} .index_build06_a .list1 .li{ width:100%; margin-right:0;} .index_build06_c{ padding:30px 0;} .index_build06_d{ padding:30px 20px;} .index_build06_e{ padding:30px 5%;} .index_build06_e .list3 .li{ width:100%; float:none; padding:20px; margin-bottom:18px;} .index_build06_e .list3 .li .yuan .span{ width:90px; height:90px;} .index_build06_e .list3 .li .txt4 .p4{ margin:2px 0 10px;} .index_build06_f .lb3 .swiper-pagination-bullet{ width:50px;} .index_build06_f .lb3 .swiper-pagination2{ margin-top:10px;} } .index_build07 .wrap{ max-width:1300px;} .index_build07 .titbig{ font-size:3em; margin-bottom:40px;} .index_build07_01 .wrap{ padding:150px 0; display:flex;} .index_build07_01 .boxfl{margin-right:10%; padding-top:30px;} .index_build07_01 .boxfl .info{ font-size:16px;} .index_build07_01 .boxfl .info strong{ line-height:300%;} .index_build07_01 .boxfr{ width:320px;flex:0 0 320px; } .index_build07_01 .boxfr img{ width:100%;} .index_build07_02 .titbig{ text-align:center;} .index_build07_02 li{ display:flex; margin-bottom:50px;} .index_build07_02 .boxfl{ width:340px;flex:0 0 340px; margin-right:10%;} .index_build07_02 li:nth-child(2n) .boxfl{ margin-right:0; margin-left:10%;} .index_build07_02 .boxfl img{ width:100%;} .index_build07_02 .boxfr{ width:100%;} .index_build07_02 .tit{ font-size:30px; font-weight:bold; margin-top:10vh; margin-bottom:30px;} .index_build07_02 .tit .span{ font-weight:normal; color:#666; font-size:18px; margin-top:5px;} .index_build07_02 .tit:after{ content:""; display:block; width:120px; height:2px; background-color:#f89317; margin-top:20px;} @media screen and (max-width:720px) { .index_build07 .titbig{ font-size:25px; margin-bottom:28px;} .index_build07_01 .wrap{ padding:0; display:block;} .index_build07_01 .boxfl{ margin-right:0;} .index_build07_01 .boxfr{ max-width:320px; width:100%; text-align:center; margin:0 auto; margin-top:20px;} .index_build07_02{ margin-top:40px;} .index_build07_02 .boxfl{ width:20%; flex:0 0 20%; margin-right:5%;} .index_build07_02 li:nth-child(2n) .boxfl{ margin-left:5%;} .index_build07_02 .tit{ margin-top:0; font-size:18px; margin-bottom:8px;} .index_build07_02 .tit .span{ display:none;} .index_build07_02 .tit:after{ display:none;} } .index_build08 .wrap{ max-width:1300px;} .index_build08 .titbig{ font-size:3em; margin-bottom:58px;} .index_build08_01 .wrap{ padding:60px 0; display:flex;} .index_build08_01 .boxfl{margin-right:10%; padding-top:30px;} .index_build08_01 .boxfl .info{ font-size:16px;} .index_build08_01 .boxfl .info strong{ line-height:300%;} .index_build08_01 .boxfr{ width:320px;flex:0 0 320px; } .index_build08_01 .boxfr img{ width:100%;} .index_build08_02{ background-color:#f5f5f5; padding-top:15vh;} .index_build08_02 .titbig{ text-align:center;} .index_build08_02 li{ display:flex; padding-bottom:100px;} .index_build08_02 .boxfl{ width:340px;flex:0 0 340px; margin-right:10%;} .index_build08_02 li:nth-child(2n) .boxfl{ margin-right:0; margin-left:10%;} .index_build08_02 .boxfl img{ width:100%;} .index_build08_02 .boxfr{ width:100%;} .index_build08_02 .tit{ font-size:30px; font-weight:bold; margin-top:3vh; margin-bottom:30px;} .index_build08_02 .tit .span{ font-weight:normal; color:#666; font-size:18px; margin-top:5px;} .index_build08_02 .tit:after{ content:""; display:block; width:120px; height:2px; background-color:#f89317; margin-top:20px;} @media screen and (max-width:720px) { .index_build08 .titbig{ font-size:25px; margin-bottom:28px;} .index_build08_01 .wrap{ padding:0; display:block;} .index_build08_01 .boxfl{ margin-right:0; padding-top:0;} .index_build08_01 .boxfr{ max-width:320px; width:100%; text-align:center; margin:0 auto; margin-top:20px;} .index_build08_02{ margin-top:40px; padding-top:40px;} .index_build08_02 .boxfl{ width:20%; flex:0 0 20%; margin-right:5%; display:none;} .index_build08_02 li{ padding-bottom:25px;} .index_build08_02 li:nth-child(2n) .boxfl{ margin-left:5%;} .index_build08_02 .tit{ margin-top:0; font-size:18px; margin-bottom:8px;} .index_build08_02 .tit .span{ display:none;} .index_build08_02 .tit:after{ display:none;} } .index_sales01g .bigtit{padding:7em 0 3em; text-align:center;} .index_sales01g .bigtit .bigtittt{ font-size:28px; font-weight:bold; margin-bottom:20px;} .index_sales01g .bigtit .bigtitdd{ font-size:16px;} .index_sales01g .wrap{ max-width:1300px;} .index_sales01g_a .bigtit{padding:9em 0 6.5em;} .index_sales01g_a ul{ display:flex;} .index_sales01g_a li{ padding:0 1%; text-align:center;} .index_sales01g_a li .img img{ height:70px;} .index_sales01g_a .tit{ font-size:18px; padding:30px 0 10px;} .index_sales01g_a .info{ color:#666;} .index_sales01g_a .dd{ margin:60px 0;} .index_sales01g_b{ margin-bottom:80px;} .index_sales01g_b .wrap{ display:flex;} .index_sales01g_b .box{ padding:0 1.5%; flex:1;} .index_sales01g_b .box .tit{ padding:10px 0; padding-left:100px; background:url(../img0225/f4_02_cl01.png) no-repeat left center; font-size:16px;} .index_sales01g_b .box .tit strong{ font-size:24px;} .index_sales01g_b .box .tit01{ border-bottom:1px dotted #ccc; padding-bottom:5px;} .index_sales01g_b .box .tit02{ font-size:26px; line-height:180%;} .index_sales01g_b .box:nth-child(2) .tit{ background:url(../img0225/f4_02_cl02.png) no-repeat left center;} .index_sales01g_b .box ul{ position:relative; margin-top:40px; padding:30px; border:1px solid #ff6600; border-radius:20px;} .index_sales01g_b .box .num{ color:#fff; padding:5px 10px;text-align:center;background:#ff6600} .index_sales01g_b .box li{ padding-bottom:10px;} .index_sales01g_b .box ul:before{ position:absolute; content:""; display:block; width:22px; height:19px; background:url(../img0225/arrow.jpg) no-repeat center center; top:-19px; left:5%; } .index_sales01g_b .box .txt font{ color:#ff6600;} .index_sales01g_c{ background-color:#f2f2f2; padding-bottom:60px;} .index_sales01g_c .list{ display:flex; flex-wrap: wrap;} .index_sales01g_c .list li{ width:32%; margin-right:2%; box-sizing:border-box; padding:20px; color:#fff; border-radius:10px; margin-bottom:20px;} .index_sales01g_c .list li .tit{ font-size:18px; padding:8px 0;} .index_sales01g_c .list li:nth-child(3n){ margin-right:0;} .index_sales01g_c .list li:nth-child(1){ background-color:#e76565;} .index_sales01g_c .list li:nth-child(2){ background-color:#f18439;} .index_sales01g_c .list li:nth-child(3){ background-color:#00b7ee;} .index_sales01g_c .list li:nth-child(4){ background-color:#1acac6;} .index_sales01g_c .list li:nth-child(5){ background-color:#16bf61;} .index_sales01g_c .list li:nth-child(6){ background-color:#f8b551;} .index_sales01g_c .bigtit{ padding:7em 0 3em;} .index_sales01g_d .yhcl_top{background:url(../img0225/seo_06.jpg) no-repeat;width:100%;height:445px;overflow:hidden} .index_sales01g_d .yhcl_top{padding-left:40px} .index_sales01g_d .yhcl_top .tit{font-size:22px;line-height:56px;color:#666;padding-left:22px} .index_sales01g_d .yhcl_top .guanjian01{overflow:hidden} .index_sales01g_d .yhcl_top .guanjian01 li{color:#ff4b30;font-size:18px;line-height:35px;padding-bottom:21px} .index_sales01g_d .yhcl_top .guanjian02{width:420px;text-align:center;padding-left:17px;padding-top:45px} .index_sales01g_d .yhcl_top .guanjian02 .gu_tit{font-size:20px;color:#fe4c32;font-weight:600} .index_sales01g_d .yhcl_top .guanjian02 ul{overflow:hidden;padding-top:77px} .index_sales01g_d .yhcl_top .guanjian02 li{float:left;width:85px;font-size:20px;color:#fff;line-height:1.2;padding-left:45px;padding-top:6px} .index_sales01g_d .yhcl_top .guanjian02 li .dzt{font-size:28px;padding-top:0} .index_sales01g_d .yhcl_top .guanjian03{padding-left:35px} .index_sales01g_d .yhcl_top .guanjian03 li{font-size:18px;color:#50b5f9;line-height:50px;padding-bottom:28px} .index_sales01g_d .yhcl_top .guanjian04{padding-left:56px} .index_sales01g_d .yhcl_top .guanjian04 li{padding-bottom:8px;color:#666} .index_sales01g_d .yhcl_top .guanjian04 li p{line-height:14px;padding-bottom:9px} .index_sales01g_d .list{ padding-left:40px;} .index_sales01g_d .titddd{ margin-top:40px; margin-bottom:20px; font-size:22px; color:#666; background:url(../img0225/dotddd.jpg) no-repeat left center; padding-left:20px;} .index_sales01g_d .list ul{ display:flex;} .index_sales01g_d .list li{ width:32%; margin-right:2%;} .index_sales01g_d .list li .tit{ font-size:18px; padding:10px 0;} .index_sales01g_d .list li:nth-child(3n){ margin-right:0;} .index_sales01g_d .list li:nth-child(1) .tit{ color:#ff5136; border-top:1px solid #ff5136 } .index_sales01g_d .list li:nth-child(2) .tit{ color:#85c610; border-top:1px solid #85c610 } .index_sales01g_d .list li:nth-child(3) .tit{ color:#3eb0f7; border-top:1px solid #3eb0f7 } .index_sales01g_d .list li p{ font-size:16px; color:#444; padding:6px 0px 6px 30px;} .index_sales01g_d .list li:nth-child(1) p{background:url(../img0225/jiantou01.jpg) no-repeat left center; } .index_sales01g_d .list li:nth-child(2) p{background:url(../img0225/jiantou02.jpg) no-repeat left center; } .index_sales01g_d .list li:nth-child(3) p{background:url(../img0225/jiantou03.jpg) no-repeat left center; } .index_sales01g_e ul{ display:flex; flex-wrap:wrap;} .index_sales01g_e li{width:49%; margin-right:2%; box-sizing:border-box; padding:20px; border:1px solid #eee; margin-bottom:20px;} .index_sales01g_e li:nth-child(2n){margin-right:0;} .index_sales01g_e li .right h5{color:#009fd9;font-size:18px;margin-top:10px;margin-bottom:10px} .index_sales01g_e li .right p{color:#999} .index_sales01g_e li img{display:block;float:left;width:95px;height:100px} .index_sales01g_e li .right{width:calc(100% - 115px);-webkit-width:calc(100% - 115px);float:right} .index_sales01g_d .dddd{ width:100%; display:none;} @media screen and (max-width:720px) { .index_sales01g_a .bigtit{ padding:36px 0 40px;} .index_sales01g .bigtit .bigtittt{ font-size:20px; margin-bottom:5px;} .index_sales01g_a ul{ flex-wrap:wrap;} .index_sales01g_a li{ margin-bottom:20px; width:48%;} .index_sales01g_a .dd{ margin:30px 0;} .index_sales01g_b .wrap{ display:block;} .index_sales01g_c .bigtit{ padding:3em 0 3em;} .index_sales01g_c .list li{ width:49%;} .index_sales01g_c .list li:nth-child(3n){ margin-right:2%;} .index_sales01g_c .list li:nth-child(2n){ margin-right:0;} .index_sales01g .bigtit{ padding:4em 0 3em;} .index_sales01g_d .yhcl_top{ height:1px; overflow:hidden; text-indent:-99999px;} .index_sales01g_d .dddd{ display:block} .index_sales01g_d .list{ padding-left:0;} .index_sales01g_d .list ul{ display:block; } .index_sales01g_d .list li{width:100%; margin-right:0;} .index_sales01g_e li{ width:100%; margin-right:0;} .index_sales01g_b .boxfl{ margin-bottom:20px;} } .index_sales02c .wrap{ max-width:1350px;} .index_sales02c li{ display:flex;} .index_sales02c .img{ overflow:hidden; width:50%;} .index_sales02c .img img{ transition:.5s; width:100%;} .index_sales02c li:hover .img img{ transform:scale(1.1);} .index_sales02c .listcon{ width:50%; text-align:center; display:flex;align-items:center;} .index_sales02c .listcon .cccc{ width:100%;} .index_sales02c .listcon .tit{ font-size:24px;} .index_sales02c .listcon .tit em{ display:block; height:2px; width:40px; margin:22px auto 0; background-color:#4ba2e9} .index_sales02c .list{ display:flex; margin-top:66px;} .index_sales02c .box{ margin:0 2%; flex:1; line-height:130%; color:#666;} .index_sales02c .icon{ margin-bottom:30px;} @media screen and (max-width:720px) { .index_sales02c .box span{ display:none;} .index_sales02c li{ display:block;} .index_sales02c .img{ width:100%;} .index_sales02c .listcon{ width:100%; box-sizing:border-box; padding:20px;} .index_sales02c_1{ padding-bottom:20px;} .index_sales02c .list{ margin-top:46px;} } .index_build09{ padding-bottom:90px;} .index_build09 .list{ display:flex; flex-wrap:wrap;} .index_build09 .list li{ width:25%; text-align:center; margin-top:30px;justify-content: center; } .index_build09 .list .img img{ width:100%; max-width:200px; margin:0 auto; display:block; transition:.5s;} .index_build09 .list .tit{ font-size:24px; color:#000; margin-bottom:10px;} .index_build09 .list .info{ color:#888;} .index_build09 .list li:hover .img img{ animation: icon 1.2s linear 1;} @keyframes icon{ 0%{ transform: rotateY(0) scale(1) ; } 50%{ transform: rotateY(180deg) scale(1.5) ; } 100%{ transform: rotateY(0) scale(1) ; } } .index_sales02d img{ max-width:100%;} .index_sales02d .wrap{ max-width:1300px;} .index_sales02d .bigtit{ position:relative;} .index_sales02d .bigtit .en{font-size: 85px;color: #e7e3ff;font-weight: 900;font-family: Arial;text-transform: uppercase;line-height: 57px;letter-spacing: 3px;margin-left: -5px;} .index_sales02d .bigtit .cn{font-size: 24px;color: #414140;font-weight: bold;line-height: 24px;letter-spacing: 3px;margin-top: -21px;} .index_sales02d_01 .list{ display:flex;} .index_sales02d_01 .list .wlggc1a{ flex:1; text-align:center;} .index_sales02d_01 .list .wlggc1a img{ border-radius: 50%;box-shadow: -6px 6px 30px 0px rgba(191,191,243,0.54);} .index_sales02d_01 .list .wlggc1a:hover img{animation: rubberBand 1.5s infinite;} .index_sales02d_01 .list .wlggc1a p{text-align: center;font-size: 16px;color: #454353;line-height: 30px;margin-top: 28px;} .index_sales02d_01 .line01{ display:flex; margin-top:60px;} .index_sales02d_01 .line01 .boxfr{ padding-left:10%;} .index_sales02d_01 .line01 .info{ margin-top:50px;} .index_sales02d_01 .line01 .boxfr{ padding-top:30px;} .index_sales02d_01 .line02{ overflow:hidden; max-width:1000px; margin:0 auto;} .index_sales02d_01 .line02 p{font-size: 14px;color: #454353;line-height: 32px;background-image: url(../img0225/g04.png);background-repeat: no-repeat;background-size: 100% 70%;background-position: bottom left;width: 44%;padding-left: 20px;margin-top: 10px;} .index_sales02d_01 .line02 p:nth-child(2n){float: right;margin-right: 12px;} .index_sales02d_01 .line02 p:nth-child(2n+1){float: left;} .index_sales02d_01 .banbg{max-width:1204px; margin:0 auto; background:url(../img0225/g10.jpg) no-repeat center center; color:#fff; padding:55px 0 73px; text-align:center; margin-top:60px; } .index_sales02d_02{background-image: url(../img0225/g11.jpg);background-repeat: no-repeat;background-size: cover;padding-top: 70px;margin-top: 43px; overflow:hidden;} .index_sales02d_02 .wltgc_an{position: absolute;right: 135px;bottom: -26px;} .index_sales02d_02 .wlggd1{padding-left: 50px;position: relative;} .index_sales02d_02 .wlggd1 h2{font-size: 85px;color: #4a87d5;font-weight: 900;font-family: Arial;text-transform: uppercase;line-height: 57px;letter-spacing: 3px;} .index_sales02d_02 .wlggd1 p{font-size: 30px;color: #fff;line-height: 40px;margin-top: -21px;font-weight: bold;} .index_sales02d_02 .wlggd2{width: 2000px;margin-left: 3.5%;margin-top: 51px;overflow: hidden;padding-bottom: 15px;} .index_sales02d_02 .wlggd3{width: 1600px;} .index_sales02d_02 .wlggd4{width: 357px;} .index_sales02d_02 .wlggd5{width: 75.6%;background-color: #fff;border: 1px solid #f2f1ff;border-radius: 15px;position: relative;height: 322px;box-shadow: 1px 6px 28px 1px rgba(177,183,243,0.27);padding: 39px 63px 0 61px; text-align:center; box-sizing:border-box;} .index_sales02d_02 .wlggd5::after{position: absolute;content: "";width: 80px;height: 4px;background-color: #9587ee;left: calc(50% - 40px);top: -1px;} .index_sales02d_02 .wlggd5 img{margin: 0 auto;} .index_sales02d_02 .wlggd5 h2{font-size: 20px;color: #454353;line-height: 30px;margin-top: 7px;text-align: center;} .index_sales02d_02 .wlggd5 p{font-size: 14px;color: #868686;line-height: 22px;text-align: center;margin-top: 30px;} .index_sales02d_02 .wlggd5 p span{color: #9587ee;} .index_sales02d_02 .wlggd1 .wltgc_an{right: 45px;bottom: 0px;} .index_sales02d_03 .bigtit{ text-align:center; padding:60px 0;} .index_sales02d_03{ text-align:center;} .index_sales02d_03 p{font-size: 14px;color: #3a31ef;line-height: 30px;font-weight: bold;text-align: center;display: inline-block;background-image: url(../img0225/g04.png);background-repeat: no-repeat;background-size: 100% 70%;padding: 0 6px;background-position: bottom;} .index_sales02d_04{ padding:60px 0; } .index_sales02d_04 .bigtit{ text-align:center; padding:60px 0;} .index_sales02d_04 .wlggg1{width: 26.2%;background-color: #fff;border: 1px solid #f2f1ff;border-radius: 15px;position: relative;height: 322px;box-shadow: 1px 6px 24px 1px rgba(177,183,243,0.27);padding: 39px 0px 0 0px;margin: 0 3.4%; text-align:center;} .index_sales02d_04 .wlggg1::after{position: absolute;content: "";width: 80px;height: 4px;background-color: #9587ee;left: calc(50% - 40px);top: -1px;} .index_sales02d_04 .wlggg1 img{} .index_sales02d_04 .wlggg1 h2{font-size: 20px;color: #454353;line-height: 30px;margin-top: 7px;text-align: center;} .index_sales02d_04 .wlggg1 p{font-size: 14px;color: #868686;line-height: 22px;text-align: center;margin-top: 46px;position: relative;} .index_sales02d_04 .wlggg1 p span{display: inline-block;width: 40px;} .index_sales02d_04 .wlggg1 p::after{width: 8px;height: 8px;background-color: #9587ee;position: absolute;content: "";top: -13px;left: calc(50% - 4px);border-radius: 50%;} .index_sales02d_05 .wlggq{height: 276px;padding-top: 95px;margin-top: 76px;background-image: url(../img0225/y41.jpg); color:#fff; text-align:center;} .index_sales02d_05 .wlggq h2{color: #ffde57;font-weight: bold;} .index_sales02d_05 .wlggq p{background-size: 847px 20px;background-position: bottom center;background-repeat: no-repeat;font-size: 16px;line-height: 32px;margin-top: 17px;letter-spacing: 1px;} .index_sales02d_05 .wlyxm_m{width: 190px;height: 54px;background-color: #fff;border-radius: 30px;text-align: center;line-height: 54px;margin: 0 auto;margin-top: 43px;} .wlyxm_m a{font-size: 18px;color: #9b21e4;transition: all ease 0.3s;} .wlyxm_m:hover a{padding-left: 8px;} @media screen and (max-width:720px) { .index_sales02d_01 .list{ flex-wrap:wrap;} .index_sales02d_01 .list .wlggc1a{ width:33.3%; flex:auto;} .weixiin .title p{ font-size:14px;} .index_sales02d_01 .list .wlggc1a img{ max-width:80px; } .index_sales02d_01 .list .wlggc1a p{ font-size:14px; margin-top:10px;} .index_sales02d_01 .line01{ display:block;} .index_sales02d_01 .line01 .boxfl img{ width:100%;} .index_sales02d .bigtit .en{ font-size:50px;} .index_sales02d_01 .line01 .info{ margin-top:28px;} .index_sales02d_01 .line02 p{ width:100%; box-sizing:border-box;} .index_sales02d_01 .line01 .boxfr{ padding-top:0;} .index_sales02d_01 .line02 p:nth-child(2n){ margin-right:0;} .index_sales02d_01 .banbg{ margin-top:15px; padding:55px 5% 73px;} .index_sales02d_02{ margin-top:0; padding-top:35px;} .index_sales02d_02 .wlggd2{ width:100%; margin-left:0;} .index_sales02d_02 .wlggd3{ width:100%;} .index_sales02d_02 .wlggd4{ width:100%;} .index_sales02d_02 .wlggd5{ margin:0 auto;} .index_sales02d .wrap{ position:relative;} .index_sales02d_02 .wlggd1{ position:static;} .index_sales02d_02 .wlggd1 h2{ font-size:50px;} .index_sales02d_02 .wlggd1 .wltgc_an{ z-index:22; left:50%; right:auto; margin-left:-100px;} .index_sales02d_03 .bigtit{ padding:42px 0;} .index_sales02d_04{ padding-top:0;} .index_sales02d_04 .wlggg1{ width: 100%; box-sizing:border-box; margin:0;} .index_sales02d_05 .wlggq{ margin-top:0;} .index_sales02d_0{ display:none;} } .index_build10 .applet-desc-list{margin-bottom:90px;display:flex; flex-wrap:wrap} .index_build10 .applet-desc-list li{width:25%;font-size:16px; box-sizing:border-box;line-height:24px;color:#666;border:1px solid #d9d9d9; margin-left:-1px; } .index_build10 .applet-desc-list .inner{padding:43px 40px 67px;} .index_build10 .applet-desc-list .id{font-size:48px;line-height:48px;color:#d90000;font-weight:bold;margin-bottom:16px} .index_build10 .applet-desc-list h3{margin-bottom:20px;font-size:18px;line-height:24px;color:#333;font-weight:bold} .index_build10 .m-web-title{font-size:36px;line-height:50px;color:#333;text-align:center;font-weight:bold;padding:0 15px} .index_build10 .full-applet-bg{ padding:60px 0; background: url(../img0225/appletbg.jpg) no-repeat center center; background-size:cover;} .index_build10 .full-applet-bg .m-web-title{position:relative;z-index:10;margin-bottom:75px;color:#fff} .index_build10 .full-applet-bg .applet-feature ul{display:flex; flex-wrap:wrap; } .index_build10 .full-applet-bg .applet-feature li{ flex:1;font-size:16px;line-height:24px;color:#ccc; text-align:center;} .index_build10 .full-applet-bg .applet-feature .ico{margin-bottom:14px} .index_build10 .full-applet-bg .applet-feature .ico img{vertical-align:middle;width:45%} .index_build10 .full-applet-bg .applet-feature h3{margin-bottom:19px;font-size:18px;line-height:24px;color:#fff} .index_build10 .applet-func{ padding:60px 0;} .index_build10 .applet-func .m-web-title{ margin-bottom:30px;} .index_build10 .applet-func-list ul{ display:flex; flex-wrap:wrap;} .index_build10 .applet-func-list li{width:33.3%; position:relative; box-sizing:border-box;margin-bottom:62px;width:33.3%;padding:0 2.38095%;text-align:center} .index_build10 .applet-func-list .inner{padding:48px 28px 68px; box-sizing:border-box;font-size:15px;line-height:22px;color:#666;border:solid 1px #d9d9d9; height:100%;} .index_build10 .applet-func-list .ico{margin-bottom:20px;height:75px;line-height:75px} .index_build10 .applet-func-list .ico img{vertical-align:middle} .index_build10 .applet-func-list h3{margin-bottom:20px;font-size:18px;line-height:32px;color:#1a1a1a} .index_build10 .full-applet-do{padding:76px 0 68px;background-color:#f2f2f2;text-align:center} .index_build10 .full-applet-do .do-desc{ text-align:center;} .index_build10 .m-three-icolist{ display:flex; margin-top:30px;} .index_build10 .m-three-icolist li{width:33.3333%; text-align:center;} .index_build10 .m-three-icolist .ico img{width:30%;} .index_build10 .m-three-icolist h3{margin-bottom:14px; margin-top:20px;font-size:18px;line-height:30px;color:#333} @media screen and (max-width:720px) { .index_build10 .m-web-title{ font-size:25px;} .index_build10 .website_1_2 p{ font-size:14px;} .index_build10 .applet-desc-list{ margin-bottom:45px;} .index_build10 .applet-desc-list li{width:50%; margin-top:-1px;} .index_build10 .website_1{ padding-bottom:0;} .index_build10 .full-applet-bg .applet-feature li{ flex:auto; width:33.3%;} .index_build10 .full-applet-bg .applet-feature li p{ display:none;} .index_build10 .full-applet-bg .m-web-title{ margin-bottom:30px;} .index_build10 .applet-func-list li{ width:50%; margin-bottom:30px;} .index_build10 .applet-func-list .inner{ padding:30px 28px;} .index_build10 .applet-func{ padding:50px 0 30px;} .index_build10 .full-applet-do{ padding:30px 0;} .index_build10 .m-three-icolist .ico img{ width:69%;} .index_build10 .m-three-icolist li p{ display:none;} } .index_sales02e{ padding:120px 0;} .index_sales02e .bigtit{ font-size:22px; text-align:center; font-weight:bold;} .index_sales02e .wrap{ max-width:1300px;} .index_sales02e_01 { margin-top:60px;} .index_sales02e_01 .wrap{ display:flex;} .index_sales02e_01 .boxfl{ width:50%; box-sizing:border-box; padding-right:5%;} .index_sales02e_01 .boxfr{ width:50%;} .index_sales02e_01 .boxfr img{ display:block; width:100%;} .index_sales02e_01 .tit{ font-size:22px; font-weight:bold; margin-bottom:20px;} .index_sales02e_01 .info{ color:#888;} .index_sales02e_01 .boxfl p{ margin:20px 0;} .index_sales02e_01 .btn{width:194px;height:37px;line-height:37px;padding-left:20px;background:#00a63f url(../img0225/wenda-back-btn.png) no-repeat right 20px center;} .index_sales02e_01 .btn a{ color:#FFFFFF;display:block;font-size:16px;} .index_sales02e_02{ background-color:#f1f1f1; padding:60px 0; margin-top:60px;} .index_sales02e_02 .bigtit{ margin-bottom:30px;} .index_sales02e_02 .list{ display:flex; flex-wrap:wrap;} .index_sales02e_02 .listli{ width:25%;} .index_sales02e_02 .list p{font-size:16px;color:#333333;margin-top:0} .index_sales02e_02 .list span{display:block;width:55px;height:2px;background:#63b252;margin-bottom:12px;margin-top:14px} .index_sales02e_02 .list dd{margin:0;font-size:14px;line-height:24px;color:#888888} .index_sales02e_02 .list .innerd{ padding:30px 20px; margin:15px; border:1px solid #fff; background-color:#fff; box-sizing:border-box; height:100%;} .index_sales02e_02 .wenda-dailai-center1{background:#FFFFFF url(../img0225/wenda-back1.png) no-repeat right 20px bottom 15px} .index_sales02e_02 .wenda-dailai-center2{background:#FFFFFF url(../img0225/wenda-back2.png) no-repeat right 20px bottom 15px} .index_sales02e_02 .wenda-dailai-center3{background:#FFFFFF url(../img0225/wenda-back3.png) no-repeat right 20px bottom 15px} .index_sales02e_02 .wenda-dailai-center4{background:#FFFFFF url(../img0225/wenda-back4.png) no-repeat right 20px bottom 15px} .index_sales02e_02 .listli:hover .innerd{ border:1px solid #63b252; } .index_sales02e .wenda-hexin{width:100%;overflow:hidden;background:url(../img0225/new-img5.jpg) center; padding:60px 0;} .index_sales02e .wenda-hexin .bigtit{ color:#fff;} .index_sales02e .wenda-hexin-center{overflow:hidden;margin-bottom:50px; display:flex; flex-wrap:wrap;} .index_sales02e .wenda-hexin .listdd{ width:48%; margin-right:4%;} .index_sales02e .wenda-hexin .listdd:nth-child(2n){ margin-right:0%;} .index_sales02e .wenda-hexin-center dl{overflow:hidden;background:#FFFFFF;margin:0;height:133px;margin-top:30px} .index_sales02e .wenda-hexin-center dl .left{float:left;width:67%;margin-left:3%;margin-bottom:25px;margin-top:28px} .index_sales02e .wenda-hexin-center .left p{text-align:right;width:100%;color:#333333;margin-top:0;margin-bottom:11px;font-size:16px} .index_sales02e .wenda-mar-no .left{float:right !important;margin-right:3%;margin-left:0 !important} .index_sales02e .wenda-hexin-center dd{margin:0;text-align:right;font-size:14px;line-height:24px;color:#888888} .index_sales02e .wenda-mar-no .left p{text-align:left !important} .index_sales02e .wenda-mar-no .left dd{text-align:left !important} .index_sales02e .wenda-hexin-center dl .right{width:74px;height:74px;background:url(../img0225/wenda-img2.png) no-repeat center center;float:left;margin-left:36px;margin-top:29px;line-height:74px;color:#46ad75;text-align:center;font-size:30px} .index_sales02e .wenda-mar-no .right{float:right !important;margin-right:36px;margin-left:0 !important} .index_sales02e .wenda-lianxi{color:#FFFFFF;text-align:center;margin:0 auto;width:300px;font-size:20px} .index_sales02e .wenda-lianxi a{color:#FFFFFF;font-size:20px} .index_sales02e .wenda-lianxi-xian{border-bottom:1px solid #FFFFFF;width:271px;margin:0 auto;margin-top:13px} .index_sales02e .wenda-dingwei{ padding:60px 0;} .index_sales02e .wenda-dingwei-center{overflow:hidden;margin:30px 0 0; display:flex; flex-wrap:wrap;} .index_sales02e .wenda-dingwei-center dl{height:211px;padding:5px;border:1px solid #EEEEEE} .index_sales02e .wenda-dingwei-center dt{text-align:center;padding-top:25px} .index_sales02e .wenda-dingwei-center dl p{text-align:center;font-size:18px;color:#333333;margin:14px 0} .index_sales02e .wenda-dingwei-center dd{font-size:14px;color:#999999;text-align:center;margin:0;line-height:24px;padding:0 33px;} .index_sales02e .wenda-dingwei-center .listdd{ width:23.5%; margin-right:2%;} .index_sales02e .wenda-dingwei-center .listdd:nth-child(4n){ margin-right:0%;} .index_sales02e .wenda-pingtai{ background-color:#f1f1f1; padding:60px 0;} .index_sales02e .new-partner{ display:flex; flex-wrap:wrap; margin-top:30px;} .index_sales02e .new-partner li{height:180px;background:url(../img0225/index_whyme14.png) no-repeat center;text-align:center;margin-top:-10px; width:16.6%;} .index_sales02e .new-partner li img{margin-top:52px} .index_sales02e .new-partner li p{margin-top:24px;color:#454545;font-size:14px} .index_sales02e .wenda-anli{ padding:60px 0 0;} .index_sales02e .wenda-anli-content{ display:flex; flex-wrap:wrap; margin-top:30px;} .index_sales02e .wenda-anli-content .listdd{ width:48%; margin-right:4%;} .index_sales02e .wenda-anli-content .listdd:nth-child(2n){ margin-right:0%;} .index_sales02e .wenda-anli-content img{ width:100%; display:block;} @media screen and (max-width:720px) { .index_sales02e{ padding:60px 0;} .index_sales02e_01 .wrap{ display:block;} .index_sales02e_01 .boxfl{ width:100%; margin-bottom:20px;} .index_sales02e_01 .boxfr{ width:100%;} .index_sales02e .weixiin .title h2{ margin-bottom:0;} .index_sales02e_01{ margin-top:30px;} .index_sales02e_01 .tit{ font-size:20px;} .index_sales02e_02{margin-top:30px;} .index_sales02e_02 .listli{ width:50%; margin-bottom:10px;} .index_sales02e_02 .list .innerd{ margin:8px;} .index_sales02e .wenda-hexin .listdd{ width:100%; margin-right:0;} .index_sales02e .wenda-hexin-center dl{ height:auto;} .index_sales02e .wenda-hexin-center dl .right{ display:none;} .index_sales02e .wenda-hexin-center dl .left{ width:100%; margin-left:0; box-sizing:border-box; padding:10px; float:none; margin-top:5px; margin-bottom:5px;} .index_sales02e .wenda-hexin-center .left p{ text-align:left;} .index_sales02e .wenda-hexin-center dd{text-align:left;} .index_sales02e .wenda-mar-no .left{ float:none !important; margin-right:0;} .index_sales02e .wenda-dingwei-center dd{ display:none;} .index_sales02e .wenda-dingwei-center dl{ height:auto;} .index_sales02e .new-partner li{ width:33.3%;} } .index_build11 .wrap{ max-width:1300px;} .index_build11 .bigtit{font-size:30px;text-align:center; color:#0f6bd8;} .index_build11 .bigtit p{color:#999; font-size:20px; margin-top:10px;} .index_build11 img{ max-width:100%;} .index_build11 .tdcon ul{ display:flex; flex-wrap:wrap;} .index_build11 .tdcon ul li{height:262px;margin-bottom:10px} .index_build11 .tdcon ul li .tdlist-bg{border:1px solid #f2f2f2;border-radius:20px;box-shadow:2px 2px 15px rgba(204,204,204,0.5),-2px -2px 15px rgba(204,204,204,0.5);height:100%} .index_build11 .tdlistcon{padding:30px} .index_build11 .tdcon ul li .tdlist-bg .tdlistcon i{display:block;margin:0 auto;width:91px;height:91px} .index_build11 .tdcon ul li{ width:32%; margin-right:2%;} .index_build11 .tdcon ul li:nth-child(3n){ margin-right:0;} .index_build11 .tdcon ul li .tdlist-bg .tdlistcon h5{padding-top:12px;line-height:40px;font-size:24px;color:#666;font-weight:bold;text-align:center} .index_build11 .tdcon ul li .td1 .tdlistcon i{background:url(../img0225/smo1.png) no-repeat} .index_build11 .tdcon ul li .td2 .tdlistcon i{background:url(../img0225/smo2.png) no-repeat} .index_build11 .tdcon ul li .td3 .tdlistcon i{background:url(../img0225/smo3.png) no-repeat} .index_build11 .tdcon ul li p{color:#666} .index_build11 .baiducase{padding:80px 0; margin-top:60px;background:linear-gradient(to right,#146cda,#80d1f1);} .index_build11 .baiducase .bigtit{color:#fff;} .index_build11 .baiducase .connlist02{ max-width:1021px; margin:0 auto; position:relative; padding:0 8%; margin-top:40px; margin-bottom:20px;} .index_build11 .baiducase .connlist{overflow:hidden;} .index_build11 .swiper-slide{ text-align:center;} .index_build11 .swiper-slide img{ max-width:100%;} .index_build11 .more{text-align:center} .index_build11 .more a{display:inline-block;margin:0 auto;padding:10px 50px;border-radius:45px;background:#1256a7;text-align:center;font-size:16px;color:#fff} .index_build11 .tedian1{ padding:80px 0;} .index_build11 .tedian1 .tedian1_con{ display:flex; flex-wrap:wrap} .index_build11 .tedian1 .tedian1_con_l{ width:50%;} .index_build11 .tedian1 .tedian1_con_r{ width:50%;} .index_build11 .tedian1 .tedian1_con_r ul{ display:flex; flex-wrap:wrap; margin-top:30px;} .index_build11 .tedian1 .tedian1_con_r li{ width:48%; margin-right:2%; margin-top:20px;} .index_build11 .tedian1 .tedian1_con_r ul li div{box-shadow:0 0 9px #ccc;padding:20px} .index_build11 .tedian1 .tedian1_con_r ul li div h2{font-size:22px;color:#313131;position:relative} .index_build11 .tedian1 .tedian1_con_r ul li div h2:after{content:"";position:absolute;width:42px;height:2px;top:30px;margin-left:-42px;background-color:#1358a2} .index_build11 .tedian1 .tedian1_con_r ul li div p{margin-top:14px;font-size:16px;color:#999} .index_build11 .liuliang{ background-color:#000; padding:80px 0; text-align:center;} .index_build11 .liuliang .bigtit{color:#fff; font-weight:bold; font-size:55px;} .index_build11 .liuliang .bigtit strong{ color:#ff0000;} .index_build11 .liuliang .liucon img{ margin:20px 0;} .index_build11 .liuliang .liucon{ font-size:35px; color:#fff;} .index_build11 .liuliang .liucon strong{ color:#ff0000; font-weight:normal;} .index_build11 .service{ padding:80px 0;} .index_build11 .service .bigtit{color:#333; font-weight:bold; font-size:55px;} .index_build11 .service .bigtit strong{ color:#ff0000;} .index_build11 .servicecon{ display:flex; flex-wrap:wrap; margin-top:58px;} .index_build11 .servicecon .boxfl{ width:20%;} .index_build11 .servicecon .boxfr{ width:80%;} .index_build11 .servicecon .boxfr table{ width:100%;} .index_build11 .servicecon .boxfl li{ border-bottom:1px solid #efefef; border-right:1px solid #efefef;} .index_build11 .servicecon .boxfl li a { display:block; height:auto; padding:50px 20px; line-height:1.5;text-align:center;font-size:16px;color:#000; } .index_build11 .servicecon .boxfl li.active{border-right:3px solid #ef8d00;} .index_build11 .servicecon .boxfl li.active a{ background-color:#efefef;} .index_build11 .servicecon .swiper-container-fade .swiper-slide{ opacity:0 !important;} .index_build11 .servicecon .swiper-container-fade .swiper-slide-active{opacity:1 !important;} .index_build11 .youshi{padding:50px 0;background:#f2f2f2;} .index_build11 .youshi_con ul{ display:flex; flex-wrap:wrap; margin-top:58px;} .index_build11 .youshi_con li{ width:25%;} .index_build11 .youshi_con .youshi_list{padding:0 15px;border-radius:100%;width:260px;height:260px;background:#fbfbfb; box-sizing:border-box;} .index_build11 .youshi_con .youshi_list h3{font-size:35px;font-weight:normal;color:#111;margin:0;padding:70px 0 0;text-align:center} .index_build11 .youshi_con .youshi_list h3 font{color:#f60} .index_build11 .youshi_con .youshi_list p{font-size:12px;line-height:1.8;color:#333;margin-top:30px;text-align:center} .index_build11 .contact{overflow:hidden;padding:50px 0;background:url(../img0225/home_footer.jpg) center no-repeat;background-size:cover; text-align:center;} .index_build11 .contact .bigtit{ color:#fff;} .index_build11 .lxcon{ margin-top:50px; display:inline-block;border:1px solid #fff;padding:15px 35px;text-align:center;color:#fff;font-size:20px;border-radius:10px;} .index_build11 .lxcon a{ color:#fff;} @media (max-width:720px){ .index_build11 .bigtit{ font-size:25px;} .index_build11 .bigtit p{ font-size:16px;} .index_build11 .website_1{ padding-bottom:10px;} .index_build11 .swiper-slide .connlist02 img{ max-width:80%;} .index_build11 .tdcon ul li{ width:80%; margin-right:0; margin:0 10%; margin-top:20px;} .index_build11 .liuliang .bigtit{ font-size:30px; line-height:140%;} .index_build11 .liuliang .liucon{ font-size:20px;} .index_build11 .baiducase{ padding:40px 0;} .index_build11 .tedian1{ padding:40px 0;} .index_build11 .liuliang{ padding:40px 0;} .index_build11 .service{ padding:40px 0;} .index_build11 .service .bigtit{ font-size:30px; line-height:140%;} .index_build11 .servicecon{ margin-top:40px;} .index_build11 .servicecon .boxfl{ width:100%;} .index_build11 .servicecon .boxfr{ width:100%; margin-top:20px;} .index_build11 .servicecon .in-news-menu{ display:flex;} .index_build11 .servicecon .in-news-menu li{flex:1;} .index_build11 .servicecon .boxfl li a{ padding:14px 0;} .index_build11 .servicecon .boxfl li.active{ border-bottom:3px solid #ef8d00; border-right:none;} .index_build11 .youshi_con li{ width:50%; margin-top:10px;} .index_build11 .youshi_con .youshi_list{ padding:0 4%; width:92%; height:190px;} .index_build11 .youshi_con .youshi_list h3{ font-size:28px; padding:58px 0 0;} .index_build11 .youshi_con .youshi_list p{ margin-top:14px;} .index_build11 .youshi_con ul{ margin-top:28px;} .index_build11 .tedian1 .tedian1_con_l{ width:100%; margin-top:20px;} .index_build11 .tedian1 .tedian1_con_r{ width:100%;} .index_build11 .tedian1 .tedian1_con_r ul li div{ height:100%; box-sizing:border-box;} .index_build11 .tedian1 .tedian1_con_r ul li div p{ font-size:14px;} } .index_sales02f{ padding:120px 0 0;} .index_sales02f .baijiahao01{ text-align:center; padding-top:20px;} .index_sales02f .baijiahao01 .p1{ font-size:24px; color:#ff0000; font-weight:bold;} .index_sales02f .baijiahao01 img{ max-width:100%;} .index_sales02f .baijiahao02{ background-color:#eee; text-align:center; padding:80px 0; margin-top:80px;} .index_sales02f .baijiahao02 .imgline01 img{ max-height:47px; margin-bottom:20px;} .index_sales02f .baijiahao02 .imgline { padding:30px 0; } .index_sales02f .baijiahao02 .imgline img{ max-height:350px;} .index_sales02f .baijiahao02 .p2{ font-size:20px; letter-spacing:1px; color:#666;} .index_sales02f .baijiahao02 .p2 strong{ color:#333;} .index_sales02f .baijiahao02 .p3{ font-size:32px; margin-bottom:10px;} @media (max-width:720px){ .index_sales02f{ padding:60px 0 0;} .index_sales02f .baijiahao01 .p1{ font-size:16px;} .index_sales02f .baijiahao02{ padding:40px 0; margin-top:40px;} .index_sales02f .baijiahao02 .imgline01 img{ max-height:30px;} .index_sales02f .baijiahao02 .p2{ letter-spacing:0; font-size:18px;} .index_sales02f .baijiahao02 .imgline img{ max-height:126px;} .index_sales02f .baijiahao02 .p3{ font-size:22px;} } .index_build12 .wrap{ max-width:1300px;} .index_build12 .bigtit{font-size:30px;text-align:center; color:#104797;} .index_build12 .bigtit p{color:#999; font-size:20px; margin-top:10px;} .index_build12 .drupal01{ margin-bottom:60px;} .index_build12 .drupal01 .bigtit{ margin-bottom:30px;} .index_build12 .drupal01 ul{ display:flex; flex-wrap:wrap} .index_build12 .drupal01 li{ width:32%; margin-right:2%;} .index_build12 .drupal01 li:nth-child(3n){ margin-right:0;} .index_build12 .drupal01 .img img{ width:100%;} .index_build12 .drupal01 .tit{ font-size:20px; font-weight:bold; padding-top:5px;} .index_build12 .drupal01 .info{ color:#666;} .index_build12 .drupal02{ padding:60px 0; background-color:#f1f1f1;} .index_build12 .drupal02 .bigtit{ margin-bottom:30px;} .index_build12 .drupal02 li{ background-color:#fff; box-sizing:border-box; padding:20px; text-align:center;} .index_build12 .drupal02 .icon span{ font-size:40px; color:#104797;} .index_build12 .drupal02 .tit{ font-size:20px; font-weight:bold; margin:10px 0 10px;} .index_build12 .drupal02 .info{ color:#999; line-height:160%; height:48px; overflow:hidden;} .index_build12 .drupal02 .dddd{ padding:0 80px;} .index_build12 .drupal02 .swiper-button-next,.index_build12 .drupal02 .swiper-button-prev{ top:65%;} .index_build12 .drupal03{ padding:60px 0;} .index_build12 .drupal03 .bigtit{ margin-bottom:30px;} .index_build12 .drupal03 ul{ display:flex; flex-wrap:wrap;} .index_build12 .drupal03 li{ width:25%; text-align:center; } .index_build12 .drupal03 li img{ max-width:100%;} .index_build12 .drupal04{ padding-bottom:60px;} .index_build12 .drupal04 ul{display:flex; flex-wrap:wrap; margin-top:30px;} .index_build12 .drupal04 li{ width:48%; margin-right:4%; margin-top:20px;} .index_build12 .drupal04 li:nth-child(2n){ margin-right:0;} .index_build12 .ny-news a.pic-link{margin-right:20px;position:relative;display:block;overflow:hidden;width:75px;height:70px;float:left} .index_build12 .ny-news{ overflow:hidden;} .index_build12 .ny-news .time{width:75px;height:75px;background:#104797;color:#fff;padding:10px 0 10px;float:left;font-family:"Microsoft yahei";text-align:center} .index_build12 .ny-news .time p.day{font-size:28px;line-height:28px;color:#fff} .index_build12 .ny-news .time p{font-size:14px;line-height:35px;color:#fff} .index_build12 .ny-news .day{font-size:50px;line-height:46px;font-weight:bold} .index_build12 .ny-news .time p{margin:0} .index_build12 .ny-news h4 a{font-size:16px;margin:0 0 10px 0} .index_build12 .ny-news p span{background-repeat:no-repeat;height:18px;width:22px;padding-left:28px;margin-right:10px;font-style:italic;color:#999;font-size:12px} .index_build12 .ny-news p{margin:0 0 5px 0;color:#999;font-size:14px; line-height:160%;} @media (max-width:720px){ .index_build12 .bigtit{ font-size:20px;} .index_build12 .drupal01 .info{ display:none;} .index_build12 .drupal01 .tit{ text-align:center; font-size:16px;} .index_build12 .drupal02 .dddd{ padding:0 50px;} .index_build12 .drupal02 .tit{ font-size:16px;} .index_build12 .drupal04 li{ width:100%;} .index_build12 .drupal04 li:nth-child(2n){ margin-right:0;} .index_build12 .drupal02{ padding:30px 0;} .index_build12 .drupal03{ padding:30px 0;} .index_build12 .drupal04 ul{ margin-top:0;} .index_build12 .ny-news p{ display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} } .index_build13 .wrap{ max-width:1300px;} .index_build13 .build13_01{ margin-top:50px; margin-bottom:60px; margin-bottom:0;} .index_build13 .build13_01 .wrap{ max-width:1300px;} .index_build13 .build13_01 ul{ display:flex; flex-wrap:wrap;} .index_build13 .build13_01 li{ width:23.5%; text-align:center; margin-right:2%;} .index_build13 .build13_01 li a{ display:block; max-width:200px; margin:0 auto;} .index_build13 .build13_01 li:nth-child(4n){ margin-right:0;} /*.index_build13 .build13_01 .img{clip-path:polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);background-color:#ddd; padding:3px; max-width:132px; margin:0 auto;}*/ /*.index_build13 .build13_01 .border{clip-path:polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);;background-color:#eee;}*/ .index_build13 .build13_01 .iconfont{ font-size:55px;} .index_build13 .build13_01 li:nth-child(1) .iconfont{ color:#5ecae6;} .index_build13 .build13_01 li:nth-child(1) .tit{ color:#5ecae6;} .index_build13 .build13_01 li:nth-child(2) .iconfont{ color:#bed431;} .index_build13 .build13_01 li:nth-child(2) .tit{ color:#bed431;} .index_build13 .build13_01 li:nth-child(3) .iconfont{ color:#f6c715;} .index_build13 .build13_01 li:nth-child(3) .tit{ color:#f6c715;} .index_build13 .build13_01 li:nth-child(4) .iconfont{ color:#e21e25;} .index_build13 .build13_01 li:nth-child(4) .tit{ color:#e21e25;} .index_build13 .build13_01 .img img{ width:48%; margin:42px 0;} .index_build13 .build13_01 .tit{ font-weight:bold; font-size:20px; padding-top:20px;} .index_build13 .build13_01 .info{ line-height:160%; margin-top:10px; color:#888;} /*.index_build13 .build13_01 li:hover .img{ background-color:#f89317;} .index_build13 .build13_01 li:hover .img img{ animation: rubberBand 1.5s infinite;}*/ /*.index_build13 .build13_01 li:hover .tit{ color:#f89317;}*/ .index_build13 .build13_02{ margin-top:60px; margin-bottom:60px;} .index_build13 .build13_02 .line01, .index_build13 .build13_02 .line02, .index_build13 .build13_02 .line03, .index_build13 .build13_02 .line05, .index_build13 .build13_02 .line06{ border-bottom:1px solid #eee; padding:20px;} .index_build13 .build13_02 .line03{ height:120px;} .index_build13 .build13_02 .line01{ background-color:#f1f1f1; text-align:center; font-size:20px; font-weight:bold;} .index_build13 .build13_02 ul{ display:flex; flex-wrap:wrap} .index_build13 .build13_02 li{ width:25%; position:relative; box-sizing:border-box; border:1px solid #eee; margin-left:-1px; border-top:3px solid #eee; transition:.5s;} .index_build13 .build13_02 li .line04 p{ padding:20px 20px; border-bottom:1px solid #eee;} .index_build13 .build13_02 li .line04 p:last-child{ border-bottom:none;} .index_build13 .build13_02 li .line05 .tab05{ text-align:center;width:100%;} .index_build13 .build13_02 li .line05 .tab05 th{ background-color:#f1f1f1; border:1px solid #eee; } .index_build13 .build13_02 li .line05 .tab05 td{ border:1px solid #eee; } .index_build13 .build13_02 li .line06 .tab06{ text-align:center;width:100%;} .index_build13 .build13_02 li:hover{ z-index:2; box-shadow:rgb(90, 188, 232) 0px 4px 10px 0px; border-top:3px solid rgb(90, 188, 232); transform:translateY(-10px); border:1px solid rgb(90, 188, 232);} .index_build13 .build13_02 li:hover .line01{ background-color:rgb(90, 188, 232); color:#fff;} .index_build13 .build13_02 li .line02 .red{ color:red;} .index_build13 .build13_02 .noteadd{ margin-top:30px;} .index_build13 .build13_02 .noteadd .red{color:red;} .index_build13 .build13_02 .noteadd02{ margin-top:30px;} .index_build13 .build13_02 .h1{ font-size:30px; font-weight:normal; line-height:180%;} @media (max-width:720px){ .index_build13 .build13_01 li{ width:32%;} .index_build13 .build13_01 li:nth-child(3n){ margin-right:0;} .index_build13 .build13_01 .tit{ padding-top:8px;} .index_build13 .build13_01 li{margin-bottom:10px;} .index_build13 .build13_01 .info{ display:none; } .index_build13 .build13_01{ margin-top:0; margin-bottom:30px;} .index_build13 .build13_01 .img img{ margin:32px 0;} .index_build13 .build13_02{ margin:0 0 30px;} .index_build13 .build13_02 li{ width:100%;} .index_build13 .build13_02 .line01, .index_build13 .build13_02 .line02, .index_build13 .build13_02 .line03, .index_build13 .build13_02 .line05, .index_build13 .build13_02 .line06{padding:10px 20px;} .index_build13 .build13_02 li .line04 p{ padding:10px 20px;} .index_build13 .build13_02 .line03{ height:auto;} .index_build13 .build13_02 .hiddendd{ display:none;} .index_build13 .build13_01 .img{ max-width:100px;} } .index_sales01h .bigtit{padding:7em 0 3em; text-align:center;} .index_sales01h .bigtit .bigtittt{ font-size:28px; font-weight:bold; margin-bottom:20px;} .index_sales01h .bigtit .bigtitdd{ font-size:16px;} .index_sales01h .wrap{ max-width:1500px;} .index_sales01h .gg-optimization{width:100%;padding-top:25px;padding-bottom:10px} .index_sales01h .gg-commonweb{width:100%;padding-left:15px;padding-right:15px;/*max-width:1600px;*/ box-sizing:border-box;margin:0 auto} .index_sales01h .gg-title-module{text-align:center} .index_sales01h .gg-title-module .title{width:100%;color:#202229;font-size:20px;font-weight:lighter;line-height:1.4} .index_sales01h .gg-title-module .title span{display:inline-block;vertical-align:top;position:relative;padding-top:10px;padding-bottom:7px} .index_sales01h .gg-title-module .title span:after{content:'';position:absolute;width:30px;height:3px;background:url(../img0225/ll-gantan.png) no-repeat scroll center center;-o-background-size:contain;background-size:contain;top:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)} .index_sales01h .gg-title-module .sub{color:#4f556b;font-size:12px;line-height:18px} .index_sales01h .gg-optimize{width:100%;padding-top:20px} .index_sales01h .gg-optimize-ul{width:100%} .index_sales01h .gg-optimize-ul li{width:100%;position:relative;margin-bottom:20px} .index_sales01h .gg-optimize-ul li:after{content:'';display:block;height:0;clear:both;visibility:hidden} .index_sales01h .gg-optimize-ul li a{display:block;width:100%} .index_sales01h .gg-optimize-ul li .image{width:100%;overflow:hidden;position:relative} .index_sales01h .gg-optimize-ul li .image:before{content:'';display:block;width:100%;padding-bottom:56.11111%} .index_sales01h .gg-optimize-ul li .image img{position:absolute;top:50%;left:50%;max-width:100%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .index_sales01h .gg-optimize-ul li .word{padding-top:20px;padding-bottom:20px} .index_sales01h .m-optimize{background-repeat:no-repeat;background-position:right bottom;-o-background-size:auto 50%;background-size:auto 50%;position:relative;padding:28px 15px 40px;-webkit-box-shadow:0 4px 20px #dfe5fa;box-shadow:0 4px 20px #dfe5fa} .index_sales01h .m-optimize .icon{position:absolute;left:18px;top:-10px} .index_sales01h .m-optimize .title{color:#202229;line-height:26px;font-size:16px;color:#202229;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;width:100%;margin-bottom:5px} .index_sales01h .m-optimize .info{color:#4f556b;font-weight:lighter} .index_sales01h .optimize-icon{width:26px;height:26px;color:#fff;text-align:center;line-height:26px} .index_sales01h .optimize-icon:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:url(../img0225/tt-dian.png) no-repeat scroll center center;-webkit-border-radius:50%;border-radius:50%;overflow:hidden;z-index:1;top:-4px;left:-7px} .index_sales01h .optimize-icon em{display:block;font-style:normal;width:100%;height:100%;background:#3f47ff;background:-webkit-gradient(linear,left top,right top,from(#3f47ff),to(#4780ff));background:-webkit-linear-gradient(left,#3f47ff,#4780ff);background:-moz- oldlinear-gradient(left,#3f47ff,#4780ff);background:-o-linear-gradient(left,#3f47ff,#4780ff);background:linear-gradient(to right,#3f47ff,#4780ff);-webkit-border-radius:50%;border-radius:50%;position:relative;z-index:2} .index_sales01h .in-analysis{width:100%} .index_sales01h .analysis-hd{background-color:#fbcb48;padding:18px 0} .index_sales01h .analysis-hd .an-commonweb{position:relative} .index_sales01h .analysis-hd .ggicon{position:absolute;left:15px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:90px;overflow:hidden} .index_sales01h .analysis-hd .ggicon img{display:block;width:100%} /*.index_sales01h .an-commonweb{width:100%;padding-left:15px;padding-right:15px;max-width:1440px;margin:0 auto}*/ .index_sales01h .analysis-title{text-align:center;color:#202229;font-size:18px;line-height:1.46667} .index_sales01h .analysis-bd{background-color:#f9faff;background-image:url(../img0225/inanbg.png);background-repeat:no-repeat;background-position:right bottom;-o-background-size:cover;background-size:cover;padding-top:40px;padding-bottom:30px} .index_sales01h .analysis-wrap{width:100%;overflow:hidden} .index_sales01h .analysis-ul{margin-left:-10px;margin-right:-10px; display:flex; flex-wrap:wrap;} .index_sales01h .analysis-ul li{margin-bottom:15px} .index_sales01h .m-analysis{width:100%;position:relative;overflow:hidden;background-color:#ffffff} .index_sales01h .m-analysis .title{text-align:center;line-height:40px;background:#2a4dff;background:-webkit-gradient(linear,left top,right top,from(#1453ff),to(#5d3fff));background:-webkit-linear-gradient(left,#1453ff,#5d3fff);background:-moz- oldlinear-gradient(left,#1453ff,#5d3fff);background:-o-linear-gradient(left,#1453ff,#5d3fff);background:linear-gradient(to right,#1453ff,#5d3fff);color:#fff;font-size:16px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-webkit-border-top-right-radius:4px;border-top-right-radius:4px} .index_sales01h .m-analysis .word{width:100%;padding:20px 15px 25px;position:relative; /*border:1px solid #dde4f3; */border-top:none;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px} .index_sales01h .m-analysis .word .nums{position:absolute;bottom:-7px;right:-3px;color:#f6f7fb;font-size:48px;line-height:1} .index_sales01h .m-analysis .word .info{color:#4f556b;font-size:14px;line-height:20px;display:block;width:100%} .index_sales01h .seo-examination{width:100%;padding-top:25px;padding-bottom:35px} .index_sales01h .seo-container{width:100%;position:relative;margin-top:25px} .index_sales01h .seo-container .bg{width:100%;overflow:hidden} .index_sales01h .seo-container .bg img{display:block;width:100%} .index_sales01h .seoExam-ul{width:100%;padding-top:20px} .index_sales01h .seoExam-ul li{width:100%;position:relative;margin-bottom:20px} .index_sales01h .seoExam-ul li .seoitem{/*width:100%;*/position:relative;background:rgba(255,255,255,0.2);-webkit-box-shadow:0 0px 20px #e7ebfc;box-shadow:0 0px 20px #e7ebfc;padding:20px 15px} .index_sales01h .seoExam-ul li .seoitem:before{content:'';position:absolute;top:0;left:0;height:4px;background:#1652ff;background:-webkit-gradient(linear,left top,right top,from(#1652ff),to(#bdb1ff));background:-webkit-linear-gradient(left,#1652ff,#bdb1ff);background:-moz- oldlinear-gradient(left,#1652ff,#bdb1ff);background:-o-linear-gradient(left,#1652ff,#bdb1ff);background:linear-gradient(to right,#1652ff,#bdb1ff);width:100%} .index_sales01h .seoExam-ul li .title{color:#202229;font-size:16px;line-height:26px;width:100%;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px} .index_sales01h .seoExam-ul li .info{color:#4f556b;font-size:13px;font-weight:lighter;line-height:18px;display:block} .index_sales01h .google-bigtit { height: 180px; line-height: 80px; font-size: 30px; box-sizing:border-box; line-height:40px; background:url(../img0225/jingri1.jpg) no-repeat center center; background-size:cover;} .index_sales01h .google-bigtit img{display:block;position:absolute;left:10px;width:60px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} .index_sales01h .msg-tel{color:#4f556b;padding:10px 0 20px} .index_sales01h .msg-tel a{color:#4f556b} .index_sales01h .m-ft-contact .btns{text-align:center;padding-bottom:25px} .index_sales01h .m-ft-contact .btns a{display:inline-block;width:130px;height:36px;padding:0 0 0 33px;-webkit-border-radius:23px;border-radius:23px;font-size:14px;line-height:36px;color:#fff;background-repeat:no-repeat;background-position:23px center;margin:0 12px} .index_sales01h .m-ft-contact .btns .oline{background-color:#5E70A1;background-image:url(../img0225/icoline.png)} .index_sales01h .m-ft-contact .btns .edit{background-color:#1054FF;background-image:url(../img0225/icedit.png)} @media (min-width: 1600px) { .index_sales01h .google-bigtit img { height: 116px; width:auto; left: 17.70833%; } .index_sales01h .m-ft-contact h2 { margin-bottom: 4px; font-size: 40px; line-height: 52px; } } @media (min-width: 1260px) { .index_sales01h .gg-optimization { padding-top: 70px; } .index_sales01h .gg-commonweb { padding-left: 60px; padding-right: 60px; } .index_sales01h .gg-title-module .title { font-size: 34px; } .index_sales01h .gg-optimize { padding-top: 50px; } .index_sales01h .gg-optimize-ul li { margin-bottom: 37px; } .index_sales01h .gg-optimize-ul li:nth-child(odd) .word { padding-right: 50px; } .index_sales01h .gg-optimize-ul li:nth-child(even) .word { padding-left: 50px; } .index_sales01h .m-optimize { -o-background-size: auto auto; background-size: auto auto; padding: 70px 50px; -webkit-box-shadow: 0 10px 30px #dfe5fa; box-shadow: 0 10px 30px #dfe5fa; } .index_sales01h .m-optimize .title { font-size: 18px; margin-bottom: 10px; } .index_sales01h .analysis-hd .ggicon { left: 65px; width: 128px; } .index_sales01h .analysis-title { font-size: 30px; } .index_sales01h .analysis-bd { padding-bottom: 80px; } .index_sales01h .analysis-ul li { width: 18%; margin:0 1%; margin-bottom: 0px;} .index_sales01h .seo-examination { padding-top: 65px; padding-bottom: 80px; } .index_sales01h .seo-container { margin-top: 55px; } .index_sales01h .seo-container .bg { height: 495px; } .index_sales01h .seoExam-ul li { width: 370px; } .index_sales01h .seoExam-ul li .seoitem { padding: 30px 20px; } .index_sales01h .seoExam-ul li .title { font-size: 18px; margin-bottom: 11px; } .index_sales01h .google-bigtit { height: 80px; line-height: 80px; font-size: 30px; } .index_sales01h .google-bigtit { height: 280px; line-height: 80px; font-size: 30px; box-sizing:border-box; line-height:40px; background:url(../img0225/jingri1.jpg) no-repeat center center; } } @media (min-width: 1024px) { .index_sales01h .gg-optimization { padding-top: 60px; } .index_sales01h .gg-commonweb { padding-left: 40px; padding-right: 40px; } .index_sales01h .gg-title-module .title { font-size: 30px; } .index_sales01h .gg-title-module .title span { padding-top: 14px; } .index_sales01h .gg-title-module .title span:after { height: 5px; } .index_sales01h .gg-title-module .sub { font-size: 14px; line-height: 22px; } .index_sales01h .gg-optimize { padding-top: 40px; } .index_sales01h .gg-optimize-ul li { margin-bottom: 46px; } .index_sales01h .gg-optimize-ul li .word { padding-top: 4.86111%; padding-bottom: 5.41667%; } .index_sales01h .gg-optimize-ul li:nth-child(odd) .word { padding-right: 30px; } .index_sales01h .gg-optimize-ul li:nth-child(even) .word { padding-left: 30px; } .index_sales01h .m-optimize { -o-background-size: auto 70%; background-size: auto 70%; padding: 46px 40px 70px; } .index_sales01h .m-optimize .info { font-size: 14px; } .index_sales01h .analysis-hd .ggicon { left: 55px; width: 110px; } /*.index_sales01h .an-commonweb { padding-left: 40px; padding-right: 40px; }*/ .index_sales01h .analysis-title { font-size: 24px; } .index_sales01h .analysis-bd { padding-top: 70px; padding-bottom: 60px; } .index_sales01h .analysis-ul li { margin-bottom: 20px; border:1px solid #dde4f3; overflow:hiddne; border-radius:5px; box-sizing:border-box; } .index_sales01h .m-analysis .title { line-height: 48px; font-size: 18px; } .index_sales01h .m-analysis .word { padding: 26px 15px 25px; box-sizing:border-box;} .index_sales01h .seo-examination { padding-top: 45px; padding-bottom: 55px; padding-bottom:160px; } .index_sales01h .seo-container { margin-top: 35px; } .index_sales01h .seo-container .bg { height: 420px; } .index_sales01h .seo-container .bg img { width: auto; height: 100%; margin: 0 auto; } .index_sales01h .seoExam-ul { padding-top: 0px; position: absolute; top: 0; } .index_sales01h .seoExam-ul li { width: 320px; } .index_sales01h .seoExam-ul li .seoitem { background: rgba(255, 255, 255, 0.8); -webkit-box-shadow: 0 10px 20px #e7ebfc; box-shadow: 0 10px 20px #e7ebfc; } .index_sales01h .seoExam-ul li:nth-child(odd) { float: left; } .index_sales01h .seoExam-ul li:nth-child(even) { float: right; } .index_sales01h .seoExam-ul li:nth-child(2n+1) { clear: both; } .index_sales01h .m-ft-contact .btns{padding-bottom:76px} .index_sales01h .m-ft-contact .btns a{width:146px;height:46px;padding:0 0 0 33px;font-size:16px;line-height:46px} } @media (min-width: 768px) { .index_sales01h .gg-optimization { padding-top: 45px; padding-bottom: 25px; } .index_sales01h .gg-title-module .title { font-size: 22px; font-size:40px;} .index_sales01h .gg-optimize-ul li:nth-child(odd) .image { float: right; width: 50%; box-sizing:border-box;} .index_sales01h .gg-optimize-ul li:nth-child(odd) .word { float: left; width: 50%; box-sizing:border-box;} .index_sales01h .gg-optimize-ul li:nth-child(even) .image { float: left; width: 50%; box-sizing:border-box;} .index_sales01h .gg-optimize-ul li:nth-child(even) .word { float: right; width: 50%; box-sizing:border-box;} .index_sales01h .m-optimize .info { display: block; } } @media (max-width:720px){ .index_sales01h .bigtit{ padding:3em 0 3em;} .index_sales01h .analysis-bd{ margin:20px; margin-top:0;} .index_sales01h .analysis-ul li{ border:1px solid #dde4f3;} .index_sales01h .analysis-ul{ margin-left:0; margin-right:0;} .index_sales01h .m-analysis .word{ box-sizing:border-box;} } .index_sales05a .line{ display:flex; margin-top:50px;} .index_sales05a .boxfl{ width:48%; background:url(../img0225/index_sales05a01.jpg) no-repeat center center; background-size:cover; margin-right:2%; border-bottom-right-radius:100px; border-top-right-radius:100px; position:relative; text-align:center;} .index_sales05a .boxfl .ico img{ width:100%; max-width:100px; margin-top:10px;} .index_sales05a .boxfl .radius{ width:220px; height:220px; background-color:#000; color:#fff; position:absolute; left:50%; top:50%; margin-left:-110px; margin-top:-110px; border-radius:50%; z-index:2;} .index_sales05a .boxfl .radius:before{ content:""; display: block; width: 240px; height: 240px; border-radius: 50%; background-color: #000; opacity: .3; animation: revolving 2s 0s infinite; position:absolute; top:50%; margin-left: -120px; margin-top: -120px; left:50%; z-index:-1;} .index_sales05_a .wrap{ max-width:1400px; width:100%;} .index_sales05a .boxbigtit{ font-size:24px; text-align:center; font-weight:bold;} .index_sales05a .line .boxfl .radius .tit{ font-size:18px; font-weight:bold;} .index_sales05a .line .boxfl .radius .info{ line-height:180%; max-width:150px; margin:0 auto; font-size:13px;} .index_sales05a .line .boxfr{ width:50%;} .index_sales05a .line .boxfr li{ margin-bottom:10px;} .index_sales05a .line .boxfr .tit{ width:150px; background-color:#000; color:#fff; font-size:20px; font-weight:bold; text-align:center; padding:10px 0; border-radius:30px;} .index_sales05a .line .boxfr .info{ padding-left:20px; position:relative; padding-top:10px;} .index_sales05a .line .boxfr .info:before{ content:"■"; display:block; position:absolute; left:0;} .index_sales05a .line02{ display:flex; margin-top:80px;} .index_sales05a .line02 .boxline01{ overflow:hidden;} .index_sales05a .line02 .boxline01{ width:25%; padding-right:5%; background:url(../img0225/index_sales05a04.png) no-repeat left bottom;} .index_sales05a .line02 .boxline01 .box01{ font-size:20px; font-weight:bold; color:#000;} .index_sales05a .line02 .boxline01 .box02{ margin-top:10px;} .index_sales05a .line02 .boxline01 .box03{ font-size:13px; margin-top:30px;} .index_sales05a .line02 .boxline02{ width:75%; text-align:right;} .index_sales05a .line02 .boxline02 img{ max-width:900px;width:100%;} .index_sales05a .line03{ margin-top:60px;} .index_sales05a .line03 .boxline01{ display:flex; margin-top:80px; margin-bottom:50px;} .index_sales05a .line03 .boxline01>div{ flex:1;} .index_sales05a .line03 .boxline01 .box02{ position:relative; } .index_sales05a .line03 .boxline01 .box02 img{ display:block; width:100%; } .index_sales05a .line03 .boxline01 .ico{ width:100px; height:100px; background:#fff;border-radius:50%; position:absolute; animation: localShine 2s linear infinite; } .index_sales05a .line03 .boxline01 .ico01{ top:-2%; left:10%;} .index_sales05a .line03 .boxline01 .ico02{ bottom:-2%;left:10%;} .index_sales05a .line03 .boxline01 .ico03{ top:-2%; right:10%;} .index_sales05a .line03 .boxline01 .ico04{ bottom:-2%; right:10%;} .index_sales05a .line03 .boxline01 .ico05{ top:38%; left:-12%;} .index_sales05a .line03 .boxline01 .ico06{ top:38%; right:-12%;} .index_sales05a .line03 .boxline01 .box02 .ddimg{ animation: rotateAnime infinite linear 250s;} .index_sales05a .line03 .boxline01 .box{ position:relative; } .index_sales05a .line03 .boxline01 .box .boxtxt01{ border-bottom:2px solid #000; box-sizing:border-box; font-size:20px; font-weight:bold; height:33.3%; display:flex; align-items: center;justify-content:flex-end; position:relative;} .index_sales05a .line03 .boxline01 .box .boxtxt01:before{ bottom:-15px; position:absolute; content:"●"; font-size:30px;} .index_sales05a .line03 .boxline01 .box01 .boxtxt01:before{ left:-5px;} .index_sales05a .line03 .boxline01 .box03 .boxtxt01:before{ right:-5px;} .index_sales05a .line03 .boxline01 .box01{ padding-right:7%; text-align:right;} .index_sales05a .line03 .boxline01 .box01 .boxtxt01:nth-child(2){ margin-left:10%;} .index_sales05a .line03 .boxline01 .box01 .boxtxt01:nth-child(3){ margin-left:20%;} .index_sales05a .line03 .boxline01 .box03{ padding-left:7%;justify-content:left;} .index_sales05a .line03 .boxline01 .box03 .boxtxt01{justify-content:left; } .index_sales05a .line03 .boxline01 .box03 .boxtxt01:nth-child(2){ margin-right:10%;} .index_sales05a .line03 .boxline01 .box03 .boxtxt01:nth-child(3){ margin-right:20%;} .index_sales05a .line03 .more{ text-align:center; font-size:30px;} .index_sales05a .line04{ margin-top:80px;} .index_sales05a .line04 .boxline01{ font-size:20px; margin-top:30px; font-weight:bold; margin-bottom:10px;} .index_sales05a .line04 .boxline02 .dot{ width:12px; height:12px; background-color:#fff; border:14px solid #000; border-radius:20px; margin:30px 0; } .index_sales05a .line04 .boxline02 .tit{ font-size:18px; font-weight:bold; color:#000;} /*.index_sales05a .line04 .boxline02 .ico{ border:2px solid #000; padding:10px 20px; text-align:center; max-width:100px; border-radius:10px;}*/ .index_sales05a .line04 .boxline02 .ico img{ height:48px; max-width:100%;} .index_sales05a .line04 .boxline02{ padding:30px 0 60px; position:relative;} .index_sales05a .line04 .boxline02 .swiper-pagination{ width:100%; bottom:0;} .index_sales05a .line04 .boxline02 .dotline{ height:1px; background-color:#000; top:126px; position:absolute; width:100%;} .index_sales05a .line04 .boxline02 .swiper-slide-active .dot{ background-color:#267ffe;animation: glow 800ms ease-out infinite alternate; } .index_sales05a .line05{ position:relative;} .index_sales05a .line05 .boxlist{ display:flex; flex-wrap:wrap; margin-top:50px; } .index_sales05a .line05 .box{ width:50%; box-sizing:border-box; border:2px solid #fff; text-align:center; padding:30px 0; background-color:#eee; font-size:20px; font-weight:bold; font-style:italic; letter-spacing:2px;} .index_sales05a .line05 .box em{ display:inline-block; width:32px; height:32px; color:#fff; background-color:#000; line-height:32px; text-align:center; border-radius:50%;} .index_sales05a .line05 .radius{ width:130px; text-align:center; font-size:20px; font-weight:bold; left:50%; top:50%; margin-left:-65px; position:absolute; margin-top:-65px; height:130px; border-radius:50%; background-color:#fff;} .index_sales05a .line05 .radius .ico{ position:relative; margin:20px 30px 10px; } .index_sales05a .line05 .radius .ico img{ display:block; width:100%; animation: myhide 3s infinite;} .index_sales05a .line05 .radius .ico .img{position:absolute; left:0; top:0;} .index_sales05a .line05 .radius .ico .img01{ animation-delay: 200ms; animation-fill-mode: backwards!important; } .index_sales05a .line05 .radius .ico .img02{ animation-delay: 300ms; animation-fill-mode: backwards!important;} .index_sales05a .line05 .radius .ico .img03{animation-delay: 400ms; animation-fill-mode: backwards!important;} .index_sales05a .line05 .radius .ico .img04{animation-delay: 600ms; animation-fill-mode: backwards!important;} .index_sales05a .line06 .more{ text-align:center; font-size:30px; margin-top:30px; line-height:160%;} .index_sales05a .line07{ padding-top:70px;} .index_sales05a .line07 .p{ text-align:center; margin-top:30px;} .index_sales05a .line07 .img{text-align:center; margin-top:50px;} .index_sales05a .line07 .img img{ width:100%; max-width:960px; margin-bottom:20px; border:1px solid #eee; } .index_sales05a .line08{ padding-top:70px;} .index_sales05a .line08 .boxlist{ display:flex; flex-wrap:wrap; margin:0px 0 30px;} .index_sales05a .line08 .boxlist li{ width:18.4%; margin-right:2%; background:url(../img0225/index_sales05a22.png) no-repeat right center; padding:60px 0; background:linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255, 0.9)), url(../img0225/index_sales05a22.png) no-repeat right center; background-size:40% auto;} .index_sales05a .line08 .boxlist .key{ font-size:20px; font-weight:bold;} .index_sales05a .line08 .boxlist li:nth-child(2){background:linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255, 0.9)), url(../img0225/index_sales05a23.png) no-repeat right center;background-size:40% auto;} .index_sales05a .line08 .boxlist li:nth-child(3){background:linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255, 0.9)), url(../img0225/index_sales05a24.png) no-repeat right center;background-size:40% auto;} .index_sales05a .line08 .boxlist li:nth-child(4){background:linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255, 0.9)), url(../img0225/index_sales05a25.png) no-repeat right center;background-size:40% auto;} .index_sales05a .line08 .boxlist li:nth-child(5){background:linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255, 0.9)), url(../img0225/index_sales05a26.png) no-repeat right center;background-size:40% auto; margin-right:0;} .index_sales05a .line08 .boxlist .info{ max-width:50%;} @keyframes myhide{ from { opacity:0} top{ opacity:1} } @keyframes rotateAnime { from { transform: rotate(0deg);} to { transform: rotate(360deg);} } @keyframes localShine { from { box-shadow:0 0 0 0 hsla(0,0%,0%,.6) } to { box-shadow:0 0 0 10px hsla(0,0%,0%,0) } } @keyframes glow { 0% { box-shadow: 0 0 0 0px #fff; } 100% { box-shadow: 0 0 0 8px rgba(0,0,0,.3); } } @-webkit-keyframes revolving{ 0%{ transform: scale(1,1); } 50%{ transform: scale(0.6,0.6); } 100%{ transform: scale(1,1); } } @media (max-width:720px){ .index_sales05_a .wrap{ padding:0 5%; box-sizing:border-box;} .index_sales05a .line{ flex-wrap:wrap; margin-top:20px;} .index_sales05a .line .boxfl{ width:100%; height:300px; margin-right:0;} .index_sales05a .line .boxfr{ width:100%; margin-top:30px;} .index_sales05a .line02{ flex-wrap:wrap;margin-top:40px;} .index_sales05a .line02 .boxline01{ width:100%;} .index_sales05a .line02 .boxline02{ width:100%; margin-top:10px;} .index_sales05a .line03 .boxline01{ display:block;margin-top:20px;} .index_sales05a .line03 .boxline01 .box02{ display:none;} .index_sales05a .line03 .boxline01 .box01{ width:100%; text-align:left;padding-right:0;} .index_sales05a .line03 .boxline01 .box03{ width:100%;padding-left:0;} .index_sales05a .line03 .boxline01 .box .boxtxt01:before{ display:none;} .index_sales05a .line03 .boxline01 .box01 .boxtxt01:nth-child(2){ margin-left:0;} .index_sales05a .line03 .boxline01 .box01 .boxtxt01:nth-child(3){ margin-left:0;} .index_sales05a .line03 .boxline01 .box03 .boxtxt01:nth-child(2){ margin-right:0;} .index_sales05a .line03 .boxline01 .box03 .boxtxt01:nth-child(3){ margin-right:0;} .index_sales05a .line03 .boxline01 .box .boxtxt01{ display:block; font-size:16px; padding:10px 0; text-align:center;} .index_sales05a .line04 .boxline02 .ico img{ width: auto;} .index_sales05a .line05 .box{ padding:60px 0;} .index_sales05a .line08 .boxlist li{ width:45%; margin-right:10%; padding:20px 0;} .index_sales05a .line08 .boxlist li:nth-child(5n){ margin-right:10%;} .index_sales05a .line08 .boxlist li:nth-child(2n){ margin-right:0;} .index_sales05a .line .boxfr .tit{ width:125px; font-size:18px; padding:5px 0;} .index_sales05a .line05 .radius{ width:110px; height:110px; margin-left:-50px; margin-top:-70px; font-size:16px;} } .index_mobile .wrapper{ max-width:1400px; width:100%; margin:0 auto;} .index_mobile .bigimg{ text-align:center;} .index_mobile .bigimg img{ max-width:100%;} .index_mobile .bigp{ text-align:center; margin-top:20px;} .index_mobile .hometit{ font-size:28px; font-weight:bold; text-align:center;} .index_mobile .hometit p{ font-size:16px; font-weight:normal;} .index_mobile .line02{ margin-top:60px;} .index_mobile .line02 .wrapper{ display:flex; flex-wrap:wrap;} .index_mobile .line02 .box01{ width:46%; display:flex;} .index_mobile .line02 h3{font-size:20px; font-weight:bold; margin-bottom:20px;} .index_mobile .line02 .box01 h3{ color:#f08300; } .index_mobile .line02 .box02{ width:8%; font-size:18px; font-weight:bold;} .index_mobile .line02 .box03{ width:46%;display:flex;} .index_mobile .line02 .boxfl{ flex:0 0 48%; padding-top:52px;} .index_mobile .line02 .boxfr{flex:0 0 48%;} .index_mobile .line02 .box01 .pp01{ position:relative; background-color:#f08300; color:#fff; margin-bottom:60px; padding:15px; border-radius:5px; background:linear-gradient(to right, #ffa21f , #eb8604); width:65%; z-index:-1;} .index_mobile .line02 .box01 .pp01:before{ content:''; width:100%; height:30px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; position:absolute; z-index:0; left:33%; top:102%;} .index_mobile .line02 .box01 p{ font-size:14px; border-bottom: 1px solid; border-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #edb352 20%, rgba(255, 255, 255, 0) 99%) 1 1 1 1; } .index_mobile .line02 .box03 .pp01{ position:relative; background-color:#f08300; margin-bottom:52px; padding:15px; border-radius:5px; background:linear-gradient(to right, #e2d8d9 , #c3b9ba); width:50%; font-size:14px; line-height:160%;} .index_mobile .line02 .box03 p{ font-size:14px; border-bottom: 1px solid; border-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #edb352 20%, rgba(255, 255, 255, 0) 99%) 1 1 1 1; } .index_mobile .line02 .box03 .pp01:before{ content:''; width:144%; height:30px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; position:absolute; z-index:-1; right:33%; top:102%;} .index_mobile .line03{ text-align:center; font-size:22px; margin-top:60px;} .index_mobile .line04{ padding:70px 0;} .index_mobile .line04 .wrapper{ max-width:938px;} .index_mobile .line04{ background:url(../img0225/whbg.jpg) no-repeat center center; background-size:cover; margin-top:60px;} .index_mobile .line04 .tit01{ font-size:30px; font-weight:bold; margin-bottom:20px;} .index_mobile .line04 .box{ max-width:400px;} .index_mobile .line04 .box .tit02{ margin-bottom:20px;} .index_mobile .line04 .box .tit03{ margin-bottom:20px;} .index_mobile .line05{ padding:80px 0 60px;background-color:#f5f5f5;} .index_mobile .line06{ background-color:#f5f5f5;} .index_mobile .line06 .wrapper{ display:flex; flex-wrap:wrap; text-align:center; max-width:1220px; margin:0 auto;} .index_mobile .line06 li{ margin-bottom:28px;} .index_mobile .line06 .img{ border:1px solid #ccc; width:80px; height:80px; border-radius:50%; display:flex;align-items: center;justify-content: center; margin:0 auto; background-color:#f6f6f6;} .index_mobile .line06 .tit{ font-size:18px; color:#000; margin:10px 0;} .index_mobile .line06 .info{ color:#666; max-width:270px; margin:0 auto; font-size:14px; line-height:160%;} .index_mobile .line06 .box01,.index_mobile .line06 .box03{ width:25%; margin:0 2%; flex:0 0 20%;} .index_mobile .line06 .box02{ width:56%; flex:0 0 52%;} .index_mobile .line06 .box02 img{ max-width:100%;} .index_mobile .line07{ display:flex;align-items: center;justify-content: center; margin-top:16px; padding-bottom:50px;} .index_mobile .line07 .txt{ max-width:150px; margin-left:20px; color:#666; font-size:14px; line-height:160%;} .index_mobile .line07 .txt strong{ font-size:16px; font-weight:normal; color:#000; line-height:200%; } .index_mobile .line08{ background-color:#ee8706; color:#fff; padding:60px 0;} .index_mobile .line08 .wrapper{ display:flex; flex-wrap:wrap; max-width:1220px; margin:0 auto;} .index_mobile .line08 .box{ width:48%;display:flex;} .index_mobile .line08 .txt{ margin-left:5%; font-size:14px; line-height:160%;} .index_mobile .line08 .tit{ font-size:20px; margin-bottom:10px;} .index_mobile .line08 .boxfl{ margin-right:4%;} .index_mobile .line08 .more{ display:inline-block; background-color:#fff; padding:6px 18px; border:1px solid #ccc; margin-top:20px;} .index_mobile .line09{ padding:80px 0 60px;background-color:#f5f5f5;} .index_mobile .line10{ background-color:#f5f5f5; padding-bottom:80px;} .index_mobile .line10 .wrapper{ position:relative; padding:0 4%; box-sizing:border-box; max-width:1200px;} .index_mobile .line10 .swiper-slide img{ width:100%;} .index_mobile .line11{ padding:80px 0;} .index_mobile .line11 .list{ margin-top:50px;} .index_mobile .line11 ul{ display:flex; flex-wrap:wrap;} .index_mobile .line11 li{ width:20%; box-sizing:border-box; padding:0 2% 35px; text-align:center;} .index_mobile .line11 .img{ width:100%;} .index_mobile .line12 .hometit{ margin-bottom:20px;} .index_mobile .line12 .list{ text-align:center;} .index_mobile .line12 .list img{ max-width:100%;} .index_mobile .line09, .index_mobile .line10{ display:none;} @media (max-width:720px){ .index_mobile .wrapper{ padding:0 5%; box-sizing:border-box;} .index_mobile .line10 .wrapper{ padding:0 10%;} .index_mobile .line10 .swiper-button-next,.index_mobile .line10 .swiper-button-prev{ background-size:15px 44px;} .index_mobile .line02 .wrapper{ display:block;} .index_mobile .line02 .box01{ width:100%;} .index_mobile .line02 .box02{ width:100%; text-align:center; width:50px; height:50px; background-color:#ee8706; color:#fff; border-radius:50%;display:flex;align-items: center;justify-content: center; margin:30px auto;} .index_mobile .line02 .box03{ width:100%;} .index_mobile .line02 .boxfr .img img{ max-width:100%;} .index_mobile .line02 .box01 p{ font-size:13px;} .index_mobile .line02 .box01 .pp01{ width:72%;} .index_mobile .line02 .boxfr .img img{ height:100%;} .index_mobile .line04{ padding:45px 0; background:#fff;} .index_mobile .line04 .tit01{ font-size:22px;} .index_mobile .hometit{ font-size:20px;} .index_mobile .line06 .wrapper{ display:block;} .index_mobile .line06 .box01, .index_mobile .line06 .box03{ width:100%; margin:0;} .index_mobile .line06 .box01 ul{ display:flex; flex-wrap:wrap;} .index_mobile .line06 .box01 li{ width:50%; box-sizing:border-box; padding:0 5%;} .index_mobile .line06 .box02{ display:none;} .index_mobile .line06 ul{ display:flex; flex-wrap:wrap;} .index_mobile .line06 li{ width:50%;box-sizing:border-box; padding:0 5%;} .index_mobile .line11 li .img img{ width:60%; margin:0 auto;} .index_mobile .line11 li{ width:33.3%;} .index_mobile .line11 .tit{ font-size:13px; line-height:160%;} .index_mobile .line11{ padding:40px 0;} .index_mobile .line08 .wrapper{ display:block;} .index_mobile .line08 .box{ width:100%; margin-bottom:20px;} .index_mobile .line08 .box .img{ flex:0 0 30%;} .index_mobile .line08 .box .img img{ width:100%;} .index_mobile .line08 .tit{ font-size:16px;} .index_mobile .line09{ padding:50px 0 20px;} .index_mobile .hometit p{ font-size:14px; line-height:160%;} .index_mobile .line10{ padding-bottom:40px;} .index_mobile .line04 .box{ font-size:13px;} .index_mobile .line04{ padding-top:0;} .index_mobile .line05{ padding:60px 0 40px;} .index_mobile .line03{ padding:0 5%;} .index_mobile .bigp{ font-size:14px;} .index_mobile .line02 .box03 .pp01{ margin-left:25%; width:65%;} .index_mobile .line02 .boxfr .img{ height:92%;} } .qqhtag a{ background-color:#eee; display:inline-block; padding:0px 10px; font-size:12px; margin:0 2px;} .qqhtag a:hover{ background-color:#f89317; color:#fff;} .index_sales03g .saleimg{ text-align:center; } .index_sales03g .saleimg img{ max-width:100%;} .index_sales03g .salesboxlist{ display:flex; flex-wrap:wrap; max-width:820px; width:100%; margin:0 auto; margin-top:20px; margin-bottom:80px;} .index_sales03g .salesboxlist .box{ background-color:#eee; padding:20px; width:50%; box-sizing:border-box; border:5px solid #fff; border-radius:15px; background:#0fb166;background-image:linear-gradient(90deg, #0fb166 0%, #a3eecb 100%); color:#fff;} .index_sales03g .qqbigtit{ font-size:16px; text-align:center; margin-top:60px; max-width:600px; margin:0 auto;} .index_sales03g .qqbigtit strong{ font-size:28px; text-align:center; display:block; margin:20px 0;} .index_sales03g .saleimg02{ margin-top:30px; margin-bottom:80px; } @media (max-width:720px){ .index_sales03g .salesboxlist .box{ width:100%;} .index_sales03g .qqbigtit strong{ font-size:22px; margin-bottom:10px;} }