/* 汇å‘云官网 */
:root {
--main-color: #219982;
--index-color: #fff;
--lcolor: #50e5c7;
--rcolor: #19b394;
--hovercolor: #19b394;
}
*{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;}
.bh10{clear: both;height: 10px;}
.bh20{clear: both;height: 20px;}
.bh25{clear: both;height: 25px;}
.bh40{clear: both;height: 40px;}
.bh30{clear: both;height: 20px;}
.bh60{clear: both;height: 60px;}
.bh80{clear: both;height: 80px;}
.bh85{clear: both;height: 85px;}
.bh100{clear: both;height: 100px;}
.fl{float: left;}
.fr{float: right;}
.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: var(--main-color);z-index: 200;}
.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:var(--main-color);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);}
/* PC导航 */
.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 0 2px #ddd;}
.nav .logo{position: relative; float:left;width:190px;}
.menu-shrink .high p{color: #000;}
.menu-shrink .nav .logo a::after{background: #b4b4b4;}
.high{position: absolute;right: -164px;top: 15px;}
.high p{margin: 0;line-height: 23px;color: #fff;font-size: 14px;}
.nav .logo a{position: relative; display:block;padding: 12px 0;width:140px;}
.nav .logo a::after{content: "";position: absolute;top: 20px;right: -15px;height: 36px;width: 1px;background: #e0e0e0;}
.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:2px;background-color:var(--main-color);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;}
.sub_menu{position:absolute;top:77px;left:0;z-index:999;overflow:hidden;width:1370px;height:0;}
.sub_menu .sub_menu_list{position:relative;}
.sub_menu .sub_menu_list:nth-child(1) .list:before,
.sub_menu .sub_menu_list:nth-child(2) .list:before,
.sub_menu .sub_menu_list:nth-child(3) .list:before{position:absolute;top: 80px;right:0;width:1px;height:360px;background:#f2f2f2;content:"";}
.sub_menu.sol_left .sub_menu_list:nth-child(1) .list:before{height:140px;}
.sub_menu.sol_left .sub_menu_list:nth-child(2) .list:before{display:none;}
.sub_menu .sub_menu_list .list a{float:left;display:block;margin-left:20px;padding: 15px 20px 20px;}
.sub_menu .sub_menu_list .list a:hover{background: #f1f8fb;color: #2467f3;border-radius: 6px;}
.sub_menu .sub_menu_list .list a .icon{float:left;width:40px;height:50px;}
.sub_menu .sub_menu_list .list a .infos{float:left;width:220px;height:50px;}
.sub_menu .sub_menu_list .list a .infos h3{position:relative;color: #000;font-weight:400;font-size: 16px;margin: 0;}
.sub_menu .sub_menu_list .list a .infos h3 span{margin-left: 10px;width:80px;height:12px;font-size:12px;}
.sub_menu .sub_menu_list .list a .infos p{padding-top: 10px;color:#989898;line-height: 25px;font-size: 14px;}
.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;}
.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;font-size: 16px;}
.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}
.menu-top {background: rgba(0,0,0,0.2);border: 0;}
.navbar-default.menu-shrink {background-color: #fff;box-shadow: -1px 1px 1px rgb(0 0 0 / 10%);width: 100%;}
.navbar-default.menu-shrink li a {color: #000!important;}
#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;}
.sub_menu_list>h3{padding-bottom:30px;margin: 30px 0 0 0;color:#000;overflow: hidden;font-weight: 600;font-size:16px;}
.navlista{display: flex;align-items: center;justify-content: space-between;}
.navlista a:nth-child(1):hover h3{color: #e0620d;}
.navlista a:nth-child(2):hover h3{color: #2293f7;}
.navlista a:nth-child(3):hover h3{color: #09d86e;}
.navlista a .icon{float:left;width:40px;height:40px;}
.navlista a .icon img{width: 100%;height: 100%;}
.navlista a .infos{float:left;width: 400px;height:50px;padding-left: 20px;}
.navlista a .infos h3{position:relative;color: #000;font-weight:400;font-size: 16px;margin: 0;}
.navlista a .infos h3 span{margin-left: 10px;width:80px;height:12px;font-size:12px;}
.navlista a .infos p{padding-top: 10px;color: #626262;font-size: 14px;line-height: 25px;}
/* PC 解决方案 */
.sub_menu .jjfabox .list.sol_list a{padding: 10px;width: 295px;}
.jjfabox .list.sol_list a .infos{overflow: hidden;float:none;height: auto;width:auto;padding: 10px 0 0 20px;}
.w1200 {position: relative;margin: 0 auto;width: 1400px;}
@media (min-width: 1200px){.container {width: 1400px;}}
@media (min-width: 767px){.hiddens {display: none;}}
@media (min-width: 1200px){.navbar .container {width: auto;}}
@media (max-width: 767px){
.sticky{position: fixed;top: 0;}
.header-container ul.slimmenu{background-color: var(--main-color);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;}
}
/* é¦–é¡µè½®æ’ */
.w1200{position:relative;margin:0 auto;width:1400px;}
.pa{position:absolute;}
.swiper-banner{width:100%;height: 750px;overflow: hidden;}
.swiper-banner .swiper-slide{display:block;width:100%;height: 660px;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: 833px;}
.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: 59px;left:0;z-index:999;width:100%;height:100px;}
.swiper-banner .swiper-nav ul{display: flex;flex-direction: row;}
.swiper-banner .swiper-nav li{float:left;height: 159px;border-right:1px solid rgba(233,233,233,.05);color:#fff;cursor:pointer;flex: 1;display: flex;align-items: center;justify-content: center;background: #fff;margin: 0 15px;border: 1px solid #f2f2f2;border-radius: 8px;}
.swiper-banner .swiper-nav li .icon{float:left;display:flex;width:65px;height:100px;justify-content:center;align-items:center;padding: 0 0 0 15px;}
.swiper-banner .swiper-nav li .infos{float:left;padding: 0 20px;/* height:100px; */}
.swiper-banner .swiper-nav li .infos div{font-size: 18px;font-weight: 600;color: #000;margin: 8px 0;}
.swiper-banner .swiper-nav li .infos p{color:#c3c3c3;font-size:14px;line-height: 30px;}
.swiper-banner .swiper-nav li.active{background:#f3fafd}
.swiper-banner .swiper-nav li:last-child{border-right:none;}
.bantitle{margin-bottom:15px}
.bantitle img{width:48px;height:48px}
.bantitle span{padding-left:10px}
/* 公共代ç */
.titles{margin: 90px 0 60px;text-align: center;}
.titles .title{font-size: 35px;font-weight: bold;}
.titles p{margin: 10px 0 0 0;font-size: 16px;color: #999;}
.titles .bgfaico{margin-top: 20px;width: 122px;height: 8px;display: inline-block;background: url(../images/hfyico.png) no-repeat;}
/* æœåŠ¡æ¡ˆä¾‹ */
.Caseblock{overflow: hidden;}
.caselist{overflow: hidden; margin-bottom: 40px; cursor: pointer;}
.caseimg{height: 275px;}
.caseimg img{width: 100%;height: 100%;}
.casetxt{overflow: hidden;display: flex;min-height: 115px;border-bottom: 1px solid #dedede;justify-content: space-between;}
.casetxt .title{margin-right: 20px;flex: 1;}
.casetxt .title h3{margin: 25px 0 16px 0; font-size: 20px;font-weight: 600;color:#000}
.casetxt .title p{font-size: 16px;}
.casetxt .caseico{width: 50px;height: 114px;background: url(../images/caico.png) right 44px no-repeat;}
.caselist:hover .casetxt .title h3{color:var(--main-color);}
.caselist:hover .casetxt{border-bottom: 1px solid var(--main-color);}
.caselist:hover .title p{color:var(--rcolor)}
.caselist:hover .casetxt .caseico{background: url(../images/caico1.png) right 44px no-repeat;}
.more_btn{overflow:hidden;width:200px;height: 60px;line-height: 51px;text-align:center;font-size:18px;color:#fff;background-image: linear-gradient(to right , var(--lcolor), var(--rcolor));border-radius: 50px;border:0;}
.more_btn:hover{background:var(--main-color);color:#fff}
/* 专业æœåŠ¡å›¢é˜Ÿ */
.scenban{position: relative; width: 1190px;height: 280px;margin: auto;overflow: hidden;}
.planblock{height: 330px;background: url(../images/planbg.png) no-repeat;}
.planbg{position: relative;}
.planbg h3{margin: 70px 0 60px; color: #fff;text-align: center;font-size: 34px;font-weight: bold;}
.whitebtn{ padding: 16px 45px;background: white;color: #0284ff;font-size: 17px;border-radius: 25px;letter-spacing: 2px;}
.planlist{overflow: hidden;border-top: 1px solid #6fa8ff;}
.planlist ul li{position: relative; float: left; width: 33.33%;height: 76px; padding-left: 35px; line-height: 76px; color: #fff;font-size: 16px;text-align: center;}
.planlist ul li i{display: inline-block;width: 32px;height: 21px;vertical-align: sub;}
.plico1{background: url(../images/g1.png) no-repeat;}
.plico2{background: url(../images/g2.png) no-repeat;}
.plico3{background: url(../images/g3.png) no-repeat;}
.planlist ul li::after{content: "";position: absolute; top: 20px; right: 0; width: 1px;height: 35px;background: #6fa8ff;}
.planlist ul li:last-child::after{content: none;}
.bannerbox{position: relative;}
.slideli img{width: 1190px;height: 520px;}
.slideli p{margin: 25px 15% 0 15%;line-height: 30px;color: #333;font-size: 16px;text-align: center;}
.mySwiper{width: 1190px;height: 675px;margin: auto;overflow: hidden;}
.bannerbox .swiper-button-next{top:38%;color:var(--main-color)}
.bannerbox .swiper-button-prev{top:38%;color:var(--main-color)}
/* 全场景覆盖 */
.Sceneblock{background: #fafbfd;}
.Scenelist ul li{width: 20%;height: 388px;float: left; padding: 60px 44px; background-size: 100% 100%;cursor: pointer;}
.Scenelist ul li:hover{background: url(../images/sceneh.png) no-repeat;}
.Scenelist ul li a h3{margin-bottom: 20px;font-size: 20px;font-weight: 600;color: #333;}
.Scenelist ul li a p{font-size: 16px;color: #999;}
.Scenelist ul li a .sceenico{width: 100%; height: 30px; margin-top: 75px; background: url(../images/sceleft1.png) no-repeat;}
.scene1{background: url(../images/scene1.png) no-repeat;}
.scene2{background: url(../images/scene2.png) no-repeat;}
.scene3{background: url(../images/scene3.png) no-repeat;}
.scene4{background: url(../images/scene4.png) no-repeat;}
.scene5{background: url(../images/scene5.png) no-repeat;}
.scene6{background: url(../images/scene6.png) no-repeat;}
.scene7{background: url(../images/scene7.png) no-repeat;}
.scene8{background: url(../images/scene8.png) no-repeat;}
.scene9{background: url(../images/scene9.png) no-repeat;}
.scene10{background: url(../images/scene10.png) no-repeat;}
/* 稳定å¯é */
.firm{text-align: center;}
.topban img{width: 100%;}
/* 解决方案列表 */
.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;}
/* æˆåŠŸæ¡ˆä¾‹åˆ—表 */
.caseboxli{display: block; height: 415px;border: 1px solid #eee;margin-bottom: 30px;}
.caseimgs{position: relative; float: left; width: 280px; height: 100%; background: #f4f5f7;}
.caseimgs img{position: absolute;right: -32px;top: 89px;width: 300px;height: 205px;}
.casetext{overflow: hidden;height: 100%;padding: 0 60px 0 60px;}
.casetext .celogo{height: 110px;line-height: 130px;text-align: center;}
.casetext h3{color: #000;font-size: 18px;text-align: center;font-weight: 500;}
.casetext p{margin-top: 25px; font-size: 15px;line-height: 30px;color: #999;}
.casetext a.btn{margin-top: 20px;padding: 8px 30px;color: #fff;background: var(--main-color);font-size: 16px;line-height: 25px;border-radius: 7px;text-align: center;}
.casetext a.btn:hover{}
.flex2{display:flex;justify-content: space-between;}
.tetx-center{text-align: center;}
/* è”系我们 */
.aboutico{width: 106px;height: 120px;margin: auto;background: url(../images/abico.jpg) no-repeat;}
.abotcer{text-align: center;cursor: pointer;}
.abotcer p{padding: 0 42px; font-size: 17px;line-height: 30px;}
.abotxt{margin-top: 25px;}
.aboico2{background-position: 0 -136px;}
.aboico3{background-position: 0 -271px;}
.aboico4{background-position: 0 -404px;}
.abohover1:hover .aboico1{background-position: -122px 0;}
.abohover2:hover .aboico2{background-position: -122px -136px;}
.abohover3:hover .aboico3{background-position: -122px -271px;}
.abohover4:hover .aboico4{background-position: -122px -404px;}
.seekbox{background: #eff8ff;}
.froms{padding: 15px 40px;}
.froms input{width: 100%; height: 55px;line-height: 55px; 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: var(--rcolor);font-size: 18px;font-weight: 600;padding: 15px 60px;text-align: center;border: 0;border-radius: 6px;}
/* 地图æ’件 */
.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}
/* 关于我们 */
.seebg{height: 545px; background: url(../images/seebg.png) no-repeat;}
.seetext{padding-top: 90px;}
.seetext h3{font-size: 24px;font-weight: 600;margin-bottom: 25px;}
.seetext p{line-height: 36px;font-size: 16px;color: #999;}
.seetext a.btn{padding: 8px 30px;color: #fff;border-radius: 26px;}
.give{height: 766px; background: url(../images/give.png) no-repeat;background-size: cover;}
.givebg{border-radius: 20px;overflow: hidden;}
.bg-white{background: white;}
.ico-give{width: 90px;height: 90px;margin: auto;}
.ico-give1{background: url(../images/ico-give1.png) no-repeat;}
.ico-give2{background: url(../images/ico-give2.png) no-repeat;}
.ico-give3{background: url(../images/ico-give3.png) no-repeat;}
.ico-give4{background: url(../images/ico-give4.png) no-repeat;}
.title-give h3{position: relative; font-size: 20px; font-weight: 600;padding-bottom: 20px;}
.title-give h3::after{content: "";position: absolute; left: 50%; bottom: 0; width: 40px; height: 2px; background: var(--rcolor); transform: translate(-50%);border-radius: 4px;}
.givep{margin-top: 20px; padding: 0 20%; line-height: 30px; font-size: 16px;color: #999;}
.product-section{position: relative; height: 400px;padding-bottom:50px;position:relative;}
.product-section::after{content: "";position: absolute; top: 27%; left: 50%; transform: translate(-50%, -50%); height: 1px;width: 100%;background: #dedede;}
.product-wrapper{height: 100%; max-width:1400px;padding-left:10px;padding-right:10px;margin-left:auto;margin-right:auto;position:relative}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;z-index:1}
/* .product-features .product-body{margin:0px 25px} */
/* .product-features .product-body:after{content:"";width:100%;height:3px;background:url(../images/productBase-features-model.png) no-repeat;background-size:100% auto;background-position:center;position:absolute;top:50px;left:0;z-index:0} */
/*li*/
.product-body ul li:nth-child(odd) .title {text-align: center;height: 100px;overflow: hidden;position: absolute;bottom: 0;left: 0;width: 100%;}
.product-body ul li:nth-child(odd) .features-info{position: absolute;top: 0;left: 0;width: 100%;}
.product-body ul li:nth-child(even) .title{text-align: center;height: 100px;overflow: hidden;position: absolute;top: 0;left: 0;width: 100%;}
.product-body ul li:nth-child(even) .features-info{position: absolute;bottom: 0;left: 0;width: 100%;}
.features-item{position:relative;float:left;height: 240px;}
.features-slide .features-item .title{text-align:center;height: 100px;overflow: hidden;}
.features-item h3{font-size:16px;transition:all 0.1s}
.features-item i{position:absolute;width:75%;height:33px;background:url(../images/productBase-features-timeline.png) no-repeat;background-size:contain;background-position:right center;left:-25%;margin-left:10px;top: 100px;z-index:3}
.features-item .features-info{display:block;margin:0 auto;padding: 47px 53px 20px 53px;transition:all 0.3s;border-radius:2px;text-align: center;}
.features-item .features-info .features-info-i{font-size:14px;color:#A0A2A8;line-height:22px;margin-bottom:10px}
.features-item .features-info .features-info-s{font-size:35px;font-weight: 600;color: #000;}
.features-item.dark i{background:url(../images/productBase-features-timeline-dark.png) no-repeat;background-size:contain;background-position:right center}
/*é¼ æ ‡æ‚¬æµ®æ•ˆæžœ*/
/* .features-item:hover h3{font-size:22px;line-height:28px;opacity:0.9}
.features-item:hover i{width:75%;margin-left:13px;background:url(../images/productBase-features-timeline-hover.png) no-repeat;background-size:contain;background-position:right center}
.features-item:hover a{background:url(../images/productBase-features-info.png) no-repeat;background-size:100% 100%} */
/*å·¦å³æŒ‰é’®*/
.product-features .swiper-button-prev{width:30px;height:40%;left:-15px;top:60%;background:none}
.product-features .swiper-button-prev:after{content:"";display:inline-block;position:absolute;width:34px;height:34px;background:url(../images/productBase-features-left.png) no-repeat;background-size:100% 100%;top:50%;margin-top:-15px;left:50%;margin-left:-7px}
.product-features .swiper-button-next{width:30px;height:40%;right:-15px;top:60%;background:none}
.product-features .swiper-button-next:after{content:"";display:inline-block;position:absolute;width:34px;height:34px;background:url(../images/productBase-features-right.png) no-repeat;background-size:100% 100%;top:50%;margin-top:-15px;left:50%;margin-left:-7px}
.title h3{font-size: 18px; font-weight: 600;}
.title p{font-size: 16px;color: #999;}
/* 高端网站建设解决方案 */
.webGive{position: relative;}
.title_web{margin: 90px 0 60px;text-align: center;}
.title_web .title{font-size: 35px;font-weight: bold;}
.title_web p{margin: 10px 0 0 0;font-size: 19px;color: #989898;}
.title_web .bgfaico{display: inline-block;margin: 20px 0 5px 0;width: 80px;height: 4px;background: #ff9446;border-radius: 4px;}
.webGiveban{position: relative; overflow: hidden;}
.givebanimg{height: 275px;}
.givebanimg img{width: 100%;height: 100%;}
.givebantxt{position: relative; overflow: hidden; text-align: center; margin: -100px 20px 0 20px;height: 200px;border-radius: 12px; background: #fff; box-shadow: 0 0 2px #ddd;}
.givebantxt h3{margin: 40px 0 20px 0; font-size: 20px;font-weight: 600;}
.givebantxt p{padding: 0 15%;line-height: 30px;color: #999;font-size: 15px;}
.giveico{position: relative; width: 48px;height: 48px;display: inline-block; margin-top: -28px; background: url(../images/givom.png) no-repeat;}
.mySwiper2 .swiper-slide{cursor: pointer;}
.mySwiper2 .swiper-slide:hover .giveico{background: url(../images/givomh.png) no-repeat;}
.give-next{top: 65%;right: 167px;}
.give-prev{top: 65%;left: 167px;}
.good{width: 100%; min-height: 475px; background: #fafafa url(../images/good.png) top center no-repeat;}
.whire .title{color: #fff;}
.whire .bgfaico{background: #fff;}
.whire p{color: #a5baf9;}
.figure{min-height: 336px; padding: 3% 0; background: #fff;border-radius: 10px;text-align: center;}
.figure .title{font-size: 30px;color: #333;font-weight: 600;}
.figure .sum{position:relative;padding-bottom: 30px; font-size: 60px;color: var(--rcolor);}
.figure .sum:after{content:"";position:absolute; bottom:0; left:50%; transform: translate(-50%); width:20px; height:3px; background:#000; }
.figure .txt{font-size: 18px;color: #000;}
.webfeed{background:#fafafa}
/* ç§»åŠ¨è®¾è®¡ä¸Žå¼€å‘ */
.title_move{margin: 90px 0 60px;text-align: center;}
.title_move .title{font-size: 36px;font-weight: bold;}
.title_move p{margin: 10px 0 0 0;font-size: 19px;color: #989898;}
.title_move .bgfaico{display: inline-block;margin: 20px 0 5px 0;width: 80px;height: 4px;background: #ff9446;border-radius: 4px;}
.movefw_list{text-align: center;}
.movefw_list h3{margin: 35px 0 30px 0; font-size: 20px;font-weight: 600;}
.movefw_list p{padding: 0 5%; font-size: 16px;line-height: 30px;color: #999;}
.moveGood{min-height: 625px;}
.movegod_list{text-align: center;}
.movegod_list h3{margin: 35px 0 30px 0; font-size: 20px;font-weight: 600;color: #fff;}
.movegod_list p{padding: 0 5%; font-size: 16px;line-height: 30px;color: #a3bcfe;}
.moveGood{background: #f7faff url(../images/movegood.png) bottom center no-repeat;}
.movefkbg{background: #f7faff;}
/* 微信å°ç¨‹åº */
.title_xcx{margin: 90px 0 60px;text-align: center;}
.title_xcx .title{font-size: 36px;font-weight: bold;}
.title_xcx .name{margin: 10px 0 0 0;font-size: 19px;color: #989898;}
.title_xcx span{padding: 0 30px;}
.title_xcx .bgfaico{display: inline-block;margin: 20px 0 5px 0;width: 80px;height: 4px;background: #ff9446;border-radius: 4px;}
.title_xcx .icol{display: inline-block; width: 44px; height: 10px; background: url(../images/icol.png) no-repeat;}
.title_xcx .icor{display: inline-block; width: 44px; height: 10px; background: url(../images/icor.png) no-repeat;}
.creates{height: 880px;background: url(../images/createbg.png) top center no-repeat;}
.white_xcx .title{color: white;}
.white_xcx .name{color: white;}
.simple-item{padding-top:25px; margin: 0 30px; overflow: hidden; height:450px;border-radius:10px; text-align: center; background: #fff; 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: #000;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;padding: 10px 35px;margin-top:10px;background: #2aad67;color: #fff;border-radius: 8px;}
.intelligent-item{text-align: center;}
.intelligent-item h4 {padding-bottom: 40px;height: 18px;color: #000;font-weight: 600;font-size: 18px;line-height: 18px;}
.intelligent-item p {height: 14px;color: #9fa5bb;font-size: 14px;line-height: 14px;}
.upstage{background: #f8f8f8;}
.tablist ul li{display: flex;width: 100%;height: 130px;padding:20px;margin-bottom: 40px;background: #f7fcf8; border-radius: 5px; cursor: pointer;}
.tablist ul li h3{font-size: 20px;font-weight: 600;margin-bottom: 20px;}
.tablist ul li p{font-size: 15px;color: #999;}
.tablitxt{flex: 1;}
.tabliico{overflow: hidden;}
.tabliico{width: 35px;height: 100%;background: url(../images/liico1.png) center center no-repeat;}
.tablist ul li.active h3{color: #fff;}
.tablist ul li.active p{color: #fff;}
.tablist ul li.active {background: #2aad67;}
.tablist ul li.active .tabliico{background: url(../images/liico2.png) center center no-repeat;}
.tabconner ul li{display: none;text-align: center;}
.tabconner ul li img{width: 494px;height: 383px;}
.tabconner ul li h3{padding: 0 10%; line-height: 30px;font-size: 16px;color: #999;}
.tabconner ul li.active{display: block;}
/* 软件开å‘解决方案 */
.bg_gray {background: #eaf0fe;}
.huifa_wzyw{position:relative;overflow:hidden}
.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;}
.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: 242px; transform: translate(-50%,-50%); width: 1000px;height: 20px;background: url(../images/dwbg_img.png)no-repeat;}
.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;}
.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_bigtxt {text-align: center;}
.target_list {text-align: center;}
.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;}
/* 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;}
.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;}
/* æˆ‘ä»¬èƒ½ä¸ºä½ æ供的æœåŠ¡ */
.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;font-size:16px;margin:0}
.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{height: 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;}
@media screen and (min-width: 1025px){
.vocation-swiperButton {display: none;}
.provide .provide_tab ul li p.content {display: none;}
}
/* 内容详情页 */
.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;}
/* 定制建站 */
.dzwebtxt{margin-top: 15%;}
.dzwebtxt p{ line-height: 40px;font-size: 16px;color: #999;}
.webliimg{overflow: hidden; padding: 30px;background: #fff;box-shadow: 0 0 5px #ddd;border-radius: 8px;}
.webliimg ul li::after{content: "";position: absolute;right: 0;top: 26px;width: 1px;background: #eee;height: 100px;}
.webliimg ul li{position: relative; float: left;width: 20%; padding: 20px; text-align: center;}
.webliimg ul li:last-child::after{content: none;}
.webliimg ul li p{margin-top: 10px;font-size: 16px;}
.gdwebgood{overflow: hidden; padding-bottom: 40px; background: #f6f9ff; }
.goodwebbox{height: 295px; padding: 40px; margin-bottom: 30px; text-align: center;border-radius: 8px;background: #fff; }
.goodwebbox h3{margin-bottom: 20px; font-size: 16px;font-weight: 600;}
.goodwebbox p{text-align: left; line-height: 30px; font-size: 15px;color: #999;}
.gdwebbg{background: #f7faff url(../images/gdwebbg.png) top center no-repeat;}
.gdwebbg .movegod_list{margin-top: 15px;}
.gdwebbg .movegod_list h3{color: #000;}
.gdwebbg .movegod_list p{color: #999;font-size: 15px;text-align: left;}
.gdwebbg .webto .title{color: #fff;}
.webto p{color: #999;font-weight: 300;font-size: 16px;}
.webto .title{font-size: 30px;}
/* 框架颜色优化 */
.pagination>.active>a{background-color: var(--main-color);border-color: var(--main-color);}
.pagination>li>a{color: var(--main-color)}
/* 页脚 */
.footer{background: #1e1e1e;}
.foot_bot{border-top: 1px solid #333;}
.foot_bot{padding:30px 0;color:#999;font-size:15px;line-height:26px;text-align: center;}
.foot_bot a{color:#999;}
.foot_bot a:hover{color:#fff;}
.foot_l{padding: 50px 0;}
.foot_l .footlogo{margin-bottom: 20px;}
.foot_l .footp{margin: 5px 0 10px 0;color: #fff;font-size: 15px;}
.foot_r{padding: 60px 0 0 0;}
.erweima{width: 126px; height: 126px; float: right; text-align: center;}
.erweima img{width: 126px;height: 126px;}
.erweima p{margin-top: 5px; color: #fff;font-size: 14px;line-height: 30px;}
.copyright_list {float: left;padding: 40px 30px 0 0;}
.copyright_list h3{font-size: 18px;color: #fff;padding-bottom: 18px;}
.about-foot {overflow: hidden;margin-bottom: 15px;}
.about-foot a {display: block;font-size: 14px;color: #aaa;float: left;margin-right: 24px;}
.about-foot a:hover{color:var(--main-color)}
@media (max-width: 767px){.hides {display: none;}}
/*å“应å¼ä¼˜åŒ–*/
@media (max-width: 767px){
/*å…¬å…±æ ‡é¢˜*/
.titles .title{font-size:24px}
.titles p{font-size:14px}
/*首页轮æ’*/
.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}
/* æœåŠ¡æ¡ˆä¾‹ */
.caseimg{height:220px}
.more_btn{width:140px;height:40px;line-height:31px;font-size:16px}
/* 全场景覆盖 */
.Scenelist{padding:0 15px}
.Scenelist ul li{width:100%;height: 325px;margin-bottom:20px}
.Scenelist ul li:hover{background-size: cover;}
/* 专业æœåŠ¡å›¢é˜Ÿ */
.mySwiper{width:auto;height:auto}
.bannerbox .swiper-button-prev{top:29%}
.bannerbox .swiper-button-next{top:29%}
.slideli img{width:100%;height:250px}
.slideli p{margin:20px; font-size:14px}
/* 系统稳定安全å¯é */
.firm{padding:0 15px}
.firm img{width:100%;height:100%}
/*打仗一站å¼è§£å†³æ–¹æ¡ˆ*/
.planblock{height:auto;background-size:100% 100%}
.planbg h3{font-size:24px}
.whitebtn{padding: 14px 32px;font-size: 16px;}
.planlist ul li{width:100%;padding-left:0}
.planlist ul li::after{content:none}
/* 公共底部 */
.foot_r{padding-left:0}
.erweima{clear: both;float:none;width: 100%;height: auto;text-align: center;}
.erweima img{display:inline-block}
/* 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;}
/* è½¯ä»¶å¼€å‘ */
.title_dzjz{font-size:30px}
.tabconner ul li img{width:100%;height:100%}
.fine_img img{width:100%;height:100%}
.fine_bigimg img{width:100%;height:100%}
.titles_dzjs{padding:0 40px}
.intebox img{width:100%;height:100%}
/* ç§»åŠ¨è®¾è®¡ä¸Žå¼€å‘ */
.moveGood .title{color:#fff}
.moveGood .title_move p{color: #a3bcfe;}
.moveGood {background-size:cover}
.movegod_list{margin-bottom:30px}
.towinput input{width: 100% !important;margin-bottom:30px}
.towinput {display:block}
.dzwzyzm{overflow: hidden;margin-bottom:30px}
.text-rightbtn{text-align: center;}
/* 定制网站建设 */
.figlist{margin:25px 0;padding:20px;background: #f5fcff;border-radius: 8px;}
.good .bh80{height:0}
/* 解决方案 */
.listbgs ul li{overflow: hidden;}
.listbg_img img{width:100%;height:100%}
.listbgs{padding:0 20px}
.listbg_img{float:none;margin:0}
.listbg_txt{display:block}
.listbg_txt-l p{height:97px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
/* 关于我们 */
.seetext{padding-top:0}
.seebg{height:auto}
.product-features .swiper-button-prev{width:30px;height:40%;left: 0;top:60%;background:none}
.product-features .swiper-button-next{width:70px;height:40%;right: 0;top:60%;background:none}
/* è”系我们 */
.Mapbox{padding:0 15px}
.give{height:auto}
.Map {height: 300px;}
/* è¯¦æƒ…é¡µé¢ */
.show_main .container{width:auto}
.show_detail{margin:0}
.info{height:auto}
/* 定制建站 */
.dzwebimg img{width:100%;height:100%}
.webliimg ul li {width: 50%;}
.webliimg ul li:nth-child(even)::after{content: none;}
/* 案例列表 */
.caseboxli{height:auto}
.caseimgs {width: 100%;height: 214px;background: #f4f5f7;text-align: center;}
.caseimgs img{position: relative;right: 0;top: 0;width: auto;height: auto;}
.casetext {overflow: hidden;height: 100%;padding: 0 20px 30px 20px;}
}