* { margin: 0; outline: 0; padding: 0; word-break: break-all;} body{ color: #333; overflow-x: hidden; width: 100%; height: 100%; font:14px/2 arial,"Microsoft Yahei","Hiragino Sans GB",sans-serif; background: #fff;} ul, li { list-style-type: none; } th, td, caption { vertical-align: middle; } input, button, select, textarea { outline: none;resize: none;font:14px/2 arial,"Microsoft Yahei","Hiragino Sans GB",sans-serif; background: none; color: #999; text-indent: 5px; margin: 0; padding: 0;-webkit-appearance: none;} img { border:0; vertical-align: middle;} small,i,em{font-style: normal;} table{border: 1px #e5e5e5 solid; width: 100%; border-collapse: collapse;} td,th {border: 1px #e5e5e5 solid!important; padding: 10px;} a{ color: #333; text-decoration: none;} a:hover{color: #1db0db;} .hide{display: none;} .fl{float: left;} .fr{float: right;} .mb_15{margin-bottom: 15px;} .mt_15{margin-top: 15px;} .w{width: 1200px; margin: 0 auto;overflow: hidden;} .main{width: 1200px; margin:20px auto 50px; height: auto; min-height: 400px; overflow: hidden;} .container{margin: 80px auto 0;width:100%; overflow: hidden;} .clearfix {*zoom: 1;} .clearfix:before,.clearfix:after { display: table; content: ""; line-height: 0;} .clearfix:after { clear: both;} /*头部+导航*/ .header{position: fixed; top: 0; left: 0; right: 0; z-index: 80; background: #fff;box-shadow: 0 2px 4px rgba(0,0,0,.2);} .header .logo{padding:14px 0;} .menu{display: inline-block;font-size: 14px;} .nav{display: block; text-align: center;} .nav li{ display: inline-block;} .nav .nav_li.curr .nav_a,.nav .nav_li.curr .nav_a:hover,.nav .nav_li:hover .nav_a{ background:#1db0db; color: #fff;} .nav .nav_a{display: block;width: 100px; text-align: center; line-height: 80px; position: relative;} .nav .subnav{ display: none;position: absolute;background:#fff;z-index:99;box-shadow:0 0px 5px -1px rgba(0,0,0,.2);} .nav .subnav_li{display: block; } .nav .subnav_a{ display: block; line-height: 40px;width: 100px; text-align: center; border-bottom: 1px #eee solid;} .nav .subnav_a:hover{background: #47d6ff;border-color: #47d6ff; color: #fff;} /*404*/ .error{width: 440px; height: 400px; text-align: center;position: absolute; left: 50%; margin-left: -220px; top: 50%; margin-top: -160px;} .error_img{margin: -40px auto 0; width: 220px;} /*底部*/ .footer {color: #fff; clear:both; background:#3d3e42;} .copyright{line-height:28px; word-break:break-all; padding: 20px 0;} .copyright a{color: #fff;} .f_logo {height: 250px; width: 280px; border-right: 1px #484848 solid; text-align: center;} .f_logo img{margin-top: 60px;} .f_m{padding: 0 50px;border-right: 1px #484848 solid;height: 250px; width: 550px;} .f_m .nav{border-bottom:1px #484848 solid;text-align: left;} .f_m .subnav,.f_m .nav .subnav_li{display: none;} .f_m .nav .nav_a{line-height: 60px;text-align: left;} .f_m .nav .nav_li.curr .nav_a,.f_m .nav .nav_li.curr .nav_a:hover,.f_m .nav .nav_li:hover .nav_a{background: none;} .f_m .nav li:nth-child(1){display: none;} .f_m .m1{border-bottom: 1px #484848 solid;overflow: hidden;} .f_m .m1 span{display: block; width: 245px; float: left;padding:10px 0 10px 22px;} .f_m .m1 .tel{background: url(/Home/Tpl/default/Public/images/tel.png) no-repeat left center;} .f_m .m1 .phone{background: url(/Home/Tpl/default/Public/images/phone.png) no-repeat left center;} .f_m .m1 .fax{background: url(/Home/Tpl/default/Public/images/fax.png) no-repeat left center;} .f_m .m1 .add{background: url(/Home/Tpl/default/Public/images/add.png) no-repeat left center;} .f_m .m2{padding-top: 10px;} .f_code{padding-left: 50px;height: 250px; width: 190px; text-align: center;color: #999; line-height: 50px; font-size: 12px;} .f_code img{width: 130px;margin-top: 25px;} .links{line-height:25px; padding: 10px 0;} .links a{ padding-right: 15px; display: inline-block;} .btn_org{background: #F09216; font-size: 16px; padding: 6px 10px; display: inline-block; margin-bottom: 20px;} #returnTop {position:fixed;z-index:999;right:15px;bottom:-200px;width:36px;height:65px;text-indent:-999px;overflow:hidden; transition:bottom 0.9s; -webkit-transition:bottom 0.9s; -moz-transition:bottom 0.9s;-o-transition:bottom 0.9s;} /*标签样式*/ .tags{} .tags ul{position:absolute; z-index:100;width:720px; margin-top: 10px;} .tags li{float: left;list-style:none; } .tags a{display:block;color:#bdbdbd; height: 16px; font-size:12px; float:left;text-align:center; background-color:#68696D; padding:3px 10px; margin:5px 4px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius:12px;line-height: 16px;} .tags a:hover{ text-decoration:none; background-color:#68696D; color:#fff;} /*=======================首页部分start=======================*/ .t{font-size: 30px; font-weight: normal; text-transform: uppercase;padding: 5px 0;} .t span{color: #333;padding-left: 10px;border-left: 5px #1db0db solid} .t a{float: right;font-size: 12px; color: #b5b5b5; padding-top: 10px;} .t a:hover{color: #666;} .item p{padding: 0 10px 15px;color: #999; white-space: nowrap; text-overflow:ellipsis;overflow: hidden; text-align: center; font-size: 12px;} .tt h4{text-align: center; font-weight: normal; font-size: 25px; line-height: 28px;} .tt h5{text-align: center; font-weight: normal; font-size: 20px; color: #666; text-transform: uppercase;} .ad{cursor: default;} .ad span{display: none;} /*banner*/ .banner,.pdt_thumb{width:100%; position:relative;height:560px;overflow:hidden;background:#000 url(/Home/Tpl/default/Public/images/loading.gif) 50% no-repeat;} .slides{position:relative;z-index:1;} .banner .slides li{height:560px; background-position:50% 0; background-repeat: no-repeat;} .banner .slides li a{display: block; width: 100%; height: 100%;} .flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;} .flex-control-nav li{display:inline-block;width:12px;height:12px;margin:0 5px;*display:inline;zoom:1;} .flex-control-nav a{display:inline-block;width:12px;height:12px;overflow:hidden;background:#fff; background: rgba(255,255,255,.5); text-indent: -9999px; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;} .flex-control-nav .flex-active{ background: rgba(255,255,255,1);} .flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;} .flex-direction-nav li a{display:block;width:50px;height:70px;overflow:hidden;cursor:pointer;position:absolute;} .flex-direction-nav li a.flex-prev{left:40px;background:url(/Home/Tpl/default/Public/images/lightbox-btn-prev.png) center center no-repeat;} .flex-direction-nav li a.flex-next{right:40px;background:url(/Home/Tpl/default/Public/images/lightbox-btn-next.png) center center no-repeat;} /*内页banner*/ .page_banner{position: relative; width: 2560px; left: 50%; margin:0 auto 0 -1280px; text-align: center; height: auto; overflow: hidden; background: #eee;} .page_banner span{display: none;} /*产品滚动*/ .pdt_scroll {padding: 10px 0} .pdt_scroll .dowebok{ width: 1220px;margin-left:-10px;} .pdt_scroll .item{padding:0 10px;} .pdt_scroll .item a{display: block;border:2px #eee solid;overflow: hidden;} .pdt_scroll .item a:hover{border-color: #1db0db;} .pdt_scroll .item span{width: 100%; height: 200px; overflow: hidden; display: table-cell; text-align: center; vertical-align: middle; background: #eee;} .pdt_scroll .item img{width: 100%;} .pdt_scroll .item a:hover p{background: #1db0db; color: #fff;} .owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} /* display none until init */ .owl-carousel{ display: none; padding: 0; position: relative; width: 100%;-ms-touch-action: pan-y;} .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px);} .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%;} .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;} .owl-carousel .owl-item{float: left;} .owl-controls .owl-page,.owl-controls .owl-buttons div{ cursor: pointer;} .owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} /* fix */ .owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);} .owl-theme .owl-controls .owl-buttons div {position: absolute;top: 0;width: 30px;height: 30px;margin: 0;padding: 0;overflow: hidden;_display: none;} .owl-theme .owl-controls .owl-buttons div:hover{color: #666;} .owl-buttons{position: absolute; top: -59px;right: 10px;width: 70px;} .owl-theme .owl-controls .owl-buttons .owl-prev { left: 0; background: url(/Home/Tpl/default/Public/images/l.png) no-repeat center center;} .owl-theme .owl-controls .owl-buttons .owl-next { right: 0;background: url(/Home/Tpl/default/Public/images/r.png) no-repeat center center;} .owl-theme .owl-controls .owl-buttons .owl-prev:hover{background: url(/Home/Tpl/default/Public/images/l_hover.png) no-repeat center center;} .owl-theme .owl-controls .owl-buttons .owl-next:hover{background: url(/Home/Tpl/default/Public/images/r_hover.png) no-repeat center center;} a.more{display: block; width: 150px; line-height:40px; text-align: center; margin:20px auto 30px; color: #1db0db;border-radius: 50px;border:2px #1db0db solid;} a.more:hover{background: #1db0db; color: #fff;} /*产品切换*/ .pdt_switch{padding: 10px 0} .pdt_switch .tabs li{display: inline-block; padding:0 10px 0 5px;background: url(/Home/Tpl/default/Public/images/line.png) no-repeat right center;} .pdt_switch .tabs li a{display: block;padding: 0 10px; border-radius: 20px; transition:background .3s; -webkit-transition:background .3s,color .3s;} .pdt_switch .tabs li.thistab a,.pdt_switch .tabs li a:hover{border-color: #1db0db;background: #1db0db; color: #fff;} .pdt_switch .tab_conbox{margin-top: 20px;} .pdt_switch .tab_conbox > li{display: none; width: 100%;} .pdt_switch .item{width: 280px; float: left; margin:0 10px 20px 10px; background: #fff;} .pdt_switch .item a{display: block;border:1px #ddd solid; position: relative;background: #f2f3f7;} .pdt_switch .item a:hover{background: #fff;} .pdt_switch .item span{ display: block; text-align: center; vertical-align:middle;} .pdt_switch .item img{width:100%; margin: 0; padding:0; } .pdt_switch .item h4{text-align: center; white-space: nowrap; text-overflow:ellipsis;overflow: hidden;padding: 10px 10px 0; font-size: 16px;} /*搜索*/ .searchformzone{width: 315px; float: right; margin:6px 0 6px 0; position: relative;} .searchformzone .searchform{width: 280px; border-radius: 4px 0 0 4px;} .searchformzone .searchform input{width: 100%; height: 36px; border:1px #e4e4e4 solid; background: #fff;} .searchformzone .search_submit{display: block; border-radius: 0 4px 4px 0; position: absolute; right: 0; top: 0; z-index: 1; background: #1db0db url(/Home/Tpl/default/Public/images/searchicon.png) no-repeat center center; text-indent: -9999999px} .searchformzone .search_submit a{display: block; width: 40px; height: 38px;} /*关于我们*/ .about_box{background: #f2f3f7;} .about_box .fl{width: 560px; line-height: 32px; text-indent: 2em;margin-top: 15px;} .about_box .fr{width: 600px; text-align: center; margin-top: -50px;padding-bottom: 20px;} /*优势*/ .adv_box .info1{width: 1060px; margin: 50px auto; position: relative; height: 340px;} .adv_box .info1 li{width: 21%;padding: 0 2%; float: left; text-align: center; color: #fff;} .adv_box .info1 .ad{position: absolute;top: 0; left: 10px;} .adv_box .info1 ul{display: block; position: relative; z-index: 2; padding-top: 140px;overflow: hidden; line-height: 22px;} .adv_box .info1 li span{display: block; height: 80px; overflow: hidden; margin-bottom: 85px;} .adv_box .info1 li a{display: block; width: 130px; height: 38px; line-height: 38px; text-align: center; margin: 0 auto;border-radius: 20px; color: #fff; font-size: 16px; cursor: default;font-size: 16px; font-weight: bold;} .adv_box .info1 li .a1{background: #007bc8} .adv_box .info1 li .a2{background: #0092c8} .adv_box .info1 li .a3{background: #00b3c8} .adv_box .info1 li .a4{background: #00c6c8} .adv_box .info2{overflow: hidden; margin:20px 0 50px;} .adv_box .info2 ul{width: 105%;} .adv_box .info2 li{width: 180px; float: left; background: #f2f3f7; border-radius: 10px;padding: 20px; text-align: center; margin-right: 25px; font-size: 12px;} .adv_box .info2 li h4{padding: 20px 0 10px; font-size: 16px;} .adv_box .info2 li p{color: #999;} /*新闻列表*/ .news_box{background: #f2f3f7;} .news_box .news{overflow: hidden;} .news_box ul{width: 105%;} .news_box li{width: 269px; margin-right: 42px; float: left;} .news_box li .news_t{font-size: 16px; white-space: nowrap; text-overflow:ellipsis;overflow: hidden; font-weight: bold; display: block;} .news_box li .time{color: #999;padding-left: 25px; background: url(/Home/Tpl/default/Public/images/time.png) no-repeat left center} .news_box li .image{width: 100%; display: block; overflow: hidden;margin: 5px 0 10px;} .news_box li img{width: 100%;} /*首页广告*/ .ad_box{text-align: center;} .ad_box span{display: none;} /*=======================首页部分end=======================*/ /*=======================内页部分start=======================*/ /*左侧*/ #left {float:left; width:20%;} #left h2{ font-size: 20px; font-weight: normal; padding-left: 20px; line-height: 70px; background: #1DB0DB; color: #fff;} #left .category{background: #eee; padding-bottom: 15px; margin-bottom: 20px;} #left .contact{background: #eee; padding: 10px; margin-bottom: 20px;} #left .category > li span{display: none; font-size: 14px; font-weight: bold; position: absolute;left: 10px; top: 15px; z-index: 10;width: 20px; height: 20px;line-height: 20px; text-align: center; cursor: pointer;} /*左侧分类*/ #left .category > li { position: relative;} .category a{display:block; padding-left: 33px; border-left: 3px solid #eee; line-height: 50px;} .category a:hover,.category li.small a:hover,.category li a.category_active,.category li.small a.category_active{ border-left: 3px solid #1DB0DB; background: #fff;} .category li.small a{display:block;text-decoration:none; text-indent: 30px;background:#f6f6f6; color: #999;border-left: 3px solid #f6f6f6;} /*右侧*/ #right{float:left; width:77%; margin-left: 3%; display: inline-block;} #right .content{padding: 20px 0; height: auto; overflow: hidden;} #right .content img{max-width: 100%;} /*内页样式*/ .path_title{height:60px;border-bottom: 1px solid #ededed; line-height: 60px;} .path_title .span_left{ float: left; font-size: 22px;} .path_title .span_right{ float: right; color: #999} .path_title .span_right a{color: #999;} /*产品列表*/ .products_list {width: 102%; padding-top: 20px;} .products_list li{ width:31.3333%; float:left; margin-right: 2%; margin-bottom: 20px; } .products_list a{display: block; width: 100%; overflow: hidden;} .products_list span{width:100%;display: block; text-align: center; overflow: hidden;} .products_list img{width: 100%;} .products_list a:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;} .products_list p{display: block;text-align: center; height: 50px; line-height: 50px; white-space: nowrap; text-overflow:ellipsis;overflow: hidden;} /*产品详情*/ .main_photo{float:left; margin:20px 0px 0px 0;} .product_group{float:left; width:540px; margin:20px 0px 0px 20px;} .product_group h2{color:#000;font-size:18px; line-height:22px; padding:8px 0px 7px 0px;border-bottom:dashed 1px #e5e5e5;} .product_group li{line-height:26px; color: #666;} .product_group li.nbd{border: none;} .product_content{ clear:both; width:100%; overflow:hidden;line-height:26px; padding-top: 25px;} .introduce{ color: #333;margin-bottom: 20px; border-bottom: 1px #e8e8e8 solid;font-size: 18px;line-height: 50px;} .product_group .desc h4{font-size: 16px; color: #666;} /*产品详情咨询*/ .consulting{padding-top: 10px;} .consulting h4{font-size: 16px; color: #666;} .consulting h4 span{color: #EF5D11;} .consulting .fdbk{display: block; color: #666; text-align: center;line-height: 40px; margin-top: 10px;font-size: 16px;background:#eee url(/Home/Tpl/default/Public/images/fdbk.png) no-repeat 215px center;} .consulting .fdbk:hover{color: #666; background-color: #e7e7e7;} /*图片列表*/ .photo_list{width: 102%; padding-top: 20px;} .photo_list li{ width:31.3333%; float:left; margin-right: 2%; margin-bottom: 20px; } .photo_list a{display: block; width: 100%; } .photo_list span{width:100%; display:block; overflow: hidden; text-align: center; vertical-align: middle;} .photo_list img{max-width: 100%; max-height: 100%;} .photo_list a:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;} .photo_list p{display: block;text-align: center; height: 50px; line-height: 50px; white-space: nowrap; text-overflow:ellipsis;overflow: hidden;} /*相册放大*/ body.over-flow-x{overflow: hidden;} #jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;} #jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:1000;text-align:center;line-height:0;} #jquery-lightbox a img{border:none;} #lightbox-container-image-box{position:relative;background-color:#2b2c30;width:250px;height:250px;margin:0 auto;} #lightbox-container-image{padding:10px;} #lightbox-loading{position:absolute;top:0;left:0;height:100%;width:100%;text-align:center;line-height:0;background: url(/Home/Tpl/default/Public/images/lightbox-loading.gif) no-repeat center center;} #lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;} #lightbox-container-image-box > #lightbox-nav{left:0;} #lightbox-nav a{outline:none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block;} #lightbox-nav-btnPrev{float:left;} #lightbox-nav-btnNext{float:right;} #lightbox-container-image-data-box{background-color:#2b2c30;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0;} #lightbox-container-image-data{padding:0;color:#bbb;} #lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left;} #lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em;} #lightbox-secNav-btnClose{width:20px;float:right;padding-bottom:0.7em;} /*分页样式*/ .page{clear:both; margin:25px 0px; text-align: center; font-size: 13px;} .page a,.page .current {display: inline-block; padding: 5px 15px; background: #ebebeb; border-radius: 3px; -webkit-border-radius: 5px; margin:0 3px;} .page a:hover,.page .current{ background: #1db0db; color: #fff;} /*上一个下一个*/ .point{} .point span{display: block; width: 60px; height: 150px;} .point span a{display: block;width: 60px; height: 150px; text-indent: -999999px;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;background: url(/Home/Tpl/default/Public/images/prev_next.png) no-repeat center top} .point span.to_prev{position: fixed; left: 0; top: 40%; z-index: 1000;} .point span.to_next{position: fixed; right: 0; top: 40%;z-index: 1000;} .point span.to_prev a{background-position: 0 0 } .point span.to_next a{background-position: -80px 0 } .point span a:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;} /*新闻列表*/ #right .news_list{padding: 30px 0;} #right .news_list li{position: relative; padding-left: 220px; height: 133px; margin-bottom: 30px;border-bottom: 1px #e5e5e5 solid;padding-bottom: 30px;} #right .news_list .image{display: block; width: 200px; position: absolute; left: 0; top: 0; overflow: hidden;} #right .news_list .image img{width: 200px;} #right .news_list h4{font-size: 18px; color: #000; font-weight: normal;} #right .news_list a{display: block;} #right .news_list a:hover h4{color: #1db0db} #right .news_list .list_time{display: block;} #right .news_list .desc{color: #999;} /*下载列表*/ #right .download_list{padding: 30px 0;} #right .download_list li{ margin-bottom: 20px; border-bottom: 1px #eee dashed; padding-bottom: 20px;} #right .download_list h4{font-size: 18px; color: #000; font-weight: normal;} #right .download_list a{display: block;} #right .download_list a:hover h4{color: #1db0db} #right .download_list .list_time{display: block;} #right .download_list .desc{color: #999;} /*新闻详情*/ h1.content_title{font-size:22px; font-weight: normal; line-height:45px; margin-top:12px; color: #000;} .down_btn,.down_btn:hover{display: inline-block; padding: 8px 25px; background: #e58904; color: #fff; font-size: 16px; border-radius: 3px; -webkit-border-radius: 3px; margin-right: 10px;} /*订单留言*/ dl.table{margin:30px 0 0;} dl.table dt{float:left; width:75px; height:40px; line-height:40px;} dl.table dd{height:40px; margin-bottom: 20px;} dl.table dd input{border:1px solid #ebebeb;width:360px; height: 40px;} dl.table dd.biezhu{height:130px;} dl.table dd.biezhu textarea{height:115px;width:360px;border:1px solid #ebebeb;} .codeimg{background-color: #000; margin: 0 0 0 10px;} dl.table dd .submit_btn{ width: 160px; margin-right: 20px; background: #1db0db; color: #fff; cursor: pointer; border:none; text-indent: 0;} /*网站地图*/ .ul_sitemap{margin: 10px 0 30px 30px;} .ul_sitemap li{list-style: none; line-height: 26px;} li.small_li_sitemap{clear: both;padding-left: 12px;} li.small_li2_sitemap{float: left; padding-left: 20px;} /*=======================内页部分end=======================*/ /* 悬浮客服*/ #leftsead{position:fixed;bottom:0;right:0; z-index:79} *html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));} #leftsead li{height:60px;} #leftsead li span{display: block; width: 140px; height: 60px; padding-left: 60px;margin-right:-140px;cursor:pointer;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} #leftsead li a{height:60px;float:right;display:block;min-width:60px;max-width:140px; color: #fff; line-height: 60px;} #leftsead li.qq_li span{background: #19baea url(/Home/Tpl/default/Public/images/q.png) no-repeat 10px center;} #leftsead li.msn_li span{background: #58d249 url(/Home/Tpl/default/Public/images/msn.png) no-repeat 10px center;} #leftsead li.skype_li span{background: #12e2cd url(/Home/Tpl/default/Public/images/skype.png) no-repeat 10px center;} #leftsead li.w_li span{background: #ef6311 url(/Home/Tpl/default/Public/images/ww.png) no-repeat 10px center;} #leftsead li.ww_li span{background: #e8952d url(/Home/Tpl/default/Public/images/ww.png) no-repeat 10px center;} #leftsead li.www_li span{background: #b1d848 url(/Home/Tpl/default/Public/images/ww.png) no-repeat 10px center;} #leftsead li.feedback span{background: #e46464 url(/Home/Tpl/default/Public/images/feedback.png) no-repeat 10px center;} #leftsead li.code_li span{background: #6381f1 url(/Home/Tpl/default/Public/images/code.png) no-repeat 10px center; position: relative;} #leftsead li.code_li .code{ width: 280px; height: 280px; position: absolute; right: 140px; bottom: 0; background:#6381f1; background: rgba(99, 129, 241, 0.52); border-radius: 5px; padding: 10px;} #leftsead li.code_li .code img{width: 280px; height: 280px;} #leftsead li.top_li span{background: #6e6e6e url(/Home/Tpl/default/Public/images/gotop.png) no-repeat 10px center;} #remind{ width: 100%; height: 60px;line-height: 60px; position: fixed; bottom: 0; left: 0; z-index: 10; color: #f5d783; font-size: 20px; text-align: center; background: #000; background: rgba(0,0,0,.8);} /*========== mob ==========*/ .mob{font-size: .8rem;} .mob .sidebar{display: block;} .mob .menu,.mob .bdshare-slide-button-box,.mob #leftsead,.mob .flex-direction-nav,.mob .t a,.mob .pdt_switch .item a:hover em,.mob .links_box,.mob #left,.mob .path_title .span_right,.mob .copyright .p1,.mob #lightbox-secNav-btnClose,.mob #right .news_list .list_time,.mob .main_photo,.mob .pdt_page .path_title,.mob #right .down_btn,.mob .container .searchformzone,.mob .owl-buttons,.mob .mob_hide,.mob .f_logo,.mob .f_code,.mob .nav,.mob #lightbox-nav a,.mob .page_banner{display: none!important;} .mob .news_box ul,.mob .path_title{padding: 0 10px;} .mob img{max-width: 100%;} .mob .header .logo{height: 40px; padding:5px 0 5px 10px;} .mob .header .logo img{height: 40px;} .mob .container{margin-top: 50px;width: 100%;} .mob .w,.mob .main,.mob #right{width: 100%;margin: 0; padding: 0} .mob .banner{height: 160px;} .mob .slides li{height: 160px; background-size: auto 100%;} .mob .flex-control-nav li{width: 8px; height: 8px;margin: 0 3px;} .mob .flex-control-nav a{width: 8px; height: 8px;} .mob .t{padding: 5px 10px;font-size: 1.2rem;margin-bottom: 10px;margin-top: 10px;} .mob .dowebok{width: 100%;margin: 0;padding: 0;box-sizing:border-box;} .mob .dowebok .item {} .mob .pdt_scroll .item a{border:none;} .mob .pdt_scroll .item a:hover p{background: #fff; color: #333;} .mob .pdt_scroll .item span,.mob .pdt_switch .item span{background: none;height: auto;width: 100%;border:none;display: block;} .mob a.more{width: 100px; line-height: 30px;} .mob .pdt_switch .tabs li{padding: 0 0 10px 10px;background: none;} .mob .pdt_switch .tabs li a{padding: 0 10px;} .mob .pdt_switch .tab_conbox{margin: 0; padding: 0 5px;} .mob .pdt_switch .tab_conbox li{width: 100%;} .mob .pdt_switch .item{width: 50%;padding: 0 5px 10px; background: none; margin: 0 0 10px;box-sizing:border-box;} .mob .pdt_switch .owl-item:nth-child(odd) .item{margin-right:5px;} .mob .pdt_switch .owl-item:nth-child(even) .item{margin-left:5px;} .mob .pdt_switch .item a{border:none;} .mob .pdt_switch .item p{padding: 0;line-height: 30px;} .mob .about_box{padding-bottom: 10px;} .mob .about_box .info{padding: 0 10px;} .mob .about_box .info .fl,.mob .about_box .info .fr{width: 100%;margin-top: 0;} .mob .adv_box .info2 ul{width: 100%;box-sizing:border-box;padding: 0 5px;} .mob .adv_box .info2 ul li{width: 50%;margin: 0; padding: 0 0 10px;box-sizing:border-box; background: none; } .mob .adv_box .info2 ul li p{white-space: nowrap; text-overflow:ellipsis;overflow: hidden;} .mob .news_box{padding-bottom: 0;} .mob .news_box ul{ width: 100%;box-sizing:border-box;} .mob .news_box .news li{border-bottom: 1px #e5e5e5 dashed;padding-bottom: 10px;width: 100%;margin: 0 0 10px;} .mob .f_m{width: 100%;padding: 0; height: auto;border:none;} .mob .f_m .m1 span{box-sizing:border-box; width: 50%;} .mob .copyright{padding: 10px; font-size: 12px;} .mob #right .content{padding: 10px;} .mob .page_banner img{width: 20%;} .mob .path_title{height: 40px; line-height: 40px; background: #eee;} .mob .path_title .span_left{font-size: .9rem;} .mob .photo_list,.mob .products_list{padding: 10px 10px 0; width: auto;} .mob .photo_list li,.mob .products_list li{width: 49%;margin: 0 0 5px;} .mob .photo_list li:nth-child(odd),.mob .products_list li:nth-child(odd){margin-right:1%;} .mob .photo_list li:nth-child(even),.mob .products_list li:nth-child(even){margin-left:1%;} .mob .photo_list span,.mob .products_list span{width: 100%; height: auto; background: none;} .mob .photo_list p,.mob .products_list p{height: 30px; line-height: 30px;} .mob .photo_list a:hover p,.mob .products_list a:hover p{color: #333} .mob .photo_list a,.mob .products_list a{background: none;} .mob .pdt_thumb{display: block;} .mob .pdt_thumb,.mob .pdt_thumb .slides li{height: auto;overflow: hidden; text-align: center;} .mob .pdt_thumb .slides li img{width: 100%;max-width: 800px;} .mob #lightbox-container-image{padding:0;} .mob #lightbox-container-image-data #lightbox-image-details{width: 100%; text-align: center;padding-bottom: 5px;} .mob #lightbox-container-image-box{width: 100%!important; background: none;} .mob #jquery-lightbox{position: fixed;width: 100%; height: 100%; top: 0!important;} .mob #lightbox-container-image-data-box{padding: 0; background: none; position: fixed; bottom: 0; width: 100%!important;} .mob #lightbox-nav-btnPrev{ background-image: url(/Home/Tpl/default/Public/images/lightbox-btn-prev.png)!important; background-position: 0 45%!important; background-size: 20%!important; background-repeat: no-repeat;} .mob #lightbox-nav-btnNext{ background-image: url(/Home/Tpl/default/Public/images/lightbox-btn-next.png)!important; background-position: 100% 45%!important;background-size: 20%!important; background-repeat: no-repeat;} .mob #right .news_list,.mob #right .download_list{padding: 10px 10px 0;} .mob #right .news_list li{padding-left: 110px;height: auto;min-width: 65px;border-bottom: 1px #e5e5e5 dashed;padding-bottom: 10px;margin-bottom: 10px;} .mob #right .news_list .image{width: 100px; height: 72px;} .mob #right .news_list h4,.mob #right .download_list h4{font-size: .9rem;white-space: nowrap; text-overflow:ellipsis;overflow: hidden;} .mob #right .news_list .desc{font-size: 12px;height: 45px; overflow: hidden;} .mob #right .download_list li{ border-bottom: 1px #e5e5e5 dashed; padding-bottom: 10px; margin-bottom: 10px;} .mob #right .content_title,.mob .product_group h2{font-size: 1rem;margin: 0;line-height: 25px; font-weight: normal;padding-top: 0;font-weight: bold;margin-bottom: 5px;} .mob #right .time{display: block;border-bottom: 1px #e5e5e5 dashed;padding-bottom: 5px; margin-bottom: 5px;} .mob .product_group{width: 100%;padding: 10px;box-sizing:border-box;margin: 0;} .mob .introduce{font-size: .8rem; font-weight: normal; text-indent: 10px; line-height: 30px; background: #eee;margin-bottom: 10px;border: none;} .mob .product_content{padding: 0 10px 10px;box-sizing:border-box;} .mob .page{margin: 10px;font-size: 13px;} .mob .page a,.mob .page .current{padding: 0 8px;} .mob dl.table{margin: 0; padding: 10px;} .mob dl.table dt{float:none;height: auto;} .mob dl.table dd{margin-bottom: 0; width: 100%;} .mob dl.table dd input,.mob dl.table dd textarea {width: 100%;} .mob dl.table dd .submit_btn{float: left; width: 48%;margin: 20px 1%;} .mob .searchformzone{width: 100%; margin: 0 auto; float: none; background: #fff;padding: 15px 50px 15px 10px;border-bottom: 1px #f0f0f0 solid; position: relative;} .mob .searchformzone .searchform{width: 100%;} .mob .searchformzone .searchform input{background:none; border-radius: 15px; width: 100%; height: 30px; border: thin solid #dedede; text-align: center; text-indent: 0;} .mob .searchformzone .search_submit{border-radius: 100%;width: 30px; height: 30px;top: 15px;right: 10px; background-size: 65%; background-color: #d3d3d3;} .mob .searchformzone .search_submit a{display: block; width: 30px; height: 30px;} .mob .error{width: 100%; position: inherit; margin:0 auto;padding-top: 80px;} .mob .error h1{font-size: 1.2rem;} .mob .error_img{width: 50%;} @media (min-device-width: 569px) and (max-device-width: 736px) and (orientation: landscape) { .mob .banner{height: 260px;} } @media screen and (min-width: 750px) and (max-width: 960px) { .mob .banner,.mob .slides li{height: 280px;} .mob .page_banner{display: block!important;} .mob .page_banner img{width: 50%;} } @media screen and (min-width: 961px) and (max-width: 1080px) { .mob .banner,.mob .slides li{height: 320px;} .mob .page_banner{display: block!important;} .mob .page_banner img{width: 50%;} } @media screen and (min-width: 1081px){ .mob .banner,.mob .slides li{height: 400px;} .mob .pdt_switch .item{width: 24%;margin:0 1% 15px 0;} .mob .pdt_switch .item:nth-child(even){margin-left: 0;} .mob .page_banner{display: block!important;} .mob .page_banner img{width: 70%;} } /*side-nav*/ .sidebar {display: none; position: relative; z-index: 999;} .grey_back { position: fixed; background: #000; opacity: 0.7; width: 100%; height: 100%; top: 0; z-index: 1; } .grey_back span{display: block;width: 40px; height: 40px; position: absolute; right: 230px; top: 10px; background: url(/Home/Tpl/default/Public/images/close.png) no-repeat center center; background-size: 70%;} .menu_btn { width: 36px; height: 36px;margin: 7px; display: block; position: fixed ; right: 0; top: 0;background: url(/Home/Tpl/default/Public/images/menu.png) no-repeat center center; background-size: 80%; text-indent: -9999px;} .sidebar_wrap { height: 100%; overflow-y: auto; position: fixed; background: #eee; top: 0; bottom: 0; right: -220px; width: 220px; z-index: 2; } #demo-list a { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; width: 100%; } .side-menu, .side-menu * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; outline: 0 } .side-menu { width: 100%; } .side-menu .side-menu-header { width: 100%; height: 50px; padding:10px 0 10px 22px; float: left; line-height: 50px; font-weight: 600; color: #f0f0f0; background: #414956;border-bottom: 1px #f0f0f0 solid;} .side-menu ul { width: 100%; overflow: hidden; margin: 0; padding: 0; list-style: none; } .side-menu ul li { width: 100%; display: block; float: left; position: relative } .side-menu ul li a { width: 100%; padding: 14px 22px; float: left; text-decoration: none; color: #f0f0f0; background: #414956; white-space: nowrap; position: relative; overflow: hidden; -o-transition: color .2s linear, background .2s linear; -moz-transition: color .2s linear, background .2s linear; -webkit-transition: color .2s linear, background .2s linear; transition: color .2s linear, background .2s linear } .side-menu>ul>li.active>a, .side-menu>ul>li:hover>a { color: #fff; background: #3b424d } .side-menu>ul>li>a { border-bottom: solid 1px #3b424d } .side-menu .submenu-indicator { float: right; right: 22px; position: absolute; line-height: 19px; font-size: 20px; -o-transition: transform .3s linear; -moz-transition: transform .3s linear; -webkit-transition: transform .3s linear; -ms-transition: transform .3s linear } .side-menu ul ul.submenu .submenu-indicator { line-height: 16px } .side-menu .submenu-indicator-minus>.submenu-indicator { -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg) } .side-menu ul ul.submenu { width: 100%; display: none; position: static } .side-menu ul ul.submenu li a { width: 100%; float: left; background: #383838; border-top: none; position: relative; border-left: solid 6px transparent; -o-transition: border .2s linear; -moz-transition: border .2s linear; -webkit-transition: border .2s linear; transition: border .2s linear } .side-menu ul ul.submenu li:hover>a { border-left-color: #414956 } .side-menu ul ul.submenu>li>a { padding-left: 30px; border-bottom: 1px #343434 solid;} .side-menu ul ul.submenu>li>ul.submenu>li>ul.submenu>li>a { padding-left: 60px } .ink { display: block; position: absolute; background: rgba(255,255,255,.3); border-radius: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0) } .animate-ink { -webkit-animation: ripple .5s linear; -moz-animation: ripple .5s linear; -ms-animation: ripple .5s linear; -o-animation: ripple .5s linear; animation: ripple .5s linear } @-webkit-keyframes ripple { 100% { opacity: 0; -webkit-transform: scale(2.5) } } @-moz-keyframes ripple { 100% { opacity: 0; -moz-transform: scale(2.5) } } @-o-keyframes ripple { 100% { opacity: 0; -o-transform: scale(2.5) } } @keyframes ripple { 100% { opacity: 0; transform: scale(2.5) } } .white.side-menu .side-menu-footer, .white.side-menu .side-menu-header, .white.side-menu ul li a { background: #fff; color: #555 } .white.side-menu>ul>li.active>a, .white.side-menu>ul>li:hover>a { background: #f0f0f0 } .white.side-menu>ul>li>a { border-bottom-color: #f0f0f0 } .white.side-menu ul ul.submenu li:hover>a { border-left-color: #f0f0f0 } .white.side-menu ul ul.submenu li a { color: #f0f0f0 } .white.side-menu>ul>li>a>.ink { background: rgba(0,0,0,.1) } /*side-nav*/ /* FILE ARCHIVED ON 23:21:19 Oct 19, 2018 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 10:15:33 Jul 28, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.536 exclusion.robots: 0.04 exclusion.robots.policy: 0.03 esindex: 0.009 cdx.remote: 9.187 LoadShardBlock: 2402.662 (3) PetaboxLoader3.resolve: 1805.931 (4) PetaboxLoader3.datanode: 630.641 (4) load_resource: 331.909 */