body, dl, dd, ul, ol, h1, h2, h3, h4, form, input, button, textarea, p, th, td { margin: 0; padding: 0; } body { font: 14px/1.2 "微软雅黑",arial,'Hiragino Sans GB'; color: #666; background: url(../Images/bg1.png) repeat; position: relative; } ul { list-style: none; } img { border: 0; } a:link, a:visited { color: #666; text-decoration: none; } a:hover, a:active { text-decoration: none; } .clearFloat:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; } .clearFloat { *zoom: 1; } .wbox { background: #fff; box-shadow: 0 2px 2px 2px #ddd; width: 1197px; margin: 0 auto; padding: 0 10px; } /*头部样式开始*/ .head-top { height: 40px; line-height: 40px; background: #f5f5f5; font-size: 14px; color: #175ca1; position: relative; } .head-lf { height: 40px; line-height: 40px; position: absolute; top: 0; left: 0; } .head-lf li { float: left; line-height: 40px; } .head-rt { top: 0; right: 0; height: 40px; line-height: 40px; position: absolute; } .head-rt li { float: left; line-height: 40px; } .head-lf li:nth-child(even), .head-rt li:nth-child(even) { color: #aaa; } .head-top a:link, .head-top a:visited { text-decoration: none; } .head-top a:hover { text-decoration: none; color: #024676; } .head-top a { color: #aaa; margin: 0 7px; } .head-center { height: 75px; padding:5px; } .logo { background: url(../Images/gemwell-logo.jpg) no-repeat; float: left; height: 75px; width: 235px; margin: 0; padding: 0; } /*按索框样式开始*/ .searchbox { width: 490px; float: left; margin: 25px 0 0 20px; } .text { border: none; border: 0; background: #fff; height: 20px; line-height: 20px; padding: 5px 10px; width: 381px; float: left; border: 2px solid #175ca1; } .searchbox .btn { background: #175ca1; color: #fff; font-size: 14px; width: 85px; height: 34px; border: 1px solid #175ca1; cursor: pointer; } .t_tel { background-position: 0 0; float: right; width: 206px; height: 48px; margin: 15px 5px 0 0; font-size: 0; text-indent: -9999px; background: url(../Images/index.png) no-repeat; display: inline-block; } img { border: none; border: 0; } /*头部样式结束*/ /*导航条*/ /*导航条样式开始*/ .nav { height: 50px; line-height: 50px; background: #175ca1; width: 1197px; margin: auto; position: relative; } .nav ul { list-style: none; margin: 0; padding: 0; width: auto; height: 50px; line-height: 50px; } .nav ul li { float: left; width: 171px; text-align: center; font-size: 14px; position: relative; } .nav ul li > a, .nav ul li > a:visited { color: #fff; display: block; text-decoration: none; white-space: nowrap; } .nav ul li > a:hover { background: #1a8dbf; text-decoration: none; cursor: pointer; } /*导航二级菜单开始*/ body .sub-nav-list, body .sub-nav2-list { padding-left: 52px; position: absolute; left: 0; top: 50px; height: 30px; line-height: 30px; display: none; text-align: left; z-index: 9999; } body .sub-nav-list { background: rgba(255,255,255,0.4); } body .sub-nav-list li, body .sub-nav2-list li { float: none; display: inline-block; width: auto; font-size: 14px; margin-right: 30px; } body .sub-nav-list li a, body .sub-nav-list li a:visited { color: #fff; text-align: center; display: inline-block; } body .sub-nav2-list li a, body .sub-nav2-list li a:visited { color: #333; text-align: center; display: inline-block; } body .sub-nav-list li a:hover { color: #175ca1; text-decoration: underline; background: none; } body .sub-nav2-list li a:hover { color: #175ca1; text-decoration: underline; background: none; } .subnav-bar { height: 30px; width: 1197px; background: #e5e5e5; margin: auto; display: none; } /*-----------------轮播台开始----------------*/ .slide-box { clear: both; height: 445px; overflow: hidden; margin: 0 auto; position: relative; width: 1200px; margin-bottom: 20px; } .slide-img { height: 445px; overflow: hidden; left: 0px; top: 0px; width: 1200px; position: absolute; } .slide-box ul { list-style: none; } .slide-box ul li { position: absolute; left: 0px; top: 0px; width: 1200px; height: 445px; border: none; float: left; } .slide-box ol { position: absolute; bottom: 20px; list-style: none; height: 40px; left: 40%; } .slide-img ol li { float: left; width: 40px; height: 40px; list-style: none; margin-left: 15px; background-color: #fff; color: #024676; font-size: 14px; line-height: 40px; text-align: center; cursor: pointer; border-radius: 100%; } .slide-img ol li.add-bg { background-color: #ff0; } .head-top .right { float: right; } .left-btn, .right-btn { position: absolute; top: 50%; margin-top: -30px; height: 60px; width: 30px; line-height: 60px; cursor: pointer; background: rgba(255,255,255,0.2); } .left-btn > span, .right-btn > span { display: block; border-right: 2px solid #fff; border-top: 2px solid #fff; width: 10px; height: 10px; } .left-btn > span { position: absolute; transform: rotate(-135deg); top: 50%; margin-top: -4px; left: 50%; margin-left: -5px; } .right-btn > span { transform: rotate(45deg); position: absolute; top: 50%; margin-top: -4px; right: 50%; margin-right: -5px; } .left-btn:hover, .right-btn:hover { background: rgba(5,5,5,0.2); color: #e5e5e5; } .right-btn { right: 0px; } /*-----------------轮播台结束----------------*/ /*左移轮播台*/ .slowmove { width: 955px; overflow: hidden; height: 137px; } .slowmove li { float: left; width: 180px; } .slowmove li img { height: 114px; width: 180px; display: block; } .slowmove li h4 { height: 23px; line-height: 23px; text-align: center; } /*商品筛选*/ .goods { border: 1px solid #eee; margin-bottom: 20px; color: #333; } .goods h3 { background: #eee; height: 36px; line-height: 36px; padding-left: 40px; font-weight: normal; font-size: 16px; } .ca, .price, .brand { border-bottom: 1px solid #eee; overflow: hidden; } .goods span { float: left; width: 120px; text-align: right; line-height: 25px; } .goods ul { float: left; width: 815px; overflow: hidden; } .goods ul li { height: 25px; line-height: 25px; float: left; margin-right: 20px; } /*---------页尾区域---------*/ .footer { overflow: hidden; background: #333; } .b-center { padding: 28px 0 24px 12px; } .b-menus { width: 110px; float: left; margin-right: 86px; color: #ccc; } .b-menus dt { height: 24px; border-bottom: 1px solid #ccc; font-size: 14px; margin-bottom: 9px; } .b-menus dd { margin-bottom: 9px; } .b-menus a { color: #fff; text-decoration: none; } .b-menus a:hover { color: #457db4; text-decoration: underline; } .zk-weixin { min-height: 175px; border-left: 1px dashed #929292; padding-left: 75px; float: left; } .er { float: left; margin-right: 40px; text-align: center; font-size: 14px; color: #ccc; } .er span { padding: 10px; background: rgba(255,255,255,0.3); display: block; margin-bottom: 8px; } .er img { height: 110px; width: 110px; } .bot { padding: 15px 0; border-top: 1px solid #818181; } .bot-link { text-align: center; color: #b4b4b4; margin-bottom: 8px; } .bot-link a { color: #b4b4b4; margin: 0 5px; } .copy { text-align: center; margin: 5px auto; color: #b4b4b4; } .copy span { line-height:25px; } /*页脚结束*/ #containner { width: 998px; text-align: left; margin: 0px auto; padding: 0px auto; background: #ffffff; } #Container1 { width: 998px; text-align: left; margin: 0px auto; padding: 0px auto; } .left { float: left; } .bgbanner { background: url(../image/NLOGO.jpg); height: 75px; width: 200px; } .width { width: 998px; } .right { float: right; } .clear { clear: both; } .Tcenter { text-align: center; } .Tleft { text-align: left; } .Tright { text-align: right; } /*---------内容主体样式开始--------------*/ .content { margin-bottom: 10px; width: 955px; border: 1px solid #e5e5e5; } .content h3 { background-image: url(../Images/icon3.png); background-repeat: repeat-x; height: 33px; line-height: 33px; font-size: 14px; font-weight: normal; color: #fff; padding-left: 10px; margin: 0px; font-family: 微软雅黑; } .content h4 { text-align: center; color: #17824B; font-size: 12px; font-weight: normal; } .content .pad10 { padding: 10px; } .content ul { margin: 0px 10px 10px 0px; } .content ul li { min-width: 225px; } .content_box ul { } .content_box ul li { border-bottom: 1px dotted #17824e; line-height: 27px; height: 27px; } /*---------内容主体样式结束--------------*/ /*---------菜单样式开始--------------*/ .menu { width: 220px; box-shadow: 0 0 2px 2px #f0f0f0; margin-bottom: 20px; } .menu h3 { background: url(../Images/icon4.png) repeat-x; height: 36px; line-height: 36px; font-size: 16px; font-weight: normal; color: White; margin: 0; padding-left: 15px; } .menu > ul { /*padding:5px 0;*/ } .menu ul li { border-bottom: 1px solid #eee; } .menu ul li a { /* 鼠标未移上去的超链接的样式, 超链接访问后的样式 */ text-decoration: none; color: black; height: 36px; line-height: 36px; border: none; display: block; padding-left: 10px; } .menu ul li a:hover { background: #34caef; color: #fff; /*background:#175ca1;*/ } /* 联系我们*/ .menu > div { overflow: hidden; border-bottom: 1px solid #eee; padding-top: 5px; } .menu > div > div { float: left; padding-bottom: 5px; } .menu > div.sale-line > div.lf { width: 60px; background: url(../image/lxdh.gif) no-repeat 10px; height: 40px; } .menu > div.sale-email > div.lf { width: 60px; background: url(../image/email.gif) no-repeat 10px; height: 40px; } .menu > div.sale-qq > div.lf { width: 60px; background: url(../image/qq.gif) no-repeat 10px; height: 40px; } .menu > div > div.rg { width: 140px; } .menu h4 { font-size: 15px; color: #175ca1; font-weight: normal; margin-bottom: 5px; } .menu .contact_sub li { height: 25px; border: none; line-height: 25px; } .menu .contact_sub li a { display: block; height: 25px; line-height: 25px; padding: 0; color: #666; } .menu .contact_sub li a:hover { background: #34caef; color: #fff; } /*---------菜单样式结束--------------*/ /*主体内容*/ .main { width: 955px; float: right; text-align: left; } /*主体内容*/ #bannernav { width: 998px; background: url(../image/bg10.gif); background-repeat: repeat-x; height: 35px; line-height: 35px; clear: both; font-size: 12px; border-bottom: 2px solid #fff; } /* 所有class为menu的div中的ul样式 */ div .bannermenu ul { list-style: none; /* 去掉ul前面的符号 */ margin: 0px; /* 与外界元素的距离为0 */ padding: 0px; /* 与内部元素的距离为0 */ padding-left: 10px; width: auto; /* 宽度根据元素内容调整 */ } /* 所有class为menu的div中的ul中的li样式 */ div .bannermenu ul li { float: left; /* 向左漂移,将竖排变为横排 */ } /* 所有class为menu的div中的ul中的a样式(包括尚未点击的和点击过的样式) */ div.bannermenu ul li a, div.bannermenu ul li a:visited { /* 背景色 */ /* 边框 */ color: #FFF; /* 文字颜色 */ display: block; /* 此元素将显示为块级元素,此元素前后会带有换行符 */ line-height: 25px; /* 行高 */ padding: 4px 20px; /* 内部填充的距离 */ text-decoration: none; /* 不显示超链接下划线 */ white-space: nowrap; /* 对于文本内的空白处,不会换行,文本会在在同一行上继续,直到遇到
标签为止。 */ } /* 所有class为menu的div中的ul中的a样式(鼠标移动到元素中的样式) */ div.bannermenu ul li a:hover { background-color: #FFAA25; /* 背景色 */ color: #000; /* 文字颜色 */ text-decoration: none; /* 不显示超链接下划线 */ } /* 所有class为menu的div中的ul中的a样式(鼠标点击元素时的样式) */ div.bannermenu ul li a:active { background-color: #465c71; /* 背景色 */ color: #cfdbe6; /* 文字颜色 */ text-decoration: none; /* 不显示超链接下划线 */ } #bannernav .linkbtn { height: 35px; line-height: 25px; } #bannernav .right { float: right; height: 35px; line-height: 35px; } #Appvarmum { clear: both; margin: 0 auto; height: 200px; width: 1200px; background: url(../Images/solutions.jpg); overflow: hidden; } #provarmum { clear: both; height: 200px; width: 1200px; } #Mainvarmum { clear: both; height: 200px; width: 1200px; } #Newsvarmum { clear: both; margin: 0 auto; height: 200px; width: 1200px; background: url(../Images/news.jpg); overflow: hidden; } #Contactvarmum { clear: both; height: 200px; width: 1200px; background: url(../Images/contactus2.jpg); display: inline-block; overflow: hidden; margin:0 auto; text-align:center; margin-bottom:10px; } #techvarmum { clear: both; height: 200px; width: 1200px; background: url(../image/jsfw.jpg); display: inline-block; overflow: hidden; text-align:center; } #vardh { height: 35px; line-height: 35px; margin: 0px; text-align: right; padding-right: 15px; } .detail-box { margin-bottom: 15px; } .detail-box .h-tag { margin-bottom: 0; } .detail-box .h-tag a { font-size: 14px; } .h-tag { background: url(../Images/icon1.png) repeat-x; overflow: hidden; height: 33px; line-height: 33px; border: 1px solid #e6e5e5; border-top-color: #e6e5e5; border-bottom-color: #fff; margin-bottom: 25px; } .h-tag ul li { float: left; padding: 0 25px; font-size: 16px; border-right: 1px solid #d7d7d7; cursor: pointer; height: 33px; line-height: 33px; } .h-tag ul li.on { color: #175ca1; font-size: 20px; background: #fff; border-top: 1px solid #175ca1; } .h-tag a { float: left; padding: 0 25px; border-right: 1px solid #d7d7d7; } .h-tag .on { color: #175ca1; font-size: 14px; background: #fff; border-top: 1px solid #175ca1; } .detail-box-con { margin: 0; border: 1px solid #f2f2f2; border-top: none; line-height: 24px; padding: 20px; display: none; } .detail-box-con .select { display: block; } .txt-article { min-height: 400px; overflow: hidden; } #ProShow { margin: 20px 0px; width: 100%; text-align: center; } /*#ProShow h3 { font-size: 14px; color: #17824B; text-align: center; margin: 0px; }*/ #ProShow hr { border: 1px solid #c8e4e8; margin: 0px; } #ProShow div { text-align: center; } .ProShow_title { height: 30px; line-height: 30px; border: 1px solid #eee; color: #175ca1; text-align:left; font-size:16px; font-weight:normal; text-indent:10px; } .ProShow_content { overflow:hidden; } .ProShow_content div { float:left; } .ProShow_content .ProShow_left { width:45%; } .ProShow_content .ProShow_right { width:55%; } .ProShow_right ul { text-align: left; width: 100%; } .ProShow_right ul li span { display:inline-block; height:30px; line-height:30px; } .ProShow_right .ProShow_Contact { width: 100%; height: 100px; background: #eee; } #tbshow { text-align: left; width: 100%; margin-top: 0px; } #tbshow .rightTop { height: 27px; background-image: url(../image/mumbggreen2.gif); background-repeat: no-repeat; border-bottom: 2px solid #c8e4e8; font-size: 14px; font-weight: bold; padding-left: 27px; color: #c8e4e8; line-height: 27px; } #tbshow .border { border: 2px solid #c8e4e8; padding: 5px; text-indent: 2em; } #tbshow .div_1 ul li { float: left; width: 80px; font-weight: bold; height: 23px; list-style-type: none; line-height: 26px; text-align: center; background-color: #eaeaea; color: #0f7244; } #tbshow ul, li { padding: 0; margin: 0; } #tbshow .div_1 .li1 { background-color: #0f7244; color: white; } #tbshow .div_1 div { float: left; } #tbshow .div_1 .div_1_1 { line-height: 25px; padding-top: 10px; padding-left: 5px; margin-top: 0px; border: 1px solid #c8e4e8; min-height: 300px; } #tbshow .div_1 .div_1_2 { line-height: 25px; padding-top: 10px; display: none; padding-left: 5px; margin-top: 0px; border: 1px solid #c8e4e8; min-height: 300px; } #foot { width: 998px; height: 100px; margin-top: 5px; clear: both; background: #525151; border-top: solid 3px #17824b; } /*---------页脚样式开始--------------*/ #foot hr { border: solid 1px #17826b; } #foot p { text-align: center; margin: 2px; padding: 2px; } #foot p span { font-weight: bold; font-size: 14px; text-align: center; margin: 2px; } /*---------页脚样式开始--------------*/ /*---------联系我们菜单样式开始--------------*/ #contact { width: 220px; text-align: left; border: 1px solid #c8e4e8; } #contact .left { float: left; width: 40px; } #contact .right { float: right; width: 180px; } #contact .clear { clear: both; } #contact h3 { background-image: url(../image/bggreen1.gif); background-repeat: repeat-x; height: 27px; line-height: 27px; font-size: 14px; font-weight: bolder; color: White; margin: 0; padding-left: 15px; } #contact .right h4 { height: 27px; font-size: 12px; line-height: 27px; color: #17824b; padding-left: 15px; margin-bottom: 0px; margin-top: 0px; } #contact li { list-style-type: none; height: 20px; line-height: 20px; font-size: 12px; } #contact ul { margin: 0 auto; padding: 0 auto; padding-left: 15px; } #contact1 { width: 106px; border: 1px solid #0f7244; } #contact1 h4 { background-image: url(../image/bggreen1.gif); background-repeat: repeat-x; height: 25px; line-height: 25px; font-size: 14px; font-weight: bolder; color: White; margin-top: 2px; padding-left: 3px; text-align: left; } #contact1 li { list-style-type: none; height: 25px; line-height: 25px; font-size: 12px; text-align: center; } #contact1 ul { margin: 0 auto; padding: 0 auto; text-align: center; } /*---------联系我们菜单样式结束--------------*/ #main p { float: left; text-indent: 2em; font-size: 14px; font-family: @微软雅黑 @黑体; text-align: left; padding-left: 15px; line-height: 30px; padding-top: 30px; } #main h3 { background: url(../image/bggreen1.gif); background-repeat: repeat-x; height: 27px; line-height: 27px; font-size: 14px; font-weight: bolder; color: White; padding-left: 15px; margin: 0px; } .classIndex { width: 770px; margin-top: 5px; margin-bottom: 5px; } .classIndex h3 { background: url(../image/bggreen1.gif); background-repeat: repeat-x; height: 27px; line-height: 27px; font-size: 14px; font-weight: bolder; color: White; padding-left: 15px; margin-bottom: 0px; margin-top: 0px; } /* ul li以竖列显示 */ /*公共样式*/ /*body { margin: 0 auto; padding: 0; font-size: 14px; font-family: Arial,Verdana,微软雅黑; background: url(../Images/bg1.png) repeat; }*/ body, dl, dd, ul, ol, h1, h2, h3, h4, form, input, button, textarea, p, th, td { margin: 0; padding: 0; } body { font: 14px/1.2 "微软雅黑",arial,'Hiragino Sans GB'; color: #666; background: url(../Images/bg1.png) repeat; } ul { list-style: none; } img { vertical-align: middle; border: none; } input, button { outline: none; } a:link, a:visited { color: #666; text-decoration: none; } a:hover, a:active { text-decoration: none; } .clearFloat:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; } .clearFloat { *zoom: 1; } .left { float: left; } .right { float: right; } .wbox { background: #fff; box-shadow: 0 2px 2px 2px #ddd; } .wrap { width: 1220px; margin: auto; } /*公共样式结束*/ #top { height: 150px; background-color: aqua; font-size: 14px; } /*顶部样式*/ .top { height: 60px; width: 100%; background: #fff; position: fixed; top: 0; left: 0; display: none; border-bottom: 1px solid #ddd; } .top > .wrap { overflow: hidden; } .top > .wrap > div { float: left; } .top > .wrap > .Tlogo > img { height: 60px; } .top > .wrap > .Tnav { overflow:hidden; } .top > .wrap > .Tnav > ul { overflow:hidden; margin-top:30px; } .top > .wrap > .Tnav > ul > li { float: left;height:30px;line-height:30px; margin-right:20px;font-size:16px; } .top > .wrap > .Tsearch { border:1px solid #175ca1; height:24px; width:260px; margin-top:30px; position:relative; } .top > .wrap > .Tsearch > .s-word { outline: none; border: none; height: 24px; line-height:24px; padding-left:10px; } .top > .wrap > .Tsearch > .s-btn { position:absolute; top:0; right:0; border:none; width: 60px; height: 24px; background: #175ca1; color: #eee; } .top > .wrap > .Tsearch > .s-btn:hover { background: #fff; color:#175ca1; } .top > .wrap > .Tcontact { float: right; width: 206px; height: 48px; margin: 6px 0px 0 0; font-size: 0; background: url(../Images/index.png) no-repeat; } /*右侧悬浮导航*/ .sidenav { position: fixed; top: 170px; right: 50px; } .sidenav ul { } .sidenav ul li { width: 60px; height: 58px; } .sidenav ul li a { position: relative; display: block; width: 28px; height: 38px; padding: 10px 16px; line-height: 19px; font-size: 14px; z-index: 1; background: #fff; color: #333; } .sidenav ul li a::after { position: absolute; width: 40px; height: 1px; bottom: 1px; left: 50%; margin-left: -20px; background: linear-gradient(270deg,#fff,#eee,#eee,#fff); z-index: 1; content: ""; } .sidenav ul li a .sn-li-bg { position: absolute; top: -1px; left: 0; right: 0; bottom: -1px; z-index: 2; background: transparent; -webkit-transition: background .2s ease; transition: background .2s ease; } .sidenav ul li:hover a .sn-li-bg { background: #ff0000; } .sidenav ul li a span:last-child { position: relative; z-index: 2; } .sidenav ul li:hover a span:last-child { color: #fff; position: relative; z-index: 2; } .sidenav ul li a img { position: relative; display: block; width: 16px; height: 16px; fill: #333; background-color: #eee; margin: 0 auto 3px; -webkit-transition: fill .2s ease; transition: fill .2s ease; z-index: 3; } /*头部样式开始*/ .header { } .head-top { height: 40px; line-height: 40px; background: #f5f5f5; font-size: 14px; color: #175ca1; position: relative; } .head-lf { height: 40px; line-height: 40px; position: absolute; top: 0; left: 0; } .head-lf li { float: left; line-height: 40px; } .head-rt { top: 0; right: 0; height: 40px; line-height: 40px; position: absolute; } .head-rt li { float: left; line-height: 40px; } .head-lf li:nth-child(even), .head-rt li:nth-child(even) { color: #aaa; } .head-top a:link, .head-top a:visited { text-decoration: none; } .head-top a:hover { text-decoration: none; color: #024676; } .head-top a { color: #aaa; margin: 0 7px; } .head-center { height: 75px; } .logo { background: url(../Images/gemwell-logo.jpg) no-repeat; float: left; height: 75px; width: 235px; margin: 0; padding: 0; } /*按索框样式开始*/ .searchbox { width: 490px; float: left; margin: 25px 0 0 20px; } .text { border: none; border: 0; background: #fff; height: 20px; line-height: 20px; padding: 5px 10px; width: 381px; float: left; border: 2px solid #175ca1; } .searchbox .btn { background: #175ca1; color: #fff; font-size: 14px; width: 85px; height: 34px; border: 1px solid #175ca1; cursor: pointer; } .t_tel { background-position: 0 0; float: right; width: 206px; height: 48px; margin: 15px 5px 0 0; font-size: 0; text-indent: -9999px; background: url(../Images/index.png) no-repeat; display: inline-block; } img { border: none; border: 0; } .pad10 { padding: 0 10px; } /*导航条样式开始*/ .nav { height: 50px; line-height: 50px; background: #175ca1; width: 1200px; margin: auto; position: relative; } .nav ul { list-style: none; margin: 0; padding: 0; width: auto; height: 50px; line-height: 50px; } .nav ul li { float: left; width: 171px; text-align: center; font-size: 16px; position: relative; } .nav ul li > a, .nav ul li > a:visited { color: #fff; display: block; text-decoration: none; white-space: nowrap; } .nav ul li > a:hover { background: #1a8dbf; text-decoration: none; cursor: pointer; } /*导航二级菜单开始*/ body .sub-nav-list, body .sub-nav2-list { padding-left: 52px; position: absolute; left: 0; top: 50px; height: 30px; line-height: 30px; display: none; text-align: left; z-index: 9999; } body .sub-nav-list { background: rgba(255,255,255,0.4); } body .sub-nav-list li, body .sub-nav2-list li { float: none; display: inline-block; width: auto; font-size: 14px; margin-right: 30px; } body .sub-nav-list li a, body .sub-nav-list li a:visited { color: #fff; text-align: center; display: inline-block; } body .sub-nav2-list li a, body .sub-nav2-list li a:visited { color: #333; text-align: center; display: inline-block; } body .sub-nav-list li a:hover { color: #175ca1; text-decoration: underline; background: none; } body .sub-nav2-list li a:hover { color: #175ca1; text-decoration: underline; background: none; } .subnav-bar { height: 30px; width: 1197px; background: #e5e5e5; margin: auto; display: none; } /*----导航二级菜单结束*-----/ /*-----------------导航条样式结束----------------*/ /*-----------------轮播台结束----------------*/ /*-----------------热点产品区域------------------ */ .hot-product-box { margin: 0 auto; } .h-tag { background: url(../Images/icon1.png) repeat-x; overflow: hidden; height: 33px; line-height: 33px; border: 1px solid #e6e5e5; border-top-color: #e6e5e5; border-bottom-color: #fff; margin-bottom: 25px; } .h-tag ul li { float: left; padding: 0 25px; font-size: 16px; border-right: 1px solid #d7d7d7; cursor: pointer; height: 33px; line-height: 33px; } .h-tag ul li.on { color: #175ca1; font-size: 20px; background: #fff; border-top: 1px solid #175ca1; } .panel { margin-top: 10px; border: 1px solid black; display: none; height: 270px; } .selected { display: block; } .clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; } .clearfix { *zoom: 1; } .hot-p-pic { margin-bottom: 10px; } .hot-p-txt { width: 730px; float: left; padding: 0 25px 0 10px; border-right: 1px dashed #e5e5e5; height: 248px; } .hot-p-txt h3 { font-size: 16px; height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 12px; font-weight: normal; } .hot-p-txt h3 a { color: #333; } .hot-p-txt .intro { color: #333; font-size: 14px; } .hot-p-news { float: left; width: 400px; padding-left: 25px; } .hot-pro-news .more { font-size: 14px; } .hot-dou { overflow: hidden; list-style: none; margin: 0; padding: 0; text-align: center; } .hot-p-li { padding-top: 5px; } .hot-p-li li { height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .hot-p-li li a { color: #666; background: url(../Images/icon2.png) no-repeat left; padding-left: 18px; } .hot-dou li { margin: 4px; width: 40%; float: left; background: #EFEFEF; border: 1px solid #e6e5e5; border-radius: 4px; padding: 8px; } /*------------热门应用----------*/ .industry-app { clear: both; margin-bottom: 50px; margin: 0 auto; } .i-cloumn { text-align: center; border-top: 1px solid #bad6ec; height: 22px; margin-bottom: 10px; } .i-cloumn span { font-size: 40px; color: #1c78c1; background: #fff; padding: 0 18px; display: inline-block; margin-top: -27px; } .i-industry-list li { width: 399px; height: 300px; float: left; text-align: center; border-right: 1px dashed #e5e5e5; box-sizing: border-box; } .i-industry-list li:last-child { border-right: none; } .industry-pic { text-align: center; height: 275px; line-height: 275px; } .industry-pic img { max-width: 390px; max-height: 275px; } .industry-b h3 { font-size: 16px; height: 20px; overflow: hidden; } .i-news-box { clear: both; margin-top: 30px; padding-bottom: 60px; } .i-news-list { margin-bottom: 30px; } .i-news-list li { padding: 10px 0; overflow: hidden; margin-bottom: 10px; } .i-news-list li:hover { background: #457db4; color: #fff; } .n-time { float: left; text-align: center; width: 120px; padding-top: 20px; } .n-time span { font-size: 24px; } .nr { float: left; width: 1055px; overflow: hidden; } .n-pic { float: left; margin-right: 25px; width: 170px; text-align: center; } .n-pic img { max-width: 170px; max-height: 140px; } .n-info { float: left; width: 760px; } .n-title { font-size: 16px; height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 16px; padding-top: 15px; } .three { background: #457db4; color: #fff; } .n-instro { line-height: 24px; height: 48px; overflow: hidden; } /*---------页尾区域---------*/ .dulink { background: #333; } .links { overflow: hidden; padding: 15px 0; border-bottom: 1px solid #818181; } .hez { float: left; color: #e3e3e3; font-size: 14px; margin: 0 25px 0 10px; } .links a { float: left; margin: 2px 20px 0 0; color: #ccc; text-decoration: none; } .links a:hover { text-decoration: underline; color: #457db4; } /*---------内容区域左---------*/ .left-side { float: left; } .m-box { box-shadow: 0 0 2px 2px #f0f0f0; margin-bottom: 20px; width: 220px; } .l-cloumn { height: 38px; line-height: 38px; background: url(../Images/icon4.png) repeat-x; } .l-cloumn span { font-size: 16px; color: #fff; margin-left: 35px; } .fl-menus > li { border-bottom: 1px solid #e5e5e5; position: relative; } .fl-menus > li:hover { background: #67c0e4; } .fl-menus > li > a, .fl-menus > li > a:visited { font-size: 14px; padding-left: 38px; display: block; position: relative; text-decoration: none; height: 40px; line-height: 40px; } .fl-menus > li > a:hover { color: #fff; } .fl-menus .arrow { border: 5px solid; line-height: 38px; border-color: transparent transparent transparent #aaa; /*transform:rotate(-90deg);*/ position: absolute; right: 20px; top: 16px; } .fl-menus .i-one { border-color: transparent transparent transparent #fff; } .sumb ul li { height: 25px; line-height: 25px; float: left; } .sumb div { display: none; } /*------内容区域右---------*/ /*.main { width: 955px; float: right; }*/ .bread { height: 38px; line-height: 38px; border-bottom: 1px solid #a8bcd1; font-size: 12px; margin-top: -10px; margin-bottom: 15px; padding-left: 5px; } .parts-select { margin-bottom: 20px; } .cb { border: 1px solid #f2f2f2; } .pei-cloumn { height: 30px; line-height: 30px; background: #f2f2f2; } .pei-cloumn span { color: #333; } .pjs { margin-left: 45px; } .parts-select-item { padding: 10px 0; border-bottom: 1px solid #f7efee; } .parts-select-txt { float: left; width: 120px; text-align: right; color: #333; } .parts-select-list { float: left; width: 815px; padding-left: 10px; } .parts-select-list li { float: left; margin-right: 20px; } .parts-select-list li a { color: #333; text-decoration: none; } .c-data { float: left; margin-right: 50px; } .parts-select-text { float: left; padding-left: 10px; } .priceAdata { height: 38px; line-height: 38px; } .parts-select-text .text { height: 20px; line-height: 20px; padding: 2px 2px; margin: 8px 5px 5px 5px; } .parts-select-text span { float: left; margin-left: 5px; margin-right: 5px; } .c-data .text { width: 100px; float: left; } .parts-select-text .text { border: 1px solid #e5e5e5; } .getnow { margin-left: 35px; } .c-data .btn { background: url(../Images/icon3.png) repeat-x; height: 30px; width: 84px; margin-left: 20px; color: #fff; border: none; } button, input, select, textarea { font-size: 100%; vertical-align: middle; } .layout { margin-bottom: 20px; } .t-cloumn { background: url(../Images/icon3.png) repeat-x; height: 33px; line-height: 33px; border-radius: 4px; overflow: hidden; } .t-cloumn span { color: #fff; font-size: 14px; margin-left: 10px; float: left; } .mbz { margin-bottom: 40px; } .tj-cb { border: 1px solid #f2f2f2; padding: 15px 10px; } .parts-list li { margin-bottom: 20px; } .tj-list { width: 960px; } .tj-list li { float: left; width: 225px; margin-right: 10px } .tj-pic { border: 1px solid #f2f2f2; margin-bottom: 5px; width: 225px; height: 150px; overflow: hidden; text-align: center; line-height: 120px; } .tj-pic a { position: relative; display: block; } .tj-pic img { width: 100%; height: 96%; } .chu-title, .fu-title { font-size: 14px; height: 20px; line-height: 20px; text-align: center; margin-bottom: 5px; overflow: hidden; font-weight: normal; } .tj-info { font-size: 14px; text-align: center; margin-bottom: 10px; color: #175ca1; } .pages { text-align: center; } .pages .manu { display: inline-block; margin-left: 10px; } .manu a { border: 1px solid #eee; padding: 2px 5px; margin: 2px; text-decoration: none; color: #024676; } .buybtn { width: 70px; height: 25px; line-height: 25px; text-align: center; background: #e5e5e5; color: #155ca1; font-size: 12px; } .name-cloumn { height: 33px; line-height: 33px; border: 1px solid #e7eef5; font-size: 14px; color: #333; text-indent: 12px; font-weight: 700; } .left-info { float: left; width: 310px; } .product-pic { width: 310px; height: 235px; text-align: center; line-height: 235px; } .product-pic img { max-height: 100%; max-width: 100%; } .right-info { width: 590px; float: left; padding: 20px 0px 10px 40px; } .info-item { overflow: hidden; margin-bottom: 8px; color: #333; } .it-name { float: left; } .detail-box { margin-bottom: 15px; } .detail-box .h-tag { margin-bottom: 0; } .detail-box .h-tag a { font-size: 14px; } .h-tag a { float: left; padding: 0 25px; border-right: 1px solid #d7d7d7; } .h-tag .on { color: #175ca1; font-size: 14px; background: #fff; border-top: 1px solid #175ca1; } .detail-box-con { margin: 0; border: 1px solid #f2f2f2; border-top: none; line-height: 24px; padding: 20px; display: none; } .detail-box-con .select { display: block; } .txt-article { min-height: 400px; overflow: hidden; } .content_main { min-height: 400px; overflow: hidden; } .content_header { background: #175ca1; padding: 5px 12px; color: #fff; } .content_box { padding-top: 10px; padding-bottom: 20px; } .content-box { padding-top: 10px; padding-bottom: 20px; } .contact-text { background: #175ca1; padding: 5px 12px; color: #fff; } .cb dl { padding-left: 20px; line-height: 24px; } .cb dl dt { color: #175ca1; } .cb dl font { color: red; } .cb dl dd { padding-left: 28px; } .cb p { text-indent: 24px; line-height: 24px; margin: 0; padding: 0; } /*产品列表*/ .prolist { width: 955px; overflow: hidden; border-bottom: 1px dashed #175ca1; margin-bottom: 10px; } .prolist .pl-lf { width: 240px; height: 158px; float: left; } .prolist .pl-rg { float: left; width: 710px; line-height: 30px; margin-left: 5px; } .prolist .pl-rg .title { height: 30px; border-bottom: 1px solid #eee; } .prolist .pl-rg .title a { color: #175ca1; font-weight: bold; } .prolist .pl-rg .detail { height: 30px; } .prolist .pl-rg .detail a { display: block; color: #fff; width: 80px; height: 20px; line-height: 20px; text-align: center; background: #34caef; } .prolist .pl-rg .ct { height: 88px; width:100%; padding-bottom:5px; overflow:hidden; } .pl-rg .title /*技术服务*/ .service dd { clear: both; } .service dd a { display: inline-block; } /*工业包装袋*/ .hot-packing-cloumn { width: 960px; } .hot-packing-cloumn li { margin-bottom: 20px; float: left; width: 225px; margin-right: 10px; } .hot-packing-cloumn li div { border: 1px solid #f2f2f2; overflow: hidden; } .hot-packing-cloumn li div:hover { border: 1px solid #175ca1; } .hot-packing-cloumn li img { margin-bottom: 5px; width: 225px; height: 225px; overflow: hidden; text-align: center; line-height: 120px; } .hot-packing-cloumn li h3 { text-align: center; font-size: 14px; color: #666; } /*生产设备*/ .packing-shebei { width: 1200px; } .packing-shebei li { margin-bottom: 10px; float: left; margin-right: 2px; width: 296px; margin-top: 10px; border: none; text-align: center; } /*企业优势*/ .packing-youshi { width: 1200px; } .packing-youshi li { margin-bottom: 10px; float: left; margin-right: 2px; width: 296px; height: 300px; margin-top: 10px; border: none; text-align: center; border: 1px solid #e6e5e5; } .packing-youshi li:hover { background: #175ca1; color: #fff; } .packing-youshi .li1 { background: url("../Images/icon_ys1.png") no-repeat center 50px #fff; left: 0; } .packing-youshi .li1:hover { background: url("../Images/icon_ys01.png") no-repeat center 50px #175ca1; left: 0; } .packing-youshi .li2 { background: url("../Images/icon_ys2.png") no-repeat center 50px #fff; left: 0; } .packing-youshi .li2:hover { background: url("../Images/icon_ys02.png") no-repeat center 50px #175ca1; left: 0; } .packing-youshi .li3 { background: url("../Images/icon_ys3.png") no-repeat center 50px #fff; left: 0; } .packing-youshi .li3:hover { background: url("../Images/icon_ys03.png") no-repeat center 50px #175ca1; left: 0; } .packing-youshi .li4 { background: url("../Images/icon_ys4.png") no-repeat center 50px #fff; left: 0; } .packing-youshi .li4:hover { background: url("../Images/icon_ys04.png") no-repeat center 50px #175ca1; left: 0; } .packing-youshi h3 { margin-top: 120px; font-weight: normal; font-size: 24px; } .packing-youshi .en { color: #aaa; font-size: 14px; } .packing-youshi hr { width: 100px; color: #aaa; margin: 25px auto; } .packing-youshi p { padding: 0 40px; } /*about*/ .tb_insertabout { width: 100%; } .tb_item { width: 20%; } .tb_content { width: 80%; } .insertIndustry span { display:inline-block; width:100px; } .insertIndustry ul { display:inline-block; }