@charset "utf-8"; @import url(base.css); @import url(layout.css); /* 01N02 平台首页 --------------------------------------------------------------------------------------------------------*/ #main_index{ width:100%; height:auto} #main_index #nav{ width:100%; height:42px; background:#f5f5f5} #main_index #nav .nav1{ width:1200px; height:100%; margin:0 auto} #main_index #nav .nav1 ul{ padding-left:225px; position:absolute} #main_index #nav .nav1 li { display:block; float:left; height:42px; width:auto; text-align:center; list-style-type:none; line-height:42px; margin-right:0px} #main_index #nav .nav1 li a { color:#333333; display:block; text-decoration:none; padding-left:21px; padding-right:21px; font-size:16px} #main_index #nav .nav1 li a:hover { color:#fff; text-decoration:none; background-color:#dc1b1b} #main_index #nav .nav1 li a#current { display:block; float:left; height:42px; width:auto; text-align:center; list-style-type:none; line-height:42px; margin-right:0px; color:#FFF; background:#dc1b1b} #main_index #main{ width:1200px; margin:0 auto} /*首页NO1*/ #main_index .mainbox1{ width:100%; height:450px; margin:0 auto; margin-top:10px; position:relative} #main_index .mainbox1 .left{ width:19%; height:450px; float:left} #main_index .mainbox1 .banner{ width:58%; height:450px; float:left; margin:0 5px} #main_index .mainbox1 .right{ width:22%;height:450px; float:left; background:#f5f5f5} #main_index .mainbox1 .right .righttitle{ width:248px; height:20px; border-bottom:2px #dc1b1b solid; margin:0 auto; margin-top:12px; padding-bottom:5px} #main_index .mainbox1 .right .righttitle_left{ width:150px; float:left} #main_index .mainbox1 .right .righttitle_left dl{ line-height:20px} #main_index .mainbox1 .right .righttitle_left dl dt{ display:inline-block; font-size:16px; color:#000000} #main_index .mainbox1 .right .righttitle_left dl dd{ display:inline-block; color:#FF0000; margin-left:5px} #main_index .mainbox1 .right .righttitle_right{ width:auto; float:right} #main_index .mainbox1 .right .righttitle_right a{ color:#666} #main_index .mainbox1 .right .righttitle_right a:hover{ color:#2eabe0; text-decoration:none} #main_index .mainbox1 .right_new{ width:248px; margin:0 auto; margin-top:8px} #main_index .mainbox1 .right_new li{ width:248px; height:25px;color:#5f5f5f} #main_index .mainbox1 .right_new li a{ color:#5f5f5f} #main_index .mainbox1 .right_new li a:hover{ color:#2eabe0; text-decoration:none} #main_index .mainbox1 .right_new li span{ font-weight:bold} #main_index .mainbox1 .right .newsbar{ width:248px; margin:0 auto; margin-top:8px; line-height:26px} #main_index .mainbox1 .right .newsbar .menu{ height:26px; font-weight:bold} #main_index .mainbox1 .right .newsbar .menu ul li{ float:left; margin-right:5px; cursor:pointer} #main_index .mainbox1 .right .newsbar .menu ul li.off{ width:71px; height:26px; background:#dc1b1b; border-radius:13px; color:#FFF; float:left; text-align:center; line-height:26px; font-weight:bold} #main_index .mainbox1 .right .newsbar .menudiv{ width:230px; margin:0 auto; background:#FFF; border:1px #dddddd solid; border-radius:8px; padding:9px 10px 11px 10px; overflow:hidden} #main_index .mainbox1 .right .newsbar .menudiv div{ padding:0px;line-height:28px} #main_index .mainbox1 .right .newsbar .menudiv li{ width:230px; height:24px; float:left; margin:0 auto; line-height:24px} #main_index .mainbox1 .right .btn{ width:248px; margin:0 auto; } #main_index .mainbox1 .right .btn li{ width:118px; height:36px; margin-top:10px; float:left} /*首页菜单*/ #main_index .mainbox1 ul.menu{ width:100%; height:434px; padding:8px 0; list-style-type:none; position:relative !important; background:#079fee} #main_index .mainbox1 ul.menu li { font-size:14px; display:block; width:224px; line-height:29px; background:url(../../images/detection/icon006.png) no-repeat 200px center} #main_index .mainbox1 ul.menu li > a{ color:#fff; display:block; padding-left:20px} #main_index .mainbox1 ul.menu li > a:hover { text-decoration:none; background:#56ABE4} #main_index .mainbox1 ul.menu li > div { display:none; position:absolute; width:701px; height:100%; left:224px; top:0; background:#F5F5F5; z-index:9999} #main_index .mainbox1 ul.menu li:hover > div { display:block} #main_index .mainbox1 ul.menu li > div dl.classify{ margin:20px 15px; overflow:hidden; height:180px} #main_index .mainbox1 ul.menu li > div dl.classify dt{ color:#079FEE; font-size:14px; font-weight:bold} #main_index .mainbox1 ul.menu li > div dl.classify dd{ float:left; font-size:12px; line-height:16px; margin:10px 0} #main_index .mainbox1 ul.menu li > div dl.classify dd a{ color:#666; border-left:1px #ccc solid; padding:0 13px} #main_index .mainbox1 ul.menu li > div dl.classify dd a:hover{ color:#aaa; text-decoration:none} #main_index .mainbox1 ul.menu li > div dl.brand{ overflow:hidden} #main_index .mainbox1 ul.menu li > div dl.brand dt{} #main_index .mainbox1 ul.menu li > div dl.brand dt hr{ display:inline-block; width:270px; margin:0 15px; vertical-align:middle; border:none; border-top:1px #079FEE solid} #main_index .mainbox1 ul.menu li > div dl.brand dt em{ display:inline-block; font-style:normal; width:100px; text-align:center; color:#fff; background:#079FEE; border-radius:20px} #main_index .mainbox1 ul.menu li > div dl.brand dd{ float:left; width:126px; height:70px; margin:20px 0 0 12px} #main_index .mainbox1 ul.menu li > div dl.brand dd a{ display:block; border:1px #dcdcdc solid; width:122px; height:66px} #main_index .mainbox1 ul.menu li > div dl.brand dd a:hover{ border:2px #f00 solid} /*首页NO2*/ #main_index .mainbox2 { width:100%; height:243px; margin:0 auto; margin-top:10px} #main_index .mainbox2 .title2{ width:100%; height:53px} #main_index .mainbox2 .left{ width:215px; height:42px; float:left; background:#f5f5f5; padding:11px 0 0 10px} #main_index .mainbox2 .more{ width:50px; float:right; font-size:14px; margin-top:30px; line-height:20px} #main_index .mainbox2 .more a{ color:#868686} #main_index .mainbox2 .more a:hover{ color:#2eabe0} #main_index .mainbox2 .line{ width:100%; height:4px; background:#272727; margin-top:0px} #main_index .mainbox2 .line li{ width:225px; height:4px; background:#dc1b1b} #main_index .mainbox2 .products{ width:100%; height:175px; margin-top:10px} #main_index .mainbox2 .products dl{ float:left; width:229px; height:175px; background:#f5f5f5; margin-left:13px} #main_index .mainbox2 .products dl.first{ margin:0} #main_index .mainbox2 .products dl dt{ float:right; width:110px; height:auto; margin:10px 12px 0 0; position:relative; } #main_index .mainbox2 .products dl dd{ float:left} #main_index .mainbox2 .products dl dd.caption{ width:200px; height:auto; margin:15px 0 0 15px; font-size:16px; font-weight:bold; line-height:22px} #main_index .mainbox2 .products dl dd.price{ width:100px; height:auto; color:#dc1b1b; text-align:center; line-height:22px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin:8px 0 8px 0px} #main_index .mainbox2 .products dl dd.summary{ width:85px; height:90px; line-height:18px; margin:5px 0 0px 14px} #main_index .mainbox2 .products dl dt i.flag{ position:absolute; left:0; top:5px; color:#fff; width:35px; height:34px; line-height:16px; font-style:normal; text-align:center; padding:3px 5px;} #main_index .mainbox2 .products dl dt i.flag:after{ content:''; border-top:20px solid transparent; border-bottom:20px solid transparent; position:absolute; right:-10px; top:0px} #main_index .mainbox2 .products dl dt i.sty01{ background:#ec3333; height: 30px; padding:5px} #main_index .mainbox2 .products dl dt i.sty01:after{ border-left:10px solid #ec3333} #main_index .mainbox2 .products dl dt i.sty02{ background:#58ab15} #main_index .mainbox2 .products dl dt i.sty02:after{ border-left:10px solid #58ab15} #main_index .mainbox2 .products dl dt i.sty03{ background:#ebb100} #main_index .mainbox2 .products dl dt i.sty03:after{ border-left:10px solid #ebb100} #main_index .mainbox2 .products dl dt i.sty04{ background:#ce34af} #main_index .mainbox2 .products dl dt i.sty04:after{ border-left:10px solid #ce34af} /*首页NO3*/ #main_index .mainbox3 { width:100%; height:231px; margin:0 auto; margin-top:10px} #main_index .mainbox3 .title{ width:150px; height:auto; margin:10px 0 14px 12px} #main_index .mainbox3 .list{ width:1181px; height:189px; border:1px #dcdcdc solid; background:#f5f5f5; padding-left:17px} #main_index .mainbox3 .list li{ width:176px; height:100px; float:left; text-align:center; margin:25px 7px 0 10px} #main_index .mainbox3 .list li img{ border:1px #C9C9C9 solid} #main_index .mainbox3 .list li a{ display:block; margin-top:10px; line-height:16px} /*首页 BANNER*/ #main_index .banner{ width:100%; height:74px; margin:10px auto} /*首页floortitle */ #main_index .floor_title{ width:100%; height:35px; margin:0 auto; background:url(../../images/detection/index_img009.jpg); text-align:center; margin-top:10px} #main_index .floor_title .num{ width:22px; height:22px; background:#FFF; float:left; color:#dc1b1b; font-size:18px; background:url(../../images/detection/index_img010.jpg) no-repeat; text-align:left; vertical-align:top; padding:6px 6px; font-weight:bold;font-family:Helvetica, sans-serif} #main_index .floor_title .titlebt{ width:auto; height:35px; font-size:22px; line-height:35px; float:left; background:#FFF; padding:0 7px 0 5px} #main_index .floor_title .blackline{ width:100%; height:30px; border-bottom:4px #000000 solid; float:left} #main_index .floor_title .english{ width:240px; height:30px; float:left; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:left;text-transform:uppercase; line-height:30px; color:#959595} #main_index .floor_title .remen{ float:right; color:#999898; font-size:14px} #main_index .floor_title .remen ul{ height:14px; line-height:14px} #main_index .floor_title .remen ul li{ float:left; border-left:1px #999898 solid; padding-left:10px; margin-left:10px} #main_index .floor_title .remen ul li.subtitle{ color:#dc1b1b; border-left:none} #main_index .floor_title .remen a{ color:#999898} #main_index .floor_title .remen a:hover{ color:#2eabe0} /*首页1f 2f 5f 6f */ #main_index .mainbox4{ width:100%; height:440px; margin:0 auto; margin-top:8px} #main_index .mainbox4 .left{ width:22%; height:431px; border:1px #dcdcdc solid; background:#f5f5f5; float:left} #main_index .mainbox4 .left .title_1f{ width:230px; line-height:30px; margin:0px 17px; text-align:center; font-size:16px; font-weight:bold; line-height:30px; margin:0 auto; margin-top:12px; background:url(../../images/detection/index_img011.jpg) repeat-x bottom} #main_index .mainbox4 .left .title_1f .fontred{ color:#dc1b1b} #main_index .mainbox4 .left .fontwhite{ width:230px; height:26px; line-height:26px; text-align:center; color:#FFF; background:#dc1b1b; margin:0 auto; font-size:14px; font-weight:bold; margin-top:10px} #main_index .mainbox4 .left .neirong{ width:230px; height:39px; margin:0 auto; margin-top:2px; line-height:19px} #main_index .mainbox4 .left .shangjia{ color:#585858; width:231px; height:45px; line-height:20px; margin:0 auto; margin-top:3px} #main_index .mainbox4 .left .shangjia .subtitle{ font-size:14px; color:#333; font-weight:bold} #main_index .mainbox4 .left .shangjia a{ color:#999898} #main_index .mainbox4 .left .shangjia a:hover{ color:#2eabe0} #main_index .mainbox4 .left .fuwuzhouqi{ width:231px; line-height:20px; margin:0 auto; height:20px; font-size:14px} #main_index .mainbox4 .left .jiage{ width:231px; line-height:17px; margin:0 auto; height:17px; color:#dc1b1b; font-size:14px; font-family:Arial, Helvetica, sans-serif} #main_index .mainbox4 .left .jiage span.txt{ text-decoration:line-through; margin-left:10px; color:#999} #main_index .mainbox4 .left .photo{ width:206px; height:213px; background:url(../../images/detection/index_img012.jpg) no-repeat; margin:12px 0 0 27px; padding:3px 0 0 12px; position:relative} #main_index .mainbox4 .left .photo i.flag{ position:absolute; left:7px; top:7px; color:#fff; width:35px; height:34px; line-height:16px; font-style:normal; text-align:center; padding:3px 5px;} #main_index .mainbox4 .left .photo i.flag:after{ content:''; border-top:20px solid transparent; border-bottom:20px solid transparent; position:absolute; right:-10px; top:0px} #main_index .mainbox4 .left .photo i.sty01{ background:#ec3333; height: 30px; padding:5px} #main_index .mainbox4 .left .photo i.sty01:after{ border-left:10px solid #ec3333} #main_index .mainbox4 .left .photo i.sty02{ background:#58ab15} #main_index .mainbox4 .left .photo i.sty02:after{ border-left:10px solid #58ab15} #main_index .mainbox4 .left .photo i.sty03{ background:#ebb100} #main_index .mainbox4 .left .photo i.sty03:after{ border-left:10px solid #ebb100} #main_index .mainbox4 .left .photo i.sty04{ background:#ce34af} #main_index .mainbox4 .left .photo i.sty04:after{ border-left:10px solid #ce34af} #main_index .mainbox4 .bggy{ background:#f5f5f5} #main_index .mainbox4 .center{ width:54.5%; height:432px; margin:0 13px; float:left; border-right:1px #dcdcdc solid; border-bottom:1px #dcdcdc solid} #main_index .mainbox4 .center li{ width:32.4%; height:215px; float:left; border-left:1px #dcdcdc solid; border-top:1px #dcdcdc solid} #main_index .mainbox4 .center .biaoti{ width:200px; margin:8px 0px 0 9px; height:18px; font-size:14px; line-height:19px; font-weight:bold; white-space:nowrap; overflow:hidden; word-break:keep-all;} #main_index .mainbox4 .center .photo1{ width:146px; height:146px; border:2px #fff solid; margin:0 auto; padding:0px; position:relative} #main_index .mainbox4 .center .photo1 i.flag{ position:absolute; left:0; top:5px; color:#fff; width:35px; height:34px; line-height:16px; font-style:normal; text-align:center; padding:3px 5px;} #main_index .mainbox4 .center .photo1 i.flag:after{ content:''; border-top:20px solid transparent; border-bottom:20px solid transparent; position:absolute; right:-10px; top:0px} #main_index .mainbox4 .center .photo1 i.sty01{ background:#ec3333; height: 30px; padding:5px} #main_index .mainbox4 .center .photo1 i.sty01:after{ border-left:10px solid #ec3333} #main_index .mainbox4 .center .photo1 i.sty02{ background:#58ab15} #main_index .mainbox4 .center .photo1 i.sty02:after{ border-left:10px solid #58ab15} #main_index .mainbox4 .center .photo1 i.sty03{ background:#ebb100} #main_index .mainbox4 .center .photo1 i.sty03:after{ border-left:10px solid #ebb100} #main_index .mainbox4 .center .photo1 i.sty04{ background:#ce34af} #main_index .mainbox4 .center .photo1 i.sty04:after{ border-left:10px solid #ce34af} #main_index .mainbox4 .center .fontred1{ color:#dc1c1b; font-family:Arial, Helvetica, sans-serif; width:200px; height:23px; margin:1px 0 2px 9px; font-size:14px; line-height:16px} #main_index .mainbox4 .center .fontred1 span.txt{ text-decoration:line-through; margin-left:10px; color:#999} #main_index .mainbox4 .right{ width:19.5%; height:431px; border:1px #dcdcdc solid; background:#f5f5f5; float:left} #main_index .mainbox4 .right .rihgttitle_1f{ width:211px; line-height:30px; margin:13px 17px; text-align:left; font-size:16px; font-weight:bold; line-height:30px; margin:0 auto; margin-top:5px; background:url(../../images/detection/index_img011.jpg) repeat-x bottom; margin-bottom:17px} #main_index .mainbox4 .right .sjlogo{ width:176px; height:96px; margin:0 auto; border:1px #d1d1d1 solid} #main_index .mainbox4 .right .sjname{ width:207px; height:30px; line-height:25px; margin:0 auto; text-align:center} /*首页3f 4f */ #main_index .mainbox5{ width:100%; height:440px; margin:0 auto; margin-top:8px} #main_index .mainbox5 .left3f{ width:518px; height:430px; float:left; border:1px #dcdcdc solid;background:url(../../images/detection/index_img014.jpg) repeat-x bottom} #main_index .mainbox5 .left3f .photo3f{ width:518px; height:240px; border-bottom:1px #dcdcdc solid;background:url(../../images/detection/index_img013.jpg) repeat-x bottom; /*white-space:nowrap;*/ overflow:hidden; word-break:keep-all;} #main_index .mainbox5 .left3f .photo3f .leftphoto{ width:196px; height:196px;float:left; position:relative; margin-left: 40px; margin-top: 20px; margin-right: 10px; } #main_index .mainbox5 .left3f .photo3f .leftphoto i.flag{ position:absolute; left:0; top:5px; color:#fff; width:35px; height:34px; line-height:16px; font-style:normal; text-align:center; padding:3px 5px;} #main_index .mainbox5 .left3f .photo3f .leftphoto i.flag:after{ content:''; border-top:20px solid transparent; border-bottom:20px solid transparent; position:absolute; right:-10px; top:0px} #main_index .mainbox5 .left3f .photo3f .leftphoto i.sty01{ background:#ec3333; height: 30px; padding:5px} #main_index .mainbox5 .left3f .photo3f .leftphoto i.sty01:after{ border-left:10px solid #ec3333} #main_index .mainbox5 .left3f .photo3f .leftphoto i.sty02{ background:#58ab15} #main_index .mainbox5 .left3f .photo3f .leftphoto i.sty02:after{ border-left:10px solid #58ab15} #main_index .mainbox5 .left3f .photo3f .leftphoto i.sty03{ background:#ebb100} #main_index .mainbox5 .left3f .photo3f .leftphoto i.sty03:after{ border-left:10px solid #ebb100} #main_index .mainbox5 .left3f .photo3f .leftphoto i.sty04{ background:#ce34af} #main_index .mainbox5 .left3f .photo3f .leftphoto i.sty04:after{ border-left:10px solid #ce34af} #main_index .mainbox5 .left3f .photo3f .righttext{ width:230px; height:240px; float:left; padding-left:15px} #main_index .mainbox5 .left3f .photo3f .righttext .title_3f{ width:230px; line-height:20px;text-align:left; font-size:16px; margin-top:18px; height:25px} .fontred18{ color:#dd1b1b; font-size:20px} #main_index .mainbox5 .left3f .photo3f .righttext .fontbiaoti{ width:230px; height:26px; line-height:26px; margin:0 auto; font-size:14px; font-weight:bold; margin-top:10px; float:left} #main_index .mainbox5 .left3f .photo3f .righttext .neirong{ width:230px; height:39px; margin:0 auto; margin-top:2px; line-height:19px; float:left; color:#656565} #main_index .mainbox5 .left3f .photo3f .righttext .shangjia3f{ color:#585858; width:200px; height:45px; line-height:24px; margin-top:6px; float:left} #main_index .mainbox5 .left3f .photo3f .righttext .shangjia3f a{ color:#999898} #main_index .mainbox5 .left3f .photo3f .righttext .shangjia3f a:hover{ color:#2eabe0} #main_index .mainbox5 .left3f .photo3f .righttext .fuwuzhouqi3f{ width:200px; line-height:20px; margin:0 auto; height:20px; font-size:14px;float:left; margin-top:13px} #main_index .mainbox5 .left3f .photo3f .righttext .jiage3f{ width:200px; line-height:17px; margin:0 auto; height:17px; color:#dc1b1b; font-size:14px; font-weight:; font-family:Arial, Helvetica, sans-serif; float:left} #main_index .mainbox5 .left3f .photo3f .righttext .jiage3f span.txt{ text-decoration:line-through; margin-left:10px; color:#999} #main_index .mainbox5 .left3f .tuijiantitle{ width:495px; height:35px; background:url(../../images/detection/index_img015.jpg) repeat-x bottom; margin-left:11px; margin-top:13px} #main_index .mainbox5 .left3f .tuijiantitle .left{ width:214px; height:29px; color:#FFF; background:#000 url(../../images/detection/index_img016.jpg) no-repeat right bottom; line-height:29px; font-weight:700; padding-left:11px} #main_index .mainbox5 .left3f .tuijiantitle .english{ font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:left;text-transform:uppercase} #main_index .mainbox5 .left3f .tjsys{ width:486px; height:90px; margin:0 auto; margin-top:20px} #main_index .mainbox5 .left3f .tjsys li{ width:176px; height:96px; border:1px #dcdcdc solid; float:left; margin-left:45px} #main_index .mainbox5 .right3f{ width:54.5%; height:432px; float:right; border-right:1px #dcdcdc solid; border-bottom:1px #dcdcdc solid} #main_index .mainbox5 .right3f li{ width:32.4%; height:214px; border-top:1px #dcdcdc solid;border-left:1px #dcdcdc solid;float:left} #main_index .mainbox5 .right3f .biaoti3f{ width:200px; margin:8px 0px 0 9px; height:18px; font-size:14px; line-height:19px; font-weight:bold; white-space:nowrap; overflow:hidden; word-break:keep-all;} #main_index .mainbox5 .right3f .photo13f{ width:152px; height:145px; border:2px #fff solid; margin:0 auto; padding:0px; position:relative} #main_index .mainbox5 .right3f .photo13f i.flag{ position:absolute; left:0; top:5px; color:#fff; width:35px; height:34px; line-height:16px; font-style:normal; text-align:center; padding:3px 5px;} #main_index .mainbox5 .right3f .photo13f i.flag:after{ content:''; border-top:20px solid transparent; border-bottom:20px solid transparent; position:absolute; right:-10px; top:0px} #main_index .mainbox5 .right3f .photo13f i.sty01{ background:#ec3333; height: 30px; padding:5px} #main_index .mainbox5 .right3f .photo13f i.sty01:after{ border-left:10px solid #ec3333} #main_index .mainbox5 .right3f .photo13f i.sty02{ background:#58ab15} #main_index .mainbox5 .right3f .photo13f i.sty02:after{ border-left:10px solid #58ab15} #main_index .mainbox5 .right3f .photo13f i.sty03{ background:#ebb100} #main_index .mainbox5 .right3f .photo13f i.sty03:after{ border-left:10px solid #ebb100} #main_index .mainbox5 .right3f .photo13f i.sty04{ background:#ce34af} #main_index .mainbox5 .right3f .photo13f i.sty04:after{ border-left:10px solid #ce34af} #main_index .mainbox5 .right3f .fontred13f{ color:#dc1c1b; font-family:Arial, Helvetica, sans-serif; width:200px; height:23px; margin:1px 0 2px 9px; font-size:14px; line-height:16px} #main_index .mainbox5 .right3f .fontred13f span.txt{ text-decoration:line-through; margin-left:10px; color:#999} /* 01N01 首页 --------------------------------------------------------------------------------------------------------*/ /*logo 未登录页面*/ #main_index1 .logo{ width:389px; height:91px; background:url(../../images/detection/logo.jpg) no-repeat; margin:0 auto; margin-top:83px; margin-bottom:23px} /*logo 未登录页面仪器检索*/ #main_index1 .issue{ width:128px; line-height:42px; float:left; margin-left:5px; height:42px} #main_index1 .issue .nav1 { list-style-type:none; height:42px; padding:0; margin:0; font-size:16px; margin-left:5px; float:left; position:relative !important; padding:0; line-height:42px} #main_index1 .issue .nav1 li{ display:block; width:128px; height:42px; line-height:42px; color:#fff; text-decoration:none; background:#2eabe1; text-align:center} #main_index1 .issue .nav1 a{ color:#fff} #main_index1 .issue .nav1 a:hover { color:#fff} #main_index1 .issue .nav1 li ul { opacity:0; position:absolute; left:0; background:#dddddd; list-style-type:none} #main_index1 .issue .nav1 li:hover ul { opacity:1;} #main_index1 .issue .nav1 li ul li { float:none; height:0; line-height:0; background:#dddddd; border-top:1px #FFFFFF solid; height:42px; line-height:42px} #main_index1 .issue .nav1 li:hover ul li { width:128px; height:42px; line-height:42px; background:#dddddd} #main_index1 .issue .nav1 li ul li a{ color:#767676; background:#dddddd} #main_index1 .issue .nav1 li ul li a:hover{ color:#fff} #main_index1 .issue a span { display:inline-block; vertical-align:middle; border:0 solid #fff; border-width:5px 5px 0; border-color:#fff transparent;width:0; overflow:hidden; height:0; margin-left:5px} #main_index1 .issue .nav1 li:hover a span{ transition-duration:.5s; transform:rotate(180deg); -webkit-transform:rotate(180deg)} #main_index1 .news{ width:940px; height:350px; border:1px #d9d9d9 solid; margin:0 auto; padding:18px 20px} /*logo 未登录页面左侧新闻*/ #main_index1 .news .left{ width:485px; height:345px; float:left; background: url(../../images/detection/icon005.jpg) right repeat-y} #main_index1 .news .left .new{ width:460px; height:108px} #main_index1 .news .left .new h2{ width:460px; word-break:keep-all; word-wrap:break-word; white-space:nowrap; overflow:hidden} #main_index1 .news .left .new,.new ul{ width:100%;overflow:hidden} #main_index1 .news .left .new img,.new div p{ float:left} #main_index1 .news .left .new img{ width:116px; padding-top:4px} #main_index1 .news .left .new p{ width:340px; padding-left:10px; color:#959595; line-height:20px; height:64px} #main_index1 .news .left .new p a{ color:#959595} #main_index1 .news .left .new p a:hover{ color:#119bcc} #main_index1 .news .left .new span{ float:right; padding-right:25px; color:#959595} #main_index1 .news .right{ width:437px; height:345px; float:left;margin-left:18px} #main_index1 .news .right .ck-slide { width:438px; height:125px; margin:0 auto} #main_index1 .news .right .ck-slide ul.ck-slide-wrapper { height:140px} /**蜂巢样式***/ /*#main_index1 .news .right .fengchao{ width:437px; height:214px; text-align:right; margin-bottom:17px; margin-top:2px}*/ #main_index1 .news .right .fengchao{ width:437px; height:220px; margin:10px 0 0 10px} .hex{ float:left; width:95px; height:70px; margin:0 0 -30px 75px; position:relative; transform:rotate(7deg); -webkit-transform:rotate(7deg); -moz-transform:rotate(7deg); -ms-transform:rotate(7deg); -o-transform:rotate(7deg)} .hex .hex_center{ float:left; width:45px; height:66px; margin:0 -1px} .hex .hex_left, .hex .hex_right{ width:0; float:left; border-top:34px solid transparent; border-bottom:34px solid transparent; position:relative} .hex .hex_left:after, .hex .hex_right:after{ top:-34px; position:absolute; border-top:34px solid transparent; border-bottom:34px solid transparent; content:''} .hex a{ position:absolute; width:100%; color:#fff; font-size:18px; text-align:center; line-height:70px; z-index:999} .hex-row{ clear:left} .hex-row.even{ margin-left:-10px} /*hex1*/ .hex1 a{ color:#fff} .hex1 .hex_left{ border-right:25px solid #2EABE1} .hex1 .hex_center{ background:#2EABE1; border-bottom:1px #2EABE1 solid; border-top:1px #2EABE1 solid} .hex1 .hex_right{ border-left:25px solid #2EABE1} /*hex2*/ .hex2 a{ color:#2EABE1} .hex2 .hex_left{ border-right:25px solid #2EABE1; position:relative} .hex2 .hex_left:after{ border-right:25px solid #fff; left:1px} .hex2 .hex_center{ background:#fff; border-bottom:1px #2EABE1 solid; border-top:1px #2EABE1 solid} .hex2 .hex_right{ border-left:25px solid #2EABE1; position:relative} .hex2 .hex_right:after{ border-left:25px solid #fff; right:1px} /*off*/ .hex.off{ transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); z-index:999} .hex.off a{ color:#00DD00} .hex.off .hex_left{ border-right:25px solid #BBFF66; position:relative} .hex.off .hex_left:after{ border-right:25px solid #BBFF66; left:1px} .hex.off .hex_center{ height:66px; background:#BBFF66; border-bottom:1px #BBFF66 solid; border-top:1px #BBFF66 solid} .hex.off .hex_right{ border-left:25px solid #BBFF66; position:relative} .hex.off .hex_right:after{ border-left:25px solid #BBFF66; right:1px} /*vol1*/ .hex.vol1{ height:62px; padding-top:8px} .hex.vol1 a{ width:95px; height:56px; line-height:56px; font-size:14px} .hex.vol1 .hex_center{ width:45px; height:54px} .hex.vol1 .hex_left{ border-width:28px 20px 28px 0; margin-left:5px;} .hex.vol1 .hex_right{ border-width:28px 0 28px 20px} .hex.vol1 .hex_left:after{ border-width:28px 20px 28px 0; left:1px; top:-28px} .hex.vol1 .hex_right:after{ border-width:28px 0 28px 20px; right:1px; top:-28px} .hex.vol1.off .hex_left:after{ border-width:28px 20px 28px 0; left:1px} .hex.vol1.off .hex_right:after{ border-width:28px 0 28px 20px; right:1px} /*vol2*/ .hex.vol2{ width:85px; height:55px; padding:15px 0 0 10px} .hex.vol2 a{ width:80px; height:42px; line-height:42px; font-size:14px} .hex.vol2 .hex_center{ width:30px; height:42px} .hex.vol2 .hex_left{ border-width:22px 20px 22px 0; margin-left:5px} .hex.vol2 .hex_right{ border-width:22px 0 22px 20px} .hex.vol2 .hex_left:after{ border-width:22px 20px 22px 0; left:1px; top:-22px} .hex.vol2 .hex_right:after{ border-width:22px 0 22px 20px; right:1px; top:-22px} .hex.vol2.off .hex_left:after{ border-width:22px 20px 22px 0; left:1px} .hex.vol2.off .hex_right:after{ border-width:22px 0 22px 20px; right:1px} /**蜂巢样式***/ /* 01N04 平台登录-注册 --------------------------------------------------------------------------------------------------------*/ #main_register{ width:1200px; height:580px; margin:0 auto; margin-top:40px} #main_register .left{ width:610px; height:557px; border-right:1px #dedede solid; padding-left:20px; float:left} #main_register .right{ width:420px; height:auto; margin:46px 0 0 50px; float:left} #main_register .right .logo{ width:100%; overflow:hidden} #main_register .right .yhzc{ width:134px; height:44px; background:url(../../images/detection/index_register_img002.jpg) no-repeat; float:left} #main_register .right .denglu{ width:auto; height:44px; float:right; text-align:right} #main_register .right .zhuce{ width:420px; height:440px; color:#666666; font-size:15px; margin-top:20px} #main_register .right .zhuce ul{ padding:0px; marign:0px; margin-top:5px} #main_register .right .zhuce li{ width:430px; list-style:none} #main_register .right .zhuce li .text{ width:90px; height:43px; margin-left:10px; line-height:43px; float:left} #main_register .right .zhuce li .text1{ width:320px; height:43px; float:left;line-height:43px} #main_register .right .zhuce li .text2{ width:168px; height:43px; float:left;line-height:43px} #main_register .right .zhuce li .text3{ width:150px; height:43px; float:right;line-height:43px; text-align:center; border:1px #dedede solid} #main_register .right .zhuce li .text4{ width:45px; height:43px; float:right;line-height:43px; text-align:right; font-size:12px} #main_register .right .zhuce li .text4 a{ color:#2eabe0} #main_register .right .zhuce li .text4 a:hover{ color:#666} #main_register .right .zhuce li .text5{ width:300px; height:auto; float:left; text-align:left; font-size:14px;margin:15px 0 10px 10px} #main_register .right .zhuce li .text5 input[type=checkbox]{ vertical-align:middle} #main_register .right .zhuce li .text6{ width:420px; height:43px;line-height:43px; text-align:center; margin-left:10px} #main_register .right .zhuce li .input{ width:316px; height:41px; line-height:41px; border:1px #dedede solid; word-spacing:-20px; font-family:宋体,Arial, Helvetica, sans-serif} #main_register .right .zhuce li .input1{ width:153px; height:41px; line-height:41px; border:1px #dedede solid} #main_register .right .zhuce li .input2{ width:104px; height:43px; line-height:43px; border:1px #dedede solid} #main_register .right .zhuce li .input3{ width:184px; height:43px; line-height:43px; border:1px #dedede solid} #main_register .right .zhuce li .input4{ width:15px; height:15px; border:1px #999999 solid; border-radius:1px} #main_register .right .zhuce li .tipbox{ height:30px; line-height:30px; font-size:12px; color:#999; margin-left:100px; clear:both} #main_register .right .zhuce li .tipbox span.tip{ color:#c5c5c5} #main_register .right .zhuce li .tipbox span.error{ color:#ff0000} #main_register .btn{ width:420px; height:41px; background:#2eabe0; color:#FFF; font-size:14px; font-weight:700; float:right; border:0; cursor:pointer}