@charset "utf-8"; .col-md-3{ width:20% !important; } .b1 { background-position: center center; background-size: cover; height: 500px;javascript:; width: 100%; } /*幻灯*/ .main_visual{ height: 475px; overflow: hidden; position: relative; } .main_image img{ width:100%; } .main_image ul { position: absolute; top: 90%; left: 54%; z-index: 10; height: 15px; width: 230px; margin-top: 0; margin-right: 0px; margin-bottom: 0; margin-left:-100px; text-align:center; } .main_image a img{ float: left; width: 100%; /*height: 700px !important;*/ background-repeat: no-repeat; background-position: center center; background-size: cover; } .main_image .b1 a{ background-image: ; } .main_image .b2 a{ background-image: ; } .main_image .b3 a{ background-image: ; } div.flicking_con a.on{ background-position: center -15px } #btn_prev,#btn_next{ z-index: 11111; position: absolute; display: block; width: 44px!important; height: 44px!important; top: 50%; margin-top: -22px; display: none; } #btn_prev{ /* left: 50px;*/ background-image: ; background-repeat: no-repeat; } #btn_next{ /* right: 50px;*/ background-image: ; background-repeat: no-repeat; } .fourbox { margin-top: -118px; z-index: 100; } #piclist { margin-bottom: 150px; } #fourbox .lk { text-align: center; } #fourbox h2 { text-align: center; font-size: 17px; color: #0067b4; font-weight: bold; margin-top: 10px; margin-bottom: 0px; } #fourbox h2 a{ font-size: 17px; font-weight: bold; } #fourbox .col-xs-3 h3{ line-height:4.1em; text-align:center; } @media screen and (max-width: 991px) { #fourbox .col-xs-3 h3{ line-height:2em; } #fourbox .col-xs-3 h3 a{ font-size:0.7em !important; }} #fourbox .pcbdesign h3{ background-color:#0067b4; } #fourbox .pcbfabrication h3{ background-color:#00a1e5; } #fourbox .pcbassembly h3{ background-color:#00b38b; } #fourbox .partssourcing h3{ background-color:#f3af32 } .forudisc { font-size: 13px; color: #333; line-height: 22px; padding-top: 15px; padding-bottom: 15px; } .forudisc p{ color:#f00; margin:0; } .bk a { font-size: 1.4em; } .topnews .topimg.pull-left a { display: block; width: 145px; } .topnewsdetail { padding-left: 165px; } .toplist { clear: both; } .topnews { padding-right: 15px; } .toplist a { float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #666; } .toplist li time { float: right; line-height: 2.5em; } .toplist li { clear: both; } .newsbox .toplist li a { display: block; padding-left: 10px; background-image: ; background-repeat: no-repeat; background-position: left center; } #mainmenu ul>li:hover .navsub { display: block; } .navsub img { float: left; margin-left:15px; } .navsub .sublist{ float: left; display: block; margin-left: 40px; } .navsub .navtitle { text-align: left; display: block; padding-bottom: 5px; width: 110px; margin-top: -10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .navsub .navtitle a{ display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #0057a4; padding-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 15px; color: #0057a4; } .navsub a { font-size: 1.2em; display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999; width: 110px; margin-bottom: 10px; padding-bottom: 3px; color: #141414; text-align: left; clear: both; } .navsub a:hover { text-decoration: none; color: #0057a4; background-image: ; background-repeat: no-repeat; background-position: left center; padding-left: 10px; } .navnews { width: 500px; left: -290px; display: none; } .navyw { width: 950px; right: -260px; display: none; } .navjs { width: 500px; display: none; right: -110px; } .bk49 { width: 49%; } /*轮播图*/ .item{ position:absolute; } #tabs{ position:absolute; right:850px; bottom:5px; } .tab{ float: left; margin-right: 27px; width: 15px; height: 15px; background: #ffffff; cursor: pointer; border-radius: 50%; } .item-active{ border-color: #999497; background: #c40000; width: 30px; height: 15px; border-radius: 10px; } .btny{ position:absolute; top:50%; margin-top:-35px; width:40px; height:110px; color:#d6d3d5; font-size:36px; line-height:70px; text-align:center; cursor:pointer; } .btny:hover{ background-color:#00000070; opacity: 0.5; } .prev{ display:none; width:60px; height:100px; /* border-radius:50%;*/ position: absolute; left:30px; opacity: 0.5; background:url(/uploads/image/shi/banner-left.png) no-repeat center; /* background-color: rgba(255,255,255,0.6);*/ } .next{ display:none; width:60px; height:100px; /* border-radius:50%;*/ position:absolute; right:20px; opacity: 0.5; background: url(/uploads/image/shi/banner-right.png) no-repeat center; /* background-color: rgba(255,255,255,0.6);*/ } /*底部*/ /*.footer { padding: 60px 0; border-top: 4px solid #f54c18; background-color: #2b2726; color: #fff; }*/ .w1200 { margin: 0 auto; width: 1200px; } .footer .copyright-group1 { overflow: hidden; border-bottom:1px solid #4a4a4a; padding-bottom:30px; } .footer .copyright-group1 .foot-nav-sidebar { float: left; width: 651px; border-right: 1px solid #423c3a; } .footer .copyright-group1 .foot-nav-sidebar .item-footer { float: left; margin: 0 30px 0 0; width: 100px; color: #fff; } .footer .copyright-group1 .foot-nav-sidebar .item-footer dt { margin-bottom: 15px; } .f14 { font-size: 14px; } .footer .copyright-group1 .foot-nav-sidebar .item-footer dd { margin-top: 6px; } .footer .copyright-group1 .foot-nav-sidebar .item-footer a { color: #afafaf; text-decoration:none; } .footer .copyright-group1 .foot-tel-center { float: left; margin-left: 60px; width: 280px; } .footer .copyright-group1 .foot-tel-center p { margin-bottom: 4px; color: #afafaf; } .footer .copyright-group1 .foot-tel-center em { margin: 12px 0; } em, i { display: block; font-style: normal; } .en { font-family: verdana; } .footer .copyright-group1 .foot-ewm-right { float: right; width: 122px; } .footer .copyright-group2 { /*margin-top: 40px;*/ /* padding: 12px 0;*/ height:54px; line-height:4; border-top: 1px solid #423c3a; border-bottom: 1px solid #423c3a; } .footer .copyright-group2 .rz-item { float: left; margin-right: 50px; } .footer .copyright-group2 .rz-item .dt { float: left; line-height:54px; } .footer .copyright-group2 .rz-item a { float: left; margin-left: 10px; } .footer .copyright-group3 { margin-top: 20px; } .footer .copyright-group3 p { margin-bottom: 8px; } /*右侧导航条*/ .cn-sidebar { right: 12px; top: 15%; width: 82px; border-radius: 10px; z-index: 102; box-shadow: 0 0 13px 4px rgba(177, 181, 185, 0.4); background-color: #fff; cursor: move; } .pf { position: fixed; } ul { list-style: none; padding: 0; margin: 0; } .cn-sidebar li { width: 100%; height: 82px; /*border-bottom: 1px solid #f7f7f7*/ position: relative; } .trans, .transall-5 { transition: all .5s; } .ofh { overflow: hidden; } .cn-sidebar li:before { content: ''; position: absolute; top: -100%; left: 0; width: 100%; height: 100%; background-color: #1da6ff; z-index: -1; transition: all .5s; } .cn-sidebar li a { display: block; cursor: pointer; margin: 19px 0 0 0; color: #1da6ff; font-size: 12px; } .cn-sidebar li:hover a{ color: #fff; } .cn-sidebar .icon{ background-image: url(/uploads/image/shi/sp03.png); background-repeat: no-repeat; background-position: 0 -98px; } .cn-sidebar li:hover .icon.icon-ww{ background-position: 0 0; } .cn-sidebar .icon.icon-qq{ background-position: 6px -1px; } .cn-sidebar li:hover .icon.icon-qq{ background-position: 6px -81px; } .cn-sidebar .icon.icon-ol{ background-position: -82px -1px; } .cn-sidebar li:hover .icon.icon-ol{ background-position: -82px -81px; } .cn-sidebar .icon.icon-mini { background-position: -174px -1px; } .cn-sidebar li:hover .icon.icon-mini { background-position: -174px -81px; } .cn-sidebar .icon.icon-qt-r{ background-position: -267px -1px; } .cn-sidebar li:hover .icon.icon-qt-r{ background-position: -267px -81px; } .cn-sidebar .icon.icon-qt-v{ background-position: -360px -1px; } .cn-sidebar li:hover .icon.icon-qt-v{ background-position: -360px -81px; } .cn-sidebar .icon.icon-feedback{ background-position: -448px -1px; } .cn-sidebar li:hover .icon.icon-feedback{ background-position: -448px -81px; } .cn-sidebar li em { display: inline-block; width: 40px; height: 34px; } .cn-sidebar .online-tip.active { max-height: 1000px; padding: 10px; box-shadow: 0 0px 15px 3px rgba(177,181,185,0.38); overflow: visible; } .cn-sidebar .online-tip { box-sizing: border-box; position: absolute; width: 126px; padding: 0; left: -135px; top:65px; color: #666; background: #fff; border-radius: 5px; text-align: left; transition: all .2s; max-height: 0; overflow: hidden; } .cn-sidebar .phone-tip.active { max-height: 1000px; padding: 20px 0 20px 20px; box-shadow: 0 0px 15px 3px rgba(177,181,185,0.38); overflow: visible; } .cn-sidebar .phone-tip { box-sizing: border-box; position: absolute; width: 126px; padding: 0; left: -135px; top:255px; color: #666; background: #fff; border-radius: 5px; text-align: left; transition: all .2s; max-height: 0; overflow: hidden; } .text-black, a.text-black { color: #000; } .cn-sidebar li:hover:before{ top: 0; } .cn-sidebar .mini-tip { box-sizing: border-box; position: absolute; width: 126px; height: 126px; left: -135px; top: 139px; color: #666; border-radius: 5px; text-align: left; transition: all .2s; background-color: #fff; background-image: url(/uploads/image/shi/sp03.png); background-repeat: no-repeat; background-position: -538px 9px; max-height: 0; overflow: hidden; } .cn-sidebar .mini-tip.active{ max-height: 1000px; box-shadow: 0 0px 15px 3px rgba(177,181,185,0.38); overflow: visible; } .cn-sidebar .mini-tip:after { content: ' '; position: absolute; height: 20px; left: 125px; top: 49px; border-top: 10px solid transparent; border-left: 10px #fff solid; border-bottom: 10px solid transparent; } /*意见反馈*/ .yjfg{ width: 30px; height: 30px; margin:9px; display:block; background:no-repeat; } .yjfg:hover{ width:50px; height:50px; margin:3px; display:block; background:no-repeat; } #wrapper_suggestion{ display: none; position: fixed; width: 500px; height: 474px; top: 50%; left: 50%; margin-left: -250px; margin-top: -237px; border: 1.5px solid rgba(80,189,250,0.7); background-color: #fff; font-size: 14px; font-family: simsun; z-index: 999; box-shadow: 0 0 5px #ececec; } #wrapper_suggestion .title{ height:40px; line-height:40px; background-color:#50bdfa; font-size: 16px; text-indent:18px; color:#ffffff; font-weight:550; font-family: "microsoft yahei"; } #wrapper_suggestion .content { padding: 20px 30px 30px 30px; } #wrapper_suggestion textarea { width: 430px; border: 1px solid #ccc; padding: 0; line-height: 25px; height: 150px; resize: none; padding: 5px; font-family: "microsoft yahei"; } #wrapper_suggestion li { float: left; width: 216px; height: 45px; } #wrapper_suggestion li input { width: 158px; height: 28px; border: 1px solid #ccc; padding: 0; text-indent: 3px; font-family: simsun; } #wrapper_suggestion .post { border: 1px solid #50bdfa; margin-left: 100px; } #wrapper_suggestion button { width: 98px; height: 36px; font-size: 14px; background-color:#50bdfa; cursor:pointer; } #wrapper_suggestion .cancel { border: 1px solid #ccc; background-color: #f8f8f8; color: #666; outline: 0; margin-left: 45px; } .container nav{ padding-bottom:0; } /*.icon { float: left; width: 30px; height: 30px; padding-left:40px; background: no-repeat; }*/ /*pcb计价*/ em, i { display: block; font-style: normal; } .fast-instant { position: absolute; top: 26%; right: 0; left: -770px; z-index: 7; margin: auto; width: 485px; height: 475px; background-color: #fff; border-radius:10px; } .fast-instant .instant-hd { height: 43px; /*background-color: #423c3a;*/ line-height: 43px; border-radius: 10px 10px 0px 0px; background:linear-gradient( 0deg,rgba(196,0,0,1),rgba(236,61,61,1)); } .fast-instant .instant-hd .tabs li.selected { background-color: #ffffff; color: #555; font-weight: bold; /* font-size: 22px; */ } .fast-instant .instant-hd .tabs li { position: relative; float: left; width: 25%; color: #fff; text-align: center; line-height: 44px; cursor: pointer; border-radius: 10px 10px 0px 0px; font-size:16px; } .fast-instant .instant-hd .tabs li .jp-icon { position: relative; top: -2px; display: inline-block; display: none; margin: 0 5px 0 5px; width: 20px; height: 20px; vertical-align: middle; line-height: 0; } .fast-instant .instant-hd .tabs li .spacer { position: absolute; top: 10px; right: -1px; z-index: 99; display: none; width: 1px; height: 20px; background-color: #555; } /*.fast-instant .instant-bd { display: none; margin: 35px 0 0 30px; background-color: #fff; }*/ .fast-instant .tab_box{ padding:35px 0 0 20px; } .fast-instant .banner-register{ margin-top: 35px; width: 485px; height: 78px; background: linear-gradient(0deg,rgba(196,0,0,1),rgba(236,61,61,1)); border-radius: 0px 0px 10px 10px; } .clearfix { zoom: 1; } .banner-register span img{ width:110px; margin-right:40px; } .banner-register a img{ width:290px; } .fast-instant .instant-bd .pcb-item dd { float: left; margin: 15px 32px 15px 0; width: 200px; } /* .fast-instant .instant-bd .pcb-item dd.spacer { margin: 0 25px 10px 0; } */ .fast-instant .instant-bd .pcb-item dd .text-a { position: relative; float: left; /* width: 189px; height: 45px; line-height: 40px; */ } .fast-instant .instant-bd .pcb-item dd .ms { /*border: 1px solid #ccc; border-radius: 2px;*/ } .fast-instant .instant-bd .pcb-item dd .text-a input { width: 60px; } .fast-instant .instant-bd .pcb-item dd .text-a .cf { width: 38px; height: 40px; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; background-color: #efefef; text-align: center; line-height: 40px; } .fast-instant .instant-bd .pcb-item dd .text-a input { width: 55px; } .fast-instant .instant-bd .pcb-item dd input { float: left; /* padding: 0 10px; */ height: 40px; outline: none; border: 1px solid #ccc; /* border-radius: 0px 5px 5px 0px; */ color: #484848; line-height: 45px; text-indent: 15px; } .fast-instant .instant-bd .pcb-item dd .text-a .mm { width: 39px; height: 40px; /* border-top: 1px solid #d5d5d5; */ /* border-bottom: 1px solid #d5d5d5; */ border: 1px solid #d5d5d5; border-left: 0; background-color: #efefef; text-align: center; line-height: 40px; } .navitems-group1 ul{ margin:0; padding:0; } .fast-instant .instant-bd .pcb-item dd .text-a .dt { /* float: left; */ /* padding: 0 10px; */ /* width:55px; */ } .fast-instant .instant-bd .pcb-item dd .text-a .select-box { position: relative; overflow: hidden; width: 135px; } .fast-instant .instant-bd { display: none; background-color: #fff; } /*.fast-instant .instant-bd .pcb-item dd .text-a .select-box .select-icon { position: absolute; top: 50%; right: 0; margin-top: -3px; width: 11px; height: 6px; background: ; }*/ .fast-instant .instant-bd .pcb-item dd .text-a .select-box select { width: 135px; border: 1px solid #d5d5d5; height:39px; line-height:39px; text-indent:5px; } input, button, select, textarea { outline: none; } /*body, button, input, select, textarea { color: #333; font: 12px/1.5 'microsoft yahei',arial, helvetica, sans-serif; }*/ .fast-instant .instant-bd .quotebtn { width: 200px; height: 50px; display: inline-block; font-size: 16px; line-height: 48px; border: 0; text-align: center; background: linear-gradient(0deg,rgba(196,0,0,1),rgba(236,61,61,1)); color: #ffffff; border-radius: 30px; box-shadow: 0 6px 6px #f57777; margin: 35px 0px 30px 120px; } .fast-instant .instant-bd .quotebtn .submit-icon { position: relative; display: inline-block; margin: -3px 0 0 35px; width: 19px; height: 10px; background: ; vertical-align: middle; } .fast-instant .instant-bd .pcb-item dd .text-b { position: relative; float: left; /* width: 210px; */ /* height: 40px; */ /* border: 1px solid #ccc; */ border-radius: 5px; /* line-height: 40px; */ } .fast-instant .instant-bd .pcb-item dd .text-b .dt { float: left; /* width: 80px; */ /* border-right: 1px solid #ccc; */ /* background-color: #e9e9e9ff; */ /* height: 40px; */ /* line-height: 40px; */ /* font-size: 15px; */ border-radius: 5px 0px 0px 5px; text-align: right; } .fast-instant .instant-bd .pcb-item dd .text-b .ct { float: left; /* width: 105px; */ /* border-right: 1px solid #ccc; */ /* background-color: #e9e9e9ff; */ /* height: 40px; line-height: 40px; */ /* font-size: 15px; */ border-radius: 5px 0px 0px 5px; text-align: right; } /*.fast-instant .instant-bd .pcb-item dd .text-b .select-box { position: relative; float: left; overflow: hidden; width:102px; }*/ .fast-instant .instant-bd .pcb-item dd .text-b .select-box input { padding: 0 5px; width: 151px; } .fast-instant .instant-bd .pcb-item dd .choose { position: relative; } .fast-instant .instant-bd .pcb-item dd .choose li.over { /*border: 1px solid #0a8fd4; background: bottom right no-repeat #fff; color: #0a8fd4;*/ color: #fff; background:#c40000; } .fast-instant .instant-bd .pcb-item dd .choose li:last-child { margin-right: 0; } .fast-instant .instant-bd .pcb-item dd .choose li { float: left; margin: 10px 15px 3px 0px; padding: 0 13px; height: 35px; /* border: 1px solid #e5e5e5; */ border-radius: 3px; background-color: #e9e9e9ff; line-height: 35px; cursor: pointer; } label { cursor: default; margin-bottom:0; font-weight:500; color: #333333ff; } .ui-left { float: left; } .clearfloat { clear: both; } .fast-instant .instant-bd .describe { padding: 0 8px; height: 140px; } .fast-instant .instant-bd .describe li { margin-bottom: 10px; list-style-type: disc; } .navitems-scroll { position: fixed; top: 0; right: 0; left: 0; z-index: 100; width: 100%; height: 46px; background-color: #423c3a; /* -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.16); -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.16);*/ box-shadow: 0 2px 4px rgba(0,0,0,0.16); } .proofing-and-mass .pam-info { width: 481px; margin-left: -160px; } .proofing-and-mass .img1{ background-image: url(/uploads/image/shiimage/qrcode.png); width: 170px; height: 170px; background-color: white; background-repeat: no-repeat; } .text-justify { text-align: justify; text-justify: inter-ideograph; } .text-body { font-size: 18px; color: #646464; letter-spacing: 2.34px; /* letter-spacing: 2px; */ line-height: 36px; } .fs-16 { font-size: 16px; } .mt-30 { margin-top: 30px; } .text-orange, a.text-orange { color: #ff9a26; } .mt-80 { margin-top: 80px; } .btn-hg { width:200px; height:60px; line-height: 55px; font-size: 22px; /* font-weight: bold; */ letter-spacing: 1.1px; border-radius: 5px; transition: all .2s; padding: 0; } .btn-hg span a{ font-size:22px; text-decoration:none; } .btn-orange { background: #ff9a26; color: #ffffff; cursor: pointer; } .btn-orange:hover { color: #fff; background-color: #feb35e; } .center-block { display: block; margin-left: auto; margin-right: auto; } .btn span.service-icon { letter-spacing: 0; position: relative; top: -2px; } .service-icon { padding-top: 1px; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; display: inline-block; text-indent: 0; font-weight: normal; font-size: 16px; } .bg-white { background-color: #fff; } .text-orange, a.text-orange { color: #ff9a26; } /*解决快速打样和低成本问题*/ .mr25{ margin-right:25px; } .text-heading { font-size:27px; /* font-weight:bold; */ color: #000000; /* letter-spacing: 4.2px; */ } .servicefuture h3{ margin-top:15px; } .serviceproduct h3{ margin-top:15px; } .proofing{ display:flex; justify-content:center; margin-bottom:60px; } .bg-gray hr { width: 100px; height: 3px; background: #c40000; border-radius: 5px; margin-top:0px; margin-bottom:30px; } /*向下*/ .triangle_border_down{ width:0; /* border-style:solid; border-color:#333 transparent transparent; */ margin:0px auto; position:relative; } .triangle_border_down span{ display: block; width: 0; height: 0; border-width: 10px 7px 0; border-style: solid; border-color: #c40000 transparent transparent; position: absolute; top: -30px; left: -7px; } .bg-gray .container a { text-decoration:none; color: #333333ff; } .btn-blue { background: #1da6ff; color: #ffffff; cursor: pointer; } .text-blue, a.text-blue { color: #1da6ff; } .fl { float: left; } .service-type { width: 450px; margin: 0 auto 60px auto; } .pull-left { float: left !important; } .bg-orange { background-color: #ff9a26; } .text-white, a.text-white { color: #fff; } .text-subheading { font-size:17px; letter-spacing: 4px; /*color:#333333ff;*/ font-weight: bold; } .bg-blue { background-color: #1da6ff; } .serviceproduct.active .product-item { opacity: 1; transform: translatey(0); } .w-18p{ width:33.33%; } /*.ml-11{ margin-left:11px;; }*/ .product-item a { display: block; overflow: hidden; box-shadow: 0px 0px 9px rgba(76,75,75,0.14); } .product-item a:hover { transform: scale(1.03); text-decoration:none; border-radius: 10px; } .product-item{ transform: translatey(-40px); opacity: 0; transition:all .5s; padding: 0 15px; } .box-t { /* height: 192px;*/ /* position: relative; */ } .box-t img { width: 100%; } .box-t .info { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:#c40000; padding:40px; opacity: 0; line-height: 36px; letter-spacing: 1px; text-align: justify; } .product-item a:hover .info { opacity: 1; } .box-m { padding: 15px 10px; border-top: 1px solid #f0f0f0; } .mt-35{ margin-top:50px; } .serviceproduct.active .product-item { height:300px; } .box-m .icon-r { top: 18px; left: 15px; } .pr { position: relative; } .pa { position: absolute; } .box-m .icon-v { top: 18px; right: 15px; } .box-m .subtitle { margin-bottom: 0; font-size: 19px; color: #666; letter-spacing: 4px; } .pull-left .text-subheading{ color:#000; } .pull-right .text-subheading{ color:#000; } /*用户问答*/ .bg_place{ background-image: url(/uploads/image/shi/place.png); } .tempwrap{ overflow:hidden; height: 384px; } .tempwrap .tempwrap_ul{ position:relative; height:466px; overflow:hidden; } .tempwrap ul{ position:absolute; width:100%; left:0; top:0; } .tempwrap ul li{ height: 34px; } .real-time { /*width: 1110px; margin: 0 auto;*/ display: flex; /*background: linear-gradient(0deg,rgba(46,118,249,1),rgba(89,146,250,1));*/ border-radius: 10px; } .index-timely-order { margin: 20px 20px 20px 0px; width: 750px; height: 420px; overflow: hidden; border-radius: 16px; background: #fff; } .g-left, .g-right { display: inline; } .g-left { float: left; } .g-clear { zoom: 1; } .fc-fred, .g-bluelink:hover { color: #ff0000ff; } .index-timely-order .hd { line-height: 50px; font-size: 18px; text-indent:25px; } .index-timely-order .bd span, .slid-ovflow-box big, .smt-prod-show .desc, .smt-prod-show .tit, .smt_file_up_place { text-overflow: ellipsis; overflow: hidden; } .index-timely-order .bd span { float: left; width: 117px; line-height: 35px; text-align: center; white-space: nowrap; } .index-timely-order .titrows { height: 35px; line-height: 35px; background: rgba(231,232,234,1); color: #999999ff; font-size: 14px; } .index-timely-order li { overflow: hidden; } .index-helpr { margin:20px 0px 20px 20px; width: 495px; height: 420px; margin-left: 30px; line-height: 32px; border-radius: 16px; overflow: hidden; background: #fff; } .index-helpr .bd{ height:388px; overflow:hidden; position:relative; } .index-helpr .hd{ line-height: 50px; /*background-color: #f5f5f5;*/ font-size: 16px; text-indent: 25px; color: #5d5d5d; font-weight: 400; } .index-helpr .hd a{ color:#333; text-decoration:none; } .index-helpr .lisn{ position:relative; height:188px; overflow:hidden; } .index-helpr .bd ol { position:absolute; width:100%; left:0; top:0; height: 188px; } .index-helpr .bd li { position: relative; height:auto; padding:5px; /* border-bottom: 1px dashed #e1e1e1;*/ } .index-helpr .w{ position: absolute; left: -13px; top: 0px; line-height: 14px; font-size: 18px; padding: 8px 8px; border-radius:50%; background-color: #2575fc; color: #fff; font-weight: 500; } .index-helpr .q { padding-left:25px; line-height: 22px; font-size: 17px; color: #2575fc; margin: 0; text-decoration: none; } .index-helpr p { font-size:14px; color: #333333; padding:0 20px 0 25px; margin-top:10px; letter-spacing:2px; } .index-helpr .a { line-height: 22px; font-size: 14px; color: #5d5d5d; margin:0; } /*平台*/ .serviceadvantages { padding-bottom: 10px; padding-top: 6px; } .active { color: #fff; } .serviceadvantages.active .left { transform: translatex(0); } .serviceadvantages .left { width: 55%; transform: translatex(-800px); } .content-row { width: 27%; padding-top: 160px; } .content-row .detailbox { width: 159px; margin: 0 auto 60px; text-align: justify; text-justify: inter-ideograph; } .content-row p.title { margin-bottom: 15px; color: #1da6ff; } .serviceadvantages .content-row .detailbox p.text-explain { line-height: 24px; color: #858585; } .text-explain { font-size: 14px; letter-spacing: 1.4px; line-height: 24px; } /*.title { display: inline-block; height: 38px; border-bottom: 2px solid #0093dd; width:116px; padding-right: 20px; margin-left:25px; line-height: 40px; }*/ .content-row.row2 { width: 46%; padding-top: 0; position: relative; } .content-row.row2 .detailbox { margin-bottom: 0; } .content-row.row2 .mid { height: auto; } .mid-container { width: 268px; height: 268px; margin: 40px auto; border-radius: 50%; border: 2px solid #eaf3ff; position: relative; } .canvas-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background:url(/uploads/image/shiimage/baifenzhi.png)no-repeat; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } .d-between{ display: flex; justify-content: space-between; width: 100%; } .serviceadvantages.active .right { transform: translatex(0); } .serviceadvantages>div>div.right { width: 361px; margin-left:15%; padding-top: 0; } .fr { float: right; } .serviceadvantages h3{ line-height: 50px; margin-bottom: 25px; margin-top: -10px; } .text-orange, a.text-orange { color: #ff9a26; } .servicedetail.active .left { transform: translatex(0); } .servicedetail>div>div.detail { width: 637px; padding-top: 20px; } .servicedetail .left { transform: translatex(-800px); } .servicedetail .detail .img.img1 { background-position: 0 0; } .servicedetail .detail .img { background-image: url(/uploads/image/shiimage/qrcode.png); width: 169px; height: 169px; background-color: white; background-repeat: no-repeat; } .servicedetail .detail .qr-name { color: #999999; letter-spacing: 1.2px; } /*云端工厂*/ .servicefuture { /* padding-bottom: 45px; padding-top: 45px;*/ } .servicefuture.active .title { transform: scale(1) rotatez(0); } .servicefuture .title { transform: scale(0) rotatez(-360deg); } .servicefuture .detailbox.trunl { transform: translatex(-800px); } /*.servicefuture .content { height: 322px; }*/ .servicefuture.active .detailbox { opacity: 1; transform: scale(1) translatey(0); } .servicefuture .detailbox:hover { /* margin-top: -5px;*/ background-image: ; border-radius: 10px; border: 0; color: #fff; } .servicefuture.active .detailbox1 { opacity: 1; transform: scale(1) translatey(0); } .servicefuture .detailbox1:hover { /* margin-top: -5px; */ background-image: url(/uploads/image/shiimage/favorable.png); border-radius: 10px; border: 0; color: #fff; } .servicefuture.active .detailbox2{ opacity: 1; transform: scale(1) translatey(0); } .servicefuture .detailbox2:hover { /* margin-top: -5px; */ background-image: ; border-radius: 10px; border: 0; color: #fff; } .servicefuture.active .detailbox3{ opacity: 1; transform: scale(1) translatey(0); } .servicefuture .detailbox3:hover { /* margin-top: -5px; */ background-image: ; border-radius: 10px; border: 0; color: #fff; } .servicefuture.active .detailbox4{ opacity: 1; transform: scale(1) translatey(0); } .servicefuture .detailbox4:hover { /* margin-top: -5px; */ background-image: ; border-radius: 10px; border: 0; color: #fff; } .servicefuture .detailbox5:hover { /* margin-top: -5px; */ background-image: ; border-radius: 10px; border: 0; color: #fff; } .servicefuture .detailbox { padding: 10px 35px 40px; text-align:left; } .servicefuture .detailbox1 { padding: 10px 35px 40px; text-align:left; } .servicefuture .detailbox2 { padding: 10px 35px 40px; text-align:left; } .servicefuture .detailbox3 { padding: 10px 35px 40px; text-align:left; } .servicefuture .detailbox4 { padding: 10px 35px 40px; text-align:left; } .servicefuture .detailbox5 { padding: 10px 35px 40px; text-align:left; } .w-16p { width:16.66%; } .w-20p { width:20%; } .hoverborder { border: 1px solid transparent; } .servicefuture .top { margin-bottom: 20px; } .servicefuture .top em { display: block; width:60px; height:60px; margin: 0 auto; background-image: url(/uploads/image/shiimage/sp02.png); background-position: -8px 0px; } .servicefuture .top em.imgs2 { background-position: -124px 0; } .servicefuture .top em.imgs3 { background-position: -250px 0; } .servicefuture .top em.imgs4 { background-position: -372px 0; } .servicefuture .top em.imgs5 { background-position: -489px 0; } .servicefuture .top em.imgs6 { background-position: -609px 0; } .servicefuture .detailbox:hover .top em { transform: scale(1); background-image:url(/uploads/image/shiimage/sp04.png); } .servicefuture .detailbox1:hover .top em { transform: scale(1); background-image:url(/uploads/image/shiimage/sp04.png); } .servicefuture .detailbox2:hover .top em { transform: scale(1); background-image:url(/uploads/image/shiimage/sp04.png); } .servicefuture .detailbox3:hover .top em { transform: scale(1); background-image:url(/uploads/image/shiimage/sp04.png); } .servicefuture .detailbox4:hover .top em { transform: scale(1); background-image:url(/uploads/image/shiimage/sp04.png); } .servicefuture .detailbox5:hover .top em { transform: scale(1); background-image:url(/uploads/image/shiimage/sp04.png); } .servicefuture .top em { transform: scale(.84); } .servicefuture .detailbox .details { color: #666666ff; margin-top: 20px; width: 140px; height: 80px; font-size: 17px; font-weight: 500; line-height: 35px; } .servicefuture .detailbox:hover .details{ color: #ffc3c3; } .servicefuture .detailbox1:hover .details{ color: #ffc3c3; } .servicefuture .detailbox2:hover .details{ color: #ffc3c3; } .servicefuture .detailbox3:hover .details{ color: #ffc3c3; } .servicefuture .detailbox4:hover .details{ color: #ffc3c3; } .servicefuture .detailbox5:hover .details{ color: #ffc3c3; } .servicefuture .detailbox1 .details { color: #666666ff; margin-top: 20px; width: 141px; height: 80px; font-size: 17px; font-weight: 500; line-height: 35px; } .servicefuture .detailbox2 .details { color: #666666ff; margin-top: 20px; width: 140px; height: 80px; font-size: 17px; font-weight: 500; line-height: 35px; } .servicefuture .detailbox3 .details { color: #666666ff; margin-top: 20px; width: 140px; height: 80px; font-size: 17px; font-weight: 500; line-height: 35px; } .servicefuture .detailbox4 .details { color: #666666ff; margin-top: 20px; width: 140px; height: 80px; font-size: 17px; font-weight: 500; line-height: 35px; } .servicefuture .detailbox5 .details { color: #666666ff; margin-top: 20px; width: 140px; height: 80px; font-size: 17px; font-weight: 500; line-height: 35px; } /*.bottom p{ color:#000; }*/ .trans, .transall-5 { transition: all .5s; } /*信赖之选*/ .servicecustomers h3 { line-height: 50px; /*letter-spacing: 4px;*/ /*margin-bottom:15px;*/ margin-top:20px; } .servicecustomers.active .content { opacity: 1; transform: translatey(0); } .servicecustomers .content { opacity: 0; transform: translatey(200px); } .servicecustomers .tablist { display: flex; justify-content: space-around; margin-bottom:15px; } .servicecustomers .tablist ul { /* padding-left: 3px; border-bottom: 2px solid #d8ebff; */ display:none; } .d-lin { display: inline-block; } .servicecustomers .tablist li.active, .servicecustomers .tablist li:hover { color: #fff; background:#c40000; border-radius: 20px; } .servicecustomers .tablist li { width: 115px; height: 35px; line-height: 35px; padding: 0; margin: 0 30px 0px 0px; font-size: 18px; cursor: pointer; transform: translatey(2px); } .contentlist .logoitem { width: 16.66%; padding: 0 5px 10px; } .contentlist .logoitem div { /*border: 1px solid #e8edf0;*/ height:80px; /*background-size: 100%;*/ background-color: #fff; background-position: center; background-repeat: no-repeat; } .text-body { font-size: 18px; color: #333333; letter-spacing: 2.34px; /* letter-spacing: 2px; */ line-height: 36px; } .servicecustomers .tablist li a { font-size: 16px; color: #999; text-decoration:none; } .servicecustomers.active .tipbox { opacity: 1; } .servicecustomers .tipbox { opacity: 0; } .btn-lg { width: 180px; height: 52px; line-height: 51px; font-size: 20px; /* font-weight: bold; */ letter-spacing: 1px; border-radius: 5px; transition: all .2s; padding: 0; margin-top: 50px; } /*智能化*/ .image-bg { /*background-color: #f7f7f7;*/ padding: 0px 0px 10px 0px; } .image-center .images-menu { width: 100%; height: 46px; } .images-menu .image-menuleft { /* float: left;*/ display: flex; justify-content: center; width: 100%; height: 40px; margin-bottom: 20px; } .images-menu .image-menuleft .cur-check { background:#2575fc; color: #fff; border-radius: 20px; } .images-menu .image-menuleft ul li { float: left; width: 170px; height: 40px; margin-right: 30px; line-height: 40px; font-size: 1.6em; /* background-color: #0099ef; */ text-align: center; color: #333333; cursor: pointer; font-weight: bold; } .images-menu .image-menuleft ul li:hover { background:#2575fc; color: #fff; border-radius: 20px; } .images-menu .image-menuright { float: right; width: 30%; height: 46px; margin-bottom:45px; } .image-menuright ul li { float: right; margin: 0 18px 0 18px; } .image-menuright .rightarrow { width: 46px; height: 46px; background: url(/uploads/image/shiizhinenghua/youlan.png) no-repeat; cursor: pointer; } .image-menuright .leftarrow { width: 46px; height: 46px; background: url(/uploads/image/shiizhinenghua/zuolan.png) no-repeat; cursor: pointer; } .image-mid ul li { float: left; width: 277px; height: 217px; position: relative; } /*用户分享*/ .share-query { background-color: #ffffff; /* height: 550px; */ } .share-query .user-share { width: 390px; float: left; } .share-query .user-share .share-title { line-height: 50px; padding-top: 20px; box-sizing: border-box; } .share-query .user-share .share-title > span { font-size: 18px; color:#3bb4f3; float: left; margin-top: 20px; font-weight:bold; } .share-query .user-share .share-title > .more-btn { float: right; } .more-btn { width: 150px; display: inline-block; height: 42px; text-align: center; line-height: 42px; border: 1px solid #e4e4e4; border-radius: 100px; margin: 20px 0 0 0; font-size: 14px; color: #3bb4f3; transition: all 0.3s; } .share-query .user-share .customer-box { overflow: hidden; height: 410px; border-radius: 6px; border: 1px solid #efefef; margin-top: 15px; position: relative; } .customer-box ul { width:100%; position:absolute; left:0; top:0; } .clearfloat:after { display: block; content: ''; width: 0; height: 0; clear: both; } .share-query .user-share .customer-lists { padding:29px 20px; box-sizing: border-box; /* height: 400px;*/ overflow: hidden; } .user-share .customer-lists li { height:126px; line-height:20px; box-sizing: border-box; } .customer-lists li .customer-img { float: left; width: 70px; height: 70px; } .customer-lists li .customer-info { float: right; width: 270px; } .customer-lists li .customer-info .info-top > span { float: left; line-height: 24px; margin-right: 15px; font-weight:bold; } .customer-lists li .customer-info .info-top .star-rating { float: left; } .customer-info .info-top .star-rating > .icon-wujiaoxingquanxing { color: #ffd226; } /*成交订单*/ .newest_order { width:64%; border: 1px solid #efefef; float:right; margin-top:40px; font-family: microsoft yahei; } .newest_min_title1 { padding:5px; /* padding-left: 15px;*/ background: #fff; border: 1px solid #efefef; } .newest_min_title1, .newest_min_title2 { font-size: 14px; font-family: microsoft yahei; } .newest_order_data .description { width: 30%; height: 100%; border: 1px solid #efefef; float: left; font-size: 10px; border-right: 0px; border-top: 0px; border-bottom:0px; font-family: microsoft yahei; } .newest_order_data .description ul li { list-style-type: none; margin-top:60px; margin-left:20px; } .description li { display: block; padding: 5px; } .description li .max-span { font-size: 18px; font-family: microsoft yahei; color: #0e87ff; } .description li span { margin-left: 5px; } .description li .min-span { font-size: 12px; font-family: microsoft yahei; } .newest_order_data .order_data { width:68%; padding-bottom:20px; padding-left:8px; /* overflow: hidden;*/ height: 430px; float:left; position: relative; } .newest_order_data .description ul { /*height: 90%;*/ border-right: 1px solid #efefef; } .order_data .order_list{ line-height:30px; background: #efefef; border-bottom: 0px; } .order_list span { float: left; width: 97px; text-align:center; padding-left:16px; font-size:12px; background:#eee; } .sletia span { float: left; width:97px; text-align:center; } .sletia{ height:390px; width: 100%; max-width: 640px; overflow: hidden; position: relative } .sletia ul { width:100%; position:absolute; left:0; top:0; } .sletia span { padding-left:16px; font-size:12px; /*color:#d83e21;*/ } .sletia li { /* width:420px;*/ height:30px; line-height:30px; } .sletia .jr{ color:#0e87ff; } /*智能工艺*/ /*-----------------------------------------------------------hk-----------------------------------------------------------*/ @media only screen and (min-width: 1200px){ .part1170{width: 1170px;margin: 0 auto;overflow: hidden;} .product_fun ._tit .p2{margin: 16px 0 30px 0;} ._advantage{margin-top: 40px;} ._advantage ul li{float: left;margin-right: 1px;width: 194px;} ._advantage{height: 420px;width:100%;background: no-repeat top center;} .advantage_tit{color: #fff;} .state_contetnt{text-align: left;} .service_mode{width:1170px;margin:0 auto;overflow: hidden;margin-bottom: 80px;} .service_mode_tit{margin: 40px 0 30px 0;} .service_mode .mode{width: 32%;border:1px solid #d5e0e5;float: left;margin-right: 20px;} .btn_part56{margin-top: 56px!important;} .mode ul li{padding: 0 27px;} .profunc .func{width: 32%;float: left;margin-right: 20px;} .height94,.height108{padding: 0 30px;} .profunc .tit{margin: 30px 0;} .advantage_one{width: 32%;float: left;margin-right: 20px;height: 175px;border: 1px solid #d5e0e5;margin-bottom: 20px;} .one_mode{width: 33.33%;float: left;height: 460px;border: 1px solid #d5e0e5;} .one_mode2{border-left:none;} .one_mode3{border-left: none;} .mode_btn div{margin: 26px 0 58px 0;} .mode_btn1 div{margin-top: 50px;} .mes_servive_mode{margin-bottom: 80px;} ._advantage ul li div.mask2{display: none;} ._advantage ul li:hover div.mask1{display: none;} ._advantage ul li:hover div.mask2{display: block;} } @media only screen and (max-width: 1199px){ .part1170{padding: 0 10px;overflow: hidden;} .product_fun ._tit .p2{margin: 16px 0 20px 0;} ._advantage{margin-top: 20px;} .advantage_tit{color: #666;} .state_contetnt{text-align: center;} ._advantage ul li{margin-bottom: 1px;} .bannerpart img{width:100%; height:150px;} .service_mode{padding: 0 10px;overflow: hidden;} .service_mode_tit{margin: 30px 0 20px 0;} .service_mode .mode{width: 100%;border:1px solid #d5e0e5;margin-bottom: 10px;} .mode ul li{padding: 0 10px;} .profunc .func{width: 100%;margin-bottom: 10px;} .profunc .func:last-child{margin-bottom: 0;} .height94,.height108{padding: 0 10px;} .profunc .tit{margin: 20px 0;} .advantage_one{width: 100%;border: 1px solid #d5e0e5;margin-bottom: 10px;display: inline-block;} .advantage_one ._icon img{width: 80px;} .one_mode{width: 100%;border: 1px solid #d5e0e5;margin-bottom: 10px;} .mode_btn div{margin: 30px 0;} .mes_servive_mode{margin-bottom: 30px;} ._advantage ul li div.mask1{display: none;} } /*-----------------------------------------------------hk-----------------------------------------------------------------*/ @media (min-width: 992px) and (max-width: 1199px) { .design-box .tabbox-res2 .tabs,.design-box .tabbox-res2 .tab_con { width: 100% } } @media (min-width: 768px) and (max-width: 991px) { .design-box .tabbox-res2 .tabs,.design-box .tabbox-res2 .tab_con { width: 100% } } /*--------------------------------------------------------------------erp开始------------------------------------------------------------------------*/ .intro{font-size: 16px;color: #666;line-height: 26px;margin-top: 20px;text-indent: 34px;text-align: justify;} .product_fun ._tit{margin-top: 30px;} .product_fun ._tit .p1{font-size: 30px;text-align: center;color:#666;margin:0;} .product_fun ._tit .p2{font-size: 16px;text-align: center;color:#999;} .product_fun ._img img{width: 100%;display: block;} .advantage_tit{font-size: 30px;text-align: center;margin: 20px 0;} ._advantage ul li{height: 300px;display: block!important;} ._advantage ul li.li1{background: no-repeat top center;background-size: 100% auto;} ._advantage ul li.li2{background: no-repeat top center;background-size: 100% auto;} ._advantage ul li.li3{background: no-repeat top center;background-size: 100% auto;} ._advantage ul li.li4{background: no-repeat top center;background-size: 100% auto;} ._advantage ul li.li5{background: no-repeat top center;background-size: 100% auto;} ._advantage ul li.li6{background: no-repeat top center;background-size: 100% auto;} ._advantage ul li div.mask1{width: 100%;height: 100%;background: rgba(67,95,122,0.7);text-align: center;overflow: hidden;} ._advantage ul li div.mask2{width: 100%;height: 100%;background: rgba(67,95,122,0.5);text-align: center;overflow: hidden;} .img_icon{margin-top: 72px;} .img_icon2{margin-top: 42px;} .w_line{width:30px;height: 2px;background:#fff;margin: 0 auto;margin-top: 20px;} .state_tit{font-size: 20px;color:#fff;margin-top: 20px;} ._state{font-size: 20px;color: #fff;margin-top: 20px;} .state_contetnt{font-size: 14px;color: #fff;line-height: 20px;margin: 20px 20px 0 20px;} /*--------------------------------------------------------------------erp结æÿ------------------------------------------------------------------------*/ /*--------------------------------------------------------------------mes开始------------------------------------------------------------------------*/ .profunc{overflow: hidden;} .profunc .tit{font-size: 30px;text-align: center;color:#666;} .height94 p,.height108 p{line-height: 1.27;margin-bottom: 0;} .height94{height: 94px;background: #d5e0e5;overflow: hidden;} .height94 .p1{color: #226e94;font-size: 26px;margin-top: 16px;} .height94 .p2{font-size: 15px;color: #226e94;margin-top: 12px;} .height108{height: 108px;overflow: hidden;} .height108:hover p{color: #ff8800;} .height108:nth-child(odd){background: #f2f2f2;} .height108:nth-child(even){background: #ecebeb;} .height108 .p1{font-size: 20px;color: #333;margin-top: 15px;} .height108 .p2{font-size: 15px;color: #666;margin-top: 12px;} .pro_advantage{overflow: hidden;} .pro_advantage .tit{font-size: 30px;text-align: center;color:#666;margin:40px 0 30px 0;} .advantage_one:hover{border:1px solid #ff8800;} .advantage_one3,.advantage_one6{margin-right: 0;} .advantage_one div{float: left;display: inline-block;} .advantage_one ._icon{margin: 30px 14px 30px 26px;} .advantage_one ._icon img{display: block;} .advantage_one ._content{width: 50%;margin: 30px 26px 30px 0;} .advantage_one ._content .p1{font-size: 22px;color: #666;margin-bottom: 15px;} .advantage_one ._content .p2{font-size: 14px;color: #5f5f5f;line-height: 20px;} .mes_servive_mode{overflow: hidden;} .mes_servive_mode .tit{font-size: 30px;text-align: center;color:#666;margin:20px 0 30px 0;} .one_mode:hover{height: 468px;border:1px solid #ff8800;-webkit-box-shadow:0 0 20px rgba(255,136,0,0.1); -moz-box-shadow: 0 0 20px rgba(255,136,0,0.1); box-shadow: 0 0 20px rgba(255,136,0,0.1);} .one_mode .mode_tit{font-size: 20px;color: #5f5f5f;font-weight: bold;width: 120px;margin: 0 auto;padding: 30px 0 20px 0;border-bottom: 1px solid #d5e0e5;margin-bottom: 40px;} .one_mode p{text-align: center;line-height: 24px;margin: 0 26px 10px 26px;font-size: 16px;color:#333;} .mode_btn{width: 220px;margin: 0 auto;overflow: hidden;} .mode_btn div{width: 98px;height: 28px;line-height: 26px;text-align: center;border: 1px solid #ff8800;float: left;border-radius: 4px;cursor: pointer;} .mode_btn div.free_use{margin-right: 20px;font-size: 14px;color: #666;} .apply_permission{font-size: 14px;color: #fff;background: #ff8800;} @media only screen and (max-width: 767px) { .one_mode .mode_tit { text-align: center } } .free-btn{ position:absolute; width:120px; height:30px; line-height:30px; text-align:center; border-radius:5px; border:1px solid #f80; left:0; right:0; bottom:30px; margin:auto; color:#fff; } .free-btn:hover{ color:#fff; } .row_btn{ margin:0 auto; margin-top:25px; } .design-box .row_btn a{ display:inline-block; width:120px; height:30px; line-height:30px; text-align:center; color:#666; border:1px solid #f80; border-radius:5px; margin-right:10px; } .design-box .row_btn a:hover{ color:#fff; background-color:#f80; } /*右侧客服 */ /*.scrollsidebar { position:fixed; z-index: 999; top: 220px; right:0; opacity: 0.9; } .side_content { width:115px; height: auto; overflow: hidden; float: left; } .side_content .side_list { width:115px; overflow: hidden; } .side_green .side_title { background-position: -333px 0; } .side_title { height: 46px; } .side_title, .close_btn, .show_btn { background: url(/uploads/image/shi/sidebar_bg.png) no-repeat; } .close_btn { float: right; display: block; width: 115px; height: 45px; margin: 10px 0px 0 0; } .close_btn span { display: none; } .side_green .side_center { background: repeat-y center; background:#fff; border: 2px solid #c1e8fe; } .side_center { font-family: verdana, geneva, sans-serif; padding:6px; font-size: 12px; } .side_center a{ font-size:13px; } .msgserver { border-top: 1px dotted #ccc; text-align: center; margin-top: 6px; padding: 10px 0 3px 0; } .side_green .msgserver a { color: #1bacff; } .msgserver a { background: no-repeat -119px -154px; padding: 3px 0 3px 5px; } .side_green .side_bottom { background-position: -505px -60px; } .side_bottom { height: 8px; } .side_title, .side_bottom, .close_btn, .show_btn { background: url(/uploads/image/shi/sidebar_bg.png) no-repeat; } .side_green .show_btn { background-position: -187px 0; } .show_btn { width: 0; height: 144px; overflow: hidden; margin-top: 50px; float: left; cursor: pointer; } .show_btn span { display: none; } .side_center strong{ font-size:11px; line-height:30px; } .side_center .qqserver a{ font-size:14px; text-decoration:none; line-height:15px; color:#1d97e6; } */ /*底部支付方式*/ .banner_flow{ background: url(/uploads/image/shi/payment.jpg) no-repeat center top; height: 400px; min-width: 1170px; /*margin-top: 65px;*/ } .main_box { width: 1170px; margin: 30px auto; overflow: hidden; position: relative; } .cont_left { float: left; width: 225px; } .cont_type { border: 1px solid #efeeef; width: 210px; background: #fff; } .cont_type li { width: 210px; height: 70px; border-bottom: 1px solid #e0e0e0; position: relative; } .cont_type li.active a, .cont_type li a:hover { color: #fff; background: #1f8dfb; } .cont_type li.active .ico_sj { border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #1f8dfb; position: absolute; right: -10px; top: 25px; } .cont_type li a { font-size: 14px; line-height: 70px; color: #444; padding: 0; padding-left:10px; display: block; text-decoration:none; } .cont_right { float: right; width: 945px; } .cont_right .cb-rt-tit{ border-bottom: 1px solid #007cba; height: 33px; line-height: 33px; } .cont_right .cb-rt-tit .lf{ font-size:22px; color:#4183c4; border-bottom:2px solid #0093dd; width: 120px; text-align: center; } .cont_right .cb-rt-tit .rt a{ font-size:18px; text-decoration:none; } .content { /*border: 1px solid #dbdbdb;*/ border-right: none; border-left: none;javascript:; text-align: center; /*padding:10px 0;*/ } .content .companyprofile-tit { font-size:17px; display: inline-block; text-align: center; /*width: 200px;*/ /* margin-bottom: 20px;*/ } .content .companyprofile-details { text-align: left; padding: 0 10px; font-family: 'sourcehansanscn-bold'; font-size:17px; } /*左侧导航*/ .sidebar-nav { display: none; position: relative; overflow: scroll; position: fixed; left: 0; top: 0; bottom: 0; z-index:10000; width: 20.62rem; height: 100%; background-color: #fff; } .sidebar-nav .user { display:block; align-items:center; overflow: hidden; padding: 2rem 0.65rem 2rem; /* background:linear-gradient(90deg,rgba(1,165,140,1),rgba(106,79,245,1)); */ background-image:url(/uploads/image/shi/personal_bg.png); background-size: cover; } .sidebar-nav .user .head { overflow: hidden; width: 5.4rem; height: 5.4rem; border-radius: 50%; margin:0 auto; } .sidebar-nav .user p{ text-align: center; color: #ffdddd; font-size:16px; margin:10px; } .sidebar-nav .user .name { color:#fff; font-size:0.28rem ; } .sidebar-nav .user .info { color: #fff; text-align: center; padding-top:15px; } .sidebar-nav .user .info .reg{ color:#c40000; margin-right: 2.5rem; background:#fff; display: inline-block; width: 6.8rem; height: 2.2rem; line-height: 2.2rem; text-align: center; font-size: 0.99rem; border-radius: 5rem; box-sizing: border-box; box-shadow: 0 2px 2px #ffffff; } .sidebar-nav .user .info .log{ color:#fff; /* margin-right: 2.5rem; */ background:#10a9e2; display: inline-block; width: 6.8rem; height: 2.2rem; line-height: 2.2rem; text-align: center; font-size: 0.99rem; border-radius: 5rem; box-sizing: border-box; box-shadow: 0 2px 2px #10a9e2; } .sidebar-nav .user button { width: 100%; height: 0.8rem; /*margin-top: 0.25rem;*/ color: #fff; border-radius: 0.08rem; border: 0; background-color: #3d8d36; } .sidebar-nav .nav-list { overflow: hidden; margin-top: 0.2rem; border-top:0.5px solid #eee; border-bottom:0.5px solid #eee; } .sidebar-nav .nav-list li { background-color: #fff; } .sidebar-nav .nav-list li a { overflow: hidden; display: flex; /* justify-content: space-between; */ align-items: center; font-size: 1rem; padding:0.50rem 0.3rem 0.50rem 0; color: #484848; border-bottom:0.5px solid #eee; margin-left: 1.5rem; } .sidebar-nav .nav-list li a .arrow { color: #dadada; padding-left:170px; } .sidebar-nav .nav-list li a .icon { position: relative; margin-top: -0.04rem; float: left; width: 0.4rem; margin-right: 0.2rem; } .sidebar-nav .nav-list li a .icon img { width: 100%; } .sidebar-nav .nav-list li:last-child a { border-bottom:0; } .sidebar-nav-close { display: none; position: fixed; top: 0.25rem; left:5.8rem; z-index: 9999; width: 0.6rem; height: 0.6rem; background: ; background-size: cover; } /*弹窗黑色背景*/ .g-slide-mask,.navbg { display: none; position:fixed; left:0; right: 0; top:0; bottom: 0; z-index:9999; background:#000; -moz-opacity: 0.5; opacity:0.5; filter: alpha(opacity=50); } /* 移动端轮播 */ .send-gifts { display: none; /*height:100%;*/ /* background-color: #ffffff; */ /*border-radius:10px;*/ /*padding: 10px;*/ } .send-gifts .swiper-container2 { height:170px; /*border-radius:10px;*/ } .send-gifts .swiper-container2 img { width: 100%; height:100%; } .swiper-p2 { /* background-color: rgba(0, 0, 0, .2); */ border-radius: .2rem; position: relative !important; padding: .05rem 0 .05rem .1rem; display: flex; justify-content: space-between; align-items: center; } .control-parent2 { display: flex; justify-content: center; align-items: center; position: relative; top: -1rem; } .control2 .swiper-pagination-bullet { width: 0.6rem; height: 0.6rem; float: left; margin-right: .9rem; background: #000; opacity: .6; } .control2 .swiper-pagination-bullet-active { width:2rem; border-radius:20px; opacity: 1; background-color: #fff; } /* 云端工厂移动端 */ .factory-show { display: none; border-bottom: 10px solid #ecf5ff; } .factory-show .clouds_title{ text-align: center; font-size:17px; font-weight:bold; margin: 15px 0px 15px 0px; } .factory-show .items{ display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; padding: 0 .26rem; margin-bottom: 15px; } .factory-show .items .list{ width: 7.34rem; height: auto; background-color: #ffffff; margin-top: .4rem; } .factory-show .items .list img{ height:6.92rem; } /* 小铭打样在以下领域为您提供服务-----移动端 */ .factory-show .item-serve{ display: flex; justify-content: space-around; } .factory-show .item-serve .list-serve{ width: 6.77rem; } .factory-show .item-serve .list-serve img{ height:9.92rem; } /* 公司新闻---移动端 */ .factory-show .company_title{ text-align: center; /*padding-top:20px;*/ padding-bottom:20px; } .factory-show .company_title h3{ font-size: 2.2em; position: relative; } .factory-show .company_title h3 a{ float: right; display: block; position: absolute; top: 13px; right: 0; font-size: 13px; color: #2575fc; } .factory-show .item-journalism{ display: flex; justify-content: space-around; } .factory-show .list-journalism{ width: 17.8em; } .factory-show .list-journalism a{ position: relative; } .factory-show .list-journalism a img{ height:10em; } .factory-show .list-journalism a span{ position: absolute; left: 0; top: 38px; background: #000000; opacity: 0.7; width: 100%; font-size: 14px; padding-left:5px; } .factory-show .list-journalism a span p{ margin: 0; line-height: 1.5; color: #fff; } .factory-show .list-journalism .described{ margin:15px 0; color: #333333; } /* 底部导航 */ .foot-nav{ position: fixed; height: 4rem; left: 0; right: 0; bottom: 0; margin: auto; z-index: 98; background-color: #f5f5f5; border-top: 0.02rem solid #eee; overflow: hidden; } .foot-nav .item-nav{ position: relative; float: left; width: 25%; text-align: center; color: #9b9b9b; } .foot-nav .item-nav i{ position: relative; top: 0.5rem; height: 2.1rem; text-align: center; margin: 0 auto; /* font-size: 2rem; */ } .foot-nav .item-nav.active{ color: #c40000; } .foot-nav .item-nav .space{ position: absolute; right: 0; top: 0.28rem; z-index: 999; width: 0.01rem; height: 0.35rem; background-color: #609d77; } /* 登录与注册 */ .reg-log { padding: .65rem 0; background: #ffffff; text-align: center; position: fixed; left: 0; right: 0; z-index: 99; bottom:3.9rem; } .reg-log span{ display: flex; justify-content: center; } .reg-log .advisory{ display: flex; justify-content: space-evenly; margin-top:1em; } .reg-log .advisory a{ display:flex; } .reg-log a{ margin-right:10px; } .reg-log .reg { width: 100px; /*height: 30px;*/ /*line-height: 30px;*/ align-items: center; background: linear-gradient(87deg, #2575fc 0%, #00c0fa 100%); border-radius: 10px; color: #fff; display: flex; justify-content: center; } .reg-log .log { background: #008fc4; color: #fff; width: 100px; /*height: 30px;*/ /*line-height: 30px;*/ align-items: center; background: linear-gradient(-90deg, #fba510 0%, #f86900 100%); border-radius: 10px; color: #fff; display: flex; justify-content: center; } .reg-log .online{ width: 100px; /*height:30px;*/ /*line-height: 30px;*/ align-items: center; background: linear-gradient(262deg, #01e9bd 0%, #09b27c 100%); border-radius: 10px; color: #fff; display: flex; justify-content: center; margin:0; }