锘 body { color: #000; font-size: 12px; font-family: "Microsoft Yahei"; width: 100%; overflow-x: hidden; } .inner-banner img { width: 100%; } @media only screen and (max-width: 768px) { .padding-big { padding: 0px; } .margin-big { margin: 10px; } .padding { padding: 5px; } .margin { margin: 5px; } .padding-big-top { padding-top: 10px; } .padding-big-bottom { padding-bottom: 10px; } .padding-big-left { padding-left: 10px; } .padding-big-right { padding-right: 10px; } .margin-big-top { margin-top: 10px; } .margin-big-bottom { margin-bottom: 10px; } .margin-big-left { margin-left: 10px; } .margin-big-right { margin-right: 10px; } } a:hover { color: #cc0000 } .bg-main, .border-main .button.active, .pointer.border-main .active, .nav-pills.border-main .active a, .nav-main.border-main .nav-head, .pagination.border-main .active { background-color: #c7c7c7 } .border-main, .border-main .button, .border-main .tab-nav li a, .border-main .tab-body, .button.bg-main, .selected.border-main, .pointer.border-main li, .nav.border-main .active a, .nav.nav-tabs.border-main, .nav-main.border-main a, .nav-main.border-main .nav-head, .pagination.border-main li, .pager.border-main a { border-color: #c7c7c7 } .text-main, a.text-main:link, a.text-main:visited, .button.border-main, blockquote.border-main strong, .pager.border-main a, .pager-prev.border-main, .pager-next.border-main, .nav a:hover, .nav-menu.nav-pills .active ul a:hover, .bg-inverse .nav-menu ul a:hover, .bg-inverse .nav.nav-menu.nav-tabs ul a:hover, .bg-inverse .nav.nav-menu.nav-tabs .active ul a:hover, .bg-inverse .nav.nav-menu.nav-pills ul a:hover, .bg-inverse .nav.nav-menu.nav-pills .active ul a:hover { color: #c7c7c7; } .pagination.border-main li { margin: 0px 5px; } .button.bg-sub { border: solid 1px #bb262a; } .bg-nav { background: #1d1d1d; } .bg-gray { background-color: #f5f5f5; } .bg-black2 { background-color: #ff6633; } .bg-sub { background-color: #3c3c3c; color: #fff } .bg-footnav { background: #111; } .bg-footnav p { border-bottom: 0px; } .nav .active a { font-weight: normal; } .bg-inverse .nav.nav-pills .active a, .bg-inverse .nav.nav-pills.nav-inline a:hover { background-color: #552618; font-size: 16px; color: #fff; } .bg-inverse .nav.nav-pills a, .bg-inverse .nav.nav-pills.nav-inline a { font-size: 16px; } .nav-menu li { margin-right: 0px; margin-left: 0px; border-bottom: solid 3px #fff; padding-top:30px; padding-bottom: 10px; } @media only screen and (max-width: 992px) { .wrap-header .container { width: 100%; } .nav-menu li { padding: 15px 0px; } } @media only screen and (max-width: 768px) { .nav-menu li { padding: 0px 0px; border-bottom:1px dotted #ccc; } .nav-menu .drop-menu { display: none; position:inherit; top:0px; left: 0px; padding: 5px 0; margin: 1px 0 0; list-style: none; background-color: #fff; background-clip: padding-box; width:100%; box-shadow:none; -webkit-box-shadow: none; margin-bottom: 5px; } .navbar-big .nav-pills a { padding: 5px 10px; } } .nav-menu .drop-menu { border-radius: 0px; margin-top: 0px; } .text-main, a.text-main:link, a.text-main:visited, .button.border-main, blockquote.border-main strong, .pager.border-main a, .pager-prev.border-main, .pager-next.border-main, .nav a:hover, .nav-menu.nav-pills .active ul a:hover, .bg-inverse .nav-menu ul a:hover, .bg-inverse .nav.nav-menu.nav-tabs ul a:hover, .bg-inverse .nav.nav-menu.nav-tabs .active ul a:hover, .bg-inverse .nav.nav-menu.nav-pills ul a:hover, .bg-inverse .nav.nav-menu.nav-pills .active ul a:hover { color: #e80303; } .nav-navicon .input-group .input { width: auto; float: right } .nav-menu li.active, .nav-menu li:hover { border-bottom: solid 3px #e00 } .nav-pills .active a, .nav-pills a:hover { color: #ee0000; background: none } .nav-menu li .drop-menu { padding: 0px; } .nav-menu li .drop-menu li { margin-right: 0px; margin-left: 0px; border-bottom: solid 1px #ddd; } .nav-menu li .drop-menu li a { margin: 0px; padding: 10px 20px; } .nav-menu li .drop-menu li:hover a { } .nav-menu li .drop-menu li:hover { } .nav-menu li .drop-menu li ul { padding: 0px; margin-top: 5px; } .nav-inline.nav-menu ul a:hover { color: #fff } .nav-menu li:hover .drop-menu a { color: #222 } .nav-menu li:hover .drop-menu li { padding: 0px; } .button.bg-main { background-color: #552618; border-color: #552618 } .button.border-main { border-color: #e80303; color: #e80303 } .pointer.border-main li { border-color: #552618 } .pointer.border-main li.active { background-color: #552618 } .border-main { border-color: #e80303 } .w100 { width: 150px; } .icon-navicon { position: absolute; right: 10px; top: 10px; } .nav-navicon .input-group .input { width: auto; float: right } .nav a { color: #333; text-align: left; font-size: 16px; } .nav-menu li:hover drop-menu a { background-color: #ddd; color: #222 } .w100 { width: 150px; } .icon-navicon { position: absolute; right: 10px; top: 10px; } .nav-navicon .input-group .input { width: auto; float: right } .nav a { color: #000; text-align: left; font-size: 14px; } .nav-menu li:hover drop-menu a { background-color: #111; color: #fff } .wrap-top { padding: 3px 0px; background-color: #333 } .wrap-header { box-shadow: 0 3px 6px rgba(0, 0, 0, .175); } .button.bg-main { background-color: #ee0000; border-color: #ee0000 } .button.border-main { border-color: #ff6633; color: #ff6633 } .pointer.border-main li { border-color: #ee0000 } .pointer.border-main li.active { background-color: #ee0000 } .border-main { border-color: #ff6633 } .border-sub, .button.border-sub { border-color: #ee0000; color: #ee0000 } .about-box .border-sub { border-color: #fff; color: #fff } .button.border-sub:hover { border-color: #ee0000; background-color: #ee0000; color: #fff; } .flico { font-size: 66px; display: block; color: #ff6633; text-align: center } .remen { padding-left: 10px; line-height: 34px; } .index-proclass { } .index-proclass h1 { line-height: 40px; background-color: #ee0000; color: #fff; font-size: 16px; padding: 10px 10px; text-align: center } .index-proclass ul { margin: 0px; padding: 0px; border: solid 1px #ddd; border-bottom: 0px; } .index-proclass li { line-height: 45px; border-bottom: solid 1px #ddd; background-color: #fff; list-style: none; margin: 0px; text-align: center } .index-proclass li:hover, .index-proclass li.on { background-color: #ee0000; } .index-proclass li a { color: #333; } .index-proclass li:hover a, .index-proclass li.on a { color: #fff; } .ss { padding: 3px 6px; height: 30px; border: solid 1px #ee0000 } .ss-btn { padding: 3px 6px; height: 30px; } .fengge { font-size: 14px; color: #555; float: right } .about-bg { background: url("../images/brand.jpg") center center no-repeat; } .about-box { padding: 60px; color: #fff; background: url("../images/black-bg.png"); margin: 80px 0px; } .about-box h2 { font-size: 18px; color: #fff; } .about2 { background-color: #f5f5f5; color: #555 } .about2 h1 { font-size: 24px; color: #f00; } .about2 h2 { font-size: 16px; color: #555; } .about2 h2 span { border-top: solid 1px #f00; } .service { background-color: #f5f5f5; } .service .serico { font-size: 40px; color: #fff; padding-right: 10px; } .service h2 { font-size: 18px; color: #cc0000; padding-top: 20px; } .service p { font-size: 14px; color: #333; } .youshi { background: #ddd; } .youshi .ysico { font-size: 100px; display: block; color: #333; text-align: right } .youshi h2 { font-size: 24px; color: #ee0000; display: block; font-weight: 600; } .youshi p { font-size: 14px; color: #fff; } .youshi2 { background: url("../images/ysbg.jpg") right center no-repeat; background-position: center; } .youshi2 h1 { font-size: 24px; color: #fff; } .youshi2 .ysitem { margin: 10px; background-color: #fff; padding: 20px; } .youshi2 .ysitem2 { margin: 10px; background-color: #000; padding: 20px; } .youshi2 h2 { font-size: 18px; color: #ee0000; display: block; padding: 0px; margin: 0px; } .youshi2 .ysitem p { font-size: 14px; color: #333; padding: 0px; margin: 0px; } .youshi2 .ysitem2 p { font-size: 14px; color: #fff; padding: 0px; margin: 0px; } .bb { border-bottom: solid 1px #ee0000; font-size: 24px; color: #cc0000; } .bb2 { border-bottom: solid 1px #ddd; } .prolist h3 { padding: 8px 0px; text-align: center; font-size:14px; } .typelist { padding-bottom: 30px; padding-left: 20px; font-size: 20px; } .typelist a { color: #f90 } .pro { /*background: url("../images/pbg.jpg") center center repeat;*/ background-size: cover; background-color:#fff; } .pro .container { } .pro h1 { font-size: 24px; color: #333; } .pro h2 { font-size: 16px; color: #fff; } .pro h2 span { border-top: solid 1px #f00; } .proitem { overflow: hidden; margin-bottom: 10px; background-color: #fff; border: solid 3px #eaeaea; height:280px; vertical-align:middle; } .proitem img { padding: 10px; width: 100%; transition: all 0.3s; vertical-align:middle; } .proitem img:hover { transform: scale(1.1); } .prolist .proitem{ border: solid 1px #ccc; text-align:center; width:98%; } .prolist .proitem img{ width:auto; max-width: 100%; max-height: 240px; } .proitem .protext { text-align: center; background-color: #000; padding: 5px 10px; color: #fff } .case { background: #fff; } .caselist h3 { padding: 8px 0px 20px 0px; text-align: center; height:60px; } .casebox { padding: 10px; overflow: hidden; } .caseitem { box-shadow: 0 2px 20px rgba(0,0,0,.16); } .caseitem img { padding: 10px; width: 100%; height:171px; overflow: hidden; object-fit:cover; transition: all 0.3s; } .caseitem img:hover { transform: scale(1.1); } .search-tips{width:100%;height:30px; line-height: 30px; border-radius: 8px; background-color: #E9E9E9;color:#000; text-align: center;font-size:14px;} .search-tips .search-key{font-size:16px;color:#FF0004;font-weight: bold;} .search-tips .search-count{font-size:14px;color:#FF0000;} /*鏂伴椈涓€*/ .newsitem .news-img { text-align: center; display: inline-block; float: left; width: 15rem; height: 8rem; background-position: center center; background-size: cover; overflow: hidden; } .newsitem .news-img img{ width: 15rem; height: 8rem; overflow: hidden; object-fit:cover; transition: all .4s ease-in 0s; -webkit-transition: all .4s ease-in 0s; -moz-transition: all .4s ease-in 0s; -o-transition: all .4s ease-in 0s; } .newsitem .news-img img:hover{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .newsitem .news-img { width: 10rem; height: 8rem; } .newsitem .news-img img{ width: 10rem; height: 8rem; } .newsitem .news-thum { text-align: center; display: inline-block; float: left; width: 5rem; height: 5rem; background-position: center center; background-size: cover; } .newsitem .news-date { text-align: center; display: inline-block; float: left; width: 5rem; height: 5rem; background: #f2f2f2; } .newsitem li { border-bottom: dashed 1px #ddd; padding-bottom: 5px; margin-bottom: 10px; } .newsitem .news-date1 { text-align: center; color: #666666; font-size: 1.5625rem; margin-top: 0.6rem; } .newsitem .news-date2 { text-align: center; color: #999999; font-size: 0.8rem; } .newsitem .news-bodys { padding: 0 0.875rem; overflow: hidden; zoom: 1; } .newsitem .news-bodys h3 { word-wrap: break-word; overflow: hidden; } .newsitem .news-bodys p { word-wrap: break-word; overflow: hidden; line-height: 1.15rem; font-size: 0.75rem; color: #999; margin-top: 10px; } /*鏂伴椈2*/ .news-span1 { width: 16.66666667%; } .news-span2 { width: 83.33333333%; } .news-item2 { position: relative; overflow: hidden; padding: 0px; margin: 4px 0; } .news-item2 .news-time { padding: 6px 0; border-right: 1px solid #eee; text-align: center; color: #666666; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; } .news-action { padding: 0px 12px 0px 40px; box-sizing: border-box; } .news-item2 .news-time .news-time-date { font-size: 22px; } .news-item2 .news-title { position: relative; font-size: 18px; color: #666666; line-height: 24px; padding-bottom: 0px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .news-item2 .news-desc { font-size: 12px; color: #999999; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; } .news-item2 .news-tit { position: relative; z-index: 10; } .news-item2:after { content: ""; background-color: #ee0000; position: absolute; top: 0; left: 0; width: 0; height: 100%; z-index: 0; display: block; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; } .news-item2:hover:after { width: 100%; } .news-item2:hover .news-title, .news-item2:hover .news-desc, .news-item2:hover .news-time { color: #ffffff; } @media only screen and (max-width: 768px) { .hiddlen-l{ display: none; } .proitem{ height:180px; } .news-span1 { width: 31.4%; } .news-span2 { width: 68.6%; } .news-action { padding: 0px 12px 0px 20px; box-sizing: border-box; } .news-item2 .news-time .news-time-date { font-size: 18px; } .news-item2 .news-title { padding-bottom: 6px; } .news-item2 .news-title { font-size: 16px; } } .jobsitem { } .jobsitem ul { padding: 0px; } .jobsitem li { border: solid 1px #ddd; background-color: #f9f9f9; margin-bottom: 10px; } .jobsitem li h3 { padding: 10px 15px; } .jobsitem li .jobs-info { padding: 10px 10px; } .jobs-info div { border-bottom: dashed 1px #ddd; padding: 5px; } .jobsitem li .jobs-bodys { padding: 10px 15px; } .nav.nav-sitemap a { color: #fff } .nav-sitemap ul a { padding-left: 0px; color: #fff } .foot-weixin { width: 140px; } .qq { width: 20px; height: 20px; background: url("../images/qq.png"); display: inline-block; margin: -2px 2px 0px; } .product-about li { line-height: 3rem; border-bottom: dashed 1px #aaa; } .news-line { text-align: center; border: dashed 1px #aaa; margin-bottom: 40px; } .news-body { margin: 20px auto; } .news-body .body-left{ width:400px; float: left; } .news-body .body-right{ width:540px; float:right; font-size:16px; line-height: 32px; } .news-body .body-right .product-des{ min-height:300px; font-size: 14px; text-align: justify; } .news-body .body-right .product-button{ height:40px; } .news-body .body-right .product-button a{ display:inline-block; min-width:100px; height:36px; border:1px solid #0054FF; color:#fff; background:#0054FF; border-radius:10px; text-align:center; line-height:36px; padding:0px 10px; font-size: 12px; } .news-body .body-right .product-button a:hover{ color:#0054FF; background:#fff; } a.color_b{ background:#00E3FF; color:#fff; border:1px solid #00E3FF; } a.color_b:hover{ color:#00E3FF; background:#fff; } a.color_o{ background:#FF7E00; color:#fff; border:1px solid #FF7E00; } a.color_o:hover{ color:#FF7E00; background:#fff; } .order-tip { color: #fff; padding-left: 25px; } .order-tip .con { border: dashed 1px #aaa; line-height: 2.5rem } .bread { margin: 8px 0px; font-size: 13px; color: #555 } .bglx { background: url("../images/lxbg.jpg") top center no-repeat; } .lxico { font-size: 80px; display: block; color: #ee0000; text-align: center } .slide-content { background-color: #fff; } .slide-title { font-size: 24px; color: #313131; line-height: 1; text-align: center; } .slide-links { margin-top: 0; text-align: center; } .slide-links a { background-color: #20b573; color: #ffffff; display: inline-block; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; background-color: #20b573; color: #ffffff; padding: 15px 30px; border-radius: 2px; } .slide-links a:hover { background: #188a57; color: #fff; } .slide-item-body ul li { width: 33.333%; float: left; display: block; height: 200px; padding-top: 42px; margin-bottom: 30px; border: none; border-radius: 8px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; height: inherit; padding-top: 0; border-radius: 0; background-color: #fff; color: #000; z-index: 10002; } .slide-item-body ul li a { display: block; box-shadow: 0 5px 20px 1px rgba(49, 49, 49, 0.2); } .new-img img { width: 100%; height: 173px; border: none; display: block; } .slide-item { width: 870px; position: relative; margin: 0 auto; /* overflow: hidden; */ } .clearfix::after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .clearfix { } .slide-item-box { padding: 20px 0; } .new-body { padding: 20px 20px 40px 20px; } .new-body-title { height: 48px; line-height: 24px; font-size: 16px; overflow: hidden; color: #616161; letter-spacing: 1px; } .new-body-text { padding-top: 20px; height: 92px; min-height: 50px; line-height: 18px; font-size: 12px; color: #919191; overflow: hidden; } .slide-item-body { /* padding-top:20px; */ margin-left: -70px; } .slide-item-body ul li { margin-left: 15px; margin-right: 15px; padding-top: 20px; } .slide-item-body .tempWrap { background: #fff; } .slide-item-body ul { padding-top: 10px; overflow: visible; } .slide-item-body ul li:hover { -ms-transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); z-index: 2; position: relative; left: 0; } .next { position: absolute; top: 49%; z-index: 3; cursor: pointer; -moz-background-size: 60px; -webkit-background-size: 60px; background-size: 60px; background-position: center; background-repeat: no-repeat; right: auto; left: -157px; height: 60px; width: 60px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .prev { position: absolute; top: 49%; z-index: 3; cursor: pointer; -moz-background-size: 60px; -webkit-background-size: 60px; background-size: 60px; background-position: center; background-repeat: no-repeat; right: -179px; height: 60px; width: 60px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .next i,.prev i{font-size:40px;color:#cecece;} .foot_1{float:left;width:200px;} .foot_2{float:left;width:300px;} .foot_3{float:left;width:160px;margin-left:30px;} .foot_4{float:left;width:160px;} .foot_5{float:left;width:320px;} .foot_memu{padding:0px;margin:0px;margin-top:20px;} .foot_1 h1,.foot_2 h1,.foot_3 h1,.foot_4 h1{font-size:18px;color:#fff;} .foot_1 li,.foot_2 li,.foot_3 li,.foot_4 li{width:100%;height:35px;line-height: 35px;color:#B8B8B8; overflow: hidden;} .foot_1 li a,.foot_2 li a,.foot_3 li a,.foot_4 li a{color:#B8B8B8;font-size: 14px;} .foot_1 li a:hover,.foot_2 li a:hover,.foot_3 li a:hover,.foot_4 li a:hover{color:#009BFF;} .foot_5 .foot_logo{} .foot_5 .foot_logo img{width:160px;} .foot_5 .qrcode_img{margin-top:10px;width: 160px; text-align: center;} .foot_5 .qrcode_img img{width:120px;} .foot_5 .qrcode_img p{height:35px; line-height: 35px;font-size: 14px; color:#B8B8B8;} .foot_5 .foot_text{margin-top:10px;font-size: 14px; color:#B8B8B8;} .foot_5 .foot_link ul{padding:0px;margin:0px;margin-left:35px;} .foot_5 .foot_link li{float:left;height:30px;line-height: 30px; text-align: center;margin-left:20px; list-style: none;} .foot_5 .foot_link li:first-child{margin-left:0px;} .foot_5 .foot_link li a i{color:#fff;font-size:20px;} .foot_5 .foot_link li a:hover i{color:#009BFF;font-size:20px;} .foot_5 .foot_qrcode{width: 120px;position: absolute; margin-top: -110px;margin-left: 220px;} .foot_5 .foot_qrcode{} /*AB妯$増缃戞柊澧炵炕椤垫牱寮 鍚勭被妯$増绗竴绔 www.adminbuy.cn*/ .pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px} .pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999} .pagess ul li:hover{ background:#088336; color:#fff;border: 1px solid #088336} .pagess ul li:hover a{color:#fff;} .pagess ul li.thisclass {display: inline-block;border: 1px solid #1f82b7;padding: 2px 9px;margin: 0 3px;background: #088336;color: #fff;} .pagess ul li.thisclass a {color: #fff;} .pagess ul li a{ display:block;color:#999} .pagess ul li a:hover {color: #fff;} .job-title{width:100%;height:40px; line-height:40px; background-color: #00beff;color:#fff;} .job-title .zp-position{width:30%;display: inline-block;} .job-title .zp-number{width:20%;display: inline-block;} .job-title .zp-address{width:20%;display: inline-block;} .job-title .zp-date{width:20%;display: inline-block;} .job-title .zp-qq{width:8%;display: inline-block;} .zp-item{width:100%; height: auto;line-height:40px;background-color: #CCCCCC;margin-top:10px;} .zp-item .zp-position{width:30%;display: inline-block;} .zp-item .zp-number{width:20%;display: inline-block;} .zp-item .zp-address{width:20%;display: inline-block;} .zp-item .zp-date{width:20%;display: inline-block;} .zp-item .zp-qq{width:8%;display: inline-block;} .zp-item .zp-info{width:100%;display: none; line-height: 34px; font-size:14px; color:#000; background: #fff;} .zp-item .zp-info .btn-sqzw{width:120px;height:30px; line-height: 30px;pading:5px; border-radius: 5px; background-color: #00B9D7; display: inline-block;float:right; text-align: center;color:#fff;} .zp-item .cp-position,.zp-item .cp-number,.zp-item .cp-date,.zp-item .cp-qq,.zp-item .cp-address{display: none;} .product-list{width:23%;margin-left:2%;float: left;height:auto;} .product-list .product-thum{padding:5px;} .product-list .product-thum img{width:100%;} .product-list .product-title{font-size:14px; line-height: 35px; height: 35px; overflow: hidden; text-align: center; margin:10px 0px;font-weight: bold;border-bottom: 2px solid #888;width:140px;margin:10px auto;} .product-list .product-info{height:90px; line-height: 30px; font-size:12px; overflow: hidden; text-align: center;} .product-list:hover{box-shadow: 0 6px 25px #ccc;-moz-box-shadow: 0 6px 25px #ccc;-webkit-box-shadow: 0 6px 25px #ccc;} .product-list:first-child{margin-left:0px;} .news-body .body-left{ width: 400px; height: 400px; border: 3px solid white; margin: 5px auto; position: relative; } .news-body .body-left .arrow-left { position: absolute; left: 30px; top: 50%; margin-top: -45px; width: 20px; height: 40px; line-height: 40px; font-size: 30px; color:#ccc; z-index: 2; } .news-body .body-left .arrow-right { position: absolute; right: 30px; top: 50%; margin-top: -45px; width: 20px; height: 40px; line-height: 40px; font-size: 30px; color:#ccc; z-index: 2; } .news-body .body-left .arrow-left i:hover,.news-body .body-left .arrow-right i:hover{color:#00A3FF;} .swiper-container { height: 350px; width: 350px; } .title { font-size: 25px; margin-bottom: 10px; } .pagination { position: absolute; left: 0; text-align: center; bottom:5px; width: 100%; } .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #999; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; cursor: pointer; } .swiper-active-switch { background: #fff; } .swiper-container { margin:0 auto; position:relative; overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; /* Fix of Webkit flickering */ z-index:1; } .swiper-wrapper { position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease; -moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease; -o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px); -ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease; transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; } .choose-language{position: absolute;margin-top:10px;margin-left:780px;z-index: 999;width:120px;} .search-box{position: absolute;margin-top:10px;margin-left:500px;z-index: 999; border: 1px solid #888;border-radius: 10px; overflow: hidden;} .search-box .search-input{float:left;width:190px;padding-left:2px;} .search-box .search-input input{width:190px;border:0px;border-radius: 10px;height:24px;font-size: 14px; line-height: 24px; text-indent: 20px;color:#262626;} .search-box .search-button{float:left;width:44px;height:24px; line-height: 24px;margin-left:10px;cursor:pointer; text-align: center; background-color: #888;} .search-box .search-button i{font-size:18px; line-height: 24px;color:#fff;} /*鎮诞閾炬帴*/ .suspension{position:fixed;z-index:55;right:0;bottom:25px;width:70px;height:240px;} .suspension-box{position:relative;float:right;} .suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;} .suspension .a.active, .suspension .a:hover{background:#F05352;} .suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;} /* .suspension .a-service .i{background-position:0 0;} */ .clearfix:after{content:"";display:block;clear:both;} .suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;} .suspension .a-skype .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/skype.png);background-repeat:no-repeat;background-position:0 0; background-size: cover;} .suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;} .suspension .a-qrcode .i{background-position:-44px 0;} .suspension .a-cart .i{background-position:-88px 0;} .suspension .a-top .i{background-position:-132px 0;} .suspension .a-top{background:#D2D3D6;display:none;} .suspension .a-top:hover{background:#c0c1c3;} .suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);} .suspension .d .arrow-box{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;} .suspension .d-service{top:0;} .suspension .d-skype{top:34px;} .suspension .d-service-phone{top:78px;} .suspension .d-qrcode{top:122px;} .suspension .d .inner-box{padding:8px 22px 12px;} .suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;} .suspension .d-service .d-service-item{border-bottom:none;} .suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;text-align: center; line-height: 44px;} .suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;} .suspension .d-service-item:hover .i-qq{background-position:center 3px;} .suspension .d-service-item .icon-skype{color:#003CFF;width:44px;height:44px;font-size:34px; text-align: center; line-height: 44px;} .suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;} .suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:14px;margin-left:12px;} .suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:14px;margin-left:12px;} .suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;} .suspension .d-service-intro{padding-top:10px;} .suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;} .suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;} .suspension .d-qrcode{text-align:center;} .suspension .d-qrcode .inner-box{padding:20px 0;} .suspension .d-qrcode p{font-size:16px;color:#93959c;} .file_list_title{font-size:18px;font-weight:bold;color:#c00000;} .file_list_content{ margin-top:20px;line-height: 35px;} @media only screen and (max-width: 768px) { .icon-navicon{margin-top:20px;} .logo_img{height:70px;margin-top:10px;} .product-list{width:48%;margin:1%;} .product-list .product-info{display: none;} .home_about{max-height:200px;overflow: hidden;} .casebox{padding:0px;} .casebox:nth-child(2){display: none;} .slide-item {width:280px;} .slide-item-body{margin-left:-12px;} .slide-item-body ul li {width:102%;} .prev{right:-45px} .next{left:-20px;} .foot_1,.foot_2,.foot_3,.foot_4{display: none;} .foot_5{float: initial;width: 260px;margin: 0 auto;} .choose-language{position: absolute;margin-top:0px;margin-left:0px;top:-75px;right:0px; text-align: right;} .page_right{margin-top:30px;} .proitem{height:220px;} .news-body .body-left{width:100%;} .swiper-container{width:95%;} .news-body .body-right{width:100%;} .wrap-header{box-shadow:none;} .banner{margin-top:40px;} .inner-banner{margin-top:40px;} .search-box{position:absolute;margin-top:0px;z-index: 999;margin-left:0px;width:100%;height:40px;border-radius:15px;} .search-box .search-input{float:left;width:85%;} .search-box .search-input input{width:100%;border:1px solid #f1f1f1;border-radius: 5px;height:38px;font-size: 14px; line-height: 38px; text-indent: 20px;color:#262626;} .search-box .search-button{float:left;width:15%;height:38px; line-height: 24px;margin-left:0px;cursor:pointer; text-align: center;} .search-box .search-button i{font-size:24px; line-height: 38px;color:#a7a7a7;} ul{padding:0px;} .newsitem .news-img{width:6rem;height:4rem;} .newsitem .news-img img{width:6rem;height:4rem;} .newsitem .news-bodys p{display: none;} .news-body .body-right .product-button{height:80px;} .news-body .body-right .product-button a{height:28px; line-height: 28px;margin:5px;} .nav-menu li:hover ul.drop-menu { display: none; } .drop-menu li:hover ul.drop2-menu{ display: none; } .job-title{display: none;} .zp-item{width:100%; height: auto;line-height:40px;background-color: #CCCCCC;margin-top:10px;} .zp-item .cp-position,.zp-item .cp-number,.zp-item .cp-date,.zp-item .cp-qq,.zp-item .cp-address{width:30%;display: inline-block; background-color: #00beff;color:#fff; text-align: center;border-bottom: 1px solid #fff;} .zp-item .zp-position,.zp-item .zp-number,.zp-item .zp-address,.zp-item .zp-date,.zp-item .zp-qq{width:70%;display: inline-block;border-bottom: 1px solid #fff;text-indent:10px;} .zp-item .zp-info{width:100%;display: none; line-height: 34px; font-size:14px; color:#000; background: #fff;} .zp-item .zp-info .btn-sqzw{width:120px;height:30px; line-height: 30px;pading:5px; border-radius: 5px; background-color: #00B9D7; display: inline-block;float:right; text-align: center;color:#fff;} } @media only screen and (max-width: 320px) { .slide-item {width:240px;} }