.swiper-container { width: 100%; margin-left: auto; margin-right: auto; } .swiper-slide { background-size: cover; background-position: center; } .gallery-top { width: 100%; } .gallery-thumbs { height: 100px; box-sizing: border-box; border:1px solid rgb(221, 221, 221); padding:10px 5px; margin-top:20px } .gallery-thumbs .swiper-slide { width: 25%; height: 100%; opacity: 0.4; } .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; } /** * Swiper 5.4.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2020 Vladimir Kharlampidi * * Released under the MIT License * * Released on: May 20, 2020 */ @font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} .container-pczt{float:left;width:505px; height:505px;} /*产品参数*/ .container-pr{float:right;width:337px; padding-left:20px; height:380px;} .container-przt{float:right;width:337px; padding-left:20px; height:380px;} .container-pr-data{} /* .container-pr-data p{ font-size:14px; line-height:34px; padding-bottom:10px; color:#333; height: 135px;overflow: hidden; } */ .product-title{font-size: 16px;line-height: 26px; margin:10px 0px 10px 0px;color:#145ca1; font-weight:normal; padding-bottom:10px;background: url(/images/title_line.jpg) left bottom no-repeat;}/*标题*/ .product-title a{ display:inline-block;color:#145ca1;} .product-title a:nth-child(1){color: #004b92; font-size: 22px; font-weight: Bold;} .product-title .came{ width:100%; display:none;} .othertit{font-size:14px; color:#f00; display:none} .lianxifangshi {height:40px; margin-top:5px; font-size:14px; } .lianxifangshizt{ margin-top:20px;} .lianxifangshi a,.lianxifangshizt a{ text-align:center; width:100px;line-height:30px; display:inline-block;font-weight:bold;color:#FFF; background-color:#286090;margin:0px auto;cursor:pointer} .lianxifangshi a:hover{background-color:#0067b6; color:#FFF;} .lianxifangshi a:nth-child(1){background-color:#f68100;color:#000; margin-right:30px} .xiazaifangshi {height:40px; margin-top:5px; font-size:14px; } .xiazaifangshi li{width:50%;float: left;margin:5px 0px;} .xiazaifangshi a{ text-align:center; width:120px;line-height:30px;border:#0067b6 1px solid; color:#0067b6; margin:0px auto;cursor:pointer} .xiazaifangshi a:hover{background-color:#0067b6; color:#FFF;} .menu {background-color:#008bd3;border-bottom:1px solid #d7d7d7; height:40px;width:100%;} .product-dcp{ height:410px; } .fxdcp{ padding-top:50px!important} .fengxiang{height:40px;padding-top: 105px; overflow: hidden; } .ny_pro_a{width:100px; height: auto; overflow: hidden; float: right;text-align: center; } .ny_pro_zxbj a{width:49%; text-align:center; height: 60px; display: block; overflow: hidden; line-height: 60px; font-size: 18px; color:#000;float: left; font-weight:bold; } .ny_pro_zxbj a:nth-child(1){ margin-right:2%;background-color:#f68100;color:#000;} /*.ny_pro_dh a:hover { background: #313131;}*/ .ny_pro_zxbj a i{font-size: 28px; margin-right: 10px; float: left; margin-left:38px;background: url(../imgs/chat.png) no-repeat left center; height:60px; width:28px;} .ny_pro_zxbj{width:100%; height:60px;} .ny_pro_zxbj i{ color: #000000; font-size: 50px; float: left; line-height: 70px;} .ny_pro_ddh{float: left;} .ny_pro_ddh p{ font-size: 14px; float:left; line-height:35px; font-size:1.5em} .ny_pro_ddh span{ font-size: 24px; color: #3598db; font-family: "Impact"; float:left;line-height: 38px;} .ny_pro_24{width:100%; height: 30px; line-height: 30px; overflow: hidden} .ny_pro_24 p{font-size: 14px; color: #313131; background: url(../images/dh.png) no-repeat left center; float: left; padding-left: 20px; margin-right: 30px;} .ny_pro_dh .calltel img{height:30px; margin-right:5px; float:left;} .marzx{ margin-top:10px} .xiazaitishi{padding-top: 10px;margin: 0px auto; width: 100%; overflow: hidden; font-size: 14px; } .public-hr1{ border:0px; background-color:#DDD; height:1px; margin:20px 0 15px 0;} .product-content li{ display:list-item; margin-left:55px; list-style:none;} .product-content .ycpj-top li{ margin-left:0px;} {}@media (max-width:768px) { .product-content li{ margin-left:15px;} } .product-vido{max-width:908px; position:relative; height:0px;padding-bottom:56.2%; overflow:hidden; } .product-vido iframe{position: absolute; top:0; left: 0; width: 100%; height: 100%;} /*热门产品*/ .product-hot ul{font-size:12px; margin-top:15px;} .product-hot ul li{ padding-bottom:15px; float:left; margin-right:15px; width:226px;} .product-hot ul li:last-child{margin-right:0px;} .product-hot ul li:nth-child(5){margin-right:0px;} .product-hot ul li img{width:100%; border:#DDD 1px solid;} .product-hot ul li img:hover{border:#999 1px solid;} .product-hot ul li p{line-height:22px; } .product-hot ul a{ text-align:center;} .product-hot ul a:hover{color:#0c548c;} /*换页*/ .fengye{width:100%;margin-top:25px;color:#333;border-top:1px #DDD solid;padding-top:10px; font-size:14px;} .fengye a{color:#333;display:inline-block;} .shangyige{ float:left;width:49%;display:inline-block;} .xiayige{ float:right;width:49%;display:inline-block; text-align:right;} .fengye2{width:910px; margin:0px auto; text-align:center;color:#333;border-top:1px #DDD solid;padding:10px 0px; font-size:14px;} .fengye2 ul{ display:inline-block;} .fengye2 li{ float:left;} .fengye2 a{color:#333;display:inline-block;padding: 3px;} .fengye2 a:hover{color:#000;} /*产品轮播*/ .jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn{position: absolute; cursor: pointer; display: block; background: url(/image/images/a17.png) no-repeat; overflow:hidden;} .jssora05l { background-position: -10px -40px; } .jssora05r { background-position: -70px -40px; } .jssora05l:hover { background-position: -130px -40px; } .jssora05r:hover { background-position: -190px -40px; } .jssora05ldn { background-position: -250px -40px; } .jssora05rdn { background-position: -310px -40px; } /*轮播小图*/ .jssort01 .w {position: absolute;top: 10px;left: 0px;width: 100%;height: 100%;} .jssort01 .c {position: absolute;top: 10px;left: 0px;width: 78px;height: 68px;border:#666 1px solid;} .jssort01 .p:hover .c, .jssort01 .pav:hover .c, .jssort01 .pav .c {background: url(../img/t01.png) center center;border-width: 0px;top: 2px;left: 2px;width: 78px;height: 68px;} .jssort01 .p:hover .c, .jssort01 .pav:hover .c {top: 0px;left: 0px; width: 78px;height: 68px;border: #666 1px solid;} #imgbox-loading {position: absolute;top: 0;left: 0; cursor: pointer;display: none;z-index: 90;} #imgbox-loading div {background: #FFF;width: 100%;height : 100%;} #imgbox-overlay {position: absolute;top: 0; left: 0;width: 100%;height: 100%;background: #000;display: none;z-index: 80;} .imgbox-wrap {position: absolute;top: 0;left: 0;background: #FFF;display: none; z-index: 90;} .imgbox-img {padding: 0;margin: 0;border:#DDD 12px solid;width: 100%; height: 100%;vertical-align: top;} .imgbox-title { padding-top: 10px;font-size: 11px;text-align: center;font-family: Arial;color: #333;display: none;} .imgbox-bg-wrap {position: absolute;padding: 0;margin: 0;display: none;} .imgbox-bg {position: absolute;width: 20px; height: 20px;} /*内容页放大镜效果*/ .content_xinghao{ display:block;width:1200px; margin:0px auto; font-size:16px;} .container,.content_neirong,.content_chanpinshipin,.content_fanction,.content_tupian,.content_image,.content_showbox{width:1200px;margin:0px auto;font-size:16px} .content_showbox{ margin-top:30px; bottom:20px;} .content_showbox_left{width:400px;height:480px; float:left; padding:0px 15px 0px 15px; border-left:#EFEFEF 1px solid;} #showbox { background:#FFF;padding: 0;margin: 0;} #showbox span { background:url(../images/whitebg.png) repeat;padding: 0;margin: 0;} #showsum { left:25px; margin-top:10px;padding: 0;margin: 0;} #showsum span { border:1px solid #ddd;padding: 0;margin: 0;} #showsum span.sel { border:1px solid #f60;padding: 0;margin: 0;} .showpage { width:400px; position:relative;padding: 0;margin: 0; display:inline-block;} .showpage a {padding: 0;margin: 0; display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;} .showpage a#shownext { left:auto; right:0;padding: 0;margin: 0;} .showpage a:hover { background:#ccc; color:#777;padding: 0;margin: 0;} .content_showbox_center{width:450px; height:480px;float:left; padding:0px 15px 0px 15px;font-size:14px;color:#333;border-left: 1px solid #EFEFEF; } .content_showbox_center h2{font-size:16px; margin:0px 5px 5px 0px; } .content_showbox_center p{ margin-bottom:5px;} .content_showbox_center ul{height:300px;} .content_showbox_center ul li{padding-bottom:10px;} .content_showbox_right{ width:266px; height:height:480px;px; float:right;padding-left:10px;padding-right:10px;border-left: 1px solid #EFEFEF;border-right: 1px solid #EFEFEF;} .row{ width:1228px; margin:0px auto;} .xx-bt{ font-size:18px; font-weight:bold; color:#0099ff;} .shipin_chanpin{display:block; width:540px; height:380px; padding-bottom:65px; margin:0px auto;} .shipin_chanpin iframe{ display:block; width:540px; height:380px; } .title{color:#0099ff; text-align:center; display:none;} .content_tupian ul li, .content_image ul li{text-align:center;} .content_tupian ul li img{width:60%;} .content_image ul li img{width:80%;} #gywomen{ background-color:#1487e6;} .qita{width:1200px; height:100px; font-size:16px;color:#222;} .qita a{font-size:16px; color:#555;} /*footernew*/ .liveStream_main_tab{ display:block;} footer {text-align: center;background-color:#DEDEDE;color: #fff;padding:0 0 20px 0;margin-top: 38px;font-size: 12px; min-width:1228px;} footer a, footer p{ display:inline-block; color:#333;} .ali-main-time{background-color: #1487e6; width:100%} .ali-main-time-content {height: 120px; width:1228px; margin:0px auto;} .ali-main-time-content > li {width: 25%;float: left;text-align: left;} .ali-main-time-content > li a {position: relative;padding-left:80px;height: 120px;line-height: 120px;display: inline-block;color: #666666;} .ali-main-time-content > li a img {position: absolute;left: 0;width: 70px;top: 24px;} .ali-main-time-what {line-height: 120px;color: #FFF;;font-size: 16px;-webkit-transition: color 0.3s;-moz-transition: color 0.3s; -o-transition: color 0.3s;transition: color 0.3s;} .ali-main-time-what:hover { font-weight:600!important;} .foot-information{width:1228px;margin: 0px auto; font-size:14px; padding-bottom:30px; padding-top:30px; text-align:left;overflow:hidden} .footer-contact{ float:left; width:338px;padding-left:80px; position:relative;} .footer-contact img{position: absolute;left: 0;width: 60px;} .footer-contact h2{ margin:0px;font-size:28px; color:#333;} .kefu_li_ul{margin-top: 20px;} .li_kefu{ width:100%; float:left;line-height:32px;} .li_kefu a{ font-size:14px;} .li_kefu a:hover{color: #0067b6!important;} .footernew{width:860px; float:right;border-left:#FFF 1px solid; padding-left:100px;} .footernew_ul{ width:25%; float:left;} .footernew_li{ padding-bottom:25px;font-weight:700;} .footernew_li2{ line-height:28px;} .footernew_li2 img{width:100px;} .footernew_li2 a{color:#666; } .footernew_li2 a:hover{color: #0067b6!important;} .hot-product{margin:0px auto;padding:30px 0 20px 0;width:1228px;overflow:hidden;border-top:#CCC 1px solid;border-bottom:#CCC 1px solid;} .hot-product ul li { float:left; width:94px;text-align: left;} .hot-product a:hover{color: #0067b6!important;} footer .search{width:1228px; margin:0px auto;padding:30px 0 20px 0; overflow:hidden;} footer .search p{float:left; font-size:16px;} footer .search p a{font-size:12px; padding-right:20px;} footer .search p a:hover{color: #0067b6!important;} .friend {margin-top:20px;margin:0px auto;} .friend a{ font-size:14px; padding-right:10px;float:left; color:#666;} .friend a:hover{ color: #0067b6!important;} .copyright{padding-top:30px;} /**/ .goog-logo-link, .goog-logo-link:link, .goog-logo-link:visited, .goog-logo-link:hover, .goog-logo-link:active { font-size: 12px; font-weight: bold; color: #444; text-decoration: none; display: inline; } .mBan { display:none;} .checkbox{width:100%;height:100px; margin:100px auto; text-align:center} .checkbox a{ display:inline-block;width:100px; height:40px; border:solid 1px #f00; color:#f00; text-align:center; line-height:40px; text-decoration:none} /*文本内容页内容容器*/ .container-content{ font-size:14px;} /*新闻页*/ .content_xinwen{width:1228px;margin:0px auto; margin-top:20px;} .daohang_xinwen{width:150px; float:left;} .daohang_xinwen ul{border:#dfdfdf solid 1px; } .daohang_xinwen ul li a{text-align:center;font-size:14px;width:150px; display:block;} .daohang_xinwen .daohang_xinwen_title{font-weight:bold; height:42px; line-height:42px;text-align:center;font-size:16px;border:0px;} .daohang_xinwen ul li{border-top: 1px dashed #e6e9ed; height:32px; line-height:32px; } .daohang_xinwen ul li a:hover{border-left:#F30 solid 4px;} .content_right{ float:right;width:1070px;border:#dfdfdf solid 1px;padding-bottom:20px; min-height:479px;} .xinwen_list_frist{width:1070px;border-bottom:#CCC solid 1px;line-height:40px;height:40px;color:#333;font-size:14px;font-weight:bold;background:#f5f7fa} .xinwen_title{ width:570px;text-align:center;display:block; float:left;} .xinwentu_span{ height:38px;} .xinwen_list span{ float:left;text-align:center;} .xinwen_time,.xinwen_zuozhe{ width:244px;text-align:center; display:block;} .xinwen_list_li{ line-height:40px; height:40px; border-bottom:#CCC solid 1px; color:#333; font-size:14px;} .xinwen_list_li a{ color:#333; font-size:14px;} .xinwen_list_li>.xinwen_time{width:254px;} .xinwen_list_li>.xinwen_title{text-align:left;} .xinwen_list_last{width:1078px;text-align:center;line-height:38px;height:38px;} .xinwentu{width:42px;height:36px;margin:2px 10px 0px 70px;} .xinwen_list_last a{display:inline-block} .xinwen_list_last span{float:none;} .info {line-height:40px; width:1228px;margin:0px auto;} .info a{display:inline-block;} .wenzhang_title{ text-align:center;font-size:18px;color:#333; font-weight:bold; line-height:40px;} .wenzhang{font-size:16px;width:80%; margin:0px auto;line-height:30px;} /**企业资质相关信息内容页**/ .container-zizhi{width:1228px;margin-top:20px;margin-right: auto;margin-left: auto; } .zizhi-left-caidan{width:150px; float:left;} .about_zhizhi_left{border: 1px solid #dfdfdf;float: left;width: 150px;background-color: #FFF;} .hd h3{float: left;width: 150px;background-color: #FFF;} .about_title_h3{margin: 0; font-size:16px;;list-style: none;height: 42px;line-height: 42px;padding: 0px;color: #010101;text-align: center;} .bd-ul {clear: left;} .bd-ul li{height: 30px;padding: 0px;line-height: 42px;border-top: 1px dashed #e6e9ed;text-align: center;} .bd-ul li a{display: block;line-height: 30px;color: #222;font-size:14px;} .bd-ul li a:hover{border-left:#F30 solid 4px;} .container-zizhi-right{width: 1076px;float: left;} .about-content-box{ border: 1px solid #dfdfdf;margin-left: 18px;color: #333;width: 1056px;} .about-content{ padding: 20px;position: relative;border-top: 1px solid #e6e9ed;background: #fff;overflow: hidden;} .about-content-title{text-align:center; font-size:18px; font-weight:bold;} /**招聘信息**/ /*招聘类表页*/ .zhaopin_list_frist{width:100%;border-bottom:#CCC solid 1px;line-height:40px;height:40px;color:#333;font-size:14px;font-weight:bold;background:#f5f7fa} .zhaopin_title{ width:570px;text-align:center;display:block; float:left;} .zhaopin_span{ height:38px;} .zhaopin_list span{ float:left;text-align:center;width:50%;} .zhappin_zuozhe{ width:244px;text-align:center; display:block;} .zhaopin_list{ min-height:435px; border-top:#CCC solid 1px;} .zhaopin_list_li{ line-height:40px; height:40px; border-bottom:#CCC solid 1px; color:#333; font-size:14px;} .zhaopin_list_li a{ color:#333; font-size:14px;} .zhaopin_list_last{width:100%;text-align:center;line-height:38px;height:38px;} .zhaopintu{width:42px;height:36px;margin:2px 10px 0px 70px;} .zhaopin_list_last a{display:inline-block} .zhaopin_list_last span{float:none;} .zhiwei_biaoti{ font-size:16px; font-weight:bold;} .zhaopin_xinxi{ width:100%;} /*返回顶部*/ div.go-top { display: none; opacity: 0.6; z-index: 999999; position: fixed; bottom: 113px; left: 90%; border: 1px solid #a38a54; width: 38px; height: 38px; background-color: #eddec2; border-radius: 3px; cursor: pointer; } div.go-top:hover {opacity: 1;filter: alpha(opacity=100);} div.go-top div.arrow {position:absolute;left:10px;top:-1px;width:0;height:0;border:9px solid transparent;border-bottom-color:#cc3333;} div.go-top div.stick { position: absolute; left: 15px; top: 15px; width: 8px; height: 14px; display: block; background-color: #cc3333; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } @media (max-width:768px){ /*.header{width:100%; height:80px; margin-top:50px;} .header_top{width:100%;margin:0px auto; height:80px;} .qzone{display:none;} .logo{ display:none;} .logo1{display:block;width:90px;height:70px;margin:0px auto;background:url(/image/images/m_logo.png) no-repeat;background-size:contain; margin-top:10px;} .top_r{ float:none; font-size:14px; margin-top:0px;display:none;} .top_nav{width:100%; height:20px;} .top_nav ul{ float:none;width:150px;} .top_nav ul li{ float:left;}*/ .header{width:100%; height:80px;} .header_top{width:100%;margin:0px auto; height:80px;margin-top:30px;} .cd-logo{ display:block;} .qzone{display:none;} .logo{ display:none;} .logo1{display:block;width:100px;height:70px;margin:0px auto;background:url(/image/images/m_logo.png) no-repeat;background-size:contain; margin-top:10px;} .top_r{ float:none; font-size:14px; margin-top:0px;} .search{ display:none;} .top_menu_left{ display:none;} .top_menu_right{ padding-top:0px;display:none;} .top_menu { float: right; padding: 19px 0px 0px 14px; font-size: 12px; color: #9C9C9C; width: 205px; position: relative; top: -70px; right: 10px; margin-right:5px; } .top_nav{width:100%; height:20px;} .top_nav ul{ float:none;width:150px;} .top_nav ul li{ float:left;} .search{display:none;} .slider{width:100%;} .daohang_top{ height:36px;display: none;} .lanmu_div{display:none} .lanmu{display:none} .lanmu_640{width:100%;height:36px; line-height:36px; margin:0px auto; font-size:12px;display:block;} .lanmu_640 a{color:#FFF;} .lanmu_640 a:hover{display:block;width:100%;height:36px;background-color:#0a6ec8;} .lanmu_640 li{float:left;width:25%;height:36px;text-align:center;line-height:36px;} .center{display:none} #slider1_container{display:block;} .xinwen{ width:100%;height:800px;margin:0px auto;margin-top:5px;border:#8EC2F5 solid 1px;border-top:0px;} .xinwen_title{width:100%;height:36px;} .xinwenkuai1{width:100%;height:220px;background-color:#FFF;float:left;} .xinwenkuai2{width:100%;height:220px;background-color:#FFF;margin-left:0px;float:left;margin-top:36px;} .xinwenkuai3{width:100%;height:220px;background-color:#FFF;margin-left:0px;float:left;margin-top:36px;} .xinwen p{background-color:#1487e6;color:#FFF;font-size:12px;height:36px;line-height:36px;margin-left:0px;} .gengduo{ float:right; margin-right:5px;} .xinwen_ul1{width:100%;height:220px;padding-top:3px;} .xinwen_ul2{width:100%;height:220px;padding-top:3px; } .xinwen_ul3{width:100%;height:220px;padding-top:3px;} .xinwen_ul_li{width:100%; height:36px;font-size:12px;float:left;line-height:36px;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .xinwen_ul_li:hover{background:#F90;} footer{background: #3e454c;min-width:100%;} .ali-main-time{ display:none;} .foot-information{ display:none;} .hot-product{display:none;} .friend{display:none;} .copyright{padding-top:20px 0 10px 0;} .content_xinwen{width:90%;margin:0px auto;margin-top:20px;} .daohang_xinwen{display:none;} .content_right{float:right;width:100%;border:#CCC solid 1px;} .xinwen_list_frist{width:100%;border-bottom:#CCC solid 1px;line-height:40px;height:40px;color:#333;font-size:14px;font-weight:bold;} .xinwen_list_frist>.xinwen_title{ width:100%;text-align:center;display:block; float:left;} .zhanwei_span,.xinwen_time,.xinwen_zuozhe{display:none;} .xinwen_list_li a{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .xinwen_list_li{line-height:34px; height:34px; border-bottom:#CCC solid 1px;font-size:12px;} .xinwen_list_li>.xinwen_title{ display:block; height:34px;} .xinwentu{display:block; width:38px; height:30px; margin-top:2px;margin-left:5px;margin-right:5px;} .xinwen_list_last{width:100%;text-align:center;line-height:34px;height:34px;font-size:12px;} .xinwentu_span{height:34px;} .wenzhang_title{font-size:14px;font-weight:bold;line-height:32px;} .wenzhang,.wenzhang span,.wenzhang p,.wenzhang div {font-size:12px;width:96%; margin:0px auto;line-height:20px;} .info{font-size:12px; text-align:center;line-height:20px;} .info span{width:100%;margin:0px auto;} .info a{display:block;text-align:center;} /*内容页*/ .title{ font-size:14px;} .row{ width:96%; margin:0px auto;} .content_xinghao{ display:block;width:96%; margin:0px auto; font-size:12px;} .container,.content_neirong,.content_chanpinshipin,.content_fanction,.content_tupian,.info,.content_image{ width:96%; margin:0px auto; font-size:12px} .content_tupian ul li img{width:80%;} .content_showbox{display:none;} .shipin_chanpin{display:block; width:96%; height:auto; padding-bottom:20px; margin:0px auto;} .shipin_chanpin iframe{ display:block; width:100%; height:auto; } .xx-bt{ font-size:14px; font-weight:bold;} .title{ font-size:16px} /*展会邀请容器*/ .container-yaoqinghan{width:100%; margin:0px auto;} /*分页*/ .fengye{margin-top: 15px; margin-bottom:15px;} .fengye a{ font-size:12px;} /*产品列表页手机端*/ .container-list-right{float:none;background-color:#FFF; border:0px; width:96%;margin:0px auto} .list-title{width:100%; margin:0px auto;} .list-content{ margin-top:0px;min-height: 0px;} .list_chanpin{ margin-top:10px;} .list_chanpinbox{ float:none; width:80%; margin-left:0px; height:auto; margin:0px auto; margin-top:10px; border:0px} .list_chanpinbox_span{width:100%; height:auto; border:#DDD 1px solid; display:block;} .list_chanpinbox img{ width:100%; height:auto;vertical-align:middle; min-height: 0px;} .list_chanpinbox p{ display:inline-block; text-align:center;width:100%;} .list_chanpinbox p a{ color:#333; font-size:12px; text-align:center; padding:0px 20px;} .list_chanpinbox p a:hover{color:#000;} .list_chanpinbox:hover{border:0px;} .list_chanpinbox_span:hover{border:#BBB 1px solid;} /*下载类表页*/ .list_xiazai{width:100%; margin:0px auto; line-height:32px; font-size:12px; } .list_xiazai li{width:100%; border-bottom:#EEE 1px solid;} .list_xiazai_head{ line-height:42px; height:42px; background-color:#DDD;} .list_xiazaibox{ height:32px;} .list_xiazai span{width:100%; display:block; float:left;} .list_xiazai p { text-align:center;} .list_xiazai a{color:#333;display:inline; width:100%; } .list_xiazai .list_xiazai_span2{ display:none;} /*产品内容页手机端*/ .page_bg{ display:none;} .container-p{ width:100%; margin:0px auto; margin-top:10px; } .container-pl{ display:none;} .container-pcar{ float:none;padding:0px;background-color:#FFF; border:#DDD 1px solid; width:96%; margin:0px auto; border-left:0px; border-right:0px;} .container-pc{float:none;width:100%;} #slider1_container{ margin:0px auto; width:608px!important; height:450px} /*产品参数*/ .container-pr{float:right;width:100%; padding-left:0px; height:auto;} .container-pr-data{height:auto;} .container-pr-data p{ font-size:12px; line-height:24px; padding-bottom:10px; color:#333; } .product-title{font-size: 16px;line-height: 22px; margin-top:0px;margin-bottom:10px;color:#145ca1; font-weight:normal; padding-bottom:10px;background: url(/image/images/title_line.jpg) left bottom no-repeat; padding-top:10px} .lianxifangshi {height:40px; margin-top:15px; font-size:12px; } .lianxifangshi ul li a{ text-align:center; width:160px;line-height:30px;border-radius:7px; border:#204d74 1px solid; color:#FFF; background-color:#286090;float: left; margin-left: 40px;} .lianxifangshi ul li a:hover{background-color:#23527C;} .fengxiang{ margin-left:40px; height:24px;} .xiazaitishi{padding-top: 10px;margin: 0px auto; width: 100%; overflow: hidden; font-size: 12px; } .public-hr1{ border:0px; background-color:#DDD; height:1px; margin:20px 0 15px 0;} .product-content{ font-size:12px; color:#333; line-height:20px;} .product-data{display:none;} .product-vido{max-width:640px; position:relative; height:0px;padding-bottom:56.2%; overflow:hidden; } .product-vido iframe{position: absolute; top:0; left: 0; width: 100%; height: 100%;} /*文本内容页内容容器*/ .container-content{ font-size:12px;} /*换页*/ .shangyige{ float:left; width:100%; } .xiayige{ float:none; width:100%; margin-top:10px;} .fengye2{width:96%; margin-top:10px;} /*热门产品*/ .product-hot{width: 96%; margin: 0px auto;} .product-hot ul{font-size:12px;margin: 0px auto;width: 100%;display: table; color:#333;} .product-hot ul li{ float:left; margin:0px auto; width:50%;} .product-hot ul li span{ width:230px; margin:0px auto; display:block;} .product-hot ul li img{width:230px; height:158px; border:#DDD 1px solid;} .product-hot ul li p{line-height:20px; } .product-hot ul a{ text-align:center;} /*招聘页*/ .zhaopin_list_li>.zhaopin_time{display:none;} .zhaopin_time{display:none;} .zhaopin_list span{width:100%;} .zizhi-left-caidan{ display:none;} .container-zizhi{ width:100%;} .container-zizhi-right{width:100%;} .about-content-box{ width:96%; margin:0px auto;} } @media (max-width:480px){ .cd-logo{ display:block;} .logo1{ display:block;} .top_menu { float: right; padding: 0; font-size: 12px; color: #9C9C9C; width: 100%; position: relative; top: 0px; right:0px; margin-right:0px; margin:0px auto; } .top_menu_right{ float:none;} .product-hot ul li{width:100%; } } /*额为添加的面包屑*/ .content_title{ text-align:center;font-size:20px;} @media (max-width:768px){ .content_title{ text-align:center;font-size:16px;} }