body{line-height: 1;} a { outline: none;} a:hover{ color:#0195df;} .ease { -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;} .bf35 { font-family: "bf35" !important; font-size: 16px; line-height: 1; font-style: normal; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .w{width: 1400px;margin: 0 auto;} .gradual {background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(30,30,30,1))); background-image: -webkit-linear-gradient(180deg, rgba(0,0,0,0), rgba(30,30,30,1)); background-image: -moz-linear-gradient(180deg, rgba(0,0,0,0), rgba(30,30,30,1)); background-image: -ms-linear-gradient(180deg, rgba(0,0,0,0), rgba(30,30,30,1)); background-image: -o-linear-gradient(180deg, rgba(0,0,0,0), rgba(30,30,30,1)); background-image: linear-gradient(180deg, rgba(0,0,0,0), rgba(30,30,30,1)); filter : progid:DXImageTransform.Microsoft.gradient(startColorStr='#{000000}', endColorStr='#{666666}');} .Center{position: absolute; top: 50%;left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .banner-adv {margin: 0 auto; overflow: hidden;} .banner-adv ul {width: calc(100% + 10px); display: inline;float: left;margin: 0px 0 0 -10px;} .banner-adv ul li { display: block; float: left; position: relative;} .banner-adv ul li .adv-item{margin: 20px 10px 0 10px; overflow: hidden;} .banner-adv ul.one li{ width: 100%;} .banner-adv ul.two li{ width: 50%;} .banner-adv ul.three li{width: 33.33%;} .banner-adv ul.four li{ width: 25%;} .banner-adv ul.five li{ width: 20%;} .banner-adv ul.six li{ width: 16.66%;} .banner-adv ul li a, .banner-adv ul li embed {float: left;} .advs {position: relative; display: block; width: 100%;-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;} .advs img { display: block;} .advs i {position:absolute;left:0;bottom:0; z-index:9; width:24px;height:12px;background: url("../image/adv.png") no-repeat;} .advs img:hover{-ms-transform: scale(1.10); transform: scale(1.10);} #header{background: #f5f5f5;height: 39px;width: 100%;border-bottom: 1px solid #eeeeee;} #divLogin{ float: left;} #divLogin ul { float:left;} #divLogin ul li { font-size: 13px; line-height: 39px; float: left; color: #666;} #divLogin ul li.login1 { margin-right: 20px;} #divLogin ul li.login1 a { color: #0195df;} #divLogin ul li a{ color: #999;} #divLogin ul li.register1 { margin-right: 10px;} #divLogin ul li.register1 a {padding: 3px 8px; border: 1px solid #dddddd; color: #666;} #divLogin ul li.register1 a:hover { color: #fff;background: #0195df;border: 1px solid #0195df;} .divService {float: right; color: #ddd; font-weight: bold; font-size: 13px;} .divService a{line-height: 39px;color: #666;padding: 0 8px; font-weight: normal;} .divService a:hover {color: #0195df;} .divService a i {font-size: 14px; vertical-align: middle; color: #0195df; margin-right: 4px; margin-top: -3px;} .divService a:last-child { padding-right: 0;} .top { margin:15px auto 18px;} .logo { float: left;margin-left: 20px;} .logo span{ font-size:26px; font-weight:bold;} /*搜索框样式*/ .searchBox {width:430px; float: left; position: relative; margin-left:80px;} .searchBox .form {width:416px; height: 40px;border: 2px solid #0195df; border-radius: 40px;} .searchBox .form .select{width: 85px; height: 100%; position: relative; float: left;} .searchBox .form .select .select-top p { font-size:14px; line-height:40px; cursor:pointer;text-align:center;position: relative;} .searchBox .form .select .select-top p::after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 24px; background: #e6e6e6;} .searchBox .form .select .select-top i { display:inline-block; font-size:12px; vertical-align:middle; position:absolute; right: 6px; top: 15px; transform:scale(0.8);} .searchBox .form .select .select-top.focus i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) scale(0.8); top: 14px;} .searchBox .hot {font-size:14px;height:30px;line-height:30px;color:#666;width:100%; overflow:hidden;background:#fff;} .searchBox .hot i { font-size: 14px; margin-right: 2px;} .searchBox .hot a { color: #666; margin:0 10px;} .searchBox .hot a:hover { color: #0195df;} .searchBox .hot b { color:#ff5858;} .search { width: 100%; height: 46px;} .searchBox input {width:207px; float: left;height: 40px;background: #fff; border: none; outline: none; font-size: 14px;border-radius: 40px;color: #aaa; text-indent: 5px; margin-left:10px;} .searchBox button { width: 96px;float: right; height: 44px; line-height: 44px; border: none; outline: none; cursor: pointer;color: #fff;font-size: 16px; margin-top: -2px; margin-right: -2px; border-radius: 0 40px 40px 0; background-color:#00a2f2; background-image:-webkit-gradient(linear, left top, left bottom, from(#00a2f2), to(#00bff7)); background-image:-webkit-linear-gradient(90deg, #00a2f2, #00bff7); background-image:-moz-linear-gradient(90deg, #00a2f2, #00bff7); background-image:-ms-linear-gradient(90deg, #00a2f2, #00bff7); background-image:-o-linear-gradient(90deg, #00a2f2, #00bff7); background-image:linear-gradient(90deg, #00a2f2, #00bff7); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#00a2f2', endColorStr='#00bff7')} .searchBox button i {display: inline-block; width: 16px;height: 16px;vertical-align: middle; margin-top: -3px; margin-right: 5px;} .searchBox ul { display: block; position: absolute; z-index: 9999; width: 81px; border: 2px solid #0195df; display: block; top: 42px; left: 0px; padding: 5px 0; background: #fff; display: none;} .searchBox ul li { display: block; font: normal 14px/22px microsoft yahei; color: #333;text-align: center; line-height: 25px;} .searchBox ul li:hover {background: #0195df;color: #fff;} .release-btn { float: right;} .release-btn a {display: inline-block; width: 125px; margin-top:5px; height: 40px; line-height: 40px; font-size: 16px; color: #fff; font-weight: bold; text-align: center; border-radius: 40px;margin-left: 12px; background-color:#00a2f2; background-image:-webkit-gradient(linear, left top, left bottom, from(#00a2f2), to(#00bff7)); background-image:-webkit-linear-gradient(90deg, #00a2f2, #00bff7); background-image:-moz-linear-gradient(90deg, #00a2f2, #00bff7); background-image:-ms-linear-gradient(90deg, #00a2f2, #00bff7); background-image:-o-linear-gradient(90deg, #00a2f2, #00bff7); background-image:linear-gradient(90deg, #00a2f2, #00bff7); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#00a2f2', endColorStr='#00bff7');} .release-btn a i {font-weight: normal;margin-right: 4px;} .release-btn a:hover {background-color:#00bff7; background-image:-webkit-gradient(linear, left top, left bottom, from(#00bff7), to(#0272C4)); background-image:-webkit-linear-gradient(90deg, #00bff7, #0272C4); background-image:-moz-linear-gradient(90deg, #00bff7, #0272C4); background-image:-ms-linear-gradient(90deg, #00bff7, #0272C4); background-image:-o-linear-gradient(90deg, #00bff7, #0272C4); background-image:linear-gradient(90deg, #00bff7, #0272C4); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#00bff7', endColorStr='#0272C4');} .release-btn a:last-child { background-color:#ff7d3f; background-image:-webkit-gradient(linear, left top, left bottom, from(#ff7d3f), to(#ffa322)); background-image:-webkit-linear-gradient(90deg, #ff7d3f, #ffa322); background-image:-moz-linear-gradient(90deg, #ff7d3f, #ffa322); background-image:-ms-linear-gradient(90deg, #ff7d3f, #ffa322); background-image:-o-linear-gradient(90deg, #ff7d3f, #ffa322); background-image:linear-gradient(90deg, #ff7d3f, #ffa322); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#ff7d3f', endColorStr='#ffa322');} .release-btn a:hover:last-child { background-color:#FB1106; background-image:-webkit-gradient(linear, left top, left bottom, from(#ffa322), to(#FB1106)); background-image:-webkit-linear-gradient(90deg, #ffa322, #FB1106); background-image:-moz-linear-gradient(90deg, #ffa322, #FB1106); background-image:-ms-linear-gradient(90deg, #ffa322, #FB1106); background-image:-o-linear-gradient(90deg, #ffa322, #FB1106); background-image:linear-gradient(90deg, #ffa322, #FB1106); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffa322', endColorStr='#FB1106');} .nav { height: 50px; line-height: 50px; box-shadow: 0px 3px 5px 0 rgba(160,160,160,0.1); white-space: nowrap; overflow: hidden;} .nav .nav-title { float: left; width: 280px; font-size: 18px;font-weight: bold; text-indent: 23px; margin-right:60px; background-color:#11b8e7; background-image:-webkit-gradient(linear, left top, left bottom, from(#11b8e7), to(#027cf5)); background-image:-webkit-linear-gradient(90deg, #11b8e7, #027cf5); background-image:-moz-linear-gradient(90deg, #11b8e7, #027cf5); background-image:-ms-linear-gradient(90deg, #11b8e7, #027cf5); background-image:-o-linear-gradient(90deg, #11b8e7, #027cf5); background-image:linear-gradient(90deg, #11b8e7, #027cf5); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#11b8e7', endColorStr='#027cf5');} .nav .nav-title a { color: #fff;} .nav .nav-title i { display: inline-block; width: 16px; height: 14px; background: url('../image/title-ico.png') 0 0 no-repeat; background-size:contain; margin-right: 10px;} .nav ul {/*overflow: hidden;*/ white-space: nowrap;} .nav ul li {float: left;font-size: 20px;font-weight: bold;} .nav ul li {padding: 0 35px;} .nav ul li.active a{color: #0195df; position: relative;} .nav ul li.active a::after {position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%); content: ''; display: block; width: 16px; height: 3px; background: #0195df; border-radius: 2px;} .nav ul li a:hover{ color: #0195df;} .nav ul li a::after:hover{position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%); content: ''; display: block; width: 16px; height: 3px; background: #0195df; border-radius: 2px;} .nav ul li a { color: #333;} .main { background: #f7f7f7; padding: 12px 0;} .product-classify { width: 280px; float: left;} .product-classify ul li { height: 96px; background: #fff; box-sizing: border-box; padding: 20px 10px 20px 20px; border-bottom: 1px solid #e6e6e6; position: relative;} .product-classify ul li:last-child { border-bottom: 0;} .product-classify ul li .class-a b { display: block; width: 30px; height: 30px; float: left;} .product-classify ul li .class-a i { font-size:0px; font-weight: normal;} .product-classify ul li .class-a:hover i { -webkit-animation: shake-lr 0.7s cubic-bezier(0.455, 0.030, 0.515, 0.955) both; animation: shake-lr 0.7s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;} .product-classify ul li:nth-child(2) i{ font-size: 34px;} .product-classify ul li:nth-child(3) i{ font-size: 26px;} .product-classify ul li:nth-child(4) i{ font-size: 26px;} .product-classify ul li .class-a .text { overflow: hidden;} .product-classify ul li .class-a .text p { color: #333; font-size: 16px; font-weight: bold; margin-left: 18px;} .product-classify ul li .class-a .text span {margin-left: 18px; display: block; line-height: 18px; max-height: 36px; margin-top: 8px; font-size: 14px;} .product-classify ul li .class-a .text span a{ color: #999; margin-right: 15px;} .product-classify ul li .class-a .text span a:hover { color: #0195df;} .product-classify ul li .class-b { position: absolute; width: 928px; background: #fff; box-shadow: 0px 0px 4px 0px rgba(49, 49, 49, 0.2); left:280px; top: 0; padding: 10px 0 0 0; box-sizing: border-box; z-index: 99; display: none;} .class-txt { overflow: hidden;} .class-txt .item { width: 400px; float: left; padding: 22px 0 10px 0px; margin-left: 36px;} .class-txt .item .class-c { height: 26px;font-size: 16px;line-height: 26px; font-weight: 700; position: relative; margin-bottom: 10px;border-bottom: 1px solid #e6e6e6; padding-bottom: 8px;} .class-txt .item .class-c b { position: relative; padding-left: 12px;} .class-txt .item .class-c b::after {content: '';position: absolute; left: 0;top: 50%;transform: translateY(-50%); width: 4px; height: 16px; background: #0195df; border-radius: 3px;} .class-txt .item .class-c a { color: #333;} .class-txt .item .class-c a:hover { color: #0195df;} .class-txt .item .class-c .more {position: absolute;right: 0;top: 0;font-weight: normal;color: #333;font-size: 14px;} .class-txt .item p {font-size:14px; height:28px; overflow:hidden; text-indent:-10px;color:#ededed;} .class-txt .item p a { line-height: 28px; color: #666; margin: 0 10px;} .class-txt .item p a:hover { color: #0195df;} .class-adv { overflow: hidden; margin-top: 20px; padding-bottom: 34px;} .class-adv .item { width: 400px;height: 150px; background: #f7f7f7;float:left; margin-left: 36px;} .class-adv .item .image {width: 154px; height: 150px; float: left;margin-right: 18px;} .class-adv .item .image img {width: 100%;height: 100%;} .class-adv .item .text { overflow: hidden;} .class-adv .item .text b {font-size: 16px;display: block;margin-top: 22px; height:20px; line-height:20px; overflow:hidden;} .class-adv .item .text b a{ color: #333;} .class-adv .item .text b a:hover{color: #0195df;} .class-adv .item .text span {background:#e3eff5;color:#0195df; font-size:14px; display:inline-block;padding:5px;margin-top:14px;} .class-adv .item .text p {height: 40px; line-height: 20px; color: #999;overflow: hidden;font-size: 14px;margin-top: 10px;} .product-classify ul li .class-b.t2 { top: -96px;} .product-classify ul li .class-b.t3 { top: -192px;} .product-classify ul li .class-b.t4 { top: -288px;} .product-classify ul li .class-b.t5 {top: -384px;} .product-classify ul li.hover { border-bottom: none;background: #f4f4f4; -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;} .product-classify ul li.hover .class-b {display: block;} .product-classify ul li.hover .class-a b i { color: #0195df;} .product-classify ul li.hover .class-a .text p a{color: #0195df;} .banner {width:736px;height: 480px; float: left;margin-left: 18px; overflow: hidden; background:#fff;} .banner .banner-swiper {display: none;} .banner .banner-swiper .swiper-pagination-bullet {background: #ccc;} .banner .banner-swiper .swiper-pagination-bullet-active {background: #00aaff;width: 18px;border-radius: 20px;} .login {width:350px;float: right; background: #fff;} .login iframe { height: 170px;} .banner2 {width:100%;height: 470px; float: left;margin-left: 18px; overflow: hidden; background:#fff;} .banner2 .slideBox{ height:420px;} .banner2 .slideBox .bd img{ height:420px;} .banner3 {width:100%;height:310px; float: left;margin-left: 18px; overflow: hidden; background:#fff;} .banner3 .slideBox{ height:305px;} .banner3 .slideBox .bd img{ height:305px;} .dhfr { margin-top: 10px; float:right; box-sizing: border-box; } .dhfr b {display: block;width: 64px;height: 64px; float: left;} .dhfr .text { overflow: hidden;} .dhfr .text p {font-size:24px; color:#FF8A00; font-weight: bold;} .dhfr .text span { display: block; font-size: 14px;color: #999; margin-top: 10px;} .new_t { height: 170px; padding:0 5px; margin-top: 10px;box-sizing: border-box; border-bottom: 1px solid #eee;} .new_t b {display: block;width: 59px; text-align:center; padding-top:8px; font-size:18px; color:#FFF; line-height:22px;height: 81px; float: left; background:url(../image/mall2014.png) no-repeat top center; margin-right:15px;} .new_t .text { overflow: hidden;} .new_t .text p {font-size:20px; color:#FF6600;} .new_t .text span { display: block; font-size: 14px;color: #999; margin-top: 10px;line-height:22px;} .user { height: 170px; padding: 24px 50px; box-sizing: border-box; border-bottom: 1px solid #eee;} .user b {display: block;width: 64px;height: 64px; float: left;} .user .text { overflow: hidden; padding-left: 18px;} .user .text p { font-size: 18px; color: #333; font-weight: bold; margin-top: 10px; font-weight:600;} .user .text span { display: block; margin-top: 10px; font-size: 14px; color: #999;} .sign { margin-top: 24px;} .sign a {display: inline-block; width: 108px; height: 32px; line-height: 32px; background: #0195df; color: #fff; text-align: center; font-size: 16px; border-radius: 3px; border: 1px solid #0195df;} .sign a:hover{ background: #F55409;border: 1px solid #F55409;} .sign a.regist { border: 1px solid #0195df; background: #fff; color: #0195df; float: right;} .sign a.regist:hover {border: 1px solid #0195df; background: #0195df; color: #fff; float: right;} .help { height: 93px; border-bottom: 1px solid #eee; box-sizing: border-box;} .help .item{ display: block; width: 33.3333%; float: left; margin-top: 18px; position: relative; } .help .item::after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 32px; background: #eee; } .help .item:last-child::after { display: none; } .help .item b { width: 32px; height: 32px; display: block; margin: 0 auto; background: url('../image/help-ico1.png') center center no-repeat; } .help .item:nth-child(2) b { background: url('../image/help-ico2.png') center center no-repeat; } .help .item:nth-child(3) b { background: url('../image/help-ico3.png') center center no-repeat; } .help .item:hover b{ -webkit-animation: shake-lr 0.7s cubic-bezier(0.455, 0.030, 0.515, 0.955) both; animation: shake-lr 0.7s cubic-bezier(0.455, 0.030, 0.515, 0.955) both; } @-webkit-keyframes shake-lr { 0%, 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } 10% { -webkit-transform: rotate(8deg); transform: rotate(8deg); } 20%, 40%, 60% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 30%, 50%, 70% { -webkit-transform: rotate(10deg); transform: rotate(10deg); } 80% { -webkit-transform: rotate(-8deg); transform: rotate(-8deg); } 90% { -webkit-transform: rotate(8deg); transform: rotate(8deg); } } @keyframes shake-lr { 0%, 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } 10% { -webkit-transform: rotate(8deg); transform: rotate(8deg); } 20%, 40%, 60% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 30%, 50%, 70% { -webkit-transform: rotate(10deg); transform: rotate(10deg); } 80% { -webkit-transform: rotate(-8deg); transform: rotate(-8deg); } 90% { -webkit-transform: rotate(8deg); transform: rotate(8deg); } } .help .item p { text-align: center; color: #333; font-weight: bold; font-size: 14px; margin-top: 12px;} .login-bot {padding:20px 24px; overflow: hidden;} .login-b { position: absolute; right: 35px;top: -11px; font-size: 16px;padding: 5px 10px; line-height: 26px; background: #fff; box-shadow: 2px 0px 5px 0 rgba(160,160,160,0.3); z-index: 99; width: 120px; display: none;} .login-b a {color: #333;display: block;} .login-b a:hover { color: #0195df;} .login-title b{ font-size: 16px;color: #333;position: relative; padding-left:20px;} .login-title b::after{position:absolute;left:0;top:3px;content:'';width:4px; height:22px;background:#0195df;border-radius:2px;} .login-title .login-more { float: right; position: relative; width: 50%;} .login-title .more { color: #999; font-size: 14px; float: right;} .login-title .more:hover { color: #0195df;} .login-bot ul { margin-top:12px; height:244px;} .login-bot ul li { width:100%; float: left;font-size: 16px;line-height: 36px; height: 36px; overflow: hidden; position: relative; box-sizing: border-box;} .login-bot ul li a{ color: #333;} .login-bot ul li a:hover { color: #0195df;} .login-bot ul li:nth-child(1n) { padding-left: 25px;} .login-bot ul li:nth-child(2n) { padding-left: 25px;} .login-bot ul li:nth-child(2n) i{ left: 0px;} .login-bot ul li i {position: absolute; left: 0px; top: 50%; font-size: 12px;color: #bababa; -webkit-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg);} .login-bot ul li:hover i { color: #0195df; -webkit-animation: slide-in-left 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite; animation: slide-in-left 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite;} @-webkit-keyframes slide-in-left { 0% { -webkit-transform: translateX(-10px)translateY(-50%) rotate(-90deg); transform: translateX(-10px) translateY(-50%) rotate(-90deg); opacity: 0; } 100% { -webkit-transform: translateX(0) translateY(-50%) rotate(-90deg); transform: translateX(0) translateY(-50%) rotate(-90deg); opacity: 1; } } @keyframes slide-in-left { 0% { -webkit-transform: translateX(-10px) translateY(-50%) rotate(-90deg); transform: translateX(-10px) translateY(-50%) rotate(-90deg); opacity: 0; } 100% { -webkit-transform: translateX(0) translateY(-50%) rotate(-90deg); transform: translateX(0) translateY(-50%) rotate(-90deg); opacity: 1; } } .part1,.part2,.part3,.part5,.part6,.part7,.part8,.update { margin-top: 36px;} .moreg{padding-left:20px!important; height:30px; line-height:30px; float:right; background:url(../image/more1.png) no-repeat left center!important;font-size:14px; margin-top:10px;} .news { width: 1010px; float: left;} .brand { width: 360px; float: right;} .bfg1{ display:block; width:40px; height:40px; float:left; background:url(../image/ioc1.png) left center;} .bfg2{ display:block; width:40px; height:40px; float:left; background:url(../image/ioc2.png) left center;} .bfg3{ display:block; width:40px; height:40px; float:left; background:url(../image/ioc3.png) left center;} .bfg4{ display:block; width:40px; height:40px; float:left; background:url(../image/ioc4.png) left center;} .title2 { height: 55px;background: url(../image/title1.png) left bottom no-repeat; position: relative; border-bottom:1px solid #ddd;} .title2 b { height: 55px; width: 240px; font-size:24px;color: #333;display: block; float:left;} .title2 b a { color: #333;} .title2 b i { font-size: 36px; color: #ff8826; margin-right: 10px;} .title2 a:hover {color: #0195df;} .title { height: 55px;background: url('../image/title3.png') left bottom no-repeat; position: relative;} .title b { height: 55px; width: 240px; font-size:24px;color: #333;display: block;float:left;} .title b a { color: #333;} .title b i { font-size: 36px; color: #ff8826; margin-right: 10px;} .title a:hover {color: #0195df;} .title p a::after {content: '';position: absolute;width: 2px; height: 17px; right: 0; top: 50%; background: #e4e4e4; transform: translateY(-50%);} .title p a:last-child {padding-right: 0;} .title p a:last-child::after {display: none;} .title3 { height: 50px;background: url(../image/iconTitle0011.png) left center no-repeat; padding-left:35px; position: relative;} .title3 b { font-size:20px;color: #333;display: block;float:left; line-height:50px; font-weight:500;} .title3 b a { color: #333;} .title3 a:hover {color: #0195df;} .title4{ height: 50px; background-color: #fff; position: relative; margin-top:20px;} .title4 p a{ display: inline-block; height: 36px; line-height: 36px; text-align: center; width: 156px; font-size: 22px; color: #333; margin: 7px 20px 7px 0; position: relative;} .title4 p a.focus{ background-color: #0096e0; color: #fff; font-weight: 700; width:100%;} .title4 p a.focus::after{ position: absolute; content: ""; left:43%; right:43%; top: -8px; bottom: -8px; border: 1px solid #0096e0;} .title4 a.more{ position: absolute; top: 16px; right: 20px; font-size: 14px; color: #999;} .title4 a.more:hover{color: #f60;} .title5 {height:62px;background: url(../image/zhuanti1.png) center center no-repeat; text-align:center; position: relative;} .title5 b { font-size:20px;color: #333;display: block;float:left; line-height:50px; font-weight:500;} .title6 {height:50px;background: url(../image/zhuanti2.png) center center no-repeat; text-align:center; line-height:50px; position: relative;} .title6 b { font-size:20px;color: #333;display: block;float:left; line-height:50px; font-weight:500;} /*今日要闻*/ .news-adv { width:380px;float:left;} .news-adv .item {height: 119px; margin-bottom: 12px;position: relative; overflow: hidden; box-sizing: border-box; -webkit-perspective: 1700px; -moz-perspective: 1700px; perspective: 1700px; -webkit-perspective-origin: 50% 50%; -moz-perspective-origin: 50% 50%; perspective-origin: 50% 50%;} .news-adv .item .item-inner {width: 100%; height: 100%; position: relative; /*-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d;*/} /*.news-adv .item .item-img { backface-visibility: hidden; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}*/ .news-adv .item .item-img img { width: 100%;height: 119px;display: block; position: relative;} /*.news-adv .item .item-content { position: absolute; top: 0; left: 0; color: #fff; height: 100%; width: 100%; opacity: 0; text-align: center; backface-visibility: hidden; -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); transform: rotateX(-180deg); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;background: url('../image/news-adv.png') no-repeat;} */.news-adv .item:last-child { margin-bottom: 0;} .news-adv .item a { width: 100%; height: 100%;} .news-adv .item img {width: 100%; height: 100%;} /*.news-adv .item:hover img { left:0; top:0;width: 110%!important; height: 110%!important;transform:scale(1.1)!important; -moz-transform:scale(1.1)!important; -webkit-transform:scale(1.1)!important; -o-transform:scale(1.1)!important; -ms-transform:scale(1.1)!important;}*/ .news-adv .item .item-content b { display: block; font-size:18px; color: #fff; margin: 20px 0 0 0; position: relative;} .news-adv .item .item-content b::after { content: ''; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%);width: 255px; height: 1px; background: -webkit-linear-gradient(left, rgba(255,255,255,0.1), rgba(255,255,255,0.5), rgba(255,255,255,0.1)); background: -o-linear-gradient(left, rgba(255,255,255,0.1), rgba(255,255,255,0.5), rgba(255,255,255,0.1)); background: linear-gradient(left, rgba(255,255,255,0.1), rgba(255,255,255,0.5), rgba(255,255,255,0.1));} .news-adv .item .item-content p:nth-of-type(1) {margin-top: 3px;} .news-adv .item .item-content p {font-size: 15px;color: #fff; line-height:28px; padding:15px;} /*.item-inner:hover > div.item-img{ -webkit-transform:rotateX(180deg); -moz-transform:rotateX(180deg); transform:rotateX(180deg);} .item-inner > div img{ max-width:100%; display:block; position:relative;} .item-inner:hover .item-content{ opacity:1; -webkit-transform:rotateX(0); -moz-transform:rotateX(0); transform:rotateX(0);} */.news-text {overflow: hidden; width:600px; float:right;} .news-top b {font-size: 26px; height: 26px; line-height: 26px; overflow: hidden; display: block; margin:26px 0 24px 0;} .news-top b a{ color: #ff6f26;} .news-top p { color: #999;line-height: 22px; height: 44px;font-size: 14px;margin-bottom: 20px;overflow: hidden;} .news-top p a { color: #ff6f26;} .news-bot { padding: 20px 0 10px 0; border-top: 1px dashed #ddd;} .news-bot b {font-size: 22px;height: 22px; line-height: 22px; overflow: hidden;display: block; margin-bottom: 10px;} .news-bot b a { color: #333;} .news-bot b a:hover { color: #0195df;} .news-bot p {font-style: normal;font-size: 16px;line-height: 37px; height: 37px;overflow: hidden;box-sizing: border-box;} .news-bot p em {font-style: normal; font-size: 16px;width: 50%; display: block; float: left;box-sizing: border-box; position: relative; line-height: 37px; height: 37px;overflow: hidden;} .news-bot p em:first-child { padding:0 10px 0 0;} .news-bot p em:first-child::after { content: '';position: absolute; width: 1px; height: 16px; background: #ddd; right: 0; top: 50%; transform: translateY(-50%);} .news-bot p em:last-child { padding:0 0 0 10px;} .news-bot p i { display: inline-block; width: 1px; height: 16px; background: #ddd;margin: 0 20px;vertical-align: middle;} .news-bot p a { color: #333;} .news-bot p a:hover {color: #0195df;} .list1{background: #f8f8f8; min-height:460px; padding: 20px 20px 10px 20px;} .list1 li{ border-bottom:1px dotted #CCCCCC; overflow:hidden; padding:18px 0;-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;} .list1 li img{ width:95px; height:73px; float:left;} .list1 li :hover img { -ms-transform: scale(1.10); transform: scale(1.10);} .list1 li .bt{ width:215px; float:right;} .list1 li .bt p{line-height:25px;overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;/*行数*/ -webkit-box-orient: vertical;} .list1 li .bt span{ display:block; color:#A5A5A5; padding-top:8px;} /*品牌*/ .brand-nav {height: 56px;line-height: 56px; background: #0397e2 url('../image/brand-bg.png') center no-repeat; background-size: contain; border-radius: 3px 3px 0 0; position: relative; overflow:hidden;} .brand-nav a {font-size: 16px;color: #fff; float:right; padding-right:20px;} .brand-nav a::after {content: '';position: absolute;right: 0;top: 50%; transform: translateY(-50%) skewX(-15deg); width: 1.5px; height: 15px; background: #fff;} .brand-nav a:last-child::after {display: none;} .brand-nav .focus {font-size: 22px;width:40%;text-align: center; color:#FFF; float:left;} .brand-nav .followTab { position: absolute; width: 33.3333%;bottom: -7px;height: 7px;} .brand-nav .followTab i { display: block; position: absolute; bottom: 0px;left: 50%;transform: translateX(-50%); width:0;height: 0; border-top: 7px solid #0499e3; border-right: 7px solid transparent;border-left: 7px solid transparent;} .brand-list { background: #f8f8f8;display: none;} .brand-list ul {padding: 14px; overflow: hidden;} .brand-list ul li { width: 50%; float: left;padding: 6px;box-sizing: border-box;} .brand-list ul li .item {height:88px; border: 1px solid #ddd; box-sizing: border-box; position: relative; background: #fff;} .brand-list ul li .item a{ width: 100%; height: 100%; display: block; overflow: hidden; } .brand-list ul li .item .content { height: 220px; width: 340px; background: #fff; position: absolute; top: -1px; left: -1px; z-index: -99; opacity:0; } .brand-list ul li .item:hover .content{ z-index: 99; opacity:1; } .brand-list ul li .item .content img { width: 100%; height: 100%; } .brand-list ul li:nth-child(2n) .item .content{ top: -1px; right: -1px; left: auto; } .brand-list ul li:nth-child(7) .item .content{ bottom: -1px; left: -1px; top: auto; } .brand-list ul li:nth-child(8) .item .content{ bottom: -1px; right: -1px; top: auto; left: auto; } .part2 { height: 292px; background: url('../image/part2-bg.png') no-repeat; background-size: contain; } .part2 ul { padding: 85px 42px 0; } .part2 ul li { width: 25%; float: left; padding: 0 13px; box-sizing: border-box; } .part2 ul li .item { background: #fff; height: 176px; border-radius: 4px; padding: 24px; box-sizing: border-box; box-shadow: 5px 5px 0px #ff7316; } .part2 ul li .item-top span{ width: 141px; height: 46px; display: block; float: left; position: relative; } .part2 ul li .item-top span::after { content: ''; position:absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 30px; background: #ddd; } .part2 ul li .item-top b { overflow: hidden; font-size: 22px; line-height: 46px; height: 46px; display: block; padding-left: 20px; overflow: hidden; } .part2 ul li .item-top b a { color: #333; } .part2 ul li .item-top b a:hover{ color: #0195df; } .part2 ul li .item-bot { margin-top: 15px; } .part2 ul li .item-bot p{ font-size: 14px; line-height: 24px; height: 24px; overflow: hidden; position: relative; padding-left: 12px; } .part2 ul li .item-bot p::after { position: absolute; content: ''; left: 0; top: 50%; width: 5px; height: 5px; border-radius: 50%; background: #0195df; transform: translateY(-50%); } .part2 ul li .item-bot p a{ color: #333; } .part2 ul li .item-bot p a:hover{ color: #0195df;} /*产品商城*/ .mall { width: 1010px; float: left;} .mall .title b {background: url('../image/title2.png') left bottom no-repeat; background-size: contain;} .mall .title .pro-nav { position: absolute; right: 0; bottom: 10px; height: 32px;} .mall .title p a {display: inline-block;padding:7px 28px;font-size:16px;margin-left:20px;color:#333;border:1px solid #fff;} .mall .title p a.focus {background: #e6f0f5;color: #0195df; font-weight: bold; border: 1px solid #c2dce9;} .pro-list { display: none;} .pro-list ul { overflow: hidden; margin: 0 -12px;} .pro-list ul li {width: 25%;float: left;padding: 0 12px;box-sizing: border-box; margin-bottom: 32px;} .pro-list ul li:nth-child(5) { margin-bottom: 0;} .pro-list ul li:nth-child(6) { margin-bottom: 0;} .pro-list ul li:nth-child(7) { margin-bottom: 0;} .pro-list ul li:nth-child(8) { margin-bottom: 0;} .pro-list ul li .item-img { height: 190px; border: 1px solid #e6e6e6; position: relative; overflow: hidden;} .pro-list ul li .item-img:hover img{-ms-transform: scale(1.10); transform: scale(1.10);} .pro-list ul li b {display:block;font-size:16px;height:22px;line-height:22px; overflow: hidden;margin-top:10px;font-weight: normal;} .pro-list ul li b a {color: #333;} .pro-list ul li b a:hover { color: #0195df;} .pro-list ul li p { height: 24px; line-height: 24px; overflow: hidden; margin-top: 10px;} .pro-list ul li p span {font-size: 16px;color: #ff3918;} .pro-list ul li p .xun {display: inline-block; float: right;width: 76px; height: 24px; line-height: 24px; color: #fff; text-align: center; overflow: hidden; background: #ff3918;font-style: normal; border-radius: 3px;} /*最新询盘*/ .inquiry { width: 360px; float: right;} .inquiry-title {height: 56px; line-height: 56px; background: url('../image/inquiry-bg.png') center no-repeat; background-size: cover; position: relative; padding: 0 22px;border-radius: 3px 3px 0 0;} .inquiry-title b { font-size: 22px; color: #fff;} .inquiry-nav { position: absolute; top: 50%; transform: translateY(-50%); right: 22px; line-height:normal;} .inquiry-nav a {display: inline-block; height: 32px; line-height: 32px; width: 58px; text-align: center; font-size: 16px; color: #fff; margin-left: 10px;} .inquiry-nav a.focus { background: #fff; color: #0195df;} .inquiry-list2 { display: none; background: #f8f8f8; padding:10px 20px;} .inquiry-list2 li{overflow:hidden;border-bottom: 1px dotted #e6e6e6; padding:10px 0;} .inquiry-list2 li img{ width:110px; height:60px; float:left;} .inquiry-list2 li .bd{width:190px; float:right;line-height:25px;overflow:hidden; font-size: 16px;} .inquiry-list2 li .bd p{overflow:hidden; font-size: 16px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .inquiry-list2 li .bd span{overflow:hidden; font-size: 16px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .inquiry-list ul { padding: 15px 27px 22px 22px;} .inquiry-list ul li{ line-height: 44px; height: 44px; overflow: hidden; font-size: 16px; padding-right: 130px; box-sizing: border-box; position: relative;} .inquiry-list ul li em { color: #999; display: inline-block; padding: 0 9px; line-height: 22px; font-size: 14px; font-style: normal; background: #f7ece4; border-radius: 20px; text-align: center; color: #ff7c1f; position: absolute; right: 85px; top: 50%; transform: translateY(-50%); } .inquiry-list ul li span { color: #999; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .inquiry-list ul li span i { color: #ff3918; font-style: normal; font-weight: bold; } .inquiry-list ul li a{ color: #333; } .inquiry-list ul li a:hover{ color: #0195df; } .inquiry-list ul .more { display: block; height: 40px; line-height: 40px; background: #d7eaf4; border-radius: 2px; border: 1px solid #9ccce5; box-sizing: border-box; text-align: center; font-size: 16px; color: #0195df; font-weight: bold; margin-top: 25px; } .part4 { margin-top: 16px;} .part5 .title b {} .exhi { width: 1010px; float: left;} .view { width: 360px; float: right;} /*会展中心*/ .exhi-nav { position: absolute; right: 0; bottom: 10px;} .exhi-nav p a { display:inline-block;padding:7px 12px;font-size:16px;margin-left:20px;color:#333;border:1px solid #fff;} .exhi-nav p a.focus {background: #e6f0f5; color: #0195df; font-weight: bold; border: 1px solid #c2dce9;} .exhi-list { display: block;} .exhi-left2 {width: 445px!important;float: left; height:490px; padding:5px 18px;} .exhi-left {width: 400px;float: left;} .exhi-left .text { margin: 15px 0;} .exhi-left .text p {font-size: 16px; height: 30px;line-height: 30px; overflow: hidden; position: relative; padding-left: 15px;} .exhi-left .text p::after { position: absolute; content: '';left: 0;top: 50%;width: 5px;height: 5px;border-radius:50%; background: #0195df; transform: translateY(-50%);} .exhi-left .text p a { color: #333;} .exhi-left .text p a:hover { color: #0195df;} .exhi-left .top-img { height: 239px; position: relative; overflow: hidden;} .exhi-left .top-img p { height: 48px; line-height: 48px; position: absolute; bottom: 0; width: 100%; background: rgba(0,0,0,0.4); text-align: center; overflow: hidden; font-size: 16px;} .exhi-left .top-img p a { color: #fff;} .exhi-left .top-img img { width: 100%; height: 100%; -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;} .exhi-left .top-img:hover img { -ms-transform: scale(1.10); transform: scale(1.10);} .exhi-left ul { overflow: hidden; margin: 0 -7px;} .exhi-left ul li { width: 50%; padding: 0 7px; box-sizing: border-box; float: left;} .exhi-left ul li .image {height: 117px; overflow: hidden;} .exhi-left ul li p {height: 24px;line-height: 24px; overflow: hidden; font-size: 16px;margin-top: 8px;} .exhi-left ul li p a { color: #333;} .exhi-left ul li p a:hover {color: #0195df;} .exhi-left ul li .image img {width: 100%;height: 100%; -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;} .exhi-left ul li .image:hover img { -ms-transform: scale(1.10); transform: scale(1.10);} .exhi-right { width:550px; min-height:500px; padding:15px;float: right;border: 1px solid #eaeaea;} .exhi-top {background:#f7f7f7;height:100px; border:1px solid #eaeaea;text-align:center;position:relative;box-sizing:border-box;} .exhi-top::after { content: ""; position: absolute; left: 0; top: 0; width: 48px; height: 48px; background: url('../image/hot-label.png') left bottom no-repeat; background-size: cover;} .exhi-top b { font-size: 24px; height: 30px; line-height: 30px; overflow: hidden; margin-top: 20px; display: block; padding: 0 20px;} .exhi-top b a { color: #0195df;} .exhi-top p {color: #999;height: 20px;line-height: 20px;overflow: hidden;margin-top: 14px;} .exhi-top p span {margin-right: 22px;} .exhi-top p span:nth-of-type(3) {margin-right: 0;} .exhi-top p i { vertical-align: top;margin-top: 3px;font-size: 14px;margin-right: 4px;} .exhi-item {padding:20px 0; border-bottom: 1px solid #e6e6e6;} .exhi-item .item{overflow: hidden; margin-bottom: 18px;} .exhi-item .item .time {width: 60px;height: 60px; float: left;margin-right: 14px; box-sizing: border-box; border: 1px solid #0195df; border-radius: 2px;} .exhi-item .item:last-child {margin-bottom: 0;} .exhi-item .item .time b { height: 30px;line-height: 30px; text-align: center; font-size: 14px;color: #fff; display: block; background: #0195df;overflow: hidden;} .exhi-item .item .time p { height: 30px;line-height: 30px; text-align: center; font-size: 14px; font-weight: bold; color: #0195df; overflow: hidden;} .exhi-item .item .text { overflow: hidden;} .exhi-item .item .text p { height: 30px;line-height: 30px; overflow: hidden; font-size: 17px;font-weight: bold;} .exhi-item .item .text span {display: block;height: 30px;line-height: 30px; overflow: hidden;color: #999;font-size: 14px;} .exhi-item .item .text p a {color: #333;} .exhi-item .item .text p a:hover { color: #0195df;} .exhi-right ul {margin-top: 12px;} .exhi-right ul li { font-size: 16px;line-height: 36px; height: 36px; overflow: hidden;position: relative;padding-right: 80px;} .exhi-right ul li span {font-size: 14px;color: #ff7c1f; font-weight: bold; margin-right: 10px;} .exhi-right ul li a { color: #333; border-left: 1px solid #e6e6e6; padding-left: 10px;} .exhi-right ul li em { font-style: normal; font-size: 14px; color: #999; position: absolute; right: 0; top: 50%; transform: translateY(-50%);} .exhi-right ul li a:hover { color: #0195df;} /*求购信息*/ .view-title {height: 56px; line-height: 56px; background: url('../image/inquiry-bg.png') center no-repeat; background-size: cover; position: relative; padding: 0 22px;border-radius: 3px 3px 0 0;} .view-title b { font-size: 22px; color: #fff;} .view-title a { font-size: 16px; color: #fff; float: right;} .view-list {background: #f8f8f8; padding: 20px 22px 10px 22px; min-height:450px;} .view-list .top-img { padding-bottom: 18px; overflow:hidden;} .view-list .top-img img {width: 100%; height: 100%; -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;} .view-list .top-img:hover img {-ms-transform: scale(1.10); transform: scale(1.10);} .top_imgg li{overflow:hidden;border-bottom: 1px dotted #e6e6e6; padding:10px 0;} .top_imgg li img{ width:110px; height:60px; float:left;} .top_imgg li p{width:180px; float:right;line-height:25px;overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;/*行数*/ -webkit-box-orient: vertical;font-size: 16px;} .view-list ul { margin-top: 1px;} .view-list ul li {overflow:hidden; font-size: 16px;height: 35px; line-height: 35px; overflow: hidden; color: #333;} .view-list ul li i{ color: #f46442; margin-right: 8px;} .view-list ul li a {color: #333;} .view-list ul li a:hover { color: #0195df;} .part6 {height: 682px; background: url('../image/part6-bg.jpg') no-repeat; background-size: cover; padding: 36px 0;box-sizing: border-box;} /*会员中心*/ .member-outside { overflow: hidden; display: none; } .member-w { position: relative; } .member .title b { background: url('../image/title4.png') left bottom no-repeat; } .member .member-main { } .member .member-list { width: 358px; box-sizing: border-box; } .member .member-list .member-title { height: 70px; background: #485460; border-radius: 3px 3px 0 0; text-align: center; padding-top: 17px; box-sizing: border-box; } .member .member-list .member-title b { display: block; font-size: 20px; color: #fff; } .member .member-list.swiper-slide-active .member-title{ background-color:#ff9405; background-image:-webkit-gradient(linear, left top, left bottom, from(#ff9405), to(#ff7b00)); background-image:-webkit-linear-gradient(90deg, #ff9405, #ff7b00); background-image:-moz-linear-gradient(90deg, #ff9405, #ff7b00); background-image:-ms-linear-gradient(90deg, #ff9405, #ff7b00); background-image:-o-linear-gradient(90deg, #ff9405, #ff7b00); background-image:linear-gradient(90deg, #ff9405, #ff7b00); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#ff9405', endColorStr='#ff7b00'); position: relative; z-index: 9; /*box-shadow:0px 2px 5px rgba(255,150,0,0.5);*/ } .member .member-list.swiper-slide-active .item li p b { background: #ff9600; box-shadow: 2px 3px 4px rgba(255,150,0,0.2); } .member-outside > .swiper-button-prev1 { display: block; font-size: 64px; left: -85px; top: 312px; position: absolute; cursor: pointer; } .member-outside > .swiper-button-prev1 i { font-size: 64px; color: #e6e6e6; } .member-outside > .swiper-button-next1 { display: block; right: -85px; top: 312px; position: absolute; cursor: pointer; } .member-outside > .swiper-button-next1 i { font-size: 64px; color: #e6e6e6; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .member .member-list.swiper-slide-active .member-title p { color: #ffbc7e; } .member .member-list .member-title p { color: #7f7f7f; font-size: 14px; margin-top: 8px; } .member .member-list .item { background: #fff; padding: 12px 0; overflow: hidden; border-radius: 0 0 3px 3px; box-sizing: border-box; height: 463px; } .member .member-list .item li { padding: 0 30px; box-sizing: border-box; } .member .member-list .item li p { height: 54px; line-height: 54px; overflow: hidden; font-size: 16px; border-bottom: 1px dashed #e6e6e6; padding-left: 58px; position: relative; } .member .member-list .item li p b { display: inline-block; padding: 0 6px 0 6px; height: 22px; line-height: 22px; color: #fff; background: #747d86; font-weight: normal; font-size: 12px; border-radius: 2px; position: absolute; left:0; top: 50%; transform: translateY(-50%); } .member .member-list .item li p b i { font-size: 12px; margin-right: 5px; } .member .member-list .item li p:last-child { border-bottom: none; } .member .member-list .item li p a { color: #333; } .member .member-list .item li p a:hover { color: #ff9600; font-weight: bold; } .member .member-list .item .swiper-button-disabled { opacity: .6; } .member .member-list .item .btn-left { display: block; width: 22px; height: 44px; line-height: 44px; left: 0; background: #cacaca; text-align: center; position: absolute; top: 50%; z-index: 99; cursor: pointer; transform: translateY(-50%); } .member .member-list .item .btn-left i { color: #fff; font-weight: normal; font-size: 12px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .member .member-list .item .btn-right { display: block; width: 22px; height: 44px; line-height: 44px; right: 0; background: #cacaca; text-align: center; position: absolute; top: 50%; z-index: 99; cursor: pointer; transform: translateY(-50%); } .member .member-list .item .btn-right i { color: #fff; font-weight: normal; font-size: 12px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } /*金牌企业*/ .part7 .title .more{ position: absolute; right: 0; bottom: 15px; font-size: 16px; color: #333; } .part7 .title .more i { font-size: 12px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); vertical-align:top; margin-left: 3px; margin-top: 2px; } .part7 ul { overflow: hidden; margin: -8px -15px; } .part7 ul li { width: 16.6666%; float: left; padding: 8px 15px; box-sizing: border-box; } .part7 ul li .item { border: 1px solid #e6e6e6; } .part7 ul li .item .image { height: 118px; position: relative; } .part7 ul li .item p { height: 42px; line-height: 42px; overflow: hidden; background: #f8f8f8; text-align: center; font-size: 16px; font-weight: bold;} .part7 ul li .item p a {color: #333;} .part7 ul li .item p a:hover { color: #0195df;} /*友情链接*/ .slideTxtBox{ width:auto; text-align:left; } .slideTxtBox .hd{ height:30px; position:relative; width: 156px; height: 154px; float: left;background: url(../image/link-title.png) no-repeat;background-size: cover; text-align: center; padding: 15px; box-sizing: border-box;} .slideTxtBox .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px; margin-top:20px; } .slideTxtBox .hd ul li{ height:32px; line-height:32px;cursor:pointer;font-size:18px;color:#fff;font-weight:bold; width:100%;} .slideTxtBox .hd ul li.on{background: url(../image/jiao1.png) no-repeat right center;} .slideTxtBox .hd .more {display: inline-block; width: 96px; height: 30px; line-height: 30px; background: #fff; color: #4285f4; border-radius: 20px; margin-top:20px; text-align: center;} .slideTxtBox .hd .more i { font-size: 14px; margin-right: 4px;} .slideTxtBox .bd ul{ padding:15px; zoom:1; width:1200px; float:right;} .slideTxtBox .bd li{ line-height:34px; } .slideTxtBox .bd li a{ display:block; width:16.3%; float:left;} .part8 {border: 1px solid #e8e8e8; box-shadow: 0px 0px 4px #e8e8e8; height: 154px; overflow: hidden;} .link-title {width: 156px; height: 154px; float: left;background: url('../image/link-title.png') no-repeat;background-size: cover; text-align: center; padding: 15px; box-sizing: border-box;} .link-title a.more {display: inline-block; width: 96px; height: 30px; line-height: 30px; background: #fff; color: #4285f4; border-radius: 20px; margin-top: 25px; text-align: center;} .link-title a.more i { font-size: 14px; margin-right: 4px;} .link-nav a {display: inline-block; font-size: 18px; color: #fff; margin-top: 15px; font-weight: bold;} .link-nav a.focus { position: relative;} .link-nav a.focus::after { content:''; position: absolute; right: -14px; top: 50%; transform: translateY(-50%);width: 0; height: 0; border-style: solid;border-width: 4px 0 4px 6px;border-color: transparent transparent transparent #fff;} .links-list { overflow: hidden; padding: 23px 30px; box-sizing: border-box; font-size: 16px; color: #e9e9e9; display: none;} .links-list a { font-size: 16px; line-height: 36px; color: #333; padding: 0 10px;} .links-list a:hover { color: #0195df;} .links-list a:first-child { padding-left: 0;} /*footer*/ .footer {color: #a7a7a7;background: #222; box-sizing: border-box;} .footer p { border-bottom: 1px solid #444; padding-bottom: 28px;} .footer p a {text-align: center;display: inline-block;height: 30px; padding:0 15px; line-height: 30px;color: #a7a7a7;} .footer p a:last-child {margin-right: 0;} .foot-left {float: left;width:930px; padding-top: 41px; padding-bottom: 52px;} .foot-left b { display: block; font-weight: normal; color: #787878; font-size: 14px; white-space: pre; height: 50px; line-height: 50px; overflow: hidden;} .foot-left b i {display: inline-block;width: 20px;height: 20px; background: url('../image/ghs.png') no-repeat; vertical-align: middle; margin-right: 5px; background-size: contain;} .foot-left b a {color: #787878;} .foot-left b a:hover { color: #0195df} .foot-left ul li { width: 110px; height: 44px; float: left; margin-right: 12px;} .foot-right {width: 385px; float: right; padding-top: 30px;} .foot-right ul li { float: left;} .foot-right ul li .image{width: 146px; height: 146px; background: #fff; position: relative; border: 2px solid #4285f4;} .foot-right ul li b {height: 30px; line-height: 30px; overflow: hidden;font-weight: normal;font-size: 14px; color: #fff;text-align: center; display: block; margin-top: 10px;} .foot-right ul li:first-child { float: left;} .foot-right ul li:last-child { float: right; margin-right: 24px;} .foot { background: #1a1a1a; height: 80px; line-height: 80px; color: #838383; font-size: 14px;} .foot b { display: block; width: 90px;float: left;color: #0195df; position: relative; text-indent: 12px;} .foot p a i {display: inline-block; width: 16px;height: 18px; background: url('../image/qq-ico.png') no-repeat; vertical-align: top;margin-right: 5px; margin-top: 4px; background-size: contain;} .foot b::after {position: absolute; content: '';left: 0;top: 50%;width: 5px;height: 5px;border-radius: 50%; background: #0195df;transform: translateY(-50%);} .foot p {overflow: hidden; white-space: nowrap; position: relative;} .foot p .qq-btn {position: absolute; right: 0; top: 50%; transform: translateY(-50%);display: block;} .foot p a { background: #2176a0;color: #fff;display: inline-block; width: 95px;height: 28px; line-height: 28px; text-align: center; font-size: 14px; color: #fff;border-radius: 20px; margin-right: 8px; font-style: normal;} .foot p a:nth-of-type(5) { margin-right: 0;} .foot p span { margin-right: 10px;} .foot p span a{ background:none;width:auto; padding-left:10px;} .update{width: 100%;display: flex; flex-direction: row; justify-content: space-between; align-content: center; flex-wrap: wrap;} .update a{ width: 8.5%;text-align: center; font-size: 14px;line-height: 30px; color: #666;background: #e8e7e7;} .update a.first{ background: #0195df; color: #fff;} .update a:hover{ background: #0195df; color: #fff;} /* 20210701 */ .rightAdv { position: fixed;right: 20px;top: 180px; z-index: 99999;} .rightAdv ul { width: 64px;background-color: #fff; box-shadow: 0 2px 5px #999; border-radius: 3px;} .rightAdv li { display: block; text-align: center; height: 66px; position: relative;} .rightAdv li a, .rightadvTop a {display: block; width: 100%;height: 100%;cursor: pointer;background-color: #00baf6;} .rightAdv li:first-child a{ border-radius: 3px 3px 0 0px;} .rightAdv li:last-child a{ border-radius: 0 0 3px 3px;} .rightAdv li:hover a { background-color: #ff8c34;} .rightadvTop a:hover{ background-color: #ff8c34;} .rightAdv li a i { display: inline-block; width: 22px;height: 24px;margin: 12px 0 5px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; text-decoration: none;} .rightAdv li a b { display: block; font-weight: normal; font-size: 12px; color: #fff;} .rightAdv li.rightAdv_qq a i { width: 22px; background: url(../image/rightBar.png) no-repeat -80px -37px;} .rightAdv li.rightAdv_phone a i {width: 20px; background: url(../image/rightBar.png) no-repeat -118px -37px;} .rightAdv li.rightAdv_proposal i {width: 20px; background: url(../image/rightBar.png) no-repeat -190px -37px;} .rightAdv li.rightAdv_inquire i {width: 22px; height: 20px;background: url(../image/rightBar.png) no-repeat -226px -37px;} /* qq */ .qq_contactInfo { position: absolute; left: -297px; top: 0; padding-right: 20px; display: none;} .qq_item { width: 210px; height: 180px; background: url(../image/rightAdvQQbgi.png) #fff no-repeat; background-size: 100% 100%; padding: 27px 40px 0 27px; box-shadow: 0 2px 5px #ccc; border-radius: 3px;} .qq_item p { overflow: hidden;} .qq_item p:first-child{ margin-bottom: 10px;} .qq_item i { float: left; width: 50px; height: 56px; background: url(../image/rightBar.png) no-repeat -190px -87px; margin-right: 20px;} .qq_item b { display: block; font-size: 20px; color: #333; margin-bottom: 10px;} .qq_item em { font-size: 14px; color: #999; font-style: normal;} .qq_item a { display: inline-block !important; height: 34px !important; line-height: 34px;margin: 10px 0 8px; box-shadow: 0 2px 5px #e68557;font-size: 14px; color: #fff; width: 100px !important; border-radius: 18px!important; background-color: #f26522!important;} .qq_item a:last-child { background-color: #00baf6 !important; margin-left: 10px; box-shadow: 0 2px 5px #9dd4e6;} .qq_item span { position: absolute; left: 0;right: 20px;bottom: 0; background-color: #f5f5f5; color: #999; font-size: 14px; height: 50px; line-height: 50px; text-align: center;} /* end */ /* phone */ .phone_item{position: absolute; left: -310px; top: 0; width: 240px;height: 200px; padding: 0 25px;background-color: #fff; box-shadow: 0 2px 5px #ccc; display: none;} .phone_item p{ height: 50px; position: relative; padding: 16px 25px 16px 90px;} .phone_item p { height: 50px; position: relative; padding: 16px 0 16px 65px; border-bottom: 1px dashed #e6e6e6;} .phone_item p i {position: absolute;left: 0;top: 16px; width: 50px; height: 50px; background: url(../image/rightBar.png) no-repeat -38px -87px;} .phone_item b { display: block; text-align: left; font-size: 14px;color: #fe9900; font-weight: normal;margin-bottom: 10px;} .phone_item em {display: block; text-align: left; font-size: 16px; font-weight: 700; font-style: normal; color: #333; margin-bottom: 5px;} .phone_item span { position: absolute; left: 0;right: 0;bottom: 0; background-color: #f5f5f5; color: #999;font-size: 14px;height: 50px; line-height: 50px; text-align: center;} /* end */ .rightAdv_qq:hover .qq_contactInfo{ display: block;} .rightAdv_phone:hover .phone_item{ display: block;} .rightadvTop {position: fixed;top: 460px;right: 31px; width: 42px;height: 42px; background-color: #00baf6; border-radius: 50%; box-shadow: 0 2px 5px #999; text-align: center; z-index: 9999; overflow: hidden; display: none;} .rightadvTop i {display: inline-block; width: 14px;height: 8px;margin-top: 17px;background: url(../image/rightBar.png) no-repeat 0 -111px;} /* 本例子css */ .slideBox{ width:100%; height:380px; overflow:hidden; position:relative;} .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; } .slideBox .hd ul{ overflow:hidden; zoom:1; float:left; } .slideBox .hd ul li{ float:left; margin-right:2px; width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; } .slideBox .hd ul li.on{ background:#f00; color:#fff; } .slideBox .bd{ position:relative; height:100%; z-index:0; } .slideBox .bd li{ zoom:1; vertical-align:middle; } .slideBox .bd img{ width:100%; height:380px; display:block; } .slideBox .bd li p{ position:absolute; bottom:0; left:0; right:0; height:46px; line-height:46px; text-align:center; font-size:18px; background:rgba(0,0,0,0.5); color:#FFF;} /*-----------资讯-------------*/ .nav_zx{background-color: #037EF5; width:100%; overflow:hidden; height:50px; line-height:50px; font-size:19px; background-image: -webkit-gradient(linear, left top, left bottom, from(#11B6E8), to(#037EF5)); background-image: -webkit-linear-gradient(90deg, #11B6E8, #037EF5); background-image: -moz-linear-gradient(90deg, #11B6E8, #037EF5); background-image: -ms-linear-gradient(90deg, #11B6E8, #037EF5); background-image: -o-linear-gradient(90deg, #11B6E8, #037EF5); background-image: linear-gradient(90deg, #11B6E8, #037EF5); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#11B6E8', endColorStr='#037EF5');} .nav_zx li{ float:left; padding:0 35px; color:#FFF;} .nav_zx li a{color:#FFF;} .nav_zx li:hover{background:#3DB8F0;} .nav_zx .on{background:#3DB8F0;} .zx_fl{ width:990px; float:left;} .zx_zfr{ width:235px; float:right;} .zx_fr{ width:360px; float:right;} /* news */ .news_list{ float: left; width: 100%; background:#FFF;} .news_list .title{ height: 50px; background-color: #fff; position: relative;} .news_list .title p a{ display: inline-block; height: 36px; line-height: 36px; text-align: center; width: 156px; font-size: 22px; color: #333; margin: 7px 20px 7px 0; position: relative;} .news_list .title p a.focus{ background-color: #0096e0; color: #fff; font-weight: 700;} .news_list .title p a.focus::after{ position: absolute; content: ""; left: 13px; right: 13px; top: -7px; bottom: -7px; border: 1px solid #0096e0;} .news_list .title a.more{ position: absolute; top: 16px; right: 20px; font-size: 14px; color: #999;} .news_list .title a.more:hover{color: #f60;} .news_list dl{ overflow:hidden; margin:30px 20px; border-bottom:1px dotted #CCC;} .news_list dt{ float: left; width: 258px; margin-right: 25px; margin-bottom:10px;} .news_list dt a{ display: block; padding-bottom: 66.66%; height: 0; overflow: hidden; border-radius: 5px;} .news_list dt a img{ max-height: none; width: 100%;} .news_list dt a img{ max-height: none; width: 100%;} .news_list dt a:hover img { -ms-transform: scale(1.10); transform: scale(1.10);} .news_list dd h3{ padding: 15px 0 25px 0;} .news_list dd h3 a{display: block; height: 25px; line-height: 25px; overflow: hidden; font-size: 22px; color: #333;} .news_list dd span{display: block; font-size: 16px; line-height: 24px; height: 48px; overflow: hidden; color: #666;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .news_list dd p{ margin-top: 30px; font-size: 14px; color: #999;} .news_list dl:hover h3 a{ color: #0096e0;} /* news */ .zhanhui_list{ float: left; width: 100%; background:#FFF;} .zhanhui_list dl{ overflow:hidden; margin:30px 20px; border-bottom:1px dotted #CCC;} .zhanhui_list dt{ float: left; width:310px; height:200px; margin-right:30px; margin-bottom:10px; overflow:hidden;} .zhanhui_list dt img{ height:180px; width: 100%;} .zhanhui_list dt img:hover { -ms-transform: scale(1.10); transform: scale(1.10);} .zhanhui_list dd h3{ padding: 5px 0 10px 0;} .zhanhui_list dd h3 a{display: block; height: 25px; line-height: 25px; overflow: hidden; font-size: 20px; color: #333;} .zhanhui_list dd span{display: block; font-size: 16px; line-height: 24px; height: 48px; overflow: hidden; color: #666;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .zhanhui_list dd p{ line-height:28px; font-size: 14px; color: #333;} .zhanhui_list dl:hover h3 a{ color: #0096e0;} .zhanhui_list2{ float: left; width: 100%; margin:15px 0; background:#FFF; border:1px solid #CCC;} .zhanhui_list2 dl{ overflow:hidden; margin:30px 20px;} .zhanhui_list2 dt{ float: left; width:430px; margin-right:100px; margin-bottom:10px; overflow:hidden;} .zhanhui_list2 dt img{ height:240px; width: 100%;} .zhanhui_list2 dt img:hover { -ms-transform: scale(1.10); transform: scale(1.10);} .zhanhui_list2 dd { width:calc(100%-550px); float:left;} .zhanhui_list2 dd h3{ padding: 25px 0 20px 0;} .zhanhui_list2 dd h3 a{display: block; height: 25px; line-height: 25px; overflow: hidden; font-size:24px; color: #333;} .zhanhui_list2 dd span{display: block; font-size: 16px; line-height: 24px; height: 48px; overflow: hidden; color: #666;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .zhanhui_list2 dd p{ line-height:28px; font-size: 14px; color: #333;} .zhanhui_list2 dl:hover h3 a{ color: #0096e0;} .biof{ font-size:16px; font-weight:400; width:198px; height:38px; background:url(../image/fbr2.png) no-repeat left top; line-height:30px; color:#FFF; text-align:center; margin-left:-30px;} .box{ padding:5px 16px 16px 16px; min-height:370px; box-sizing:border-box;} .ggw img{ padding:10px 0;} .ggw img:hover { -ms-transform: scale(1.10); transform: scale(1.10);} .ad01 img{ width:100%; margin-top:25px;} .ad01 img:hover { -ms-transform: scale(1.10); transform: scale(1.10);} .weizhi{ background:url(../image/dizhi_ico.png) no-repeat center left; height:28px; line-height:28px; padding-left:25px; margin-top:10px;} .page{height: 40px;line-height: 40px;;text-align: center;margin: 0 0 40px 0;} .page a{ width: 40px; height: 38px; display: inline-block; border:1px solid #e6e6e6;background: #fff; border-left: 0; text-align: center; font:normal 12px/38px "Tahoma"; color: #666666; vertical-align: middle; } .page a.ft{border-left: 1px solid #e6e6e6;border-right:0;background: #fff url(../image/companyList.png) no-repeat -56px -530px;} .page a.next{margin-right:15px;background: #fff url(../image/companyList.png) no-repeat 15px -530px;} .page a.prev{ width: 68px; background: #fff url(../image/companyList.png) no-repeat 8px -467px; border-left: 1px solid #e6e6e6; } .page a.lt{ width: 68px; background: #fff url(../image/companyList.png) no-repeat 8px -497px; } .page a.on{ background: #0096e0; border:1px solid #0096e0; border-left: 0; color: #fff; font-weight: bold; } .page input{ width: 38px; height: 38px; display: inline-block; text-align: center; border: 1px solid #e6e6e6; font:normal 12px/38px "Tahoma"; margin: 0 10px; vertical-align: middle; } .page button{ width: 52px; height: 40px; display: inline-block; text-align: center; border: 1px solid #e6e6e6; font:normal 12px/40px "Tahoma"; vertical-align: middle; cursor: pointer; background: url(../image/companyList.png) no-repeat 0 -386px; } .neirong{ width:100%; padding: 25px 30px 30px;box-sizing:border-box; background-color: #fff; font-size:15px!important; line-height: 30px;} .neirong .titl{ padding-bottom: 15px; border-bottom: 1px solid #e4e4e4;text-align:center;} .neirong .titl p{ font-size: 28px; font-weight: 700; color: #333; line-height:40px;} .neirong .titl span{ display: block; margin-top: 30px;} .neirong .titl span i{ font-size: 14px; font-style: normal; color: #999; margin-right: 24px;} .neirong .text{margin-top: 20px;font-size: 18px; color: #666; line-height: 30px;} .neirong .text img{ text-align:center!important; max-width:96%; margin:0 auto;display: table-cell;} .neirong .text p{padding:10px 0;} .neirong .downLoad { margin-top: 60px;} .neirong .downLoad p {font-size: 18px;line-height:32px; color: #666;font-weight: bold;} .neirong .downLoad p i{font-size:16px;line-height:32px;color: #f60;width:30px;margin-right:5px;position:relative;top:0px;} .neirong .downLoad p a{color: #f60; font-weight: normal;} .neirong .turnPage { margin: 30px 0;} .neirong .turnPage p{ font-size: 18px; line-height: 32px; color: #666;} .neirong .turnPage p:first-child{ margin-bottom: 5px;} .neirong .turnPage p a { color: #0096e0;} .neirong .turnPage p a:hover{ color: #065a84;} .neirong .copr{ padding: 20px; border: 1px solid #e4e4e4; border-radius: 5px;} .nr_text{margin-top: 20px;font-size: 18px; color: #666; line-height: 32px;} .nr_text img{ text-align:center!important; max-width:96%; margin:0 auto;display: table-cell;} .nr_text p{padding:10px 0;} .shareBox{ overflow:hidden; border-bottom:1px dotted #CCC; padding-bottom:20px;} /* 厂商 */ .qiye_list dl{ margin:10px 0; width:49%; float:left; overflow:hidden; background:#FFF;box-shadow: 0px 0px 2px 3px rgba(0, 16, 4, 0.035); padding:18px 25px 5px 25px;box-sizing:border-box;border-radius: 5px;} .qiye_list dl:nth-child(odd){ float:right; /*偶数行样式*/} .qiye_list dl:nth-child(1){width:100%; background:url(../image/qy1.jpg) no-repeat right center; padding:15px 25px 15px 25px;} .qiye_list dl:nth-child(1) h3{ position:absolute; margin-left:235px; padding:5px 0 15px 0; font-size:19px;} .qiye_list dl:nth-child(1) dt{ float: left; width:220px; height:80px; margin-right: 15px; margin-bottom:10px;text-align:center; overflow:hidden; display: table-cell;vertical-align:middle; *display: block;*font-size: 175px; line-height:80px;} .qiye_list dl:nth-child(1) dd span{ margin-top:30px; height:50px;} .qiye_list dt{ float: left; width:150px; height:80px; margin-right: 15px; margin-bottom:10px;text-align:center; overflow:hidden; display: table-cell;vertical-align:middle; *display: block;*font-size: 175px; line-height:80px;} .qiye_list dt img{ max-width:96%;width:auto; margin:0 auto; text-align:center;vertical-align:middle; max-height:80px;} .qiye_list a:hover img { -ms-transform: scale(1.10); transform: scale(1.10);} .qiye_list dl h3{ padding:0 0 15px 0; font-size:19px;} .qiye_list dd h3 a{display: block; height: 25px; line-height: 25px; overflow: hidden; font-size: 22px; color: #333;} .qiye_list dd span{display: block; font-size: 16px; line-height: 24px; height:76px; overflow: hidden; color: #666;overflow: hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;} .qiye_list dl:hover h3 a{ color: #0096e0;} .qiye_list dl:hover{ color: #0096e0;background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3e3ca)); background-image: -webkit-linear-gradient(90deg, #ffffff, #f3e3ca); background-image: -moz-linear-gradient(90deg, #ffffff, #f3e3ca); background-image: -ms-linear-gradient(90deg, #ffffff, #f3e3ca); background-image: -o-linear-gradient(90deg, #ffffff, #f3e3ca); background-image: linear-gradient(90deg, #ffffff, #f3e3ca); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', endColorStr='#f3e3ca');} /* 厂商 */ .qiye_list2 dl{ margin:10px 0; width:100%; float:left; overflow:hidden; background:#FFF;box-shadow: 0px 0px 2px 3px rgba(0, 16, 4, 0.035); box-sizing:border-box;border-radius: 5px;background:url(../image/qy1.jpg) no-repeat right center; padding:15px 25px 15px 25px;} .qiye_list2 dl h3{ position:absolute; margin-left:235px; padding:5px 0 15px 0; font-size:19px;} .qiye_list2 dl dt{ float: left; width:220px; height:80px; margin-right: 15px; margin-bottom:10px;text-align:center; overflow:hidden; display: table-cell;vertical-align:middle; *display: block;*font-size: 175px; line-height:80px;} .qiye_list2 dl dd span{ margin-top:30px; height:50px;display: block; font-size: 16px; line-height: 24px; overflow: hidden; color: #666;overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .qiye_list2 dt img{ max-width:96%;width:auto; margin:0 auto; text-align:center;vertical-align:middle; max-height:80px;transition:all 1.2s; -moz-transition:all 1.2s; -webkit-transition:all 1.2s; -o-transition:all 1.2s;} .qiye_list2 dl a:hover img { -ms-transform: scale(1.10); transform: scale(1.10);} .qiye_list2 dd h3 a{display: block; height: 25px; line-height: 25px; overflow: hidden; font-size: 22px; color: #333;} .qiye_list2 dl:hover h3 a{ color: #0096e0;} /*企业分类*/ .qiye_fl{ width:100%;} .qiye_fl ul li{ max-height:none!important; padding:20px; height:auto;} .qiye_fl ul li .class-a .text span{ max-height:none!important; padding:10px; margin-left:0;} .qiye_fl ul li .class-a .text p a{ color:#528dba!important; padding-top:8px;} .qiye_fl ul li .class-a .text p a:hover{ color:#F60!important;} .qiye_fl ul li .class-a .text span a{ display:block; overflow:hidden; float:left; border:1px solid #CCC!important; margin:8px 10px; padding:10px; width:15.2%; text-align:center;} .qiye_fl ul li .class-a .text span a:hover{border:1px solid #47C1E4!important; background:#EAF3FD;} /*-------------模版---------------*/ .mb_w{ width:1280px; margin:0 auto; overflow:hidden;} #header_mb{background: #f5f5f5;height:52px;width: 100%;border-bottom: 1px solid #eeeeee;} #header_mb .logo{ padding-top:3px; width:400px!important; margin-left:0;} #header_mb .logo span{ font-size:18px; line-height:47px; padding-top:5px; vertical-align:middle;} #header_mb .divService { width:560px; float: right; color: #ddd; font-weight: bold; font-size: 13px; margin-top:8px;} /*搜索框样式*/ #header_mb .searchBox {width:310px; float:right; position: relative; margin-left:5px;} #header_mb .searchBox .form {width:310px; height:30px;border: 2px solid #0195df; border-radius: 30px;} #header_mb .searchBox .form .select{width: 85px; height: 100%; position: relative; float: left;} #header_mb .searchBox .form .select .select-top p { font-size:14px; line-height:30px; cursor:pointer;text-align:center;position: relative;} #header_mb .search { width: 100%; height: 36px;} #header_mb .searchBox input {width:200px; height: 30px;background:#f5f5f5;border-radius: 40px; margin-left:10px;} #header_mb .searchBox button { width: 96px;float: right; height: 34px; line-height: 34px;} #header_mb .searchBox button i {display: inline-block; width: 16px;height: 16px;vertical-align: middle;margin-top: -7px;margin-right: 5px;} .logo_mb { float: left; width:820px!important; padding:15px 0;} .logo_mb img{ width:110px; margin:10px 0 10px 0!important; float:left;} .logo_mb span{ font-size:26px; font-weight:bold;} .shuxian{ float:left;background:url(../image/mbsx.png) no-repeat center left; padding-left:30px;font-size:30px!important; line-height:50px; height:80px; font-weight:bold;} .shuxian p{font-size:15px!important;line-height:20px; font-weight:500; color:#666;} .mb_dhfr { margin-top:30px; float:right; box-sizing: border-box; } .mb_dhfr b {display: block;width:50px;height: 64px; float: left;} .mb_dhfr .text { overflow: hidden;} .mb_dhfr .text p {font-size:24px; color:#FF8A00; font-weight: bold;} .mb_dhfr .text span { display: block; font-size: 14px;color: #999; margin-top:5px;} .mb_level{font-size:13px; height:38px;line-height:38px;border-radius:14px;background:url(../image/mb1.png) no-repeat center left; position:relative; width:140px!important; overflow:hidden; padding-left:50px; color:#FFF; top:38px;} .mb_nav{ width:100%; background:#0858B1; color:#FFF; overflow:hidden; height:52px; line-height:52px;} .mb_nav li{ float:left; width:140px; text-align:center; font-size:16px;background:url(../image/mbnav2.png) no-repeat center right;} .mb_nav li a{color:#FFF!important;} .mb_nav li:hover{ background:url(../image/mbnav1.png) repeat-x center right;} .mb_nav li.on{ background:url(../image/mbnav1.png) repeat-x center right;} /*轮播图*/ .slideBox2{ width:auto; overflow:hidden; position:relative;} .slideBox2 .hd{ height:32px; overflow:hidden; position:absolute; left:50%; margin-left:-48px; bottom:12px; z-index:1; } .slideBox2 .hd ul{ overflow:hidden; zoom:1; float:left; } .slideBox2 .hd ul li{ float:left; background:url(../image/ico-ban1.png) no-repeat center; width:32px; height:32px; cursor:pointer; } .slideBox2 .hd ul li.on{ background:url(../image/ico-ban2.png) no-repeat; opacity:1 } .slideBox2 .bd{ position:relative; height:100%; z-index:0; } .slideBox2 .bd li{ zoom:1; vertical-align:middle; } .slideBox2 .bd img{ width:100%; display:block; } .slideBox2 .prev{ position:absolute; background:url(../image/banner_left.png) no-repeat center; width:58px; height:58px; left:2%; top:45%; filter:alpha(opacity=50);opacity:0.5; } .slideBox2 .prev:hover{ background:url(../image/banner_lefts.png) no-repeat center;} .slideBox2 .next{ position:absolute; background:url(../image/banner_right.png) no-repeat center; width:58px; height:58px; right:2%; top:45%; filter:alpha(opacity=50);opacity:0.5; } .slideBox2 .next:hover{ background:url(../image/banner_rights.png) no-repeat center; } .mbbj{ background:url(../image/mbbj.jpg) repeat-x top center; overflow:hidden;} .mb_jj{background:url(../image/mbjj1.jpg) repeat-x top center; position:relative; overflow:hidden; height:490px; padding:45px 40px;} .mb_jjfl{ position:absolute; z-index:1; float:left;} .mb_jjfr{position:absolute; z-index:2; top:90px; right:40px; background:#FFF; padding:30px; width:620px; line-height:24px;box-shadow: 0px 0px 2px 3px rgba(0, 16, 4, 0.035);} .mb_tit{ font-size:24px; height:50px; } .mb_tit:after { position: absolute; left:10%; top:60px; transform: translateX(-5%); content: ''; display: block; width:30px; height:2px; background:#004898; border-radius: 2px;} .mb_tit2{background:#0765C7 url(../image/mbzp1.png) no-repeat center left; height:55px; padding:0 25px; line-height:55px; font-size:20px; color:#FFF;} .mb_tit2 a{ font-size:14px; float:right; color:#FFF;} .titbj{ background:url(../image/titbj.png) no-repeat center center;position:relative; margin:20px 0;} .titbj .mb_tit{ font-size:24px; height:50px; line-height:50px;} .titbj .mb_tit:after { position: absolute; left:50%; top:45px; transform: translateX(-50%); content: ''; display: block; width:30px; height:2px; background:#004898; border-radius: 2px;} .mb_news ul{ margin:10px 0;} .mb_news ul li{ box-sizing:border-box;width:29%; float:left;box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.08); padding:15px; height:150px; margin:15px 18px; line-height:22px;} .mb_news{ overflow:hidden; padding:5px;} .mb_news ul li h6{ font-size:18px; line-height:30px; font-weight:400;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; margin-bottom:10px;} .mb_news ul li p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color:#666; font-size:14px;} .mb_news ul li span { margin-top:10px; display:block; color:#666;} .mb_news ul li span img{ float:right;} .mb_news ul li:nth-child(1){ height:330px; width:33%;} .mb_news ul li:nth-child(1) .xw_box_img img{ width:100%; height:245px;} .mb_news ul li:hover img { -ms-transform: scale(1.10); transform: scale(1.10);} .mb_news ul li:hover { background:#F7FFFF;} .mb_news2 ul{ margin:10px 0; overflow:hidden; padding:5px;} .mb_news2 ul li{ box-sizing:border-box; box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.08); padding:20px; height:140px; margin:15px 10px; line-height:22px;} .mb_news2 ul li h6{ font-size:20px; line-height:30px; font-weight:400;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; margin-bottom:10px;} .mb_news2 ul li p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color:#666; font-size:14px;} .mb_news2 ul li span { margin-top:10px; display:block; color:#666;} .mb_news2 ul li span img{ float:right; margin-top:8px;} .mb_news2 ul li:nth-child(1){ overflow:hidden; height:180px;} .mb_news2 ul li:nth-child(1) .xw_box_img img{ width:25%; margin-right:26px; height:140px; float:left;} .mb_news2 ul li:hover img { -ms-transform: scale(1.10); transform: scale(1.10);} .mb_news2 ul li:hover { background:#F7FFFF;} .mb_cp ul li{ width:20%!important; margin-bottom:30px!important;} .mb_cp ul{ padding:0 30px;} .mb_zp{ overflow:hidden; padding:30px;} .mb_ry{ background:url(../image/mbjj3.jpg) no-repeat top center; overflow:hidden;background-size:100% 100%; padding:20px 10px;} .mb_ry li{ width:20%; float:left; background:#FFF; margin:10px 25px; padding:8px;} .mb_zpfl{ width:720px; float:left;box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.08); } .mb_zpfl ul{ padding:20px; height:200px;} .mb_zpfl ul li{background:url(../image/icon_01.gif) no-repeat left center; padding-left:20px; border-bottom:1px dotted #CCCCCC; font-size:15px; line-height:38px; height:38px;} .mb_zpfl ul li span{float:right;} .mb_zpfl ul li:hover{ background:#E2E9F3 url(../image/icon_01.gif) no-repeat left center; padding-left:20px;} .mb_zpfr{ width:460px; float:right;box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.08); height:590px;} .tab{ margin:20px;} .tab input{ border:1px solid #CCCCCC; padding:10px; margin:10px 5px; width:72%;} .tab textarea{ border:1px solid #CCCCCC; padding:8px 10px; margin:5px; width:72%;} .yzm{cursor:pointer;line-height: 35px;margin-left:10px;cursor:pointer;line-height: 35px;color:#f28c0c;border:1px solid #f28c0c;padding:6px 13px;} .mb_fl_fl{ width:230px; float:left; margin-top:-60px; z-index:3; position:absolute;} /* 本例子css */ .sideMenu{ border:1px solid #ddd; width:100%;} .sideMenu h2{ color:#fff; background:url(../image/mbzp1.png) no-repeat left center;background-size:auto 100%; padding:10px; text-align:center; height:30px; line-height:30px;} .sideMenu h3{ height:36px; line-height:36px; padding-left:10px; border-top:2px solid #fff; background:#e9eff7; cursor:pointer;font:normal 16px/36px "Microsoft YaHei";} .sideMenu h3 em{ float:right; display:block; width:44px; height:36px; background:url(../image/icoAdd.png) 16px 12px no-repeat; cursor:pointer; } .sideMenu h3.on em{ background-position:16px -57px; } .sideMenu ul{ padding:8px 15px; color:#999; display:none; /* 默认都隐藏 */ } .sideMenu ul li{ border:1px solid #e9eff7; border-radius:50px; text-align:center; margin:10px 0; padding:10px; } .sideMenu ul li:hover{ background:#2d95d8; color:#FFF;} .sideMenu ul li:hover a{color:#FFF;} .mb_neirong{ line-height:32px; font-size:15px;} .mb_neirong h3{ line-height:80px;} .mb_neirong img{ text-align:center; text-align:center!important; max-width:96%; margin:0 auto;display: table-cell;} .cxrz{ text-align:center; padding:20px!important;} .cxrz img{width:90%; margin:0 auto;} .mb_fl_fr{ width:1010px; float:right; min-height:600px;} .mb_cp_list li{ width:25%!important; margin-bottom:25px!important;} .mb_cp_list li img{ width:100%!important;} .mb_cp_list{ margin-top:30px;} .mb_cp_list2 li{ width:33%!important; margin-bottom:25px!important; height:236px!important; overflow:hidden;} .mb_cp_list2 li img{ width:96%!important; margin:0 auto;} .mb_cp_list2{ margin-top:30px;} .mb_cp_list2 li:hover img { -ms-transform: scale(1.10); transform: scale(1.10);} .mb_lx{ margin-top:20px; line-height:28px;} .detail_title{height: 45px;background:#fff url(../image/mbt1.jpg) repeat-x top;line-height: 45px;text-align: center;font-size: 16px;color: #333;padding: 0 2%;box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.08); margin-bottom:5px; font-weight:bold;} .detail_title p{float: left;width: 12%;} .detail_title .p1{width: 52%;text-align: left;/* padding-left: 2%; */} .detail_com{float: left;/* padding-left: 2%; */} .detail_lists{ height: auto; overflow: hidden; background: #fff;} .detail_lists li{height: auto;overflow: hidden;padding: 20px;border-bottom: solid 1px #e1e1e1;} .detail_lists li:hover{ background:#EFFCFE;} .detail_lists .detail_buy, .detail_lists .detail_area, .detail_lists .adata, .detail_lists .baojia{width: 12%;float: left;font-size: 14px;color: #666;text-align: center;margin-top: 30px;} .detail_lists .adata p{line-height: 20px; } .detail_lists .adata p span{ color: #ff0000;} .detail_lists .requess{width: 280px;float: left;font-size: 14px;color: #666;line-height: 20px;height: 40px;overflow: hidden;padding-right: 10px;} .detail_lists .more{ width: 78px; float: left; font-size: 14px; color: #1479d7; margin-top: 18px;} .detail_lists .more a{color: #1479d7;} .detail_lists h2{font-size: 22px;color: #1479d7;clear: both;line-height: 30px; margin-bottom: 3px;} .detail_lists h2 span{font-size: 14px;background: #e7e7e7;color: #333;font-weight: normal;width: 50px;height: 20px;border-radius: 5px;padding: 1px 3px;margin-left: 10px;} .detail_lists h2 a{ color: #1479D9; font-weight:400;} .detail_lists .baojia a{ width: 85px; line-height: 35px; margin: 0 auto; display: block; font-size: 14px; color: #fff; text-align: center; height: 35px; background: #f2ac00; border-radius: 5px;} .detail_lists .baojia a.end{background: #999;} .detail_lists .buy_left .atime{ font-size: 14px; color: #999; clear: both;} .detail_lists .buy_left img{float: left;display: block;margin-right: 10px;width: 100px;height: 100px;} .detail_lists .buy_left {width: 52%;float: left;} .detail_lists .buy_com{width: 369px;float: left;} .detail_lists .buy_com1{ width: 480px;} .detail_lists .buy_com1 .requess{width: 390px;} .detail_lists .baojia a{ background-color:#ffa322; background-image:-webkit-gradient(linear, left top, left bottom, from(#ffa322), to(#ff7d3f)); background-image:-webkit-linear-gradient(90deg, #ffa322, #ff7d3f); background-image:-moz-linear-gradient(90deg, #ffa322, #ff7d3f); background-image:-ms-linear-gradient(90deg, #ffa322, #ff7d3f); background-image:-o-linear-gradient(90deg, #ffa322, #ff7d3f); background-image:linear-gradient(90deg, #ffa322, #ff7d3f); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffa322', endColorStr='#ff7d3f');} .detail_lists .baojia a:hover { background-color:#FB1106; background-image:-webkit-gradient(linear, left top, left bottom, from(#ffa322), to(#FB1106)); background-image:-webkit-linear-gradient(90deg, #ffa322, #FB1106); background-image:-moz-linear-gradient(90deg, #ffa322, #FB1106); background-image:-ms-linear-gradient(90deg, #ffa322, #FB1106); background-image:-o-linear-gradient(90deg, #ffa322, #FB1106); background-image:linear-gradient(90deg, #ffa322, #FB1106); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffa322', endColorStr='#FB1106');} .detail_lists .baojia a:hover.end{background: #999;} .banner_bg{background:url(../image/banner_bg.jpg) no-repeat; padding:5px; height:230px; box-sizing:border-box;} .companyTit{margin:35px 50px 10px 70px;} .companyTit .content{width:760px;} .companyTit .content h2{font-size:28px; color:#055595; font-family:"Microsoft YaHei"} .companyTit .content p{font-size:14px; line-height:24px; text-indent:2em; padding:15px 0;} .companyTit .content p.bg{background:#b27f00; padding:5px 0; color:#fff; font-size:14px;} .companyTit .btn{width:300px; padding-left:50px; padding-top:10px;} .companyTit a {display:block; text-align:center;} .companyTit a.caigou{background:url(../image/caig.png) no-repeat right top; height:92px;} .companyTit a.baoming{background:url(../image/btn_gonghuo.gif) no-repeat 50px 20px; height:48px; padding-top:20px;} #box {width:100%;background:rgba(255, 255, 255, 0.8);box-shadow:0 0 10px rgba(73,66,66,.1);margin:5px auto;border:1px solid #E5E5E5;} #box dl {line-height: 50px; border-bottom: 1px dashed #dadada; margin: 0 20px; } #box dt {float: left; color: #8a8a8a; } #box dd {float: left;color: #252525;margin: 0 10px;font-size: 14px;cursor: pointer;} #box dd.active {color: #2a67ef;font-weight: bold;} #box dl.select {background: #efefef;margin: 0; padding: 0 25px;} #box dl.select dd{border:1px dotted #2a67ef;height:25px;line-height: 25px; margin-top:13px; padding:0 2px 0 10px;border-radius:3px;background-color: #fff;} #box dl.select dd span{ width: 20px;height: 20px;display: inline-block;text-align: center;line-height: 20px;background:#2a67ef;color: #fff;margin-left: 10px;cursor: pointer;border-radius: 5px;} #box .item-msg{ width:200px; float:right; text-align:right;} #box .strong{ color:#F60;} #box .chengkai{ max-height:150px!important; line-height:32px; overflow:hidden; padding:8px 0; width:88%;} #box .chengkai2{ max-height:150px!important; line-height:32px; overflow:hidden; padding:8px 0; width:88%;} #box .chengkai3{ max-height:150px!important; line-height:32px; overflow:hidden; padding:8px 0; width:88%;} .slide{ margin: 0; padding: 0; width:90px; position:absolute; right:0; text-align:right;} .btn-slide { text-align:center; height: 30px; padding: 0 10px 0 0; display: block; color:#999; text-decoration: none;} .btn-slide2 { text-align:center; height: 30px; padding: 0 10px 0 0; display: block; color:#999; text-decoration: none;} .btn-slide3 { text-align:center; height: 30px; padding: 0 10px 0 0; display: block; color:#999; text-decoration: none;} .ky1{ font-size:14px; padding-right:15px; color:#333!important;} .dlanxian1{ padding-bottom:10px; border-bottom:3px solid #1CA1E5; font-size:14px; overflow:hidden;} .dlanxian1 span{ line-height:30px; font-size:14px;} .tu .hot{ width:20px!important; height:12px!important; } .cg_xjd_tit{ font-size:16px; color:#FFF; padding:20px; text-align:center; background:url(../image/sjd1.jpg) no-repeat center; background-size:100% 100%;} .cg_xjd_tit h2{ font-size:30px; color:#FFF; display:inline; padding-left:55px; margin:0 15px;background:url(../image/sjd2.png) no-repeat left center;} .form_left ul{ width:80%; margin:0 auto;} .form_left li {color: #333;/* width: 310px; */margin-bottom: 15px;line-height: 43px;clear: both;height: auto;overflow: hidden;} .form_left ul li .lab{width: 135px;text-align: right;display: inline-block;float: left;font-size: 16px;line-height: 43px;margin-right: 8px;} .form_left ul li .input2{width:188px;font-size: 16px;border-radius: 5px;outline: none;border: solid 1px #bcbcbc;display: block;padding: 0 10px;height: 43px;float: left;box-sizing: border-box;} .form_left ul li .input, .form_left ul li .select{width: 378px;font-size: 16px;border-radius: 5px;outline: none;border: solid 1px #bcbcbc;display: block;padding: 0 10px;height: 43px;float: left;box-sizing: border-box;} .form_left ul li .select{width: 184px; margin-right: 10px;} .form_left ul li select{width:119px;font-size: 16px;margin-right: 10px; border-radius: 5px;outline: none;border: solid 1px #bcbcbc;display: block;padding: 0 10px;height: 43px;float: left;box-sizing: border-box;} .form_left ul li textarea{width: 358px;font-size: 14px; color: #bebebe; line-height: 20.01px; border-radius: 5px;outline: none;border: solid 1px #bcbcbc;display: block;padding: 5px 10px;height: 153px;float: left;} .form_left .button{width: 200px;color: #fff;font-size: 18px;outline-style: none;border: 0;background: #1479d7;height: 50px;border-radius: 5px;display: block;margin: 19px 0 0 85px;} .form_left h2{ font-size: 22px; margin: 30px 0 20px 0; padding-left: 20px; font-weight: bold; color: #333; background: url(../image/line1.jpg) no-repeat center left;} .form_left .checkbox{width: 18px;height: 18px;border: solid 1px #bcbcbc;margin: 14px 7px 0 20px; float: left;} .form_left em{font-size: 14px !important;color: #666;font-style: normal;line-height: 43px;} .form_left .tpbox{ width: 125px; border: none !important; float: left; position: relative; background: url(../image/jia.jpg) no-repeat center top;} .form_left .xianshi{ position: absolute;left:0px; top:0px; width: 125px; height: 125px;} .form_left .tpinput{height:125px; opacity:0;filter:alpha(opacity=0); width: 125px;background:url(../image/jia.jpg) no-repeat top center; border:none; cursor:pointer;overflow:hidden; display:inline; position: absolute; top: 0; left: 0px;} .form_left .xianshi img{ width: 125px; height: 125px;} #ImagePath_delete{position: absolute; top: -10px;right: -10px;} .uploadify-button{width: 100px; height: 30px; line-height: 30px;background: #ff7300;position: absolute;right: -115px; text-align: center; top: 50px;color: #fff;border-radius: 5px;} .form_left .notice{ font-size: 14px; color: #999; clear: both; margin-left: 143px;} .form_left label{display: inline-block;line-height: 43px;font-size: 16px;color: #999;margin-right: 30px;} .form_left .radio{width: 18px;height: 18px;display: inline-block;float: left;line-height: 43px;margin-top: 13px;margin-right: 12px;} .form_left .radio1{width: 18px;height: 18px;display: inline-block;float: left;line-height: 43px;margin-right: 12px;margin-top: 13px;} .form_left label p{ color: #ff0000; display: inline-block;} .form_left h2 span{ font-size: 14px; color: #ff0000; font-weight: normal;} .form_left ul li .select1{width: 118px;margin-right: 12px; font-size: 16px;border-radius: 5px;outline: none;border: solid 1px #bcbcbc;display: block;padding: 0 10px;height: 43px;float: left;box-sizing: border-box;} #captcha_div{ width: 378px; float: left; margin-bottom: 18px;} .form_left .agree{ display: inline-block; float: left; font-size: 14px;} .form_left .agree span{ color: #1479d7;} .form_left input.submit{/* clear:both; *//* margin:10px auto; */border: none;outline: none;display:block;width: 220px;height: 50px;line-height: 50px;background: #1479d7;color:#ffff;font-size: 16px;cursor:pointer;border-radius: 10px;} .upload-fh { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAD1klEQVRoQ+XbTYhWVRgH8P8fwZUguFKi2pShbvqg2lhhG0PJlc40zQg62WhDg+jklIo1wViUNgwVTGSWWMngyvCjVdLHLrHaJaOBIIK2DHL7lweegcvL48D7vveee7xztu+d972/Ofec8zznPJe4T5qkRQC2AVgP4A8AMySvt3v7bPcP6rhe0lIAJwFsKvz+CZLb272f7MGSHnDsiy24WZKPNQosyUDWs88EsEGS3zQGLOkpx64OUG+T/LhdrF2f5SMt6QXHPhSghklOd4LNEixpo2OXBaitJL/rFJsdWFKvYxe3oO4A6Cd5phtsVmBJrwH4KgD9C+BVkj91i80GLGk3gKkA9I9jfy8DmwVY0kEAEwHoL8f+XRa2drCkDwG8E4B+A9BH8maZ2FrBkj4D8GYA+hHAKyT/KxtbG1iSRUiWCLS2045VFdjkYEm23HwPYHMAOk5yR1XQue9NFmlJskDCsC8FqCmSe6rGJuthSRYiGnZtgJogeSgFNglYkgX/hn08QI2RPJIKWzlYkqV1hn0kQL1B8ouU2ErBkixhN+zyADVA0j5L3iqZtCTZVoyBlrSILAmwNfZscqn/YOlgSf0AohTOkoBekj/XhS39kZa0E0A0Li0JMOzlOrGlgiWNAjgagCwJ6CF5tW5saWBJ7wEYD0CWBBj2Vg7YUsCSbB19KwBdcOz/uWC7BkuyzbRdAchOBfpygs7dS8eztKRvAQwEqGMkh3LEdtzDkj4CMBagJkna5JVt66iHJUX56jjJ97OVdhN4SLJtGdueaW3N7GFTLqgxPNetC2qWLqDtUGtf8Hif93CyOetwAf0ugGjC+tXRzYm0Cui9AD4JevpPRzcnli6gXwfwZYC+5mGm4WttHa3D892xJAspTwXX3Pae/qVOcelgX7JednS042F58bm60JWAHb3Ot3lWBDg7N5qpA10Z2NFPO/rRADdE8lhqdKVgR69y9BMBbpTkZEp05WBHP+jo5wJc0qQjCdjRdrZkOfSGAJ0s6UgGdrSdHhq6J0An2ThICi4EKMcBDAZom7mtgKUZ58NFoCQrYrFiltZmSYehm1MBUOjpwwAOBGhLOgzdnBqPAno/gA8CtMXdhr5S5rJVyxhuBUgaAfBpALOkw9CXykJnAfYZ3Iq9vw5glnQY+mIZ6GzAjt7iJ49RraWhf+gWnRXY0RaY2Frd/GrawkT2vFfVPhz0aLPqpQvoJx29JkA3qyK+gF7p6GcD9AjJz9sd09mN4WDJutdbLTdIRq8IzPs/yB7sE9nCeW+p8Hjbm2nDAKwcahbAdGPfTGt3nM53/V00ckNMKWY8LAAAAABJRU5ErkJggg==');background-repeat: no-repeat;background-size: 100% 100%; height: 30px; width: 30px;} .upload-file {position: relative; background: url('../images/z_add.png') no-repeat 50%/100% 100%;height:120px;order:9;} .upload-piclist { padding: 0 10px;box-sizing: border-box; display: grid; grid-template-columns: repeat(3, 120px);justify-content: space-between; grid-gap:14px;} #file {width: 100%;height: 100%;opacity: 0; } .upload-Picitem { width: 100%;height: 120px; } .upload-Picitem>img { width: 100%; height: 100%; object-fit: cover; } .submit{padding:0;background-color:#287cff;color:#fff;text-align:center; margin:10px;font-size:20px;border-radius:10px; } .upload-sm {padding: 10px; box-sizing: border-box; color: gray;} .upload-sm ol>li { margin-bottom: 10px; } .form_right {border-radius:5px; width:100%; min-height: 393px;} .form_right h2{ height:46px;text-align: center; font-size: 20px; font-weight: bold; line-height:46px; color: #fff;background:url(../image/fbr.png) no-repeat;background-size:100% 100%; margin:10px 0;} .form_right h3{ font-size: 18px; color: #333; font-weight: bold; padding-top:5px;} .form_right p{ font-size: 14px; color: #666; line-height:30px; } .form_right p a{ color: #1479d7;} .form_right .form_box{ border:1px solid #E4E4E4; margin-top:15px; padding:15px 20px;} .form_right .border{ border-bottom:solid 1px #E4E4E4;border-left:solid 1px #E4E4E4; height:2px; border-right:solid 1px #E4E4E4; width:100%;} .form_right h4{font-size: 16px;font-weight: bold;text-align: center;line-height: 55px;} .form_right h4 span{ color: #1479d7;} .form_right .ewm{display: block;float: left;margin: 20px 10px 20px 20px;} .form_right .mgtop37{ margin-top: 37px;} .zhanhui_hd{height:346px;} .zhanhui_hd ul li { width:100%; float: left;font-size:15px;line-height: 34px;overflow: hidden; position: relative; box-sizing: border-box; background:url(../image/jt2.png) no-repeat left top; padding-left:20px;} .zhanhui_hd ul li span{ color: #fff; padding:2px 5px;border-radius:5px; margin-right:10px;} .zhanhui_hd ul li a:hover { color: #0195df;} .zhanhui_hd ul li i {position: absolute; left: 0px; top: 50%; font-size: 12px;color: #bababa; -webkit-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg);} .login-bot ul li:hover i { color: #0195df; -webkit-animation: slide-in-left 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite; animation: slide-in-left 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite;} .zhanhui_list { overflow: hidden; margin:20px -12px 0 -12px;} .zhanhui_list ul li {width: 23%; background:#FFF; float: left; padding:8px; height:300px; margin:0 1%;box-sizing: border-box; } .zhanhui_list ul li .item-img { height: 170px; position: relative; overflow: hidden;} .zhanhui_list ul li .item-img:hover img{-ms-transform: scale(1.10); transform: scale(1.10);} .zhanhui_list ul li .item-img img{ height: 170px; width:100%;} .zhanhui_list ul li b{display:block;font-size:16px;height:22px;line-height:22px;overflow:hidden;margin-top:10px;font-weight: normal;} .zhanhui_list ul li b a {color: #000;} .zhanhui_list ul li b a:hover { color: #0195df;} .zhanhui_list ul li p {height:24px;line-height:24px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#666;} .zhanhui_list ul li .pd{ padding:0 10px 15px 15px;} .zhanhui_list ul li h3{display:block;font-size:16px; text-align:center;line-height:26px;overflow:hidden;margin-top:10px;} .io1{ margin-top:5px; margin-right:10px; width:15px; height:15px; vertical-align:bottom;float:left; background:url(../image/time2.png) no-repeat left top;} .io2{ margin-top:5px; margin-right:10px; width:15px; height:15px; vertical-align:bottom;float:left; background:url(../image/time3.png) no-repeat left top;} .io3{ margin-top:15px; margin-right:10px; width:4px; height:15px; vertical-align:bottom;float:left; background:#0195DF;border-radius:20px;} .top_img2 { height:185px; position: relative; overflow: hidden;} .top_img2 p { height: 48px; line-height: 48px; position: absolute; bottom: 0; width: 100%;background: rgba(0,0,0,0.4); text-align: center; overflow: hidden; font-size: 15px;} .top_img2 p a { color: #fff;} .top_img2 img { width: 100%; height: 100%; -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;} .top_img2:hover img { -ms-transform: scale(1.10); transform: scale(1.10);} /*人才*/ .rcbj{background:#f7f7f7 url(../image/rc1.jpg) repeat-x top;} .rc_fl{ width:245px; float:left; margin-right:30px;} .rc_fr{ width:730px; float:left;} .rc_fr2{ width:1120px; float:right;} .rc_hy{ background:#FCF0D6; line-height:32px;} .rc_hy .bt{background:url(../image/rc2.jpg) repeat-x bottom; line-height:35px; color:#F60; border-bottom:1px solid #EBDAA4; padding:0 15px;} .rc_hy .bd{margin-top:10px; padding:5px 0;} .text_input{ margin-top:5px; width: 105px; heihgt:20px; line-height:20px; border: 1px solid #c8c8c8; float:right; margin-right:10px;} .rc_hy tr{ padding:5px 0;} .lg_inp{ padding-left:8px;} .x_xian{ min-height:500px;} .x_xian li{ width:44%!important; float:left!important; border-bottom:1px dotted #CCC!important; line-height:40px!important; height:40px!important; } .x_xian li:nth-child(even){ margin-left:5%!important;} .x_xian2{ min-height:500px;} .x_xian2 li{ border-bottom:1px dotted #CCC!important; line-height:40px!important; height:40px!important; } .rc_list{ overflow:hidden;} .rc_list li{ background:url(../image/d1.gif) no-repeat center left; padding-left:20px; font-size:15px; line-height:32px; height:32px;} .rc_list li i{font-style: normal; color:#0E68DB; width:170px; display:block; float:left;} .rc_list li span{ float:right; color:#999;} .rc_list li i span{float:right; color:#999; padding-right:5%;} .rc_list li a b{float:left; color:#999; padding:0 5%;} .rc_search {position: relative; zoom: 1; margin:30px;z-index: 1000;} .rc_search_con{top:0; left:50%;z-index: 1;width:800px; background: #fff; border-radius: 10px; border: 2px solid #00bebd; margin-left:-400px;position: relative; zoom: 1; z-index: 1000;overflow:hidden;} .ipt-wrap { border-radius: 10px; width:560px; float:left; height: 46px; border: none;position: relative;background: #fff; overflow:hidden;} .ipt-wrap input{ border-radius: 10px; width:90%; float:left; height: 46px; border: none;position: relative;background: #fff; overflow:hidden; padding:0 5%;} .ipt-search {font-size: 16px;} .btn_search { width: 128px; background: #00bebd; border-radius: 0 6px 6px 0; font-size: 20px;height: 50px; line-height: 50px; float: right;text-align: center; color: #fff; border: 0; cursor: pointer;} .position-sel { border-radius: 10px; border: 0; width:90px; float:left;} .position-sel select{border: 0;border-radius: 10px; margin:5px; padding-top:10px;width: 100%; line-height:28px; font-size:16px;} .rc_bt{ background:#609ef3/*#00bebd*/; text-align:center; color:#FFF; line-height:32px; padding:10px 5px 5px 5px;} .module_tit{ background:url(../image/rcbt1.png) no-repeat left; padding-left:30px; height:35px; line-height:26px; color:#FFF; margin-top:20px; font-size:16px;} .basic_info_box{ margin-left:40px; padding:5px; overflow:hidden; line-height:30px;} .basic_info_list li{ width:47%; float:left; line-height:30px;} .selexl{ height:38px; line-height:38px; padding-left:10px; border-bottom-left-radius:20px;border-top-left-radius:20px; border:0; border-right:1px solid #09F; float:left; outline:none;} .list ul li:nth-child(even){ /*偶数行样式*/} .list ul li:nth-child(odd){ /*奇数行式*/} .list ul li:nth-child(1){ /*第一*/} .list ul li:nth-child(2){ /*第二*/}