/* CSS Document behavior: url(css/csshover.htc);*/ /*-------------------------------网页全局------------------------------------------*/ .cul ul,.cul li{ padding:0px; margin:0px; list-style:none;} /**/ .head{ width:100%; height:72px; background:#00579A; border-bottom:1px solid #F2F2F2; position:relative; z-index:10000; } .headBody{ width:1193px; height:72px;} .logo{ width:217px; height:72px; float:left;} .Menu{ width:798px; height:72px; float:left;} .Menu a{ width:114px; _width:113px; height:72px; float:left; line-height:72px; text-align:center; color:#ECF6F8;} .Menu a:link,.Menu a:visited{color:#ECF6F8;} .Menu a:hover{ color:#bde2ff;} .Menu a:active{color:#ECF6F8;} .Menu a.default{ color:#5bb2ff;} .fx{ width:70px; height:70px; position:fixed; top:50%; margin-top:-35px; right:0px; z-index:10000;} .headsRight{ width:178px; height:58px; float:left; padding-top:14px;} .headsRight a{ width:41px; height:41px; float:right; display:block; margin-left:7px;} .headsRight a.en{ background:url(../image/en.jpg) no-repeat center top;} .headsRight a.en:hover{ background-position:center bottom;} .headsRight a.user{ background:url(../image/user.jpg) no-repeat center top;} .headsRight a.user:hover{ background-position:center bottom;} .headsRight a.email{ background:url(../image/email.jpg) no-repeat center top;} .headsRight a.email:hover{ background-position:center bottom;} /*---------------------------------*/ .indexFlash{ width:100%; height:580px; background:#00579A; position:relative; } .indexFlash .swiper-container{ width:100%; height:3.6rem;} .indexFlash .swiper-slide{ width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center center;} .indexFlash .swiper-pagination-bullet { opacity:0.8; background:#fff;-webkit-transition:500ms; -moz-transition:400ms; -ms-transition:400ms; transition:400ms; } .indexFlash .swiper-container .swiper-pagination{ bottom:0.2rem;} .indexFlash .swiper-pagination-bullet-active{ background:#fff;opacity:1; width:40px;border-radius:4px; } .IndexTitle{ height:126px; text-align:center;} .IndexTitle .Titles{ height:64px; line-height:64px; width:100%;} .IndexTitle .Coms{ width:100%; height:62px; line-height:40px; position:relative;} .IndexTitle .Coms:after{ content:""; width:30px; height:2px; background:#B2B2B2; position:absolute; left:50%; margin-left:-15px; bottom:0px;} /*---------------------------------*/ .IndexProMain{ width:100%; height:132px; } .IndexProTops{ width:100%; height:130px; border-top:2px solid #fff; background:#CCCCCC;overflow:hidden;} .IndexProList{ width:25%; height:130px; float:left; border:1px solid #FFFFFF; position:relative; background:#0F539A; box-sizing:border-box;/* IE\360\chrome */ -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ overflow:hidden; } .IndexProTops a.bks{ display:block; width:100%; height:100%; position:absolute; top:0px; left:0px;} .IndexProList .Toptitle{ width: 99%; height: auto; top: 50%; left: 50%; position: absolute; font-size: 20px; transform: translate(-50%, -50%); text-align: center; line-height: 28px; color: #FFFFFF; z-index: 10; } .IndexProList a{ display:block; width:100%; height:100%; display:block; color:#FFFFFF; } .IndexProList a:link,.IndexProList a:visited{ color:#FFFFFF;} .IndexProList .BodyCom{ width:235px; height:27px; position:absolute; left:50%; margin-left:-117px; bottom:0px; filter:alpha(opacity=0); /*IE滤镜，透明度50%*/ -moz-opacity:0; /*Firefox私有，透明度50%*/ opacity:0;/*其他，透明度50%*/ } .IndexProList .BodyCom a{ width:74px; height:25px; line-height:25px; text-align:center; border:1px solid #56A3F3; background:#14549B; display:block; float:left; margin-right:3px;} .IndexProList .BodyCom a.Lasts{ margin-right:0px;} .InProList{width:385px; height:75px; float:left; line-height:70px; font-size:22px;border-right:1px solid #E2E2E2; } .InProList a{ width:215px; height:100%; padding-left:170px; display:block;} /* 横向滚动------------------------------ .scroll_horizontal{position:relative;width:1160px;height:420px; padding-top:19px;} .scroll_horizontal .box{overflow:hidden;position:relative;width:1160px;height:420px; } .scroll_horizontal .plus, .scroll_horizontal .minus{position:absolute;top:140px;width:42px;height:68px;cursor:pointer; } .scroll_horizontal .plus{left:-64px; background:url(../image/top_r8_c2.jpg);} .scroll_horizontal .minus{right:-61px; background:url(../image/top_r8_c25.jpg); } .scroll_horizontal .plus:hover, .scroll_horizontal .minus:hover{background:none;} .scroll_horizontal ul{position:absolute;top:0;left:0;width:9999px; padding:0px; margin:0px;} .scroll_horizontal li{float:left;width:296px; height:350px; list-style:none; margin:0px; padding:0px;} .scroll_horizontal li .imgs{ width:268px; height:295px; float:left; border:1px solid #DDD;} .scroll_horizontal li .lititle{ width:270px; height:53px; float:left;line-height:36px; text-align:center; background:#DDD url(../image/top_r11_c4.jpg) no-repeat center 43px;} .scroll_horizontal li:hover .imgs{ border:1px solid #1DAEE3;} .scroll_horizontal li:hover .lititle{ background:#1DAEE3 url(../image/top_r11_c4.jpg) no-repeat center 43px; color:#FFFFFF;} .IndexMenuMore{ width:1160px; height:117px; } .IndexMenuMore a{ width:174px; height:61px; display:block; margin:0px auto;background:url(../image/top_r14_c15.jpg) no-repeat center top;} .indexQQ{ width:76px; height:300px; position:fixed; right:0px; top:432px; z-index:10000;} /*---------------------------------------------------*/ .footer{ width:100%; height:124px; background:#fff url(../image/footer.gif) repeat-x left bottom;} .footerTop{ width:1193px; height:79px; } .footerTop .lefts{ width:393px; height:30px; padding-top:49px; float:left;} .footerTop .LogDiv{ width:264px; height:79px; float:right; background:url(../image/r11_c22.jpg) no-repeat left top;} .footers{ width:1193px; height:45px; font-size:12px; } .Copyright{ width:780px; height:40px; float:left; color:#C0C1C3; text-align:right; line-height:40px; padding-top:5px;} .footers .lefts{ width:400px; height:45px; float:left; } .footers .lefts ul,.footers .lefts li{ margin:0px; padding:0px; position:relative;} .footers .lefts li{ list-style:none; width:90px; height:45px; line-height:40px; text-align:center; float:left; } .footers .lefts li a{ width:100%; height:40px; display:block; color:#7d8182;padding-top:5px;} .footers .lefts li a:link,.footers .lefts li a:visited{ color:#fff; background-image:none;} .footers .lefts li a:hover{color:#137FEC; background:url(../image/r4_c3.jpg) no-repeat center bottom;} .footers .lefts li a:active{color:#fff; background-image:none;} .footers .lefts li:hover{background:url(../image/r4_c3.jpg) no-repeat center bottom;} .footers .lefts li:hover ul{ display:block;} .footers .lefts li ul a{ width:auto; float:left; padding-right:5px; color:#7d8182; } .footers .lefts li ul a:hover{ background:none;} .footers .lefts li ul{ position:absolute; display:none; top:-55px; width:640px; height:55px; text-align:left; } .footers .lefts li ul li:hover{ background:none;} .footers .lefts li ul li{ width:60px;} .footers .senUl{ left:-30px; background:#FFF;} .footers .lefts li ul li a{color:#333; padding-top:0px; background-image:none; width:60px; display:block; padding-left:10px; text-align:left; } .footers .lefts li ul li a:link,.footers .lefts li ul li a:visited{background: url(../image/r4_c3.gif) no-repeat left center; color:#333;} .footers .lefts li ul li a:hover{background: url(../image/r4_c3.gif) no-repeat left center;color:#C0C1C3;} .footers .lefts li ul li a:acitve{background: url(../image/r4_c3.gif) no-repeat left center; color:#333;} .footers .lefts li ul.links{ left:-250px; width:900px; line-height:20px; background:#FFF;} .footers .lefts li ul.links a{ width:auto; height:20px; line-height:20px; display:inline; padding:0px 5px; color:#333;} .footers .lefts li ul.links a:hover{ color:#137FEC;} /*----------------------------------*/ .zybody{ background:#00579A;}/*background:#F3F3F3;*/ .zyflash{ width:100%; height:140px;} .zyCbody{ background:#F3F3F3;}/*background:#F3F3F3;*/ /*----------------------关于我们--------------------------*/ .CompanyMBody{ width:100%; height:66px; position:absolute; padding-top:14px; background:#f3f3f3; top:213px; z-index:1000;} .CompanyMBodys{ width:676px; height:42px; padding-left:19px;text-align:center; font-size:18px; } .ComMenu{ width:auto; height:42px; padding: 0px 10px; float:left; margin-right:19px; background:url(../image/r2_c3.jpg) no-repeat; background-size: 100% 100%; line-height:42px;cursor: pointer; color:#FFFFFF;} .ComMenus{ width:auto; height:40px; padding: 0px 10px; float:left; margin-right:19px; background:#FFFFFF; line-height:40px; border:1px solid #DADADA;cursor: pointer; } .ComMenu a:link,.ComMenu a:visited,.ComMenu a:hover,.ComMenu a:link:active{color: #fff;} .companyFirst{ width:1178px; height:618px; padding-top:204px; position:relative; } .companyFirst .bodys{ width:1178px; height:612px;background:#fff;} .companyFirst .topTitle{ width:384px; height:30px; left:50%; margin-left:-192px; position:absolute; top:96px;} .companyFirst .topCh{ width:184px; height:30px; position:absolute; left:50%; margin-left:-92px; top:133px; background:url(../image/compays.jpg) no-repeat;} .companyFirst .bodys .lefts{ width:394px; height:512px; position:relative; float:left;} .companyFirst .bodys .lefts img{ position:absolute; top:0px; left:46px; } .companyFive{ width:1090px; height:auto; padding:50px 45px 50px; background:#FFFFFF; margin:30px auto;} .hiddens{ filter:alpha(opacity=0); /*IE滤镜，透明度50%*/ -moz-opacity:0; /*Firefox私有，透明度50%*/ opacity:0; } .companyFirst .bodys .rights{ width:748px; height:575px; float:left; padding-top:32px; line-height:21px; position:relative; overflow:hidden; } .firstRights{width:748px; height:475px; position:absolute; right:-300px;} .companySed{ width:100%; height:587px; border-bottom:1px solid #5A8FBB; position:relative; } .companySed .entitle{ width:384px; height:30px; position:absolute; margin-left:-192px; left:50%; text-align:center; top:139px;} .companySed .chtitle{ width:184px; height:30px; position:absolute; margin-left:-92px; left:50%; text-align:center; top:89px;} .companySed .cht{ width:34px; height:30px; position:absolute; margin-left:-17px; left:50%; text-align:center; top:197px; } .companySed .bodys{ width:628px; height:256px; position:absolute; left:50%; margin-left:-319px; top:130px;} .companythree{ width:100%; height:669px; background:#FCF8EF url(../image/yy.jpg) no-repeat center bottom; position:relative; } .companythree .entitle{ width:384px; height:30px; position:absolute; margin-left:-192px; left:50%; text-align:center; top:170px;} .companythree .chtitle{ width:184px; height:30px; position:absolute; margin-left:-92px; left:50%; text-align:center; top:120px;} .companythree .chtMenu{ width:547px; height:45px; position:absolute; margin-left:-269px; left:50%; text-align:center; top:130px;} .companythree .chtMenu a{ width:171px; height:43px; text-align:center; line-height:43px; border:1px solid #BCBCBC; background:#FFFFFF; display:block; float:left; margin-right:9px;} .companythree .chtMenu a:link,.companythree .chtMenu a:visited{ color:#515151;} .companythree .chtMenu a:hover{color:#fff; background:url(../image/r24_c25.png); border:0px; padding:1px;} .companythree .chtMenu a:active{ color:#515151;} .companythree .chtMenu a.default{color:#fff; background:url(../image/r24_c25.png); border:0px; padding:1px;} .companythree .bodys{ width:1150px; height:468px; position:absolute; left:50%; margin-left:-575px; top:165px;} /*----------切换图片--------------*/ #focus {width:1150px; height:468px; } #focus .divBody{ width:1090px; height:468px;overflow:hidden; position:relative;} #focus ul {height:468px; position:absolute;padding:0px; margin:0px; } #focus ul li {float:left; width:1090px; height:468px; overflow:hidden; position:relative;list-style:none; padding:0px; margin:0px; } #focus .preNext {width:45px; height:100px; position:absolute; top:180px; background:url(../image/sprite.png) no-repeat 0 0; cursor:pointer;} #focus .pre {left:-30px;} #focus .next {right:-30px; background-position:right top;} .f1{ background:#999999;} .f2{ background:#666666;} .f3{ background:#ff6600;} .companyFour{ width:100%; height:707px; background:#015293 url(../image/abdd.jpg) no-repeat center top;} .companyFour .entitle{ width:384px; height:30px; position:absolute; margin-left:-192px; left:50%; text-align:center; top:86px;} .companyFour .chtitle{ width:184px; height:30px; position:absolute; margin-left:-92px; left:50%; text-align:center; top:60px;} .companyFour .bodys{ width:1170px; height:717px; overflow:hidden; position:relative;} .companyFour .imgs{ width:422px; height:252px; position:absolute; left:50%; margin-left:-647px; top:122px;} .companyFour .imgsCom{ width:548px; height:92px; position:absolute; left:50%; margin-left:-1247px; top:330px; font-size:16px; color:#FFFFFF; line-height:28px;} .companyFour .conter{ width:605px; height:570px; position:absolute; left:50%;margin-left:664px;top:130px; color:#FFFFFF; line-height:22px; overflow: hidden; } #CompanyBody { width: 575px; position: absolute; left: 0;padding-right:30px; } #CompanyscrBj { width: 2px; height: 270px; background-color: #6C99C0; position: absolute; right: 3px; } #Companyscroll { width: 5px; height: 20px; background-color: #fff; position: absolute; left: -2px; top: 0; cursor: pointer; } /*--------新闻中心-------*/ .NewTop{ width:716px; height:80px; position:relative;} .ClassName{ width:150px; height:42px; position:absolute; left:50%; margin-left:-75px; top:20px; background:url(../image/r2_c3.jpg); line-height:42px; text-align:center; color:#FFFFFF;} .NewBody{ width:1090px; height:636px; margin-bottom:54px; background:#FFFFFF; padding:40px;} .NewBody .Lefts{ width:746px; height:545px; float:left;} .NewBody .Lefts .imgs{ width:718px; height:328px; float:left;} .NewBody .Lefts .title{ width:654px; height:165px; float:left; background:#F8F9FB; padding:32px; padding-bottom:0px;font-size:12px;} .NewBody .Lefts .title h3{ line-height:42px; font-size:20px; font-weight:normal; padding-bottom:6px;} .NewBody .Lefts .title p{ line-height:24px; padding-bottom:20px;color:#888;} .NewBody .Lefts .title dl{list-style:none; line-height:28px; float:left; height:28px; width:654px; } .NewBody .Lefts .title dt{ float:left; height:20px; width:24px; padding-top:8px;} .NewBody .Lefts .title dd{ float:left; height:28px; width:104px;font-size:12px;} .NewBody .Rights{ width:344px; height:545px; float:left;} .NewBody .Rights .NextList{ width:344px; height:252px; margin-bottom:20px;} .NewBody .Rights .NextList .imgs{ width:344px; height:157px;} .NewBody .Rights .NextList .title{ width:344px; height:95px; background:#F8F9FB; } .NewBody .Rights .NextList .title .time{ width:78px; height:64px; float:left; text-align:center; padding-top:14px; background:url(../image/r4_c11.jpg) no-repeat center bottom;} .NewBody .Rights .NextList .title .time b{ font-size:42px; font-weight:bold; text-align:center;line-height:44px; } .NewBody .Rights .NextList .title .time p{ line-height:18px;} .NewBody .Rights .NextList .title .titles{ width:245px; height:72px; float:left; line-height:22px; padding-top:6px; color:#888;} .NewPage{ width:1090px; height:55px; padding-top:35px; float:left;} .NewPage div{ width:208px; height:40px;} .NewPage a{ width:40px; height:40px; padding:0px 6px; display:block; float:left;} /*------------新闻详细页----------------------*/ .showTitle{ width:100%; height:98px; border-bottom:1px solid #E6E6E6;} .showTitle h1{ width:1088px; height:38px; padding:10px 0px; line-height:32px; margin:0px auto; text-align:center; font-weight:normal; font-size:24px; color:#515151;} .showTitle dl{list-style:none; line-height:28px; margin:0px auto; height:28px; width:344px; padding-left:30px; } .showTitle dt{ float:left; height:20px; width:24px; padding-top:8px;} .showTitle dd{ float:left; height:28px; width:auto; padding-right:30px;font-size:12px;} .SubBody{ width:1088px; height:auto; padding:50px 0px 70px; line-height:24px;} .NextPage{ width:1088px; height:56px; padding:20px 0px;} .NextPage .lefts{ width:972px; height:56px; float:left; line-height:28px;} .NextPage .rights{ width:116px; height:47px; float:left; padding-top:9px;} .NextPage .rights a{ width:116px; height:40px; display:block; text-align:center; line-height:40px; background:#C3C3C3; color:#FFFFFF;} /*------------招聘列表----------------------*/ .ZpBody{ padding:13px 92px 77px; width:986px; height:auto; background:#FFFFFF; margin:76px auto 50px;} .ZpBody h1{ width:986px; height:68px; line-height:68px; text-align:center; color:#666666; padding:0px 0px 2px;} .ZpTrTitle{ height:45px; background:#00579A; color:#FFFFFF; } .zpTr{ background:#EFF4F8;} .Zpbots{ padding:32px 0px; line-height:24px;} .combody{ color:#FFFFFF;} .Bjgs{ background-image:url(../image/about.jpg); background-repeat:no-repeat; background-position:center 214px;} /*-----------产品中心-----------*/ .ProBj{ background:#03030F url(../image/pros.jpg) no-repeat center 130px;} .ProTop{ width:100%; height:67px; background:url(../image/j_r3_c2.jpg) repeat-x left 60px; position:relative;} .ProTops{ width:1180px; height:67px; text-align:center; line-height:60px; color:#0586EE; } .ProTops .ClassN{ width:106px; height:60px; float:left; border-right:2px solid #1F3888; color:#0586EE; font-size:16px; line-height:60px; text-align:center; } .ProTops .ClassN a{color:#0586EE;} .ProTops .MenuDiv a,.ProTops .MenuDivs a{ width:105px; height:51px; display:block; border-right:1px solid #1F3888; line-height:51px; color:#0586EE;} .ProTops .MenuDiv{ width:106px; height:63px; float:left;padding-top:4px;} .ProTops .MenuDivs{ width:106px; height:63px; float:left; padding-top:4px; background:url(../image/br3_c5.jpg) no-repeat center bottom;} .ProTops .ProClass{ width:136px;height:60px; float:right; font-size:18px; background:url(../image/dr3_c8.jpg) no-repeat right center; padding-right:20px; cursor:pointer;} .ProClassBody{ width:100%; height:auto; padding-bottom:40px; background:#0B1F5E url(../image/j_r3_c2.jpg) repeat-x left 60px; position:absolute; top:0px; z-index:1000; filter:alpha(opacity=0); /*IE滤镜，透明度50%*/ -moz-opacity:0; /*Firefox私有，透明度50%*/ opacity:0;/*其他，透明度50%*/ display:none; } .ProClassBody .Bodys{ width:1170px; height:344px;background:#0B1F5E url(../image/j_r3_c2.jpg) repeat-x left 60px; } .ProClassBody .Bodys .tops{ width:1170px; height:60px; } .ProClassBody .Bodys .tops a{ width:126px; height:50px; padding-right:26px; float:right; color:#0065B7; font-size:18px; display:block; background:url(../image/close.jpg) no-repeat 126px center; line-height:50px; text-align:center; } .ProClassBody .Bodys .Bottoms{ width:1180px; height:190px; padding-top:40px; } .PiProList{ width:20%; height:82px; float:left; border-left:1px solid #0B1F5E;border-right:1px solid #0B1F5E; margin:5px 0px; position:relative; background:#0F539A; box-sizing:border-box;/* IE\360\chrome */ -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ overflow:hidden; } .PiProList .Toptitle{ width:122px; height:32px; border:1px solid #FFFFFF; position:absolute; left:50%; margin-left:-62px; top:50%; margin-top:-17px;text-align:center; line-height:32px; color:#FFFFFF; background-color:#0B427B; } .PiProList a{ display:block; width:100%; height:100%; display:block; color:#FFFFFF; } .PiProList a.bks{ display:block; width:100%; height:100%; position:absolute; top:0px; left:0px;} .PiProList .BodyCom{ width:224px; height:27px; position:absolute; left:50%; margin-left:-112px; bottom:0px; filter:alpha(opacity=0); /*IE滤镜，透明度50%*/ -moz-opacity:0; /*Firefox私有，透明度50%*/ opacity:0;/*其他，透明度50%*/ } .PiProList .BodyCom a{ width:70px; height:25px; line-height:25px; text-align:center; border:1px solid #56A3F3; background:#14549B; display:block; float:left; margin:0px 1px;} .PiProList .BodyCom a.Lasts{ margin-right:0px;} .Probody{ width:100%; height:532px; position:relative;} .ProShow{ width:940px; height:710px; position:fixed; left:50%; margin-left:-470px; top:80px; background:#FFFFFF; z-index:2100;display:none; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; } .ProShow .title{ width:940px; height:80px; line-height:80px; border-bottom:1px solid #E8E8E8; text-align:center; font-size:24px; color:#333333;} .ProShow .bodys{ width:850px; height:525px;border-bottom:1px solid #E8E8E8; padding:45px; padding-top:30px;} .ProShow .closes{ width:43px; height:25px; position:absolute; top:0px; right:-43px; background:url(../image/close.jpg) no-repeat right center;} .ProBgs{ width:100%; height:100%; position:fixed; background:#032552; z-index:2000; top:0px; left:0px; display:none; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; } .Propers,.ProNexts{ width:50px; height:100px; position:absolute; display:block; top:50%; background:url(../image/sprites.png) no-repeat; } .Propers{left:20px; background-position:center left;} .ProNexts{ right:20px; background-position:center right;} /*---------------滚动条-------------------*/ #container { width: 850px; height: 425px; position: relative; overflow: hidden; } #ComBody { width: 830px; position: absolute; line-height:24px;left: 0; } #scrollBj { width: 5px; height: 425px; background-color: #CCC; position: absolute; right: 0px; -moz-border-radius: 5px; /* Gecko browsers */ -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */ } #scrolls { width: 5px; height: 20px; background-color: #0464B8; position: absolute; left: 0px; top: 0; cursor: pointer; -moz-border-radius: 5px; /* Gecko browsers */ -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; } /*--------------------------------------------*/ .JBdivBody{ width:1180px; height:100%; margin:0px auto; position:relative; } /*--------------------------------------------*/ .serviceTable{ width:806px; _height:1303px; min-height:1303px; border:1px solid #EBEBEB; padding:20px 45px; } .SerInput{width:358px; height:34px; border:1px solid #DBDBDB; color:#ccc; padding:3px 30px 0px 10px; line-height:34px; -moz-border-radius: 5px; /* Gecko browsers */ -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */ } .serviceTable .SerInput:hover{ border:1px solid #0C4DA1; } .Names{ background:url(../image/sr6_c5.jpg) no-repeat right top;} .Phones{ background:url(../image/sr6_c5.jpg) no-repeat right -72px;} .Email{ background:url(../image/sr6_c5.jpg) no-repeat right -144px;} .qq{ background:url(../image/sr6_c5.jpg) no-repeat right -216px;} .wx{ background:url(../image/sr6_c5.jpg) no-repeat right -288px;} .wh{ background:url(../image/sr6_c5.jpg) no-repeat right bottom;} .InpCompany{ background:url(../image/sr6_c7.jpg) no-repeat right top;} .Tel{ background:url(../image/sr6_c7.jpg) no-repeat right -72px;} .IcomNames{ background:url(../image/sr6_c7.jpg) no-repeat right -144px;} .skype{ background:url(../image/sr6_c7.jpg) no-repeat right -216px;} .whats{ background:url(../image/sr6_c7.jpg) no-repeat right bottom;} .xqjs{ width:798px; height:124px; background:url(../image/sr9_c7.jpg) no-repeat right top;} .other{ width:798px; height:124px; background:url(../image/sr9_c7.jpg) no-repeat right -228px;} .vist{ width:158px; height:34px;} .ins{ color:#FF8403;} .xqsm{ width:798px; height:124px;} .UserTable{ width:896px; height:auto; border:1px solid #EBEBEB; padding:70px 45px; } .SuerInput{width:298px; height:34px; border:1px solid #DBDBDB; padding-left:10px; -moz-border-radius: 5px; /* Gecko browsers */ -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */ } .UserTable .SuerInput:hover{ border:1px solid #0C4DA1; } .UserTitle{ font-size:24px; } .PassWord{background:url(../image/pass.jpg) no-repeat right center;} .UserVis{ width:140px;} .comBody{ width:878px; height:725px; padding:30px 0px 50px;} .comBody .titles{ width:876px; height:80px; line-height:60px; text-align:center; font-size:24px; float:left;} .comBody .lefts{ width:404px; height:583px; float:left; padding:22px 10px 22px 30px; margin-right:15px; border:1px solid #DBDBDB; background:#FFFFFF;} .comBody .topRight{ width:354px; height:302px; padding:26px 30px; float:left; border:1px solid #DBDBDB; background:#FFFFFF;margin-bottom:15px;} .comBody .BottomRight{ width:354px; height:204px;float:left;padding:26px 30px; border:1px solid #DBDBDB; background:#FFFFFF;} .zshzTable{ width:986px; height: auto; border:1px solid #EBEBEB; padding-bottom:40px; } .zshzs{ width:536px; height:122px;background:url(../image/sr9_c7.jpg) no-repeat right top;} /*---------------------------*/ .TabH1{ font-size:24px;} .TabH2{ font-size:20px;} .TabH3{ font-size:18px;} /*-------*/ .PorShows{ background:#FFFFFF;} .PorShowBody{ padding:33px 0px 77px; width:1170px; height:auto; background:#FFFFFF; margin:20px auto 50px;} .PorShowBody .title{ width:1170px; height:80px; line-height:80px; border-bottom:1px solid #E8E8E8; text-align:center; font-size:24px; color:#333333; margin-bottom:30px;} .ProIndex{ width:100%; height:auto;} .ProIndex *{box-sizing:border-box;} .ProIndex ul,.ProIndex li{ padding:0;list-style-type:none;word-wrap: break-word;} .ProIndex ul{ padding:3px; margin:0px;} .ProIndex li{ width:50%; margin:0px; height:auto; float:left; padding:3px; position:relative;} .ProIndex li .title{ width:calc(100% - 6px); height:62px; padding:6px; transform:translateY(0%); z-index:10; line-height:24px; position:absolute; bottom:3px; text-align:center; color:#fff; font-size:16px; } .ProIndex li .titles{width:calc(100% - 6px); height:62px; background:#00579A; opacity:0.8; position:absolute; bottom:6px;} .ProIndex li img{ width:100%; height:auto;} .ProIndex li a{ width:100%; height:100%; display:block; position:absolute; top:0; left:0; z-index:50;} .ProIndexs{ width:100%; height:auto;} .ProIndexs *{box-sizing:border-box;} .ProIndexs ul,.ProIndexs li{ padding:0;list-style-type:none;word-wrap: break-word;} .ProIndexs ul{ padding:3px;} .ProIndexs li{ width:50%; height:auto; float:left; padding:5px; position:relative;} .ProIndexs li .title{ width:calc(100% - 6px); height:auto; padding:3px; transform:translateY(-50%); z-index:10; line-height:24px; position:absolute; top:50%; text-align:center; color:#fff; font-size:16px; } .ProIndexs li .titles{width:calc(100% - 8px); height:calc(100% - 8px); background:#00579A; opacity:0.8; position:absolute; bottom:8px;} .ProIndexs li img{ width:100%; height:auto;} .ProIndexs li a{ width:100%; height:100%; display:block; position:absolute; top:0; left:0; z-index:50;} .listTop{ height: 0.85rem;width:100%;} .listBody{width:100%; min-height:150px; margin-bottom:20px; background:#FFFFFF; padding:5px;} .listBody a.lines{ width:100%; height:50px; display:block; border-bottom:1px dashed #ddd; line-height:50px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }