@charset "utf-8"; /* CSS Document */ /*主题样式*/ /*通栏盒子*/ .box_bai{ width: 100%; margin: 0 auto;} .box_hui{ width: 100%; margin: 0 auto; padding: 15px 0 15px 0; background-color:#ffffff;} .box_lan{ width: 100%; margin: 0 auto; padding: 15px 0 15px 0; background:url(../Images/bluebg.jpg) no-repeat center center; height: 160px;} /*通栏盒子*/ /*banner*/ #tian{ margin: 0px auto; width:100%; height: 500px; background:url(../Images/skinbanner.jpg) no-repeat center center; position:relative; } .blBg{ width:1000px; margin:0 auto; position:relative; bottom: -480px;} .search{ width: 420px; height: 62px;background:url(../Images/s_search.png) no-repeat;float: left; margin-left: 96px; margin-top: -236px;} .search p{margin: 15px 78px;} .blBg img{/* margin-left: 26px; *//* margin-top: -231px; */display: block;position: absolute;bottom: 173px;right: 302px;} /*banner*/ /*社会见证*/ /*社会见证*/ /*联系我们*/ .content1{ width:1000px; margin:0 auto; margin-top: 100px; height: 360px;} .d_list{ width: 317px; height: 272px;border: 1px solid #D0D1D1;position: relative;float: left; margin-right: 12px; background: #fff;} .d_list .dirtytest1{ width: 175px; height: 180px; background: url(../Images/foodinexicon.png) no-repeat -13px -8px;position: absolute; top: -100px; left: 66px;} .d_list .dirtytest2{ width: 180px; height: 187px; background: url(../Images/foodinexicon.png) no-repeat -199px -7px;position: absolute;top: -100px; left: 66px;} .d_list .dirtytest3{ width: 190px; height: 190px; background: url(../Images/foodinexicon.png) no-repeat -395px -1px;position: absolute;top: -100px; left: 66px;} .d_list h3{ font-size:21px; color: #3e3a39; text-align:center; line-height:55px; padding-top: 90px; font-weight: normal;} .d_list p{ font-size: 14px; color: #3e3a39;text-align:center; line-height:21px; height: 50px;} .didian1{ display: block; width: 40px; height: 45px; margin:0 auto; background: url(../Images/foodinexicon.png) -27px -207px no-repeat;} .didian2{ display: block; width: 40px; height: 45px; margin:0 auto; background: url(../Images/foodinexicon.png) -74px -207px no-repeat; } /*联系我们*/ /*底部*/ .footer { background-color: #004fa2;} .footer_wz { padding-top:30px; height:85px; color: #fff; margin: auto; width: 1000px;} .footer_wz_z{ float: left; width: 197px; height: 45px; background:url(../Images/logo2.png) no-repeat; margin-right: 8px; /* margin-left: 21px; */} .footer_wz_y{ float: left; width: 794px; border-left-style: solid; border-width: 1px;} .footer_wz_s{ height: 35px;} .footer_wz_s ul{ list-style: none;} .footer_wz_s ul li{ float: left; padding-left: 15px; margin-left: 33px; height: 20px;} .tel2{ background: url(../Images/tel2.png) no-repeat;} .add{ background: url(../Images/fenxiadd.png) no-repeat;} .footer_wz_x{ height: 25px; float: left; margin-left: 33px;} /*底部*/ /*分析页面*/ .package_con{ width:1000px; margin:0 auto;} .fenxititle{ height: 100px; padding: 0px 215px; } h2{text-align: center; font-size:14px; color: #0aa2f0; margin-bottom: 20px;font-weight: normal;} h1{ color: #3e3a39; font-size:30px; margin-top: 54px; text-align:center; float:left; font-weight: normal;/* width: 180px; */} .content{ margin-top:34px; /* margin-bottom:54px; */ overflow:hidden; }/* .six { width:151px; height:207px; float:left; border:1px solid #cccccc; list-style:none;background: #fff; }*/ .liucheng{width: 66px;height: 66px;background: url(../Images/icon.png) no-repeat 0px -9px;list-style: none; margin-bottom:24px;} .liucheng2{width: 66px;height: 68px;background: url(../Images/icon.png) no-repeat -79px -8px;list-style: none; margin-bottom:24px;} .liucheng3{width: 66px;height: 66px;background: url(../Images/icon.png) no-repeat -184px -6px;list-style: none; margin-bottom:24px;} .liucheng4{width: 66px;height: 66px;background: url(../Images/icon.png) no-repeat -284px -4px;list-style: none; margin-bottom:24px;} .liucheng5{width: 68px;height: 66px;background: url(../Images/icon.png) no-repeat -381px -4px;list-style: none; margin-bottom:24px;} .liu{padding: 30px 40px;} .liu p{text-align: center; font-size:17px; color:#595757;} .next{float: left;width: 58px;height: 187px;text-align: center;margin-top: 90px;} .box {margin: 0 auto;height: 1px;width: 138px;border-bottom: 1px dashed #595757;margin-bottom: 25px;margin-left: -33px;} .wpys{ width: 100%; /* padding-top: 30px; */ /* background: #f7f8f8; */ } .wpys_c{ width: 1000px; margin: 0 auto; height: 670px;} /* lunbo */ .slideBox{ width: 1000px; height: 491px; overflow:hidden; position:relative; margin: 0 auto;} .slideBox .tempWrap{ margin: 0 auto!important; width: 1000px !important;} .slideBox .hd{ height: 14px; overflow:hidden; position:absolute; bottom: 54px; z-index:1; left: 50%; margin-left: -35px;} .slideBox .hd ul{ overflow:hidden; zoom:1; float:left; } .slideBox .hd ul li{display: inline-block;width: 14px;height: 14px;line-height: 40px;overflow: hidden;background: url(../Images/dot.png) right 0 no-repeat;cursor: pointer; } .slideBox .hd ul li.on{ display: inline-block;width: 14px;height: 14px;line-height: 40px;overflow: hidden;background: url(../Images/dot.png) left 0 no-repeat;cursor: pointer;} .slideBox .bd{ position:relative; height:100%; z-index:0;} .slideBox .bd li{ zoom:1; vertical-align:middle; } .slideBox .bd img{ width: 1000px; height:400px; display:block;} /* 下面是前/后按钮代码，如果不需要删除即可 */ .slideBox .prev,.slideBox .next{ position:absolute; left: 0px; top: 182px; display:block; width:30px; height: 64px; background: url(../Images/leftright.png) -5px 0 #000; opacity: 0.3;filter:alpha(opacity=30);display: inline-block;transition: all 0.5s linear;} .slideBox .next{ left:auto; right: 0px; background-position: 31px 0; top: 95px;} .slideBox .prev:hover,.slideBox .next:hover{ opacity: 0.6;filter:alpha(opacity=60); } /*lunbo-end*/ .fuwu_c2{ font-size: 14px; line-height: 20px; margin-bottom: 20px; /* margin-top: 30px; */ text-align: center;} .contain{ width:100%; margin:0 auto; padding-top: 30px; padding-bottom: 50px;} .fuwu_xm_tite{ font-size: 30px;text-align: center; padding-top: 30px;} .fuwu_xm1{line-height: 45px;text-align: center; color:#3e3a39;} .process{ width:1000px; height: 300px; margin:0 auto; background:url(../Images/foodpro.jpg) no-repeat center top; margin-top: 40px; padding-top: 100px;} .process dl{ width:212px; /* height: 450px; */ text-align:center; margin-left: 50px; float: left; margin-right: -32px;} .process dl dt{ text-align:center; color:#fff; font-size:21px; line-height: 37px; width: 100%; height: 37px;} .process dl .big1{ height: 25px; margin-top:10px; font-weight: normal; font-size: 16px; color: #3e3a39; line-height: 25px; padding-top:5px;} .process dl dt dd{/* line-height: 22px; */height: 22px;font-size: 14px; font-weight:normal;} .pro1 dt{ width:212px; background-color:#036eb8; } .pro2 dt{ width:212px; background-color:#00a29a; } .pro3 dt{ width:212px; background-color:#fe787d;font-weight:normal; } .pro4 dt {width:212px; background-color:#2ea7e0;font-weight:normal; } .bg{height: 64px;background-color:#f7f8f8; margin-top: 10px;width: 212px;line-height: 64px;font-size: 16px;} .bg:hover{background-color:#0aa2f0;color:#fff; cursor:pointer;} #tb_left dt{ color:#ff6b06; font-size:20px; height:63px; line-height:63px;} #tb_left dd{ font-size:16px; color: #000; width: 230px; height: 60px; background: #0aa2f0; margin-top: 10px; /* text-align: center; */ line-height: 60px; color: #FFF;} #tb_left dd:hover{ background:#43b4f9;} #tb_right dd:hover{background:#43b4f9;} .tb-1{ width:1000px; height: 460px; background:url(../Images/hufu.png) no-repeat center center; margin:0 auto; position:relative;} #cai{ width:1000px; height: 460px; background:url(../Images/caizhuang.png) no-repeat center center; margin:0 auto; position:relative; /* z-index: 100; */} .tb-1 .xiaotubiao{ display: inline-block; width: 56px; height:47px; float: left; margin-left: 50px; margin-top: 3px;} .tb-1 .xiao1{background:url(../Images/hufuicon.png) no-repeat 0px 0px;} .tb-1 .xiao2{background: url(../Images/hufuicon.png) no-repeat -70px 0px;} .tb-1 .xiao3{background: url(../Images/hufuicon.png) no-repeat -154px 0px;} .tb-1 .xiao4{background: url(../Images/hufuicon.png) no-repeat -240px 0px;} .tu1{ position:absolute;top: 30px; left: 80px;} .tu2{ position:absolute; top: 150px;} .tu3{ position:absolute; top: 260px;} .tu4{ position:absolute; top: 380px; left: 54px;} #tb_right dt{color:#ff6b06; font-size:20px; height:63px; line-height:63px;} #tb_right dd{ font-size:16px; color: #000; width: 230px; height: 60px; background: #0aa2f0; margin-top: 10px; /* text-align: center; */ line-height: 60px; color: #FFF;} .tb-1 .xiaotubiaos{ display: inline-block; width: 56px; height: 57px; float: left; margin-left: 50px; margin-top: 3px;} .tb-1 .xiaos1{background: url(../Images/hufuicon.png) no-repeat -321px 0px;} .tb-1 .xiaos2{background: url(../Images/hufuicon.png) no-repeat -420px 0px;} .tb-1 .xiaos3{background: url(../Images/hufuicon.png) no-repeat -504px 0px;} .tb-1 .xiaos4{background: url(../Images/hufuicon.png) no-repeat -604px 0px;} .tus1{ position:absolute;top: 30px; right: 120px;} .tus2{ position:absolute; top: 150px; right: 50px;} .tus3{ position:absolute; top: 260px; right: 50px;} .tus4{ position:absolute; top: 380px; right: 48px;} .pinleis{ width:1000px; height: 35px; color:#4EB6B1; font-size:28px; margin:0 auto; text-align:center; line-height: 35px; margin-top: 20px; font-family: 方正卡通简体;} .tb-1 .c_xiaotubiao{ display: inline-block; width: 52px; height: 49px; float: left; margin-left: 50px; margin-top: 5px;} .tb-1 .c_xiao1{background: url(../Images/caiicon.png) no-repeat 10px 0px;} .tb-1 .c_xiao2{background: url(../Images/caiicon.png) no-repeat -40px 0px;} .tb-1 .c_xiao3{background: url(../Images/caiicon.png) no-repeat -95px 0px;} .tb-1 .c_xiao4{background: url(../Images/caiicon.png) no-repeat -151px 0px;} .tb-1 .c_xiaotubiaos{ display: inline-block; width: 63px; height: 57px; float: left; margin-left: 50px; margin-top: 6px;} .tb-1 .c_xiaos1{background: url(../Images/caiicon.png) no-repeat -201px 0px;} .tb-1 .c_xiaos2{background: url(../Images/caiicon.png) no-repeat -244px 0px;} .tb-1 .c_xiaos3{background: url(../Images/caiicon.png) no-repeat -310px 0px;} .tb-1 .c_xiaos4{background: url(../Images/caiicon.png) no-repeat -389px 0px;} #yang{ width:1000px; height: 460px; background:url(../Images/hufa.png) no-repeat center center; margin:0 auto; position:relative; /* z-index: 100; */} .tb-1 .y_xiaotubiao{ display: inline-block; width: 52px; height: 49px; float: left; margin-left: 50px; margin-top: 3px;} .tb-1 .y_xiao1{background: url(../Images/hufaicon.png) no-repeat 0px 0px;} .tb-1 .y_xiao2{background: url(../Images/hufaicon.png) no-repeat -84px 0px;} .tb-1 .y_xiao3{background: url(../Images/hufaicon.png) no-repeat -177px 0px;} .tb-1 .y_xiao4{background: url(../Images/hufaicon.png) no-repeat -245px 0px;} .tb-1 .y_xiaotubiaos{ display: inline-block; width: 63px; height: 57px; float: left; margin-left: 50px; margin-top: 3px;} .tb-1 .y_xiaos1{background: url(../Images/hufaicon.png) no-repeat -311px 0px;} .tb-1 .y_xiaos2{background: url(../Images/hufaicon.png) no-repeat -394px 0px;} .tb-1 .y_xiaos3{background: url(../Images/hufaicon.png) no-repeat -490px 0px;} .tb-1 .y_xiaos4{background: url(../Images/hufaicon.png) no-repeat -599px 0px;} #ran{ width:1000px; height: 460px; background:url(../Images/ranfa.png) no-repeat center center; margin:0 auto; position:relative; /* z-index: 100; */} .ran{ width: 184px; height: 184px; background:url(../Images/bg.png) no-repeat center center; text-align: center; line-height: 50px; color: #FFF; font-size: 23px; padding-top: 70px;} #ran_left{ float:left; margin-left: 50px;} #ran_right{ float:right; margin-right: 50px;} .r_xiaotubiao{ display:block; width:60px; height: 73px; margin: 0 auto; } .r_xiao1{ background: url(../Images/ranfaicon.png) no-repeat -30px 0px; margin: 0 auto; } .r_xiao2{ background: url(../Images/ranfaicon.png) no-repeat -150px 0px; margin: 0 auto;} .r_xiao3{ background: url(../Images/ranfaicon.png) no-repeat -260px 0px; margin: 0 auto; } .r_xiao4{ background: url(../Images/ranfaicon.png) no-repeat -378px 0px; margin: 0 auto;} #ya{ width:1000px; height: 460px; background:url(../Images/yuanliao.png) no-repeat center center; margin:0 auto; position:relative; /* z-index: 100; */} #ya .tu{ width: 195px; height:55px; background:url(../Images/yuanliaobg.png) no-repeat center center; text-align:left; color: #FFF; font-size: 21px; line-height: 55px; text-indent: 40px;} #tianjia{ width:1000px; margin: 10px auto; height: 350px;} #tianjia li{ width: 314px; height: 325px;float:left; border: 1px solid #2ea4dd; margin-left: 15px;} .tian_img1{ width: 306px; height: 187px; background: url(../Images/skin.jpg) no-repeat -1053px -80px; border-bottom: 1px solid #2ea4dd; margin: 0px 4px; padding-bottom: 10px; margin-bottom: 20px;} .tian_img2{width: 306px; height: 187px; background: url(../Images/skin.jpg) no-repeat -1425px -80px; border-bottom: 1px solid #2ea4dd; margin: 0px 4px; padding-bottom: 10px; margin-bottom: 20px;} .tian_img3{width: 306px; height: 187px; background: url(../Images/skin.jpg) no-repeat -1743px -80px; border-bottom: 1px solid #2ea4dd; margin: 0px 4px;padding-bottom: 10px;margin-bottom: 20px;} #hufu{ width:1000px; margin:50px auto 0px auto; height: 350px;} #hufu li{ width: 314px; height: 325px;float:left; border: 1px solid #2ea4dd; margin-left: 15px;} .tian_img11{ width: 306px; height: 187px; background: url(../Images/skin.jpg) no-repeat -400px -80px; border-bottom: 1px solid #2ea4dd; margin: 0px 4px; padding-bottom: 10px; margin-bottom: 20px;} .tian_img22{width: 306px; height: 352px; background: url(../Images/skin.jpg) no-repeat 0px 0px; /* border-bottom: 1px solid #2ea4dd; */ /* margin: 0px 4px; */ padding-bottom: 10px; margin-bottom: 20px;} .tian_img33{width: 306px; height: 187px; background: url(../Images/skin.jpg) no-repeat -680px -80px; border-bottom: 1px solid #2ea4dd; margin: 0px 4px;padding-bottom: 10px;margin-bottom: 20px;} .tian_tit{ color: #2ea4dd; font-size:20px; text-align:center;} .tian_nei{ width:289px; height:213px; margin:0 auto; color:#595757; font-size:13px; padding-top: 15px; line-height: 22px;} .tian_nei span{ color:#3e3a39; font-size:18px; line-height: 30px;} .contain1{ width:100%; margin:0 auto; } #ora_con{ width:1000px; margin: 30px auto 50px auto; /* overflow: hidden; */ /* height: 600px; */} #ora_con table tr td{ border: 1px solid #52b9e2; font-size:14px; line-height: 25px; padding-left:10px; color:#595757;} #ora_con table th{ color: #f09500; border: 1px solid #52b9e2; background-color:#fff; line-height: 40px; font-size: 18px; text-align:center;} .return{ width:74px; height:220px; margin:0 auto; position:fixed; bottom:80px; right: 3px; z-index:999; display:none; } .re_list{ width:74px; height:76px; background:#43b4f9; margin-bottom:5px; cursor:pointer; position: relative;} .return .re_list1{width:74px; height:76px; } .return .re_list2{width:74px; height:76px; display: block;position: absolute;display: block;top: -11px;right: -12px;} .return .re_list3{ width:74px; height:76px;} .re_list:hover{ background:#0A92DD;} #jiance{width:100%; height:500px;background:url(../Images/jiancebanner.jpg) no-repeat center center;} #kaifa{width:100%; height:500px;background:url(../Images/kaifabanner.jpg) no-repeat center center;} .p_banner3{ width:1000px; margin:0 auto; position:relative; } .p_banner3 img{position: absolute;top: 236px;left: 238px;} .kaifa li{ float:left; width: 235px; height:270px; background:#fff; text-align:center; margin-left: 10px; border: 2px solid #fff;} .kaifa li h3{ width:230px; height:170px; background:url(../Images/kaifafujian.jpg) no-repeat 0px 0px;margin: 0 auto; } .kaifa li h4{ width:228px; height:170px; background: url(../Images/kaifafujian.jpg) no-repeat -232px 0px;margin: 0 auto; } .kaifa li h5{ width:228px; height:170px; background: url(../Images/kaifafujian.jpg) no-repeat -466px 0px;margin: 0 auto; } .kaifa li h6{ width:228px; height:170px; background: url(../Images/kaifafujian.jpg) no-repeat -693px 0px;margin: 0 auto; } .kaifa li p{color:#595757; font-size:18px;padding: 25px;} .packagesk{ width:100%; margin:0 auto; height: 570px; background:#f7f8f8;} .package_conk{ width:1000px; margin:0 auto;} .package_conk .fujian{ margin:0 auto; padding: 50px 110px; overflow: hidden;} .package_conk .fujian li{ float:left; margin-left: 20px;} .package_conk .fujian li img{ border:1px solid transparent; cursor:pointer;} .package_conk .fujian li img:hover{ border:1px solid #ff5f06; cursor:pointer;} .package2{ width:100%; margin:0 auto; height: 700px;} .package{ width:100%; margin:0 auto;} /*热门领域*/ #content1{ margin-top:84px; margin-bottom:94px; /* overflow:hidden; */} #content1 dl{ width: 1000px; /* overflow: hidden; */ /* background:#fff; */ position: relative; /* margin-bottom: 10px; */ /* bottom: 80px; */ /* top: 20px; */} #content1 .fl{ float:left; width: 274px; height:425px; position: absolute; left: 29px; background: #fff; border-right: none;} #content1 .fl dt{width: 212px;height: 66px;line-height: 66px;font-size: 20px;border: 1px solid #d8d9d9; padding: 9px 30px; list-style:none;cursor: pointer;} #content1 .fl dt { color:#0086CC;position: relative; } #content1 .fl dt:hover{ color:#fff;} #content1 .fl .m{ width: 45px; height: 60px;margin-right: 25px;} #content1 .fl .m_1{ background: url(../Images/ddicon.png) no-repeat -44px -45px; float:left;} #content1 .fl .m_2{ background: url(../Images/ddicon.png) no-repeat -42px -107px; float:left;} #content1 .fl .m_3{ background: url(../Images/ddicon.png) no-repeat -42px -169px; float:left;} #content1 .fl .m_4{ background: url(../Images/ddicon.png) no-repeat -44px -231px; float:left;} #content1 .fl .m_5{ background: url(../Images/ddicon.png) no-repeat -44px -293px; float:left;} #content1 .fl .d_2_line{ border-top:none;} #content1 dl .fl dt:hover{ background:url(../Images/titbg.png) no-repeat -14px -5px; color:#fff; border:1px solid transparent; width: 224px; z-index: 100;} #content1 dl .fr dd.on{display: block;} #content1 .fl .on:hover .m_1{ background:url(../Images/ddicon.png) no-repeat -110px -45px;} #content1 .fl .on:hover .m_2{ background:url(../Images/ddicon.png) no-repeat -110px -107px;} #content1 .fl .on:hover .m_3{ background: url(../Images/ddicon.png) no-repeat -110px -169px;} #content1 .fl .on:hover .m_4{ background: url(../Images/ddicon.png) no-repeat -111px -231px;} #content1 .fl .on:hover .m_5{ background: url(../Images/ddicon.png) no-repeat -110px -293px;} #content1 .fr{ float: right; position:relative; width: 684px; height:425px;border: 1px solid #d8d9d9; background: #fff;} #content1 dl .fr dd{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: none;} #content1 .pic{ width:333px; height: 475px; float:left; position: absolute; top: -40px; /* margin-bottom: 100px; */} #content1 .pic_1{ background: url(../Images/ddicon.png) no-repeat -466px -16px;} #content1 .pic_2{ background: url(../Images/ddicon.png) no-repeat -800px -11px;} #content1 .pic_3{ background: url(../Images/ddicon.png) no-repeat -1189px -5px;} #content1 .pic_4{ background: url(../Images/ddicon.png) no-repeat -1540px -6px;} #content1 .pic_5{ background: url(../Images/ddicon.png) no-repeat -1919px -3px;} #content1 .text{ float:right; margin-right:50px;} #content1 .hufu{ width: 276px; height: 64px; margin: 70px 30px 0px 0px; } #content1 .hufu_1{background: url(../Images/ddicon.png) no-repeat -184px -32px; font-size:20px;} #content1 .hufu_2{background: url(../Images/ddicon.png) no-repeat -187px -102px; font-size:20px;} #content1 .hufu_3{background: url(../Images/ddicon.png) no-repeat -187px -173px;; font-size:20px;} #content1 .hufu_4{ width: 276px; height:70px; background: url(../Images/ddicon.png) no-repeat -187px -261px; font-size:20px;} #content1 .hufu_5{ width: 265px; height:70px; background: url(../Images/ddicon.png) no-repeat -183px -337px; font-size:20px;} #content1 .s{padding: 25px 60px;display: block;} #content1 .ss{padding: 26px 60px;display: block;} #content1 .pinlei{ width: 236px; padding:30px; overflow:hidden; } #content1 .pinlei_l{ float:left; padding-left: 14px;} #content1 .pinlei_l li{ line-height:25px; color:#595757;font-size:16px;} #content1 .pinlei_r{ float:right;} #content1 .pinlei_r li{ line-height:25px; color:#595757;font-size:16px;} #content1 .hufu_zixun{ margin-left:57px;} /*热门领域*/ #fenxi{width:100%; height:500px;background:url(../Images/fenxibanner.jpg) no-repeat center center;} #fenxi .p_banner3 img {position: absolute;top: 340px;left: 377px;} #green .p_lists{ float:left; width: 190px; line-height:50px; text-align:center; font-size:21px; cursor:pointer; list-style:none;position:relative; } #lan{ width: 100%;margin: 0 auto;height: 1120px; background: #f7f8f8;} #lan table tr td{ border:1px solid #99c2db; padding:10px; color:#0086cc; font-size:14px;} #lan .tb_1{ width:159px; height:53px; font-size:16px;} #lan .tb_2{ width:232px;font-size:16px;} #lan .tb_3{ width:550px;font-size:16px;} /*index*/ /*导航*/ #shouye { width:100%; height:50px; background: #3388ff; z-index:999;} .p_menu{ width:1200px; height:50px; margin:0 auto; } .p_list{ float:left; width: 145px; line-height:50px; text-align:center; font-size:20px; cursor:pointer; list-style:none;position:relative; } .p_list a{color:#fff; } #nav{ width:164px; height:451px; position:absolute; left:0px; background:url(../Images/navbg1.png) no-repeat; top: 36px; z-index:34} #nav ul li{ font-size: 18px;} #nav ul li a{color:#4eb6b1;} #nav2{ width:165px; height:184px; position:absolute; left:0px;background:url(../Images/navbg2.png) no-repeat; top: 36px; z-index: 3;} #nav2 ul li{ font-size: 18px;} #nav2 ul li a{color:#4eb6b1;} .navt{ display:none; } .p_list:hover a{color:#ffee00;} #nav ul li a:hover{ color:#2ea4dd;} #nav2 ul li a:hover{ color:#2ea4dd;} .p_list:hover .navt{ display:block;} /*BANNER*/ /* 焦点图代码整理start*/ /* flexslider */ .flexslider{position:relative;height:400px;overflow:hidden;width: 100%;} .slides{position:relative;z-index:1;} .slides li{height:400px;} .flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;} .flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;} .flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(/skin/default/images/dot.png) right 0 no-repeat;cursor:pointer;} .flex-control-nav .flex-active{background-position:0 0;} .flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;} .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;} .flex-direction-nav li a.flex-prev{left:40px;background:url(../Images/prev.png) center center no-repeat;} .flex-direction-nav li a.flex-next{right:40px;background:url(../Images/next.png) center center no-repeat;} /* 焦点图代码整理end*/ /*BANNER*/ /*机构介绍*/ .jigou{ margin: 0 auto; width:1000px; height:370px;} .jigou_left{ float:left; width:376px; height:318px;} .jigou_right{ float:right; width:576px; height:318px; /* letter-spacing: -1px; */} .jigou_right p{ line-height: 35px; border-top-style: solid; border-width: 1px; border-color: #dcdddd; font-size: 16px; padding-top: 12px; padding-bottom: 13px; color: #3E3A39;} .jigou_right p span{ font-size: 17px; color: #004fa2; } /*机构介绍*/ /*机构视频*/ #sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;} #sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;} #sb-overlay{position:relative;height:100%;width:100%;} #sb-wrapper{position:absolute;visibility:hidden;width:100px;} #sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height: 400px;} #sb-body{position:relative;height:100%;} #sb-body-inner{position:absolute;height:100%;width:100%;} #sb-player.html{height:100%;overflow:auto;} #sb-body img{border:none;} #sb-loading{position:relative;height:100%;} #sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;} #sb-loading-inner span{background:url(../Images/loading.gif) no-repeat;padding-left:34px;display:inline-block;} #sb-body,#sb-loading{background-color:#060606;} #sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;} #sb-title,#sb-title-inner{height:26px;line-height:26px;} #sb-title-inner{font-size:16px;} #sb-info,#sb-info-inner{height:20px;line-height:20px;} #sb-info-inner{font-size:12px;} #sb-nav{float:right;height:16px;padding:2px 0;width:45%;} #sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;} #sb-nav-close{background-image:url(../Images/close.png);} #sb-nav-next{background-image:url(../Images/next.png);} #sb-nav-previous{background-image:url(../Images/previous.png);} #sb-nav-play{background-image:url(../Images/play.png);} #sb-nav-pause{background-image:url(../Images/pause.png);} #sb-counter{float:left;width:45%;} #sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;} #sb-counter a.sb-counter-current{text-decoration:underline;} div.sb-message{font-size:12px;padding:10px;text-align:center;} div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;} /*机构视频*/ /*广告条*/ .guanggao{ font-size: 33px; color: #fff; margin: 0 auto; width: 700px; text-align: center; line-height: 35px; padding-top: 33px; border-bottom: solid; border-width: 1px; padding-bottom: 15px; font-family: YouYuan;} .guanggao span{ color: #faee00; } .guanggao_an{ margin: 0 auto; width: 1000px; text-align: center; padding-top: 20px;} /*广告条*/ /*实验室*/ /*#shiyanshi { margin:0 auto; width: 1000px; padding-top:30px; padding-bottom:55px;}*/ #shiyanshi{margin: 30px auto 70px auto;width: 100%;} #shiyanshi .picMarquee-left .tempWrap{ width: 1000px !important;} #shiyanshi .picMarquee-left{ overflow:hidden; position:relative; width: 1000px; margin: 0 auto;} #shiyanshi .picMarquee-left .bd{ margin: 0 auto; width: 1000px; } #shiyanshi .picMarquee-left .prev,.picMarquee-left .next{ position:absolute; left: 0px; top: 72px; display:block; width:25px; height: 64px; background: url(../Images/leftright.png) -7px 0 #000; opacity: 0.3;filter:alpha(opacity=30);display: inline-block;transition: all 0.5s linear; z-index: 100;} #shiyanshi .picMarquee-left .next{ left:auto; right: 0px; background-position: 31px 0; z-index: 12; top: -16px;} #shiyanshi .picMarquee-left #shiyanshi .prev:hover,#shiyanshi .picMarquee-left .next:hover{ opacity: 0.6;filter:alpha(opacity=60); } #shiyanshi .picMarquee-left .bd ul{ overflow:hidden; zoom:1; } #shiyanshi .picMarquee-left .bd ul li{ margin:0 4px; float:left; _display:inline; overflow:hidden; text-align:center; } #shiyanshi .picMarquee-left .bd ul li .pic{ text-align:center; } #shiyanshi .picMarquee-left .bd ul li .pic img{ width:242px; height:187px; display:block; padding:2px; border:1px solid #ccc;} #shiyanshi .picMarquee-left .bd ul li .pic a:hover img{ border-color:#999; } #shiyanshi .picMarquee-left .bd ul li .bd_title{ line-height:24px; } /*实验室*/ /*仪器设备*/ #yiqi .yiqi_lunbo{ margin:0 auto; width: 1000px; padding-bottom:55px; height: 518px;} #yiqi .multipleColumn{ overflow:hidden; position:relative; width: 1000px; } #yiqi .multipleColumn .hd{ overflow:hidden; height:30px; background:#f4f4f4; /* padding:0 10px; */ } #yiqi .multipleColumn .prev,#yiqi .multipleColumn .next{ position:absolute; left: 14px; top: 235px; display:block; width:30px; height: 64px; background: url(../Images/leftright.png) -5px 0 #000; opacity: 0.3;filter:alpha(opacity=30);display: inline-block;transition: all 0.5s linear;cursor: pointer; z-index: 10;} #yiqi .multipleColumn .next{ left:auto; right: 10px; background-position: 31px 0; cursor: pointer; top: 147px;} #yiqi .multipleColumn .prev:hover,#yiqi .multipleColumn .next:hover{ opacity: 0.4;filter:alpha(opacity=60); } #yiqi .multipleColumn .hd ul{ float: left; padding-left: 425px;overflow:hidden; margin-top:10px; zoom:1; *display:inline; } #yiqi .multipleColumn .hd ul li{ float:left; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../Images/icocircle.gif") 0 -9px no-repeat; } #yiqi .multipleColumn .hd ul li.on{ background-position:0 0; } #yiqi .multipleColumn .pageState{ font-size: 20px;} #yiqi .multipleColumn .bd{ padding:10px; overflow:hidden; padding-bottom: 40px;} #yiqi .multipleColumn .tempWrap{width: 1000px !important;margin:0 auto;} #yiqi .multipleColumn .bd ul{ overflow:hidden; zoom:1; width:1000px; float:left!important; _display:inline; } #yiqi .multipleColumn .bd ul li{ margin: 0 4px; float:left; _display:inline; overflow:hidden; text-align:center; margin-bottom: 5px;} #yiqi .multipleColumn .bd ul li .pic{ text-align:center; border: 1px solid #ccc; width: 180px; height: 170px; display: block; text-align: center; margin: 0 auto; padding: 28px; background: #fff;} .multipleColumn .bd ul li .pic img{ /* width: 240px; */ /* height: 135px; */ /* display:block; */ } .multipleColumn .bd ul li .pic a:hover img{ border-color:#999; } .multipleColumn .bd ul li .bd_title{ line-height: 54px; font-size: 13px; color:#3e3a39; } /*仪器设备*/ /*荣誉资质*/ .honor{ width:1000px; margin: 30px auto;} /*荣誉资质*/ /*社会见证*/ /*社会见证*/ /*微谱优势*/ #kehu{ margin-top:40px; margin-bottom:20px;} #kehu .picMarquee-left .tempWrap{ width:1000px !important;} #kehu .picMarquee-left{position:relative; width: 1000px;margin: 0 auto;} #kehu .picMarquee-left .bd{ margin: 0 auto; width:1000px; } #kehu .picMarquee-left .prev{ position:absolute; right: 976px; top: 19px; display:block; width:25px; height: 64px; background: url(../Images/leftright.png) -7px 0 #000; opacity: 0.3;filter:alpha(opacity=30);display: inline-block;transition: all 0.5s linear;} #kehu .picMarquee-left .next{ left: 974px; background-position: 31px 0; top: -72px; z-index: 12;} #kehu .picMarquee-left .prev:hover,#kehu .picMarquee-left .next:hover{ opacity: 0.6;filter:alpha(opacity=60); } #kehu .picMarquee-left .bd ul{ overflow:hidden; zoom:1; } #kehu .picMarquee-left .bd ul li{ margin:0 4px; float:left; _display:inline; overflow:hidden; text-align:center; } #kehu .picMarquee-left .bd ul li .pic{ text-align:center; } #kehu .picMarquee-left .bd ul li .pic img{ width:116px; height: 96px; display:block; padding:2px; border:1px solid #ccc; } #kehu .picMarquee-left .bd ul li .pic a:hover img{ border-color:#999; } #kehu .picMarquee-left .bd ul li .bd_title{ line-height:24px; } /*微谱优势*/ .first{ width:100%; margin: 0 auto 60px auto;} #ff{ width:1000px; margin:0 auto; overflow:hidden;} #ff li{ width:188px; height:258px; float:left; margin-right:10px; border:1px solid transparent; } #ff .fir_1{ border-top:2px solid #2ea4dd; background:url(../Images/huabg.png) no-repeat 0px 0px;background-color:#fffcfc;} #ff .fir_2{ border-top:2px solid #83c44e; background: url(../Images/huabg.png) no-repeat -250px 0px;background-color:#fffcfc;} #ff .fir_3{ border-top:2px solid #8cc7f6; background: url(../Images/huabg.png) no-repeat -468px 0px;background-color:#fffcfc;} #ff .fir_4{ border-top:2px solid #e53935; background: url(../Images/huabg.png) no-repeat -750px 0px;background-color:#fffcfc;} #ff .fir_5{ border-top:2px solid #00c0a5; background: url(../Images/huabg.png) no-repeat -973px 0px;background-color:#fffcfc;} #ff .fir_6{ border-top:2px solid #2ea4dd; background:url(../Images/huabg2.png) no-repeat 0px 0px;background-color:#fffcfc;} #ff .fir_7{ border-top:2px solid #83c44e; background: url(../Images/huabg2.png) no-repeat -250px 0px;background-color:#fffcfc;} #ff .fir_8{ border-top:2px solid #8cc7f6; background: url(../Images/huabg2.png) no-repeat -468px 0px;background-color:#fffcfc;} #ff .fir_9{ border-top:2px solid #e53935; background: url(../Images/huabg2.png) no-repeat -750px 0px;background-color:#fffcfc;} #ff .fir_10{ border-top:2px solid #00c0a5; background: url(../Images/huabg2.png) no-repeat -973px 0px;background-color:#fffcfc;} #ff .fir_11{ border-top:2px solid #2ea4dd; background:url(../Images/huabg33.png) no-repeat 0px 0px;background-color:#fffcfc;} #ff .fir_12{ border-top:2px solid #83c44e; background: url(../Images/huabg33.png) no-repeat -250px 0px;background-color:#fffcfc;} #ff .fir_13{ border-top:2px solid #8cc7f6; background: url(../Images/huabg33.png) no-repeat -468px 0px;background-color:#fffcfc;} #ff .fir_14{ border-top:2px solid #e53935; background: url(../Images/huabg33.png) no-repeat -750px 0px;background-color:#fffcfc;} #ff .fir_15{ border-top:2px solid #00c0a5; background: url(../Images/huabg33.png) no-repeat -973px 0px;background-color:#fffcfc;} #ff p{ background-color:#fffcfc; color:#4EB6B1; font-size:20px; width:180px; height: 57px; line-height: 57px; text-align:center; margin:0 auto; margin-top: 200px;} #ff li:hover{ border-left:1px solid #2ea4dd; border-right:1px solid #2ea4dd; border-bottom:1px solid #2ea4dd;cursor:pointer;} .second{ width:100%; margin:0 auto; background:#ffffff; padding-bottom: 60px;} #sec{ width:1000px; margin:0 auto; overflow:hidden;} #sec li{ float:left; width:314px; height:310px; /* border:1px solid red; */ margin-right: 15px; } #sec .sec_1{ background:url(../Images/people.png) no-repeat 0px 0px;} #sec .sec_2{ background: url(../Images/people.png) no-repeat -357px 0px;} #sec .sec_3{ background: url(../Images/people.png) no-repeat -702px 0px;} #sec .sec_4{ background:url(../Images/people2.png) no-repeat 0px 0px;} #sec .sec_5{ background: url(../Images/people2.png) no-repeat -357px 0px;} #sec .sec_6{ background: url(../Images/people2.png) no-repeat -702px 0px;} #sec p{ width:313px; height:48px; line-height:48px; font-size:22px; text-align:center; color:#fff; margin-top: 260px;} #sec p:hover{ color:#ffee00; cursor:pointer;}