body{ font-size:12px; color:#333; margin:0 auto; padding:0px; font-family:"Microsoft YaHei" } div,ul,li,table { color:#333; font-size:12px; font-family:"Microsoft YaHei"; margin:0 auto; padding:0; list-style:none } .casemar{ margin-bottom:30px} .input{height:25px; border:1px solid #999999; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; padding-top:5px} .input1{ border:1px solid #999999; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; padding:3px} a,a:link,a:visited,a:active { color: #333; text-decoration: none; } a:hover { text-decoration:none; color: #05a4f5; } img{border:none} .wryh{font-family:"Microsoft YaHei"} .T14{font-size:14px} .fonten{color:#999;} .line20{ line-height:20px} .pagemar{margin-top:50px} #toolmain strong{ font-weight:normal} #tool{ width:100%; height:40px; border-bottom:1px solid #ebebeb; } #toolmain{ width:1200px; height:40px; line-height:40px; color:#999; font-size:12px} #toolmain img{ margin-right:7px} #toolmain span{ float:right} #toolmain a{ color:#999} #toolmain a:hover{ color:#07a4f5} #top{ width:1200px;height:95px} #logo{ float:left; width:195px; height:80px; padding-top:20px; } #Festival{ float:left; padding-top:25px;} #topmenu{ float:right; padding-top:28px; } #topmenulist{ float:left; width:100%} #topmenulist ul{ display:inline} #topmenulist li{float:left; padding-left:20px; padding-right:20px; font-size:14px} #index_ad{ width:100%; height:450px;} /*导航开始*/ .navbox{height:40px;position:relative;z-index:9; float:right} .nav{width:485px;margin:0 auto;height:40px; list-style:none; float:right} .nav li{float:left;height:40px;position:relative; list-style:none;} .nav li.last{background:url(menu_hover.jpg) no-repeat} .navebgi{background:url(menu_hover.jpg) no-repeat} .nav li a{text-decoration:none;} .nav li a span{float:left;display:block;line-height:40px;font-size:14px;cursor:pointer;width:100px;text-align:center; } .mj_hover_menu{text-decoration:none; width:100px; background:url(menu_hover.jpg); height:40px;} .nav li.selected .submenu{display:block;} .nav li .submenu{display:none;position:absolute;top:60px;left:-9px;} .nav li .submenu li{float:none;padding:0;background:none;height:auto;border-bottom:dotted 0px #BEBEBE;} .mj_menu_pro_bg{width:825px; height:235px; background:url(menu_pro_bg.png) no-repeat;} .mj_menu_pro_main{width:765px; margin:auto; padding-top:12px;} .mj_menu_pro_li{ float:left;} .mj_menu_li_txt{line-height:24px; font-size:12px; color:#696969;} .mj_menu_li_txt font{font-size:14px;} .mj_menu_li_txt a{color:#696969; text-decoration:none;} .mj_menu_li_txt a:hover{color:#05a4f5; text-decoration:underline;} .mj_menu_news_bg{width:460px; height:185px; background:url(menu_news_bg.png) no-repeat;} .mj_menu_news_main{width:440px; margin:auto; padding-top:12px;} .mj_menu_news_li{padding:0px 30px; margin-right:30px; height:150px; float:left; border-right:solid 1px #ddd; } .mj_menu_news_img{float:left; text-align:left; color:#bb1721; line-height:30px; font-size:14px;} .mj_menu_news_li2{padding:0px 30px; height:150px; float:right; border-left:solid 1px #cccccc; } .mj_menu_news_img2{float:left; margin-left:30px; text-align:left; color:#bb1721; line-height:30px; font-size:14px;} .mj_menu_news_li3{padding:0px 25px; height:150px; float:right; border-left:solid 1px #cccccc; } .mj_menu_news_img3{float:left; margin-left:10px; text-align:left; color:#bb1721; line-height:30px; font-size:14px;} /*导航结束*/ #I_aboutbanner_lefta{ float:left;height:40px;} #I_aboutbanner_lefta strong,#I_aboutbanner_righta strong{ font-size:24px; color:#07a4f5; font-weight:normal} #I_aboutbanner_lefta small,#I_aboutbanner_righta small{ font-size:20px; color:#999; font-weight:normal; font-family:Geneva, Arial, Helvetica, sans-serif} #div1{ height:232px; overflow:hidden; float:left } #i_pjbottom{ width:100%; float:left; height:65px;margin-top:20px; margin-bottom:10px} #i_pjbg{ background:url(pjbg.jpg) top no-repeat; width:355px; height:117px; float:left; padding:20px 20px 0 20px; line-height:22px} #I_about{ width:100%; margin-top:50px; float:left;} #I_aboutbanner{ width:100%;float:left; margin-bottom:30px; height:40px; border-bottom:1px solid #ddd} #I_aboutbanner_right{ width:720px; float:left;height:40px;} #I_aboutbanner_left{ width:425px; float:left; margin-right:55px;height:40px;} #I_aboutbanner_left span,#I_aboutbanner_right span{ float:right; padding-top:12px} #I_aboutbanner_left strong,#I_aboutbanner_right strong{ font-size:24px; color:#07a4f5;font-weight:normal} #I_aboutbanner_left small,#I_aboutbanner_right small{ font-size:20px; color:#999; font-weight:normal; font-family:Geneva, Arial, Helvetica, sans-serif} #I_aboutw{ width:425px; height:275px; float:left; margin-right:55px} #I_aboutimg{ width:100%; height:275px; float:left;} #I_aboutneme{ width:100%;float:left; font-size:18px; height:30px} #I_aboutt{ width:100%;float:left;line-height:22px; font-size:12px} #Index_newsw{ width:720px; float:left} #Ipj_img{width:143px; height:63px; float:left; border:1px solid #ddd; margin-right:20px;} #Ipj_tw{width:227px; float:left;} #Ipj_tn{width:100%; height:25px; font-size:14px} #Ipj_tl{width:100%; height:23px; color:#999999} #Ipj_tt{width:100%; height:20px; color:#999999} #I_wzjsbg{ width:100%; background:#f8f8f8; padding-top:30px; padding-bottom:30px; height:315px; margin-top:70px; margin-bottom:60px} #I_aboutbanner_leftc{float:left; margin-right:55px;height:40px;} #I_aboutbanner_leftc strong,#I_aboutbanner_rightc strong{ font-size:24px; color:#07a4f5;font-weight:normal} #I_aboutbanner_leftc small,#I_aboutbanner_rightc small{ font-size:20px; color:#999; font-weight:normal; font-family:Geneva, Arial, Helvetica, sans-serif} #b_icon1{ width:174px; height:63px; float:left; margin-right:9px; background:url(fw_19.jpg) left no-repeat; margin-bottom:12px} #b_icon1:hover{ width:174px; height:63px; float:left; margin-right:9px; background:url(fw1_19.jpg) left no-repeat;margin-bottom:12px} #b_icon2{ width:174px; height:63px; float:left; background:url(fw_21.jpg) left no-repeat; margin-bottom:12px} #b_icon2:hover{ width:174px; height:63px; float:left; background:url(fw1_21.jpg) left no-repeat; margin-bottom:12px} #b_icon3{ width:174px; height:63px; float:left; margin-right:9px; background:url(fw_24.jpg) left no-repeat;margin-bottom:12px} #b_icon3:hover{ width:174px; height:63px; float:left; margin-right:9px; background:url(fw1_24.jpg) left no-repeat;margin-bottom:12px} #b_icon4{ width:174px; height:63px; float:left;background:url(fw_25.jpg) left no-repeat;margin-bottom:12px} #b_icon4:hover{ width:174px; height:63px; float:left; background:url(fw1_25.jpg) left no-repeat;margin-bottom:12px} #b_icon5{ width:174px; height:63px; float:left; margin-right:9px; background:url(fw_28.jpg) left no-repeat} #b_icon5:hover{ width:174px; height:63px; float:left; margin-right:9px; background:url(fw1_28.jpg) left no-repeat} #b_icon6{ width:174px; height:63px; float:left;background:url(fw_29.jpg) left no-repeat} #b_icon6:hover{ width:174px; height:63px; float:left;background:url(fw1_29.jpg) left no-repeat} #index_newslit{ width:100%; float:left} #index_newslit li{ width:100%; float:left; height:100px; border-bottom:1px solid #ddd; margin-bottom:30px; background:url(news_bg_06.jpg) left top no-repeat} #index_newslit li:hover{ width:100%; float:left; height:100px; border-bottom:1px solid #ddd; margin-bottom:30px; background:url(news_bg_03.jpg) top left no-repeat} #index_newslit_data{width:65px; height:73px; float:left; margin-right:20px} #index_newslit_data_d{width:100%; height:46px; float:left; line-height:46px; text-align:center; color:#fff; font-size:26px} #index_newslit_data_y{width:100%; height:27px; float:left; line-height:27px; text-align:center; color:#fff;} #index_newslitw{width:630px; float:left} #index_newslitwt{width:100%; float:left; font-size:14px; height:30px} #index_newslitwt span{ float:right; color:#999999; font-size:12px} #index_newslitwt_d{width:100%; float:left; line-height:22px; color:#999} #I_jdalbanner{ width:100%;float:left; margin-bottom:40px; height:40px; border-bottom:1px solid #ddd; margin-top:40px} #I_jdalbannera{ width:100%;float:left; margin-bottom:30px; height:40px; border-bottom:1px solid #ddd; margin-top:40px} #I_jdalbannera span{ float:right; padding-top:15px} #I_jdalbannerb{ width:100%;float:left; margin-bottom:30px; height:40px; border-bottom:1px solid #ddd;} #I_jdalbannerb span{ float:right; padding-top:15px} #I_jdalbannerc{ width:100%;float:left; margin-bottom:23px; height:40px;border-bottom:1px solid #ddd} #I_jdalbannerc span{ float:right; padding-top:10px} #ourservice{ width:357px; float:right} #i_cjwt{ width:390px; float:left} #I_wzjslist{width:223px; border:1px solid #ddd; background:#fff; height:235px; float:left} .I_wzjslist{ margin-right:18px} #I_wzjslist_img{width:100%;height:85px; float:left; overflow:hidden} #I_wzjslist_w{width:193px; float:left; padding:10px 15px 15px 15px} #I_wzjslist_name{width:100%;height:30px; float:left; font-size:14px} #I_wzjslist_name span{ float:right; font-size:12px} #I_wzjslist_name span strong{font-size:16px; color:#f67e13; font-family:Verdana, Arial, Helvetica, sans-serif; padding-top:5px} #I_wzjslist_name span strong small{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px} #I_wzjslist_d{width:100%; float:left; line-height:22px;} #i_gyw{ width:355px; float:left; margin-right:45px} #i_gywa{ width:100%; float:left; height:145px} #i_gywb{ width:100%; float:left; height:130px} #Icjwt{ width:100%; float:left} #Icjwt li{ width:100%; float:left; height:34px; line-height:34px; border-bottom:1px dotted #ccc; font-size:14px} #Icjwt span{ float:right; font-size:12px; color:#666666} #I_newsimgq{width:160px; height:90px; float:left; margin-left:415px; padding-top:5px; overflow:hidden} #I_newsq{width:570px; height:125px; float:left; margin-left:50px;margin-bottom:35px} #I_newsqc{width:100%; float:left; height:30px;font-size:16px} #I_newsqt{width:100%; float:left; height:25px; color:#666666} #I_newsqd{width:100%; float:left; height:30px; color:#999; line-height:20px} #I_newswc{width:238px; float:left; padding:15px; border-bottom:1px solid #e8e8ea;border-left:1px solid #e8e8ea;border-right:1px solid #e8e8ea;} #I_newswt{width:100%; float:left; height:25px; color:#999; line-height:25px;} #I_newswt span{ float:right} #I_newswn{width:100%; float:left; height:30px; color:#999; font-size:14px; padding-top:10px} #I_newswd{width:100%; float:left; height:40px; color:#999; line-height:20px;} #I_newsimg{width:100%; height:180px; float:left; overflow:hidden} #I_newsw{width:270px;float:left;margin-top:20px} .flexslider { position: relative; height: 450px; overflow: hidden; background: url(loading.gif) 50% no-repeat;} .slides { position: relative; z-index: 1;} .slides li { height: 450px;} .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(dot.png) right 0 no-repeat; cursor: pointer;} .flex-control-nav .flex-active { background-position: 0 0;} .I_newsm{ margin-right:36px} #I_servicel{width:305px; float:left; margin-top:40px; margin-bottom:40px} #I_servicel li{width:305px; float:left; height:109px; text-align:right} #I_servicem{width:580px; float:left; text-align:center; padding-left:10px; margin-top:40px; margin-bottom:40px} #I_servicer{width:305px; float:left; margin-top:40px; margin-bottom:40px} #I_servicer li{width:305px; float:left; height:109px;} #bottomicon{ width:100%; background:url(foot_04.jpg) repeat-x; text-align:center; height:80px; margin-top:50px} #bottombg{width:100%; height:500px; background:#f9f9fb; padding-top:40px; padding-bottom:50px} #bottomlist{ width:100px; float:left} #bottomlist strong{ width:100px; float:left; height:50px; font-size:14px;} #bottomlist li{ width:100px; float:left; height:25px; line-height:25px;} #bottomline{ width:2px; float:left; height:168px; border-right:1px solid #e7e7e9; margin-right:60px} #bottomlinea{ width:2px; float:left; height:168px; border-right:1px solid #e7e7e9; margin-right:40px} #I_icon{ width:330px; float:left; height:160px; display:block} #I_iconl{ width:36px; float:left; height:160px; background:url(iconline.jpg) center no-repeat} #I_icon1{ width:330px; float:left; height:81px; display:block; background:url(icon_21.jpg); padding-top:79px; text-align:center; color:#666666} #I_icon1:hover{ width:330px; float:left; height:81px; display:block; background:url(icon_03.jpg); padding-top:79px; color:#fff} #I_icon2{ width:330px; float:left; height:81px; display:block; background:url(icon_22.jpg); padding-top:79px; text-align:center; color:#666666} #I_icon2:hover{ width:330px; float:left; height:81px; display:block; background:url(icon_05.jpg); padding-top:79px; color:#fff} #I_icon3{ width:330px; float:left; height:81px; display:block; background:url(icon_23.jpg); padding-top:79px; text-align:center; color:#666666} #I_icon3:hover{ width:330px; float:left; height:81px; display:block; background:url(icon_07.jpg); padding-top:79px; color:#fff} #I_icon4{ width:330px; float:left; height:81px; display:block; background:url(icon_24.jpg); padding-top:79px; text-align:center; color:#666666} #I_icon4:hover{ width:330px; float:left; height:81px; display:block; background:url(icon_09.jpg); padding-top:79px; color:#fff} #I_icon5{ width:330px; float:left; height:81px; display:block; background:url(icon_25.jpg); padding-top:79px; text-align:center; color:#666666} #I_icon5:hover{ width:330px; float:left; height:81px; display:block; background:url(icon_11.jpg); padding-top:79px; color:#fff} #I_icon6{ width:330px; float:left; height:81px; display:block; background:url(icon_26.jpg); padding-top:79px; text-align:center; color:#666666} #I_icon6:hover{ width:330px; float:left; height:81px; display:block; background:url(icon_13.jpg); padding-top:79px; color:#fff} .fw_prev{ background:url(arrow_03.jpg); width:48px; height:48px; float:left; margin-top:90px} .fw_prev:hover{ background:url(arrow_10.jpg); width:48px; height:48px; float:left; margin-top:90px} .fw_next{ background:url(arrow_09.jpg); width:48px; height:48px; float:right; margin-top:90px} .fw_next:hover{ background:url(arrow_05.jpg); width:48px; height:48px; float:right; margin-top:90px} .c{overflow:hidden;width:970px;} .c2{overflow:hidden;height:365px} .c2_l{float: left;position:relative;height:365px;width:970px;} .c2_slide{width:970px;height: 365px;position: relative;overflow: hidden;} .c2_slide_c{position: absolute;width: 5000px;height: 365px;top: 0;left: 0;} .c2_lc{width:1638px;float: left;} .c2_lc li{float: left;width: 970px;height: 365px;margin-right:75px;} #fw1{width:183px; height:243px; float:left; background:url(index_19.jpg); padding-left:30px; padding-right:30px} #fw1:hover{width:183px; height:243px; float:left; background:url(yw_19.jpg); padding-left:30px; padding-right:30px} #fw2{width:183px; height:243px; float:left; background:url(index_21.jpg); padding-left:30px; padding-right:30px} #fw2:hover{width:183px; height:243px; float:left; background:url(yw_21.jpg); padding-left:30px; padding-right:30px} #fw3{width:183px; height:243px; float:left; background:url(index_24.jpg); padding-left:30px; padding-right:30px} #fw3:hover{width:183px; height:243px; float:left; background:url(yw_24.jpg); padding-left:30px; padding-right:30px} #fw4{width:183px; height:243px; float:left; background:url(index_26.jpg); padding-left:30px; padding-right:30px} #fw4:hover{width:183px; height:243px; float:left; background:url(yw_26.jpg); padding-left:30px; padding-right:30px} #fw5{width:183px; height:243px; float:left; background:url(index_26.jpg); padding-left:30px; padding-right:30px} #fw5:hover{width:183px; height:243px; float:left; background:url(yw_26.jpg); padding-left:30px; padding-right:30px} #fw6{width:183px; height:243px; float:left; background:url(index_26.jpg); padding-left:30px; padding-right:30px} #fw6:hover{width:183px; height:243px; float:left; background:url(yw_26.jpg); padding-left:30px; padding-right:30px} #fwt{ width:100%; text-align:center;margin-top:95px; float:left; font-size:16px; height:30px} #fwd{ width:100%; text-align:center;float:left; line-height:22px; color:#999999; height:60px} #fwb{ width:70px; height:27px; line-height:27px; color:#fff; text-align:center; margin-left:58px; margin-top:30px; float:left} .c2_slide_prev,.c2_slide_next{float: left;display: block;width: 40px;height: 24px;background-image: url(img/i_i.png);background-repeat: no-repeat;} .c2_slide_prev{background-position: 0 -111px;} .c2_slide_next{background-position: -40px -111px;} .c2_slide_prev:hover{background-position: 0 -143px;} .c2_slide_next:hover{background-position: -40px -143px;} #newsbg{ width:1200px; float:left; height:466px; background:url(index_50.jpg) center no-repeat} #float{Z-INDEX:1;WIDTH: 111px; position:fixed; HEIGHT:auto; right:0;top:250px;} #floatbg{background:#fff; padding:10px; width:91px} #floatlist{ padding-left:28px; width:63px; height:24px; line-height:24px; font-size:14px; margin-bottom:10px; background:url(kfbg.jpg); font-size:12px} .white,.white a{color:#fff} #casedispimg{width:288px; float:left; padding-top:8px} #caserw{width:912px; float:left;} #casename{width:100%; float:left; color:#000; font-weight:bold; font-size:30px; height:50px} #caseshare{width:100%; float:left; color:#666;} .dgreen{ color:#07a4f5; text-decoration:underline; font-size:18px} #caseurl{height:30px; line-height:30px; width:100%; float:left; font-size:14px} #cased{width:100%; line-height:25px; font-size:14px; color:#333; float:left; padding-top:8px} #caset{width:100%; line-height:50px; font-size:14px; color:#000; float:left; padding-top:15px; line-height:50px} #caset strong{ width:200px; height:50px; line-height:50px; background:#05a4f5; color:#fff; text-align:center;float:left; font-size:22px; font-family:Geneva, Arial, Helvetica, sans-serif;letter-spacing: 0.095em;} #caseline{width:100%; float:left; height:40px; margin-bottom:50px; border-bottom:1px solid #ddd} #casecontent{width:100%; float:left; margin-bottom:30px} #caselb{width:100%; float:left; margin-bottom:30px; margin-top:30px} #caseprel{width:150px; float:left; margin-left:540px} #caseprela{width:150px; float:left; margin-left:390px} #casehelp{width:200px; float:left; padding-top:8px} #cp a{ width:33px; height:33px; float:left; background:url(arr_13.jpg); display:block} #cp a:hover{ width:33px; height:33px; float:left; background:url(arr_03.jpg); display:block} #cn a{ width:33px; height:33px; float:left; background:url(arr_14.jpg); display:block} #cn a:hover{ width:33px; height:33px; float:left; background:url(arr_05.jpg); display:block} #cl a{ width:33px; height:33px; float:left; background:url(arr_09.jpg); margin-left:8px; margin-right:8px; display:block} #cl a:hover{ width:33px; height:33px; float:left; background:url(arr_10.jpg); margin-left:8px; margin-right:8px; display:block} #I_yw{ width:970px; height:365px; overflow:hidden; float:left;} #I_ywa{ width:1200px; height:190px; overflow:hidden; float:left;} #I_video{width:100%; background:url(video1.jpg) center no-repeat; height:387px} #I_video img{ width:100%; height:387px;} #I_face1{width:495px; float:left;height:51px; margin-top:28px;} #I_face2{width:470px; float:left;height:51px; margin-top:90px} #I_faceimg{width:65px; float:left; height:51px} #I_facet{width:380px; float:left; height:30px; font-size:16px; line-height:30px} #I_faceta{width:380px; float:left; height:20px; font-size:12px; line-height:20px; color:#999;font-family:"Courier New", Courier, monospace;} #I_fg{ width:100%; height:60px; background:url(fg_03.jpg) repeat-x; text-align:center} #warp{width:1200px} .T16{font-size:16px; padding-top:3px} #Allw{width:100%; float:left} .indexbro{border-top:1px solid #ebebeb} #zmkhw{ width:100%; background:url(index_33.jpg) center top no-repeat #f7f7f7; height:440px; margin-top:75px; margin-bottom:75px; padding-top:40px} #zmkhwa{ width:100%; background:url(index_33.jpg) center top no-repeat #f7f7f7; height:aotu; margin-top:75px; margin-bottom:75px; padding-top:40px; overflow:hidden; padding-bottom:80px} #bigtitle{ width:100%; height:25px; font-size:16px; float:left; text-align:center; color:#ff7800;} #smalltitlea{ width:100%; height:45px; line-height:45px; text-align:center; font-size:38px; color:#333; float:left; margin-bottom:20px; font-family:"Times New Roman", Times, serif} #smalltitleb{ width:100%; height:45px; line-height:45px; text-align:center; font-size:38px; color:#333; float:left; font-family:"Times New Roman", Times, serif} #smalltitlec{ width:100%; height:45px; line-height:45px; text-align:center; font-size:38px; color:#333; float:left;} #I_about_d strong{ color:#ff7800; font-size:28px; font-family:"Times New Roman", Times, serif} #F_img{ width:220px; height:92px; float:left; border:1px solid #e7e7e9; margin-bottom:15px; background:#fff} #F_imga{ width:210px; height:88px; float:left; border:1px solid #e7e7e9; margin-bottom:30px; background:#fff} #F_button a{ text-align:center; background:url(F_icon_08.jpg); width:330px; height:50px; line-height:50px; margin:0 auto; color:#fff; display:block} #F_button a:hover{ text-align:center; background:url(F_icon_10.jpg); width:330px; height:50px; line-height:50px; margin:0 auto; color:#fff; display:block} #F_line{ width:100%; height:40px; border-bottom:1px solid #e7e7e9; margin-bottom:50px} #F_linea{ width:100%; height:40px; border-bottom:1px solid #e7e7e9;} #footbg{width:100%; height:55px; background:#3d4043; line-height:55px; color:#fff} #footbgcopy span{ float:right} #footbgcopy{width:1200px; height:55px; line-height:55px; color:#fff} #fwxa{ width:360px; float:left;} #fwx{ width:135px; float:left} .wxr{margin-right:30px; margin-left:10px} .msmar1{margin-right:47px} #scollnews{ height:460px; overflow:hidden; } .brand a{ display: block; float: left; width: 220px; height: 92px; text-align: center; position: relative; } .brand img{ width: 220px; height: 92px; } .brand .info{ display: none; background-color: #03a3f4; color: #fff; } .vertical .info{ width: 0; height: 92px; margin: 0 auto; line-height:92px } .branda a{ display: block; float: left; width: 210px; height: 88px; text-align: center; position: relative; } .branda img{ width: 210px; height: 88px; } .branda .info{ display: none; background-color: #03a3f4; color: #fff; } .verticala .info{ width: 0; height: 88px; margin: 0 auto; line-height:88px } /*招聘详细*/ .jobConts{line-height:30px;color:#666;} .jobConts .line{background:#ccc;height:1px;overflow:hidden;font-size:0;margin:10px 0;} .jobConts .jobdesc{background:#f5f5f5;padding:10px;color:#333;} .jobConts strong{color:#333;} /*页面主要区域*/ .mainbody .OneOfTwo, .mainbody .TowOfTow{margin-bottom:35px;} .mainbody .OneOfTwo{width:750px;float:left;} .mainbody .TowOfTow{width:175px;float:right;} /*新闻栏目*/ .news_list li{line-height:30px;background:url(../images/dot_line.gif) repeat-x 0 30px;padding-top:1px;} .news_list li a:hover{text-decoration:none;color:#999;} .news_list span{float:right;font-family:Arial;color:#666;} .news_list strong{padding-right:5px;font-size:8px;color:#1da638;} .news_list2 li{height:50px;line-height:25px;border-bottom:1px solid #eff2f4;padding:6px 0 5px 0;color:#a0a0a0;} .news_list2 li span.title a{float:left;color:#0f5fbb;font-weight:bold;} .news_list2 li span.title a:hover{text-decoration:none;color:#000;} .news_list2 li span.time{float:left;} .news_list2 li span.hits{float:right;} .news_list2 li span.class{margin-left:12px;} .news_list2 li span.class a{text-decoration:underline;color:#a0a0a0;} .mainbody .newwarp{width:300px;float:left;margin-top:14px;} .mainbody .newstitle{line-height:14px;background:url(../images/news_title.png) no-repeat;text-align:right;} .mainbody .newstitle a{color:#2554b3;} .mainbody .newsfocus{height:76px;padding:15px 0 3px;margin-bottom:12px;border-bottom:1px solid #e0e0e0;} .mainbody .newsfocus div{float:left;width:60px;height:60px;margin-right:16px;} .mainbody .newsfocus div a{width:60px;height:60px;border:1px solid #d2d2d0;border-radius:5px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:42px;*font-family:Arial;} .mainbody .newsfocus div a img{border-radius:5px;vertical-align:middle;} .mainbody .newsfocus h3{margin-bottom:3px;} .mainbody .newsfocus h3 a{font-weight:bold;font-size:12px;color:#fe8216;} .mainbody .newsfocus p{color:#8f8f8f;line-height:18px;} .mainbody .newslist li{color:#325e7f;} .mainbody .newslist li a{color:#325e7f;} .mainbody .newslist li span{float:right;font-family:Verdana;color:#8c8c8c;} .mainbody .aboutus{width:362px;height:180px;padding:36px 26px 0;float:right;background:url(../images/aboutus_bg.png) no-repeat 18px 13px #fcfcfc;line-height:24px;color:#888;border:1px solid #f4f4f4;border-bottom:2px solid #e6e6e6;border-radius:5px;} .mainbody .aboutus img{float:left;margin:5px 15px 0px 0;} .mainbody .aboutus a{color:#2554b3;} .contact{background:url(../images/contact_title.png) no-repeat;padding-top:23px;color:#c6c5c5;margin:14px 0 25px 0;} .follow{background:url(../images/follow_title.png) no-repeat;padding-top:30px;} .follow a{text-indent:-99999px;overflow:hidden;float:left;} .follow a.sina{display:block;width:62px;height:50px;background:url(../images/sina_logo.png) no-repeat;margin:0 30px 0 15px;} .follow a.tqq{display:block;width:48px;height:50px;background:url(../images/tqq_logo.png) no-repeat 0 center;} /*评论样式*/ .commnet{margin:20px 0 30px;padding:8px 0 0 8px;background:url(../images/commnet_bg.png) repeat-x;border:1px solid #ccc;border-radius:3px;} .commnet textarea{width:100%;height:59px;border:none;background:transparent;outline:none;font-size:14px;color:#999;overflow:auto;} .commnet .toolbar{padding-top:8px;_padding-top:5px;*padding-top:5px!important;height:30px;line-height:30px;overflow:hidden;} .commnet .options{float:left;} .commnet .button, .commnet .button_on{float:right;width:100px;height:30px;border:none;border-left:1px solid #ccc;font-size:14px;font-weight:bold;cursor:pointer;} .commnet .button{background:url(../images/commnet_btn_bg.png) repeat-x;} .commnet .button_on{background:url(../images/commnet_btnon_bg.png) repeat-x;} .commlist{margin-top:20px;} .commlist li{border-bottom:1px solid #eaeaea;word-wrap:break-word;} .commlist li p{line-height:20px;color:#999；} .commlist li span.uname{color:#D32;font-family:Verdana;font-weight:bold;} .commlist li span.time{color:#bbb;} .commnum span{display:inline-block;width:70px;margin-top:20px;line-height:24px;border:1px solid #ccc;background:#f5f5f5;border-radius:3px;text-align:center;} .commnum span i{color:#900;font-family:Verdana;font-weight:bold;} /*分页样式*/ .page_info{text-align:center;margin-top:10px;color:#333;font-family:"Microsoft Yahei";} .page_info span{padding:0 2px;font-weight:bold;} .page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Microsoft Yahei";font-size:10px;margin-top:20px;} .page_list a{display:inline-block;color:#05a4f5;border:1px solid #ddd;background:#fff;text-align:center;padding:0 8px;margin:0 1px;} .page_list a:hover{color:#fff;border:1px solid #05a4f5;background:#05a4f5;} .page_list a.on{color:#fff;border:1px solid #05a4f5;background:#05a4f5;} /*内容分页*/ .contPage{height:20px;line-height:20px;text-align:center;letter-spacing:0;font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif} .contPage a{display:inline-block;color:#0283c1;background:#fff;text-align:center;} .contPage a:hover{color:#fff;background:#0283c1;} .contPage a.on{color:#333;} #Inotice span{ float:right; width:25px; overflow:hidden} .voice{height:25px; position:relative;overflow:hidden;} .voiceDes{ position:absolute;top:12px;} .voice ul{ position:relative;} .voice li{height:25px;line-height:25px;} .voiceRight{ float:right;z-index:10;} .do{height:25px;width:31px; display:inline-block;;margin-right:-1px; position:relative;} .uo{height:25px;width:31px; display:inline-block; position:relative;} .do:hover{z-index:1;} .uo:hover{z-index:1;} #empty{ width:100%; float:left; height:10px} #Threeicon{ width:100%; float:left; } #Threeicon ul{display:inline;} #Threeicon li{ height:190px;float:left;} .iconr{ margin-right:20px} #Fnews{ width:100%; background:#f9f9f9; padding-top:35px; padding-bottom:55px; height:350px; clear:both} #Fnewsone{ width:305px; height:350px; border-right:1px solid #ebebeb; float:left; padding-right:20px} #FnewsTwo{ width:272px; height:350px; border-right:1px solid #ebebeb; float:left; padding-left:30px; padding-right:30px;} #FnewsThree{ width:300px; height:350px; float:left; padding-left:30px;} #FnewsThreeimg{ width:288px; height:145px; border:1px solid #ddd; float:left; padding:5px; margin-bottom:12px; background:#fff} #FnewsThreelist{ width:100%; float:left} #FnewsThreelist li{} .line1{ height:52px} .line2{ height:30px} .Topmar{ margin-top:20px} #linkslist{ width:100%; float:left} #linkslist ul{ display:inline} #linkslist li{ float:left; margin-right:9px; margin-left:8px} #linksbro{width:682px; height:65px; float:left; border-bottom:1px solid #ddd;border-top:1px solid #ddd;border-right:1px solid #ddd; padding:9px; margin-right:18px} #linksn{width:27px; height:85px; float:left} #lxwf{width:254px; height:85px; float:left} #mainleft{width:286px; float:left; background:url(leftbg_03.jpg) right no-repeat; height:575px} #mainright{width:714px; float:left; } #leftad{width:100%; float:left; margin-top:15px} #mainleftbanner{width:254px; float:left; background:url(leftb_03.jpg); height:46px; text-align:center; font-size:16px; color:#fff; padding-top:8px} #mainleftbro{width:234px; float:left; border-bottom:1px solid #c6c6c6;border-left:1px solid #c6c6c6;border-right:1px solid #c6c6c6; padding-left:18px; padding-bottom:10px} #ContentArea{ width:100%; float:left; font-size:14px; line-height:25px} .imgmar{ margin-right:25px} #imgw{width:158px; float:left; height:auto;} #imgwi{width:150px; float:left; padding:3px; border:1px solid #ddd; height:130px} #imgwt{width:158px; float:left; height:25px; line-height:25px; margin-bottom:20px; text-align:center} #newslistA{ width:100%; float:left;} #newslistA li{ line-height:34px; height:34px;padding-left:10px; border-bottom:1px dashed #ddd; background:url(arrow.jpg) left center no-repeat; } #newslistA span{ float:right; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#666} #allwidth{width:100%; float:left} #leftmenu,#leftmenu a{width:213px; height:27px; float:left; text-align:center; font-size:14px; font-family:"Microsoft Yahei"; line-height:27px; background:url(left_06.jpg); color:#666; margin-bottom:10px} #leftmenu a:hover{ width:213px; height:27px; float:left; text-align:center; font-size:14px; font-family:"Microsoft Yahei"; line-height:27px; background:url(left_03.jpg); color:#fff; margin-bottom:10px} #leftmenuA a,#leftmenuA a:hover{ width:213px; height:27px; float:left; text-align:center; font-size:14px; font-family:"Microsoft Yahei"; line-height:27px; background:url(left_03.jpg); color:#fff; margin-bottom:10px} #leftmenus,#leftmenus a{ width:213px; height:22px; float:left; text-align:center; line-height:22px; margin-bottom:10px; background:#f6f6f6} #leftmenus a:hover{ width:213px; height:22px; float:left; text-align:center; line-height:22px; margin-bottom:10px; background:#157246; color:#fff} #leftmenusA a,#leftmenusA a:hover{ width:213px; height:22px; float:left; text-align:center; line-height:22px; margin-bottom:10px; background:#157246; color:#fff} /*内容分页*/ .contPage{height:20px;line-height:20px;text-align:center;letter-spacing:0;font-size:10px;margin-top:20px; font-family:Verdana, Arial, Helvetica, sans-serif} .contPage a{display:inline-block;color:#0283c1;background:#fff;text-align:center;padding:0 7px;margin:0 1px;} .contPage a:hover{color:#fff;background:#05a4f5;} .contPage a.on{color:#fff;background:#05a4f5;border:1px solid #05a4f5;} #FnewsTwoimg{ width:260px; height:145px; border:1px solid #ddd; float:left; padding:5px; margin-bottom:12px; background:#fff} #FnewsTwot{ width:100%; float:left;line-height:22px; font-family:"Microsoft Yahei"; color:#666} #Fnewsbanner{ width:100%; height:55px; float:left;font-size:16px; font-weight:bold; font-family:"Microsoft Yahei"} #Fnewsbanner span{ float:right; font-size:12px; font-weight:normal} #Fnewslist{ width:100%; float:left; height:90px; margin-bottom:12px} #Fnewslistimg{ width:108px; float:left; height:75px} #Fnewslistt1 a,#Fnewslistt1{ width:195px; float:left; height:25px; font-weight:bold;line-height:25px; color:#e40007; overflow:hidden} #Fnewslistt1 a:hover{ width:195px; float:left; height:25px; font-weight:bold;line-height:25px; color:#e40007; text-decoration:underline} #Fnewslistt2{ width:195px; float:left; height:44px;line-height:22px; color:#999999} .dot{ border-bottom:1px solid #ddd} .clear{ clear:both} #I_pbg{ width:100%; background:url(p_bg.jpg) center no-repeat; height:720px; float:left} #I_p1{ width:301px; height:517px; float:left; background:url(jg1_03.jpg); display:block} #I_p1:hover{ width:301px; height:517px; float:left; background:url(jg_03.jpg); display:block} #I_p2{ width:298px; height:517px; float:left; background:url(jg1_04.jpg); display:block} #I_p2:hover{ width:298px; height:517px; float:left; background:url(jg_04.jpg); display:block} #I_p3{ width:300px; height:517px; float:left; background:url(jg1_05.jpg); display:block} #I_p3:hover{ width:300px; height:517px; float:left; background:url(jg_05.jpg); display:block} #I_p4{ width:301px; height:517px; float:left; background:url(jg1_06.jpg); display:block} #I_p4:hover{ width:301px; height:517px; float:left; background:url(jg_06.jpg); display:block} #I_pal{width:115px; float:left; margin-top:20px} #I_par{width:115px; float:left; text-align:right; margin-top:20px} #I_paw{width:970px; float:left; height:365px; background:url(pj_bg.jpg) top no-repeat; margin-top:20px} #I_pawa{width:969px; float:left;margin-top:30px; margin-left:115px; border-left:1px solid #e8e7ec;border-top:1px solid #e8e7ec;} #khpja{width:100%; float:left; margin-top:20px; margin-bottom:20px} #khpjaa{width:100%; float:left; margin-top:20px; margin-bottom:2px} #khpjb{width:893px; float:left; height:20px; border-left:3px solid #07a4f5; font-size:16px; padding-left:10px} #khpjbb{width:100%; float:left; height:35px; border-bottom:1px dotted #ddd; font-size:14px; line-height:35px} #khpjbb span{ float:right; color:#666; font-size:12px} #khpjc{width:893px; float:left; height:30px; line-height:30px; padding-left:13px; padding-top:5px} #khpjd{width:893px; float:left;line-height:24px; padding-left:13px; padding-top:5px; color:#666666; font-size:14px; border-bottom:1px dashed #ddd; padding-bottom:15px} .linkarea{ width:100%; height:450px;position: absolute} #I_Parea{width:100%; float:left; margin-top:200px} #I_Parealist{width:100%; float:left;} #I_Parealist li{width:100%; float:left;text-align:center; height:40px; line-height:40px; color:#333} #I_Parealist li span{color:#666} #I_Parealist img{ margin-right:7px} #mainlistbg{width:100%; height:310px; border-bottom:1px solid #e6e6e6;border-top:1px solid #e6e6e6; background:url(bannernei1.jpg)} #mainbgw{ width:705px; margin-top:85px} #mainscore{ width:100%; float:left} #mainscore ul{ display:inline} #mainscore li{float:left; width:164px; height:151px; background:url(score.png) no-repeat} .smar{ margin-right:15px} #mainscoreb{width:100%; float:left; height:70px; color:#FFFFFF; font-weight:bold; text-align:center; font-size:14px; padding-top:25px} #mainscoreb span{font-size:56px} #mainscoret{width:100%; float:left; color:#fff; text-align:center; font-size:16px; padding-top:5px} .I_xrar{margin-right:9px} .bbssearchinputA{ width:189px; padding-left:10px; font-family:"Microsoft Yahei"; color:#666666; height:33px; line-height:33px; border:none} #mainlistleft{width:905px; float:left} #mainlistright{width:240px; float:left; margin-right:55px} #sbro{width:238px; border:1px solid #ddd; float:left; height:36px; margin-bottom:45px} #sbroa{width:199px; float:left} #sbrob{width:39px; float:left} #slist{width:100%; float:left; margin-bottom:50px; margin-top:20px} #slistd{width:100px; height:100px; float:left; margin-right:30px; background:url(datebg.jpg)} #slista{width:100%; float:left; text-align:center; height:71px; font-size:32px; line-height:71px; color:#acacac; font-weight:bold} #slistb{width:100%; float:left; text-align:center; height:29px; font-size:14px; line-height:29px; color:#666;} #slistc{width:100%; height:180px; float:left;} #sliste{width:270px; float:left; height:180px; margin-right:20px; overflow:hidden} #slistf{width:610px; float:left; height:40px; font-size:20px} #slistg{width:610px; float:left; height:54px; font-size:14px; line-height:22px; color:#888888; border-bottom:1px solid #eeeeee} #slistk{width:610px; float:left; height:54px;line-height:22px; color:#888888; padding-top:15px} #dispshowt{width:100%; float:left; text-align:center; font-size:24px; line-height:30px; margin-bottom:10px} #dispcopy{width:100%; height:35px; border-bottom:1px solid #ddd; float:left; text-align:center} /*客服*/ #kfw{Z-INDEX: 9999;position:fixed; HEIGHT:auto; right:10px;top:300px; width:82px} #kfbro{width:80px; float:left; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; background:#fff} #kflist{width:100%; float:left;padding-top:8px; border-bottom:1px solid #dbdbdb; text-align:center; padding-bottom:8px} #kfbottom{width:100%; float:left; border-bottom:2px solid #d10100} /*详细内容*/ .subCont{margin-top:10px;} .subCont .title{font-size:1.5em;line-height:1.2em;text-align:center;} .subCont .continfo{width:100%;text-align:center;margin:15px auto;border:1px solid #ccc;border-left:none;border-right:none;color:#666;} .subCont .continfo span{color:#999;} .subCont .contimg{margin:20px auto;text-align:center;overflow:hidden;display:table;} .subCont .contimg a img{border:1px solid #ccc;padding:1px;} .subCont .contimg a:hover img{border:1px solid #999;padding:1px;background:#B1D8F3;} .subCont .conttxt{color:#333;} .SelectSearchinput{width:224px; height:22px; line-height:22px; border:1px solid #ccc; color:#666666; font-family:"Microsoft Yahei"} #s_width{width:100%; margin-top:10px; margin-bottom:10px; float:left} #s_b{width:100%; float:left; width:29px; height:26px} #s_i{width:231px;float:left} .imgr{ margin-right:8px} #rightbanner{width:224px; border-left:3px solid #07a4f5; height:30px; line-height:30px; padding-left:13px; color:#000; float:left; font-size:14px; margin-bottom:10px} #rightlist,#rightlist a{float:left;} #rightlist a{width:227px; float:left; padding-left:13px; border-bottom:1px solid #efefef; height:38px; line-height:38px; display:block} #rightlist a:hover{width:227px; float:left; padding-left:13px; border-bottom:1px solid #efefef; height:38px; line-height:38px; color:#f94e34; display:block} #rightlista a:hover,#rightlista a{width:227px; float:left; padding-left:13px; border-bottom:1px solid #efefef; height:38px; line-height:38px; color:#f94e34; display:block} .rt{ margin-top:30px} #righttag a{width:74px; border:1px solid #ddd; float:left; height:32px; line-height:32px; text-align:center; margin-top:8px; margin-right:6px} #righttag a:hover{width:74px; border:1px solid #f1695b; float:left; height:32px; line-height:32px; text-align:center; margin-top:8px; margin-right:6px; color:#f1695b} #righttagm a{width:74px; border:1px solid #ddd; float:left; height:32px; line-height:32px; text-align:center; margin-top:8px;} #righttagm a:hover{width:74px; border:1px solid #f1695b; float:left; height:32px; line-height:32px; text-align:center; margin-top:8px; color:#f1695b} #rightabout{width:100%; float:left; line-height:24px; color:#999999; padding-top:10px} #bannert{width:100%; float:left; height:37px; font-size:22px; border-bottom:1px solid #ddd; margin-bottom:30px} #bannert span{ float:right; font-size:12px; color:#666; padding-top:12px} #infocontent{width:100%; float:left; margin-bottom:20px; border-bottom:1px solid #ddd; padding-bottom:30px} .blue,.blue a{ color:#07a4f5} .qcolor,.qcolor a{ color:#666} #leftcase{width:220px; float:left; padding:10px; background:#f6f6f6} #leftcasea{width:100%; float:left; height:145px} #leftcaseb{width:100%; text-align:center; height:25px; line-height:25px; float:left} #leftcasec{width:100%; text-align:center; height:20px; line-height:20px; float:left} #newscontent{ font-size:14px; line-height:25px; padding-top:30px;} #pointw{width:100%; height:310px;} .text { line-height: 22px; } #DispTitle { width: 100%; height: 40px; font-size: 18px; color: #333; text-align: center; float: left; font-family: "Microsoft Yahei", Helvetica, sans-serift; font-weight:normal } .line { width: 100%; float: left; margin-bottom: 20px; margin-top: 20px; border-bottom: 1px dashed #ccc; } #backnews { width: 143px; height: 33px; text-align: center; display: block; color: #333333; background: #e0e0e0; line-height: 33px; cursor:pointer } #backnews:hover { width: 143px; height: 33px; text-align: center; display: block; color: #fff; background: #05a4f5; line-height: 33px; } #backw{ width:100%; float:left; text-align:center; height:50px; margin-top:20px} #backwA { width: 100%; float: left; text-align: right; height: 50px; } /*留言栏目*/ .msgtitle{display:block;padding-bottom:5px;font-size:14px;font-weight:bold;} .message_block{color:#666;} .message_block p{padding:12px;} .msg_input{border:1px solid #e0e0e0;padding:5px 5px;background:#fff;font-size:13px;color:#888;} .msg_input_on{border:1px solid #8cd1ff;background:#f1f9ff;padding:5px 5px;font-size:13px;color:#888;} .message_labes{font-size:14px;} .message_title{height:34px;line-height:34px;background:#deeefc;padding:0 12px;} .message_title strong{color:#376b88;font-size:14px;float:left; line-height:34px;} .message_title span{float:right;font-weight:bold;color:#999;} .message_info{color:#8ea6b6;text-align:right;} .message_replay{background:#f5f5f5; padding:10px} .msg_btn_area{} .msg_btn_area a{display:inline-block;padding:5px 15px;background:#05a4f5;color:#fff;text-align:center;font-family:"宋体";font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold;} .msg_btn_area a:hover{text-decoration:none;background:#F60} .bro{padding:3px; background:#fff; border:1px solid #ddd} #midnewsb{ width:100%;float:left;height:25px;} #leftnews{ width:715px; margin-right:18px; float:left} #rightnews{ width:237px;float:left} #newsmar{ width:100%; float:left; margin-bottom:15px} #newsleftimg{ width:240px; margin-right:14px; float:left; height:105px} #newsleftlist{ width:460px;float:left;} #newsleftlistT{ width:100%;float:left; font-size:14px; font-weight:bold; height:25px} #newsleftlistT1{ width:444px;float:left; padding:8px; color:#666; background:#e2e2e2; line-height:20px; height:40px} #newsleftlistT2{ width:100%;float:left; height:20px; padding-top:8px} #newsrighttlist{ width:100%;float:left; margin-top:10px; margin-bottom:5px} #newsrighttlist li{ width:100%;float:left; height:43px; border-bottom:1px dotted #ddd; margin-bottom:10px} #newsrighttlistA{width:100%; height:20px; float:left; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#999999} #newsrighttlistB{width:100%; height:25px; float:left; font-size:12px; font-family:Arial, Helvetica, sans-serif} .msg_btn_areaA{margin:16px 0;text-align:left; font-family:"Microsoft Yahei"} .msg_btn_areaA a{display:inline-block;padding:5px 15px;background:#f2044d;color:#fff;text-align:center;font-family:"宋体";font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold; font-family:"Microsoft Yahei"} .msg_btn_areaA a:hover{text-decoration:none;background:#F60; font-family:"Microsoft Yahei"} #myFocus{ width:550px; height:350px; float:left; margin-right:15px} #DisprightA{width:280px; float:left;} #I_lx{ width:236px; float:left; height:210px; padding:15px; border:1px solid #e9e9e9} #I_lxt{float:left; height:30px;border-bottom:1px solid #e9e9e9; width:100%; text-align:center; margin-bottom:10px} #I_lxlist{float:left; width:100%} #I_lxlist li{float:left; width:100%; height:40px; line-height:40px; font-size:14px; font-family:"Microsoft Yahei"; text-align:center} #I_lxbutton a{ width:230px; height:40px; text-align:center; line-height:40px; color:#fff; background:#ff7c38; display:block; float:left; font-family:"Microsoft Yahei"; margin-top:10px} #I_lxbutton a:hover{ width:230px; height:40px; text-align:center; line-height:40px; color:#fff; background:#05a4f5; display:block; float:left; font-family:"Microsoft Yahei"; margin-top:10px} #I_lxbuttonA a{ width:150px; height:40px; text-align:center; line-height:40px; color:#fff; background:#ff7c38; display:block; float:left; font-family:"Microsoft Yahei"; margin-top:10px; font-size:14px} #I_lxbuttonA a:hover{ width:150px; height:40px; text-align:center; line-height:40px; color:#fff; background:#05a4f5; display:block; float:left; font-family:"Microsoft Yahei"; margin-top:10px; font-size:14px} /*客户案例*/ #caselist{width:268px; height:253px;margin-right:42px; float:left; margin-bottom:30px; display:block} #caselista{width:268px; height:253px;float:left; margin-bottom:30px; display:block} #caselistimg{width:100%; height:176px;float:left;overflow:hidden;} .caselistt{width:100%; height:78px;float:left;} .caselistt:hover{width:100%; height:78px;float:left; color:#fff} #caselisttn{margin-top:18px; text-align:center; width:100%; float:left; font-size:16px;} #caselistt2{text-align:center; width:100%; float:left; font-size:12px; height:25px; line-height:25px; color:#999999} #zjtda{width:268px; height:253px;float:left; margin-bottom:30px; display:block; background:#f7f7f7} #zjtda:hover{width:268px; height:253px;float:left; margin-bottom:30px; background:#05a4f5; display:block; color:#fff} #zjtda:hover *{color:#fff} #lzjtda{width:268px; height:253px;float:left; margin-bottom:60px; display:block; background:#f7f7f7} #lzjtda:hover{width:268px; height:253px;float:left; margin-bottom:60px; background:#05a4f5; display:block; color:#fff} #lzjtda:hover *{color:#fff} #lzjtd{width:268px; height:253px;margin-right:42px; float:left; margin-bottom:60px; display:block; background:#f7f7f7; overflow:hidden} #lzjtd:hover{width:268px; height:253px;margin-right:42px; float:left; margin-bottom:60px; background:#05a4f5; display:block; color:#fff} #lzjtd:hover *{color:#fff} #zjtd{width:268px; height:253px;margin-right:42px; float:left; margin-bottom:30px; display:block; background:#f7f7f7; overflow:hidden} #zjtd:hover{width:268px; height:253px;margin-right:42px; float:left; margin-bottom:30px; background:#05a4f5; display:block; color:#fff} #zjtd:hover *{color:#fff} #zjtdimg{width:100%; height:176px;float:left;overflow:hidden;} #zjtdname{ width:268px; float:left; height:30px; line-height:30px; font-size:14px; padding-top:5px} #zjtdz{ width:268px; float:left; height:20px; line-height:20px;} .sztd{ margin-right:34px} .sztdA{ margin-right:18px} .sztdB{ margin-right:31px} #msjs_bg{position:relative;height:253px; width:268px;z-index:100;overflow: hidden; Top:-253px;left: 0px; display:block} #msjs_bg:hover{position:relative; height:253px; width:268px; z-index:100; background:url(case_bg.png) no-repeat ; overflow: hidden; Top:-253px;left: 0px; display:block} /*切换*/ #tabContainer { float:right; margin-top:5px } #tabContainer li { padding:0; float: left; width: 80px; text-align: center; height:28px; } #tabContainer a { display: block; height:28px; line-height:28px; color:#333; } #tabContainer a.on { height:28px; line-height:28px; color:#fff; background:#05a4f5 } #tabContainer a:hover { height:28px; line-height:28px; color:#fff; background:#07a4f5 } .button-holder { margin-top:60px; width:100%; float:left } /*切换*/ #tabContainera { width:580px; float:left; } #tabContainera li { padding:0; float: left; width: 90px; text-align: center; height:28px; margin-right:4px } #tabContainera a { display: block; height:28px; line-height:28px; color:#333; } #tabContainera a.on { height:28px; line-height:28px; color:#fff; background:#05a4f5 } #tabContainera a:hover { height:28px; line-height:28px; color:#fff; background:#05a4f5 } .button-holder { margin-top:60px; width:100%; float:left } .button-holder > div > div, .button-holder > div > a { float: left; display: block; width: 120px; height: 40px; font-size: 12px; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; margin-left:538px; } .center-content { } .button-holder div a { } /* ================================================================ */ /* BUTTON TYPE 2 STARTS HERE -------------------------------------- */ /* ================================================================ */ .type-2 { background: #05a4f5; } .type-2 span { position: absolute; width: 100%; height: 100%; display: block; top: 0; opacity: 1; left: 0; box-sizing: border-box; -moz-box-sizing: border-box; padding: 9px 0; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; text-align: center; } .type-2 span:nth-of-type(2), .type-2 span:nth-of-type(3) { -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); transform-origin: 0 0; -webkit-transform-origin: 0 0; background: #aaa; clip: rect(0, 60px, 9999px, 0); } .type-2 span:nth-of-type(3) { transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; -webkit-transform: rotateY(90deg); transform: rotateY(90deg); clip: rect(0, 9999px, 9999px, 60px); } .type-2:hover span:nth-of-type(2), .type-2:hover span:nth-of-type(3) { -webkit-transform: rotateY(0); transform: rotateY(0); background: #ff7800; } .type-2:hover span:nth-of-type(2), .type-2:hover span:nth-of-type(3) { -webkit-transform: rotateY(0); transform: rotateY(0); background: #ff7800; } .type-2:hover span:first-of-type { background: #073f58; } .type-2 span:last-of-type { opacity: 0; background: #ff7800; -webkit-transition: none; transition: none; color:#fff } .type-2:hover span:last-of-type { opacity: 1; -webkit-transition: all 0.05s linear 0.3s; transition: all 0.05s linear 0.3s; } #I_down{text-align:center; width:100%; margin-top:85px} #Index_about{ text-align:center; color:#ff7800; width:100%; float:left; height:35px; font-size:16px} #Index_abouta{ text-align:center; color:#333; width:100%; float:left; height:35px; font-size:20px} #Index_a{ width:750px; margin-left:220px; overflow:hidden; padding:5px} #Index_aboutb{ text-align:center; color:#666; width:100%; float:left; font-size:14px; line-height:25px} #gybg{width:100%; height:286px; margin-top:100px; background:url(gy.jpg) center no-repeat;text-align:center; padding-top:110px} #khpjo{ margin-top:30px; margin-left:50px; width:380px; line-height:25px; height:120px; color:#fff; font-size:14px; overflow:hidden; float:left} #khpjt{ margin-top:70px; margin-left:110px; width:380px; line-height:25px; height:120px; color:#fff; font-size:14px; overflow:hidden; float:left} .summary{background:#05a4f5;} .listbox{float:left;margin-bottom:20px;display:inline;padding:10px;_padding:10px 10px 8px 10px ;background:#f6f6f6;width:260px;height:220px;position:relative;} .mr20{margin-bottom:35px} .listimg{float:left;width:260px;height:165px;position:relative;overflow:hidden;} .listimg img{background:#fff;width:260px;height:165px;top:0;left:0;position:absolute;} .summary{width:260px;height:165px;top:165px;left:0;position:absolute;} .summarytxt{margin:5px 10px;width:250px;height:auto;line-height:22px;font-size:12px;color:#fff; margin-bottom:15px} .listinfo{_margin-bottom:3px;padding-left:10px;width:250px;line-height:22px;font-size:12px;} .listinfo a{font-size:12px;} .listtitle{float:left;margin-top:8px;_margin-top:-2px;width:250px;font-size:14px;} .listtitle a{font-size:14px;} .listtitle a:hover{color:#07a4f5;} .listtag{float:left;padding-left:18px;background:url(../images/taglist.gif) 0 5px no-repeat;width:232px;color:#999; margin-top:2px; font-family:Verdana, Arial, Helvetica, sans-serif} .listtag a{margin:0 8px 0 0;margin:2px 8px -2px 0\9;_margin:0 8px 0 0;color:#999;} .listtag a:hover{color:#07a4f5;} .listdate{float:left;margin-right:13px;padding-left:18px;background:url(../images/time.gif) 0 5px no-repeat;color:#999;} .listview{float:left;margin-right:13px;padding-left:24px;background:url(../images/view.gif) 0 5px no-repeat;color:#999;} .listcomment{float:left;margin-right:13px;padding-left:20px;background:url(../images/comment.gif) 0 5px no-repeat;color:#999;} .listdemo a{float:left;margin-top:0;margin-top:2px\9;_margin-top:0;color:#999;white-space:nowrap;} .listdemo a:hover{color:#07a4f5;} #leftline{width:2px; float:left; margin-right:10px; background:#07a4f5; height:30px} #I_about_t{float:left;font-size:14px; text-align:center; width:100%} #I_about_t strong{ font-weight:bold; color:#07a4f5; font-size:26px; font-family:"Times New Roman", Times, serif} #I_about_d{ width:100%;float:left; text-align:center; font-size:14px; height:30px;line-height:30px; color:#999999; margin-bottom:30px} #I_about_a{ width:100%;float:left; text-align:center;height:60px;color:#999999; margin-top:15px} #alsm{width:100%; float:left; height:40px;margin-top:20px; margin-bottom:30px; text-align:center; font-size:14px; border-bottom:1px solid #ddd; color:#07a4f5} #I_zmkhw{ width:765px; margin-right:40px; float:left} #I_zmkhwbg{ width:725px; float:left; padding:20px 20px 0 20px; background:#f8f8f8} #I_khly{ width:395px;float:left} #Ilsdz{ margin-top:50px; padding-top:35px; border-top:1px solid #ddd; width:100%; height:195px} #Ilsdz_icon{ width:300px; float:left;display:block} #Ilsdz_icon:hover{color:#07a4f5;display:block} #Ilsdz_iconi{ width:100%; float:left; height:85px; text-align:center} #Ilsdz_icont{ width:100%; float:left; height:35px; text-align:center; font-size:16px; color:#333} #Ilsdz_icond{ width:100%; float:left; text-align:center; line-height:20px; color:#666666} #Ilsdz_icon *:hover{color:#07a4f5} #footbga{ width:100%; border-top:1px solid #ddd; padding-top:30px; background:#f6f6f6; height:210px} .rollBox{width:1200px;overflow:hidden;} .LeftBotton,.RightBotton{height:8px;width:40px; background:#ebebeb;overflow:hidden;float:left;display:inline;cursor:pointer; margin-right:15px} .LeftBotton:hover,.RightBotton:hover{height:8px;width:40px; background:#07a4f5;overflow:hidden;float:left;display:inline;cursor:pointer;} .rollBox .Cont{width:1200px;overflow:hidden;float:left;} .rollBox .ScrCont{width:10000000px;} .rollBox .Cont .pic{width:132px;float:left;text-align:center;} .rollBox .Cont .pic img{padding:4px;background:#fff;border:1px solid #ccc;display:block;margin:0 auto;} .rollBox .Cont .pic p{line-height:26px;color:#505050;} .rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;} .rollBox .Cont a:hover{color:#07a4f5;text-decoration:underline;} .rollBox #List1,.rollBox #List2{float:left;} #topicon1{ width:298px; float:left; border-left:1px solid #f0f0f0;border-right:1px solid #f0f0f0; background:url(n_top_03.jpg) top center no-repeat;height:330px; display:block; color:#666;} #topicon1:hover{ width:298px; float:left; border-left:1px solid #f0f0f0;border-right:1px solid #f0f0f0; background:url(n_top1_03.jpg) top center no-repeat;height:330px; display:block;color:#07a4f5} #topicon1 span{ width:100%; float:left; text-align:center; font-size:26px;} #topiconT1:hover,#topicon1:hover{color:#07a4f5} #topiconT2{ width:100%; float:left; text-align:center; color:#666666; line-height:22px;margin-top:10px} #topiconT2 strong{ color:#07a4f5; } #topiconT3{ width:100%; float:left; text-align:center; color:#07a4f5;margin-top:5px; font-size:14px; font-weight:bold} #topiconT4{ width:100%; float:left;margin-top:5px; text-align:center; line-height:25px} #topicon2{ width:299px; float:left; border-right:1px solid #f0f0f0; background:url(n_top_05.jpg) top center no-repeat;height:330px; display:block; color:#666;} #topicon2:hover{ width:299px; float:left; border-right:1px solid #f0f0f0; background:url(n_top1_05.jpg) top center no-repeat;height:330px; display:block;color:#07a4f5} #topicon2 span{ width:100%; float:left; text-align:center; font-size:26px;} #topicon3{ width:299px; float:left; border-right:1px solid #f0f0f0; background:url(mobilea_05.jpg) top center no-repeat;height:330px; display:block; color:#666;} #topicon3:hover{ width:299px; float:left; border-right:1px solid #f0f0f0; background:url(mobile_05.jpg) top center no-repeat;height:330px; display:block;color:#07a4f5} #topicon3 span{ width:100%; float:left; text-align:center; font-size:26px;} #topicon4{ width:299px; float:left; border-right:1px solid #f0f0f0; background:url(n_top_09.jpg) top center no-repeat;height:330px; display:block; color:#666;} #topicon4:hover{ width:299px; float:left; border-right:1px solid #f0f0f0; background:url(n_top1_09.jpg) top center no-repeat;height:330px; display:block;color:#07a4f5} #topicon4 span{ width:100%; float:left; text-align:center; font-size:26px;} #topicon5{ width:299px; float:left; border-right:1px solid #f0f0f0; background:url(n_top_11.jpg) top center no-repeat;height:330px; display:block; color:#666;} #topicon5:hover{ width:299px; float:left; border-right:1px solid #f0f0f0; background:url(n_top1_11.jpg) top center no-repeat;height:330px; display:block;color:#07a4f5} #topicon5 span{ width:100%; float:left; text-align:center; font-size:26px;} #topicon6{ width:299px; float:left; border-right:1px solid #f0f0f0; background:url(n_top_13.jpg) top center no-repeat;height:330px; display:block; color:#666;} #topicon6:hover{ width:299px; float:left; border-right:1px solid #f0f0f0; background:url(n_top1_13.jpg) top center no-repeat;height:330px; display:block;color:#07a4f5} #topicon6 span{ width:100%; float:left; text-align:center; font-size:26px;} #topicona{ width:100%; height:160px; float:left;} #topicona img{ width:100%; height:160px;} #n_topmar{float:left; margin-left:552px; height:30px} #casemobiel{width:190px; float:left; border:1px solid #ddd; padding:5px; cursor:pointer; margin-top:20px} #casemobiel:hover{width:190px; float:left; border:1px solid #07a4f5; padding:5px; cursor:pointer; margin-top:20px} #casemobielt{width:100%; float:left; height:25px; line-height:25px; font-size:14px; text-align:center} #casemobield{width:100%; float:left; height:25px; line-height:25px; color:#07a4f5; text-align:center} .casemarr{ margin-right:22px} #ytzl{ width:875px; padding:15px; background:#e6f6fe; float:left; margin-bottom:20px} #ytzlimg{ width:240px;float:left;} #ytzlimg img{ width:220px;} #ytzlt{ width:100%;float:left; font-size:14px; line-height:25px}