/* 通用默认样式-------------------------------------- */ body { background-color:#ffffff; margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;font-family:'Microsoft YaHei'; background:url(../images/bg.jpg) repeat-x top center; color:#666666} td {font-family:'Microsoft YaHei';font-size: 12px;color:#666666;line-height:24px;WORD-WRAP: break-word} div {font-family:'Microsoft YaHei';line-height:24px;WORD-WRAP: break-word} a{transition:color 0.3s;-moz-transition:color 0.3s;-webkit-transition:color 0.3s;} A:link {font-family:'Microsoft YaHei';font-size:12px;color:#666666;text-decoration: none;} A:visited{font-family:'Microsoft YaHei';font-size:12px;color:#666666;text-decoration: none;} A:hover {font-family:'Microsoft YaHei';font-size:12px;color:#004ea1;text-decoration: none;} A:active {font-family:'Microsoft YaHei';font-size:12px;color:#004ea1;text-decoration: none;} p{ padding:0px; margin:0px;} body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0px;padding:0px} .clear{ margin:0; padding:0; line-height:1px; font-size:1px; height:0; clear:both; display:block;} UL,LI{ list-style:none; padding:0px; margin:0px} i{ font-style:normal} .w{width:100%; float:left} .w1140{width:1200px; margin:0 auto;} .bgc{ background:url(../images/bg.png) repeat-y} .top{ height:53px; line-height:53px;width:100%; float:left} .top .left{width:200px; float:left; padding-left:40px; background:url(../images/en.jpg) no-repeat 0px 15px; line-height:53px; height:53px;} .top .left a:link,.top .left a:visited{ color:#fff; font-size:16px; font-weight:100} .top .left a:hover,.top .left a:active{ color:#ee9b4a;} .top .right{width:200px; float:right; text-align:right; color:#ee9b4a;height:53px; line-height:53px;} .top .right a:link,.top .right a:visited{ color:#ee9b4a; font-size:14px; font-weight:100} .top .right a:hover,.top .right a:active{ color:#fff;} img{ border:0px} .head{width:100%; float:left; height:90px; padding-top:28px;} .head .logo{width:262px; float:left;} .head .right{width:744px; float:right;padding-top:28px } .menu{width:100%; float:left; height:40px;} .menu ul{width:100%; float:left;} .menu ul li{ float:left;width:124px; text-align:center; } .menu ul li a{ display:block;width:136px; line-height:20px; font-family:'Microsoft YaHei'; font-size:15px; font-weight:bold;} .menu ul li a:link,.menu ul li a:visited{ color:#232e36} .menu ul li a:hover,.menu ul li a:active{ color:#004ea1;} .menu ul li a.on{color:#004ea1;} .menu ul li span{ display:block;width:100%; float:left; font-size:12px; font-weight:100} .banner{width:100%; float:left; height:444px;} #main{ float:left; display:inline; width:100%; height:auto !important; height:500px; min-height:500px;} #mainin{ margin:0 auto; height:auto !important; height:500px; min-height:500px; width:1200px; } #mainintop{ float:left; display:inline; height:300px; width:1200px; margin-top:45px;} #mainintop_left{ float:left; display:inline; width:3px; height:300px; } #mainintop_main{ float:left; display:inline; width:1193px; height:300px; border-top:solid 1px #CCCCCC;} #mainintop_right{ float:left; display:inline; width:4px; height:300px; } #news{ float:left; display:inline; width:350px; height:300px; font-size:12px} #newstop{ float:left; display:inline; width:350px; height:36px;} #newsmain{ float:left; display:inline; width:330px; height:234px; margin-left:10px; margin-top:20px;} #pic1{ float:left; display:inline; width:330px; height:121px; } #newsmain ul { float:left; display:inline; margin-top:10px; width:330px; height:103px;} #newsmain li a{ color:#666; width:330px; line-height:34px; border-bottom:#CCC dotted 1px; float:left; display:block} #newsmain li a:hover {color:#FF9900; width:330px; line-height:34px; border-bottom:#CCC dotted 1px; float:left; display:block} #join{ float:left; display:inline; width:504px; height:300px; font-size:12px} #jointop{ float:left; display:inline; width:504px; height:36px;} #joinmain{ float:left; display:inline; width:484px; height:234px; margin-left:10px; margin-top:20px;} #pic2{ float:left; display:inline; width:484px; height:89px; } #joinmain ul {float:left; display:inline; margin-top:10px; margin-left:0px; width:484px; height:135px;} #joinmain li {float:left; display:inline; margin-top:10px; color:#666; width:222px; overflow:hidden} #joinmain li a{ color:#666; width:222px; line-height:34px; border-bottom:#CCC dotted 1px; float:left; display:block; } #joinmain li a:hover {color:#FF9900; width:222px; line-height:34px; border-bottom:#CCC dotted 1px; float:left; display:block} #sever{ float:left; display:inline; width:330px; height:300px; font-size:12px} #severtop{ float:left; display:inline; width:330px; height:36px;} #severmain{ float:left; display:inline; width:290px; height:234px; margin-left:30px; margin-top:5px; background:url(../images/rightbg.jpg) -30px -5px;} #severmain img{ border:0;} #mainintop_left{ float:left; display:inline; width:3px; height:300px; } #mainintop_main{ float:left; display:inline; width:1193px; height:300px; border-top:solid 1px #CCCCCC;} #mainintop_right{ float:left; display:inline; width:4px; height:300px; } #casetop{ float:left; display:inline; width:1193px; margin-top:20px; height:55px; border-top:solid 1px #CCCCCC;} #poin{ float:left; display:inline; width:3px; height:260px; margin-top:40px; background:url(../images/index_20.jpg)} #mt{ float:left; display:inline; margin-top:15px; background:url(../images/ico.jpg) no-repeat; padding-left:30px; font-weight:bold; font-size:14px} #more{ float:right; display:inline; margin-top:20px; margin-right:13px; } #foot{ float:left; display:inline; width:100%; height:auto !important; height:328px; min-height:328px; background:url(../images/foot.jpg)} #footin{ margin:0 auto; height:328px; width:1200px; background:url(../images/index_74.jpg) no-repeat 110px 45px;} #foot_mu{ float:left; display:inline;width:1200px; height:45px; line-height:45px; font-size:12px; color:#FFFFFF; } #foot_mu ul{ float:left; display:inline; width:1200px; height:45px; } #foot_mu ul li { float:left; display:inline; } #foot_mu ul li a { width:120px;height:45px; display:block; text-align:center} #foot_mu li a{ color:#fff; } #foot_mu li a:hover {color:#FF9900;} #foot_main{ float:left; display:inline; width:1150px; height:200px; margin-top:30px; color:#FFFFFF; margin-left:50px; line-height:30px; font-size:14px} #foot_main strong{ font-size:36px; color:#ffa044; font-weight:100} #fo_join{ float:left; display:inline; width:300px; height:200px; font-size:12px; } #fo_serv{ float:left; display:inline; width:263px; height:200px; font-size:12px; } #fo_contact{ float:left; display:inline; width:365px; height:200px; font-size:12px; } #fo_about{ float:left; display:inline; width:172px; height:200px; font-size:12px; } #fo_top{ float:left; display:inline; width:1100px; height:240px; font-size:12px; margin-left:10px;} #fo_join_m{ width:300px; height:170px; margin-top:5px; color:#E0E0E0 } #fo_join_mt{float:left; display:inline; width:300px; height:67px;line-height:28px;color:#CCCCCC} #fo_join_mm{float:left; display:inline; width:280px; height:100px;line-height:20px; margin-top:20px; color:#CCCCCC} #fo_join_mm a {color:#999999; display:block; } #fo_serv_m{float:left; display:inline; width:243px; height:180px; margin-top:10px; font-size:12px; } #fo_serv_m ul{ float:left; display:inline; width:223px; height:180px; margin-left:10px;} #fo_serv_m ul li { float:left; display:inline; width:223px; height:32px; line-height:32px; color:#CCCCCC;} #fo_serv_m ul li a {float:left; display:inline; width:223px; height:32px; line-height:32px; color:#CCCCCC;} #foot_foot{ float:left; display:inline; width:1200px; height:43px; margin-top:10px; font-size:12px; color:#FFFFFF; text-align:center; line-height:43px;} .mainbox{ width:100%; min-width:1000px; float:left;} .mainbox .maincen{ width:1200px; margin:0px auto;background:url(../images/bg.png) repeat-y; padding-top:38px;} .inabout{ width:1200px; float:left;} .inabout .left{ width:718px; float:left; background:url(../images/inaboutrbg.jpg) right bottom no-repeat;} .inabout .left .title{ width:684px; float:left; height:30px; line-height:30px; background:url(../images/titlebg.jpg) left bottom no-repeat;} .inabout .left .title .tname{ float:left; padding-left:17px; font-size:14px; font-weight:bold;} .inabout .left .title .more{ float:right;} .inabout .left .conview{ width:684px; float:left; padding-top:20px;} .inabout .left .conview img{ float:left; margin-right:20px;} .inabout .left .conview font{ font-size:14px; font-weight:bold;} .inabout .right{ width:270px; float:right;} .inabout .right .title{ width:270px; float:left; height:30px; line-height:30px; background:url(../images/titlebg.jpg) left bottom no-repeat;} .inabout .right .title .tname{ float:left; padding-left:17px; font-size:14px; font-weight:bold;} .inabout .right .title .more{ float:right;} .inabout .right .conview{ width:270px; float:left; padding-top:20px; text-align:center;} .inabout .right .conview img{ height:202px;} .inproduct{ width:972px; padding:13px; float:left; border:1px solid #ccc; margin-top:15px;} .inproduct .title{ width:972px; float:left; height:30px; line-height:30px; background:url(../images/inprotbg.jpg) left bottom no-repeat;} .inproduct .title .tname{ float:left; padding-left:17px; font-size:14px; font-weight:bold;} .inproduct .title .more{ float:right;} .inproduct .conview{ width:972px; float:left;} .inproduct .conview .gundong{width:972px; float:left;} .inproduct .conview .gundong .gundong_demo{OVERFLOW: hidden; WIDTH:972px; COLOR: #ffffff; margin-top:15px; float:left;} .inproduct .conview .gundong .gundong_demo .propic{width:160px; height:160px; padding:5px; margin:0 5px; border:1px solid #CCCCCC; float:left;} .inproduct .conview .gundong .gundong_demo .propic img{ width:160px; height:160px; border:0px;} .innews{ width:1000px; float:left; padding-top:15px;} .innews .comnews{ width:280px; float:left; background:url(../images/newrightbg.jpg) top right no-repeat;} .innews .comnews .title{ width:280px; float:left; height:30px; line-height:30px; background:url(../images/titlebg.jpg) left bottom no-repeat;} .innews .comnews .title .tname{ float:left; padding-left:17px; font-size:14px; font-weight:bold;} .innews .comnews .title .more{ float:right;} .innews .comnews .newpic{ width:280px; float:left; padding-top:15px;} .innews .comnews .innewslist{ width:252px; float:left; margin:0px; padding-top:10px; list-style:none;} .innews .comnews .innewslist li{ width:237px; height:28px; float:left; list-style:none; background:url(../images/newliioc.jpg) 0px 11px no-repeat; line-height:28px; padding-left:15px;} .innews .hangnews{ width:435px; float:left; padding-left:20px;background:url(../images/newrightbg.jpg) top right no-repeat;} .innews .hangnews .title{ width:435px; float:left; height:30px; line-height:30px; background:url(../images/titlebg.jpg) left bottom no-repeat;} .innews .hangnews .title .tname{ float:left; padding-left:17px; font-size:14px; font-weight:bold;} .innews .hangnews .title .more{ float:right;} .innews .hangnews .hnewscon{ width:96%; float:left; padding-top:15px;} .innews .hangnews .hnewscon img{ width:116px; height:88px; float:left; margin-right:10px;} .innews .hangnews .hnewscon font{ font-weight:bold;} .innews .hangnews .hnewslist{ width:405px; float:left; margin:0px; padding-top:10px; list-style:none;} .innews .hangnews .hnewslist li{ width:390px; height:31px; float:left; list-style:none; background:url(../images/newliioc.jpg) 0px 13px no-repeat; line-height:31px; padding-left:15px; border-bottom:1px dotted #ccc;} .innews .hangnews .hnewslist li a{ display:block;width:300px; float:left} .innews .hangnews .hnewslist li span{ float:right; display:block;width:80px;} .innews .contact{ width:245px; float:right;} .innews .contact .title{ width:245px; float:left; height:30px; line-height:30px; background:url(../images/titlebg.jpg) left bottom no-repeat;} .innews .contact .title .tname{ float:left; padding-left:17px; font-size:14px; font-weight:bold;} .innews .contact .title .more{ float:right;} .innews .contact .conview{ width:245px; float:left; padding-top:10px;} .innews .contact .conview font{ font-size:14px; font-weight:bold; color:#006bbe;} .innews .contact .map{ width:245px; float:left; padding-top:10px; overflow:hidden;} .foot{ width:100%; float:left; background-color:#006bbe; text-align:center; padding-top:20px; padding-bottom:20px; color:#FFF; font-family:Arial, Helvetica, sans-serif,'宋体'; line-height:26px; margin-top:15px;} .aboutbox{ width:98%; float:left;} .aboutbox .left{ width:240px; float:left; background:url(../images/newrightbg.jpg) 195px 1px no-repeat;} .aboutbox .left .title{ width:216px; float:left; height:41px; line-height:41px; background:url(../images/ej.jpg);} .aboutbox .left .title .tname{ float:left; padding-left:17px; font-size:16px; font-weight:100; color:#FFF;} .aboutbox .left .title .tname font{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px;} .aboutbox .left .leftpro{ width:200px; float:left; padding-top:15px;} .aboutbox .left .leftpro li{ list-style:none; float:left } .aboutbox .left .leftpro li a{ width:140px; height:35px; line-height:35px; padding-left:60px; font-size:14px; float:left; background:url(../images/err.jpg) no-repeat; display:block;} .aboutbox .left .conpic{ width:200px; float:left; padding-top:15px;} .aboutbox .right{ width:930px; float:right;} .aboutbox .title{ width:100%; float:left; height:40px; line-height:40px; background:url(../images/inprotbg.jpg) left bottom no-repeat;} .aboutbox .title .tname{ float:left; padding-left:17px; font-size:18px; font-weight:bold;} .aboutbox .title .more{ float:right; font-size:14px} .aboutbox .conview{ width:100%; float:left; padding-top:15px; font-size:16px; padding-bottom:20px} .aboutbox .conview .nlist{ width:100%; float:left; margin:0px; list-style:none;} .aboutbox .conview .nlist li{ width:745px; height:36px; float:left; list-style:none; background:url(../images/newliioc.jpg) 0px 13px no-repeat; line-height:36px; padding-left:15px; border-bottom:1px dotted #ccc;} .aboutbox .conview .nlist li a{ display:block; float:left;width:600px;} .aboutbox .conview .nlist li span{ float:right;width:80px; display:block} .plist{ width:760px; float:left; } .plist li{ width:212px; float:left; padding:0px 20px 15px 20px;} .plist li span{ padding:5px; border:1px solid #ddd; width:200px; float:left;} .plist li span img{ width:200px; height:200px;} .plist li p{ width:100%; float:left; text-align:center; padding-top:5px;} .aboutbox .conview .propic{ width:760px; float:left; overflow:hidden;} .aboutbox .conview .proview{ width:760px; float:left; padding-top:15px;} .aboutbox .conview .proview font{ font-size:12px; font-weight:bold;} .aboutbox .conview .proview font span{ font-size:16px; color:#F00;} /*产品中心*/ #main_com{ float:left; display:inline; width:100%; height:auto !important; height:500px; min-height:500px; } #mainin_prom{ margin:5px auto; height:auto !important; height:300px; min-height:300px; width:1200px; font-size:12px; line-height:24px; color:#666666} #mainin_prom_in{ float:left; display:inline; margin-top:0px; height:auto !important; height:400px; min-height:400px; width:1200px; } #mainin_prom_top{ float:left; display:inline; height:75px;width:1200px; margin-top:15px;} #mainin_prom_top ul li { float:right; display:inline; padding:0px 10px; margin-left:10px;} #mainin_prom_top ul li a {float:left; display:block; width:100%; height:30px; border:#ccc solid 1px; font-size:14px; color:#666666; text-align:center; line-height:30px;padding:0px 10px } #mainin_prom_top ul li a:hover {border:#0f71b6 solid 1px;color:#fff; background:url(../images/but.jpg) repeat-x} #mainin_prom_top2 { border:#ff9f2e solid 1px; color:#ff9f2e; } #mainin_prom_main{ float:left; display:inline; height:auto !important; height:400px; min-height:400px; width:1200px; border:#ccc solid 1px; } #mainin_prom_left{ float:left; display:inline; width:210px; height:auto !important; height:400px; min-height:400px; } #mainin_prom_left ul li { float:left; display:inline; width:100%; } #mainin_prom_left ul li a {float:left; display:block; width:190px; border-bottom:#ccc dotted 1px; font-size:14px; color:#666666; text-align:center; padding:3px 10px; line-height:20px } #mainin_prom_left ul li a:hover {border-bottom:#0d3081 solid 0px; color:#fff; background:url(../images/but3.jpg) ;} #mainin_prom_right{ float:left; display:inline; width:980px; height:auto !important; height:400px; min-height:400px; border-left:#ccc solid 1px;} #mainin_prom_right ul{ float:left; display:inline; height:auto !important; height:400px; min-height:400px; width:1019px;} #mainin_prom_right ul li { float:left; display:inline; width:298px; margin:15px;border:1px solid #e2e2e2;} #mainin_prom_right ul li .t{ display:block; float:left; background:#e2e2e2; height:36px; line-height:36px; text-align:center;width:100% } #mainin_prom_right ul li img { border:0;width:298px;} #mainin_prom_right ul li a:link,#mainin_prom_right ul li a:visited{ color:#232e36; font-size:18px} #mainin_prom_right ul li a:hover,#mainin_prom_right ul li a:active{ color:#014fa2;} /*案例*/ #mainin_case_main{width:100%; float:left;} #mainin_case_main ul{ float:left; display:inline; width:100%} #mainin_case_main ul li { float:left; display:inline; width:356px; margin-left:33px; margin-bottom:33px} #mainin_case_main ul li .t{ display:block; float:left; background:#e2e2e2; height:180px; text-align:center;width:100% } #mainin_case_main ul li .c{ float:left;width:356px; background:#efeff0; font-size:12px;} #mainin_case_main ul li .c strong{ font-size:14px; color:#222; display:block;width:100%; float:left; padding:8px 0px} #mainin_case_main ul li .c div { padding:5px;} #mainin_case_main ul li .c img { border:0;} #mainin_case_main ul li a { display:block; float:left; width:100%; text-align:right; height:30px; line-height:25px} #mainin_case_main ul li a:hover { color:#000} /*新闻*/ #mainin_pro{ float:left; display:inline; border-bottom:1px #CCCCCC dotted; width:100%; height:86px; } #mainin_top{margin:0 auto; width:1200px; height:90px; border:0; } #mainin_top_left{ width:250px; height:86px; float:left; display:inline; } #mainin_top_left_logo{ width:250px; height:59px; float:left; display:inline; } #mainin_top_left_text{ width:250px; height:20px; margin-top:7px; float:left; display:inline; font-size:12px; color:#724987} #mainin_top_right{ width:700px; height:86px; float:right; display:inline; } #mainin_top_right ul{ float:left; display:inline; width:700px; height:86px; border:0;} #mainin_top_right ul li { float:right; display:inline; width:105px; height:86px; border:0;} #mainin_top_right ul li a {float:right; display:inline; width:105px; height:86px; border:0;} #mainin_com{ margin:20px auto; height:auto !important; height:300px; min-height:300px; width:1200px; font-size:12px; line-height:24px; color:#666666} #mainin_new_in{ float:left; display:inline; margin-top:30px; height:auto !important; height:300px; min-height:300px; width:1200px; } #mainin_new_in ul li { float:left; display:inline; width:1200px; height:150px; margin-bottom:10px; line-height:30px; border-bottom:#ccc solid 1px;} #mainin_new_in ul li img { border:0;} #mainin_new_in ul li a {float:left; display:block; } #mainin_new_in ul li a:hover {float:left; display:block; } .pic7{ float:left; display:inline; width:177px; height:133px; margin:10px;} .newt{ float:left; display:inline; width:800px; height:24px; margin-top:5px; font-size:14px; font-weight:bold;} .newt a {float:left; display:block; width:800px; height:24px; font-size:14px } .newt a:hover {float:left; display:block; width:800px; height:24px; } .date{ float:right; display:inline; width:150px; height:24px; margin-top:5px; text-align:right; padding-right:10px;} .newmain{ float:left; display:inline;width:1000px; height:110px; margin-top:13px; line-height:20px; color:#999999} .down_t{width:100%; float:left;} .down_t a {float:left; display:block; height:30px; border:#ccc solid 1px; font-size:14px; color:#666666; text-align:center; line-height:30px;width:120px;margin-left:10px; } .down_t a:hover {border:#0f71b6 solid 1px;color:#fff; background:url(../images/but.jpg) repeat-x} .pages{ width:100%; float:left; padding-top:30px; padding-bottom:20px;} .pages span{ display:block; height:20px; float:left; line-height:19px;} .pages .page,.pages .pageon{ border:1px solid #999; margin-right:3px;color:#626262; font-size:12px; vertical-align:middle;color:#000000} .pages .page a:link,.pages .page a:visited{ color:#000; display:block; height:100%; padding:0px 6px; float:left} .pages .page a:hover,.pages .page a:active{ color:#fff; background:#014fa2} .pages .pageon{color:#fff; background:#014fa2;display:block; padding:0px 6px; margin-right:3px;} .pages .page2{display:block; padding:1px 6px; margin-right:10px;margin-right:3px; background:#014fa2; color:#fff; } .pages .page1{} .pages .page1 input{ height:20px;height:20px;border:1px solid #999; background:none; color:#717171; font-size:11px} .pages .page1 #pages{ width:30px; height:18px;border-right:0px ; text-align:center; margin-left:10px}