/*姹囧彂绉戞妧瀹樼綉*/ :root { --main-color: #b62828; --index-color: #fff; } *{padding: 0;margin: 0;} ul,ol{margin: 0;} a{text-decoration: none;} a:hover,a:focus{text-decoration: none;} li{list-style: none;} i, cite, em {font-style: normal;font-weight: 400;} .bh0{clear: both;height: 0px;} .bh40{clear: both;height: 40px;} .h30{clear: both;height: 20px;} .bh60{clear: both;height: 60px;} .bh80{clear: both;height: 80px;} .bh85{clear: both;height: 85px;} .bh100{clear: both;height: 100px;} .animate *{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;} /* 绉诲姩绔鑸 */ .header-area{position: relative;width: 100%;height: 70px;background: #1172b7;z-index: 112;} .logo9{float:left;margin: 11px 20px 10px;} .logo9 a img{width: 150px} .find_img{position: absolute; z-index: 10; bottom: -29px;left: -13px; width: 990px; height: 31px; background:url(../images/header_bg.png) center center no-repeat} @-webkit-keyframes sticky {0% {top: -107px; }100% {top: 0; }} @keyframes sticky {0% {top: -107px; }100% {top: 0; }} .collapse-button{position:absolute;right:0;top:5px;width: 45px;padding:7px;color:#000;font-size:14px;text-align:center;background-color:transparent;border-radius:2px;cursor:pointer;transform:translate(0,-50%);-o-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} .collapse-button .icon-bar{display:block;height:2px;width: 23px;margin: 5px 0 5px 4px;background-color:#03a9f4;border-radius:1px} ul.slimmenu.collapsed li{display:block;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} ul.slimmenu.collapsed li>ul{position:static;display:none} ul.slimmenu.collapsed li a{display:block;border-bottom:1px solid rgba(0,0,0,.075);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} ul.slimmenu{display:none} ul.slimmenu.collapsed li .sub-toggle{height: 53px;} ul.slimmenu li{position:relative;display:inline-block;} ul.slimmenu li>ul,ul.slimmenu li>ul>li ul{display:none;width:100%;position:absolute;z-index:999} ul.slimmenu li>ul{left:0;top:100%} ul.slimmenu li .sub-toggle{position:absolute;right:0;top: -5px;z-index:999;width:48px;height:100%;text-align: right;cursor:pointer;} ul.slimmenu li .sub-toggle:before{display:inline-block;height:100%;line-height: 50px;padding: 0 20px;margin-right:-.25em;vertical-align:middle;color: #fff;transition: transform .3s;} .header-container ul.slimmenu li a{display:block;padding: 10px 18px;padding-right:25px;font-size: 16px;font-weight: 500;color: #fff;} .header-container ul.slimmenu li a.nav-link{display:block;padding: 10px 18px;padding-right:25px;font-size: 16px;font-weight: 500;color: #fff;} .header-container ul.slimmenu li a.nav-link:hover{color:#ffaf14} .header-container ul.slimmenu li ul li a{display:block; padding:10px 18px;padding-right:25px; font-size: 16px;font-weight: 500; color: #fff;} .header-container ul.slimmenu{width:100%;list-style-type:none;} .header-container ul.slimmenu .menu-collapser{position:absolute;top:16px;right:15px;z-index:99999;width:100%;} .header-container ul.slimmenu li{display:inline-block;} .header-container ul.slimmenu>li{border:none;} .header-container ul.slimmenu li ul li:hover{-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;} .header-container ul.slimmenu li ul li a:hover{color: #ffaf14;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;} .header-container ul.slimmenu li>ul,.header-container ul.slimmenu li>ul>li ul{width:180px;} .header-container ul.slimmenu li>ul{top:100%;left:0;} .header-container .collapse-button{top: 36px;right: 15px;border: 1px solid #ddd;padding: 3px 6px;border-radius: 4px;border-color: #ddd;background: #fff;} .header-container ul.slimmenu li>ul li a{font-weight:300;} .header-container ul.slimmenu li .sub-toggle{width: 30%;font-size: 26px;} .header-container ul.slimmenu li ul li{width:180px;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;} .collapsed .ative{background-color: initial;} .fa-angle-right{transition: transform .3s;transform: scale(.8);} .ative .expanded:before{transform: rotate(90deg);} /* 鏂规鍒楄〃椤甸潰 */ .listbgs ul li{margin-bottom: 30px;padding-bottom: 40px;border-bottom: 1px solid #ddd;} .listbg_img img{width: 390px;height: 245px;} .listbg_img{float: left;margin-right: 40px;} .listbg_txt{overflow: hidden;align-items: center;display: flex;} .listbg_txt-l h3{font-size: 20px;font-weight: bold;} .listbg_txt-l p{height: 140px; margin-top: 25px; font-size: 16px;color: #999;line-height: 30px;} .listbg_txt-l .list_bgtiem{font-size: 16px;color: #999;} .listbg_txt-r{width: 400px; height: 240px; text-align: center;background: url(../images/nglistli.png) center center no-repeat;} /* 鏈€绠€鍗?鍒嗛挓鐢熸垚 */ .pd60{padding:0 0 60px 0;} .intelligent p.more{padding-bottom: 60px;text-align: center;} .intelligent p.more a{ display: inline-block; width: 120px; height: 40px; line-height: 40px; background: #00a8ff;color: #fff;border-radius: 6px;} .intelligent{background:#f7f8fa;overflow: hidden;} .make-simple{box-sizing:border-box;overflow: hidden;} .make-simple h3{padding-top:80px;height:30px;color:#303445;text-align:center;font-weight:400;font-size:30px;line-height:30px;} .simple-wrap{margin-right:auto;margin-left:auto;padding-top:50px;width:1130px;} .simple-item{float:left;box-sizing:border-box;padding-top:25px;width:320px;height:450px;border-radius:10px;box-shadow:0 10px 24px 0 rgba(96,155,253,.15);text-align:center;} .simple-item:nth-child(2){margin-right:85px;margin-left:85px;} .simple-item h4{padding-bottom:10px;height:18px;color:#59607b;font-weight:400;font-size:18px;line-height:18px;} .simple-item p{padding-bottom:8px;color:#9fa5bb;font-size:14px;} .simple-item a{display:inline-block;margin-top:10px;} /* 鏅鸿兘绠$悊鍚庡彴 */ .intelligent-operation{box-sizing:border-box;height:620px;background:#f7f8fa;} .intelligent-operation h3{padding-top:80px;height:30px;color:#303445;text-align:center;font-weight:400;font-size:30px;line-height:30px;} .intelligent-wrap{margin-right:auto;margin-left:auto;padding-top:108px;width:994px;} .intelligent-item{float:left;width:202px;text-align:center;font-size:0;} .intelligent-item:nth-child(2){margin-right:182px;margin-left:182px;width:225px;} .intelligent-item h4{padding-top:38px;padding-bottom:16px;height:18px;color:#59607b;font-weight:400;font-size:18px;line-height:18px;} .intelligent-item p{height:14px;color:#9fa5bb;font-size:14px;line-height:14px;} /* 瀹屽杽鐨勬湇鍔$敓鎬 */ .perfect-service{box-sizing:border-box;height:752px;background:#fff;} .perfect-service h3{padding-top:80px;padding-bottom:102px;height:30px;color:#303445;text-align:center;font-weight:400;font-size:30px;line-height:30px;} .service-wrap{margin-right:auto;margin-left:auto;width:1152px;font-size:0;} .service-wrap img{float:left;} .service-desc{display:inline-block;padding-top:88px;padding-left:150px;text-align:left;} .service-title{padding-bottom:13px;height:30px;color:#59607b;font-weight:400;font-size:30px;line-height:30px;} .service-title-tip{padding-bottom:32px;height:16px;color:#59607b;font-weight:400;font-size:16px;line-height:16px;} .service-text{padding-bottom:38px;width:401px;height:84px;color:#9fa5bb;font-weight:400;font-size:16px;line-height:30px;} .service-desc a{display:inline-block;} /* 鍜昂鏈湴鐢熸椿鍦 */ .local-circle{box-sizing:border-box;height:640px;background: #f7f8fa;} .local-wrap{margin-right:auto;margin-left:auto;width:1160px;font-size:0;} .local-desc{display:inline-block;padding-top:192px;text-align:left;} .local-desc h3{padding-bottom:14px;height:30px;color:#59607b;font-weight:400;font-size:30px;line-height:30px;} .local-desc .local-title{padding-bottom:30px;height:16px;color:#59607b;font-weight:400;font-size:16px;line-height:16px;} .local-text{padding-bottom:36px;width:417px;height:83px;color:#9fa5bb;font-weight:400;font-size:16px;font-family:MicrosoftYaHei;line-height:30px;} .local-desc a{display:inline-block;} .local-wrap img{float:right;margin-top:105px;} /* 骞垮憡鎶曟斁 */ .ad-serving{box-sizing:border-box;height:640px;background:#fff;} .serving-wrap{margin-right:auto;margin-left:auto;width:1115px;height:100%;font-size:0;} .serving-wrap img{float:left;margin-top:105px;} .serving-desc{display:inline-block;padding-top:199px;padding-left:162px;width:353px;text-align:left;} .serving-desc h3{padding-bottom:13px;height:30px;color:#59607b;font-weight:400;font-size:30px;line-height:30px;} .serving-title{padding-bottom:36px;height:16px;color:#59607b;font-weight:400;font-size:16px;line-height:16px;} .serving-text1{padding-bottom:8px;color:#9fa5bb;font-weight:400;font-size:16px;} .serving-desc a{display:inline-block;margin-top:20px;} /*APP*/ /* 杞挱骞垮憡 */ .bannerc{width:100%;height:480px;} .bannerc img{width: 100%;height: 100%;} .bannerc .container .word{margin-left:30px;font-size:16px} .bannerc .container .word h1{margin-top:120px;font-size:40px} .bannerc .container .word p{margin-top:30px;color:#fff;font-size:18px} .bannerc .container .word .button button{margin-top:35px;width:126px;height:46px;border:none;border-radius:2px;background-color:#fff;color:#0042a3} .bannerc .container .word .button button+button{margin-left:20px;border:solid 1px #fff;background:0 0;color:#fff} /* 浣犳槸鍚︽湁杩欎簺鍥版儜 */ .question{margin-top:70px;} .question .question_list ul{display:flex;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;} .question .question_list{margin-top:6.25%;} .question .question_list ul li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;box-sizing:border-box;padding:0 4.1%;width:25%;-o-box-sizing:border-box;-ms-box-sizing:border-box;} .question .question_list ul li p.img{text-align:center;} .question .question_list ul li p.img img{width:100px;height:100px;} .question .question_list ul li p.title{margin-top:14.6%;color:#000;text-align:center;font-size:28px;} .question .question_list ul li p.content{margin-top:8%;color:#313131;text-align:center;font-size:18px;line-height:30px;} .main-common div:nth-of-type(1) h3{color:#000;text-align:center;font-size:38px;} .main-common div:nth-of-type(1) h3 span{color:#0069ff;} .main-common div:nth-of-type(1) p{margin-top:2.5%;color:#000;text-align:center;font-size:16px;color: #979799;padding-left: 20px;} .main-common div:nth-of-type(1) p span{color:#0069ff;} /* 鏈嶅姟杩囩殑琛屼笟 */ .vocation{margin-top:58px;} .vocation .gallery-top{display:flex;margin-top:70px;justify-content:space-between;align-items:center;} .vocation .gallery-top .vocation_swiper{width:79.25%;height:100%;} .vocation .gallery-top .vocation_swiper .swiper-slide{display:flex;box-sizing:border-box;padding:75px 50px;height:100%;max-height:500px;justify-content:space-between;align-items:center;} .vocation .gallery-top .vocation_swiper .swiper-slide:nth-of-type(1){background-color:#f2684c;} .vocation .gallery-top .vocation_swiper .swiper-slide:nth-of-type(2){background-color:#f2684c;} .vocation .gallery-top .vocation_swiper .swiper-slide:nth-of-type(3){background-color:#3ec6ae;} .vocation .gallery-top .vocation_swiper .swiper-slide:nth-of-type(4){background-color:#ffb329;} .vocation .gallery-top .vocation_swiper .swiper-slide:nth-of-type(5){background-color:#e3493d;} .vocation .gallery-top .vocation_swiper .swiper-slide:nth-of-type(6){background-color:#01b760;} .vocation .gallery-top .vocation_swiper .swiper-slide:nth-of-type(7){background-color:#fda73a;} .vocation .gallery-top .vocation_swiper .swiper-slide:nth-of-type(8){background-color:#4987d2;} .vocation .gallery-top .vocation_swiper .swiper-slide:nth-of-type(9){background-color:#fdd13d;} .vocation .gallery-top .vocation_swiper .swiper-slide:nth-of-type(10){background-color:#7e5fe8;} .vocation .gallery-top .vocation_swiper .swiper-slide:nth-of-type(11){background-color:#f2684c;} .vocation .gallery-top .vocation_swiper .swiper-slide:nth-of-type(12){background-color:#f2684c;} .vocation .gallery-top .vocation_swiper .swiper-slide>div{width:50%;order:0;} .vocation .gallery-top .vocation_swiper .swiper-slide p.img{width:50%;order:1;} .vocation .gallery-top .vocation_swiper .swiper-slide p.img img{width:70%;} .vocation_swiper div h5{color:#fff;font-size:34px;} .vocation_swiper div p.des{margin-top:40px;color:#fff;text-align:left;font-size:16px;} .vocation_swiper div p.p{color:#fff;text-align:left;font-size:16px;line-height:27px;} .vocation_swiper div h6{margin-top:22px;color:#fff;font-size:22px;} .vocation_swiper div p.function{margin-top:31px;color:#fff;text-align:left;font-size:16px;} .vocation_swiper div p.function span{margin:0 10px;color:#fff;} .vocation .vocation-pagination{display:none;} .vocation .gallery-top .gallery-thumbs{display:block!important;width:21.75%;} .vocation .gallery-top .gallery-thumbs .swiper-wrapper{flex-wrap:wrap;} .vocation .gallery-top .gallery-thumbs .swiper-slide{position:static;display:inline-block!important;box-sizing:border-box;width:50%;height:100px;outline:1px solid #2e2e2e;background-color:#24232c;cursor:pointer;transition:all .3s linear;flex-shrink:1;} .vocation .gallery-top .gallery-thumbs .swiper-slide.active{background-color:#3c3a4b;} .vocation .gallery-top .gallery-thumbs .swiper-slide p.img{margin-top:20px;} .vocation .gallery-top .gallery-thumbs .swiper-slide p.img img{width:34px;} .vocation .gallery-top .gallery-thumbs .swiper-slide p.title{color:#fff;font-size:14px;} @media screen and (min-width: 1025px){ .box1200 {width: 100%;max-width: 1200px;margin: 0 auto;}} /* 鎴戜滑鑳戒负浣犳彁渚涚殑鏈嶅姟 */ .provide{margin-top:72px;} .provide .provide_tab{position:relative;margin-top:55px;} .provide .provide_tab>ul{display:flex;margin-top:55px;justify-content:center;align-items:center;} .provide .provide_tab>ul li{display:flex;box-sizing:border-box;margin:0 12px;width:132px;height:43px;border:1px solid #0069ff;border-radius:2px;color:#0069ff;cursor:pointer;transition:all .4s linear;justify-content:center;align-items:center;} .provide .provide_tab>ul li p.title{color:#0069ff;} .provide .provide_tab>ul li.active{background-color:#0069ff;} .provide .provide_tab>ul li.active p.title{color:#fff;} .provide .provide_tab>div div.provide_content{position:relative;display:flex;margin-top:58px;justify-content:space-between;align-items:center;} .provide .provide_tab>div div.provide_content div:nth-of-type(1){box-sizing:border-box;padding:110px 0 114px 62px;width:585px;height:426px;} div.provide_content_total div:nth-of-type(1) div.provide_content div{border-radius:6px;} div.provide_content_total div:nth-of-type(1) div.provide_content div:nth-of-type(1){background-color:#3587fc;} div.provide_content_total div:nth-of-type(2) div.provide_content div:nth-of-type(1){border-radius:6px;background-color:#1fb3e4;} div.provide_content_total div:nth-of-type(3) div.provide_content div:nth-of-type(1){border-radius:6px;background-color:#1bc9c7;} .provide .provide_tab>div div.provide_content div:nth-of-type(1) h5{color:#fff;font-weight:700;font-size:50px;} .provide .provide_tab>div div.provide_content div:nth-of-type(1) p.title{margin-top:30px;color:#fff;text-align:left;font-size:20px;} .provide .provide_tab>div div.provide_content div:nth-of-type(1) p.link{margin-top:74px;text-align:left;} .provide .provide_tab>div div.provide_content div:nth-of-type(1) p.link a{display:block;color:#fff;font-size:24px;transition:all .2s linear;} .provide .provide_tab>div div.provide_content div:nth-of-type(1) p.link a span{margin-left:18px;color:#fff;font-size:24px;} .provide .provide_tab>div div.provide_content div:nth-of-type(1) p.link:hover a{margin-left:30px;} .provide .provide_tab>div div.provide_content div:nth-of-type(2){box-sizing:border-box;padding:56px 65px;width:456px;height:445px;background-color:#f2f3f5;} .provide .provide_tab>div div.provide_content div:nth-of-type(2) li{margin-top:22px;} .provide .provide_tab>div div.provide_content div:nth-of-type(2) li:first-child{margin-top:0;} .provide .provide_tab>div div.provide_content div:nth-of-type(2) li h3{color:#262626;text-align:left;font-size:22px;} .provide .provide_tab>div div.provide_content div:nth-of-type(2) li h3 span{margin-right:7px;color:#c1c5cb;font-size:18px;} .provide .provide_tab>div div.provide_content div:nth-of-type(2) p.import{box-sizing:border-box;margin-top:12px;padding-left:20px;color:#979799;text-align:left;font-size:16px;} .provide .provide_tab>div.img{position:absolute;bottom:-226px;left:50%;z-index:1;margin-left:-170px;} .provide .provide_tab>div.img img{width:264px;height:540px;} .provide .provide_tab .provide_content_total>div{display:none;} .provide .provide_tab .provide_content_total>div.active{display:block;} /* 鏈嶅姟浼樺娍 */ .box1200Me {width: 100%;max-width: 1200px;box-sizing: border-box;margin: 0 auto;} .advantage{margin-top:220px;} .advantage .advantage-content{margin-top:40px;} .advantage .advantage-content ul{display:flex;justify-content:space-between;align-items:center;} .advantage .advantage-content ul li{box-sizing:border-box;padding:56px 26px 25px;width:18.58%;height:223px;outline:1px solid #eee;} .advantage .advantage-content ul li:nth-of-type(1){background:url(../images/ad1.png) no-repeat 26px 26px;background-size:44px 89px;} .advantage .advantage-content ul li:nth-of-type(2){background:url(../images/ad2.png) no-repeat 26px 26px;background-size:44px 89px;} .advantage .advantage-content ul li:nth-of-type(3){background:url(../images/ad3.png) no-repeat 26px 26px;background-size:44px 89px;} .advantage .advantage-content ul li:nth-of-type(4){background:url(../images/ad4.png) no-repeat 26px 26px;background-size:44px 89px;} .advantage .advantage-content ul li:nth-of-type(5){background:url(../images/ad5.png) no-repeat 26px 26px;background-size:44px 89px;} .advantage .advantage-content ul li p {color: #676767;margin-top: 40px;font-size: 16px;text-align: left;} .advantage .advantage-content ul li h5{color:#000;font-size:22px;} /* APP寮€鍙戞祦绋 */ .app{margin-top:72px} .app .app_list{margin-top:48px} .app .app_list ul{display:flex;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:space-between;align-items:center} .app .app_list ul li{position:relative;width:144px;height:169px;cursor:pointer;transition:all .4s linear;-webkit-tap-highlight-color:transparent} .app .app_list ul li div.img{position:absolute;z-index:-1;width:100%;height:100%} .app .app_list ul li div.img img{width:144px;height:169px} .app .app_list ul li p.order{padding-top:11px;color:#363636;text-align:center;font-size:14px} .app .app_list ul li p.china{margin-top:22px;color:#363636;text-align:center;font-size:22px} .app .app_list ul li p.english{margin-top:16px;color:#363636;text-align:center;font-size:16px} .app .app_list ul li.active p.order{color:#fff} .app .app_list ul li.active p.china{color:#0069ff} .app .app_list ul li.active p.english{color:#0069ff} /* 缁忓吀妗堜緥 */ .example_swiper{height: 630px;} .example_swiper .swiper-slide img{width: 100%;} /* 璧勮川璁よ瘉 */ .ability{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;box-sizing:border-box;padding-top:73px;padding-bottom:110px;background:url(../images/bgg.png) no-repeat left center;background-size:auto 100%;-o-box-sizing:border-box;-ms-box-sizing:border-box;} .ability ul{display:flex;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;} .ability ul li{margin-top:48px;width:20.83%;} .ability .ability_list ul li p:nth-of-type(2){margin-top:33px;color:#333;font-size:25px;} .ability ul li p.img img{width:80px;} /* 鍚堜綔浼欎即 */ .friends{margin-top:40px;} .friends .friends-content{margin-top:50px;} .friends .friends-content ul{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;} .friends .friends-content ul li{display:flex;margin-top:20px;width:20%;justify-content:center;align-items:center;} .friends .friends-content ul li img{width:85%;} @media screen and (min-width: 1025px){ .vocation-swiperButton {display: none;} .provide .provide_tab ul li p.content {display: none;} } /*ERP*/ .erp .container{width:1170px} .common-h2{color:#000;margin-top:70px;font-size: 36px;} p.common-p {margin-top: 20px;color: #666;font-size: 16px;} .wrapper {margin: 0 auto;width: 1200px;} .wrap-title{margin-bottom:40px;line-height:1.3;text-align:center;} .wrap-title h3{font-size:36px;color:#000;font-weight:normal;} .wrap-title h3 a{color:#000;} .wrap-title p{font-size:16px;color:#666;font-family:Arial;} .wrap-title.white *{color:#fff;} /* 杞挱骞垮憡 */ #banner{width:100%;height:650px;background:url(../images/banner11.jpg) center center no-repeat;background-size: cover;color:#fff} #banner .container .word{margin-left:30px;font-size:16px} #banner .container .word h1{margin-top:226px;font-size:40px} #banner .container .word p{margin-top:30px;color:#fff;font-size:18px} #banner .container .word .buttons button{margin-top:35px;width:126px;height:46px;border:none;border-radius:2px;background-color:#fff;color:#0042a3} #banner .container .word .buttons button+button{margin-left:20px;border:solid 1px #fff;background:0 0;color:#fff} /* 闂 */ .wrap-title {margin-bottom: 40px;line-height: 1.3;text-align: center;} .problem{padding-top:60px;overflow:hidden;/* background:url(../images/problem_bg.png); */} .problem-inner{overflow:hidden;} .problem-item{padding-top:20px;padding-left:20px;width:570px;height:296px;background:#fff;border:#ddd solid 1px;} .problem-item .hd{height:40px;line-height:40px;font-size:24px;color:#333;font-weight:bold;} .problem-item .bd{padding-top:12px;overflow:hidden;} .problem-item dl{float:left;margin:24px 0;width:50%;overflow:hidden;} .problem-item dt{float:left;width:65px;height:65px;} .problem-item dt img{display:block;width:65px;height:65px;} .problem-item dd{padding-left:18px;padding-top:5px;color:#333;overflow:hidden;} .problem-item dd span{display:block;height:30px;line-height:30px;font-size:22px;overflow:hidden;} .problem-item dd p{height:28px;line-height:28px;font-size:14px;overflow:hidden;} .problem .ps{position:relative;padding:50px 0;height:30px;line-height:30px;font-size:24px;overflow:hidden;text-align:center;color:#fe5b1a;font-size:24px;animation: ps 3s ease-in-out infinite;} @keyframes ps { 0% {letter-spacing:0px;font-size:16px} 100% {letter-spacing:10px;font-size:30px} } /* 浜у搧 */ #customized{width:100%;height:1055px;background-color:#f7f8f9;text-align:center;} #customized ul{overflow:hidden;margin-top:45px;} #customized ul li{float:left;margin-top:66px;width:294px;height:200px;} #customized ul li+li{margin-left:127px;} #customized ul li:nth-child(4),#customized ul li:nth-child(7){margin-left:0;} #customized ul li h4{margin-top:25px;margin-bottom:21px;color:#000;font-size:17px;font-family:SourceHanSansCN-Medium;} #customized ul li p{color:#727171;text-align:justify;font-size:14px;} /* 鏁翠綋鏋舵瀯鏂规 */ #ensemble{ height: 994px; width:100%; text-align:center; } /* 鎴戜滑鑳戒负浣犲仛浠€涔 */ #erp-function{width:100%;height:837px;background-color:#f7f8f9;text-align:center;} #erp-function ul{position:relative;} #erp-function ul li{position:absolute;} #erp-function ul li div.img{position:relative;width:76px;height:76px;border-radius:39px;background-image:linear-gradient(0deg,#3cc9c2 0,#3fdec3 100%),linear-gradient(#e9e7ec,#e9e7ec);color:#fff;letter-spacing:1px;font-weight:300;font-style:italic;font-size:28px;font-family:SourceHanSansCN-Light;line-height:76px;} #erp-function ul li div{float:left;} #erp-function ul li div.img b{position:absolute;top:38px;left:-48px;width:48px;height:5px;border-top:1px solid #5fa9f7;} #erp-function ul li div.img b:before{position:absolute;top:-3px;left:-5px;width:5px;height:5px;border-radius:5px;background-color:#5fa9f7;content:'';} #erp-function ul li div.mar{margin-right:80px;} #erp-function ul li div.img b.right{left:76px;} #erp-function ul li div.img b.right:before{left:48px;} #erp-function ul li div.word{margin-top:21px;color:#424242;text-align:left;font-size:14px;} #erp-function ul li div.word h4{color:#3173dc;} /* 鐗堟湰鍒囨崲 */ #erp-introduce{width:100%;height:955px;background-color:#fff;text-align:center;} #erp-introduce .container>ul{margin-top:95px;} #erp-introduce .container>ul>li{position:relative;float:left;width:420px;height:609px;border:solid 1px #ebeff2;background-color:#fff;} #erp-introduce .container>ul>li+li{margin-left:14px;} #erp-introduce .container>ul>li div{padding-right:21px;padding-left:27px;text-align:left;} #erp-introduce .container>ul>li div.top{padding-top:29px;height:216px;background-color:#f0f5fd;} #erp-introduce .container>ul>li div.top dt{color:#002163;font-weight:400;font-size:24px;} #erp-introduce .container>ul>li div.top dt span{display:inline-block;width:119px;height:26px;border-radius:12px;background-color:#e2e8f5;color:#7f8fac;text-align:center;font-size:14px;line-height:26px;} #erp-introduce .container>ul>li div.top dd{margin-top:32px;color:#7f8fac;font-size:14px;line-height:23px;} #erp-introduce .container>ul>li div ul{margin-top:30px;} #erp-introduce .container>ul>li div li{position:relative;height:60px;border-bottom:1px solid rgba(7,15,31,.13);color:#575a60;font-size:14px;line-height:60px;} #erp-introduce .container>ul>li div a{position:absolute;bottom:22px;left:50%;margin-left:-102px;width:204px;height:49px;border:solid 2px #005eff;border-radius:3px;color:#005eff;text-align:center;font-size:16px;line-height:45px;} #erp-introduce .container>ul>li.hover{z-index:99;margin-right:-50px;margin-left:-50px;width:372px;border:none;background-image:linear-gradient(#f7f8f9,#f7f8f9),linear-gradient(#3a4351,#3a4351);box-shadow:2px 4px 7px 7px rgba(49,106,213,.16);cursor:pointer;} #erp-introduce .container>ul>li:nth-child(1).hover{margin-right:-100px;margin-left:0;} #erp-introduce .container>ul>li.hover div.top{background-image:linear-gradient(-82deg,#00a8ff 0,#0054ff 100%),linear-gradient(#f0f5fd,#f0f5fd);color:#fff;} #erp-introduce .container>ul>li.hover div.top dt{color:#fff;} #erp-introduce .container>ul>li.hover div.top dd{color:#fff;} #erp-introduce .container>ul>li.hover div.top dt span{background-color:#006bde;color:#fff;} #erp-introduce .container>ul>li.hover div li{color:#333;font-size:16px;} #erp-introduce .container>ul>li.hover div a{border:none;background-image:linear-gradient(-82deg,#ffa200 0,#ff8400 100%),linear-gradient(#08cea7,#08cea7);color:#fff;} #erp-introduce .container>ul>li.hover a:hover{background-image:linear-gradient(-82deg,#f29903 0,#e15b01 100%),linear-gradient(#08cea7,#08cea7);} /*OA*/ .banner{margin-bottom:10px} .banner img{width:100%;} .banner img.free_try{position:absolute;top:35%;left:25%;z-index:99;width:174px;border-radius:10px;background:#fff;} .try{position:fixed;right:10px;bottom:0;z-index:99;} .try img{width:80px;} .page-title{position:relative;padding:10px 0;text-align:center;} .page-title h4{font-size:36px;line-height:1.5;} .page-title h4 span{margin:0 5px;} .section{position:relative;min-height:460px;} .section.section-bg{background:#f8f8f8;} .section p,.section ul li{color:#666;font-size:16px;line-height:36px;} .section p{text-indent:2em;} .section .section-content{position:relative;margin:10px auto;width:1000px;} .section .section-title{position:relative;margin-bottom:35px;color:#4481e6;font-size:32px;line-height:1;} .section .section-title .section-title-bg{position:absolute;bottom:-20px;left:0;display:inline-block;width:55px;height:4px;background:#4481e6;} .sider-left{position:absolute;top:115px;left:0;z-index:9;} .sider-right{position:absolute;top:220px;right:0;z-index:9;} .register{margin-left:-400px;width:800px;} .modal-body{padding-bottom:0;} .modal-footer{text-align:center;} .free_try{margin-top:20px;cursor:pointer;} .sx.active .sx_code{position:absolute;display:block;} .sx_code{display:none;} .sx_code img{max-width:inherit;border:1px solid #ddd;border-radius:4px;} .siderbar{position:fixed;right:0;bottom:100px;z-index:99;width:90px;height:270px;background:url(../images/siderbar.png);} .siderbaritem{width:100%;height:33.3%;} .siderbaritem-tel{position:absolute;top:12px;right:88px;width:120px;} .siderbaritem-wx{position:absolute;top:100px;right:88px;width:120px;} .siderbaritem-tel,.siderbaritem-wx{display:none;} .siderbar.show-tel .siderbaritem-tel{display:block;} .siderbar.show-wx .siderbaritem-wx{display:block;} .class_qidian_wpa{position:absolute!important;top:153px!important;left:-8px!important;transform:scale(.755);} .foot img{width: 100%} /*鏂板鑸?/ .nav{position: relative;height: 70px;} .nav #menu_hover_bg{position:absolute;top: 70px;z-index:9;overflow:hidden;width:100%;height:0;background:#fff;box-shadow: 0 2px 5px #ddd;} .nav .logo{float:left;width:190px;} .nav .logo a{display:block;padding: 12px 0;width:140px;} .nav .logo a img{width:100%;} .nav .menu{float:right;} .nav .menu ul li{float:left;} .nav .menu ul li h2{position:relative;font-weight:400;font-size:14px;margin: 26px 0;} .nav .menu ul>li.intro>h2:before{position:absolute;bottom: -7px;left:50%;margin-left:-25px;width:50px;height:1px;background-color:#ff9c01;content:"";} .nav .menu ul>li>h2>img{top:31px;right:-40px;} .nav .menu ul li h2 a{display:block;padding:0 17px;color:#fff;font-size:16px;} .nav .menu ul li .sub_menu{position:absolute;top:77px;left:0;z-index:999;overflow:hidden;width:1440px;height:0;} .nav .menu ul li .sub_menu .sub_menu_list{position:relative;float:left;} .nav .menu ul li .sub_menu .sub_menu_list>h3{padding-bottom:30px;padding-left: 15px;margin: 30px 0 0 0;color:#000;overflow: hidden;font-weight: 600;font-size:16px;} .nav .menu ul li .sub_menu .sub_menu_list:nth-child(1) .list:before, .nav .menu ul li .sub_menu .sub_menu_list:nth-child(2) .list:before, .nav .menu ul li .sub_menu .sub_menu_list:nth-child(3) .list:before{position:absolute;top: 80px;right:0;width:1px;height:360px;background:#f2f2f2;content:"";} .nav .menu ul li .sub_menu.sol_left .sub_menu_list:nth-child(1) .list:before{height:220px;} .nav .menu ul li .sub_menu.sol_left .sub_menu_list:nth-child(2) .list:before{display:none;} .nav .menu ul li .sub_menu .sub_menu_list .list a{float:left;display:block;margin-left:20px;padding: 15px 20px 20px;} .nav .menu ul li .sub_menu .sub_menu_list .list a:hover{background:#f2f2f2;color: #2467f3;} .nav .menu ul li .sub_menu .sub_menu_list .list a .icon{float:left;width:30px;height:50px;} .nav .menu ul li .sub_menu .sub_menu_list .list a .infos{float:left;width:220px;height:50px;} .nav .menu ul li .sub_menu .sub_menu_list .list a .infos h3{position:relative;color: #000;font-weight:400;font-size: 15px;margin: 0;} .nav .menu ul li .sub_menu .sub_menu_list .list a .infos h3 span{margin-left: 10px;width:80px;height:12px;font-size:12px;} .nav .menu ul li .sub_menu .sub_menu_list .list a .infos p{padding-top:5px;color:#989898;font-size: 13px;} .nav .menu ul li .sub_menu .sub_menu_list .list.sol_list a{float:left;display:block;margin: 0 20px 10px 0;padding: 15px 0 0 20px;width:274px;} .nav .menu ul li .sub_menu.sol_left .sub_menu_list:nth-child(2) .list.sol_list a{display:inline-block;margin:0 0 20px 0;padding:5px 16px;width:auto;height:auto;color: #303030;line-height:40px;} .nav .menu ul li .sub_menu .sub_menu_list .list.sol_list .icon{padding-top:5px;height:70px;} .sol_list a{float:list;margin-left:20px} #men_fuwu .sub_menu>.w1200 h3{padding-top:30px;padding-bottom:30px;color:#666;font-weight:400;font-size:16px;} #men_fuwu .sub_menu .sub_menu_list .category{float:left;width:257px;height:220px;border-right:1px solid #f2f2f2;} #men_fuwu .sub_menu .sub_menu_list .category li{float:left;margin-bottom:12px;width:257px;height:40px;background:url(../image/sj.png) no-repeat 230px center;color:#303030;text-indent:20px;font-size:14px;line-height:40px;cursor:pointer;} #men_fuwu .sub_menu .sub_menu_list .category li.active{background-color:#f2f2f2;} #men_fuwu .sub_menu .sub_menu_list .content{float:left;width:942px;} #men_fuwu .sub_menu .sub_menu_list .content .cont_list{float:left;display:none;width:942px;height:220px;} #men_fuwu .sub_menu .sub_menu_list .content .cont_list a{float:left;margin:0 0 20px 20px;padding:18px 0 0 20px;width:274px;height:72px;} #men_fuwu .sub_menu .sub_menu_list .content .cont_list a:hover{background:#f2f2f2;} #men_fuwu .sub_menu .sub_menu_list .content .cont_list a .icon{float:left;padding-top:5px;width:30px;height:70px;} #men_fuwu .sub_menu .sub_menu_list .content .cont_list a .info{float:left;width:220px;height:70px;} #men_fuwu .sub_menu .sub_menu_list .content .cont_list a .info h3{color:#303030;font-weight:400;font-size:14px;} #men_fuwu .sub_menu .sub_menu_list .content .cont_list a .info p{padding-top:5px;color:#989898;font-size:12px;} /*鏂拌疆鎾?/ .w1200{position:relative;margin:0 auto;width:1440px;} .pa{position:absolute;} .swiper-banner{width:100%;height:720px;background:#262626} .swiper-banner .swiper-slide{display:block;width:100%;height:620px;color:#fff;} .swiper-banner .swiper-slide .wrap{height:520px;} .swiper-banner .swiper-slide .sl-left{top:216px;left:5px;width:100%;} .swiper-banner .swiper-slide .t1{top:0;left:0;font-size:26px;} .swiper-banner .swiper-slide .t2{top:50px;left:0;font-size:40px;} .swiper-banner .swiper-slide .t3{top:110px;left:00px;font-size:18px;} .swiper-banner .swiper-slide .btn{top:160px;left:00px;width:170px;height:40px;border:1px solid #fff; color:#fff; border-radius:2px;text-align:center;font-size:16px;line-height:40px;background: none;padding: 0;} .swiper-banner .swiper-slide .btn:hover{background:#fff;color:#2467f3} .swiper-banner .swiper-slide .img1{top:110px;left:490px;} .swiper-banner .swiper-slide .img2{top: 90px;left: 735px;} .swiper-banner .swiper-slide .img3{top:100px;left:650px;} .swiper-banner .swiper-slide.slide1{background:url(../image/banner1_bg.jpg) no-repeat center top #070e2a;} .swiper-banner .swiper-slide.slide2{background:url(../image/banner2_bg.jpg) no-repeat center top #1a0844;} .swiper-banner .swiper-slide.slide3{background:url(../image/banner_ecshop.jpg) no-repeat center top #23262b;} .swiper-banner .swiper-slide.slide4{background:url(../image/banner_erp.jpg) no-repeat center top #23262b;} .swiper-banner .swiper-slide.slide5{background:url(../image/banner5_bg.jpg) no-repeat center top #033045;} .swiper-banner .swiper-pagination{bottom:130px!important;} .swiper-banner .swiper-pagination .swiper-pagination-bullet{width:40px;height:5px;border-radius:0;} .swiper-banner .swiper-nav{bottom:0;left:0;z-index:999;width:100%;height:100px;background:rgba(233,233,233,.05);} .swiper-banner .swiper-nav ul{display: flex;flex-direction: row;} .swiper-banner .swiper-nav li{float:left;height:100px;border-right:1px solid rgba(233,233,233,.05);color:#fff;cursor:pointer;flex: 1;display: flex;align-items: center;justify-content: center;} .swiper-banner .swiper-nav li .icon{float:left;display:flex;width:65px;height:100px;justify-content:center;align-items:center;} .swiper-banner .swiper-nav li .infos{float:left;width:173px;height:100px;} .swiper-banner .swiper-nav li .infos div{padding-top:30px;padding-bottom:5px;font-size:16px;} .swiper-banner .swiper-nav li .infos p{color:#c3c3c3;font-size:14px;} .swiper-banner .swiper-nav li.active{background:rgba(233,233,233,.05);} .swiper-banner .swiper-nav li:last-child{border-right:none;} /* 妗堜緥璇︽儏椤甸潰 */ .new_service_box{margin-top:80px} .public_img img{width:100%} .pacu_img{position: relative;} .pacu_img img{width: 100%;} .pacu_img .kefu{position: absolute;top: 59.3%;left: 17.6%;transform:translate(-50%,-50%);text-align: center;} .pacu_img .kefu button{padding: 20px 58px;color: #fff;font-size: 21px;background: rgba(0,0,0,0);border: 0;border-radius: 4px;} .title_box{margin: 90px 0 60px;text-align: center;} .title_box .title{margin-bottom: 10px; font-size: 46px;font-weight: bold;} .title_box p{width: 38%; margin: auto; font-size: 18px;line-height: 45px;color: #999;} .reve_left{width: 30%;margin: 5% 0 0 13%;float: left;} .reve_left ul li{display: inline-block; height: 49px; padding: 0 25px; margin: 0 20px 35px 0; font:normal 18px/48px ""; color: #2fa4e7;border:1px solid #2fa4e7;border-radius: 4px;cursor: pointer;} .reve_right{width: 950px; height: 635px; float: right;} .reve_title{ font-size: 46px;font-weight: bold;} .reve_info{display: none;} .reve_info.active{display: block;} .reve_info img{width: 100%;height: 100%;} .usually{position: relative;} .usually img{width: 100%;} /* 妗堜緥-浠锋牸鐩戞祴 */ .jgbox .ico_jgjc{display: inline-block;width: 24px;height: 24px;overflow: hidden;margin: 0 8px 6px 0;background: url(../images/ico_jgjc.png) no-repeat;vertical-align: middle;} .jgbox ul li.active{background:#3c8dbc;color: #fff;} .jgbox ul li{border: 1px solid #3c8dbc;color: #3c8dbc;} .jgbox .ico1{background-position: -46px 1px;} .jgbox .ico2{background-position: -46px -32px;} .jgbox .ico3{background-position: -46px -67px;} .jgbox .ico4{background-position: -46px -102px;} .jgbox .ico5{background-position: -46px -134px;} .jgbox .ico6{background-position: -46px -168px;} .jgbox .ico7{background-position: -45px -199px;} .jgbox .active .ico1{background-position: 0 1px;} .jgbox .active .ico2{background-position: 1px -32px;} .jgbox .active .ico3{background-position: 0px -67px;} .jgbox .active .ico4{background-position: 0px -102px;} .jgbox .active .ico5{background-position: 0px -134px;} .jgbox .active .ico6{background-position: -1px -168px;} .jgbox .active .ico7{background-position: -2px -199px;} /* 妗堜緥-鏈烘埧鍔ㄥ姏鐜鐩戞祴 */ .jfbox .ico_jfgl{display: inline-block;width: 24px;height: 24px;overflow: hidden;margin: 0 8px 6px 0;background: url(../images/ico_jfgl.png) no-repeat;vertical-align: middle;} .jfbox ul li.active{background:#33cabb;color: #fff;} .jfbox ul li{border: 1px solid #33cabb;color: #33cabb;} .jfbox .ico1{background-position: -46px 0;} .jfbox .ico2{background-position: -46px -32px;} .jfbox .ico3{background-position: -45px -67px;} .jfbox .ico4{background-position: -45px -102px;} .jfbox .ico5{background-position: -46px -134px;} .jfbox .ico6{background-position: -46px -167px;} .jfbox .ico7{background-position: -45px -199px;} .jfbox .active .ico1{background-position: 0px 0;} .jfbox .active .ico2{background-position: 0 -32px;} .jfbox .active .ico3{background-position: -1px -67px;} .jfbox .active .ico4{background-position: -1px -102px;} .jfbox .active .ico5{background-position: 0px -134px;} .jfbox .active .ico6{background-position: -1px -167px;} .jfbox .active .ico7{background-position: -2px -199px;} /*妗堜緥-鎵惰传鏀跨瓥*/ .fpbox .ico_fpzc{display: inline-block; width: 24px;height: 24px;overflow: hidden; margin:0 8px 2px 0; background: url(../images/ico_fpzc.png) no-repeat;vertical-align: middle;} .fpbox ul li{border:1px solid #cb0d01;color: #cb0d01;} .fpbox li.active{background:#cb0d01;color: #fff;} .fpbox .ico1{background-position: -47px 0;} .fpbox .ico2{background-position: -46px -33px;} .fpbox .ico3{background-position: -46px -68px;} .fpbox .ico4{background-position: -47px -102px;} .fpbox .ico5{background-position: -46px -136px;} .fpbox .active .ico1{background-position: 2px 0;} .fpbox .active .ico2{background-position: 0 -33px;} .fpbox .active .ico3{background-position: 0 -68px;} .fpbox .active .ico4{background-position: 0px -102px;} .fpbox .active .ico5{background-position: 0px -136px;} /* 妗堜緥-鏀垮姟澶栫綉 */ .zwbox .ico_zwww{display: inline-block; width: 24px;height: 24px;overflow: hidden; margin:0 8px 2px 0; background: url(../images/ico_zwww.png) no-repeat;vertical-align: middle;} .zwbox ul li{border:1px solid #2b69b6;color:#2b69b6} .zwbox li.active{background:#2b69b6;color: #fff;} .zwbox .ico1{background-position: -47px 0;} .zwbox .ico2{background-position: -46px -32px;} .zwbox .ico3{background-position: -45px -67px;} .zwbox .ico4{background-position: -44px -102px;} .zwbox .ico5{background-position: -45px -136px;} .zwbox .ico6{background-position: -45px -169px;} .zwbox .ico7{background-position: -45px -199px;} .zwbox .active .ico1{background-position: 2px 0;} .zwbox .active .ico2{background-position: 0 -32px;} .zwbox .active .ico3{background-position: 0 -66px;} .zwbox .active .ico4{background-position: -1px -102px;} .zwbox .active .ico5{background-position: -1px -136px;} .zwbox .active .ico6{background-position: -2px -169px;} .zwbox .active .ico7{background-position: -2px -199px;} /* 妗堜緥-鐗圭璁惧*/ .spbox .ico_tzsb{display: inline-block; width: 24px;height: 24px;overflow: hidden; margin:0 8px 2px 0; background: url(../images/ico_tzsb.png) no-repeat;vertical-align: middle;} .spbox li.active{background:#2fa4e7;color: #fff;} .spbox .ico1{background-position: -46px 0;} .spbox .ico2{background-position: -46px -35px;} .spbox .ico3{background-position: -46px -68px;} .spbox .ico4{background-position: -45px -102px;} .spbox .ico5{background-position: -45px -136px;} .spbox .ico6{background-position: -44px -170px;} .spbox .ico7{background-position: -44px -204px;} .spbox .active .ico1{background-position: 0 0;} .spbox .active .ico2{background-position: 0 -34px;} .spbox .active .ico3{background-position: 0 -68px;} .spbox .active .ico4{background-position: 0 -102px;} .spbox .active .ico5{background-position: -1px -136px;} .spbox .active .ico6{background-position: -1px -170px;} .spbox .active .ico7{background-position: -1px -204px;} /* 璇︽儏椤 */ .show_img img{width:100%} .info {line-height: 30px;color: #999;background: #F6F6F6;height: 30px;text-align: center;border-top: 1px dotted #DDD;margin-bottom: 10px;} .show_main .container{width: 1200px;margin-left: auto;margin-right: auto;} .show_detail{background-color: #fff;padding: 2% 3% 3% 5%;position: relative;margin-top: -140px;} .show_title{text-align:center} .show_title h1{font: 600 32px/48px "Microsoft YaHei";color: #CA0000;text-align: center;padding-top: 15px;margin-bottom: 25px;} .show_tiam h2{font-size: 20px;color: #727272; float: right;font-weight:600} .bdshare-button-style0-16 a{background-image: url(../images/icons_0_16.png);float: left;padding-left:17px;line-height:16px;height:16px;background-repeat:no-repeat;cursor:pointer;margin:3px 6px 6px 0} .bdshare-button-style0-16 .bds_more {} .bdshare-button-style0-16 .bds_qzone{background-position:0 -52px} .bdshare-button-style0-16 .bds_tsina{background-position:0 -104px} .bdshare-button-style0-16 .bds_weixin{background-position:0 -1612px} .bdshare-button-style0-16 .bds_sqq{background-position:0 -2652px} .article{padding: 20px 0;overflow:hidden} .article img{width:100%} .fc-show-prev-next {font-size: 16px;} /* 鎴愬姛妗堜緥 */ .case-list { overflow:hidden;margin-top:70px} .case-list ul { margin-right:-10px;} .case-list li { float:left; width:25%; height:289px; position:relative;overflow:hidden; z-index:1; } .case-list li:first-child span.sIntro{ opacity:1;} .case-list li img { width:100.5%; height:100%; left:0; top:0; position:absolute; z-index:1; margin-left:-1px;} .case-list li a { display:block; position:absolute; position:absolute; left:0; top:0; right:0; bottom:0; overflow:hidden;} .case-list li span { position:absolute; width:100%; height:100%; z-index:3; display:block; text-align:center; left:0; top:0; opacity:0;background:rgba(0,0,0,0.8);transition:1s all; -webkit-transition:1s all;} .case-list li:hover span { opacity:0.9; filter:alpha(opacity=95);} .case-list li span em { position:absolute; width:80%; left:10%; color:#fff; top:50%; margin-top:-15px; display:block; font-size:2.5em; } .case-list li.libr span em{ margin-top:-1.5em; } .case-list li i { position:absolute; z-index:2; width:100%; height:100%; left:0; top:0; background:#000; opacity:0; filter:alpha(opacity=0); transition:0.5s all; -webkit-transition:0.5s all; } .case-list:hover li i{opacity:0.1; filter:alpha(opacity=10);} .case-list:hover li:hover i{opacity:0; filter:alpha(opacity=0);} .case-list li.child h3 {display: inline-block;border-top: 3px solid #fff;padding-top: 10px;} .case-list li.child .case_text h3 {line-height:30px;font-weight:normal;} .case-list li.child .case_text p {font-weight:100;} .case_text {position: absolute;left: 0;top: 0;width: 100%;height: 100%;color: #fff;text-align: center;background: #2467f3;transition: 1s all;-webkit-transition: 1s all;} .case_p{box-sizing: border-box;padding: 30px 40px;width: 100%;} .case-list li.child .case_p {position: absolute;font-size: 24px;top: auto;left: auto;bottom: 0;right: 0;text-align: right;transform: translate(0,0);-webkit-transform: translate(0,0);-ms-transform: translate(0,0);} /* 瑙e喅鏂规 */ .new_service_box ul li{width:33.33%;float:left;overflow:hidden;position:relative;} .new_service_box ul li .pic img{display:block;transition: all 0.3s ease-out;} .new_service_box ul li a:hover img{ border-color:#999;-webkit-transform: scale(1.2); transform: scale(1.2);} .trevice_img{font-size:0;overflow:hidden;} .trevice_img img{width:100%;z-index:2;} .new_service_box ul li span{display: block;position: absolute; background: #2467f3;z-index: 2; -ms-transition:all 0.1s -moz-linear;transition:all 0.1s -webkit-linear;transition:all 0.1s linear;-o-linear;transition:all 0.1s linear;linear;transition:all 0.1s linear;} .new_service_box ul li:hover span{-ms-transform: translateY(0) translateX(0)!important;-moz-transform: translateY(0) translateX(0)!important;-webkit-transform: translateY(0) translateX(0)!important;-o-transform: translateY(0) translateX(0)!important;transform: translateY(0) translateX(0)!important;} .new_service_box ul li span.red_hover{width: 102%;height:8px;bottom: 0;left:-2px;-ms-transform: translateX(-100%);-moz-transform: translateX(-100%);-webkit-transform: translateX(-100%);-o-transform: translateX(-100%);transform: translateX(-100%);} .new_service_box ul li:hover span.red_hover{-ms-transition-delay:.3s;-moz-transition-delay:.3s;-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s; z-index:999;} .service_text{position:absolute;left:0;top:75%;color:#fff;z-index:2;width:100%;overflow:hidden;text-align:center;transition:all 0.2s linear;} .service_text h1{display:inline-block;border-bottom: solid 2px #fff;border-top: solid 2px #fff;color:#fff;} .service_text p{width:59%;margin:0 auto;margin-top:10px;} .service_text p a{color: #fff;} .service_text h2{ width:auto; display: inline-block; margin-right: 0.4em; line-height: 1.6em;border-bottom: solid 2px #fff;border-top: solid 2px #fff;} .service_text h2:last-child{ margin-right: 0;} .service_text h2 a{ color:#fff; text-decoration: none;} .new_service_box ul li:hover .service_text{top:66%;transition:all 0.2s linear;} @media only screen and (max-width:1366px) {.service_text{top:68%;}.new_service_box ul li:hover .service_text{top:62%;}.service_text p{width:83%;}} @media only screen and (max-width:1180px) {.service_text{top:60%;}.new_service_box ul li:hover .service_text{top:60%;}.service_text p{width:83%;}} @media only screen and (max-width:1018px) {.new_service_box ul li{width:50%;}} @media only screen and (max-width:550px) {.new_service_box ul li{width:100%;}.service_text{top:60%;}.new_service_box ul li:hover .service_text{top:60%;}} /* 鏂伴椈鍒楄〃 */ @media (min-width: 1920px){.news .container{width: 1440px;}} .news_list{margin-bottom: 40px;} .news_img_list{height: 280px;overflow: hidden;} .news_img_list img{width: 100%;height: 100%;} .news_text_list{border: 1px solid #ddd;padding: 0 15px;} .news_text_list h2 a{color: #333;font-size: 20px;font-weight: 600;} .news_text_list p{color: #999;font-size: 18px;margin-bottom: 20px;} /* 姹囧彂CSS */ .navbar-default{margin-bottom:0;width:100%;border:none;border-radius:0;background:#fff;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;} .navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{background-color:transparent;color:#03a9f4!important;} .navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{background-color:transparent;color:#03a9f4!important;} .navbar-brand{padding:0;} .navbar-brand img{margin-left:10px;width:150px;} .navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#fff;} .menu-top{background: rgba(0,0,0,0.2);} .menu-top li a{font-weight:400;font-size:16px;} .navbar-default.menu-shrink li a {color: #000!important;} .navbar-default.menu-shrink li a:hover { color: #2467f3 !important } .navbar-default .navbar-toggle { background: #fff none repeat scroll 0 0 } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #fff } .navbar-default .navbar-toggle .icon-bar { background-color: #03a9f4 } .navbar-nav>li.phone {padding: 0 15px;font-weight: bold;background-color: #2467f3;display: inline-block;height: 40px;line-height: 40px;margin-top: 5px;border-radius: 20px;color: #fff;font-size: 18px;} /* 杞挱 */ .lbanner{position:relative;overflow:hidden;margin:0 auto;height:720px;} .lbanner .btngo{position:absolute;z-index:99;margin-top:350px;width:40px;height:80px;border-radius:4px;background-color:rgba(0,0,0,.6);color:#fff;text-align:center;line-height:90px;opacity:0;} .lbanner:hover .btngo{z-index:30;opacity:.4;} .lbanner .btngo:hover{opacity:1;cursor:pointer;} .lbanner .btngo i{color:#fff;font-size:3rem;} .lbanner .golf{left:0;} .lbanner .golr{right:0;} .lbanner .slides{z-index:88;height:720px;} .lbanner .slides li{position:absolute;top:0;left:0;z-index:10;width:100%;height:720px;opacity:0;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;} .lbanner .slides li img{width: 100%;height: 100%;} .lbanner .slides li.show{z-index:20;opacity:1;} .lbanner .slides li .kuai{display:block;width:100%;height:720px;} .lbanner .dot{position:absolute;z-index:99;margin-top:660px;width:100%;text-align:center;} .lbanner .dot li{display:inline-block;margin:0 5px;width:60px;height:6px;background-color:#fff;opacity:.4;cursor:pointer;} .lbanner .dot li.pitch{background-color:#fff;opacity:.7;} /* 鍏叡鏍囬 */ .title{text-align: center;position: relative;z-index: 2;margin: 0;font-size: 16px;} .title .cn{position: relative;z-index: 2;} .title h2 {font-size: 50px;font-weight: bold;line-height: 1.1;/* margin-bottom: -3px; *//* overflow: hidden; */} .title span {font-size: 16px;color: #333;padding-top: 5px;display: inline-block;} .title .en{font-weight: bold;position: absolute;top: -18px;left: 0;right: 0;font-size: 80px;text-transform: uppercase;font-family: ariblk;line-height: 1.1;color: rgba(0, 0, 0, .04);} /* 鎴戜滑鐨勪笟鍔 */ .business .mian{overflow: hidden; margin-top: 80px;} .busiyw .con{display:block;text-align:center;} .busiyw .ico{position:relative;display:block;margin-bottom:30px;height:100px;line-height:100px;} .busiyw .ico i{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-position:center;background-size:auto 100px;background-repeat:no-repeat;opacity:1;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;-o-background-size:auto 100px;-ms-background-size:auto 100px;-moz-background-size:auto 100px;-webkit-background-size:auto 100px;-ms-transition:.5s;} .busiyw .ico img{display:block;margin:0 auto;height:100%;} .busiyw .ico i.on{opacity:0;} .busiyw h3{position:relative;margin-bottom:20px;padding-bottom:15px;} .busiyw h3:after{position:absolute;bottom:0;left:50%;margin-left:-30px;width:60px;height:2px;background-color:#2467f3;content:'';} .busiyw h3 span{position:relative;display:inline-block;overflow:hidden;height:40px;color:#000;font-weight:700;font-size:30px;line-height:40px;} .busiyw h3 span::before{position:absolute;top:0;left:0;overflow:hidden;height:0;max-width:100%;color:#2467f3;content:attr(data-hover);vertical-align:bottom;text-align:left;font-size:30px;line-height:40px;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;-ms-transition:.5s;} .busiyw .desc{color:#333;font-size:16px;line-height:27px;} .busiyw .con:hover h3 span::before{height:40px;} .busiyw .con:hover .ico i{opacity:0;} .busiyw .con:hover .ico .on{opacity:1;} .busiyw{overflow: hidden;margin: 0 20px;} /* 鎴戜滑鐨勬渚 */ .tac{text-align: center;} .index_case_tab{float:none;display:inline-block;} .index_case_tab ul li{position:relative;float:left;margin:20px 10px 20px 0;padding:0 25px;height:45px;min-width:140px;border-radius:8px;background:#f5f5f5;color:#666;text-align:center;font-weight:500;font-size:16px;line-height:45px;cursor:pointer;} .index_case_tab ul li.active,.index_case_tab ul li:hover{background:#2467f3;color:#fff;} .index_case_tab ul li.active:before{position:absolute;top:40px;left:50%;overflow:hidden;width:14px;height:1px;background:#0166ce;content:" ";} .index_case_box .index_case_intro{overflow:hidden;min-height:40px;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size: 18px;color: #000;} .index_case_box .mores{margin-top:20px;color:#2467f3;} .index_case_box ul a{float:left;display:inline-block;width:100%;width:33.333%;} .index_case_img{position:relative;} .index_case_img img{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;} .index_case_txt{position:relative;display:flex;box-sizing:border-box;height:80px;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;} .index_case_title{overflow:hidden;width:70%;color:#333;text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:28px;line-height:80px;} .index_case_txt p{overflow:hidden;height:24px;color:#666;text-overflow:ellipsis;white-space:nowrap;line-height:24px;} .index_case_txt em{display:block;width:30%;color:#333;text-align:right;font-weight:700;line-height:80px;font-size: 16px;} .index_case_txt i{position:absolute;right:0;bottom:0;color:#dcdcdc;font-size:36px;line-height:50px;opacity:0;} .index_case_href{position:absolute;top:50%;left:50%;z-index:10;margin:-20px 0 0 -50%;width:100%;height:40px;color:#fff;text-align:center;text-align:center;line-height:40px;opacity:0;} .index_case_bg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);opacity:0;} .index_case_href:before{position:absolute;top:0;left:0;width:100%;height:1px;background:#fff;content:"";} .index_case_href:after{position:absolute;bottom:0;left:0;width:100%;height:1px;background:#fff;content:"";} .index_case_boxall{position:relative;} .index_case_box{position:absolute;top:0;left:0;width:100%;opacity:0;} .index_case_box.active{position:inherit;z-index:100;opacity:1;} .index_case_box ul li:hover img{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);} .index_case_box ul li:hover .index_case_txt i{right:10px;opacity:1;} .index_case_box ul li:hover .index_case_href{margin:-20px 0 0 -70px;width:140px;opacity:1;} .index_case_box ul li:hover .index_case_bg{opacity:1;} .index_case_more a{position:relative;display:block;overflow:hidden;margin:20px auto 0;width:120px;height:55px;border:1px solid #ccc;color:#555;text-align:center;font-weight:700;font-size:18px;line-height:55px;opacity:1;} .index_case_more a span{position:relative;z-index:20;color:#0166ce;font-weight:300;} .index_case_more a:after{position:absolute;top:0;left:0;width:0%;height:100%;background:#0166ce;content:'';transition:width .5s ease;} .index_case_more a:hover:after{width:100%;} .index_case_more a:hover span{color:#fff;} .g-btn{text-align:center;} .g-btn .more{position:relative;display:inline-block;padding-right:20px;padding-left:86px;height:50px;background-image:-webkit-linear-gradient(right,#2467f3,#2467f3);font-weight:700;font-size:20px;line-height:50px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;} .g-btn .more i{position:absolute;top:0;left:0;display:inline-block;margin-right:38px;width:48px;height:48px;border:1px solid #2467f3;border-radius:50px;vertical-align:middle;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;-ms-transition:.5s;} .g-btn a{color:#fff;} .g-btn .more i:after{position:absolute;top:50%;left:23px;margin-top:-6px;width:37px;height:12px;background:url(../images/ico-07.png) no-repeat left center;content:'';} .g-btn .more:hover i{width:100%;} .index_case_box ul li {-moz-page-break-inside: avoid;-webkit-column-break-inside: avoid;break-inside: avoid;width: calc(100% - 35px);margin: 0 25px 30px 0;overflow: hidden;float: left;height: 550px;} .index_case_img {position: relative;overflow: hidden;border-radius: 8px;} .index_case_img img{width: 100%;} .index_case_box .col-lg-4 a:hover img{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);} .index_case_box .col-lg-4 a:hover .index_case_txt i{right:10px;opacity:1;} .index_case_box .col-lg-4 a:hover .index_case_href{margin:-20px 0 0 -70px;width:140px;opacity:1;} .index_case_box .col-lg-4 a:hover .index_case_bg{opacity:1;} .index_case_more a{position:relative;display:block;overflow:hidden;margin:20px auto 0;width:120px;height:55px;border:1px solid #ccc;color:#555;text-align:center;font-weight:700;font-size:18px;line-height:55px;opacity:1;} .index_case_more a span{position:relative;z-index:20;color:#0166ce;font-weight:300;} .index_case_more a:after{position:absolute;top:0;left:0;width:0%;height:100%;background:#0166ce;content:'';transition:width .5s ease;} .index_case_more a:hover:after{width:100%;} .index_case_more a:hover span{color:#fff;} .index_case_box .col-lg-4{margin: 40px 0;min-height: 440px;} /* 鍏徃鏂伴椈 */ .index_news{display: inline-block;} .index_news ul li{position:relative;float:left;margin:20px 10px 20px 0;padding:0 25px;height:45px;min-width:100px;border-radius:8px;background:#f5f5f5;color:#666;text-align:center;font-weight:500;font-size:16px;line-height:45px;cursor:pointer;} .index_news ul li.active{background:#2467f3;color:#fff;} .index_news ul li:hover{background:#2467f3;color:#fff;} .index_news_fr {display: none;} .index_news_fr.active {position: inherit;z-index: 2;display:block;} .index_news_box{position:relative} .index_news_box img{margin-bottom:20px;height:360px;width:100%;border-bottom-right-radius:55px;border-top-left-radius:55px;} .index_news_box .h5{display:inline-block;overflow:hidden;margin-bottom:16px;width:100%;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:20px;line-height:30px;} .index_news_box a:hover{color:#0166ce;} .index_news_box .textp{overflow:hidden;max-height:86px;color:#555;text-align:justify;font-size:16px;line-height:28px;} .index_news_box .a{display:inline-block;margin-top:30px;color:#999;font-size:14px;font-family:inherit;} .index_news_box .g-btn {float: left;} .index_news_box .g-btn .more {height: 22px;line-height: 22px;padding-right: 15px;padding-left: 46px;font-size: 14px;margin-top: 10px;} .index_news_box .g-btn .more i {height: 20px;width: 20px;border-radius: 22px;} .index_news_box .g-btn .more i:after {content: '';width: 25px;height: 8px;margin-top: -4px;left: 8px;background-image: url(../images/ico-07-1.png);} .index_news_box .g-btn .more:hover i {width: 100%;} .index_news_frbox{width: 100%;overflow: hidden;} .index_news_frbox ul li{position:relative;float:left;overflow:hidden;width:50%;font-size:16px;} .index_news_frbox ul li .contentp{display:-webkit-box;overflow:hidden;height:54px;color:#666;font-size:16px;line-height:27px;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .index_news_frbox ul li a{display:block;overflow:hidden;padding: 10px 15px 10px;margin: 10px;color:#333;text-overflow:ellipsis;font-size:16px;} .index_news_frbox ul li a:hover{color:#0166ce;box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);} .index_news_frbox ul li em{display:block;margin-bottom:17px;padding-left:22px;background:url(../images/ico-12.png) no-repeat left center;color:#45474c;font-size:16px;font-size:16px;} .index_news_frbox ul li h3{overflow:hidden;margin-bottom:12px;color:#000;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:22px;line-height:28px;} .index_news_frbox ul li:hover{border-radius:10px;background-color:#fff;} .index_news_frbox ul li:hover h3{color:#000;font-weight:700;} .index_news_frbox ul li.option{padding-top:44px;padding-left:20px;height:100px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} .index_news_frbox ul li.option .contentp{display:-webkit-box;} .index_news_frbox ul li.option a{position:absolute;top:0;left:0;height:49px;font-size:16px;line-height:55px;} .index_news_frbox ul li.option em{position:relative;} .index_news_frbox ul li.option a:before{content:"-";} .index_news_frbox_top{margin-bottom:10px;padding:15px 0;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;} .index_news_frbox_top a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:30px;} .index_news_frbox_top p{margin-left:10px;color:#999;font-size:14px;line-height:30px;} /* 浜嗚В鎴戜滑 */ .about{padding: 80px 80px 0 80px;background: url(../images/about-bg.jpg) center center no-repeat;background-size: cover;} .about .title h2{color: #fff;} .about .title span {color: #fff;} .about .title .en{color: rgba(255, 255, 255, .06);} .index_about_body{text-align: center;} .index_about_cen_info{overflow: hidden; text-align: center;margin: 30px 0 0 0;} .about .index_about_cen{font-size:18px;height:120px;display:inline-block;margin:10px auto;padding:0;position:relative;z-index:10;text-align:center;text-align:center} .about .index_about_cen p{margin:auto;padding-bottom: 20px; text-align:center;line-height:30px;color:#fff} .about .more i {border: 1px solid #fff;} .about .more i:after {background: url(../images/ico-08.png) no-repeat left center;} .about .more {background-image: -webkit-linear-gradient(right, #fff, #fff);} .index_about_lf{width:100%} .index_about_box{float:left;margin:60px 0 30px;width:25%;color:#fff;} .index_about_box div{position:relative;display:inline-block;margin:0 auto;padding:0 20px;} .index_about_box div i{position:absolute;top:0;right:0;font-size:18px;} .index_about_box p{font-size:18px;} .index_about_box div span{display:block;text-align:center;font-weight:900;font-size:60px;} .index_about_box em{display:block;margin:5px auto 17px;width:30px;height:2px;background:#d2d2d2;} .chart{height: 55px;line-height: 55px;display: inline-block;vertical-align: middle;margin-left: 10px;/* overflow: hidden; */} .chaart_img{display: inline-block;overflow: hidden;height: 52px;border-radius: 6px;} .chart a{line-height: -16px;font-size: 16px;float: right;padding-left: 20px;} /* 鏂伴椈鍒楄〃 */ @media (min-width: 1920px){.content .container{width: 1440px;}} .news_img img{width: 100%;} .news_list{margin-bottom: 40px;} .news_img_list{height: 280px;overflow: hidden;} .news_img_list img{width: 100%;height: 100%;} .news_text_list{border: 1px solid #ddd;padding: 0 15px;} .news_text_list h2 a{color: #333;font-size: 20px;font-weight: 600;} .news_text_list p{color: #999;font-size: 18px;margin-bottom: 20px;} /* 鑱旂郴鎴戜滑 */ .address ul li{border-bottom: 1px solid #ddd;margin-bottom: 27px;padding-bottom: 20px;cursor:pointer} .address ul li .locat_title{font-size: 20px;font-weight: 600;margin-bottom: 20px;} .address ul li p{font-size: 16px;color: #999;} .Map{height: 516px;width: 100%;overflow: hidden} .content-window-card{position:relative;box-shadow:none;bottom:0;left:0;width:auto;padding:0} .content-window-card p{height:2rem} .custom-info{border:1px solid silver} .info-top{position:relative;background:none repeat scroll 0 0 #f9f9f9;border-bottom:1px solid #ccc;border-radius:5px 5px 0 0} .info-top div{display:inline-block;color:#333;font-size:14px;font-weight:700;line-height:31px;padding:0 10px} .info-top img{position:absolute;top:10px;right:10px;transition-duration:.25s;width: 10px;height: 10px;} .info-top img:hover{box-shadow:0 0 5px #000} .info-middle{font-size:12px;padding:10px 6px;line-height:20px;overflow: hidden;} .info-middle a{float: right;padding-right: 10px;color: #0000EE;} .info-middle a:hover{color: #f00;} .info-bottom{height:0;width:100%;clear:both;text-align:center} .info-bottom img{position:relative;z-index:104} .Map span{margin-left:5px;font-size:11px} .info-middle img{float:left;margin-right:6px} .consult{background: #f8f9fb;} .form_title{font-size: 40px;padding: 60px 0;font-weight: 600;} .form input:nth-child(5){width: 49%;margin-right: 20px;} .form input:nth-child(6){width: 48.8%} .form input{width: 49%;margin: 10px 0;height: 55px;padding-left: 10px;border: 1px solid #eee;font-size: 16px;background: #fff;} .form input::-webkit-input-placeholder{color:#999;} .form input:-moz-placeholder{color:#999;opacity:1} .form input::-moz-placeholder{color:#999;opacity:1} .form input:-ms-input-placeholder{color:#999;} .form textarea{width: 100%;height: 180px; margin-top: 15px; padding: 10px;border: 1px solid #eee;font-size: 16px;color: #999;margin-bottom: 5px;background: #fff;} .form button{padding: 0 50px;background: #2467f3;color: #fff;height: 55px;line-height: 57px;font-size: 16px;font-weight: bold;border: 0;border-radius: 6px;margin-top: 10px;} .Scan{text-align: center;margin-top: 188px;} .Scan img{width: 300px} .Scan p{margin-top: 25px;font-size: 20px;} /* 鍏徃绠€浠 */ .companys{background: url(../images/about1.jpg) bottom center no-repeat;padding: 0 0 15% 0;} .introduce{margin-top: 60px; line-height: 50px;font-size: 19px;} .responsibility{background: url(../images/responsibility.jpg) center center no-repeat;padding-bottom:6%} .responsibility .title em{color: rgb(255 255 255 / 19%);} .responsibility .cn{color: #fff;} .responsibility .cn span{color: #fff;} .responsibility .introduce{color: #fff;} .value{height: 450px;padding:30% 0 0 0; text-align: center;border: 2px solid #fff;} .value_title{margin-top: 60px;font-size: 20px;font-weight: bold;color: #fff;} /* 鍙戝睍鍘嗙▼ */ .develop{height: 960px;background: #f3f5f8 url(../images/develop.jpg) center bottom no-repeat;} .about-main2{overflow:hidden;width:100%;height:890px;} .about-main2 .licheng-bg{position:relative;width:100%;height:100%;} .about-main2 .licheng-bg .warper{height:100%;} .about-main2 .licheng-bg img{position:absolute;bottom:0;left:0;height:518px;} .about-main2 .ny-title{padding-top:80px;} .ny-title .title-en{color:#b4b4b4;font-weight:400;font-size:36px;font-family:arial;line-height:36px;} .ny-title .title-ch{margin:15px 0;color:#333;font-weight:400;font-size:26px;} .ny-title i{display:block;width:42px;height:1px;background-color:#b5b5b5;} .about-main2 .licheng-content{position:absolute;width:100%;height:100%;} .about-main2 .licheng-content .swiper-wrapper{width:100%;height:100%;} .about-main2 .licheng-content .swiper-slide{width:100%;height:100%;} .about-main2 .licheng-content ul{width:100%;height:100%;} .about-main2 .licheng-content ul li{float:left;width:20%;height:100%;} .about-main2 .licheng-content ul li a{position:relative;display:block;width:100%;height: 290px;} .about-main2 .licheng-content ul li .date{color: #000;font-size:30px;} .about-main2 .licheng-content ul li.item1 .line{margin-bottom:30px;} .about-main2 .licheng-content ul li.item3 .line{margin-bottom:30px;} .about-main2 .licheng-content ul li.item5 .line{margin-bottom:30px;} .about-main2 .licheng-content ul li.item2 .line{margin-top:30px;} .about-main2 .licheng-content ul li.item4 .line{margin-top:30px;} .about-main2 .licheng-content ul li.item1 .line::after{position:absolute;display:block;width:25px;height:25px;border-radius:50%;background-color: rgb(236 39 0);content:"";vertical-align:middle;text-align:center;} .about-main2 .licheng-content ul li.item3 .line::after{position:absolute;display:block;width:25px;height:25px;border-radius:50%;background-color:rgba(236 39 0);content:"";vertical-align:middle;text-align:center;} .about-main2 .licheng-content ul li.item5 .line::after{position:absolute;display:block;width:25px;height:25px;border-radius:50%;background-color:rgba(236 39 0);content:"";vertical-align:middle;text-align:center;} .about-main2 .licheng-content ul li.item2 .line::before{position:absolute;display:block;width:25px;height:25px;border-radius:50%;background-color: rgb(236 39 0);content:"";vertical-align:middle;text-align:center;} .about-main2 .licheng-content ul li.item4 .line::before{position:absolute;display:block;width:25px;height:25px;border-radius:50%;background-color:rgba(236 39 0);content:"";vertical-align:middle;text-align:center;} .about-main2 .licheng-content ul li .lc-left{position:absolute;} .about-main2 .licheng-content ul li .line{position:relative;left: 30px;display:block;width:1px;height: 200px;/* background-color: #ec2700; */border-left: 1px dashed #ec2700;} .about-main2 .licheng-content ul li .lc-right{position:absolute;left:30px;display:table;width:400px;height:100%;} .about-main2 .licheng-content ul li.item5 .lc-right{width:200px;} .about-main2 .licheng-content ul li.item2 .lc-right{width:400px;} .about-main2 .licheng-content ul li.item4 .lc-right{width:400px;} .about-main2 .licheng-content ul li .lc-right .right-text{display:table-cell;padding:20px;vertical-align:middle;} .about-main2 .licheng-content ul li.item1 a{top: 150px;} .about-main2 .licheng-content ul li.item1 .lc-left .line::after{bottom:-25px;left:-11px;} .about-main2 .licheng-content ul li.item1 .lc-right{bottom: 60px;} .about-main2 .licheng-content ul li.item2 a{top: 390px;} .about-main2 .licheng-content ul li.item2 .lc-left .line::before{top:-25px;left: -14px;} .about-main2 .licheng-content ul li.item2 .lc-right{top: -10px;} .about-main2 .licheng-content ul li.item3 a{top: 112px;} .about-main2 .licheng-content ul li.item3 .lc-left .line::after{bottom:-25px;left:-11px;} .about-main2 .licheng-content ul li.item3 .lc-right{bottom: 60px;} .about-main2 .licheng-content ul li.item4 a{top: 354px;} .about-main2 .licheng-content ul li.item4 .lc-left .line::before{top:-25px;left:-11px;} .about-main2 .licheng-content ul li.item4 .lc-right{top: 20px;} .about-main2 .licheng-content ul li.item5 a{top: 185px;} .about-main2 .licheng-content ul li.item5 .lc-left .line::after{bottom:-25px;left:-11px;} .about-main2 .licheng-content ul li.item5 .lc-right{bottom:100px;} .about-main2 .licheng-content .right-text h3{margin-bottom:10px;font-size:24px;color:#000} .about-main2 .licheng-content .right-text p{font-size:16px;color: #999;} .lc-swiper-btn{position:absolute;top: 426px;width:100%;z-index: 2;} .lc-swiper-btn a{position:absolute;display:block;} .lc-swiper-btn .btn-prev{position:absolute;top:50px;left:15px;width:34px;height:34px;background:url(../images/left.png) center center} .lc-swiper-btn .btn-next{position:absolute;top:50px;right:0;width:34px;height:34px;background:url(../images/right.png) center center} .lc-swiper-btn .iconfont{font-size:30px;} .lc-swiper-btn a:focus{border:0} /*鍙戝睍鍘嗙▼绉诲姩绔?/ .event_box{width:60%;margin:3% auto 0;position:relative;min-height:420px;} .event_box .parHd {width:100%;display:inline-block;height:92px;overflow:hidden;} .parHd ul{width:100%;text-align:center;margin:0 auto;padding-top:25px !important;} .parHd .tempWrap{margin:0 auto;} .parHd .tempWrap:after{content:'';width:85%;height:1px;background:#580000;position:absolute;right:8%;top:35%;z-index:10;} .parHd li.no_line:before{display:none;} .parHd li{display:inline-block;cursor:pointer;font-size:16px;color:#000;margin:0 30px;position:relative;} .parBd{text-align:center;margin-top:60px;} .parBd h4{position:relative;font-size:40px;margin-bottom:3%;padding:0 60px;display:inline-block;text-align:center;color:#000} .parBd p{line-height:180%;font-size:16px;width:80%;margin:0 auto;} div#listBox {width:100%;} .sPrev,.sNext{width:30px;height:30px; line-height:30px; text-align:center; display:block;position:absolute;top:10px; color: #5e5c5c;} .sPrev{left:15px;} .sNext{right:15px;} .parHd a.sPrev:hover i{color:#2467f3} .parHd a.sNext:hover i{color:#2467f3} .sPrev i,.sNext i{font-size:26px;vertical-align: middle; transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);} .parHd li.act{font-weight: 600;} .parHd li.act span{color: #e56f0b;} .parHd li span,.parHd li.clone span{left: -5px;display: block;font-size: 24px;margin-top: -17px;z-index: 20;position: relative;color: #a88567;} /*瀹㈡湇*/ .suspension{position:fixed;z-index:110;right:0;bottom:85px;width:70px;height:240px;} .suspension-box{position:relative;float:right;} .suspension .a{display:block;width:44px;height:44px;line-height: 44px;background-color: #2467f3;margin-bottom:4px;cursor:pointer;text-align: center;outline:none;} .suspension .a.active, .suspension .a:hover{background:#F05352;} .suspension .a i{font-size: 30px;color: #fff;vertical-align: middle;} .suspension .a i.icon-phone{font-size: 25px;} .suspension .a i.icon-top{font-size: 22px;} .suspension .a-top{background: #2467f3a1;display:none;} .suspension .a-top:hover{background: #2467f3;} .suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);} .suspension .d-service{top:0;} .suspension .d-service-phone{top:34px;} .suspension .d-qrcode{top:78px;} .suspension .d .inner-box{padding:8px 22px 12px;} .suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;} .suspension .d-service .d-service-item{border-bottom:none;} .suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;margin-top: 6px;overflow:hidden;background:#F1F1F3;display:block;float:left;} .suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;} .suspension .d-service-item:hover .i-qq{background-position:center 3px;} .suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;} .suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin: 5px 0 0 20px;} .suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;} .suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;} .suspension .d-service-intro{padding-top:10px;} .suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;} .suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;} .suspension .d-qrcode{text-align:center;} .suspension .d-qrcode .inner-box{padding: 20px 20px 0;} .suspension .d-qrcode p{font-size:16px;color:#93959c;} .red {color: #fc8080!important;} .qrcode-img{width:180px;height:180px; margin:auto; overflow: hidden;} .qrcode-img img{width:100%} .pagination>.active>a{background-color: #2467f3;border-color: #2467f3;} /* 鏂板獟浣撹繍缁 */ .huifa_xmtyw{overflow: hidden;padding: 20px 0 90px 0;} .title_xmtyw{margin: 90px 0 60px;text-align: center;} .title_xmtyw .title{ font-size: 33px;font-weight: bold;} .title_xmtyw p{width: 76%; margin: auto; font-size: 18px;line-height: 45px;color: #999;} .title_xmtyw span{font-size: 33px; color: #326cfe;} .xmtyw-img{text-align: center;} .bgfb{background: #fbfbfb;} .xmtyw_ill{padding: 0 12%;overflow: hidden;} .list_ill{margin: 20px;padding: 20px;background: #fff;} .list_ill_txt{float: left;line-height: 30px;width: 55%;margin: 30px 10px;padding-left: 30px;background: url(../images/li_ill.png) 0 5px no-repeat;font-size: 16px;align-items: center;} .list_ill_img{overflow: hidden;text-align: right;} .xmtyw_service{overflow: hidden;padding: 0 12%;} .list_service{padding: 20px; margin-bottom: 30px; border-radius: 12px;border: 1px solid #ddd;} .serv_list_img{text-align: center;} .serv_list_ico{width: 46px;height: 46px;margin: auto;margin-bottom: 20px;background: url(../images/serv_ico01.png) no-repeat;} .serv_ico1{background-position: 0 0;} .serv_ico2{background-position: 0 -63px;} .serv_ico3{background-position: 0 -128px;} .serv_ico4{background-position: 0 -193px;} .serv_ico5{background-position: 0 -260px;} .serv_ico6{background-position: 0 -326px;} .serv_ico7{background-position: 0 -392px;} .serv_ico8{background-position: 0 -460px;} .ice1:hover .serv_ico1{background-position: -68px 0;} .ice2:hover .serv_ico2{background-position: -68px -63px;} .ice3:hover .serv_ico3{background-position: -68px -128px;;} .ice4:hover .serv_ico4{background-position: -68px -193px;} .ice5:hover .serv_ico5{background-position: -68px -260px;} .ice6:hover .serv_ico6{background-position: -68px -326px;} .ice7:hover .serv_ico7{background-position: -68px -392px;} .ice8:hover .serv_ico8{background-position: -68px -460px;} .list_service:hover{background: #5a92ff;border: 1px solid #5a92ff;cursor: pointer;} .list_service:hover .serv_list_title{color: #fff;} .list_service:hover .serv_list_txt{color: #fff;} .serv_list_title{margin-bottom: 20px;font-weight: 600;font-size: 20px;} .serv_list_txt{height: 90px;font-size: 16px;color: #999;line-height: 30px;} .eight_list{text-align: center;} .eight_list p{margin-top: 20px;font-size: 18px;} .pl0{padding-left: 0;} .pr0{padding-right: 0;} /* 缃戠珯杩愮淮 */ .huifa_wzyw{overflow: hidden;} .bgwhite{background: #fff;} .service_lists{height: 400px;cursor: pointer;} .servbox{display: flex;flex-direction: column;height: 400px;justify-content: center;margin: 0 50px 0 30px;} .servbox h3{font-weight: 600;font-size: 20px;} .servbox p{font-size: 16px; line-height: 30px; color: #999;} .ser01:hover{background: url(../images/ser01.png) no-repeat;background-size: cover;} .ser02:hover{background: url(../images/ser02.png) no-repeat;background-size: cover;} .ser03:hover{background: url(../images/ser03.png) no-repeat;background-size: cover;} .ser04:hover{background: url(../images/ser04.png) no-repeat;background-size: cover;} .colr_white{color: white;} .wzyw_pdbox{padding: 0 12%;} .wzywbg01{background: url(../images/wzywys.png) no-repeat;background-size: cover;} .wzwh_advantage{padding: 60px 0 130px 0;text-align: center;color: #fff;} .wzwh_advantage h3{font-weight: 600;} .wzwh_advantage p{margin-top: 20px;font-size: 16px;color: #999;} .wzyw_contact{padding: 50px 60px 20px 50px;border-right: 1px solid #ddd;} .wzyw_contact h3{font-weight: 600;margin-top: 20px;} .wzyw_contact ul li img{float: left;margin-right: 30px;} .wzyw_contact ul li{margin: 50px 0;overflow: hidden;} .bgshadow{box-shadow: 0 0 5px #ddd;} .wzyw_contact ul li p{font-size: 16px;} .froms{padding: 15px 40px;} .froms input{width: 100%; height: 50px;line-height: 50px; padding-left: 20px; border: 1px solid #f2f2f2;background: #fff;font-size: 16px;} .froms input:focus-visible{outline: 2px solid #4d71fd;} .towinput{display: flex;justify-content: space-between;} .towinput input{width: 48% !important;} .onetexts textarea{height: 180px;padding: 15px;width: 100%;border: 1px solid #f2f2f2;background: #fff;font-size: 16px;} .onetexts textarea:focus-visible{outline: 2px solid #4d71fd;} .froms form button{color: #fff;background: #4d71fd;font-size: 18px;font-weight: 600;padding: 15px 60px;text-align: center;border: 0;} .wzyw_contacts{padding: 50px 60px 20px 50px;} /* 绯荤粺杩愮淮 */ .bgit{background: #f8f9fd;} .title_xtyw{margin-bottom: 10px;font-size: 35px;font-weight: bold;padding-bottom: 20px;background: url(../images/title_xtyw.png) bottom center no-repeat;} .xtyw_boxs{padding: 8% 12%;overflow: hidden;} .xtyw_title h3{font-size: 36px;font-weight: bold;margin-bottom: 35px;} .xtyw_title p{line-height: 40px;font-size: 17px;color: #999;margin-right: 15%;} .xtyw_itleft{ height: 520px; padding: 110px 20px;background: #fff;text-align: center;} .xtyw_itleft h3{margin: 55px 0 30px 0;font-size: 20px;font-weight: bold;} .xtyw_itleft p{font-size: 16px;color: #999;line-height: 35px;} .xtyw_rightimg img{width: 100%;} .xtyw_boxdis{padding: 2% 12%;overflow: hidden;} .xtyw_itright{display: flex;height: 245px;padding: 30px;background: #fff;align-items: center;} .xtye_ittext{width: 60%;float: left;margin-right: 30px;} .xtye_ittext h3{font-size: 20px;font-weight: bold;margin-bottom: 20px;} .xtye_ittext p{line-height: 30px;font-size: 16px;line-height: 35px;color: #999;} .xtye_itimge{overflow: hidden;} .xtyw_itbos .col-lg-6:nth-child(1){margin-bottom: 30px;} .xtyw_itbos .col-lg-6:nth-child(2){margin-bottom: 30px;} /* 瀹氬埗寤虹珯 */ .titles_dzjs{margin: 90px 0 60px;text-align: center;} .title_dzjz{font-size: 35px;font-weight: bold;} .titles_dzjs p{margin: 10px 0 0 0;font-size: 16px;color: #999;} .ico-bg{width: 285px;height: 3px;display: inline-block;background: url(../images/dzjz_ico.png) no-repeat;} .dzjz_explain p{margin-bottom: 26px;font-size: 16px; color: #999;} .dzjz_listico{margin-top: 100px;} .dzjz_listico ul{margin-right: -25px;} .dzjz_listico ul li{float: left;width: 126px;display: flex;height: 130px;text-align: center;margin-right: 25px;border: 1px dashed #175dfd;flex-direction: column;align-items: center;justify-content: center;} .dzjz_listico ul li p{height: 35px;line-height: 35px;color: #999;margin: 0;margin-top: 5px;font-size: 16px;} .dzjz_listico ul li img{width: 52px;} .dzjz_bg{background: #f9fdff;} .fine_list_left ul li{margin-bottom: 55px;} .fine_list_left ul li h3{background: url(../images/dzjz_li.png) right no-repeat; padding-right: 30px;margin: 20px 0 20px 0; font-size: 20px;text-align: right;font-weight: 600;color: #333;} .fine_list_left ul li p{padding-right: 30px;line-height: 30px;color: #999;font-size: 14px;text-align: right;margin: 0 0 0 60px;} .fine_list_right ul li{margin-bottom: 55px;} .fine_list_right ul li h3{background: url(../images/dzjz_li.png) left no-repeat;padding-left: 30px;margin: 20px 0 20px 0; font-size: 20px;text-align: left;font-weight: 600;color: #333;} .fine_list_right ul li p{padding-left: 30px;line-height: 30px;color: #999;font-size: 14px;text-align: left;margin: 0 60px 0 0;} .fine_img{padding: 12% 0;} .fine_img img{width: 450px;} .taltext{text-align-last: left;} .highlist{height: 340px; padding: 55px 15px; background: #fff; border-top: 6px solid #175dfd; text-align: center;box-shadow: 0 0 5px #ddd;} .highlist h3{font-size: 16px;font-weight: bold;} .highlist p{margin-top: 20px; text-align-last: left;font-size: 15px;line-height: 30px;color: #999;} /* 瑙嗛浼氳 */ .sphy_img img{width: 100%;} .video_listxt{padding: 20% 0;} .video_listxt ul li{padding-left: 40px; margin-bottom: 60px; font-size: 18px; color: #000; background: url(../images/videoli.png) no-repeat;} .sphy_waybox{padding: 5% 0;} .sphy_way{margin-bottom: 60px;} .sphy_way_img{float: left;margin-right: 30px;} .sphy_way_txt h3{font-size: 20px;font-weight: bold;margin-bottom: 20px;} .sphy_way_txt p{font-size: 16px;color: #999;} .sphy_scenelist ul{margin-right: -35px;overflow: hidden;} .sphy_scenelist ul li{width: 17.6%;float: left;margin-right: 35px;} .sphy_scenelist ul li img{width: 100%; height: 300px;} .sphy_scenelist ul li h3{font-weight: 600;font-size: 16px;text-align: center;border: 1px dashed #f00;margin: 0;padding: 15px 10px;} /* 瀹氬埗缃戠珯寤鸿 */ .dzwzbg{background: #fbfcff} .title_dzbox{margin: 90px 0 60px;text-align: center;} .title_dztxt{font-size: 47px;font-weight: bold;color: #333;} .bg_dzico{text-align:center;margin-top: 12px;height: 30px;line-height: 30px;} .bg_dzico span{display: inline-block;width: 133px;height: 5px;margin-bottom: 4px;} .bg_dzico strong{font-size: 20px;color: #999;font-weight: 500;padding: 0 20px;} .bg_dzl{background: url(../images/dzico2.png) top no-repeat;} .bg_dzr{background: url(../images/dzico1.png) center center no-repeat;} .h755{height: 755px;} .color_white{color: white;} .circle_content{width: 154px;height: 154px; margin: auto; background: url(../images/circle01.png) no-repeat;background-size: cover;} .circle_content .name{padding-top: 20px;font-size: 59px;font-weight: 600;} .circle_content .unit{font-size: 16px;} .dzwzjs01{background: url(../images/dzwzjs01.png) no-repeat;background-size: cover;} .subject{text-align: center;} .hufia_case_list ul{margin-right: -30px;} .hufia_case_list ul li{float: left;width: 31.3%;margin: 0 30px 30px 0;border: 1px solid #ddd;} .cese_imgs img{width: 100%; height: 260px;} .cese_text{padding: 20px;} .cese_text h3{font-size: 18px;font-weight: 600;margin: 5px 0;} .cese_text h3 a{color: #5e5e5e;} .hufia_case_list ul li:hover a{color: #37aaf6;} .insform input{width: 100%; height: 60px;line-height: 60px;padding-left: 20px;font-size: 16px;color: #333;border: 1px solid #ddd;background: #fff;border-radius: 6px;} .insform textarea{margin: 40px 0; width: 100%; height: 350px; padding:20px; color: #333;border: 1px solid #ddd;background: #fff;border-radius: 6px;font-size: 16px;} .dzwzbtn{text-align: right} .dzwzbtn button{width:328px;height:60px;line-height: 60px;text-align: center;color: #fff;background: #2467f3;font-size:16px;border: 0;border-radius: 4px} .dzwzyzm input{width: 335px;height: 60px;line-height: 60px;padding-left: 20px;font-size: 16px;color: #333;border: 1px solid #ddd;background: #fff;border-radius: 6px;} /* 杞欢寮€鍙 */ .lightbox{position: relative;} .mainpart{position: relative; padding: 0 12%;overflow: hidden;} .custombox{margin: 100px 0;padding-left: 25px;} .custom_img{float: left;margin-right: 20px;} .custom_txt{overflow: hidden;margin-top: 20px;} .custom_txt h3{font-size: 20px;font-weight: 600;} .custom_txt p{font-size: 16px; line-height: 30px;color: #999;} .light_spot{text-align: center;} .lispot{position: absolute;} .lispot h3{font-size: 20px;font-weight: bold;color: #306ef9;} .lispot p{font-size: 16px;line-height: 35px;color: #999;} .light01{width: 334px;left: 108px;top: 3px;text-align: right;} .light02{width: 384px;left: 0;top: 37%;text-align: right;} .light03{width: 384px;left: 59px;bottom: 8px;text-align: right;} .light04{width: 334px;right: 109px;top: 0;text-align: left;} .light05{width: 384px;right: 0;top: 37%;text-align: left;} .light06{width: 384px;right: 59px;bottom: 8px;text-align: left;} .bg_gray{background: #eaf0fe;} .fine_bigtxt{text-align: center;} .fine_bigtxt h3{font-size: 22px;} .fine_bigtxt p{font-size: 16px;color: #999;} .target_list{text-align: center;} .target_list h3{padding: 0 20%;margin-top: 30px;font-size: 18px;line-height: 40px;color: #000;} .dwbg_img{position: absolute; left: 50%; bottom: 178px; transform: translate(-50%,-50%); width: 1000px;height: 20px;background: url(../images/dwbg_img.png)no-repeat;} .play_listyw{position: relative;padding: 0 50px;overflow: hidden;} .play_listyw ul{display: flex;flex-wrap: wrap;justify-content: space-between;} .play_listyw ul li{float: left;height: 66px;line-height: 68px;padding: 0 26px;color: #fff;font-size: 18px;margin: 0 30px 60px 30px;background: url(../images/playliy01.png) center center no-repeat;background-size: 100% 100%;cursor: pointer;} .play_listyw ul li:hover{background: url(../images/playliy02.png) center center no-repeat;background-size: 100% 100%;} .linel{width: 65px;height: 130px;position: absolute;top: 31px;right: 21px;background: url(../images/linel.png) no-repeat;} .liner{width: 65px;height: 130px;position: absolute;bottom: 90px;left: 20px;background: url(../images/liner.png) no-repeat;} /* 鏁板瓧鏍″洯 */ .titles_szxy{margin: 90px 0 60px;text-align: center;} .title_szxy{position: relative;font-size: 35px;font-weight: bold;padding-bottom: 15px;margin-bottom: 15px;} .title_szxy::after{content: "";position: absolute;left: 50%;bottom: 0;transform: translate(-50%,-50%);width: 260px;height: 2px;background: #47dab0;} .titles_szxy p{margin: 10px 0 0 0;font-size: 16px;color: #999;} .szxybg01{padding: 20px 20px 35px 50px;background: url(../images/szxybg01.png) no-repeat;} .szxybg02{padding: 20px 20px 35px 50px;background: url(../images/szxybg02.png) no-repeat;} .szxybg03{text-align-last:right; padding: 20px 50px 35px 20px;background: url(../images/szxybg03.png) right center no-repeat;} .szxybg04{text-align-last:right; padding: 20px 50px 35px 20px;background: url(../images/szxybg04.png) right center no-repeat;} .szxysbg{background: #f9fdfc;} .prodlist{min-height: 300px; border: 1px solid #ddd;padding: 40px 15px;cursor: pointer;border-radius: 6px;margin-bottom: 50px;} .prodlist h3{margin: 40px 0 20px 0;font-size: 16px;font-weight: bold;} .prodlist p{font-size: 16px;color: #999;line-height: 30px;} .prodimg{width: 60px;height: 60px; line-height: 60px; color: #fff; font-size: 30px; font-weight: bold; text-align: center; background: url(../images/pr0d01.png) no-repeat;background-size: cover;} .prodlist:hover{background: #37dbb9;border: 1px solid #37dbb9;} .prodlist:hover .prodimg{ background: url(../images/pr0d02.png) no-repeat;background-size: cover; color: #37dbb9;} .prodlist:hover h3{color: #fff;} .prodlist:hover p{color: #fdf8f8;} .szxy_swibox{position: relative; height: 550px; overflow: hidden;} .szxy_swibox .swiper-slide{height: 480px;} .swiboxlist{display: flex;flex-wrap: nowrap;} .swiboximg{width: 50%;overflow: hidden;} .swiboximg img{width: 100%; height: 100%;} .swiboxtxt{overflow: hidden;width: 50%;padding: 60px 40px;background: url(../images/szxyb9.png) 440px 70px no-repeat;} .swiboxtxt h3{font-size: 20px;font-weight: 600;margin: 50px 0 30px 0;} .swiboxtxt p{font-size: 16px;line-height: 30px;color: #999;} /* 绯荤粺闆嗘垚 */ .huifa_xtyw{overflow: hidden;} .xtjc_info{margin-top: 130px;} .xtjc_info p{line-height: 40px;font-size: 17px;color: #999;margin-right: 15%;} .intebox{width: 100%;} .bgxtjc{background: #f8fcff;} .intebox{position: relative; padding: 100px 0; text-align: center;} .intebox .posdw{position: absolute;font-size: 19px;color: #333;font-weight: 600;} .posu01{left: 91px;bottom: 41px;} .posu02{left: 302px;top: 41px;} .posu03{left: 546px;bottom: 41px;} .posu04{right: 555px;top: 41px;} .posu05{right: 347px;bottom: 41px;} .posu06{right: 80px;top: 41px;} .invos{position: relative;} .invos img{width: 100%;height: 100%;} .parent {display: grid;grid-template-columns: 345px 710px 345px;grid-template-rows: repeat(2, 220px);grid-column-gap: 20px;grid-row-gap: 20px;} .div1 { grid-area: 1 / 1 / 3 / 2; } .div2 { grid-area: 1 / 2 / 2 / 3; } .div3 { grid-area: 2 / 2 / 3 / 3; } .div4 { grid-area: 1 / 3 / 3 / 4; } .invtxt{position: absolute;left: 20px;top: 0;} .invtxt h3{font-size: 20px;color: #fff;font-weight: 600;} .invtxt p{font-size: 16px;color: #fff;} /* 鏅鸿兘浼氳 */ .titles_znhy {margin: 90px 0 60px;text-align: center;} .title_znhy {font-size: 35px;font-weight: bold;} .titles_znhy p {margin: 10px 0 0 0;font-size: 16px;color: #999;} .bg_znico{text-align:center;margin-bottom: 12px;height: 30px;line-height: 30px;} .bg_znico span{display: inline-block;width: 133px;height: 5px;margin-bottom: 4px;} .bg_znico strong{font-size: 20px;color: #999;font-weight: 500;padding: 0 20px;} .bg_znl{background: url(../images/znico2.png) top no-repeat;} .bg_znr{background: url(../images/znico1.png) center center no-repeat;} .znhy_info{margin-top: 130px;} .znhy_info p{line-height: 40px;font-size: 17px;color: #333;margin-right: 15%;} .znhybg{background: #f8f8f8;} .scene_znhylist ul li{position: relative; float: left;width: 289px;height: 435px;} .scene_znhylist ul li img{width: 100%;height: 100%;} .scene_znhylist ul li .znhylitxt img{width: 68px;height: 68px;} .znhylitxt{position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);text-align: center;} .znhylitxt h3{color: #fff;font-size: 20px;font-weight: bold;} .znhy_swiper{position: relative;overflow: hidden;height: 440px;padding: 0 60px;} .znhy_swiper2{width: 100%;height: 100%;} .znhy_swipers{position: relative;margin: 0 30px;overflow: hidden;} .znhy_swiper .swiper{height: 100%;} .znhy_swiper .swiper-slide {text-align: center;font-size: 18px;display: flex;justify-content: center;align-items: center;} .znhy_swipbox{width: 100%; height: 315px; background: #fff;border-radius: 10px;} .znhy_swipbox img{width: 121px;height: 121px;margin: auto;margin-top: -60px;} .znhy_swipbox h3{margin: 40px 0 20px 0; font-size: 20px;font-weight: 600;} .znhy_swipbox p{padding: 0 30px;line-height: 30px;color: #999;font-size: 14px;text-align-last: left;} .swipebgl .swiper-button-next{background-color: #fff;width: 65px;height: 65px;border-radius: 50%;background-size: 18px;} .swipebgr .swiper-button-prev{background-color: #fff;width: 65px;height: 65px;border-radius: 50%;background-size: 18px;} /* 绉诲姩浜掕仈缃戣В鍐虫柟妗 */ .bgfaico{margin-top: 20px; width: 122px;height: 8px;display: inline-block;background: url(../images/bgfaico.png) no-repeat;} .movelist ul li {margin:80px 0;} .movelist ul li h3{padding-left: 35px; font-size: 19px; font-weight: bold; background: url(../images/moveli.png) -4px no-repeat;} .movelist ul li p{margin-top: 20px; padding-left: 35px;color: #999;font-size: 16px;} .movebg{background: #fcfdff;} /* 鏅烘収鍩庡競 */ .titles_zhcs{margin: 90px 0 60px;text-align: center;} .title_zhcs{position: relative;font-size: 35px;font-weight: bold;padding-bottom: 25px;margin-bottom: 30px;} .title_zhcs::after{content: "";position: absolute;left: 50%;bottom: 0;transform: translate(-50%,-50%);width: 50px;height: 4px;background: #0088dc;} .titles_zhcs p{margin: 10px 0 0 0;font-size: 17px;color: #999;} .needlist{height: 340px; padding: 55px 40px;margin: 5px; background: #fff;text-align: center;box-shadow: 0 0 5px #ddd;border-radius: 8px;} .needlist h3{font-size: 20px;font-weight: bold;margin: 30px 0;} .needlist p{font-size: 16px;color: #999;line-height: 35px;} .needbg{background: #f9fdfe;} .needlibox1{height: 553px;padding: 30px 0 30px 50px;background: url(../images/needico01.png) no-repeat;} .needlibox2{height: 553px;padding: 30px 50px 30px 0;background: url(../images/needico02.png) right center no-repeat;} .needlibox1 .custombox{margin:65px 0;} .needlibox2 .custombox{margin:65px 0;padding:0 25px 0 0;} .needlibox1 .custombox .custom_txt h3{margin-bottom: 20px;} .needlibox2 .custombox{text-align: right;} .neebg01{background: url(../images/neebg01.png) no-repeat; background-size:cover;} .neebglis ul{margin-right: -25px;} .neebglis ul li{ float: left; width: 17.6%; padding: 30px 20px; height: 420px; margin: 0 25px 0 0;} .neebglis ul li:nth-child(odd){background: url(../images/bgodd.png) no-repeat;background-size: cover;} .neebglis ul li:nth-child(even){background: url(../images/bgboth.png) no-repeat;background-size: cover;} .neebglis ul li:nth-child(odd) h3{color: #fff;} .neebglis ul li:nth-child(odd) p{color: #fff;} .neebglis ul li:nth-child(odd) .yells{color: #fff;} .neebglis ul li:nth-child(even) h3,.yells{color: #0088dc;} .neebglis ul li:nth-child(even) p{color: #999;} .neebglis ul li h3{margin-bottom: 28px; font-size: 18px;font-weight: bold;} .neebglis ul li p{line-height: 35px;font-size: 16px;} .neebglis ul li .yells{font-size: 55px;font-weight: bold;} /* 缃戠粶瀹夊叏 */ .titles_wlaq{margin: 90px 0 60px;text-align: center;} .title_wlaq span{width: 80px;height: 20px;line-height: 0;margin: 0;display: inline-block;background: url(../images/webico.png) center center no-repeat;} .title_wlaq{font-size: 35px;font-weight: bold;} .titles_wlaq p{margin: 10px 0 0 0;font-size: 16px;color: #999;} .webbg{background: #fcfdff;} .webwhlibox{padding-top: 120px;} .webwhlist{width: 115px;} .webwhlist img{display: block; width: 48px;height: 48px;margin: auto;} .webwhlist h3{font-size: 16px;font-weight: bold;} .uselisbox{padding: 20px 30px;margin-bottom: 30px;} .uselisbox h3{margin: 35px 0 20px 0; font-size: 20px;font-weight: 600;} .uselisbox p{line-height: 35px;color: #999;font-size: 16px;} .usebg01{background: #fff url(../images/usebg01.png) no-repeat;background-size: 100% 100%;} .usebg02{background: #fff url(../images/usebg02.png) no-repeat;background-size: 100% 100%;} .usebg03{background: #fff url(../images/usebg03.png) no-repeat;background-size: 100% 100%;} .usebg04{background: #fff url(../images/usebg04.png) no-repeat;background-size: 100% 100%;} .liwebimg{float: left;margin-right: 40px;} .liwebtxt{overflow: hidden;} .liwebtxt h3{margin-bottom: 20px; font-size: 20px;font-weight: bold;} .liwebtxt h3 a{color: #333;} .liwebtxt p{color: #999;line-height: 35px;font-size: 16px;} .hidea{display:none;} #tabweb{height: 50px; line-height: 50px; border-bottom: 3px solid #f6f9fe;display: flex;flex-direction: row;justify-content: space-between;} #tabweb li{float:left;height: 50px;line-height: 47px; padding: 0 80px; font-size: 18px; color: #333; cursor:pointer} #tabweb .act{ position:relative; border-bottom: 3px solid #1377e6;} #tabwebinfo{ padding:40px 0;} .tabwebs{display: none;} .in_date{display: block;} /* 椤佃剼 */ .footer{background: #1e1e1e;} .company{width: 1720px;margin: auto;} .company{overflow: hidden; padding:20px 0 20px 0;border-bottom:1px solid #333} .company p{color: #888;font-size: 14px;line-height: 40px;} .company span {color: #ddd;font-size: 16px;} .footer .container{width: 1700px;} .foot_top_fr{padding:0 90px} .foot_bot{padding:30px 0;color:#999;font-size:16px;line-height:26px;text-align: center;} .foot_bot p{margin: 0;} .foot_bot p .liangzhao{width:30px;height:30px} .foot_bot p a{color:#999} .col-8{padding: 0 15px;float: left;margin: 0 6px;} @media (max-width: 1366px){.w1200 {width: 1300px;position: relative;}} @media (max-width: 1440px){ .w1200 {width: 1300px;position: relative;} .case-list li{height: 228px;} /* 鍏叡杞挱鍥 */ .bannerc{height: auto} /* 瀹氬埗寤虹珯 */ .fine_img img{width: 100%} .dzjz_riimg img{width: 100%} .dzjz_listico ul li{width: 95px;height: 100px;} .dzjz_listico ul li img{width: 36px} /* 瑙嗛浼氳 */ .sphy_scenelist ul li{width: 21.6%;margin:0 35px 30px 0;} .znhy_swiper{padding:0} .znhy_swipbox{height:auto} /* 寰俊灏忕▼搴 */ .serving-desc{width: auto} /* 鍏紬鍙疯繍缁 */ .list_ill{min-height: 195px;margin: 0 0 30px 0} .xmtyw-img img{width: 100%} /* 杞欢寮€鍙 */ .fine_bigimg img{width: 100%} .intebox img{width: 100%} .fine_img {padding: 40% 0;} /* 缃戠粶瀹夊叏 */ #tabweb li{padding:0 20px} /* 绯荤粺闆嗘垚 */ .xtjc_info{margin-top:0} .parent{grid-template-columns: 260px 480px 260px;} /* 鏅鸿兘浼氳 */ .znhy_info{margin-top:50px} .scene_znhylist ul li {margin: 0 28px 28px 28px;} /* 绉诲姩浜掕仈缃戣В鍐虫柟妗 */ .movelist ul li {margin: 50px 0;} .hufia_case_list ul li{margin: 0 6px 10px;} .cese_imgs img {height: 192px;} } @media (max-width: 1300px){.w1200 {width: 1200px;position: relative;}} /*@media (max-width: 1200px){.swiper-banner {width: 1200px;}}*/ @media (min-width:767px){ .hiddens{display:none;} } @media (max-width: 767px){ .sticky{position: fixed;top: 0;} .header-container ul.slimmenu{background-color: #1172b7;display: none;} .header-container ul.slimmenu li>ul,.header-container ul.slimmenu li>ul>li ul{width:100%!important;background-color: #0d629f;} .header-container ul.slimmenu li>ul li ul{background-color: #0a5a93;} .header-container ul.slimmenu li .sub-toggle{right: -12px;padding-right: 15px;} .header-container ul.slimmenu li ul li{width:100%!important;} .hides{display: none;} } @media (min-width: 1920px){.container {width: 1440px;}} @media (min-width: 1200px){.navbar .container {width: auto;}} @media (min-width: 1920px){.navbar .container{width: auto;margin: 0;padding: 0;}} @media (max-width: 1920px){.company {width: auto}} @media(max-width: 1200px){.col-8 {width: 50%;}.footer .container{width: 100%;}} @media(min-width: 1200px){.col-8 {}.footer .container{width: auto;}} @media(max-width:768px) { /*棣栭〉杞挱*/ .swiper-banner{height:330px} .swiper-banner .w1200{width:auto} .swiper-banner .swiper-slide{height:330px} .swiper-banner .swiper-slide .sl-left {top: 57px;left: 20px;width:100%} .swiper-banner .swiper-slide .t1{font-size: 18px} .swiper-banner .swiper-slide .t2{font-size: 18px} .swiper-banner .swiper-slide .t3 {top: 97px;left: 0px;right: 20px;font-size: 16px} .swiper-banner .swiper-pagination{bottom:15px !important} /* 鍏充簬姹囧彂 */ .responsibility{background-size: cover} .responsibility .col-lg-3{width: 100%;float: left;} .value{padding: 20% 5%;margin: 20px 0;height: 320px;} .value img{width:90px} .value_title{font-size:16px} .news_img{margin-top:0} /* 缃戠粶瀹夊叏 */ .xtyw_title h3{font-size:25px} .title_wlaq{font-size:25px} .webwhlist{margin:auto} .webwhlibox{padding-top: 20px;} .uselisbox{padding:0} .webwhlibox .col-lg-4{width: 50%;margin-bottom: 30px;float: left;} .mainpart{padding:0 15px} .liwebimg{float:none;margin:0} #tabweb{display:block} #tabweb li{width:100%;text-align: center;} .liwebimg img{width:100%} /* 绯荤粺闆嗘垚 */ .xtjc_info p{margin:0} .intebox{padding:0} .intebox .posdw {position: initial; background: #e4f3ff;padding: 20px 0;margin-bottom: 20px} .parent{display:block;} .div2{height:250px} .div3{height:250px} .invos{margin-bottom: 20px;} .znhy_info p{margin:0} /* 鏅鸿兘浼氳 */ .bg_znico span{display:none} .znhy_info{margin:0} .scene_znhylist ul li{margin:0 0 20px 0} .scene_znhylist ul li{width:100%} /* 绉诲姩浜掕仈缃戣В鍐虫柟妗 */ .hufia_case_list ul{margin:0} .hufia_case_list ul li{width:100%;margin:0 0 20px 0} /* 楂樼瀹氬埗寤虹珯 */ .subject img{width:100%} /* 琛屼笟瑙e喅鏂规 */ .listbgs{padding:0 15px} .listbg_img{float:none;margin:0} .listbg_img img{width:100%} .listbg_txt-l p{height:auto} /* OA 绯荤粺 */ .section .section-content {position: relative;margin: 10px auto;width: auto;padding: 0 15px;} .pull-right{float: none!important;} .pull-right img{width:100%} .pull-left img{width:100%} img.free_try{width:auto} /* 姹囧彂浜慐RP */ .wrapper{width:auto} .wrap-title h3{padding:0 15px;font-size:29px;font-weight:600;line-height:53px;margin-top:0} .common-h2{padding:0 15px;font-size:29px;font-weight:600;line-height:53px;} .problem-item dd span{font-size:17px;font-weight:600} .problem-item{width:auto;margin-bottom: 20px;padding: 10px;} .erp .container{width:auto} .imgsaa{width:100%;height:100%} #erp-function img{width:100%;display:none} #erp-function ul li{position:initial;width: auto;background: #fff;overflow: hidden;padding: 15px;margin: 15px;box-shadow: 0 0 5px #ddd;} #erp-function ul li div.img{display:none} #ensemble{height:auto} #customized ul li+li{margin-left:0} #customized{height:auto;overflow:hidden} .problem-inner{padding:0 15px} #banner{height: auto;} #banner .container .word h1{margin-top: 58px;} .buttons{margin-bottom:30px} #customized ul{margin-top:0} #customized ul li {float: none;margin-top: 30px;width: 100%;height: auto;background: #fff;padding: 20px;color: #000;} #customized ul li h4 {margin-top: 25px;margin-bottom: 21px;color: #000;font-size: 24px;font-family: SourceHanSansCN-Medium;font-weight: 600;} #customized ul li p {color: #727171;text-align: justify;font-size: 16px;color: #000;} #erp-introduce .container>ul>li{width:100%;margin-bottom:20px} #erp-introduce{height:auto} #erp-introduce .container>ul>li+li{margin:0 0 20px 0;} #erp-introduce .container>ul>li.hover{margin:0 0 20px 0;width:auto} #erp-introduce .container>ul>li:nth-child(1).hover{margin:0 0 20px 0} /* APP寮€鍙 */ .main-common div:nth-of-type(1) h3{margin-bottom:30px;font-size:30px;font-weight: 600;} .main-common div:nth-of-type(1) p{margin-top:30px;font-size:16px} .question .question_list ul{display:block} .question .question_list ul li{width:auto} .question .question_list ul li p.title {margin-top: 20px;font-size: 20px;font-weight:600} .question .question_list ul li p.content{font-size: 16px;} .vocation .gallery-top{display:block} .provide .provide_tab>ul li p.title{font-size:14px} .main-common div:nth-of-type(1) p {margin-top: 0; font-size: 16px;} .vocation .gallery-top .vocation_swiper{width:auto} .vocation .gallery-top .vocation_swiper .swiper-slide>div {width: 90%;} .vocation .gallery-top .vocation_swiper .swiper-slide p.img img {width: 140%;} .vocation_swiper div h5{font-size:24px} .vocation_swiper div p.des {font-size: 14px;} .vocation_swiper div p.p {font-size: 14px;} .vocation_swiper div p.function{font-size: 14px;} .vocation .gallery-top .gallery-thumbs{width:auto} .provide .provide_tab>div div.provide_content{display:block} .provide .provide_tab>div div.provide_content div:nth-of-type(1){width:auto;height:auto} .provide .provide_tab>div div.provide_content div:nth-of-type(2){width:auto;height:auto} .advantage .advantage-content ul{display:block} .advantage .advantage-content ul li{width:auto;} .app .app_list ul{display:block} .app .app_list ul li{margin:10px auto;} .ability ul{display:block} .ability ul li{width:auto} .advantage{margin-top:40px} .caseliimg{text-align:center;margin-bottom:30px} .simple-item{margin:20px} .creates{height:auto} .example_swiper .swiper-slide img {display: block;height: 100%;margin: auto;} /* 寰俊灏忕▼搴 */ .intelligent-wrap{width:auto;height: 100%;padding: 0;} .intelligent-item{width: 100%;height: 300px;overflow: hidden;} .service-wrap img{width:100%;float:none} .service-wrap{width:auto} .local-wrap{width:auto} .ad-serving{height:auto;padding: 30px 15px 60px 15px;} .simple-wrap{width: auto;} .serving-desc{width: auto;padding:0} .serving-wrap{width:auto} .intelligent-item:nth-child(2){width: 100%;margin:0} .service-desc{padding:0} .make-simple{padding:0 15px} .make-simple h3{line-height:53px;height:auto} .make-simple .simple-item{margin:0 0 20px 0;width: 100%;float: none;} .intelligent-operation h3{line-height:53px;height:auto;overflow: hidden;margin: 0 0 50px 0;} .intelligent-operation{padding: 0 15px 60px 15px;overflow: hidden;height:auto} .intelligent-operation .intelligent-item{height:auto} .intelligent-item h4{height:auto;padding: 0;} .perfect-service{height:auto;overflow:hidden;padding: 0 15px 60px 15px;} .perfect-service h3{line-height:53px;height:auto;padding: 50px 0;} .perfect-service .service-desc{padding:20px} .local-wrap img{width:100%;margin:0;float:none;} .serving-wrap img{width:100%;margin: 0 0 60px 0;float:none;} .local-text{width:auto} .local-circle{height:auto;padding: 30px 15px 60px 15px;} .local-circle .local-desc{padding:30px 0 30px 0} /* 瑙嗛浼氳 */ .sphy_scenelist{padding:0 15px} /* 鏅烘収鍩庡競 */ .needlibox2{height:auto} .needlist{margin-bottom:50px} .needlibox1{height:auto} .huifa_xtyw .fine_img{padding:0;} .neebglis ul{margin:0} .neebglis ul li{width:100%} /* 鏁板瓧鏍″洯 */ .huifa_wzyw{padding:0 30px} .custombox{margin:10px 0} .huifa_wzyw .fine_img{padding:30px 0 0} .huifa_wzyw .mainpart{padding:0} .huifa_wzyw .mainpart .col-lg-4{padding:0} .szxy_swibox{height:auto} .swiboximg{display:none} .swiboxtxt{width:100%;padding:0} /* 绯荤粺杩愮淮 */ .huifa_wzyw.bgit{padding:0} .xtyw_itright{height:auto} /* 缃戠珯杩愮淮 */ .wzyw_contact{padding:20px 0 0 20px;border:0} .towinput{display:block} .towinput input{width:100% !important;margin-bottom:20px} .huifa_wzyw #myform .bh40{height:auto} .wzwh_advantage{padding:0 0 60px 0} .huifa_wzyw .text-right{text-align: left;} .huifa_xmtyw .col-lg-6 .col-lg-3{width:50%;float:left} /* 鏂伴〉闈紭鍖 */ .xmtyw-img img{width: 100%;height: 100%;} .xmtyw_ill{padding: 0;} .pl0{padding-left: 15px} .pr0{padding-right: 15px;} .title_xmtyw span{display: inline-block !important;padding: 0 !important;} .sphy_scenelist ul li{width: 100%;margin-bottom: 25px;} .sphy_scenelist ul{margin: 0;} .dzjz_riimg img{width: 100%;} .fine_img img{width: 100%;} .xtyw_boxdis{padding: 0} .dzjz_listico ul li{width: 40%;margin: 15px;} .dzjz_listico{margin-top: 35px;} .highlist{margin-bottom: 25px;} .wzyw_pdbox{padding: 0;} .servbox{margin: 0;} .service_lists{height: auto;margin-bottom: 25px;} .servbox{height: auto;} .xtyw_boxs{padding: 8% 0;} .xtye_itimge{display: block;} .xtyw_itleft{padding: 30px 15px;height: auto;margin-bottom: 20px;} .huifa_wzyw .xtyw_itbos{margin-right: -15px;margin-left: -15px;} .xtyw_title p{margin: 0 0 35px 0;} .xmtyw_service{padding: 0 15px;} .froms{padding: 0 15px 30px 15px;} .video_listxt {padding: 20% 15px;} /* 鏃ч〉闈紭鍖 */ .foot_top_fr{padding: 0} .busiyw h3 span::before{font-size: 22px;} .title h2{font-size: 30px;} .title span{display: block;padding: 0 20px;} .title .en{font-size: 34px;} .busiyw{margin-bottom: 30px;} .busiyw h3 span{font-size: 22px;} .lbanner .golf {top: 35%;left: 0;margin: 0;width: 30px;height: 40px;line-height: 50px;} .lbanner .golr {top: 35%;right: 0;margin: 0;width: 30px;height: 40px;line-height: 50px;} .lbanner .slides{height: auto;} .lbanner{height: 173px;} .index_news_fr .col-lg-7{padding:0 5px} .lbanner .dot{margin: 0;bottom: 8%;} .lbanner .dot li{width: 30px;} .lbanner .slides li{width: 100%;height: 100%;} .index_case_tab ul li{padding: 0 20px 0 20px;margin:20px 5px 0 5px;} .index_case_tab ul{padding: 0 10%;} .index_news ul li{padding: 0 20px 0 20px;margin:20px 5px 0 5px;} .index_news_frbox ul{clear: both;overflow: hidden;margin-top: 20px;} .index_news_frbox ul li{width: 100%;margin-bottom: 10px;} .index_news_frbox ul li a{box-shadow: 0 0 5px #ddd;border-radius: 8px;} .introduce{padding: 0 15px;font-size: 16px;line-height: 40px;} .bh100{height: 40px;} .bh80{height: 40px;} .about{padding: 20px 0;} .banner{margin-top: 40px;} .show_main{margin-top:60px} .new_service_box{margin-top:60px} .case-list{margin-top:60px} .public_img{margin-top:60px} /*.pacu_img{margin-top:60px}*/ .case-list ul li{width:100%} .case-list li span em{top:45%} .form_title{font-size:30px} .Scan{margin-top:50px} .Map{height:460px} .index_about_box{width: 50%;} .footer .container{width: auto;} .index_case_img{height:auto} .show_main .container{width:auto;margin: 0;padding: 15px;} .show_title h1{line-height:30px;font-size:22px} .show_tiam h2{font-size:16px;float:left} .index_about_box div span{font-size:50px} .about .index_about_cen p{width:auto;padding:0 15px} .index_about_body .g-btn{margin-top: 30px;} .foot_bot p{font-size:14px} .title_box .title{font-size:30px} .title_box p{padding:0 15px;width:auto;line-height: 30px;} .reve_title{font-size:30px;text-align: center;} .reve_left{width:auto;margin:0;padding:0 15px} .reve_right{width:auto;height:auto} .reve_left ul li {height: 43px;padding: 0 15px;margin: 0 10px 30px 10px;font: normal 16px/43px "";} .index_case_tab{text-align:center} .title_box {margin: 80px 0 60px;} .news_img_list {height:178px;} .event_box{width:auto} .form input{width: 100%} .form input:nth-child(5){width: 100%} .form input:nth-child(6){width: 100%} .parBd h4{font-size:22px;font-weight: 600;} .develop {height: 490px;background: none;} .index_news_box img{height:198px} .show_tiam{clear: both;} .col-8{width:auto;}} @media (min-width:767px){ .hiss{display:none} } @media only screen and (max-width:768px) { .navbar-default .navbar-nav > li > a {margin-top: 10px;padding: 8px;}} @media only screen and (max-width:480px) { .menu-top { background-color: #022b4c }} .navbar-default.menu-shrink {background-color: #fff;box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.1);width: 100%;} @media only screen and (max-width:480px) { .menu-top {color: #fff !important;margin-left: 0px;padding: 5px 0;}}