/*轮播图*/ .slideBox{width: 100%; min-width:1000px; overflow:hidden; position:relative; text-align: center; height: 450px;} .slideBox .bd{ position:relative; z-index:0;} .slideBox .bd ul{width:100% !important} .slideBox .bd li{width:100% !important; zoom:1; vertical-align:middle; height: 450px; z-index: 1;} .slideBox .bd li a{ display:block; width:100%; height:100%;} .slideBox .hd{display: none;} .slideBox .prev, .slideBox .next { display: none; } /*应用领域*/ .field{ width: 100%; height: 663px; } .field .left{ width: 250px; height: 543px; margin-top: 60px; } .field .left img{ width: 250px; height: 543px; vertical-align: top; } .field_right{ width: 982px; float: right; margin-top: 60px; } .field_right .title{ overflow: hidden; } .field_right .title h2{ padding-left: 10px; color: #282828; font-size: 24px; line-height: 25px; font-weight: normal; float: left; border-left: 5px solid #d7150c; margin-right: 7px; } .field_right .title .eng{ float: left; color: #da251c; font-size: 18px; font-family: "Arial"; margin-top: 8px; } .field_right .title a{ text-align: center; width: 80px; height: 28px; line-height: 28px; color: #fff; background-color: #d7150c; float: right; font-size: 14px; } .field_right ul{ margin-top: 4px; } .field_right li{ float: left; width: 304px; height: 220px; position: relative; margin-top: 35px; margin-right: 35px; } .field_right li img{ width: 304px; height: 220px; vertical-align: top; } .field_right li.last{ margin-right: 0; } .field_right li .txt{ width: 100%; height: 100px; position: absolute; left: 0; bottom: 0; background: url(/web_images/field.png) no-repeat bottom; text-align: center; } .field_right li .txt h3{ width: 100%; font-size: 14px; line-height: 30px; color: #fff; font-weight: normal; position: absolute; bottom: 0; left: 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .field_right li .hide{ text-align: center; width: 304px; height: 220px; color: #fff; position: absolute; left: 0; top: 0; background: url(/web_images/zhe.png) repeat; display: none; } .field_right li:hover .hide{ display: block; } .field_right li:hover .txt{ display: none; } .field_right li .hide img{ width: 54px; height: 54px; vertical-align: top; margin-top: 50px; } .field_right li .hide h4{ font-size: 14px; line-height: 34px; margin-top: 2px; } .field_right li .hide .wenzi{ padding: 0 28px; color: #c8c8c8; font-size: 12px; line-height: 18px; } .products{ overflow: hidden; height: 340px; width: 100%; } .products .toptitle{ overflow: hidden; } .products .toptitle h2{ padding-left: 10px; color: #282828; font-size: 24px; line-height: 25px; font-weight: normal; float: left; border-left: 5px solid #d7150c; margin-right: 7px; } .products .toptitle .eng{ float: left; color: #da251c; font-size: 18px; font-family: "Arial"; margin-top: 8px; } .products .toptitle a{ text-align: center; width: 80px; height: 28px; line-height: 28px; color: #fff; background-color: #d7150c; float: right; font-size: 14px; } .picMarquee-left{ width:100%; margin-top: 56px; overflow:hidden; position:relative;} .picMarquee-left .hd{width: 100%; overflow:hidden; left: 0; height:42px; position: absolute; top: 78px; z-index: 0;} .picMarquee-left .hd .prev, .picMarquee-left .hd .next{ width:42px; height:42px; float:left; overflow:hidden; cursor:pointer; background:url(/web_images/icoleft.jpg) no-repeat;} .picMarquee-left .hd .next{ float: right; background: url(/web_images/icoright.jpg) no-repeat right; } .picMarquee-left .bd{width: 1140px; padding:0px;position: relative; z-index: 1; margin: 0 auto;} .picMarquee-left .bd .tempWrap{width: 1140px !important;} .picMarquee-left .bd ul{ overflow:hidden; zoom:1; } .picMarquee-left .bd ul li{ padding-bottom: 9px; border-bottom: 2px solid #fff; width:198px; margin-right: 38px; float:left; _display:inline; overflow:hidden; text-align:center; } .picMarquee-left .bd ul li .pic{position: relative; text-align:center; } .picMarquee-left .bd ul li .pic img{ width:196px; height:196px; display:block;border:1px solid #dcdcdc; } .picMarquee-left .bd ul li .title{ font-size: 0; margin-top: 10px; } .picMarquee-left .bd ul li .title h3{color: #282828; font-size: 14px; font-weight: normal;} .picMarquee-left .bd ul li .title a{color: #8c8c8c; font-size: 12px; line-height: 18px;} .picMarquee-left .bd ul li:hover{ border-bottom: 2px solid #d7150c; } .picMarquee-left .bd ul li:hover .hide{ display: block; } .picMarquee-left .bd .hide{ width: 198px; height: 198px; position: absolute; left: 0; top: 0; background: url(/web_images/pro.png) repeat; display: none; } .picMarquee-left .bd .hide img{ width: 29px !important; height: 29px !important; vertical-align: top; border: 0 none !important; display: inline-block !important; } .picMarquee-left .bd .hide a{ margin: 0 9px; } .picMarquee-left .bd .hide .top{ overflow: hidden; text-align: center; margin-top: 66px; } .picMarquee-left .bd .hide .txt{ padding: 0 14px; font-size: 12px; line-height: 18px; margin-top: 12px; } .picMarquee-left .bd .hide .txt a{ color: #fff; } /*检测服务*/ .wrap{ width: 100%; height: 488px; } .wrap .toptitle{ overflow: hidden; margin-top: 73px; } .wrap .toptitle h2{ padding-left: 10px; color: #282828; font-size: 24px; line-height: 25px; font-weight: normal; float: left; border-left: 5px solid #d7150c; margin-right: 7px; } .wrap .toptitle .eng{ float: left; color: #da251c; font-size: 18px; font-family: "Arial"; margin-top: 8px; } .wrap .toptitle a{ text-align: center; width: 80px; height: 28px; line-height: 28px; color: #fff; background-color: #d7150c; float: right; font-size: 14px; } .testing{ width: 625px; float: left; } .testing{} .picScroll-left{margin-top: 34px; width:100%; position:relative;} .picScroll-left .hd{position: absolute; top: -63px; overflow:hidden; height:25px; right: 0;} .picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block; width:25px; height:25px; float:right;overflow:hidden; cursor:pointer; background:url(/web_images/left.jpg) no-repeat;} .picScroll-left .hd .next{ background:url(/web_images/right.jpg) no-repeat; margin-left: 3px;} .picScroll-left .hd ul{display: none;} .picScroll-left .hd span{display: none;} .picScroll-left .bd{ padding:0px; } .picScroll-left .bd ul{text-align: left; overflow:hidden; zoom:1; } .picScroll-left .bd ul li{ width:298px; margin-right: 28px; float:left; _display:inline; overflow:hidden;} .picScroll-left .bd ul li .pic img{ width:298px; height:207px; display:block;} .picScroll-left .bd ul li .title h3{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width: 100%; line-height: 34px; font-size:16px;color: #000; font-weight: normal; margin-top: 9px;} .picScroll-left .bd ul li .title .txt a{ font-size: 14px; line-height: 18px; color: #505050; } .picScroll-left .bd ul li .title .txt{ width: 100%; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/ -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/ -webkit-line-clamp: 2; /** 显示的行数 **/ overflow: hidden; /** 隐藏超出的内容 **/ } .news{ width: 585px; float: right; } .news .first{ margin-top: 32px; overflow: hidden; } .news .first .left{ width: 171px; } .news .first img{ width: 171px; height: 112px; vertical-align: top; } .news .first .right{ width: 397px; } .news .first .right h3{ color: #282828; font-size: 16px; line-height: 30px; margin-top: -7px; } .news .first .right .date{ color: #a0a0a0; font-size: 14px; line-height: 22px; } .news .first .right .txt{ color: #282828; font-size: 14px; line-height: 24px; } .news .first .right .txt a{ color: #da251c; } .news ul{ margin-top: 16px; } .news li{ line-height: 27px; overflow:hidden; } .news li h3{ padding-left: 18px; background: url(/web_images/dotted.jpg) no-repeat left; color: #282828; font-size: 14px; font-weight: normal; float: left; } .news li .date{ color: #282828; font-size: 14px; float: right; } .aboutus{ width: 100%; height: 330px; } .aboutus .toptitle{ overflow: hidden; } .aboutus .toptitle h2{ padding-left: 10px; color: #282828; font-size: 24px; line-height: 25px; font-weight: normal; float: left; border-left: 5px solid #d7150c; margin-right: 7px; } .aboutus .toptitle .eng{ float: left; color: #da251c; font-size: 18px; font-family: "Arial"; margin-top: 8px; } .aboutus .left{ width: 788px; } .aboutus .wenzi{ color: #282828; font-size: 15px; line-height: 28px; margin-top: 34px; } .aboutus .wenzi a{ color: #d7150c; } .aboutus ul.aboutus-btn{ overflow: hidden; margin-top: 26px; } .aboutus li{ float: left; overflow: hidden; margin-right: 39px; } .aboutus li img{ float: left; vertical-align: top; } .aboutus li .txt{ float: left; line-height: 20px; margin-top: 9px; } .aboutus li.last{ margin-right: 0; } #imgRolling{float: right; width: 456px; height: 330px;position: relative;} #imgRolling .imagebg{height:330px;overflow:hidden;position:relative;} #imgRolling .imagebg li{height:330px;overflow:hidden;width:456px;margin:0 auto;display:block;text-align:center;} #imgRolling .imagebg li img{ width: 456px; height: 330px;} #imgRolling .scrollbg{height:54px; position: absolute; left: 0; bottom: 0; width: 100%;} #imgRolling .scroll{width:100%;height:54px;position:relative;margin:0 auto;} #imgRolling .pre,#imgRolling .next{display:block;position:absolute;width:11px;height:19px;z-index: 9999;top:18px;} #imgRolling a.pre{background:url(/web_images/icoleft.png);left:10px;} #imgRolling a.next{background:url(/web_images/iconext.png); right:10px;} #imgRolling .outScroll_pic{width: 387px; height:40px;overflow:hidden;position:relative;top:7px; left: 30px;} #imgRolling .outScroll_pic .scroll_img{position:absolute} #imgRolling .scroll_img{margin:0 auto;width:40000px;height:40px;} #imgRolling .scroll_img li{float:left;height:40px;width:56px;cursor:pointer; margin: 0 5px;} #imgRolling .scroll_img li img{ height:40px;width:56px; } #imgRolling .scroll .present{width:56px;height:40px;background:url(/web_images/imgbg.png) no-repeat center;z-index:10;position:absolute;top:7px;left:0;} #imgRolling .zhe{ width: 100%; height: 54px; background: #000; opacity: 0.7; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); position: absolute; left: 0; bottom: 0; } .approaching{ width: 100%; height: 355px; } .approaching .toptitle{ overflow: hidden; margin-top: 40px; } .approaching .toptitle h2{ padding-left: 10px; color: #282828; font-size: 24px; line-height: 25px; font-weight: normal; float: left; border-left: 5px solid #d7150c; margin-right: 7px; } .approaching .toptitle .eng{ float: left; color: #da251c; font-size: 18px; font-family: "Arial"; margin-top: 8px; } .approaching ul{ margin-top: 38px; } .approaching li.last{ margin-right: 0; } .approaching li{ width: 298px; height: 200px; float: left; margin-right: 28px; position: relative; } .approaching li img{ width: 298px; height: 200px; vertical-align: top; } .approaching li h3{ text-align: center; width: 100%; padding-top: 34px; height: 46px; line-height: 46px; position: absolute; left: 0; bottom: 0; z-index: 10; color: #fff; font-size: 18px; font-weight: normal; background: url(/web_images/approaching.png) no-repeat bottom; } .partner{ width: 100%; height: 252px; background: url(/web_images/partnerbg.jpg) no-repeat center; } .partner .toptitle{ overflow: hidden; margin-top: 50px; } .partner .toptitle h2{ padding-left: 10px; color: #282828; font-size: 24px; line-height: 25px; font-weight: normal; float: left; border-left: 5px solid #d7150c; margin-right: 7px; } .partner .toptitle .eng{ float: left; color: #da251c; font-size: 18px; font-family: "Arial"; margin-top: 8px; }