body, input, select, textarea, button{ font-family: Microsoft Yahei, "黑体","Times New Roman"; } body, h1, h2, h3, h4, p, ul, ol, dd, dl, dt, form { margin: 0px; padding: 0px; } header, footer, article, section, nav, menu, hgroup { display: block; } img { max-width: 100%; height: auto; vertical-align: top; -ms-interpolation-mode: bicubic; border: 0; transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; -o-transition:.3s;} ul { padding-left: 0; list-style-type: none; } a { color: #333; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; outline: 0; border: 0; vertical-align: baseline;} em,i{ font-style: normal; } input,select,textarea{ font-size: 14px; color:#333; outline: 0; border: none; -webkit-box-sizing :border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } input[type=button],input[type=reset],input[type=submit],select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type=button],input[type=reset],input[type=submit]{ cursor: pointer; } ::-webkit-input-placeholder{ color: #999; } ::-moz-placeholder{ color: #999; } ::-ms-input-placeholder{ color: #999; } body { font-size: 14px; line-height: 1.2; color: #333; background-color: #FFF; } .box { max-width: 1200px; margin: 0 auto; overflow: hidden; *zoom:1; _zoom:1; zoom:1;} .clearfix:after{ content: " "; display: block; height: 0px; visibility: hidden; clear:both;} input:-webkit-autofill{ -webkit-text-fill-color: #222; -webkit-box-shadow: 0 0 0px 1000px white inset !important; box-shadow: 0 0 0px 1000px white inset !important; } .top{ clear: both; overflow: hidden; padding: 15px 0; } .top .logo{ float: left; } .top .logo a{ display: block; } .top .tel{ float: right; padding-left: 50px; background:url(/static/index/images_index/tel.png) left center no-repeat; background-size: 36px;} .top .tel span{ display:block; font-size:14px; color:#333; line-height:25px; } .top .tel p{ font-size:22px; color:#ed1c24; font-weight:700;} .top .tel p em{ font-size:28px; display:inline-block; font-weight:700;} .nav{ clear: both; overflow: hidden; background-color: #111; } .nav ul li{ position: relative; float: left; height: 65px; line-height: 65px; font-size: 17px; width: 12.5%; text-align: center; } .nav ul li a{ display: block; color: #FFF; } .nav ul li:hover{ background-color: #ed1c24; } .nav ul li a.nav-select{ background-color: #ed1c24; } .m-top{ display: block; height: 40px; text-align: center; } .m-top img{ height: 30px; margin-top: 5px; } .menu{ clear: both; overflow: hidden; border-top: 1px solid #F2F2F2; border-bottom: 1px solid #F2F2F2; background-color: #FDFDFD; } .menu ul li { float: left; width: 12.5%; line-height: 32px; text-align: center;} .menu ul li a:hover{ color: #00DFB9; } .m-top, .menu{ display: none; } @keyframes a{0%{background-position-x:6600px}to{background-position-x:0}} @-moz-keyframes a{0%{background-position-x:6600px}to{background-position-x:0}} @-webkit-keyframes a{0%{background-position-x:6600px}to{background-position-x:0}} @-o-keyframes a{0%{background-position-x:6600px}to{background-position-x:0}} .nav ul li i { height: 55px; width: 55px; position: absolute; top: -12px; right: -12px; background: url(/static/index/images_index/hot.png); background-size: auto 100%; background-position-y: 0; background-position-x: 6600px; animation-name: a; animation-timing-function: steps(60); animation-iteration-count: infinite; animation-duration: 4.8s;} /*banner*/ .banner{ overflow: hidden; } .banner img{ margin: 0 auto; display: block; } .ban-m{ display: none; clear: both; overflow: hidden; text-align: center; } .ban-show{ position:relative; } .ban-show img{ width: 100%; margin: 0 auto; display: block; } .ban-show .ban-txt p img{ width: auto; } .ban-txt{ position:absolute; left:20%; top:50%; width:60%; text-align:center; color:#FFF; font-size:16px; margin-top:-60px;} .ban-txt b{ font-size:40px; font-weight:bold; line-height:1.2; margin-bottom:15px;} .ban-txt p{ font-size: 16px; line-height: 30px; width: 80%; margin: 15px auto 0; } #gotoTop { display: none; position:fixed; bottom: 60px; right: 25px; transition:background 0.5s; text-decoration: none; overflow: hidden; width: 60px; height: 60px; z-index: 999; cursor: pointer; background: url(/static/index/images_index/totop.png) top left no-repeat ; } .footer{ clear: both; overflow: hidden; position: relative; color: #FFF; text-align: center; line-height: 2; padding: 20px 0; background-color: #53565a; } .footer a{color: #FFF; margin:0 10px;} .footer a:hover{color:#ed1c24;} .index-pro{ clear: both; overflow: hidden; margin-top: 50px; } .pro-tit{ text-align: center; margin-bottom: 40px; } .pro-tit h1{ font-size: 40px; font-weight: normal; } .pro-tit p{ font-size: 16px; line-height: 1.2; margin-top: 15px; } .pro-show{ background-color: #FAFAFA; padding: 60px 0; } .show01{ position: relative; float: left; width: 46%; margin-right: 2%; text-align: center; padding: 40px 0 20px; background: #E9EDF8; } .show02{ position: relative; float: left; width: 26%; margin-right: 2%; text-align: center; padding: 35px 0; background-color: #E9EDF8; } .pro-show p{ position: absolute; left: 0; bottom: 0; width: 100%; height:45px; line-height: 45px; font-size: 16px; background: rgba(0,0,0,.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);} .pro-show p a{ color: #FFF;display: block; } .pro-show p a:hover{color: #ed1c24;} .show03{ float: right; width: 24%; text-align: center; } .show04{ position: relative; padding: 12px 0; margin-bottom: 10px; background-color: #E9EDF8; } .show05{ position: relative; padding: 12px 0; background-color: #E9EDF8; } .show-ico{ position: absolute; right: 20px; top: 10px; } .change a{ display:block; text-align:center;} .change b{ display:block; text-align:center; color:#333; font-size: 18px; font-weight: normal; height:32px; line-height:32px; overflow:hidden; padding:20px 0 0;} .changes .prev{ position:absolute; width:32px; height:32px; cursor:pointer; bottom:20px; left:20%; background:url(/static/index/images_index/btn01.png) no-repeat;} .changes .next{ position:absolute; width:32px; height:32px; cursor:pointer; bottom:20px; right:20%; background:url(/static/index/images_index/btn02.png) no-repeat;} .index-about{ clear: both; overflow: hidden; margin-top: 50px; } .index-tit{ text-align: center; } .index-tit h1{ font-size: 40px; font-weight: normal;} .index-tit h2{ font-size: 40px; font-weight: normal;} .pro-tit h2{ font-size: 40px; font-weight: normal;} .index-tit p{ font-size: 16px; line-height: 1.2; margin-top: 15px; } .index-about ul{ clear: both; overflow: hidden; margin-top: 40px; margin-left: -2%; } .index-about ul li{ float: left; width: 23%; margin-left: 2%; padding: 55px 0 35px; text-align: center; box-sizing: border-box; border: 1px solid #949da1; } .index-about ul li b{ display: block; color: #BABABA; font-size: 24px; background:url(/static/index/images_index/shadow.png) top center no-repeat; padding-top: 60px; margin-top: 35px; } .index-about ul li p{ line-height: 1.2; margin-top: 10px; } .index-line{ clear: both; margin-top: 55px; } .index-line ul{clear: both; overflow: hidden; margin-top: 40px; margin-left: -0.2%; padding: 3px; box-sizing: border-box; } .index-line ul li{ float: left; position:relative; width:24.8%; margin-left:0.2%; height:100%; list-style:none; overflow:hidden; box-shadow:1px 3px 3px 0 rgba(0,0,0,.1); -webkit-box-shadow:1px 3px 3px 0 rgba(0,0,0,.1); -moz-box-shadow:1px 3px 3px 0 rgba(0,0,0,.1); box-sizing:border-box;} .index-line ul li .line1 img{ width:100%; height:auto;} .index-line ul li .line1 .line-name{ position:absolute; bottom:0; left:0; width:100%; height:66px; line-height: 66px; text-align: center; background-color:#FFF;} .index-line ul li .line1 .line-name h3{ position: relative; font-size: 22px; font-weight: normal; width:60%; height:66px; line-height: 66px; text-align: center; margin: 0 auto; background-color:#FFF;} .index-line ul li .line2{ position:absolute; bottom:-100%; width:100%; height:100%;text-align:center; color:#FFF; background:rgba(0,0,0,.7); padding-top: 40%; box-sizing: border-box; transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; -o-transition:.3s;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);} .index-line ul li .line2 .p1{ width:100%; text-align:center; color:#FFF; font-size:30px; font-weight:700;} .index-line ul li .line2 .p2{ text-align:center; line-height:20px; margin-top:20px; font-size:16px; color:#FFF;} .index-line ul li .line2 .p3{ width:40%; height:42px; line-height:42px; border-radius:6px; margin:30px auto 0; background-color: #ed1c24; } .index-line ul li .line2 .p3 a{ display: block; color: #FFF; } .index-line ul li:hover .line2{ bottom:0;} .index-line ul li:hover .line-name{ display: none; } .index-news{ clear: both; overflow: hidden; margin-top: 60px; } .news-show{ clear: both; overflow: hidden; margin-top: 40px; } .news-pr{ float: left; width: 46%; margin-right: 4%; } .news-pr h3,.news-data h3{ font-size: 30px; font-weight: normal; } .news-pr h3 span,.news-data h3 span{ font-size: 14px; color: #DADADA; margin-left: 10px; } .news-pr ul{ clear: both;; overflow: hidden; margin-top: 5px; } .news-pr ul li{ float: left; width: 100%; margin-top: 16px; } .news-pr ul li h4{ font-size: 16px; font-weight: normal; line-height: 1.6; padding-left: 32px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background:url(/static/index/images_index/ico-pr01.png) left 5px no-repeat; background-size: 24px; } .news-pr ul li h4 a{ color: #333; } .news-pr ul li h4 a:hover{ color: #ed1c24; } .news-pr ul li h4:after{ content: ""; height: 1px; width: 100%; margin: 8px auto; background-color: #EEE; display: block; } .news-pr ul li p{ color: #666; font-size: 14px; line-height: 24px; height: 48px; padding-left: 32px; overflow: hidden; background:url(/static/index/images_index/ico-pr02.png) left 3px no-repeat; background-size: 24px; } .news-data{ float: right; width: 46%; margin-left: 4%; } .data-tab{ height:90px; padding-bottom: 40px; margin-top: 25px;} .data-tab ul{ clear: both; overflow: hidden; border-bottom:4px solid #666;} .data-tab ul li{ position: relative; float:left; cursor:pointer; margin-right: 12px; padding-bottom: 40px; box-sizing: border-box; } .data-tab ul li span{ display: block; color: #FFF; font-size: 42px; letter-spacing: -2px; width: 80px; height: 80px; line-height: 80px; text-align: center; border-radius: 25px; background-color: #ed1c24;} .data-tab ul li em{ display: none; } .data-tab ul li i{ font-size: 18px; } .data-tab ul li.selected em{ display: block; position: absolute; left: 30px; bottom: 0; width: 20px; height: 8px; } .data-box{ clear: both; overflow: hidden; margin-top: 10px; } .data-box ul li{ float: left; width: 100%; padding: 12px 0; border-bottom: 1px solid #EEE; } .data-box ul li:last-child{ border-bottom: none; } .data-box ul li h4{ font-size: 18px; font-weight: normal; line-height: 1.6; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .data-box ul li h4 a{ color: #333; } .data-box ul li h4 a:hover{ color: #ed1c24; } .data-box ul li p{ color: #666; font-size: 14px; line-height: 24px; height: 48px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; margin: 12px 0; } .data-box ul li b{ display: inline-block; color: #666; font-weight: normal; } .data-box ul li b img{ width: 14px; margin-right: 6px; } .index-ser{ clear: both; overflow: hidden; padding: 50px 0; margin-top: 50px; /*background-color: #F2F2F2;*/ background: url(/static/index/images_index/sygy.jpg) #F9F9FB no-repeat center 0;} .ser-list ul.items{ margin: 60px auto 0;} .ser-list ul.items li{ float: left; width: 16.6%; height: 280px; background: url(/static/index/images_index/ico-serBg.png) no-repeat 0px 400px; overflow: hidden; } .ser-list ul.items li i{ display: block; position: relative; margin: 0 auto; margin-top: 43px; height: 70px;} .ser-list ul.items li.ser01 i { width: 70px; background: url(/static/index/images_index/ico-ser.png) no-repeat -80px -5px;} .ser-list ul.items li.ser02 i { width: 70px; background: url(/static/index/images_index/ico-ser.png) no-repeat -240px -5px;} .ser-list ul.items li.ser03 i { width: 70px; background: url(/static/index/images_index/ico-ser.png) no-repeat -400px -5px;} .ser-list ul.items li.ser04 i { width: 70px; background: url(/static/index/images_index/ico-ser.png) no-repeat -80px -80px;} .ser-list ul.items li.ser05 i { width: 70px; background: url(/static/index/images_index/ico-ser.png) no-repeat -240px -80px;} .ser-list ul.items li.ser06 i { width: 70px; background: url(/static/index/images_index/ico-ser.png) no-repeat -400px -80px;} .ser-list ul.items li.ser01:hover i { background: url(/static/index/images_index/ico-ser.png) no-repeat 0px -5px;} .ser-list ul.items li.ser02:hover i { background: url(/static/index/images_index/ico-ser.png) no-repeat -160px -5px;} .ser-list ul.items li.ser03:hover i { background: url(/static/index/images_index/ico-ser.png) no-repeat -320px -5px;} .ser-list ul.items li.ser04:hover i { background: url(/static/index/images_index/ico-ser.png) no-repeat 0px -80px;} .ser-list ul.items li.ser05:hover i { background: url(/static/index/images_index/ico-ser.png) no-repeat -160px -80px;} .ser-list ul.items li.ser06:hover i { background: url(/static/index/images_index/ico-ser.png) no-repeat -320px -80px;} .ser-list ul.items li u { display: block; position: absolute; width: 200px; height: 155px; background: url(/static/index/images_index/ico-sers.png) center no-repeat; -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s;} .ser-list ul.items li u.cl{ clip: rect(0px,200px,-10px,70px); } .ser-list.active ul.items li u.cl{ clip: rect(0px,200px,200px,70px); } .ser-list ul.items li u.cr{ clip: rect(140px,70px,200px,0px);} .ser-list.active ul.items li u.cr{ clip: rect(0px,70px,200px,0px);} .ser-list ul.items li strong { display: block; margin-top: 55px; font-size: 16px; font-weight: normal; text-align: center;} .ser-list ul.items li p{position:relative;top:200px;color:#FFF;font-size:13px;line-height:20px;text-align:center} .ser-list ul.items li:hover{background-position:0 0;-webkit-transition:all .5s ease-in-out .3s;-moz-transition:all .5s ease-in-out .3s;-ms-transition:all .5s ease-in-out .3s;-o-transition:all .5s ease-in-out .3s;transition:all .5s ease-in-out .3s} .ser-list ul.items li:hover i{ -webkit-transition:all .5s ease-in-out .4s; -moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s; -o-transition:all .5s ease-in-out .4s; transition:all .5s ease-in-out .4s } .ser-list ul.items li:hover u.cl{clip:rect(0,156px,-10px,78px)} .ser-list ul.items li:hover u.cr{clip:rect(156px,78px,156px,0)} .ser-list ul.items li:hover strong{color:#fff;-webkit-transition-delay:.4s;-moz-transition-delay:.4s;-ms-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s} .ser-list ul.items li:hover p{top:20px;-webkit-transition:all .3s ease-in-out .5s;-moz-transition:all .3s ease-in-out .5s;-ms-transition:all .3s ease-in-out .5s;-o-transition:all .3s ease-in-out .5s;transition:all .3s ease-in-out .5s} .index-link{ clear: both; overflow: hidden; margin:30px auto; line-height: 26px; } .index-link span{ float: left; font-size:14px;} .index-link ul{width:100%;} .index-link ul li{ float:left; margin:0 11px;} .index-link ul li a{ color:#333; } .index-link ul li a:hover{ color:#ed1c24;} .position{ height: 14px; line-height: 14px; color: #555; padding: 15px 0; border-bottom: 1px solid #EEE;} .position img{ width: 14px; } .position a{ color: #555; } .position a:hover{ color:#ed1c24;} .position span{ color: #333; } /*product*/ .product-show{ clear: both; overflow: hidden; margin: 50px auto; } .product-pic{ float: left; width: 50%; } .product-info{ float: right; width: 47%; } .product-info h1{ font-size: 36px; font-weight: normal; margin-bottom: 20px;} .product-info ul{ clear: both; overflow: hidden; margin: 0px 0 20px -1.5%; } .product-info ul li{ float: left; width: 31%; line-height: 1.4; padding: 10px; text-align: center; margin-left: 1.5%; border-radius: 6px; box-sizing: border-box; background-color: #EFEFEF; } .product-info ul li img{ display: block; margin: 0 auto; } .product-info ul li b{ display: block; font-size: 16px; color: #444; margin-top:8px; } .product-info ul li p{ color: #888; font-size: 14px; } .product-info p{ font-size:15px; line-height:26px; margin-bottom:5px; color: #555;} /*.product-info p strong{ float: left; }*/ .product-info p i{ display: block; color: #555; overflow: hidden; } .pro-tel{ padding-left: 60px; margin-top:30px; background:url(/static/index/images_index/ico-tel.png) left center no-repeat; background-size: 44px;} .pro-tel span{ display:block; font-size:14px; color:#333; line-height:25px; } .pro-tel p{ font-size:28px; color:#ed1c24; line-height:1; font-weight:700;} .pro-tel p em{ font-size:33px; display:inline-block; font-weight:700;} .pro-btn{ position:relative; line-height:60px; margin-top:18px; margin-right:40px; background-color:#ed1c24;} .pro-btn em{ position:absolute; right:-40px; top:0px; height:0px; width:0px; border-top:30px solid #ed1c24; border-left:40px solid #ed1c24; border-bottom:30px solid #ed1c24; border-right:40px solid transparent; z-index: 0;} .pro-btn span{ display:block; cursor:pointer; text-align:center;} .pro-btn img{z-index:1; position:relative; vertical-align:middle;} .product-fix{ clear: both; overflow: hidden; padding:20px 0; background:url(/static/index/images_index/bg-pro.jpg) #E6E6E6 left center no-repeat;} .product-fix.leave{ position:fixed; left:0; top:0; width:100%; z-index:99; padding: 10px 0;} .product-fix.leave ul li img{ display: none; } .product-fix ul{ clear:both; overflow:hidden;} .product-fix ul li{ float:left; width:16.6%; text-align:center; } .product-fix ul li img{ margin:0 auto;} .product-fix ul li b{ display:block; width:100%; height:16px; margin:10px 0; background:url(/static/index/images_index/bg-fix.png) center no-repeat;} .product-fix ul li p{ color: #555; font-size: 18px; } .product-fix ul li a{ display: block; } .product-fix ul li.curr b{ background:url(/static/index/images_index/bg-fixes.png) center no-repeat;} .product-fix ul li:hover b{ background:url(/static/index/images_index/bg-fixes.png) center no-repeat;} .product-fix ul li:hover{ cursor:pointer;} .product-main{ clear:both; overflow:hidden;} .pro-l a span{color: #ed1c24!important;} .pro-l{ float:left; width:75%;} .pro-r{ float:right; width:22%;} .pro-l p{ color:#333; line-height:30px; font-size:16px; margin-bottom: 10px;} .pro-l p img{ margin:10px 0;} .pro-l h2{ color:#333; font-size:26px; font-weight:normal; margin:20px 0; padding-left: 25px;background: url(/static/index/images_index/ico1.png) no-repeat 0px center; background-size: 16px;} .pro-l h3{ color: #333; font-size: 22px; font-weight: normal; margin-bottom: 10px;} .pro-l ul{ clear: both; overflow: hidden; margin-top: 30px; margin-left: -2%; } .pro-l ul li{ position: relative; float: left; width: 48%; padding: 30px; margin-left: 2%; margin-bottom: 2%; box-sizing: border-box; background-color: #F3F3F3; } .pro-l ul li i{ position: absolute; left: 0; top: 0; color: #FFF; font-size: 20px; width: 60px; height: 58px; padding: 4px 0 0 6px; box-sizing: border-box; background:url(/static/index/images_index/ico-shape.png) top left no-repeat; } .pro-l ul li b{ display: block; color: #555; font-size: 22px; text-align: center; } .pro-l ul li b:after{ position:absolute; content:""; left:50%; top:70px; width:42px; height:3px; margin-left:-21px;background-color:#ed1c24;} .pro-l ul li p{ color: #777; margin-top: 30px; height: 84px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .pro-about{ clear: both; overflow: hidden; margin-bottom: 10px; } .pro-name{ color: #FFF; font-size: 20px; font-weight: bold; text-align: center; width: 100%; height: 50px; line-height: 50px; background-color: #ed1c24; } .pro-name img{ margin-right: 10px; margin-top: 16px; } .pro-about ul{ clear: both; overflow: hidden; padding: 10px 10px 0 10px; border:2px solid #EEE; border-top: none; box-sizing: border-box; } .pro-list01 li{ float: left; width: 100%; margin-bottom: 10px; } .pro-list01 li img{ width: 100%; height: auto; } .pro-list01 li a:hover img{transform:scale(1.08);-ms-transform:scale(1.08);-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-o-transform:scale(1.08)} .pro-list01 li a{ display: block; overflow: hidden; } .pro-list01 li a:hover{ color: #ed1c24; } .pro-list01 li p{ text-align: center; color: #333; font-size: 14px; line-height: 30px; } .pro-list02 li{ color: #333; font-size: 14px; line-height: 40px; text-align: center; background-color: #E5E5E5; margin-bottom: 10px; } .pro-list02 li:hover{ background-color: #ed1c24; } .pro-list02 li:hover a{ color: #FFF; } .pro-line{ clear: both; overflow: hidden; padding-top: 50px; margin-top: 50px; background:url(/static/index/images_index/bg-pro.png) top left; } .pro-line.pro-anli{ background: none; margin-top: 0; } .pro-line.pro-anli h2{ color: #333; } .pro-line h2{ color: #FFF; font-size: 34px; font-weight: normal; text-align: center; } .pro-line p{ color: #FFF; font-size: 16px; text-align: center; margin: 20px 0; } .pro-line ul{ clear: both; overflow: hidden; margin-left: -0.5%; } .pro-line ul li{ float: left; width: 32.8%; margin-left: 0.5%; } .pro-line ul li .pro-img{ position:relative; overflow:hidden; padding-top:77.567%;display:block; } .pro-line ul li .pro-img img{ position:absolute; left:0; top:0; width:100%; height:100%; } .pro-line ul li .pro-shade{ display: none; position:absolute; left:0; top:0; width:100%; height:100%; transition:.3s; -ms-transition:.3s; -moz-transition:.3s;-webkit-transition:.3s; -o-transition:.3s; background:url(/static/index/images_index/ico-picbg.png) center; } .pro-line ul li .pro-shade .shade-ico{ position:absolute; width:150px; height:150px; left:50%; top:50%; margin-left:-75px; margin-top:-75px; background:url(/static/index/images_index/ico-pic.png) center no-repeat; } .pro-line ul li:hover .pro-shade{ display: block; } .pro-line ul li p{ color: #FFF; font-size: 18px; line-height: 24px; padding: 10px 0; margin: 0; background-color: #ed1c24; } .pro-line ul li p a{ display: block; color: #FFF; } .pro-news{ clear: both; overflow: hidden; padding-top: 50px;} .pro-news h2{ color: #333; font-size: 34px; font-weight: normal; text-align: center; } .pro-new{ clear: both; overflow: hidden; margin-top: 40px; } .news-pic{ float: left; width: 320px; height: 360px; } .pro-new ul{ overflow: hidden; padding-left: 60px; } .pro-new ul li{ float: left; width: 100%; margin-bottom: 15px; border-bottom: 1px solid #EEE; } .pro-new ul li:last-child{ border-bottom: none; margin-bottom: 0; } .pro-new ul li h3{ clear: both; overflow: hidden; line-height: 30px; } .pro-new ul li h3 a{ float:left; color: #333; font-size: 18px; width:84%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .pro-new ul li h3 a:hover{ color: #ed1c24; } .pro-new ul li h3 span{ float:right; color: #666; font-size:14px; font-weight: normal;} .pro-new ul li p{ color: #888; font-size: 14px; padding: 15px 0 20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .pro-cont{ clear: both; overflow: hidden; padding:50px 0 60px; } .pro-cont ul li{ float: left; width: 25%; height: 300px; text-align: center; box-sizing: border-box; } .pro-cont ul li.cont01{ padding: 65px 40px; background:url(/static/index/images_index/ico-line.png) #ed1c24 top right no-repeat; } .pro-cont ul li.cont01 img{ display: block; margin: 0 auto 20px; } .pro-cont ul li.cont01 b{ display: block; color: #FFF; font-size: 26px; } .pro-cont ul li.cont01 p{ color: #FFF; font-size: 18px; margin-top: 10px; } .pro-cont ul li.cont02 img{ width: 100%; } .pro-cont ul li.cont03{ padding: 45px 50px; background:url(/static/index/images_index/ico-line.png) #2A2A51 top right no-repeat; } .pro-cont ul li.cont03 img{ display: block; margin: 0 auto 30px; } .pro-cont ul li.cont03 b{ display: block; color: #FFF; font-size: 14px; font-weight: normal; margin-top: 15px; text-align: left; } .pro-cont ul li.cont03 p{ color: #FFF; font-size: 16px; text-align: left; margin-top: 16px; } .pro-cont ul li.cont03 p img{ float: right; display: inline-block; margin: 0; } .pro-cont ul li.cont03 p span{ color: #000; padding:4px 40px; margin-left: 10px; border-radius: 18px; cursor: pointer; background-color:#f9ebfa;} .pro-cont ul li.cont03 p span:hover{background-color: #ed1c24;color: #FFF;} .pro-cont ul li.cont04{ padding: 40px 30px; background:url(/static/index/images_index/pic-cont02.jpg) top left no-repeat; } .pro-cont ul li.cont04 p{ float: left; width: 42%; padding:15px 5px; box-sizing: border-box; margin: 0 4%; margin-bottom: 20px; border-radius: 10px; background: rgba(0,0,0,.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); } .pro-cont ul li.cont04 p img{ display: block; margin: 5px auto 10px; } .pro-cont ul li.cont04 b{ color: #FFF; font-size: 14px; font-weight: normal; } .pro-navy{ clear: both; overflow: hidden; margin-top: 45px; } .pro-navy ul{ clear: both; overflow: hidden; } .pro-navy ul li{ float: left; width: 20%; text-align: center; border-radius: 6px; border:1px solid #D5D5D5; box-sizing: border-box; } .pro-navy ul li a{ display: block; } .pro-navy ul li .pro-nav{ height: 84px; padding-top: 15px; } .pro-navy ul li .pro-nav01{ background:url(/static/index/images_index/ico-pic01.png) no-repeat center; } .pro-navy ul li .pro-nav02{ background:url(/static/index/images_index/ico-pic02.png) no-repeat center; } .pro-navy ul li .pro-nav03{ background:url(/static/index/images_index/ico-pic03.png) no-repeat center; } .pro-navy ul li .pro-nav04{ background:url(/static/index/images_index/ico-pic04.png) no-repeat center; } .pro-navy ul li .pro-nav05{ background:url(/static/index/images_index/ico-pic05.png) no-repeat center; } .pro-navy ul li .pro-nav06{ background:url(/static/index/images_index/ico-pic06.png) no-repeat center; } .pro-navy ul li p{ font-size: 18px; margin-top: 3px; } .pro-navy ul li p a{ color: #333; } .pro-navy ul li b{ display: block; } .pro-navy ul li b img{ margin: 6px auto;} .pro-navy ul li:hover{ background:url(/static/index/images_index/ico-arrow04.png) #ed1c24 no-repeat right bottom; border:none; padding: 1px; } .pro-navy ul li:hover .pro-nav01{ background-image:url(/static/index/images_index/ico-pic07.png); } .pro-navy ul li:hover .pro-nav02{ background-image:url(/static/index/images_index/ico-pic08.png); } .pro-navy ul li:hover .pro-nav03{ background-image:url(/static/index/images_index/ico-pic09.png); } .pro-navy ul li:hover .pro-nav04{ background-image:url(/static/index/images_index/ico-pic10.png); } .pro-navy ul li:hover .pro-nav05{ background-image:url(/static/index/images_index/ico-pic11.png); } .pro-navy ul li:hover .pro-nav06{ background-image:url(/static/index/images_index/ico-pic12.png); } .pro-navy ul li:hover p a{ color: #FFF; } .pro-navy ul li.cur{ background:url(/static/index/images_index/ico-arrow04.png) #ed1c24 no-repeat right bottom; border:none; padding: 1px; } .pro-navy ul li.cur .pro-nav01{ background-image:url(/static/index/images_index/ico-pic07.png); } .pro-navy ul li.cur .pro-nav02{ background-image:url(/static/index/images_index/ico-pic08.png); } .pro-navy ul li.cur .pro-nav03{ background-image:url(/static/index/images_index/ico-pic09.png); } .pro-navy ul li.cur .pro-nav04{ background-image:url(/static/index/images_index/ico-pic10.png); } .pro-navy ul li.cur .pro-nav05{ background-image:url(/static/index/images_index/ico-pic11.png); } .pro-navy ul li.cur .pro-nav06{ background-image:url(/static/index/images_index/ico-pic12.png); } .pro-navy ul li.cur p a{ color: #FFF; } .pro-rank{ clear: both; overflow: hidden; margin: 50px auto; } .pro-rank ul{ clear: both; overflow: hidden; margin-left: -2%; } .pro-rank ul li{ float: left; width: 31.3%; margin-left: 2%; margin-bottom: 20px; } .pro-rank ul li a{ display: block; overflow: hidden; } .pro-rank ul li p { position: relative; display: block; height: 50px; line-height: 50px; text-align: center; color: #333; font-size: 16px; } .pro-rank ul li p:after { transition: all .5s cubic-bezier(.68,-.55,.27,1.55); animation: lineout .5s infinite; -webkit-animation: lineout .5s infinite; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; position: absolute; bottom: 0; left: 0; display: inline-block; content: ""; height: 2px; width: 0; background: #ed1c24; } .pro-rank ul li:hover p:after { transition: all .5s cubic-bezier(.68,-.55,.27,1.55); animation: linemove .5s infinite; -webkit-animation: linemove .5s infinite; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; position: absolute; bottom: 0; left: 0; display: inline-block; content: ""; height: 2px; width: 100%; background: #ed1c24; } .pro-rank ul li:hover p a{ color: #ed1c24; } .pro-rankul li img{ width:100%; height: auto; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s;} .pro-rank ul li:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); transition:all 0.5s;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s;} .pro-type{ clear: both; overflow: hidden; margin-top: 60px; } .pro-type ul{ clear: both; overflow: hidden; margin-left: -1%; } .pro-type ul li{ position: relative; float: left; width: 49%; margin-left: 1%; margin-bottom: 1%; } .type-pic{ display: block; width: 100%; height: auto; overflow: hidden;} .type-info{ position: absolute; left: 36px; top: 20%; } .type-info a{ display: block; } .type-info h3{ font-size: 26px; margin-bottom: 20px;} .type-info h3 a{ color: #FFF; } .type-info h3 a:hover{color: #ed1c24;} .type-info p{ color: #FFF; font-size: 14px; line-height: 26px; } .type-info a.type-btn{ color: #FFF; font-size: 14px; height: 24px; line-height: 24px; width: 70px; text-align: center; border-radius: 12px; border:1px solid #FFF; margin-top: 20px; } .type-info a.type-btn:hover{ background-color: #FFF; color: #333; } .pro-case{ clear: both; overflow: hidden; margin-top: 50px; padding: 40px 0 50px; background-color: #EEE; } .pro-case h2{ color:#010101 ; font-size: 36px; text-align: center; } .pro-case h2 i{ font-weight: normal; } .pro-case ul{ clear: both; overflow: hidden; padding: 30px; box-sizing: border-box; margin-top: 30px; margin-left: -3%; background-color: #FFF; } .pro-case ul li{ float: left; width: 30.3%; margin-left: 3%;} .pro-case ul li img{ width: 100%; height: auto; } .pro-case ul li a{ display: block; } .pro-case ul li p{ line-height: 20px; margin: 10px 0; text-align: center; } .pro-case ul li p a{ color: #333; font-size:16px; } .pro-case ul li p a:hover{ color: #ed1c24; } .pro-need{ clear: both; overflow: hidden; margin: 60px auto 40px; } .pro-need h2{ color:#010101 ; font-size: 36px; text-align: center; } .pro-need h2 i{ font-weight: normal; } .pro-need p{ color: #FFF; font-size: 20px; width: 230px; height: 36px; text-align: center; line-height: 36px; margin: 16px auto 46px; border-radius: 18px; background-color: #8ea8c9; } .pro-need ul{ clear: both; overflow: hidden; margin-left: -3%; } .pro-need ul li{ position: relative; float: left; width: 22%; margin-left: 3%; border-radius: 8px; overflow: hidden; } .pro-need ul li img{ width: 100%; height: auto; } .pro-need ul li em{ position: absolute; left: 50%; top: 0; width: 72px; height: 22px; text-align: center; border-radius: 0 0 8px 8px; margin-left: -36px; background-color: #FFF; } .need-line{ position: relative; height: 36px; margin: 0 11% 15px; border:1px solid #BFBFBF; border-top: none; } .need-line font{ position: absolute; left: 50%; bottom: -15px; width: 100px; height: 30px; line-height: 30px; color: #000; font-size: 18px; text-align: center; margin-left: -50px; background-color: #FFF; } .line01{ margin: 50px 11% 0; border:1px solid #BFBFBF; border-bottom: none; } .line01 font{ position: absolute; left: 50%; top: -15px; } /*case*/ .case-list{ clear: both; overflow: hidden; margin: 30px auto; } .case-list ul{ clear: both; overflow: hidden; margin-left: -2%; } .case-list ul li{ float: left; width: 31.3%; margin-left: 2%; margin-bottom: 20px; } .case-list ul li a{ display: block; overflow: hidden; } .case-list ul li p { position: relative; display: block; height: 50px; line-height: 50px; text-align: center; color: #333; font-size: 16px; } .case-list ul li p:after { transition: all .5s cubic-bezier(.68,-.55,.27,1.55); animation: lineout .5s infinite; -webkit-animation: lineout .5s infinite; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; position: absolute; bottom: 0; left: 0; display: inline-block; content: ""; height: 2px; width: 0; background: #ed1c24; } .case-list ul li:hover p:after { transition: all .5s cubic-bezier(.68,-.55,.27,1.55); animation: linemove .5s infinite; -webkit-animation: linemove .5s infinite; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; position: absolute; bottom: 0; left: 0; display: inline-block; content: ""; height: 2px; width: 100%; background: #ed1c24; } .case-list ul li:hover p a{ color: #ed1c24; } .case-list ul li img{ width:100%; height: auto; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s;} .case-list ul li:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); transition:all 0.5s;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s;} .product-info ul.case-type li{ width: 48.5%; } .case-tel{ background-size: 32px; padding-left: 42px; margin-top: 35px; } .case-tel span{ display: inline-block; } .case-tel p{ display: inline-block; font-weight: normal; margin-left: 10px; } .case-sign{ clear: both; overflow: hidden; margin-top: 10px; line-height: 20px; margin-left: -6%; } .case-sign font{ color: #999; font-size: 16px; padding-left: 26px; margin-left: 6%; background:url(/static/index/images_index/ico-sign.png) top left no-repeat; } /*news*/ .page{ width:100%; font-size:14px; line-height:23px; text-align:center; margin:15px auto 40px;} .page a{ color:#999; margin-right:5px; padding:6px 18px; background:#FFF none repeat scroll 0 0; border:1px solid #DDD;} .page a:hover{ color:#FFF; text-decoration:none; border:1px solid #ed1c24; background:#ed1c24 none repeat scroll 0 0;} .page .current{ color:#FFF; text-decoration:none; margin-right:5px; padding:6px 18px; border:1px solid #ed1c24; background:#ed1c24 none repeat scroll 0 0;} .disabled{ color:#999; margin-right:5px; padding:6px 18px; border:1px solid #DDD; background:#FFF none repeat scroll 0 0;} .page ul li{display:inline-block;} .page .active span{ display: block; color: #fff; padding:6px 18px; background:red none repeat scroll 0 0; border:1px solid #DDD;} /*.page .disabled span{padding:0px 18px;}*/ .news-list{ clear: both; overflow: hidden; margin-top: 60px; } .news-list ul{ clear: both;; overflow: hidden; margin-left: -4%; } .news-list ul li{ float: left; width: 46%; padding-bottom: 20px; border-bottom: 1px solid #EEE; margin-left: 4%; margin-bottom: 25px;} .list-time{ float: left; color: #333; font-size: 14px; width: 90px; text-align: center; margin-right: 10px; } .list-time b{ display: block; color: #9C9C9C; font-size: 50px; font-family: Microsoft Yahei; font-weight: normal; margin-bottom: 5px; } .list-info{ display: block; overflow: hidden; } .list-info h2{ color: #000; font-size: 20px; font-weight: normal; line-height: 1.2; margin-bottom: 15px; } .list-info h2 a{ display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .list-info h2 a:hover{ color: #ed1c24; } .list-info p{ color: #333; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; } .news-detail{ clear: both; overflow: hidden; margin-top: 40px; } .news-nav{ float: left; width: 420px; background: url('/static/index/images_index/bg-nav.jpg') #E5E5E5 no-repeat top center;} .news-nav.place{ top:0; transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; -o-transition:.3s; } .news-nav.place p{ margin-top: 150px; transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; -o-transition:.3s; } .news-nav a{ display: block; margin-top: 120px; } .news-nav a img{ display: block; margin: 0 auto; } .news-nav b{ display: block; } .news-nav b img{ margin-top: 150px; margin-left: 230px; } .news-nav p{ width: 100%; color: #707580; font-size: 20px; text-align: center; margin-top: 30px; } .news-nav p font{ font-size: 22px; color: #ed1c24; } .news-nav p font i{ font-size: 28px; font-weight: bold; } .news-main{ padding-left: 470px;} .news-time{ color: #111; font-size: 18px; height: 28px; line-height: 28px; } .news-time span{ display: inline-block; color: #FFF; border-radius: 14px; padding: 0 12px; margin-right: 15px; background-color: #BABABA; } .news-main h1{ font-size: 34px; line-height: 1.2; margin: 40px 0; } .news-author{ position: relative; height: 94px; width: 100%; margin-bottom: 45px; background: url('/static/index/images_index/ico-lines.png') no-repeat left bottom;} .news-intro{ position: absolute; left: 0; bottom: 0; display: inline-block; height: 92px; z-index: 2;} .news-intro img { float: left; width: 72px; height: 72px; overflow: hidden; display: block; } .news-text { display: inline-block; margin-left: 15px; margin-top: 5px;} .news-text h3 { color: #000; font-size: 24px; height: 34px; line-height: 34px; font-weight: 500;} .news-main .news-text p { color: #666; font-size: 14px; line-height: 24px; margin: 0;} .news-line { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; border-bottom: 1px solid #969696; z-index: -1;} .news-ico{ position: absolute; right: 0; bottom: -4px; width: 30px; height: 8px; background: url('/static/index/images_index/line-ico.jpg') no-repeat left bottom;} .news-author span{ position: absolute; top: 20px; right: 0; color: #FFF; font-size: 20px; height: 40px; line-height: 40px; border-radius: 20px; padding: 0 30px 0 60px; cursor: pointer; background: url('/static/index/images_index/ico-link.png') #ed1c24 no-repeat 30px center; } .news-main p{ color: #555; font-size: 16px; line-height: 32px; margin-bottom: 16px; } .news-main p a{color:#ed1c24;padding: 0 4px;} .news-main p a:hover{text-decoration: underline;} .news-main p video{ width: 100%; height: auto; max-width: 600px; } .news-main i{ float: left; width: 63px; height: 28px; margin-right: 15px; background: url('/static/index/images_index/ico-txt.jpg') no-repeat left top;} .news-main h2{ color: #333; font-size: 26px; margin-bottom: 16px;} .news-main h3{ color: #333; font-size: 24px; margin-bottom: 16px;} .news-main table{margin-bottom: 20px;} .news-page{ clear: both; overflow: hidden; margin-top: 20px; } .news-page p{ color: #FF3900; line-height: 36px; margin: 0; } .news-page p span{ float: left; width: 64px; } .news-page p a{ display: block; color: #FF3900; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .news-about{ clear: both; overflow: hidden; margin-top: 20px;} .news-tit{overflow: hidden;padding-bottom: 26px;} .news-tit h3{ position: relative; float: left; width: 128px; height: 38px; line-height: 37px; text-align: center; font-size: 18px; font-weight: normal; color: #FFF; background-color: #FF3900;} .news-tit h3::after{ content: ""; position: absolute; left: 0; width: 11px; height: 11px; bottom: -11px; background: url('/static/index/images_index/ico-tit.png') no-repeat left bottom;} .news-about ul li{ padding: 13px 15px 10px 68px; margin-bottom: 20px; background: #f6f6f6 url('/static/index/images_index/ico-arrow01.png') no-repeat left 18px center; transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; -o-transition:.3s;} .news-about ul li a{ display: block; font-size: 20px; color: #333; line-height: 30px; margin-bottom: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .news-about ul li span{ display: inline-block; font-size: 14px; color: #999; line-height: 24px; margin-right: 25px;} .news-about ul li a:hover{color: #ff3900;} .news-pro{ clear: both; overflow: hidden; margin-top: 20px;} .news-pro ul{ margin-left: -2%; margin-top: 10px; } .news-pro ul li{ float: left; width: 48%; margin-left: 2%; } .news-pro ul li img{ width: 100%; height: auto; } .news-pro ul li a{ display: block; } .news-pro ul li p{ color: #333; font-size: 18px; padding: 5px 0; margin: 0; margin-bottom: 10px; text-align: center; } .news-foot{ display: none; } .news-focus{ clear: both; overflow: hidden; padding: 70px 0 80px; background: url('/static/index/images_index/bg-news01.jpg') repeat center top; } .news-focus h1{ color: #000; font-size: 40px; text-align: center; } .news-focus p{ color: #666; font-size: 16px; line-height: 1.2; text-align: center; margin-top: 18px; } .news-focus ul{ clear: both; overflow: hidden; margin-left: -2%; margin-top: 45px; } .news-focus ul li{ float: left; width: 31.3%; margin-left: 2%; } .news-focus ul li a{ display: block; } .news-focus ul li img{ width: 100%; height: auto; } .news-txt{ padding: 15px 25px; box-sizing: border-box; background-color: #FFF; } .news-txt h3{ color: #333; font-size: 16px; font-weight: normal; line-height: 26px; overflow: hidden; } .news-txt h3 a{height: 52px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .news-txt a:hover{ color: #ed1c24; } .news-txt b{ display: block; font-size: 14px; font-weight: normal; margin-top: 10px; } .news-com{ clear: both; overflow: hidden; margin-top: 30px; } .news-com h2{ line-height: 30px; font-weight: normal; } .news-com h2 span{ color: #010101; font-size: 30px; } .news-com h2 a{ float: right; color: #666; font-size: 14px; } .news-com h2 a:hover{ text-decoration: underline; } .com-show{ clear: both; overflow: hidden; margin-top: 30px; } .com-info{ float: left; width: 58%; } .com-info a{ display: block; } .com-info img{ width: 100%; height: auto; } .com-txt{ padding: 15px 25px; box-sizing: border-box; background-color: #F6F6F6; } .com-txt h3{ font-size: 20px; font-weight: normal; } .com-txt h3 a{ color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .com-txt h3 a b,.com-txt p b{background: none;display: inline-block;padding-left: 0;} .com-txt h3 a:hover{ color: #ed1c24; } .com-txt p{ color: #666; font-size: 14px; line-height: 22px; height: 44px; overflow: hidden; margin: 20px 0; } .com-txt b{ display: block; color: #666; font-size: 14px; font-weight: normal; height:20px; line-height: 20px; padding-left: 30px; box-sizing: border-box; background: url('/static/index/images_index/ico-data.png') no-repeat left center;} .com-show ul{ float: right; width: 38%; } .com-show ul li{ float: left; width: 100%; margin-bottom: 35px; border-bottom: 1px solid #ECF1F4; } .com-show ul li:last-child{ margin-bottom: 0; } .com-show ul li b{ display: block; font-weight: normal; line-height: 32px; color: #ed1c24; font-size: 30px;} .com-show ul li b em{ float: right; color: #888; font-size: 16px; } .com-show ul li h3{ font-size: 18px; font-weight: normal; margin: 18px 0 12px; } .com-show ul li h3 a{ display: block; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .com-show ul li h3 a:hover{ color: #ed1c24; } .com-show ul li h3 a b,.com-show ul li p b{display: inline-block;font-size: 18px;line-height: 22px;} .com-show ul li p{ color: #666; font-size: 14px; line-height: 22px; height: 44px; overflow: hidden; margin: 14px 0 30px; } .news-much{ clear: both; overflow: hidden; margin-top: 90px; } .news-much h2{ line-height: 36px; font-weight: normal; padding-bottom: 35px; border-bottom: 1px solid #D1DEE6; } .news-much h2 span{ color: #010101; font-size: 30px; } .news-much h2 a{ float: right; color: #666; font-size: 14px; } .news-much h2 a:hover{ text-decoration: underline; } .news-much ul{ clear: both;; overflow: hidden; margin-left: -5%; margin-top: 40px; } .news-much ul li{ float: left; width: 45%; padding-bottom: 20px; border-bottom: 1px solid #D1DEE6; margin-left: 5%; margin-bottom: 30px;} .much-time{ float: left; color: #FFF; font-size: 16px; width: 12%; text-align: center; padding: 10px 0; margin-right: 20px; background-color: #949494; } .much-time b{ display: block; color: #FFF; font-size: 30px; line-height: 1.1; font-family: Microsoft Yahei; font-weight: normal; margin-bottom: 5px; } .much-info{ display: block; overflow: hidden; } .much-info h3{ color: #000; font-size: 18px; font-weight: normal; line-height: 1.2; margin-bottom: 10px; } .much-info h3 a{ display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .much-info h3 a:hover{ color: #ed1c24; } .much-info p{ color: #666; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; } .news-other{ clear: both; overflow: hidden; padding: 130px 0 160px; margin-top: 20px; background: url('/static/index/images_index/bg-news02.jpg') repeat center top; } .other-con{ float: right; width: 57%; color: #FFF; text-align: right; } .other-con b{ font-size: 36px; } .other-con p{ font-size: 17px; line-height: 30px; margin: 20px 0; } .other-con a{ display: inline-block; color: #FFF; font-size: 14px; padding: 15px 70px; border:1px solid #FFF; cursor: pointer; } .other-con a:hover{border-color:#ed1c24;} .other-con a img{ vertical-align: middle; margin-left: 10px; } .ban-nav{ position: absolute; left: 18%; bottom: 0; } .ban-nav span{ float: left; margin-right: 3px; } .ban-nav span a{ display: block; padding:20px 50px; background-color: #FFF; } .ban-nav span a:hover{ color: #FFF; background-color: rgba(236,0,2);} .ban-nav span a.ban-cur{ color: #FFF; background-color: rgba(236,0,2); } .news-place{ text-align: right; } /*about*/ .about-show{ clear: both; overflow: hidden; margin-top: 70px; } .about-show h1{ color: #000; font-size: 40px; font-weight: normal; text-align: center; } .about-show p{ color: #333 ; font-size: 16px; line-height: 1.6; text-align: center; margin: 15px 0; } .about-info{ clear: both; overflow: hidden; margin-top: 35px; } .about-video{ float: left; width:62%; height: 500px; background: url('/static/index/images_index/video_bg.jpg') no-repeat left top; background-size: 100%; } .about-video video{ width: 100%; padding: 6px 16px; box-sizing: border-box; } .about-info p{ float: right; width: 39%; color: #333; font-size: 16px; line-height: 32px; text-align: left; padding: 50px 50px 60px 60px; box-sizing: border-box; margin-top: 25px; margin-left: -1%; border:6px solid #DCDCDC; border-left: 0; } .about-course{ height: 380px; padding: 70px 0; background: url('/static/index/images_index/bg-about01.jpg') repeat center top;} .cour-info{ float: left; width: 80%; height: 380px; background: url('/static/index/images_index/ico-lc.png') #FFF no-repeat left top; } .cour-txt{ margin: 80px 60px 0 370px; } .cour-txt b{ color: #ed1c24; font-size: 34px; font-weight: normal; } .cour-txt b em{ font-weight: bold; } .cour-txt p{ color: #333; font-size: 16px; line-height: 30px; margin-top: 40px; } .cour-nav{ float: right; width: 19.5%; height: 380px; background-color: #FFF; } .cour-nav li{ float: left; color: #333; font-size: 16px; width: 50%; text-align: center; height: 95px; line-height: 95px; cursor: pointer; } .cour-nav li i{ color: #333; display: block; background-color: #F6F6F6;} .cour-nav li.selected{ color: #FFF; background-color: #F24C4D; } .cour-nav li.selected i{ color: #FFF; background-color: #F24C4D; } .cour-nav li:hover{ color: #FFF; background-color: #F24C4D; } .cour-nav li:hover i{ color: #FFF; background-color: #F24C4D; } .about-main{ clear: both; overflow: hidden; margin-top: 60px; } .about-main h2{ color: #000; font-size: 38px; font-weight: normal; text-align: center; } .about-main p{ color: #333 ; font-size: 16px; line-height: 1.6; text-align: center; margin: 15px 0; } .about-main ul{ clear: both; overflow: hidden; margin-top: 25px; margin-left: -2%; } .about-main ul li{ float: left; width: 31.3%; margin-left: 2%; } .about-pic{ position: relative; margin-bottom: 20px; } .about-pic img{ width: 100%; } .about-pic span{ position: absolute; top: 36px; left: 30px; color: #FFF; font-size: 22px; font-weight: bold; } .about-pic span:after{ position:absolute; content:""; left:0; bottom:-16px; width:58px; height:2px; background-color:#FFF; } .about-main ul li p{ color: #333; font-size: 16px; line-height: 30px; margin: 0; } .about-main ul li p b{display: inline-block;margin: 0;} .about-main ul li b{ display: block; text-align: center; margin: 10px 0; } .about-main ul li b img{ margin: 0 auto; } .about-point{ clear: both; overflow: hidden; height: 500px; margin-top: 60px; } .point-nav{ float: left; width: 60%; height: 100%; background: url('/static/index/images_index/bg-about02.jpg') no-repeat center top;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover; } .point-nav ul{ width: 100%; padding-left: 120px; box-sizing: border-box; margin-top: 130px; } .point-nav ul li{ float: left; color: #FFF; text-align: right; width: 16%; padding: 0 8%; border-right:1px solid #FFF; } .point-nav ul li:last-child{ border-right: none; } .point-nav ul li i{ position: relative; display: block; text-align: right; padding-bottom: 10px; } .point-nav ul li i:after{ position:absolute; content:""; right:21px; bottom:0; width:48px; height:2px; background-color:#F24C4D; } .point-nav ul li b{ display: block; font-size: 22px; font-weight: normal; margin: 20px 0; } .point-nav ul li p{ font-size: 14px; line-height: 26px; } .point-nav ul li p b{display: inline-block;font-size: 14px;margin: 0;} .point-txt{ float: left; width: 40%; height: 100%; padding: 0 200px 0 50px; box-sizing: border-box; background-color:#F24C4D; } .point-txt b{ display: block; margin-top: 130px; color: #FFF; font-size: 34px; font-weight: normal; } .point-txt p{ color: #FFF; font-size: 16px; line-height: 32px; margin-top: 20px; } .point-txt p b{display: inline-block;margin-top: 0;font-size: 16px;} .about-range{ clear: both; overflow: hidden; padding: 70px 0; background-color: #FCFCFC; } .about-range h2{ color: #000; font-size: 38px; font-weight: normal; text-align: center; } .about-range p{ color: #333 ; font-size: 16px; line-height: 1.6; text-align: center; margin: 15px 0; } .about-range ul{ margin-top: 30px; margin-left: -3%; } .about-range ul li{ float: left; width:22%; margin-left: 3%; background-color: #E5E5E5; border-radius: 6px; text-align: center; padding: 30px 0; } .about-range ul li a{ display: block; } .about-range ul li b{ display: block; color: #333; font-size: 16px; font-weight: normal; margin-top: 5px; } .about-range ul li .about-nav{ width: 84px; height: 84px; margin: 0 auto; } .about-range ul li .about-nav01{ background:url(/static/index/images_index/ico-pic01.png) no-repeat center; } .about-range ul li .about-nav02{ background:url(/static/index/images_index/ico-pic02.png) no-repeat center; } .about-range ul li .about-nav03{ background:url(/static/index/images_index/ico-pic03.png) no-repeat center; } .about-range ul li .about-nav04{ background:url(/static/index/images_index/ico-pic04.png) no-repeat center; } .about-range ul li:hover{ background-color: #F24C4D; } .about-range ul li:hover .about-nav01{ background:url(/static/index/images_index/ico-pic07.png) no-repeat center; } .about-range ul li:hover .about-nav02{ background:url(/static/index/images_index/ico-pic08.png) no-repeat center; } .about-range ul li:hover .about-nav03{ background:url(/static/index/images_index/ico-pic09.png) no-repeat center; } .about-range ul li:hover .about-nav04{ background:url(/static/index/images_index/ico-pic10.png) no-repeat center; } .about-range ul li:hover b a{ color: #FFF; } /*contact*/ .cont-show{ clear: both; overflow: hidden; margin: 40px auto; } .cont-show h1{ color: #000; font-size: 40px; font-weight: normal; text-align: center; } .cont-show b{ display: block; color: #E5E5E5 ; font-size: 40px; text-align: center; margin: 0 0 5px; } .cont-way{ clear: both; overflow: hidden; padding-bottom: 80px; background:url(/static/index/images_index/bg-contact.jpg) no-repeat center bottom; } .way-info{ float: left; width: 50%; } .way-info h2{ color: #333; font-size: 18px; margin-bottom: 30px; } .way-info p{ line-height: 30px; color: #333; font-size: 16px; margin-bottom: 10px; } .way-info p img{ margin-right: 10px; } .way-info p em{ color: #ed1c24; font-size: 24px; font-weight: bold; } .way-con{ clear: both; overflow: hidden; padding-top: 50px; margin-top: 40px; border-top:1px solid #EEE; } .way-con img{ float: left; width: 170px; height: 170px; margin-right: 15px; } .way-con b{display: block; color: #666; font-size: 15px; font-weight: normal; line-height: 30px; margin: 10px 0; } .way-con b b{display: inline-block;} .way-con span{ display: block; overflow: hidden; color: #FFF; font-size: 14px; width: 125px; height: 35px; line-height: 35px; border-radius: 5px; text-align: center; margin-top: 20px; cursor: pointer; background-color: #ed1c24; } .way-map{ float: right; width: 40%; border-radius: 50%; overflow: hidden; } #allmap{display: block;width: 100%;height: 460px;border-radius: 50%;} .BMap_bubble_content{line-height: 26px} #allmap img{max-width: 1000px;} /*service*/ .ser-show{ clear:both; overflow:hidden; padding:30px 0; background:url(/static/index/images_index/bg-service01.jpg) repeat center top;} .ser-show .box{ position: relative; } .ser-name{ float:left; width:45%; margin:50px 0;} .ser-name h1{ color:#FFF; font-size:40px; font-weight:normal; margin-bottom:15px;} .ser-name p{ color:#FFF; font-size:16px;} .ser-show ul{ clear:both; overflow:hidden; } .ser-show ul li{ float:left; margin-top:1%; overflow: hidden;} .ser-show ul li img{ width:100%; height: auto; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s;} .ser-show ul li:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); transition:all 0.5s;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s;} .ser-show ul li.ser-ico:hover img{transform: rotateY(180deg);} .ser-show ul.ser-show01{ width: 46%; margin-left:-2%;} .ser-show ul.ser-show02{ width: 100%; margin-left:-1%;} .ser-show ul.ser-show01 li{ margin-left: 2%; } .ser-show ul.ser-show02 li{ margin-left: 1%; } .ser-show ul li img{ width: 100%; height: auto; margin:0 auto;} .ser-show ul li i{ display:block; color:#FFF; font-size:22px; margin-top:16px;} .ser-show ul li.ser-ico{ text-align:center; padding:40px 0 50px;} .ser-show ul li.ser-ico img{ width:70px; height:70px;} .ser-show ul li.ser-ico01{ width: 48%; background-color:#F24C4D;} .ser-show ul li.ser-ico02{ width: 21%; background-color:#FFCC00;} .ser-show ul li.ser-ico03{ width: 22%; background-color:#f7ac1b;} .ser-show ul li.ser-pic01{ width: 48%; } .ser-show ul li.ser-pic02{ width: 22.2%; } .ser-show ul li.ser-pic03{ width: 30.5%; } .ser-people{ position: absolute; right: 45px; top: 1px; } .ser-aim{ clear: both; overflow: hidden; margin-top: 60px; } .ser-aim h2{ color: #333; font-size:38px; ; font-weight: normal; text-align: center; } .ser-aim p{ color: #333; font-size: 16px; line-height: 24px; text-align: center; margin: 20px auto; } .aim-show{height:440px; overflow:hidden;} .aim-show li{ float: left; width:15%; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; cursor:pointer;} .aim-show li .aim-main{ height:440px;} .aim-show li .aim-con{ display:none; width:50%; padding-top:80px; padding-left:70px; color:#FFF;} .aim-show li .aim-con b{ color: #FFF; font-size:32px; margin-bottom:30px; text-align:left;} .aim-show li .aim-con p{ color: #FFF; font-size:14px; line-height:24px; text-align:left;} .aim-show li.on{ width:70%;} .aim-show .aim01 .aim-main{ border-right:2px solid #FFF; background:url(/static/index/images_index/ser_nav01.jpg) center center no-repeat;} .aim-show .aim02 .aim-main{ border-right:2px solid #FFF; background:url(/static/index/images_index/ser_nav02.jpg) center center no-repeat;} .aim-show .aim03 .aim-main{ background:url(/static/index/images_index/ser_nav03.jpg) center center no-repeat;} .aim-show .aim01.on .aim-main{ background:url(/static/index/images_index/ser_on01.jpg) center center no-repeat; background-size:cover;} .aim-show .aim02.on .aim-main{ background:url(/static/index/images_index/ser_on02.jpg) center center no-repeat; background-size:cover;} .aim-show .aim03.on .aim-main{ background:url(/static/index/images_index/ser_on03.jpg) center center no-repeat; background-size:cover;} .aim-show li.on .aim-con{display:block;} .ser-trust{ clear: both; overflow: hidden; margin-top: 60px; } .ser-trust h2{ color: #333; font-size:38px; ; font-weight: normal; text-align: center; } .ser-trust p{ color: #333; font-size: 16px; line-height: 24px; text-align: center; margin: 20px auto; } .ser-trust ul{ clear: both; overflow: hidden; margin-top: 30px; background:url(/static/index/images_index/bg-ser.jpg) center no-repeat;} .ser-trust ul li{ float: left; width: 25%; padding: 100px 0; text-align: center; color: #FFF; line-height: 32px; border-right: 1px solid #FFF; box-sizing: border-box; } .ser-trust ul li:last-child{ border-right: none; } .ser-trust ul li b{ font-size: 16px; font-weight: normal; } .ser-trust ul li h3{ font-size: 24px; font-weight: normal; } .ser-trust ul li:hover{ background: rgba(238,33,33,.8); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .ser-flow{ clear: both; overflow: hidden; height: 690px; padding-top: 60px; margin-top: 60px; background:url(/static/index/images_index/bg-flow.jpg) center bottom no-repeat;} .ser-flow h2{ color: #FFF; font-size:38px; ; font-weight: normal; text-align: center; } .ser-flow p{ color: #FFF; font-size: 16px; line-height: 24px; text-align: center; margin: 20px auto; } .error{ position: relative; width:100%; clear:both; overflow:hidden;} .error-pic{ width: 100%; text-align: center;} .error-pic img{ width: 100%; height: auto;} .error-pic a{ position: absolute; top: 400px; left: 50%; display: block; width:180px; font-size: 20px; color: #EE0002; line-height: 44px; margin: 0 auto; margin-left: -90px; border:1px solid #434343;} .error-pc{ height: 720px; background:url(/static/index/images_index/error01.jpg) center bottom no-repeat;} .error-mo{ height:400px; padding-bottom: 50px; background:url(/static/index/images_index/error02.jpg) center top no-repeat; background-size: 100%;} .error-mo a{ top: 80%; } .error-mo{ display: none;} .footer-btns{ display: none; } .mobile_ban-show{ display: none; } .pagination{ width: 100%; font-size: 14px; line-height: 23px; text-align: center; margin: 15px auto 40px; } .pagination li { display: inline-block; } .disabled { color: #999; margin-right: 5px; padding: 6px 18px; border: 1px solid #DDD; background: #FFF none repeat scroll 0 0; } .pagination .active span { display: block; color: #fff; padding: 6px 18px; background: red none repeat scroll 0 0; border: 1px solid #DDD; } .pagination a { color: #999; margin-right: 5px; padding: 6px 18px; background: #FFF none repeat scroll 0 0; border: 1px solid #DDD; } .news-no{ display: none; } /* 产品内页留言板 开始 */ .pro-liuyanban{ background: url(/static/index/images_index/liuyan-bg.jpg) no-repeat center top; padding: 60px 0 45px; background-size: 100% 100%; width: 1200px; margin: 50px auto 0; } .pro-liuyanban.news-lyb{ width: auto; } .ly-menu{ width: 910px; margin: 0 auto; background-color: rgba(255, 255, 255, .8); text-align: center; border-radius: 8px; padding-bottom: 10px; } .news-lyb .ly-menu{ width: 680px; } .news-lyb .ly-title{ font-size: 16px; } .ly-title{ font-size: 18px; color: #373737; line-height: 70px; border-bottom: 1px solid #d9d9d9; margin-bottom: 20px; } .ly-title b{ display: none; } .ly-title img{ vertical-align: middle; margin-right: 15px; } .form-group{ clear: both; overflow: hidden; width: 70%; margin: 0 auto 20px; position: relative; } .news-main .form-group{ width: 92%; } .form-group img.icon{ position: absolute; display: block; left: 18%; margin-left: 15px; top: 7px; } .ly-menu label{ line-height: 34px; font-size: 16px; } .ly-menu input, .ly-menu textarea{ float: right; background-color: #fff; width: 82%; line-height: 20px; padding: 7px 15px 7px 50px; border: 1px solid #d9d9d9; border-radius: 4px; transition: all 0.25s; box-sizing: border-box; } .ly-menu input.btn-ly-tj{ padding-left: 15px; } .ly-menu input:focus, .ly-menu textarea:focus{ box-shadow: 0 3px 3px rgba(250, 2, 20, .1); } .ly-bg03{ background: url(/static/index/images_index/tb-ly03.png) no-repeat 15px 7px; } .btn-ly-tj{ width: 250px; height: 44px; border: 0; outline: none; font-size: 16px; color: #fff; border-radius: 4px; border: none; cursor: pointer; opacity: .9; transition: all 0.25s; -moz-transition: all 0.25s; -webkit-transition: all 0.25s; background: -webkit-linear-gradient(#ff8a80, #fc2f01); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#ff8a80, #fc2f01); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#ff8a80, #fc2f01); /* Firefox 3.6 - 15 */ background: linear-gradient(#ff8a80, #fc2f01); /* 标准的语法 */ filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=#ff8a80,endColorStr=#fc2f01); } .ly-menu input.btn-ly-tj{ border: none;} .btn-ly-tj:hover{ opacity: 1; } /* 产品内页留言板 结束 */ /* 媒体查询样式 */ @media screen and (max-width:1300px){ .data-tab ul li{ margin-right: 10px; } .index-line ul li .line2 .p1{ font-size: 24px; } .index-line ul li .line1 .line-name h3 a{ font-size: 20px; } .ban-txt b{ font-size: 30px; } .ban-txt p{ font-size: 16px; margin-top: 15px; } .point-nav ul li{ width: 23%; padding: 0 5%; } .point-txt{ padding-right: 50px; } .ban-nav{ left: 5%; } } @media screen and (max-width:1280px){ .pro-show{ padding: 30px 0; } } @media screen and (max-width:1200px){ .nav ul li{ font-size: 16px; } .show01{ padding-top: 64px; } .data-tab ul li span{ width: 70px; height: 70px; line-height: 70px; font-size: 36px; } .data-tab ul li{ margin-right: 5px; } .ser-list ul.items li u{ width: 166px; } .index-line ul li .line2 .p1{ font-size: 22px; } .index-line ul li .line2 .p2{ font-size: 15px; } .index-line ul li .line1 .line-name h3 a{ font-size: 18px; } .pro-tel{ margin-top: 10px; } .pro-cont ul li{ width: 50%; } .pro-cont ul li.cont04{ background-size: 100% 100%; } .case-sign{ margin-left: -3%; } .case-sign font{ margin-left: 3%; } .news-focus{ padding: 60px 0 50px; } .much-time{ width: 14%; } .other-con b{ font-size: 30px; } .com-show ul li{ margin-bottom: 20px; } .ban-txt b{ font-size: 26px; } .ban-txt p{ line-height: 26px; } .about-info p{ padding:20px; } .point-nav ul{ padding-left: 0; } .ban-nav{ left: 1%; } .way-map{ width: 50%; } .ser-people, .ser-show ul li.ser-pic02, .ser-show ul li.ser-pic03{ display: none; } .ser-name{ width: 100%; margin: 10px 0 30px; } .ser-show ul.ser-show01, .ser-show ul.ser-show02{ clear: inherit; float: left; width: 50%; margin-left: 0; } .ser-show ul li.ser-pic01{ width: 48%; margin: 0 1%; } .ser-show ul li.ser-ico01{ width: 48%; margin: 0 1%; } .ser-show ul li.ser-ico02{ width: 48%; margin: 0 1%; } .ser-show ul li.ser-ico03{ width: 48%; margin: 0 1%; } .ser-show ul li.ser-ico{ padding: 30px 0 35px; } .box{ max-width: 970px; } .data-tab ul li span{ width: 69px; } .index-about ul li{ padding: 40px 0 25px; } .index-about ul li b{ padding-top: 40px; margin-top: 20px; } /* 留言板移动端 */ .pro-liuyanban{ width: 100%; } .news-lyb .ly-menu{ width: auto; margin: 0 15px; } .news-lyb .ly-title{ padding: 10px 15px; line-height: 26px; } .news-lyb .ly-menu input, .news-lyb .ly-menu textarea{ width: 100%; margin-left: 0; } .news-lyb .form-group{ padding: 0 15px; text-align: left; } .news-lyb .form-group label{ position: relative; display: block } /* .btn-ly-tj{ width: auto; display: block; margin: 0 15px; } */ } @media screen and (max-width:1000px){ .pro-tit h1, .product-info h1, .about-show h1, .ser-name h1{ font-size: 36px; } .index-tit h2, .pro-line h2, .pro-news h2, .about-main h2, .about-range h2, .ser-aim h2, .ser-trust h2, .ser-flow h2{ font-size: 32px; } .index-pro, .index-about, .index-line, .index-news, .index-news, .index-ser{ margin-top: 40px; } .index-ser, .pro-show{ padding: 20px 0; } .show01{ padding-top: 72px; } .data-tab ul li span{ width: 68px; height: 68px; line-height: 68px; } .ser-list ul.items li u, .ser-list ul.items li p{ display: none; } .ser-list ul.items li{ background: none; } .ser-list ul.items li.ser01:hover i { background-position: -80px -5px;} .ser-list ul.items li.ser02:hover i { background-position: -240px -5px;} .ser-list ul.items li.ser03:hover i { background-position: -400px -5px;} .ser-list ul.items li.ser04:hover i { background-position: -80px -80px;} .ser-list ul.items li.ser05:hover i { background-position: -240px -80px;} .ser-list ul.items li.ser06:hover i { background-position: -400px -80px;} .ser-list ul.items li:hover strong{color:#333;} .ser-list ul.items li strong{ margin-top: 30px; } .ser-list ul.items li{ height: 200px; } .ser-list ul.items{ margin-top: 30px; } /* .position{ display: none; } */ .product-show{ margin: 30px auto; } .product-info ul{ margin-top: 15px; margin-bottom: 15px; } .pro-r{ display: none; } .pro-l{ width: 100%; } .slick-slider{ display: none; } .news-list{ margin-top: 30px; } .list-info h2{ font-size: 18px; margin-bottom: 10px; } .list-time b{ font-size: 40px; } .news-list ul li{ padding-bottom: 15px; margin-bottom: 20px; } .news-nav{ display: none; } .news-main{ padding-left: 0; } .news-foot{ display: block; } .way-info{ width: 100%; } .way-map{ width: 100%; margin-top: 30px; overflow: initial; } .cont-way{ padding-bottom: 0; } .pro-type, .ser-aim, .ser-trust, .ser-flow{ margin-top: 30px; } .ser-aim p, .ser-trust p, .ser-flow p{ margin: 15px auto; } .aim-show li .aim-con{ width: 60%; } .aim-show li .aim-con b{ font-size: 30px; } .ser-flow{ display: none; } .ser-show ul li.ser-pic01{ display: none; } .ser-show ul.ser-show01{ width: 33.3% } .ser-show ul li.ser-ico01{ width: 98%; margin: 0 1%; } .ser-show ul.ser-show02{ width: 66.6%; } .ser-show ul li.ser-ico img{ width: 60px; height: 60px; } .ser-show ul li i{ font-size: 18px; } .ser-show ul li.ser-ico{ padding: 40px 0; } .ser-name h1{ font-size: 34px; } .news-no{ display: block; } } @media screen and (max-width:960px){ .box{ width: 98%; } .m-top, .menu{ display: block; } .m-top{ text-align: left; border-bottom: 1px solid #e5e5e5; margin: 0 -10px; padding: 0 10px; background-color: #fff; } .top{ display: none; } /* 移动端导航样式 开始 */ .nav{ background-color: #fff; position: fixed; width: 100%; top: 0; left: 0; z-index: 9999; } .navbar-toggle { position: relative; z-index: 9; /* display: none; */ float: right; width: 26px; height: 26px; padding: 3px 4px 4px; cursor: pointer; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; cursor: pointer; margin-top: 6px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; height: 3px; background-color: #222; margin: 2px 0 2px; border-radius: 2px; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .navbar-toggle.open .icon-bar { display: none; margin: 0; position: absolute; left: 5px; top: 50%; width: 30px; } .navbar-toggle.open .icon-bar:first-child{ display: block; transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); } .navbar-toggle.open .icon-bar:last-child { display: block; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); } .navbar-toggle .icon-bar { background-color: #888; } .nav ul{ font-size: 15px; line-height: 35px; text-align: center; overflow: hidden; position: fixed; right: -200px; top: 40px; width: 200px; height: 100%; /* display: none; */ background-color: #fff; z-index: 9999; padding: 15px 0; margin: 0 -10px; transition: right 0.5s; -moz-transition: right 0.5s; /* Firefox 4 */ -webkit-transition: right 0.5s; /* Safari 和 Chrome */ -o-transition: right 0.5s; /* Opera */ } .nav ul.nav-show{ right: 0; } .nav ul li{ width: 100%; height: 46px; line-height: 46px; } .nav ul li:hover{ background-color: transparent; } .nav ul li a{ color: #333; display: block; margin: 0 15px; border-bottom: 1px solid #eee; line-height: 45px; } .nav ul li i{ display: none; } .nav ul li a.nav-select{ color: #333; border-color: #ed1c24; background: none; } .nav.iphone-nav ul{ position: relative; float: right; display: none; top: 0; right: 0; border-radius: 4px; -moz-box-shadow: 0 5px 5px rgba(0,0,0,.2); -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.2); box-shadow: 0 5px 5px rgba(0,0,0,.2); } .nav.iphone-nav { background-color: transparent; } body{ padding-top: 40px; } /* 移动端导航样式 结束 */ .pro-tit h1, .product-info h1, .news-focus h1, .about-show h1, .ser-name h1, .ser-name h1{ font-size: 32px; } .index-tit h2, .pro-line h2, .pro-news h2, .about-main h2, .about-range h2, .ser-aim h2, .ser-trust h2, .ser-flow h2{ font-size: 28px; } .news-pr h3{ font-size: 26px; } .index-pro, .index-about, .index-line, .index-news, .index-news, .index-ser{ margin-top: 30px; } .index-ser{ padding: 30px 0; } .pro-tit{ margin-bottom: 30px; } .index-about ul, .index-line ul, .news-show{ margin-top: 30px; } .pro-show{ padding:0; background-color: #FFF; } .show01{ width: 100%; margin: 0 0 10px 0; padding-top: 40px; } .show02{ width: 55%; } .show03{ width: 43%; } .news-pr{ width: 100%; margin-right: 0; } .news-data{ width: 100%; margin-left: 0; margin-top: 20px; } .news-pr ul li p{-webkit-line-clamp: 1; padding-top: 3px; padding-bottom: 3px;} .data-tab ul li{ padding-bottom: 20px; } .data-tab{ height: 60px; } .index-tit p{ font-size: 15px; } .ser-list ul.items li strong{ font-size: 14px; } .index-line ul li:last-child{ display: none; } .index-line ul li{ width: 33.1%; } .product-info ul li b{ font-size: 14px; } .product-info p{ font-size: 14px; } .pro-btn{ margin-top: 10px; } .pro-tel p{ font-size: 24px; } .pro-tel p em{ font-size: 30px; } .pro-btn img{ width: 64%; } .pro-new ul{ padding-left: 30px; } .news-detail{ margin-top: 30px; } .news-time{ font-size: 16px; } .news-main h1{ font-size: 30px; margin: 20px 0; } .news-main h2{ font-size: 24px; } .news-text h3{ font-size: 20px; } .news-author span{ font-size: 18px; } .news-about ul li a{ font-size: 18px; } .news-list ul{ margin-left: 0; } .news-list ul li{ width: 100%; margin-left: 0; } .com-info{ width: 100%; } .com-show ul{ width: 100%; margin-top: 20px; } .news-much{ margin-top: 30px; } .news-much ul{ margin-left: 0; } .news-much ul li{ width: 100%; margin-left: 0; } .much-time{ width: 10%; } .news-other{ display: none; } .com-txt{ padding: 15px; } .ban-txt{ display: none; } .pro-navy ul li .pro-nav{ background-size: 80%; } .pro-navy ul li p{ font-size: 16px; } .about-video{ width: 100%; } .about-info p{ width: 100%; border-left: 6px solid #DCDCDC; } .cour-info{ background: none; background-color: #FFF; } .cour-info{ width: 70%; } .cour-nav{ width: 29.5%; } .cour-txt{ margin-left: 60px; } .point-txt b{ margin-top: 80px; } .about-show, .about-main, .about-point{ margin-top: 30px;} .about-range{ padding: 30px 0; } .ban-nav{ position: static; margin:20px 0; text-align:center; } .ban-nav span{ float:none; display:inline-block; } .ban-nav span a{ padding:15px 40px; background-color:#EEE; } .cont-show{ margin: 30px auto; } .cont-show h1{ font-size: 32px; } .cont-show b{ font-size: 26px; } .type-info{ left: 18px; } .type-info h3{ font-size: 20px; margin-bottom: 15px; } .type-info a.type-btn{ margin-top: 15px; } .pro-case{ margin-top: 30px; padding: 30px 0; } .pro-case ul{ margin-top: 20px; padding: 20px 20px 10px; } .pro-need{ margin: 30px auto; } .product-fix{ display: none; } .mo-bg { position: fixed; left: -100%; top: 40px; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); z-index: 999; transition: all 0.5s; -moz-transition: all 0.5s; /* Firefox 4 */ -webkit-transition: all 0.5s; /* Safari 和 Chrome */ -o-transition: all 0.5s; /* Opera */ } .mo-bg.bg-show{ left: 0; } .case-tel p{ margin-left: 0; } /* 留言板移动端 */ .ly-menu{ width: auto; margin: 0 15px; } } @media screen and (max-width:768px){ .pro-tit h1, .product-info h1, .news-focus h1, .about-show h1, .cont-show h1, .ser-name h1, .ser-name h1{ font-size: 28px; } .index-tit h2, .pro-l h2, .pro-line h2, .pro-news h2, .about-main h2, .about-range h2, .ser-aim h2, .ser-trust h2, .ser-flow h2,.pro-tit h2{ font-size: 24px; } .news-pr h3{ font-size: 22px; } .index-about ul li{ padding: 30px 0 20px; } .index-about ul li img{ height: 50px; } .index-about ul li b{ font-size: 18px; } .index-link, .footer a{ display: none; } .index-about ul li p{ line-height: 20px; height: 45px; padding: 0 5px; } .ser-list ul.items li{ width: 33%; height: 120px; } .ser-list ul.items li i{ margin-top: 10px; } .index-line ul li .line2 .p1{ font-size: 20px; } .index-line ul li .line1 .line-name h3 a{ font-size: 16px; } .index-line ul li .line2 .p3{ width: 50%; left: 25%; } .index-line ul li .line1 .line-name, .index-line ul li .line1 .line-name h3{ height: 52px; line-height: 52px; } .index-line ul li:nth-child(3),.banner{ display: none; } .index-line ul li{ width: 49%; margin-left: 1%; } .index-line ul{ margin-left: -1%; } .product-pic{ width: 100%; } .product-pic img{ width: 100%; height: auto; } .product-info{ float: left; width: 100%; margin-top: 15px;} .pro-btn img{ width: 36%; } .product-fix ul li img{ width: 32px; height: 32px; } .product-fix ul li p{ font-size: 16px; } .pro-l ul li b{ font-size: 20px; } .pro-new ul li h3 a{ width: 80%; } .case-list ul li{ width: 48%; } .news-main h1{ font-size: 26px; } .news-main h2{ font-size: 22px; } .news-focus{ padding: 30px 0; } .news-focus ul{ margin-left: 0; margin-top: 30px; } .news-focus ul li{ width: 100%; margin-left: 0; background-color: #FFF; margin-bottom: 20px; } .news-focus ul li a{ float: left; width: 40%; } .news-txt{ display: block; overflow: hidden; } .news-focus ul li .news-txt h3 a{ width: 100%; } .news-focus p{ margin-top: 10px; } .news-com h2 span, .news-much h2 span{ font-size: 24px; } .com-show{ margin-top: 15px; } .com-txt p, .com-show ul li h3, .com-show ul li p{ margin: 10px 0; } .com-show ul li b{ font-size: 24px; } .com-show ul li{ margin-bottom: 10px; } .news-much h2{ padding-bottom: 15px; } .news-much ul{ margin-top: 15px; } .news-much ul li{ margin-bottom: 15px; padding-bottom: 15px; } .much-time{ width: 12%; } .pro-rank ul li{ width: 48%; } .cour-txt p{ margin-top: 30px; } .about-pic span{ top: 20px; left: 20px; font-size: 20px; } .point-nav{ width: 100%; } .point-txt{ display: none; } .ban-m{ display: block; } .way-con{ margin-top: 20px; padding-top: 20px; } .ser-trust ul li h3{ font-size: 22px; } .product-main video{ width: 100%;} /* 隐藏移动端右侧浮动咨询按钮 */ #LRdiv0, #LRdiv1{ display: none!important; } /* 移动端底部版权部分替换为咨询按钮 */ .footer{ display: none!important; } .footer-btns{ display: none; position: fixed; height: 36px; width: 100%; left: 0; bottom: 0; line-height: 36px; background-color: #fff; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; box-shadow:0px -0.2rem 0.2rem rgba(0, 0, 0, 0.05); z-index: 9999; background: -moz-linear-gradient(top, #F2F2F2, #ddd 100%); background: -webkit-linear-gradient(top, #F2F2F2 0%,#ddd 100%); background: -o-linear-gradient(top, #F2F2F2 0%,#ddd 100%); background: -ms-linear-gradient(top, #F2F2F2 0%,#ddd 100%); background: linear-gradient(to bottom, #F2F2F2 0%,#ddd 100%); } .footer-btns li{ width: 33.3%; float: left; text-align: center; } .footer-btns li a, .footer-btns li span{ display: inline-block; color: #666; line-height: 24px; text-align: center; padding-left: 24px; } .footer-btns li a{ background: url(../images_index/foot-ico01.png) no-repeat left center; background-size: 18px auto; } .footer-btns li:nth-child(3) a{ color: #D12726; background: url(../images_index/foot-ico05.png) no-repeat left center; background-size: 18px auto; } .footer-btns li span{ border-right: 1px solid #e5e5e5; background: url(../images_index/foot-ico03.png) no-repeat left center; background-size: 18px auto; } .foot-links li:nth-child(1) a{ color: #D12726; background: url(../images_index/foot-ico02.png) no-repeat left center; background-size: 18px auto; } .foot-links li:nth-child(3) a{ color: #666; background: url(../images_index/foot-ico04.png) no-repeat left center; background-size: 18px auto; } body{ padding-bottom: 40px; } .index-about ul li b{ padding-top: 20px; margin-top: 10px; } .box{ width: auto; padding: 0 10px; } .data-tab ul li span{ font-size: 24px; width: 50px; height: 50px; line-height: 50px; border-radius: 16px; } .data-tab ul li span i{ font-size: 14px; } .pro-navy ul li{ width: 20%; } .pro-navy ul li .pro-nav{ height: 60px; } .pro-navy ul li p{ font-size: 14px; } .pro-navy ul li b img{ margin: 3px; height: 12px; } .pro-navy ul li{ margin-bottom: 5px; } .about-range ul li{ padding: 15px 0; } .about-range ul li b{ font-size: 14px; } .way-info p img{ width: 24px; vertical-align: middle; } .type-info h3{ font-size: 18px; font-weight: normal; } .ser-list ul.items li i{ background-size: 330px!important; height: 50px; } .ser-list ul.items li.ser01 i{ background-position: -45px -3px; } .ser-list ul.items li.ser02 i{ background-position: -160px -3px; } .ser-list ul.items li.ser03 i{ background-position: -272px -3px; } .ser-list ul.items li.ser04 i{ background-position: -45px -55px; } .ser-list ul.items li.ser05 i{ background-position: -160px -55px } .ser-list ul.items li.ser06 i{ background-position: -272px -55px; } .ser-list ul.items li:hover i{ -webkit-transition:all 50s ease-in-out .4s; -moz-transition:all 50s ease-in-out .4s; -ms-transition:all 50s ease-in-out .4s; -o-transition:all 50s ease-in-out .4s; transition:all 50s ease-in-out .4s } .ser-list ul.items li strong{ margin-top: 10px; } .about-range ul li .about-nav{ width: 35px; height: 35px; margin: 0 auto; background-size: auto 100%; } .pro-cont ul li.cont02, .pro-cont ul li.cont03{ display: none; } .ban-show{ display: none; } .mobile_ban-show{ display: block; } .pagination a { padding: 6px 15px; } .menu ul li a.nav-select{ color: #ed1c24; } #allmap, .way-map{ border-radius: 0; } /* 当前位置前面的文字隐藏 */ .position .mylocation{ display: none; } .position .box{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .pro-tit{ margin-bottom: 15px; } .index-about ul, .index-line ul, .news-show{ margin-top: 15px; } .product-info h1{ margin-bottom: 0; } .pro-tel{ padding-left: 45px; background-size: 34px; } /* 留言板移动端 */ .ly-menu{ width: auto; margin: 0 15px; } .ly-title{ padding: 10px 15px; line-height: 26px; font-size: 16px; } .ly-menu input, .ly-menu textarea{ width: 100%; margin-left: 0; } .form-group{ margin: 0 15px; text-align: left; } .form-group label{ position: relative; display: block } .ly-title{ position: relative; padding-left: 50px; text-align: left; } .ly-title img{ position: absolute; top: 12px; left: 12px; width: 24px; height: 24px; } .ly-title b{ display: block; font-size: 18px; margin-bottom: 5px; } .form-group{ width: 100%; margin: 0; margin-bottom: 8px; } .btn-ly-tj{ margin-top: 15px;} .ly-menu .ly-bg03{ height: 120px; } .ly-menu form{ margin: 0 15px; } .news-lyb .form-group{ padding: 0; } .news-lyb .ly-title{ padding-left: 50px; } .news-main .form-group{ width: 100%;} } @media screen and (max-width:680px){ .news-pic{ display: none; } .pro-new ul{ padding-left: 0; } .pro-cont ul li.cont04{ padding: 40px 25px; } .pro-cont ul li.cont02 img{ height: 100%; } .pro-navy ul li .pro-nav{ background-size: 70%; } .about-video{ height: 400px; } .cour-info{ width: 100%; } .cour-nav{ width: 100%; height: 40px; margin-top: 10px; } .cour-nav li{ width: 12.5%; height: 40px; line-height: 40px; } .about-course{ height: auto; padding: 30px 0; } .pro-type ul{ margin-left: 0; } .pro-type ul li{ width: 100%; margin-left: 0; } .pro-type{ margin-top: 20px; } .show-ico img{ width: 80px; height: auto; } } @media screen and (max-width:600px){ .show02{ padding: 12px 0 30px; } .index-about ul li{ width: 48%; padding: 15px 0 10px; margin-bottom: 10px; } .index-tit p{ font-size: 14px; } .index-line ul li .line2{ padding-top: 24%; } .product-fix ul li img{ width: 26px; height: 26px; } .product-fix ul li p{ font-size: 14px; } .pro-l p img, .pro-l p video{ width: 100%; height: auto; } .pro-l p img{ margin: 20px 0; } .pro-l ul li b{ font-size: 18px; } .pro-line ul li p{ font-size: 16px; } .pro-news{ padding-top: 30px; } .pro-new{ margin-top: 20px; } .pro-new ul li h3 a{ font-size: 16px; } .pro-new ul li p{ padding: 10px 0 15px; } .pro-new ul li{ margin-bottom: 10px; } .case-sign{ display: none; } .product-main{ margin-top: 40px; } .news-main p img{ width: 100%; height: auto; } .news-main h1{ font-size: 22px; } .news-main h2{ font-size: 20px; } .news-text{ margin-left: 10px; } .news-intro img{ width: 64px; height: 64px; } .news-intro{ height: 80px; } .news-author{ height: 84px; margin-bottom: 15px; } .news-author span{ padding: 0 25px 0 55px; } .news-main p{ font-size: 15px; line-height: 30px; margin-bottom: 12px; } .news-main h3{margin-top: 20px;} .news-main .news-text h3{ margin-top: 0; } .news-page{ margin-top: 10px; } .news-page p{ margin: 0; } .news-about ul li{ background-size: 20px; padding-left: 52px; } .news-about ul li a{ font-size: 16px; margin-bottom: 5px; } .news-pro ul li p{ font-size: 16px; } .news-txt{ padding: 10px 20px; } .news-txt b{ margin-top: 15px; } .news-focus ul li a{ width: 42%; } .much-time{ width: 15%; margin-right: 12px; } .pro-navy ul li .pro-nav{ background-size: 60%; } .about-video{ background: none; height: auto; } .about-video video{ padding: 0; } .about-info{ margin-top: 20px; } .way-info h2{ display: none; } .way-con b{ font-size: 15px; } .pro-case h2, .pro-case h2, .pro-need h2{ font-size: 20px; } .pro-need p{ font-size: 16px; } .aim-show li .aim-con{ padding-left: 40px; } .ser-trust ul{ background:none; } .ser-trust ul li{ color: #333; width: 50%; padding: 20px 0; margin-bottom: 1px; background-color: #EEE;} .ser-trust ul li:hover{ color: #FFF; } .ser-show ul li.ser-ico img{ width: 52px; height: 52px; } } @media screen and (max-width:480px){ #gotoTop{ width: 42px; height: 42px; background-size: 42px; } .pro-tit h1, .product-info h1, .news-focus h1, .about-show h1, .cont-show h1, .ser-name h1, .ser-name h1{ font-size: 24px; } .index-tit h2, .pro-l h2, .pro-line h2, .pro-news h2, .about-main h2, .about-range h2, .ser-aim h2, .ser-trust h2, .ser-flow h2{ font-size: 22px; } .news-pr h3, .news-data h3{ font-size: 20px; } .index-pro, .index-about, .index-line, .index-news, .index-news, .index-ser{ margin-top: 20px; } .index-ser{ padding: 20px 0; } .show02 img{ width: 87%; } .index-tit p,.pro-tit p{ display: none; } .data-tab ul li{ margin-right: 3px; } /* .data-tab ul li span{ width: 58px; height: 60px; line-height: 60px; border-radius: 16px;} */ .data-tab ul li.selected em{ left: 20px; } .data-tab{ height: 40px; } .ser-list ul.items li strong{ line-height: 22px; padding: 0 10px; } /* .index-line ul{ width: 98%; margin-left:1%; margin-right: 1%; } */ .index-line ul{padding: 0 15px;} .index-line ul li{ width: 100%; margin-left: 0; margin-bottom: 20px; } .pro-btn img{ width: 52%; } .pro-l p img{ margin: 10px 0; } .pro-l h2{ margin: 10px 0; } .pro-l ul{ margin-left: 0; } .pro-l ul li{ width: 100%; margin-left: 0; } .pro-line{ margin-top: 30px; } .pro-line ul{ margin-left: 0; } .pro-line ul li{ width: 100%; margin-left: 0; margin-bottom: 10px; } .pro-line{ padding: 30px 0; } .pro-cont ul li{ height: 250px; } .pro-cont ul li.cont01{ padding: 40px 10px; } .pro-cont ul li.cont03{ padding: 25px 20px; } .pro-cont ul li.cont04{ padding: 20px 5px; } .pro-cont ul li.cont04 p{ width: 46%; margin:2%; } .pro-cont ul li.cont03 p span{ font-size: 16px; padding: 4px 8px; } .pro-cont ul li.cont03 p img{ display: none; } .list-time{ width: 70px; } .list-time b{ font-size: 36px; } .list-info h2{ font-size: 16px; margin-bottom: 8px; } .list-info p{ color: #666; } .page a{ padding:6px 12px; } .page .current{ padding:6px 12px;} .disabled{ padding:6px 12px;} .news-focus ul li a{ width: 100%; } .news-txt{ padding: 10px; padding-bottom: 15px; } .news-txt b{ margin-top: 10px; } .news-focus{ padding-bottom: 10px; } .much-time{ display: none; } .com-txt h3, .com-show ul li h3, .much-info h3{ font-size: 17px; } .news-txt h3{ height: auto; line-height: 24px; } /* .pro-navy ul li{ width: 33.3%; } */ .pro-navy{ margin-top: 30px; } .pro-rank{ margin: 0 auto; } .cour-txt{ margin:30px; } .about-main ul{ margin-left: 0; } .about-main ul li{ width: 100%; margin-left: 0; } .about-point{ display: none; } .about-range ul li{ margin-bottom: 15px; } .way-con img{ width: 150px; height: 150px; } .way-con b{ line-height: 24px; } .cont-show{ margin: 20px auto; } .way-info p{ font-size: 15px; } .way-con span{ margin-top: 15px; } .need-line{ display: none; } .pro-need ul{ clear:initial; float: left; width: 48%; margin-left: 0; } .pro-need ul.need-pic{ margin-left: 2%; } .pro-need ul li{ width: 100%; margin-left: 0; margin-bottom: 10px; } .pro-need p{ margin-bottom: 20px; } .pro-case ul{ margin-left: 0; padding: 10px; } .pro-case ul li{ width: 100%; margin-left: 0; } .aim-show li.aim01, .aim-show li.aim03{ display: none; } .aim-show li, .aim-show li.on{ width: 100%; } .aim-show li .aim-con{ display: block; padding:20px; width: 100%; box-sizing: border-box;} .aim-show li .aim-con b{ font-size: 24px; } .aim-show .aim02 .aim-main{ background:url(/static/index/images_index/ser_on02.jpg) center center no-repeat; background-size:cover;} .aim-show, .aim-show li .aim-main{ height: auto; } .ser-aim p, .ser-trust p{ font-size: 15px; margin: 10px auto; } .ser-trust ul li h3{ font-size: 18px; } .error-pc{ display: none; } .error-mo{ display: block; } .error-pic a{ font-size: 16px; } .pro-navy ul li .pro-nav{ height: 25px; } .ser-list ul.items li i{ background-size: 260px!important; height: 40px; } .ser-list ul.items li.ser01 i{ background-position: -39px -2px; } .ser-list ul.items li.ser02 i{ background-position: -129px -2px; } .ser-list ul.items li.ser03 i{ background-position: -219px -2px; } .ser-list ul.items li.ser04 i{ background-position: -39px -48px; } .ser-list ul.items li.ser05 i{ background-position: -129px -48px; } .ser-list ul.items li.ser06 i{ background-position: -219px -48px; } .ser-list ul.items li i{ width: 50px!important; } .pro-navy ul li:hover, .pro-navy ul li.cur{ background-image: none; } .pro-navy ul li{ border: 0; } .product-main{ margin-top: 10px; } .way-info p img{ margin: 5px 10px 5px 0; float: left; } .news-lyb .ly-title, .ly-title{ font-size: 14px; margin-bottom: 10px; line-height: 22px; } .ly-title b{ font-size: 16px; } .form-group label{ font-size: 12px; } .form-group{ margin-bottom: 8px; } } @media screen and (max-width:375px){ .footer{ padding: 10px 0;} .news-focus h1, .about-show h1, .cont-show h1, .ser-name h1, .ser-name h1{ font-size: 24px; } .product-info h1{ font-weight: bold; font-size: 22px; } .pro-tit h1, .index-tit h2, .pro-l h2, .pro-line h2, .pro-news h2, .about-main h2, .about-range h2, .ser-aim h2, .ser-trust h2, .ser-flow h2{ font-size: 20px; } .news-pr h3{ font-size: 18px; } .data-tab ul li span{ width: 50px; height: 50px; line-height: 50px; font-size: 22px;} .changes .prev, .changes .next{ background-size: 90%; } .pro-show p{ height: 40px; line-height: 40px; font-size: 16px; } .index-line ul li .line2 .p1{ font-size: 16px; } .index-line ul li .line2 .p3{ width: 60%; left: 20%; } .index-about ul li b{padding-top: 20px; margin-top: 0;} .pro-cont{ padding: 30px 0; } .pro-cont ul li{ width: 100%; } .pro-cont ul li.cont03{ padding: 25px 70px; } .pro-cont ul li.cont04{ padding: 10px 5px; } .product-show{ margin: 0 auto; } .product-info ul li{ padding: 10px 5px; } /* .pro-btn img{ width: 52%; } */ .pro-btn em{ display: none; } .pro-btn{ margin-right: 0; line-height: 45px; } .case-list ul li p, .pro-rank ul li p{ font-size: 14px; height: 30px; line-height: 30px;} .case-list ul li p a, .pro-rank ul li p a{ white-space: nowrap; text-overflow: ellipsis;overflow: hidden; } .case-list ul li, .pro-rank ul li{ margin-bottom: 8px; } .case-list{ margin: 20px auto; } .list-time{ width: 60px; } .news-list ul li{ padding-bottom: 10px; margin-bottom: 15px; } .news-detail{ margin-top: 20px; } .news-time{color: #999;font-size: 12px;} .news-main h1{margin: 10px 0;} .news-time span{ display: none;} .news-main h1{ font-size: 20px; line-height: 1.5; } .news-text h3{ font-size: 16px; height: 30px; line-height: 30px; } .news-intro img{ width: 52px; height: 52px; } .news-text{ margin-top: 0; } .news-intro{ height: 70px; } .news-author{ height: 74px; } .news-author span{ font-size: 16px; padding: 0 15px 0 45px; background-position: 20px center; } .news-about ul li{ background: none; background-color: #F6F6F6; padding: 10px; margin-bottom: 10px; } .news-pro{ margin-top: 10px; } .about-show p, .cour-txt p, .about-main p, .about-main ul li p, .about-range p{ font-size: 14px; line-height: 1.6; } .cour-info{ height: 300px; } .cour-txt b{ font-size: 28px; } .ban-nav span a{ padding:14px 36px;} .cont-show b{ font-size: 22px; } .pro-case h2, .pro-need h2{ font-size: 18px; } .ser-aim p, .ser-trust p{ font-size: 14px; } .ser-aim, .ser-trust, .ser-trust ul{ margin-top: 20px; } .aim-show li .aim-con b{ font-size: 18px; } .ser-name{ margin-bottom: 15px; } .ser-show ul li.ser-ico{ padding: 25px 0; } .ser-show ul li.ser-ico img{ width: 46px; height: 46px; } .ser-show ul li i{ font-size: 16px; } .pro-new ul li h3 a{ width: 100%; } .pro-new ul li h3 span{ display: none; } .pro-cont{ display: none; } } @media screen and (max-width:320px){ .news-pr ul li h4, .data-box ul li h4{ font-size: 16px; } .pro-tit{ margin-bottom: 20px; } .index-about ul, .index-line ul, .news-show{ margin-top: 20px; } .pro-show p{ height: 32px; line-height: 32px; font-size: 15px; } .index-about ul li img{ height: 48px; } .index-about ul li b{ padding-top: 15px; margin-top: 5px; font-size: 18px;} .data-tab ul li span{ width: 48px; height: 48px; line-height: 48px; border-radius: 12px; font-size: 26px; } .data-tab ul li{ margin-right: 4px; } .data-tab ul li.selected em{ left: 14px; } .data-tab{ height: 20px; } .ser-list ul.items li{ width: 30.4%; } .product-info ul li{ padding: 10px; } .pro-new ul li h3 a{ width: 100%; font-size: 15px; } .pro-new ul li p{ padding: 5px 0 10px; } .list-time{ display: none; } .news-list{ margin-top: 20px; } .page{ margin: 5px auto 20px; } .page a{ padding:5px 10px; } .page .current{ padding:5px 10px;} .disabled{ padding:5px 10px;} .news-time{ display: none; } .news-main h1{ margin-top: 0; margin-bottom: 15px; } .news-pro ul{ margin-top: 0; } .news-pro ul li p{ font-size: 14px; line-height: 24px; } .way-info p{ margin-bottom: 5px; } .way-con img{ display: none; } .way-con{ margin-top: 10px; padding-top: 10px; } .way-info p em{ font-size: 22px; font-family: 'Microsoft Yahei';} .type-info{ left: 10px; top: 10%; } .data-tab ul li span { width: 45px; height: 45px; line-height: 45px; font-size: 22px; } .data-tab ul li span i { font-size: 12px; } } table td {padding: 5px 2px;word-break: break-all;} .pc_content{margin-bottom: 20px;} #phone{display: none;} @media screen and (max-width:768px){ #phone{display: block;} #computer{display: none;} } .slick-slider{position:relative;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;-webkit-tap-highlight-color:transparent} .slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0} .slick-list:focus{outline:0} .slick-list.dragging{cursor:pointer;cursor:hand} .slick-slide,.slick-slide img,.slick-slider .slick-list,.slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .slick-track{position:relative;left:0;top:0;display:block;zoom:1} .slick-track:after,.slick-track:before{content:"";display:table} .slick-track:after{clear:both} .slick-loading .slick-track{visibility:hidden} .slick-slide{float:left;height:100%;min-height:1px;display:none} .slick-slide img{display:block; width: 100%;} .slick-slide.slick-loading img{display:none} .slick-slide.dragging img{pointer-events:none} .slick-initialized .slick-slide{display:block} .slick-loading .slick-slide{visibility:hidden} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent} .slick-next,.slick-prev{position:absolute;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:0 0;color:transparent;top:50%;margin-top:-10px;padding:0;border:none;outline:0} .slick-next:focus,.slick-prev:focus{outline:0} .slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25} .slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;color:#fff;opacity:.85;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .slick-prev{left:-25px} .slick-prev:before{content:"\2190"} .slick-next{right:-25px} .slick-next:before{content:"\2192"} .slick-dots{position:absolute;bottom:12px;list-style:none;display:block;text-align:center;padding:0;width:100%} .slick-dots li{position:relative;display:inline-block;height:16px;width:16px;margin:0 3px;padding:0;cursor:pointer; } .slick-dots li button{border:0;background:0 0;display:block;height:16px;width:16px;outline:0;line-height:0;font-size:0;color:transparent;cursor:pointer} .slick-dots li button:focus{outline:0} .slick-dots li button:before{position:absolute;top:0;left:0;content:"\2022";width:16px;height:16px;font-family:slick;font-size:6px;line-height:20px;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background: url(/static/index/images_index/dotoff.png) no-repeat;} .slick-dots li.slick-active button:before{ background:url(/static/index/images_index/doton.png) no-repeat;}