/* .header:hover{background-color:rgba(0,0,0,.4);} */ .theme-2{background: #01b1cb !important;border-color:#01b1cb !important;} .nav{width:100%;height: 70px;left:0;top:0;z-index:8;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#20000000, endcolorstr=#20000000);min-width:1200px} /*.nav.bg{background-color:rgba(0,0,0,.4);}*/ /* .nav.active{background: rgb(54, 76, 101);} */ .header-zxc{height: 44px;} .header-asd{height: 70px;} .fixed{position:absolute;top:0;left:0;width:100%;z-index:8} .header-nav{background-color: rgb(246, 246, 246);line-height: 40px;height: 40px;overflow: hidden;} .header-nav-items{font-size:0; } .header-nav-items li{display:inline-block;margin-left:18px;font-size:12px;} .header-nav-items li a{color: #333333;font-weight: 400;font-size: 15px;} .header-nav2{border-top:1px solid rgba(205,205,205,.26);border-bottom:1px solid rgba(205,205,205,.26);} .main_left{float:left;vertical-align:middle;} .main_left .logo{max-height:25px;} /*.main_right{height:80px;line-height:80px}*/ .main_right dd h2{font-size:20px;height:40px;line-height:40px;border-bottom:1px solid #DDD;font-weight:400;color:#fff} .main_right li{float:left;padding: 0 26px 0 0;margin-right:16px;text-align:center;position:relative;} .main_right li.shows{margin-right:26px;} .main_right li a{color:#333;display:inline-block;line-height:normal;} .main_right li>a{font-size:18px;line-height:70px;font-weight:bold;} .main_right li>a:hover { color: #2D74FF; } /*.main_right .shows:hover{background-color:rgba(34,34,34,.9);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#90222222, endcolorstr=#90222222)} */ /* .main_right li a:hover{color:#fff} */ .main_right li a.main_li{width:100%;position:relative;z-index:10} .zhuli-qy{font-size: 12px;font-weight: 600;} .main_right .xiala{background:url('../images/new/headfoot/li_3jjj.png') no-repeat;width:14px;height:6px;float:left;position:absolute;top:32px;right:5px} #plan_show,#service_show,#solution_show{margin-left:-643px;position:absolute;overflow:visible;background-color:rgba(34,34,34,.95)!important;z-index:6;display:none;padding:0 5px;margin-top:0;top:80px;background:#333} #pro_show{width:1200px;margin-left:-293px;position:absolute;display:block;overflow:visible;display:none;margin-top:0;top:71px;z-index:6;} .proshowpx{width:121px;height:1px;lindisplay:inline-block;position:relative;top:-1px;float:left;margin-left:103px} .proas dd p span{font-size:14px;display:block;height:32px;line-height:20px;color:#ccc;margin-bottom:40px;width:255px} .proas dd p.halfh{line-height:45px;height:45px} .proas{padding:5px;float:left} .proas dd{float:left;width:310px;padding:0 5px;margin:2px 24px 2px 40px;text-align:left;color:#fff} .proas dd a{color:#fff} .proas dd a:hover{text-decoration:underline} .proas dd p{font-size:16px;line-height:20px} .plans{padding:10px;float:left} .plans dd{float:left;width:360px;height:36px;margin:5px;text-align:left} .plans dd a{color:#fff} .plans .dpl{width:220px} .plans dd i{float:left;width:8px;color:#94ccf7;font-style:normal;font-size:14px;height:30px;line-height:30px} .head-plans dd a{float:left} .plans dd a{font-size:16px;height:30px;line-height:30px;font-weight:400;margin-bottom:10px;display:inline-block} .plans dd a:hover{color:#94ccf7} .seccro{width:280px;float:left;display:inline-block;line-height:100px;margin-top:10px} .abouts{float:left;position:relative; padding-left:10px;margin-top:10px; box-sizing:border-box;} #about_show{height:190px;position:absolute;overflow:hidden;z-index:10000;display:none;margin-top:0;} .abouts img{text-align:center;height:50px;margin:0 34px;margin-bottom:10px;display:block;} .abouts a{float:left;display:block;margin: 40px 52px;overflow:hidden;-webkit-text-size-adjust:none;font-size:16px;color:#fff;font-weight:400} .btn-demo{float:right; display:inline-block; font-size: 14px;width:100px;line-height:36px !important;color: #fff!important;text-align:center;background: #EA7500;margin-top: 19px;font-weight:bold;} /* .btn-demo:hover{background-color:#21bbe2;border-color:#21bbe2;} */ .z-box{ width:320px; overflow:hidden; float:left; height:580px; margin-right:40px; } .z-box2{ width:320px; overflow:hidden; float:left; height:580px; } .z-box3{ width: 400px; left: -163px; margin-left: 40px !important; height: 380px; display: none; } .z-box3 .head-plans{ padding-left:50px !important; } .z-box4{ width: 850px; left: 256px; height: 300px; display: none; } .z-box5{ width: 1200px; margin-left: -975px; display: none; } .head-logo .logo{ margin-top: 14px; width: 175px; } .head-text-tel em{ font-size:15px; color:#333; font-weight: 400; } .head-text-tel .ft_tel{ display: inline-block; height: 12px; vertical-align: middle; background:url(../images/new/headfoot/ft_tel2.png) no-repeat center; background-size: contain; } /*头部电商产品下拉*/ .head-drap-module1{ padding:25px 10px 8px 20px; margin-top: 12px; } .head-drap-module-new:before{ content:""; border-width:6px; border-style:solid; border-color:transparent transparent #fff transparent; position: absolute; left: 323px; top:-2px; } .head-drap-module1 dl{ display: inline-block; vertical-align: top; } .head-drap-module1 dl.dl1{ width:598px; margin-right:16px; } .head-drap-module1 dl.dl2,.head-drap-module1 dl.dl3{ margin-right:10px; } .head-drap-module1 dl.dl2{ width:105px; } .head-drap-module1 dl.dl3{ width:120px; } .head-drap-module1 dl.dl4{ width:270px; } .head-drap-module1 dl:last-child{ margin-right:0; } .head-drap-module1 dl dd li{ position:relative; } .head-drap-module1 .dl1 dd li{ /* padding-left:40px; */ width: 290px; height: 88px; background: #FFFFFF; box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.08); border-radius: 4px; padding: 14px 8px 0; box-sizing: border-box; } .head-drap-module1 .dl1 dd li:nth-child(odd){ margin-right:16px; } .head-drap-module1 .dl1 dd li div{ padding-left:42px; } .head-drap-module1 .dl2 dd li,.head-drap-module1 .dl3 dd li,.head-drap-module1 .dl4 dd li{ padding-left:26px; margin-bottom:36px; } .head-drap-module1 .dl4 dd li:nth-child(odd){ min-width:50%; box-sizing:border-box; } .head-drap-module1 .dl4 ul:nth-child(1){ display: inline-block; width:100%; vertical-align:top; } .head-drap-module1 .dl4 ul:nth-child(2){ display: inline-block; width: 90px; vertical-align: top; box-sizing: border-box; } .head-drap-module1 .dl4 ul:nth-child(2) li{ width:100%; } .head-drap-module1 dl dd li svg{ position:absolute; left:0; top:0; } .head-drap-module1 .dl1 dd li svg{ left:8px; } .head-drap-module1 dl.dl1 dd li svg{ top:27px; } .head-drap-module1 dt{ padding-bottom:7px; margin-bottom:25px; font-size:16px; font-weight:700; color:#444; border-bottom:1px solid #E6E6E6; } .head-drap-module1 dd li a{ line-height:normal; } .head-drap-module1 dd li{ margin-bottom: 24px; margin-right: 0; padding-right: 0; text-align: left; } .head-drap-module1 dd li h4{ font-size:14px; font-weight:700; color:#383D41; } /* .head-drap-module1 dd li h4 b,.hot{ display:inline-block; width:30px; height:14px; background:url(../images/new/headfoot/hot.png) no-repeat center; background-size:contain; } .head-drap-module1 dd li h4 i,.new{ display:inline-block; width:20px; height:22px; background:url(../images/new/headfoot/new.png) no-repeat center; background-size:contain; vertical-align:top; } */ .head-drap-module1 dd li p{ font-size:12px; font-weight: normal; color: #444; } .head-drap-trange{ position:relative; margin-top:10px; background:#fff; } .head-drap-trange:before,.abouts:before{ content:""; border-width:6px; border-style:solid; border-color:transparent transparent #fff transparent; position: absolute; top: -12px; } .internatial-drap .head-drap-trange:before{ left: 159px; } .internatial-drap2 .head-drap-trange:before{ left:122px; } .news-draps{ display:none; } .news-draps .head-drap-trange:before{ left: 40px; } .abouts:before{ right:184px; } .internatial-drap .head-drap-trange{ padding: 40px 0 30px; width: 338px; box-sizing: border-box; } .internatial-drap2{ right:-88px; } .internatial-drap2 .head-drap-trange{ padding:30px 0; width:270px; box-sizing:border-box; } .internatial-drap{ right:-114px; } .internatial-drap a em{ min-width:260px !important; } .head-draps{ position: absolute; display:none; } .head-draps a{ display:block !important; margin-bottom:25px; font-size:16px; } .head-draps a:hover em{ color:#555; } .head-draps a em{ display:inline-block; padding:0 20px; min-width:155px; line-height: 28px; height: 28px; box-sizing:border-box; text-align:center; color:#383D41; } .internatial-drap3 .head-drap-trange{ padding: 40px 0 0 0; width: 1200px; box-sizing: border-box; } .internatial-drap3 .head-drap-trange a em{ padding-left: 36px; text-align:left; } .percent-two{ display:inline-block; vertical-align:top; } #internatial_drap3{left: -417px;} .internatial-drap3 .head-drap-trange:before{ left:449px; } .head-drap-about i.iconfont{ font-size:40px; color:#383d41; } .head-drap-about em{ margin-top:10px; font-size:18px; color:#383d41; } .zt-drap li{ position:relative; display:inline-block; padding-right:0; margin-right:18px; margin-bottom:36px; width:378px; } .zt-drap li:nth-child(3){ margin-right:0; } .zt-drap li svg{ position:absolute; left:0; top:4px; } .zt-drap li a{ margin-bottom:0; } .zt-drap li div{ padding-left:40px; text-align:left; } .zt-drap li h5{ margin-bottom:2px; font-size:14px; color:#4A4A4A; font-weight:700; line-height:20px; } .zt-drap li p{ font-size:12px; font-weight:normal; color:#444; line-height: 20px; } /*生态电商改版*/ /* .head-drap-module1{ text-align:left; } */ .drap-module-intro{ padding:16px 15px 9px 18px; } /* .head-drap-module1 dl{ display:inline-block; margin-right: 30px; width: 250px; vertical-align:top; } .head-drap-module1 .drap-module-item{ display:inline-block; padding:0 13px; font-size: 14px; font-weight:normal; color: #FFFFFF; line-height:30px; border: 1px solid #979797; box-sizing:border-box; } .strong-text{ margin-bottom:10px; font-size: 14px; color: #B5B8B8; line-height:20px; } .head-drap-module1 dl dt .drap-module-item{ margin-bottom:8px; width:250px; } .head-drap-module1 dl dd .drap-module-item{ margin-bottom:10px; } */ .drap-module-solutions-module{ padding:0 20px 0; border-top:3px solid #0BC5E1; text-align:center; } .drap-module-solutions-logs{ display:inline-block; width:60px; height:26px; line-height:20px; font-size: 14px; color: #FFFFFF; background:url(../images/new/headfoot/solutions-bg.png) no-repeat center; background-size:contain; } .drap-module-solutions{ text-align: left; } .drap-module-solutions li{ float: left; margin-right: 0; margin-bottom: 16px; width:280px; box-sizing: border-box; text-align: left; } .drap-module-solutions li a{ font-size: 14px; color: #FFFFFF; line-height:20px; } .head-drap-module-new h4{ padding:0 32px; font-weight:bold; height:60px; line-height:60px; border-bottom:1px solid #E6E6E6; } .head-drap-module-new h4 span{ margin-right:8px; font-size:16px; color:#333; } .slot-b{ font-size:12px; color:#666; } .dl-modules{ padding:22px 35px; } .head-drap-module-new dl dt{ margin-bottom:16px; border-bottom: 1px solid #E6E6E6; padding-bottom: 10px; } .head-drap-module-new dl dt span{ margin-right:12px; font-size:16px; color:#222; font-weight: bold; } .head-drap-module-new dl dd li{ display: inline-block; margin:0 26px 24px 0; padding:12px 0 12px 12px; width:260px; height:50px; background: linear-gradient(180deg, #F5F6FB 0%, #FFFFFF 100%); box-shadow: 0px 3px 6px 0px rgba(45,116,255,0.1); border-radius: 4px; box-sizing:border-box; text-align:left !important; } .head-drap-module-new dl dd li:nth-child(4n){ margin-right:0; } .head-drap-module-new dl dd li a{ line-height:inherit !important; } .head-drap-module-new dl dd .iconfont{ display:inline-block; margin-right:8px; width: 26px; height: 26px; line-height:26px; border-radius: 21px; vertical-align:middle; text-align:center; } .head-drap-module-new dl dd em{ font-size:14px; font-weight:bold; color: #383D41; vertical-align:middle; } .head-drap-module-new dl dd em:hover{ color:#2D74FF; } .head-drap-module-new dl li.col1 i{ background: rgba(131, 184, 255, .2); color:#5B91F0; } .head-drap-module-new dl li.col2 i{ background: rgba(198, 133, 255, .2); color:#B592D3; } .head-drap-module-new dl li.col3 i{ background: rgba(110, 199, 240, .2); color:#65ABC9; } .head-drap-module-new dl li.col4 i{ background: rgba(239, 122, 92, .2); color:#EF7A5C; } .dl-menu-modules .menu-select{ float:left; width:204px; border-right:1px solid #E6E6E6; text-align:center; } .dl-menu-modules .menu-select li{ display:inline-block; margin-bottom:40px; width: 140px; height: 50px; line-height:50px; background:transparent; border-radius: 4px; font-size:18px; color:#333; text-align:center; float:none !important; cursor:pointer; } .dl-menu-modules .menu-select li.active{ background: #F0F4FF; color:#2D74FF; } .menu-conts{ width:990px; } .menu-conts li{ display:none; padding-left:50px; text-align:left; } .menu-conts li.active{ display:inline-block; } .menu-conts li a{ display:inline-block !important; margin-right:40px; margin-bottom:40px; width: 194px; height: 50px; line-height:50px; background: linear-gradient(180deg, #F5F6FB 0%, #FFFFFF 100%); box-shadow: 0px 3px 6px 0px rgba(45,116,255,0.1); border-radius: 4px; padding-left: 26px; box-sizing: border-box; text-align:left; } .menu-conts li a svg{ margin-top:10px; font-size:20px; } .menu-conts li a:nth-child(4n){ margin-right:0; } .menu-conts li a em{ display:inline-block; margin-left:12px; font-size:14px; color:#383D41; vertical-align:top; padding: 0 !important; line-height: 50px; height:50px; min-width: auto; } .news-draps{ position: absolute; left: -10px; z-index: 2; width: 106px; top: 70px; } .news-draps .head-drap-trange{ padding-top:10px; padding-bottom:10px; box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.1); } .news-draps a{ display:block !important; font-size:16px; color:#666 !important; line-height:32px !important; } .news-draps a:hover{ color:#2D74FF !important; }