/*全局定义*/ *{margin: 0px; padding: 0px; .margin: 0; .padding: 0;} body{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #484848; font-family: "微软雅黑";} .bg{background: url(bo_bg.jpg) no-repeat center top #cfd6e1;} .clear{clear: both; height: 0;} img{border:none;} ul,li{margin: 0px; padding: 0px;} a:link,a:visited,a:active{font-size: 12px; color: #484848; text-decoration: none;} a:hover{color: #026378; text-decoration: underline;} a{blur:expression(this.blur());} a{outline:none;} /*网页头部*/ #header{width: 1130px; margin:0px auto; overflow: hidden;clear:both;} #logo{height: 106px; float: left; overflow: hidden;} #top{width: 867px; float: right;} #top_right{float: right; padding-top: 10px; padding-right: 50px;} #top_right a{padding-right: 18px; margin-top: -10px;} #top_right img{padding-right: 20x;} .banner_ny_fudong li{width: 32%;float: left;list-style: none;} .banner_ny_fudong li a{display: block;text-decoration: none;font-size: 14px;} .banner_ny_fudong li span{float: right;} /*导航条*/ #navbar{width: 867px; float: left; margin: 0 auto; padding-top: 10px;} #navbar ul{list-style: none; padding-left: 50px;} #navbar li{float: left;} #navbar li.current{background: url(nav_current.jpg) no-repeat center top;} #navbar li a{width: 100px; height: 45px; line-height: 45px; display: block; text-align: center; font-size: 13px;} #navbar li a:hover{font-size: 15px; text-decoration: none;} #banner{width: 100%; height: 380px; float: left; margin: 0 auto;z-index: -999;} .focus{width:100%;height:380px;overflow:hidden;position:relative;} .f-img-list{height:380px;overflow:hidden;position:absolute;left:0;top:0;z-index:100;width:100%;} .f-img-list li{height:380px;text-align:center;width:100%;position:absolute;left:0;top:0;z-index:101;list-style: none;} .f-img-list li a{display:block;height:380px;width:100%;} .f-img-list li.on{z-index:105;} .f-img-list li.bg01{background:url("banner1.jpg") no-repeat 50% 0;} .f-img-list li.bg02{background:url("banner2.jpg") no-repeat 50% 0;} .f-img-list li.bg03{background:url("banner3.jpg") no-repeat 50% 0;} .d-select-list{position:absolute;bottom:0;height:90px;background:#ff0000;z-index:110;} .d-select-list li{list-style:none;padding-top:10px;background:#f8f8f8;float:left;position:relative;} .d-select-list li.on{background:#d9d9d9;} .d-select-list li a{position:relative;width:195px;overflow:hidden;display:block;height:76px;border-right:1px dotted #b8c2cc;padding:2px 25px;text-decoration:none;} .d-select-list li a .title{height:20px;line-height:20px;color:#012239;} .d-select-list li a .icon{height:48px;width:48px;float:left;} .d-select-list li a .desc{margin-top:2px;line-height:20px;} .d-select-list li .arrow{position:absolute;top:-8px;left:117px;width:16px;height:8px;display:none;} .d-select-list li.on .arrow{display:block;} .focusbtn{z-index:999;width:45px;height:100px;position:absolute;top:148px;background:url("sprite.png") no-repeat;cursor:pointer;opacity:0.2;-moz-opacity:0.2;filter:alpha(opacity=20);} .focus-btn-next{left:0;background-position:0 0;} .focus-btn-prev{right:0;background-position:100% 0;} #flash-aboot{width: 100%; height: 293px; float: left; margin: 0 auto; background: url(banner-about.jpg) no-repeat center top;} #flash-aboot img{width: 100%;} #flash-news{width: 100%; height: 293px; float: left; margin: 0 auto; background: url(banner-news.jpg) no-repeat center top;} #flash-product{width: 100%; height: 293px; float: left; margin: 0 auto; background: url(banner-product.jpg) no-repeat center top;} #flash-case{width: 100%; height: 293px; float: left; margin: 0 auto; background: url(banner-case.jpg) no-repeat center top;} #flash-contact{width: 100%; height: 293px; float: left; margin: 0 auto; background: url(banner-contact.jpg) no-repeat center top;} #flash-job{width: 100%; height: 293px; float: left; margin: 0 auto; background: url(banner-job.jpg) no-repeat center top;} /*主体内容*/ #main{width: 100%; margin: 0 auto; background: url(main_bg.jpg) no-repeat center top;clear:both;} #container{width: 1130px; margin: 0 auto; overflow: hidden;} #content{width: 857px; float: right; margin: 0 auto;} #choose{width: 1130px; float: left; padding-bottom: 23px;} #default{width: 100%; float: left; margin: 0 auto; margin-top: -60px; padding-bottom: 30px;} #wrapper{width: 1130px; margin: 0 auto; overflow: hidden; background: url(wr_bg.png) no-repeat;} /*首页新闻*/ #news{/*width: 857px;*/width: 592px; float: left; margin: 0 auto; margin-bottom: 32px;} #news h2{height: 45px; line-height: 45px; font-size: 16px; color: #007f7e; border-bottom: solid 2px #6aa6bc;} .news_h6{height: 45px; line-height: 45px; font-size: 16px; color: #007f7e; border-bottom: solid 2px #6aa6bc;} span.more{float: right; margin-top: -30px; padding-right: 7px;} span.more a{color: #9c9a9b;} span.more a:hover{color: #026378;} #xinwen{float: left; margin-top: 13px; margin-left: -31px; *margin-left: -15px;} .jieshao{width: 265px; float: left; margin-left: 31px; *margin-left: 15px; background: url(jieshao_bg.jpg) no-repeat 0 83px;} .jieshao img{float: left; padding-right: 8px;} .jieshao b{line-height: 18px; padding-top: 5px; font-size: 13px; color: #414141; font-weight: normal;} .jieshao p{padding-top: 53px; color: #8d8d8c; height:60px; position:relative;} span.time{/*float: left; padding-top: 15px;*/ position:absolute; left:0px; top:130px;} span.gengduo{float: right; padding-top: 18px;} /*首页Tab选项卡*/ .authenticate-center{width: 857px; height: 244px; float: left;} .authenticate-center2{width: 857px; height: 235px; float: left; border-bottom: solid 1px #e6e6e5; padding-bottom:20px;} .authenticate-center h2{height: 57px; line-height: 42px; padding-left: 10px; background: url(tab1_bg.jpg) no-repeat;} .authenticate-center2 h2{height: 57px; line-height: 42px; padding-left: 10px; background: url(tab2_bg.jpg) no-repeat;} .authenticate-center h2 a,.authenticate-center2 h2 a{font-size: 15px; color: #007f7e;} .authenticate-center h2 a:hover,.authenticate-center2 h2 a:hover{color: #cc1002; text-decoration: none;} .authenticate-center span,.authenticate-center2 span{padding-left: 70px;} .authenticate-center span a,.authenticate-center2 span a{color: #7e7e7e;} /* 用于控制显示与隐藏的css类 */ .dis{display:block;} .undis{display:none;} .customer{width: 428px; float: left; padding-top: 21px;} .customer img{float: left; padding-right: 17px; background: url(kypj_b.jpg) no-repeat;} .customer b{font-size: 12px; color: #265963;} .customer p{padding-top: 5px; padding-right: 23px; line-height: 17px; color: #767676;} .customer span{float: left; padding-top: 5px; padding-left: 0;} .customer span a{color: #a37b54;} .customer span a:hover{color: #026378;} /*首页生产设备+企业资质*/ td.scrollpic{padding-right: 10px;} td.scrollpic img,td.biao img{margin-top: 18px; margin-bottom: 10px; padding: 2px; border: solid 1px #e7e7e6;} td.scrollpic b{font-size: 12px; font-weight: normal;} td.biao{padding-right: 10px;} #service{width: 857px; height: 221px; float: left; margin-top: 20px; background: url(fwcn_bg.jpg) no-repeat 1px 78px;} #service h2{height: 45px; padding-left: 11px; font-size: 16px; color: #007f7e; background: url(title_6.jpg) no-repeat left bottom;} #commitment{width: 440px; float: left; margin-top: 16px;} #commitment b{ display:block;height: 36px; line-height: 36px; font-size: 13px; color: #fff; padding-left: 71px; background: url(title_3.jpg) no-repeat 21px 0;} #commitment img,#affter img{float: left; padding-left: 50px; padding-right: 17px;} #commitment p,#affter p{padding: 14px 35px 0 0; color: #077194;} #affter{width: 416px; float: left; margin-top: 16px;} #affter b{display:block;height: 36px; line-height: 36px; font-size: 13px; color: #fff; padding-left: 65px; background: url(title_4.jpg) no-repeat 15px 0;} /*首页左侧内容*/ #sidebox{width: 232px; float: left; margin: 0 auto;} #product_list{width: 230px; float: left; margin: 0 auto; padding-bottom: 5px; border: solid 1px #e7e7e7;} #contact_us h2{height: 45px; line-height: 45px; padding-left: 18px; font-size: 16px; color: #2e2e2e; border-bottom: solid 1px #e7e7e7; background: url(title_5.jpg) no-repeat;} .contact_h6{height: 45px; line-height: 45px; padding-left: 18px; font-size: 16px; color: #2e2e2e; border-bottom: solid 1px #e7e7e7; background: url(title_5.jpg) no-repeat;} .h2title{ height: 45px; line-height: 45px; padding-left: 18px; font-size: 16px; color: #2e2e2e; border-bottom: solid 1px #e7e7e7; background: url(title_5.jpg) no-repeat;} .h2title h2{ float:left;font-size: 16px; color: #2e2e2e; } .h2title span { padding-left: 7px; font-size: 14px; color: #838281; font-weight: normal;} span.moo{float: right; margin-top: -32px; padding-right: 16px;} #contact_us span{padding-left: 7px; font-size: 14px; color: #838281; font-weight: normal;} #product_list img{float: left; padding-bottom: 5px;} #nav ul{position: absolute; margin-left: 130px; margin-top: -27px; display: none; list-style: none;} #nav li{width: 230px; float: left; clear: left; list-style: none; background: url(product_listp-li.jpg) no-repeat;} #nav li a{height: 22px; line-height: 22px; display: block; padding-left: 45px;} #nav li a:hover{color: #026378; text-decoration: none; background: url(jt_line.gif) no-repeat 2px 8px;} #nav li.show ul{display: block; padding: 12px 0px; list-style: none; background-color: #3c8983;} #nav li.show li ul{display: none;} #nav li li.show ul{display: block;} #nav li.show li{width: 330px; background: url(bjt.gif) no-repeat 18px 9px;} #nav li.show li a{height: 26px; line-height: 26px; padding-left: 30px; color: #fff;} #nav li.show li a:hover{color: #deff00; text-decoration: none; background: url(bjt_line.gif) no-repeat 18px 9px;} #contact_us{width: 230px; float: left; margin-top: 5px; border: solid 1px #e7e7e7;} #contact_us img{float: left; padding-left: 1px; padding-bottom: 8px;} #contact_us p{line-height: 22px; padding-left: 10px; padding-bottom: 15px;} /*内页左侧内容*/ #sidebar{width: 169px; float: left; margin: 0 auto; margin-left: 14px;} #sidebar_page{ overflow:hidden;} #plist{width: 169px; float: left; margin: 0 auto;} #plist h2{height: 50px; line-height: 50px; margin-top: 8px; padding-left: 16px; font-size: 14px; color: #fff; background: url(title_1.jpg) no-repeat left center;} #plist h2 a{ font-size: 14px; color: #fff;} #plist span{font-size: 11px; padding-left: 8px; color: #fff; font-weight: normal;} #plist ul{list-style: none;} #plist li{background: url(plist_li.jpg) no-repeat;} #plist li a{height: 35px; line-height: 35px; display: block; padding-left: 16px;} #plist li a:hover{font-size: 12px; color: #fff; text-decoration: none; background: url(plist_line.jpg) no-repeat;} #plist .lb{ font-weight:bold; font-size:13px;} .plist{width: 169px; float: left; margin: 0 auto; margin-bottom:6px;} .plist h2{height: 50px; line-height: 50px; margin-top: 8px; padding-left: 16px; font-size: 14px; color: #fff; background: url(title_1.jpg) no-repeat left center;} .plist h2 a{ font-size: 14px; color: #fff;} .plist span{font-size: 11px; padding-left: 8px; color: #fff; font-weight: normal;} .plist ul{list-style: none;} .plist li{background: url(plist_li.jpg) no-repeat;} .plist li a{height: 35px; line-height: 35px; display: block; padding-left: 16px;} .plist li a:hover{font-size: 12px; color: #fff; text-decoration: none; background: url(plist_line.jpg) no-repeat;} .plist .lb{ font-weight:bold; font-size:13px;} .nlist{width: 169px; float: left; margin: 0 auto; margin-bottom:6px;} .nlist h2{height: 50px; line-height: 50px; margin-top: 8px; padding-left: 16px; font-size: 14px; color: #fff; background: url(title_1.jpg) no-repeat left center;} .nlist h2 a{ font-size: 14px; color: #fff;} .nlist span{font-size: 11px; padding-left: 8px; color: #fff; font-weight: normal;} .nlist ul{list-style: none;} .nlist li{background: url(plist_lin.jpg) no-repeat;} .nlist li a{height: 35px; line-height: 35px; display: block; padding-left: 16px;} .nlist li a:hover{font-size: 12px; text-decoration: none;} .nlist .lb{ font-weight:bold; font-size:13px;} #prolist ul{position: absolute; margin-left: 130px; margin-top: -35px; display: none;} #prolist li{width: 169px; float: left; clear: left; list-style: none; background: url(plist_li.jpg) no-repeat;} #prolist li a{height: 35px; line-height: 35px; display: block; padding-left: 16px;} #prolist li a:hover{font-size: 14px; color: #fff; text-decoration: none; background: url(plist_line.jpg) no-repeat;} #prolist li.show ul{display: block; padding: 12px 0px; list-style: none; background-color: #ca0610;} #prolist li.show li ul{display: none;} #prolist li li.show ul{display: block;} #prolist li.show li{width: 330px; margin-top: 0; background: url(bjt.gif) no-repeat 18px 9px;} #prolist li.show li a{height: 26px; line-height: 26px; padding-left: 30px; color: #fff;} #prolist li.show li a:hover{font-size: 12px; color: #deff00; text-decoration: none; background: url(bjt_line.gif) no-repeat 18px 9px;} .prolist ul{position: absolute; margin-left: 130px; margin-top: -35px; display: none;} .prolist li{width: 169px; float: left; clear: left; list-style: none; background: url(plist_li.jpg) no-repeat;} .prolist li a{height: 35px; line-height: 35px; display: block; padding-left: 16px;} .prolist li a:hover{font-size: 14px; color: #fff; text-decoration: none; background: url(plist_line.jpg) no-repeat;} .prolist li.show ul{display: block; padding: 12px 0px; list-style: none; background-color: #ca0610;} .prolist li.show li ul{display: none;} .prolist li li.show ul{display: block;} .prolist li.show li{width: 200px; margin-top: 0; background: url(bjt.gif) no-repeat 18px 9px;} .prolist li.show li a{height: 26px; line-height: 26px; padding-left: 30px; color: #fff;} .prolist li.show li a:hover{font-size: 12px; color: #deff00; text-decoration: none; background: url(bjt_line.gif) no-repeat 18px 9px;} .nlistu ul{position: absolute; margin-left: 130px; margin-top: -35px; display: none;} .nlistu li{width: 169px; float: left; clear: left; list-style: none; background: url(plist_lin.jpg) no-repeat;} .nlistu li a{height: 35px; line-height: 35px; display: block; padding-left: 8px;} .nlistu li a:hover{font-size: 12px;text-decoration: none;} .nlistu li.show ul{display: block; padding: 12px 0px; list-style: none; background-color: #ca0610;} .nlistu li.show li ul{display: none;} .nlistu li li.show ul{display: block;} .nlistu li.show li{width: 200px; margin-top: 0; background: url(bjt.gif) no-repeat 18px 9px;} .nlistu li.show li a{height: 26px; line-height: 26px; padding-left: 30px; color: #fff;} .nlistu li.show li a:hover{font-size: 12px; color: #deff00; text-decoration: none; background: url(bjt_line.gif) no-repeat 18px 9px;} #contact{width: 169px; float: left; margin: 0 auto; margin-top: 15px;} #contact img{float: left; padding-bottom: 16px;} /*其它页面主要部分*/ #secondary,#default_inside{width: 878px; float: right; margin: 0 auto; margin-right: 17px; padding-top: 25px;} #secondary h1,#default_inside p.title{height: 30px; line-height: 30px; font-size: 16px; font-weight: bold; border-bottom: solid 1px #d6d6d6;} #secondary p{line-height: 30px; padding-top: 16px; padding-right: 15px; text-indent: 24px;} #default_conter h1{padding: 20px 0px; text-align: center; font-size: 16px; font-weight: bold; color: #026378; background: none;} span.fast{height: 36px; line-height: 36px; float:right; margin-top: -36px; color: #939393;} span.fast a:link,span.fast a:visited,span.fast a:active{color: #939393; font-weight: normal; text-decoration: none;} span.fast a:hover{color: #026378; text-decoration: underline;} /*全部产品页面*/ #chanpin{width: 878px; margin: auto; padding-top: 10px;} .chanpin{width: 878px; margin: auto; padding-top: 10px; clear:both;} .chanpin h2{color:#CA0610; font-size:14px; text-indent:12px; height:35px; line-height:35px; clear:both;} .chanpin h2 a{color:#CA0610; font-size:14px; text-indent:12px; height:35px; line-height:35px;} ul.imglist{list-style-type: none; text-align: center;display: flex;flex-wrap: wrap;justify-content: space-between;} ul.imglist li{ width: 24%; } ul.imglist li a{display: block;} ul.imglist li img{margin-top: 10px; text-align: center; padding: 2px; border: solid 1px #dfdfdf; background-color: #fff;} ul.imglist li h3{line-height: 18px; padding-top: 10px; text-align: center; font-weight: normal;} /*上下分页*/ #several{float: left; width: 90%; margin: 20px 0px; text-align:center; color: #484848;} #several span.current,#several a:link,#several span.current,#several a:visited{line-height: 42px; color:#484848; border:1px solid #ccc; text-decoration:none; padding: 3px 5px; margin-left:5px;} #several span.current,#several a:hover{color: #026378; border:1px solid #026378; text-decoration:none;} /*产品详细页面及上一个下一个*/ #cp_lr{width: 95%; margin: 0px auto; margin-left: 24px; padding-top: 15px; padding-bottom: 10px; text-align:center;} #cp_lr a{ text-decoration:underline; font-size:14px; color:#3366CC; font-weight:bold;} #cp_lr img{float: none; margin: 10px auto 20px auto;} #cp_lr p{text-align: left; padding-left: 30px; padding-bottom: 15px; line-height: 24px;} #cp_lr td.title{font-weight: bold;} #cp_lr table,table.rc{word-wrap: break-word; table-layout: fixed; word-break: break-all; border: solid 1px #dfdfdf; border-width:1px 0px 0px 1px; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 15px;} #cp_lr table th,table.rc th,#cp_lr table td,table.rc td{border: solid 1px #dfdfdf; border-width:0px 1px 1px 0px; padding: 5px; text-align:center;} .cpc{width: 95%; margin: 0px auto; margin-left: 12x; padding-top: 15px; padding-bottom: 10px; text-align:left; clear:both; line-height:20px;} #up_down{width: 96%; margin: 15px auto 25px auto; padding-left: 15px; line-height: 32px; text-align: left; border: dashed 1px #dfdfdf;} #up_down span a{fong-size: 12px; font-weight: normal; color: #484848; text-decoration: underline;} #up_down span a:hover{color: #026378; text-decoration:underline;} /*产品详细页-相关产品*/ h3.chanpin-title{width: 830px; height: 30px; line-height: 30px; margin: 20px 20px 15px 8px; padding-left: 20px; font-size: 14px; border: solid 1px #dfdfdf;} #related_product{margin-left: 15px;} #related_product li img{width: 188px; height: 188px; margin-bottom: 8px; border: solid 1px #dfdfdf; text-align: center;} #related_product h4{margin:0px; padding: 0px; font-size:12px; font-weight: normal; line-height:22px;} #related_product li{float:left; width: 188px; padding-right: 26px; _padding-right: 24px; list-style: none; text-align:center} /*图片点击放大效果*/ #lightbox{position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; font:Arial, Helvetica, sans-serif; font-size:14px} #lightbox a img{ border: none;} #outerImageContainer{position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;} #imageContainer{padding: 10px;} #loading{position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;} #hoverNav{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;} #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{width: 49%; height: 100%; background: transparent url(blank.gif) no-repeat; display: block;} #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(nextlabel.gif) right 15% no-repeat; } #imageDataContainer{font: 14px Arial, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em;} #imageData{ padding:0 10px; color: #666;} #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; } #overlay{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 380px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;} .clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} * html .clearfix {height: 1%;} .clearfix {display: block;} /*新闻列表详细页面*/ #news-content{width: 878px; float: left; margin: auto;} #news-content ul{list-style: none; padding-top: 10px;} #news-content li{line-height: 36px; border-bottom: dashed 1px #c5c5c2; background: url(news_li.gif) no-repeat left center;} #news-content li a{padding-left: 13px;} #news-content span{float: right; color: #6e6e6e;} #news_concern{margin:auto; padding: 10px 28px 0px 30px; line-height:26px; font-size:12px; margin-bottom: 30px; text-align: left;} #news_concern p{line-height: 26px;} #news_concern img{margin: 10px 0;} /*标题下的信息，如发布时间、点击次数等*/ #title_extra{display:block; line-height: 24px; text-align:center; margin:auto;} p#help{width:92%; margin: 10px auto; line-height: 30px; padding-left: 10px; padding-right: 10px; font-weight: bold; text-align: left; border: dotted 1px #68d805;} /*底部内容*/ #footer{width: 100%; margin: 0 auto; float: left; clear: both; padding-bottom: 30px; background: url(footer_bg.jpg) no-repeat center top;} #bottom{width: 1130px; position: relative; margin: 0 auto;} #bottom p{width: 1130px; float: left; margin: 0 auto; text-align: center; font-size: 11px; color: #626262; line-height: 26px; margin-top: -15px;} #footer_r{width: 870px; height: 245px; float: left; margin: 0 auto; padding-top: 26px;} ul.kslj_list li{width: 110px; float:left; line-height:22px; font-size: 11px; margin-left:5px; list-style: none;} ul.kslj_list li span{display: block; color:#595959; font-size: 16px;} ul.kslj_list li a{line-height: 25px; color: #6b6b6b;} ul.kslj_list li a:hover{color: #026378;} #yuejiao{width: 261px; position: absolute; top:0; right: 0;} #yuejiao img{float: left; padding-bottom: 10px;} #yuejiao span{float: left; color: #3b3b3b;} #foot_right{width: 261px; float: left; padding-top: 15px;} #ewm{width: 94px; float: left; padding-right: 12px;} #foot_other{width: 146px; float: right; padding-right: 8px;} #search{height: 23px; float: right; margin-top: -40px; margin-right: 6px;} #input{width: 121px; height: 23px; line-height: 23px; text-indent: 12px; border: none; background: url(input_bg.jpg) no-repeat;} #primary{width: 100%; height: 166px; float: left; margin: 0 auto; margin-top: 20px; background: url(primary_bg.jpg) no-repeat center 19px;} #cooperation{width: 1130px; margin: 0 auto;} #cooperation h2{height: 49px; line-height: 34px; font-size: 18px; color: #fff; padding-left: 20px; font-weight: normal; background: url(hzlc.jpg) no-repeat;} .cooperation_h6{height: 49px; line-height: 34px; font-size: 18px; color: #fff; padding-left: 20px; font-weight: normal; background: url(hzlc.jpg) no-repeat;} #quotation{width: 562px; float: left;} #quotation img,#ordering img{float: left; padding-top: 7px; padding-right: 15px; } #quotation p,#ordering p{color: #5e5e5e;} #ordering{width: 568px; float: left;} #prom{width: 1130px; margin: 0 auto;} #prom h1{height: 49px; line-height: 49px; font-size: 18px; font-weight:bold; color:#007FAB; font-weight: normal; border-bottom:2px solid #6AA6BC; margin-bottom:7px; clear:both;} #prom ul{ width:1130px;overflow:hidden;} #prom p{text-indent: 2em;line-height: 25px; padding-top: 10px;font-size: 11px;color: #000;} .opro{} .contact_css td{ padding-right:40px; line-height:40px; font-size:14px; } #secondary .cp{width: 430px; margin:0; padding:0px; margin-bottom:5px; float:left; line-height: 16px; padding-right:6px;line-height: 20px; height: 170px;} #secondary .cp p{line-height: 20px; text-indent:0; margin:0px; padding:0px; padding-right:6px;} #secondary .cp table{ background:#dedede; border:0px; } #secondary .cp table td{ background:#fff; line-height:22px;} #secondary .cp img{float:left; margin: 10px 10px 0 0; padding: 2px; border: solid 1px #b0c9dd; background-color: #fff;} #secondary .cp h3{font-size:12px; height:26px; line-height:26px; margin:0; font-weight: normal; padding:0px; margin:0px; font-weight:bold;} #secondary .cp h3 a{ text-decoration:underline;} .cp2{width: 550px; margin:0; padding:0px; margin-bottom:5px; float:left; line-height: 16px; padding-right:6px;line-height: 20px; } .cp2 p{line-height: 20px; text-indent:0; margin:0px; padding:0px; padding-right:6px;} .cp2 table{ background:#dedede; border:0px; } .cp2 table td{ background:#fff; line-height:22px;} .cp2 img{float:left; margin: 10px 10px 0 0; padding: 2px; border: solid 1px #b0c9dd; background-color: #fff;} .cp2 b{font-size:12px; height:26px; line-height:26px; margin:0; font-weight: normal; padding:0px; margin:0px; font-weight:bold;} .cp2 b a{ text-decoration:none;} .commendSeriesList{ width:1130px;} .commendSeriesList ul{ width:1100px; height:120px; line-height:33px; list-style:none; border:1px solid #E6E6E6; margin:0 auto; margin-top:12px; background:#F6F6F6;} .commendSeriesList ul li{ float:left; padding:0px 20px 0px 10px; line-height:25px; width:120px; background:url(d.jpg) left center no-repeat; text-indent:5px;} .commendSeriesList ul .head{ font-weight:bold; width:12px; text-align:right; background:none; line-height:25px;padding-top:10px;height:110px;text-indent:0 } table.biaoge{border:1px solid #E8E8E8;border-width:1px 0px 0px 1px;text-align:center; margin-bottom:15px;} table.biaoge td{border:1px solid #E8E8E8;border-width:0px 1px 1px 0px;padding:5px;text-align:left; line-height:20px;} table.biaoge img {border:0;} /*禁止选择内容(FF)*/ .notselect{-moz-user-select:none;} div#qr1 { position: absolute; top: 0px; right:20px; z-index:999; width:80px; } #qr1 b{float:left;width:80px;text-align:center;background:#333;color:#fff;} div#qr { position: absolute; top: 150px; right:20px; z-index:999; width:120px; } #qr b{float:left;width:120px;text-align:center;background:#333;color:#fff;} ul.ulprom{list-style-type:none; text-align:center;} ul.ulprom li{float:left; margin-right:21px; width:167px; height:215px;} ul.ulprom li a{display: block;} ul.ulprom li img{margin-top: 10px; text-align: center; padding: 2px; border: solid 1px #dfdfdf; background-color: #fff;} ul.ulprom li h3{line-height: 18px; padding-top: 10px; text-align: center; font-weight: normal;} .arti{width: 230px; float: left; margin-top: 10px; border: solid 1px #e7e7e7;} /*.arti h2{height: 45px; line-height: 45px; padding-left: 18px; font-size: 16px; color: #2e2e2e; border-bottom: solid 1px #e7e7e7; background: url(title_5.jpg) no-repeat;}*/ span.moo{float: right; margin-top: -32px; padding-right: 16px;} .arti span{padding-left: 7px; font-size: 14px; color: #838281; font-weight: normal;} .arti img{clear:both; padding-bottom: 5px;} .arti ul{ list-style: none;} .arti ul li{width: 230px; float: left; clear: left; list-style: none; background: url(product_listp-li.jpg) no-repeat;} .arti ul li a{height: 20px; line-height: 20px; display: block; padding-left: 38px;} .arti ul li a:hover{color: #026378; text-decoration: none; background: url(jt_line.gif) no-repeat 2px 8px;} #news02{width: 250px; float:right; margin: 0 auto; margin-bottom: 32px;} #news02 h2{height: 45px; line-height: 45px; font-size: 16px; color: #007f7e; border-bottom: solid 2px #6aa6bc;} .news02_h6{height: 45px; line-height: 45px; font-size: 16px; color: #007f7e; border-bottom: solid 2px #6aa6bc;} span.more{float: right; margin-top: -30px; padding-right: 7px;} span.more a{color: #9c9a9b;} span.more a:hover{color: #026378;} .jieshao02 span{float:right;} .jieshao02{line-height:30px;} .relatei{font-size: 14px;color: #000; /*margin-left:100px;*/} .relatei a{font-size: 14px;color: #000; padding-left:5px;text-decoration: none;} .main_content .container { width: 100%;} .main_content .main_left .left_bg02 .my_wrapper_inner { overflow: hidden; } .main_content .main_left .left_bg02 .my_wrapper_inner ul li { float: unset; padding: 15px 25px 11px 10px; border-bottom: 1px solid rgba(204,204,204,0.5);} .main_content .main_left .left_bg02 .my_wrapper_inner ul li a { font-size: 16px; white-space: nowrap; } .main_content .main_left .left_bg02 .my_wrapper_inner ul li a:hover { color: #04667f; } .main_content .pro_cate_content .pro_cate { background-color: #fff; padding-top: 20px; } .main_content .pro_cate_content .pro_cate .container .pro_series_title { font-size: 25px; font-weight: bold; color: #1f1f1f; } .main_content .pro_cate_content .pro_cate .container > ul.pro_r > li { margin-top: 25px; } .main_content .pro_cate_content .pro_cate .container > ul.pro_r > li a { width: 100%; height: 100%; color: #4b4b4b; } .main_content .pro_cate_content .pro_cate .container > ul.pro_r > li a .img { border: 1px solid #ddd; border-bottom: 5px solid #04667f; position: relative; } .main_content .pro_cate_content .pro_cate .container > ul.pro_r > li a .img:hover .mask { visibility: visible; } .main_content .pro_cate_content .pro_cate .container > ul.pro_r > li a .img img { width: 100%; } .main_content .pro_cate_content .pro_cate .container > ul.pro_r > li a .img .mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; background-color: rgba(181, 162, 11, 0.7);display: flex; flex-direction: column; justify-content: center; align-items: center; visibility: hidden; } .main_content .pro_cate_content .pro_cate .container > ul.pro_r > li a .img .mask p { font-size: 16px; margin-top: 5px; width: 100%; text-align: center;} .main_content .pro_cate_content .pro_cate .container > ul.pro_r > li a .img .mask .icon { margin-top: 10px; background-color: #fff; color: #04667f; width: 60px; height: 60px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; } .main_content .pro_cate_content .pro_cate .container > ul.pro_r > li a .img .mask .icon i { font-size: 20px; } .main_content .pro_cate_content .pro_cate .container > ul.pro_r > li a .img .mask .icon i { font-size: 14px; } } .main_content .pro_cate_content .pro_cate .container > ul.pro_r > li a .bottom span.title { display: block; padding: 15px 5px 0 5px; text-align: center;} .main_content .pro_cate_content .pro_contact { background-color: #f6f6f6; padding-bottom: 40px; padding-top: 30px; } .main_content .pro_cate_content .pro_contact p { color: #000; font-size: 25px; } .main_content .pro_cate_content .pro_contact a { border: 1px solid #4b4b4b; font-size: 16px; border-radius: 25px; padding: 5px 30px; color: #4b4b4b; margin-top: 30px; } .main_content .pro_cate_content .pro_contact a:hover { color: #fff; background-color: #04667f; border-color: #04667f; } .main_content .product_content .pro_img_title { background-color: #ffffff; padding-top: 50px; padding-bottom: 20px; } .main_content .product_content .pro_img_title .row { display: flex; padding-bottom: 90px; } .main_content .product_content .pro_img_title .row .pit_left .cloudZoomBox { position: relative; } .main_content .product_content .pro_img_title .row .pit_left .cloudZoomBox .jqueryzoom { background-color: #fff; text-align: left; display: flex; justify-content: center; position: relative; border: 1px solid #ccc;} .main_content .product_content .pro_img_title .row .pit_left .cloudZoomBox .jqueryzoom .videos { display: none; border: 1px solid #080808; position: fixed; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); z-index: 900; width: 70%; height: 90%; } .main_content .product_content .pro_img_title .row .pit_left .cloudZoomBox .jqueryzoom .videos video { width: 100%; height: 100%; object-fit: cover; } .main_content .product_content .pro_img_title .row .pit_left .cloudZoomBox .jqueryzoom .videos i.iconfont { position: absolute; right: 1%; top: 1%; border-radius: 100%; cursor: pointer; color: #fff; font-size: 20px; } .main_content .product_content .pro_img_title .row .pit_left .cloudZoomBox .jqueryzoom .show_img { width: 100%; cursor: pointer; } .main_content .product_content .pro_img_title .row .pit_left .cloudZoomBox .jqueryzoom .show_img:hover .cloud_icon { bottom: 50%; right: 50%; transform: translate3d(50%, 50%, 0); } .main_content .product_content .pro_img_title .row .pit_left .cloudZoomBox .jqueryzoom .show_img img { width: 100%; } .main_content .product_content .pro_img_title .row .pit_left .cloudZoomBox .jqueryzoom .prev, .main_content .product_content .pro_img_title .row .pit_left .cloudZoomBox .jqueryzoom .next { cursor: pointer; display: flex; align-items: center; background-color: #fff; padding: 0 20px; } .main_content .product_content .pro_img_title .row .pit_left .cloudZoomBox .jqueryzoom .prev i.iconfont, .main_content .product_content .pro_img_title .row .pit_left .cloudZoomBox .jqueryzoom .next i.iconfont { font-size: 30px; } .main_content .product_content .pro_img_title .row .pit_left .cloudZoomBox .jqueryzoom .cloud_icon { position: absolute; right: 0; bottom: 0; width: 50px; height: 50px; line-height: 50px; text-align: center; transition: all 0.3s ease-in-out; } .main_content .product_content .pro_img_title .row .pit_left .cloudZoomBox .jqueryzoom .cloud_icon i.iconfont { color: #9c9c9c; font-size: 40px; } .main_content .product_content .pro_img_title .row .pit_left .cloudZoomBox .small_imgs { position: absolute; left: 0; bottom: -90px; width: 100%; display: flex; } .main_content .product_content .pro_img_title .row .pit_left .cloudZoomBox .small_imgs li:nth-child(1) img { margin-left: 0; border: 1px solid #ccc; } .main_content .product_content .pro_img_title .row .pit_left .cloudZoomBox .small_imgs li img { width: 75px; margin-left: 15px; margin-top: 20px; } .main_content .product_content .pro_img_title .row .pit_right { text-align: left; display: flex; flex-direction: column; } .main_content .product_content .pro_img_title .row .pit_right > div { padding: 20px 36px; margin-top: 2px; background-color: #f6f6f6; } .main_content .product_content .pro_img_title .row .pit_right > div.line1 { font-size: 18px; } .main_content .product_content .pro_img_title .row .pit_right > div.line2 { color: #383838; font-size: 20px; } .main_content .product_content .pro_img_title .row .pit_right > div.line3 span { font-size: 18px; } .main_content .product_content .pro_img_title .row .pit_right > div.line3 p { font-size: 14px; } .main_content .product_content .pro_img_title .row .pit_right > div.line4 { flex: 1; } .main_content .product_content .pro_img_title .row .pit_right > div.line4 > a { margin-top: 15px; width: 100%; background-color: #04667f; color: #fff; font-weight: bold; padding: 10px 40px; display: inline-flex; justify-content: center; align-items: center; } .main_content .product_content .pro_img_title .row .pit_right > div.line4 > a i.iconfont { font-size: 40px; line-height: 1; } .main_content .product_content .pro_img_title .row .pit_right > div.line4 > a span { margin-left: 10px; font-size: 20px; } .main_content .product_content .pro_img_title .row .pit_right > div.line4 .share_box { margin-top: 20px; display: flex; justify-content: center; } .main_content .product_content .pro_img_title .row .pit_right > div.line4 .share_box a { width: 25px; height: 25px; margin: 0 2px; color: #fff; font-size: 16px; text-align: center; line-height: 25px; } .main_content .product_content .pro_img_title .row .pit_right > div.line4 .share_box a.icon-facebook1 { background-color: #3b5998; } .main_content .product_content .pro_img_title .row .pit_right > div.line4 .share_box a.icon-ttww { background-color: #1da1f2; } .main_content .product_content .pro_img_title .row .pit_right > div.line4 .share_box a.icon-LinkedinIn { background-color: #221e1e; } .main_content .product_content .product_details .pro_tabs { padding: 10px 0; } .main_content .product_content .product_details .pro_tabs .my_wrapper_pro_tabs ul.nav-tabs { border-bottom: 3px solid #e2e2e2; } .main_content .product_content .product_details .pro_tabs .my_wrapper_pro_tabs ul.nav-tabs > li { margin: 0; } .main_content .product_content .product_details .pro_tabs .my_wrapper_pro_tabs ul.nav-tabs > li > a { border: none; margin: 0; border-radius: 0; padding: 10px 30px; } .main_content .product_content .product_details .pro_tabs .my_wrapper_pro_tabs ul.nav-tabs > li.active a { color: #fff; background-color: #545454; position: relative; } .main_content .product_content .product_details .pro_tabs .my_wrapper_pro_tabs ul.nav-tabs > li.active a::before { content: ''; position: absolute; bottom: -3px; left: 0; width: 100%; height: 3px; background-color: #04667f; } .main_content .product_content .product_details .pro_tabs .my_wrapper_pro_tabs ul.nav-tabs > li.active a::after { content: ''; position: absolute; left: 50%; bottom: -10px; transform: translateX(-50%); border-top: 10px solid #04667f; border-left: 10px solid transparent; border-right: 10px solid transparent; } .main_content .product_content .product_details .pro_tabs .tab-content { text-align: left; color: #424242; padding: 30px 6px; font-size: 16px;line-height: 26px;} .main_content .product_content .product_details .pro_tabs .tab-content a{color: #424242;font-size: 16px;} .main_content .product_content .product_details .pro_tabs .tab-content p img{ width: unset; max-width: 100%;} .main_content .product_content .product_details .pro_tabs .tab-content .tab-pane#pro_description .img_box { overflow: hidden; margin-top: 20px; } .main_content .product_content .product_details .pro_tabs .tab-content .tab-pane#pro_description .img_box img { float: left; margin-left: calc((100% - 96%) / 2); width: 48%; } .main_content .product_content .product_details .pro_tabs .tab-content .tab-pane#pro_description .img_box img:nth-child(1) { margin-left: 0; } .main_content .product_content .product_details .pro_tabs .tab-content .tab-pane#pro_parameters table { border: 1px solid #ccc; } .main_content .product_content .product_details .pro_tabs .tab-content .tab-pane#pro_parameters table tr td { border: 1px solid #ccc; } .main_content .product_content .product_details .leave_message .top { background-color: #01a2ea; text-align: left; } .main_content .product_content .product_details .leave_message .top span { position: relative; background-color: #018ee4; padding: 10px 40px; color: #fff; display: inline-block; } .main_content .product_content .product_details .leave_message .top span::after { content: ''; position: absolute; left: 50%; bottom: -8px; transform: translateX(-50%); border-top: 8px solid #018ee4; border-left: 8px solid transparent; border-right: 8px solid transparent; } .main_content .product_content .product_details .leave_message form { padding-top: 30px; padding-bottom: 30px; } .main_content .product_content .product_details .leave_message form table { width: 90%; margin: 0 auto; text-align: left; } .main_content .product_content .product_details .leave_message form table tr td { padding-top: 15px; } .main_content .product_content .product_details .leave_message form table tr td span { margin-bottom: 10px; font-size: 20px; display: inline-block; } .main_content .product_content .product_details .leave_message form table tr input { border-left: 3px solid #003e5b; } .main_content .product_content .product_details .leave_message form table tr textarea { border-left: 3px solid #003e5b; } .main_content .product_content .product_details .leave_message form table tr .td_name input, .main_content .product_content .product_details .leave_message form table tr .td_phone input, .main_content .product_content .product_details .leave_message form table tr .td_Email input { width: 50%; } .main_content .product_content .product_details .leave_message form input.item { border: 1px solid #04667f; color: #000; padding: 5px 30px; margin-top: 40px; background-color: transparent; margin-left: 10px; } .main_content .product_content .product_details .leave_message form input.item:hover { background-color: #04667f; border-color: #04667f; color: #fff; } .main_content .product_content .look_others { background-color: #f2f2f2; padding: 50px 0; } .main_content .product_content .look_others .title { text-align: left; } .main_content .product_content .look_others .title span { font-size: 20px; color: #565656; } .main_content .product_content .look_others .look_content { margin-top: 20px; } .main_content .product_content .look_others .look_content ul li { margin-top: 15px; } .main_content .product_content .look_others .look_content ul li a { display: block; background-color: #fff; } .main_content .product_content .look_others .look_content ul li a span.tit { display: block; text-align: center; padding: 10px; color: #565656; } .main_content .product_content .look_others .look_content ul li a .img img { width: 100%; } .main_content .product_content .look_others .look_content ul li a .view { color: #565656; padding: 10px 10px; display: flex; justify-content: center; align-items: center; } .main_content .product_content .look_others .look_content ul li a .view span { display: block; } .main_content .product_content .look_others .look_content ul li a .view i { margin-left: 5px; font-size: 18px; } .main_content .product_content .two_contact { padding: 50px 0; } .main_content .product_content .two_contact p.tit { font-size: 25px; color: #000; } .main_content .product_content .two_contact .links a { width: 250px; display: inline-flex; justify-content: center; align-items: center; border: 1px solid #4b4b4b; border-radius: 20px; padding: 6px 0; color: #4b4b4b; margin: 0 20px; margin-top: 20px; } .main_content .product_content .two_contact .links a:hover { background-color: #04667f; color: #fff; border-color: #04667f; } .main_content .news_cate_content .news_cate { background-color: #f5f5f5; padding-top: 50px; } .main_content .news_cate_content .news_cate .container > ul.new_r { display: flex; flex-wrap: wrap; } .main_content .news_cate_content .news_cate .container > ul.new_r > li { margin-top: 25px; background-color: #fff; } .main_content .news_cate_content .news_cate .container > ul.new_r > li a { display: flex; flex-direction: column; height: 100%; } .main_content .news_cate_content .news_cate .container > ul.new_r > li a:hover .bottom .b_box span.title { color: #04667f; } .main_content .news_cate_content .news_cate .container > ul.new_r > li a:hover .bottom .b_box span.time { color: #04667f; } .main_content .news_cate_content .news_cate .container > ul.new_r > li a .bottom { display: flex; flex-direction: column; flex: 1; } .main_content .news_cate_content .news_cate .container > ul.new_r > li a .bottom .b_box { flex: 1; text-align: left; padding: 20px; background-color: #fff; display: flex; justify-content: space-between; } .main_content .news_cate_content .news_cate .container > ul.new_r > li a .bottom .b_box span { display: block; } .main_content .news_cate_content .news_cate .container > ul.new_r > li a .bottom .b_box span.time { color: #ccc; } .main_content .news_cate_content .news_cate .container > ul.new_r > li a .bottom .b_box span.title { color: #000; font-weight: bold; } .main_content .news_cate_content .news_cate .container > ul.new_r > li a .bottom p.desc { color: #686868; text-align: left; padding: 0 20px; } .main_content .news_cate_content .news_cate .container > ul.new_r > li a .bottom .empty_box { background-color: #fff; margin-top: 2px; height: 20px; } .main_content .news_cate_content .news_contact { padding-bottom: 40px; padding-top: 30px; } .main_content .news_cate_content .news_contact p { color: #000; font-size: 25px; } .main_content .news_cate_content .news_contact a { border: 1px solid #4b4b4b; font-size: 16px; border-radius: 25px; padding: 5px 30px; color: #4b4b4b; margin-top: 30px; } .main_content .news_show_content { margin-top: 40px; } .main_content .news_show_content .row { padding-bottom: 40px; } .main_content .news_show_content .row .news_show { text-align: left; padding-right: 40px; padding-bottom: 20px; border-right: 1px solid #cdcdcd; } .main_content .news_show_content .row .news_show .news_top p.new_title { font-size: 20px; color: #000; font-weight: bold; } .main_content .news_show_content .row .news_show .news_top span.time { font-size: 12px; } .main_content .news_show_content .row .news_show .show_news_box { margin-top: 20px; } .main_content .news_show_content .row .news_show .show_news_box img { max-width: 100%; } .main_content .news_show_content .row .xgzx { padding-left: 40px; text-align: left; } .main_content .news_show_content .row .xgzx p.tit { color: #000; font-size: 20px; font-weight: bold; } .main_content .news_show_content .row .xgzx ul li { margin-top: 30px; } .main_content .news_show_content .row .xgzx ul li a { display: block; } .main_content .news_show_content .row .xgzx ul li a .img img { width: 100px; } .main_content .news_show_content .row .xgzx ul li a p.desc { margin-top: 20px; color: #878787; } .main_content .qualification_content .qualification_img_title { padding: 30px 0; } .main_content .qualification_content .qualification_img_title .title { font-size: 25px; font-weight: bold; } .main_content .qualification_content .qualification_img_title .img { margin-top: 20px; } .main_content .qualification_content .qualification_img_title .img img { width: auto; max-width: 100%; } .main_content .workshop_cate_content ul.workshop_r li { margin-top: 30px; } .main_content .workshop_cate_content ul.workshop_r li a:hover .bottom .b_box span.title { color: #04667f; } .main_content .workshop_cate_content ul.workshop_r li a .img img { width: 100%; } .main_content .workshop_cate_content ul.workshop_r li a .bottom .b_box span.title { font-size: 16px; padding: 5px; display: block; } .main_content .workshop_show .container .row .show_workshop_img { margin-top: 20px; } .main_content .workshop_show .container .row .show_workshop_img img { width: 100%; } .main_content nav.nav_pagination { padding: 30px 0; text-align: center;} .main_content nav.nav_pagination ul li a { border: 1px solid #cbcbcb; border-radius: 5px; margin: 0 3px; color: #666666; } .main_content nav.nav_pagination ul li a.nav_active { color: #fff; background-color: #04667f; } .main_content .show_page li { text-align: left; } .main_content .show_page li a { margin-top: 10px; } .main_content .show_page li { text-align: left; } .main_content .show_page li a { margin-top: 10px; } .main_content .lonely_page_content { padding: 30px 0; } .main_content .lonely_page_content img { max-width: 100%; } .main_content .contact_page_content .container .content { text-align: left; padding: 30px 20px;margin-top: 30px; box-shadow: 0 0 30px #ddd;overflow: hidden; margin-bottom: 30px;} .main_content .contact_page_content .container .content ul { display: flex; flex-wrap: wrap; } .main_content .contact_page_content .container .content ul li { display: flex; padding: 20px 15px; border-bottom: 1px solid #e5e5e5; margin-top: 20px; } .main_content .contact_page_content .container .content ul li .left_icon { margin-top: -10px; } .main_content .contact_page_content .container .content ul li .left_icon i.iconfont { font-size: 30px; color: #000; } .main_content .contact_page_content .container .content ul li .right_text { margin-left: 5px; } .main_content .contact_page_content .container .content ul li .right_text span.tit { color: #000; font-size: 16px; font-weight: bold; } .main_content .contact_page_content .container .content ul li .right_text p.desc { margin-top: 10px; } .main_content .contact_page_content .container .content ul .other_way { flex-direction: column; } .main_content .contact_page_content .container .content ul .other_way span.other_way_tit { color: #000; font-size: 20px; font-weight: bold; margin-top: -10px; } .main_content .contact_page_content .container .content ul .other_way .icons { margin-top: 10px; } .main_content .contact_page_content .container .content ul .other_way .icons a { color: #fff; width: 48px; height: 48px; font-size: 30px; line-height: 48px; border-radius: 50%; text-align: center; margin-right: 15px; } .main_content .contact_page_content .container .content ul .other_way .icons a:nth-child(1) { background-color: #0d529d; } .main_content .contact_page_content .container .content ul .other_way .icons a:nth-child(2) { background-color: #047cd2; } .main_content .contact_page_content .container .content ul .other_way .icons a:nth-child(3) { background-color: #00aff0; } .main_content .contact_page_content .container .form_box { padding: 60px 0 50px 0; } @media (max-width: 768px) { .main_content .contact_page_content .container .form_box { padding: 2.08333rem 0 1.73611rem 0; } } .main_content .contact_page_content .container .form_box .shadow_box { padding-top: 50px; box-shadow: 0 0 30px #ddd; } @media (max-width: 768px) { .main_content .contact_page_content .container .form_box .shadow_box { padding-top: 1.73611rem; } } .main_content .contact_page_content .container .form_box .shadow_box .form_title { font-size: 30px; color: #000; font-weight: bold; } @media (max-width: 768px) { .main_content .contact_page_content .container .form_box .shadow_box .form_title { font-size: 22px; } } .main_content .contact_page_content .container .form_box .shadow_box form { padding-bottom: 50px; } @media (max-width: 768px) { .main_content .contact_page_content .container .form_box .shadow_box form { padding-bottom: 1.73611rem; } } .main_content .contact_page_content .container .form_box .shadow_box form table { width: 70%; margin: 0 auto; text-align: left; } @media (max-width: 768px) { .main_content .contact_page_content .container .form_box .shadow_box form table { width: 90%; } } .main_content .contact_page_content .container .form_box .shadow_box form table tr td { padding-top: 50px; } @media (max-width: 768px) { .main_content .contact_page_content .container .form_box .shadow_box form table tr td { padding-top: 1.73611rem; } } .main_content .contact_page_content .container .form_box .shadow_box form table tr td span { color: #000; margin-bottom: 10px; font-size: 20px; display: inline-block; font-weight: bold; } @media (max-width: 768px) { .main_content .contact_page_content .container .form_box .shadow_box form table tr td span { font-size: 18px; } } .main_content .contact_page_content .container .form_box .shadow_box form table tr .td_name input, .main_content .contact_page_content .container .form_box .shadow_box form table tr .td_Email input { width: 100%; } .main_content .contact_page_content .container .form_box .shadow_box form input.item {margin: 0 auto; display: block; color: #fff; padding: 5px 100px; margin-top: 40px; border-radius: 20px; background-color: #04667f; font-size: 16px; font-weight: bold; } .main_content .contact_page_content .container .map { margin-bottom: 30px; } /* .main_content .product_content .pit_left{width: 50%;padding-right: 15px;padding-left: 15px;float: left;} .main_content .product_content .pit_right{width: 50%;padding-right: 15px;padding-left: 15px;float: left;} */ .main_content .product_content .pit_left .small_imgs li{list-style: none;} .main_content .product_content .pit_left .jqueryzoom>img{width: 100%;} .main_content .product_content .pro_img_title .row .pit_right > .line3{height: 340px;} .main_content .product_content .nav-tabs a{font-size: 14px;} .banner_index_xs .swiper-slide img{width: 100%;} .banner_index_xs .swiper-containerss{overflow: hidden;} .footerDiv{display: none;} @media (min-width: 1024px) and (max-width: 1199px) { #header{width: 100%;} #logo{height: auto;} #logo img{padding-left: 15px;} #top{width: 100%;} #top_right{position: absolute;right: 0px;top: 38px;} #navbar{width: 100%;} div#qr1{display: none;} #navbar ul{overflow: hidden;padding-left: 0px;} #navbar li{width: 14% !important;} #navbar li a{width: 100%;} #prom{width: 100%;padding-left: 10px;padding-right: 10px;} #prom ul{width: 100%;} ul.ulprom li{width: 20%;padding-left: 4px;padding-right: 4px;margin-right:0px;height: auto;} ul.ulprom li img{width: 100%;height: auto;} ul.ulprom li h3 a{height: 18px;overflow: hidden;} #main{background: none;} #choose{display: none;width: 100%;} #sidebox{display: none;} #content{width: 100%;padding-left: 15px;padding-right: 15px;} #container{width: 100%;} #news{width: 49%;} .jieshao{width: 100%;margin-left:0px;margin-bottom: 20px;} #news02{width: 49%;} #xinwen{margin-left: 0px;} .jieshao p{padding-top:0px;height:auto;} span.time{display: none;} .authenticate-center{width: 49%;height: auto;} #service h2{margin-top: 0px;} .customer{width: 100%;} .authenticate-center2{display: none;} #service{width: 100%;height: auto;width: 49%;height: auto;float: right;background: none;} #commitment{width: 100%;} #affter{width: 100%;} #primary{height: auto;padding-left: 15px;padding-right: 15px;background: none;} #cooperation{width: 100%;} #quotation{width: 49%;margin-bottom: 20px;} #ordering{width: 49%;margin-bottom: 20px;width: 49%;float: right;} .table_index{display: none;} .cooperation_h6{margin-top: 0px;} #footer{background-size: cover;padding-left: 15px;padding-right: 15px;} #bottom{width: 100%;} #footer_r{display: none;} #yuejiao{width: 100%;position: relative;display: none;} #bottom p{width: 100%;} div#qr{display: none;} .commendSeriesList{width: 100%;display: none;} #secondary, #default_inside{width: 75%; margin-right: 0px; padding-top: 0px;} #sidebar{width: 20%;} #news-content{width: 100%;} #default{margin-top: 0px;} #wrapper{background: none;padding-left: 15px;width: 100%;padding-right: 15px;} #news_concern img{width: 100%;} #news_concern{padding: 10px 0px 0px 0px;} #flash-news{height: auto;background: none;} #flash-news img{width: 100%;} #chanpin{width: 100%;} ul.imglist li h3 a{height: 18px;overflow: hidden;} ul.imglist li{width: 50%;padding-left: 4px;padding-right: 4px;margin-right:0px;} ul.imglist li img{width: 100%;height: auto;} #secondary>div{width: 100% !important;} .footerDiv {display: block;background: #005293;position: fixed;display: block;bottom: 0px;width: 100%;z-index: 9999999;} .footerWrap li {text-align: center;margin-top: 6px;width: 25%;float: left;} .footerWrap li a {color: #fff;font-size: 15px;display: block;} .footerWrap li i {display: block;} .footer_bottom{margin-bottom: 60px;} #cp_lr img{width: 100%;} h3.chanpin-title{width: 100%;} #related_product li{width: 50%;padding-left: 4px;padding-right: 4px;} #related_product li img{width: 100%;height: auto;} .pro_img_title .container{padding-left: 0px;padding-right: 0px;} .pit_left{width: 100%;} .pit_right{width: 100%;} .pro_img_title .col-md-6{width: 100%;padding-left: 0px;padding-right: 0px;} .main_content .product_content .pro_img_title .row{display: initial;} #flash-product{height: auto;background: none;} #flash-product img{width: 100%;} #flash-aboot{height: auto;background: none;} #flash-aboot img{width: 100%;} } @media (min-width: 768px) and (max-width: 1023px) { #header{width: 100%;} #logo{height: auto;} #logo img{padding-left: 15px;} #top{width: 100%;} #top_right{position: absolute;right: 0px;top: 38px;} #navbar{width: 100%;} div#qr1{display: none;} #navbar ul{overflow: hidden;padding-left: 0px;} #navbar li{width: 14% !important;} #navbar li a{width: 100%;} #prom{width: 100%;padding-left: 10px;padding-right: 10px;} #prom ul{width: 100%;} ul.ulprom li{width: 25%;padding-left: 4px;padding-right: 4px;margin-right:0px;height: auto;} ul.ulprom li img{width: 100%;height: auto;} ul.ulprom li h3 a{height: 18px;overflow: hidden;} #main{background: none;} #choose{display: none;width: 100%;} #sidebox{display: none;} #content{width: 100%;padding-left: 15px;padding-right: 15px;} #container{width: 100%;} #news{width: 49%;} .jieshao{width: 100%;margin-left:0px;margin-bottom: 20px;} #news02{width: 49%;} #xinwen{margin-left: 0px;} .jieshao p{padding-top:0px;height:auto;} span.time{display: none;} .authenticate-center{width: 49%;height: auto;} #service h2{margin-top: 0px;} .customer{width: 100%;} .authenticate-center2{display: none;} #service{width: 100%;height: auto;width: 49%;height: auto;float: right;background: none;} #commitment{width: 100%;} #affter{width: 100%;} #primary{height: auto;padding-left: 15px;padding-right: 15px;background: none;} #cooperation{width: 100%;} #quotation{width: 49%;margin-bottom: 20px;} #ordering{width: 49%;margin-bottom: 20px;width: 49%;float: right;} .table_index{display: none;} .cooperation_h6{margin-top: 0px;} #footer{background-size: cover;padding-left: 15px;padding-right: 15px;} #bottom{width: 100%;} #footer_r{display: none;} #yuejiao{width: 100%;position: relative;display: none;} #bottom p{width: 100%;} div#qr{display: none;} .commendSeriesList{width: 100%;display: none;} #secondary, #default_inside{width: 75%; margin-right: 0px; padding-top: 0px;} #sidebar{width: 20%;} #news-content{width: 100%;} #default{margin-top: 0px;} #wrapper{background: none;padding-left: 15px;width: 100%;padding-right: 15px;} #news_concern img{width: 100%;} #news_concern{padding: 10px 0px 0px 0px;} #flash-news{height: auto;background: none;} #flash-news img{width: 100%;} #chanpin{width: 100%;} ul.imglist li h3 a{height: 18px;overflow: hidden;} ul.imglist li{width: 50%;padding-left: 4px;padding-right: 4px;margin-right:0px;} ul.imglist li img{width: 100%;height: auto;} #secondary>div{width: 100% !important;} .footerDiv {display: block;background: #005293;position: fixed;display: block;bottom: 0px;width: 100%;z-index: 9999999;} .footerWrap li {text-align: center;margin-top: 6px;width: 25%;float: left;} .footerWrap li a {color: #fff;font-size: 15px;display: block;} .footerWrap li i {display: block;} .footer_bottom{margin-bottom: 60px;} #cp_lr img{width: 100%;} h3.chanpin-title{width: 100%;} #related_product li{width: 50%;padding-left: 4px;padding-right: 4px;} #related_product li img{width: 100%;height: auto;} .pro_img_title .container{padding-left: 0px;padding-right: 0px;} .pit_left{width: 100%;} .pit_right{width: 100%;} .pro_img_title .col-md-6{width: 100%;padding-left: 0px;padding-right: 0px;} .main_content .product_content .pro_img_title .row{display: initial;} #flash-product{height: auto;background: none;} #flash-product img{width: 100%;} #flash-aboot{height: auto;background: none;} #flash-aboot img{width: 100%;} } @media (max-width: 767px) and (min-width: 424px){ #header{width: 100%;} #logo{height: auto;} #logo img{padding-left: 15px;} #top{width: 100%;} #top_right{display: none;} #navbar{width: 100%;} div#qr1{display: none;} #navbar ul{overflow: hidden;padding-left: 0px;} #navbar li{width: 20% !important;} #navbar li a{width: 100%;} #prom{width: 100%;padding-left: 10px;padding-right: 10px;} #prom ul{width: 100%;} ul.ulprom li{width: 33%;padding-left: 4px;padding-right: 4px;margin-right:0px;height: auto;} ul.ulprom li img{width: 100%;height: auto;} ul.ulprom li h3 a{height: 18px;overflow: hidden;} #main{background: none;} #choose{display: none;width: 100%;} #sidebox{display: none;} #content{width: 100%;padding-left: 15px;padding-right: 15px;} #container{width: 100%;} #news{width: 100%;} .jieshao{width: 100%;margin-left:0px;margin-bottom: 20px;} #news02{width: 100%;} #xinwen{margin-left: 0px;} .jieshao p{padding-top:0px;height:auto;} span.time{display: none;} .authenticate-center{width: 100%;height: auto;} .customer{width: 100%;} .authenticate-center2{display: none;} #service{width: 100%;height: auto;background-size: cover;} #commitment{width: 100%;} #affter{width: 100%;} #primary{height: auto;padding-left: 15px;padding-right: 15px;background: none;} #cooperation{width: 100%;} #quotation{width: 100%;margin-bottom: 20px;} #ordering{width: 100%;margin-bottom: 20px;} .table_index{display: none;} .cooperation_h6{margin-top: 0px;} #footer{background-size: cover;padding-left: 15px;padding-right: 15px;} #bottom{width: 100%;} #footer_r{display: none;} #yuejiao{width: 100%;position: relative;display: none;} #bottom p{width: 100%;} div#qr{display: none;} .commendSeriesList{width: 100%;display: none;} #secondary, #default_inside{width: 100%;margin-right:0px;padding-top: 0px;} #sidebar{display: none;} #news-content{width: 100%;} #default{margin-top: 0px;} #wrapper{background: none;padding-left: 15px;width: 100%;padding-right: 15px;} #news_concern img{width: 100%;} #news_concern{padding: 10px 0px 0px 0px;} #flash-news{height: auto;background: none;} #flash-news img{width: 100%;} #chanpin{width: 100%;} ul.imglist li h3 a{height: 18px;overflow: hidden;} ul.imglist li{width: 50%;padding-left: 4px;padding-right: 4px;margin-right:0px;} ul.imglist li img{width: 100%;height: auto;} #secondary>div{width: 100% !important;} .footerDiv {display: block;background: #005293;position: fixed;display: block;bottom: 0px;width: 100%;z-index: 9999999;} .footerWrap li {text-align: center;margin-top: 6px;width: 25%;float: left;} .footerWrap li a {color: #fff;font-size: 15px;display: block;} .footerWrap li i {display: block;} .footer_bottom{margin-bottom: 60px;} #cp_lr img{width: 100%;} h3.chanpin-title{width: 100%;} #related_product li{width: 50%;padding-left: 4px;padding-right: 4px;} #related_product li img{width: 100%;height: auto;} .pro_img_title .container{padding-left: 0px;padding-right: 0px;} .pit_left{width: 100%;} .pit_right{width: 100%;} .pro_img_title .col-md-6{width: 100%;padding-left: 0px;padding-right: 0px;} .main_content .product_content .pro_img_title .row{display: initial;} #flash-product{height: auto;background: none;} #flash-product img{width: 100%;} #flash-aboot{height: auto;background: none;} #flash-aboot img{width: 100%;} } @media (max-width: 425px){ #header{width: 100%;} #logo{height: auto;} #logo img{padding-left: 15px;} #top{width: 100%;} #top_right{display: none;} #navbar{width: 100%;} div#qr1{display: none;} #navbar ul{overflow: hidden;padding-left: 0px;} #navbar li{width: 25% !important;} #navbar li a{width: 100%;} #prom{width: 100%;padding-left: 10px;padding-right: 10px;} #prom ul{width: 100%;} ul.ulprom li{width: 50%;padding-left: 4px;padding-right: 4px;margin-right:0px;height: auto;} ul.ulprom li img{width: 100%;height: auto;} ul.ulprom li h3 a{height: 18px;overflow: hidden;} #main{background: none;} #choose{display: none;width: 100%;} #sidebox{display: none;} #content{width: 100%;padding-left: 15px;padding-right: 15px;} #container{width: 100%;} #news{width: 100%;} .jieshao{width: 100%;margin-left:0px;margin-bottom: 20px;} #news02{width: 100%;} #xinwen{margin-left: 0px;} .jieshao p{padding-top:0px;height:auto;} span.time{display: none;} .authenticate-center{width: 100%;height: auto;} .customer{width: 100%;} .authenticate-center2{display: none;} #service{width: 100%;height: auto;background-size: cover;} #commitment{width: 100%;} #affter{width: 100%;} #primary{height: auto;padding-left: 15px;padding-right: 15px;background: none;} #cooperation{width: 100%;} #quotation{width: 100%;margin-bottom: 20px;} #ordering{width: 100%;margin-bottom: 20px;} .table_index{display: none;} .cooperation_h6{margin-top: 0px;} #footer{background-size: cover;padding-left: 15px;padding-right: 15px;} #bottom{width: 100%;} #footer_r{display: none;} #yuejiao{width: 100%;position: relative;display: none;} #bottom p{width: 100%;} div#qr{display: none;} .commendSeriesList{width: 100%;display: none;} #secondary, #default_inside{width: 100%;margin-right:0px;padding-top: 0px;} #sidebar{display: none;} #news-content{width: 100%;} #default{margin-top: 0px;} #wrapper{background: none;padding-left: 15px;width: 100%;padding-right: 15px;} #news_concern img{width: 100%;} #news_concern{padding: 10px 0px 0px 0px;} #flash-news{height: auto;background: none;} #flash-news img{width: 100%;} #chanpin{width: 100%;} ul.imglist li h3 a{height: 18px;overflow: hidden;} ul.imglist li{width: 50%;padding-left: 4px;padding-right: 4px;margin-right:0px;} ul.imglist li img{width: 100%;height: auto;} #secondary>div{width: 100% !important;} .footerDiv {display: block;background: #005293;position: fixed;display: block;bottom: 0px;width: 100%;z-index: 9999999;} .footerWrap li {text-align: center;margin-top: 6px;width: 25%;float: left;} .footerWrap li a {color: #fff;font-size: 15px;display: block;} .footerWrap li i {display: block;} .footer_bottom{margin-bottom: 60px;} #cp_lr img{width: 100%;} h3.chanpin-title{width: 100%;} #related_product li{width: 50%;padding-left: 4px;padding-right: 4px;} #related_product li img{width: 100%;height: auto;} .pro_img_title .container{padding-left: 0px;padding-right: 0px;} .pit_left{width: 100%;} .pit_right{width: 100%;} .pro_img_title .col-md-6{width: 100%;padding-left: 0px;padding-right: 0px;} .main_content .product_content .pro_img_title .row{display: initial;} #flash-product{height: auto;background: none;} #flash-product img{width: 100%;} #flash-aboot{height: auto;background: none;} #flash-aboot img{width: 100%;} }