@charset "utf-8"; /**/ @font-face{ font-family:myfont; src:url("impact.ttf"); } * { margin:0;padding:0;border:0;} body { margin: 0px; background: #fff;font-size: 14px;color: #000;line-height: 24px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;} a {color: #000; text-decoration: none; transition:all 0.5s;} ul{ list-style:none;} img{ padding:0; border:0;} @media(min-width:900px) { #toptt{ width:100%; position:fixed; left:0; top:0; z-index:50; box-shadow:0 5px 5px rgba(0,0,0,0.1);} #topa{ width:100%; overflow:hidden; background:#00275e;} #topa .k{ width:1260px; margin:0 auto; line-height:40px; color:#fff;} #topa .k .a1{ float:left;} #topa .k .a2{ float:right; overflow:hidden;} #topa .k .a2 div.li{ float:left; margin-left:20px; overflow:hidden;} #topa .k .a2 div.li a{ display:block; color:rgba(255,255,255,0.5); line-height:40px; float:left;} #topa .k .a2 div.li a:hover{ color:#fff;} #topa .k .a2 div.li a img{ float:left;} #topa .k .a2 div.li span{ float:right; margin-top:16px; margin-left:5px;} #topa .k .a2 .lan{ position:absolute; width:110px; margin-top:38px; display:none;} #topa .k .a2 .lan a{ display:block; background:#00275e; color:#fff; text-align:center; width:110px; line-height:40px; float:inherit; border-top:solid 1px rgba(255,255,255,0.1)} #topa .k .a2 .lan a:hover{ background:#d6000f;} #top .k{ width:1260px; margin:0 auto; overflow:hidden;} #logo{ float:left;} #menu{ float:left; margin-left:36px; } #menu ul li{ float:left; margin-right:20px;} #menu ul li a{ font-size:18px; display:block; line-height:100px; background:url(image/b4.png) no-repeat right center; padding-right:16px;} #menu ul li a:hover,#menu ul li.it a{ color:#d6000f;} #menu ul li .zmenu{ position:absolute; background:url(image/line1.png) no-repeat left top/0% 3px rgba(255,255,255,0.9);box-shadow:0 5px 5px rgba(0,0,0,0.1); display:none; transition:background 0.5s;} #menu ul li .zmenu p a{ line-height:50px; padding:0 30px; font-size:14px; background:none;} #menu ul li .zmenu p a:hover{ background:#d6000f; color:#fff;} #mbtn{ display:none;} #close{ display:none;} #search{ float:right; margin-top:35px; cursor:pointer;} #search_con{ position:fixed; top:140px; left:0 ; background:rgba(0,0,0, 0.7); overflow:hidden; width:100%; z-index:20; height:200px; display:none;} #search_con .k{ width:800px; margin:80px auto 0 auto; overflow:hidden;} #search_con .k input{ width:648px; float:left; height:40px; background:none; line-height:40px; border:solid 1px #fff; text-indent:20px;transition:all 0.5s; color:#fff;} #search_con .k:hover input{ border:solid 1px #d6000f} #search_con .k button{ width:150px; height:42px; line-height:40px; background:#fff; color:#000; float:right; font-size:16px; cursor:pointer; transition:all 0.5s;} #search_con .k:hover button{ background:#d6000f; color:#fff;} #search_con .k span{ display:block; position:absolute; width:24px; height:24px; margin:-20px 0 0 800px; cursor:pointer; background:#d6000f; border-radius:50px;} #search_con .k img{ width:100%;} #top{ width:100%; background:rgba(255,255,255,0.9);} #top1{ width:100%; height:140px;} /*banner*/ .swiper-container { width: 100%;margin-left: auto;margin-right: auto;} .swiper-slide { text-align: center; font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center;justify-content: center;-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center;align-items: center;} .swiper-slide{ overflow:hidden;} .swiper-slide img { width:100%;} .PC_banner{ display:block;} .M_banner{ display:none;} #ind_pro{ width:100%; background:url(image/di1.jpg) no-repeat center top; overflow:hidden; height:780px;} #proa{ width:100%; overflow:hidden; height:780px; transition:all 0.5s;} #con{ width:1260px; margin:0 auto; overflow:hidden; text-align:right;} #con .a{ font-size:18px; line-height:30px; margin-top:140px;} #con .b{ font-size:40px; line-height:50px; font-weight:900;} #con .c{ overflow:hidden; margin-top:15px;} #con .c ul{ float:right;} #con .c ul li{ float:left; background:#00275e; float:left; width:33px; height:12px; margin-left:7px; cursor:pointer;} #con .d{ overflow:hidden;} #con .d ul li{ display:none;} #con .d ul li p.m1{ font-size:24px; line-height:50px; margin-top:35px;} #con .d ul li p.m2{ line-height:18px; margin-top:10px;} #con .d ul li p.m3{ overflow:hidden; margin-top:30px;} #con .d ul li p.m3 a{ display:block; border:solid 2px #00275e; width:94px; line-height:32px; float:right; text-align:center; border-radius:3px;} #con .d ul li p.m3 a:hover{ background:#d6000f; color:#fff; border:solid 2px #d6000f;} #ind_about{ width:100%; overflow:hidden; text-align:center;} #ind_about p.a1{ font-size:40px; font-weight:900; line-height:60px;} #ind_about p.a2{ font-size:18px; line-height:30px;} #ind_about p.a3{ font-size:14px; margin-top:20px;} #ind_about p.a4{ overflow:hidden; display:inline-block; margin-top:35px;} #ind_about p.a4 a{ display:block; float:left; width:116px; line-height:36px; border:solid 2px #d6000f; color:#d6000f; border-radius:3px; margin:0 5px;} #ind_about p.a4 a:hover{ background:#d6000f; color:#fff;} #ind_about p.a4 a.aa{ background:#d6000f; color:#fff;} #ind_about p.a4 a.aa:hover{ background:#00275e; border:solid 2px #00275e;} #ind_data{ width:100%; overflow:hidden; text-align:center; margin:80px 0;} #ind_data ul{ display:inline-block;} #ind_data ul li{ float:left; color:#00275e; margin:0 40px;} #ind_data ul li p.a1{ font-size:60px; line-height:70px; font-weight:900; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;} #ind_data ul li p.a1 sup{ color:#d6000f;} #ind_data ul li p.a2{ font-size:18px; line-height:30px;} #ind_zn{ width:100%; overflow:hidden; background:url(image/di2.jpg) no-repeat center top; height:669px;} #ind_zn p.tt1{ font-size:40px; line-height:60px; font-weight:900; color:#fff; text-align:center; margin-top:130px;} #ind_zn p.tt2{ font-size:18px; line-height:30px; color:#fff; text-align:center; letter-spacing:7px;} #ind_tec{ width:100%; margin:50px auto 0 auto; overflow:hidden; text-align:center;} #ind_tec ul{ display:inline-block;} #ind_tec ul li{ float:left; margin:0 10px;} #ind_tec ul li a{ display:block; border:solid 1px #fff; width:359px; height:249px; color:#fff; margin-top:10px;} #ind_tec ul li a img{ margin-top:20px;} #ind_tec ul li a p.a1{ font-size:24px; line-height:40px;} #ind_tec ul li a:hover{ background:rgba(0,39,94,0.8); margin-top:0px;} #ind_apply{ width:100%; text-align:center; overflow:hidden; padding-bottom:80px;} #ind_apply p.tt1{ font-size:40px; font-weight:900; line-height:60px; margin-top:90px;} #ind_apply p.tt2{} #ind_apply_con{ width:1260px; margin:35px auto 0 auto;} #ind_apply_con .left{ float:left; width:723px;} #ind_apply1{ width:100%; overflow:hidden;} #ind_apply1 ul{ width:10000px; transition:all 0.5s;} #ind_apply1 ul li{ float:left;} #ind_apply_btn{ width:723px; text-align:center; position:absolute; z-index:20; margin-top:-70px;} #ind_apply_btn ul{ display:inline-block} #ind_apply_btn ul li{ float:left; width:156px; line-height:50px; background:#f7f7f7; margin:0 5px; cursor:pointer; border-radius:3px;} #ind_apply_con .right{ float:right; width:527px;} #ind_apply2{ background:#00275e; text-align:left; width:100%; height:221px; overflow:hidden;} #ind_apply2 ul li{ padding:48px 40px 0px 40px; color:#fff; display:none;} #ind_apply2 ul li a{ display:block; border:solid 2px #fff; border-radius:3px; color:#fff; line-height:28px; width:80px; text-align:center; margin-top:27px;} #ind_apply2 ul li a:hover{ background:#d6000f; border:solid 2px #d6000f;} #ind_apply_con .right .k1{ width:100%; overflow:hidden; margin-top:10px;} #ind_apply3{ float:left; overflow:hidden; width:258px; height:254px;} #ind_apply3 ul{ transition:all 0.5s;} #ind_apply3 ul li{display:block; overflow:hidden;} #ind_apply4{ float:right; overflow:hidden; width:258px; height:254px;} #ind_apply4 ul{ width:10000px; transition:all 0.5s;} #ind_apply4 ul li{display:block; float:left;} #ind_brand{ width:100%; overflow:hidden; background:url(image/di3.jpg) no-repeat center top; height:579px;} #ind_brand .k{ width:1260px; margin:124px auto 0 auto; overflow:hidden;} #ind_brand .left{ float:left; width:340px; height:330px; background:rgba(214,0,15,0.9); overflow:hidden; text-align:center; color:#fff;} #ind_brand .left p.a1{ font-size:40px; line-height:60px; font-weight:900; margin-top:85px;} #ind_brand .left p.a2{ font-size:18px; line-height:30px;} #ind_brand .left p.a3{ overflow:hidden; margin-top:36px;} #ind_brand .left p.a3 a{ display:block; width:100px; line-height:32px; color:#fff; border:solid 2px #fff; border-radius:3px; margin:0 auto; overflow:hidden;} #ind_brand .left p.a3 a:hover{ width:120px; background:#fff; color:#000;} #ind_brand .right{ float:right; width:920px; overflow:hidden;} #ind_brand .right ul li{ float:left; color:#fff; width:220px; height:160px; text-align:center; margin:0 0 10px 10px; cursor: pointer; transition:all 0.5s;} #ind_brand .right ul li p{ padding-top:110px; font-size:16px;} #ind_brand .right ul li.a1{ background:url(image/c1.png) no-repeat center -20px/100% auto rgba(0,0,0,0.3);} #ind_brand .right ul li.a1:hover{ background:url(image/c1.png) no-repeat center -20px/100% auto #d6000f;} #ind_brand .right ul li.a2{ background:url(image/c2.png) no-repeat center -20px/100% auto rgba(0,0,0,0.3);} #ind_brand .right ul li.a2:hover{ background:url(image/c2.png) no-repeat center -20px/100% auto #d6000f;} #ind_brand .right ul li.a3{ background:url(image/c3.png) no-repeat center -20px/100% auto rgba(0,0,0,0.3);} #ind_brand .right ul li.a3:hover{ background:url(image/c3.png) no-repeat center -20px/100% auto #d6000f;} #ind_brand .right ul li.a4{ background:url(image/c4.png) no-repeat center -20px/100% auto rgba(0,0,0,0.3);} #ind_brand .right ul li.a4:hover{ background:url(image/c4.png) no-repeat center -20px/100% auto #d6000f;} #ind_brand .right ul li.a5{ background:url(image/c5.png) no-repeat center -20px/100% auto rgba(0,0,0,0.3);} #ind_brand .right ul li.a5:hover{ background:url(image/c5.png) no-repeat center -20px/100% auto #d6000f;} #ind_brand .right ul li.a6{ background:url(image/c6.png) no-repeat center -20px/100% auto rgba(0,0,0,0.3);} #ind_brand .right ul li.a6:hover{ background:url(image/c6.png) no-repeat center -20px/100% auto #d6000f;} #ind_brand .right ul li.a7{ background:url(image/c7.png) no-repeat center -20px/100% auto rgba(0,0,0,0.3);} #ind_brand .right ul li.a7:hover{ background:url(image/c7.png) no-repeat center -20px/100% auto #d6000f;} #ind_brand .right ul li.a8{ background:url(image/c8.png) no-repeat center -20px/100% auto rgba(0,0,0,0.3);} #ind_brand .right ul li.a8:hover{ background:url(image/c8.png) no-repeat center -20px/100% auto #d6000f;} #ind_method{ width:100%; overflow:hidden; text-align:center;} #ind_method p.tt1{ font-size:40px; font-weight:900; line-height:60px; margin-top:90px;} #ind_method p.tt2{ padding-top:10px;} #ind_method_btn{ width:100%; text-align:center; overflow:hidden; margin-top:50px; padding-bottom:110px;} #ind_method_btn ul{ display:inline-block;} #ind_method_btn ul li{ float:left; width:214px; margin:0 10px;} #ind_method_btn ul li a{ display:block; line-height:18px; border:solid 1px #eee; height:172px;} #ind_method_btn ul li a p{ margin-top:120px; font-size:16px;} #ind_method_btn ul li a.a1{ background:url(image/e1.png) no-repeat 0 -20px #fff;} #ind_method_btn ul li a.a1:hover{ background:url(image/e1.png) no-repeat 100% -20px #d6000f; color:#fff; border:solid 1px #d6000f;} #ind_method_btn ul li a.a2{ background:url(image/e2.png) no-repeat 0 -20px #fff;} #ind_method_btn ul li a.a2:hover{ background:url(image/e2.png) no-repeat 100% -20px #d6000f; color:#fff; border:solid 1px #d6000f;} #ind_method_btn ul li a.a3{ background:url(image/e3.png) no-repeat 0 -20px #fff;} #ind_method_btn ul li a.a3:hover{ background:url(image/e3.png) no-repeat 100% -20px #d6000f; color:#fff; border:solid 1px #d6000f;} #ind_method_btn ul li a.a4{ background:url(image/e4.png) no-repeat 0 -20px #fff;} #ind_method_btn ul li a.a4:hover{ background:url(image/e4.png) no-repeat 100% -20px #d6000f; color:#fff; border:solid 1px #d6000f;} #ind_method_btn ul li a.a5{ background:url(image/e5.png) no-repeat 0 -20px #fff;} #ind_method_btn ul li a.a5:hover{ background:url(image/e5.png) no-repeat 100% -20px #d6000f; color:#fff; border:solid 1px #d6000f;} #ind_sale{ width:100%; background:url(image/di4.jpg) no-repeat center top; overflow:hidden; text-align:center;} #ind_sale p.tt{ font-size:40px; line-height:60px; font-weight:900; color:#fff; padding-top:96px;} #ind_sale_may{ width:1260px; margin:0 auto; overflow:hidden; background:url(image/map1.png) no-repeat center top; margin-bottom:60px;} .map_con .btn{ width:40px; height:30px; background:rgba(0,0,0,0); border:solid 0px; cursor:pointer; display:block;} .map_con .con{ position:absolute; white-space:nowrap; display:none;} .map_con .con p.cc{ background:#fff; padding:0 20px; line-height:40px; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-right-radius:10px;box-shadow:0 5px 5px rgba(0,0,0,0.2);margin-top:-40px; } .map_con .con p.cc span{ font-weight:900; color:#d6000f; font-size:18px; line-height:30px;} .map_con .con p.bit{ text-align:left;} .map_con .con p.bit img{ height:10px; margin-left:10px;} #map1{ position:absolute; margin:-430px 0 0 141px; z-index:1;} #map2{ position:absolute; margin:-345px 0 0 112px; z-index:1;} #map3{ position:absolute; margin:-287px 0 0 141px; z-index:1;} #map4{ position:absolute; margin:-328px 0 0 195px; z-index:1;} #map5{ position:absolute; margin:-322px 0 0 235px; z-index:1;} #map6{ position:absolute; margin:-333px 0 0 295px; z-index:1;} #map7{ position:absolute; margin:-299px 0 0 279px; z-index:1;} #map8{ position:absolute; margin:-238px 0 0 208px; z-index:1;} #map9{ position:absolute; margin:-185px 0 0 189px; z-index:1;} #map10{ position:absolute; margin:-123px 0 0 181px; z-index:1; } #map11{ position:absolute; margin:-320px 0 0 393px; z-index:1;} #map12{ position:absolute; margin:-278px 0 0 352px; z-index:1;} #map13{ position:absolute; margin:-278px 0 0 440px; z-index:1;} #map14{ position:absolute; margin:-324px 0 0 935px; z-index:1; } #map15{ position:absolute; margin:-385px 0 0 423px; z-index:1; } #map15 .con{ margin-top:-50px;} #map15 .con .cc{ line-height:18px; padding:10px 20px; text-align:left;} #map16{ position:absolute; margin:-317px 0 0 486px; z-index:1;} #map16 .con{ margin-top:-52px;} #map16 .con .cc{ line-height:18px; padding:10px 20px; text-align:left;} #map16 .btn{ width:80px;} #map17{ position:absolute; margin:-208px 0 0 455px; z-index:1;} #map18{ position:absolute; margin:-468px 0 0 895px; z-index:1;} #map19{ position:absolute; margin:-382px 0 0 928px; z-index:1;} #map20{ position:absolute; margin:-307px 0 0 1018px; z-index:1;} #map21{ position:absolute; margin:-261px 0 0 1051px; z-index:1;} #map22{ position:absolute; margin:-206px 0 0 1090px; z-index:1;} #map23{ position:absolute; margin:-151px 0 0 1040px; z-index:1;} #map24{ position:absolute; margin:-115px 0 0 1083px; z-index:1;} #map25{ position:absolute; margin:-459px 0 0 253px; z-index:1;} #map26{ position:absolute; margin:-148px 0 0 546px; z-index:1;} #bottom{ width:100%; background:#00275e; overflow:hidden;} #bottom .k{ width:1260px; margin:50px auto 0 auto; overflow:hidden; color:#fff;} #bottom .k ul li{ float:left;} #bottom .k ul li.a1{ width:130px} #bottom .k ul li.a2{ width:170px} #bottom .k ul li.a3{ width:170px} #bottom .k ul li.a4{ width:130px} #bottom .k ul li.a5{ width:180px} #bottom .k ul li.a6{ width:170px; line-height:18px;} #bottom .k ul li.a6 img{ margin-bottom:10px; margin-top:5px;} #bottom .k ul li p.tt{ font-size:16px; line-height:40px;} #bottom .k ul li a{ color:#fff; background:url(image/line.png) no-repeat left bottom/0% 1px;} #bottom .k ul li a:hover{background:url(image/line.png) no-repeat left bottom/100% 1px;} #copyright{ width:1260px; margin:50px auto 0 auto; overflow:hidden; line-height:60px; border-top:solid 1px #1a3d6e; color:#fff; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; } #mbottom{ display:none;} #mbottom1{ display:none;} #aboutpic{ width:100%; overflow:hidden;} #aboutpic img{ width:100%;} #aboutmenu{ width:100%; text-align:center; position:absolute; z-index:2; margin-top:-50px;} #aboutmenu ul{ display:inline-block;} #aboutmenu ul li{ float:left; margin:0 5px;} #aboutmenu ul li a{ display:block; line-height:40px; background:#fff; border-radius:3px; padding:0 30px;} #aboutmenu ul li a:hover,#aboutmenu ul li.it a{ background:#d6000f; color:#fff;} #title{ width:100%; text-align:center; font-size:36px; line-height:50px; font-weight:900; padding-top:60px;} #about1{ text-align:center; line-height:30px; padding-top:20px; overflow:hidden;} #about_data{ width:100%; overflow:hidden; text-align:center; margin:30px 0 60px 0;} #about_data ul{ display:inline-block;} #about_data ul li{ float:left; color:#00275e; margin:0 40px;} #about_data ul li p.a1{ font-size:60px; line-height:70px; font-weight:900; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;} #about_data ul li p.a1 sup{ color:#d6000f;} #about_data ul li p.a2{ font-size:18px; line-height:30px;} #about2{ width:100%; background:#f7f7f7; overflow:hidden;} #about2 .k{ width:1260px; margin:40px auto; overflow:hidden;} #about2 .k .left{ width:550px; float:left; line-height:30px; margin-top:50px;} #about2 .k .right{ float:right; width:630px;} /*banner*/ .company { width: 100%;margin-left: auto;margin-right: auto;} .company .swiper-slide { text-align: center; font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center;justify-content: center;-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center;align-items: center;} .company .swiper-slide{ overflow:hidden;} .company .swiper-slide img {width:630px;} #about3{ width:100%; background:#eee; overflow:hidden;} #about3 .k{ width:1260px; margin:40px auto; overflow:hidden} #about3 .k .left{ float:left;} #about3 .k .right{ float:right; width:540px; line-height:30px; padding-top:30px;} #about4{ width:1260px; margin:0 auto; overflow:hidden; font-size:36px; line-height:60px; padding-top:60px; font-weight:900;} #history{ width:1260px; margin:25px auto 80px auto; overflow:hidden; background:url(image/hline.png) no-repeat 10px top/4px 100%; padding-top:20px;} #history ul li{ overflow:hidden;} #history ul li .date{ float:left; transition:color 0.5s; width:180px; overflow:hidden; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:36px; color:#ccc; font-weight:900; line-height:36px;} #history ul li .date p{ width:16px; transition:border 0.5s; height:16px; background:#fff; border:solid 5px #eee; border-radius:20px; float:left; margin-right:20px; margin-top:5px;} #history ul li .date p span{ display:block; width:8px; height:8px; border-radius:5px; background:#d6000f; margin:4px auto;} #history ul li .li{ width:1050px; float:right; overflow:hidden; border-bottom:solid 1px #eee; padding-bottom:30px; margin-bottom:30px;} #history ul li .li dl dd{ width:45%; float:left;} #history ul li .li dl dd.it1{ width:55%; float:left;} #history ul li .li dl dd.it2{ width:100%; float:left;} #history ul li .li dl dd span{ width:6px; height:6px; background:#999; border-radius:6px; display:block; float:left; margin-right:10px; margin-top:10px;} #history ul li:hover .date{ color:#d6000f} #history ul li:hover .date p{ border:solid 5px #d6000f} #culture{ width:1260px; margin:40px auto 60px auto; overflow:hidden;} #culture .a1{ width:300px; float:left;} #culture .a1 .b1{ width:300px; height:180px; text-align:center; background:#eee; margin-bottom:20px;} #culture .a1 .b1 .tt{ font-size:24px; font-weight:900; line-height:40px; padding-top:50px;} #culture .a1 .b1 .cc{ font-size:16px; } #culture .a1 .b2{ width:300px; height:180px; text-align:center; background:url(culture/culture1.jpg) no-repeat center/100%; color:#fff; margin-bottom:20px;} #culture .a1 .b2 .tt{ font-size:24px; font-weight:900; line-height:40px; padding-top:50px;} #culture .a1 .b2 .cc{ font-size:16px; } #culture .a2{ float:left; margin-left:20px;} #culture .a3{ width:300px; float:left; margin-left:20px;} #culture .a3 .b1{ width:300px; height:180px; text-align:center; background:url(culture/culture3.jpg) no-repeat center/100%; color:#fff; margin-bottom:20px;} #culture .a3 .b1 .tt{ font-size:24px; font-weight:900; line-height:40px; padding-top:50px;} #culture .a3 .b1 .cc{ font-size:16px; } #culture .a3 .b2{ width:300px; height:180px; text-align:center; background:#eee; margin-bottom:20px;} #culture .a3 .b2 .tt{ font-size:24px; font-weight:900; line-height:40px; padding-top:50px;} #culture .a3 .b2 .cc{ font-size:16px; } #culture1{ width:1260px; margin:0 auto 100px auto; overflow:hidden;} #culture1 ul{ width:1300px;} #culture1 ul li{ float:left; width:300px; height:180px; margin-right:20px;} #culture1 ul li.a1{ width:300px; height:180px; text-align:center; background:#d6000f; color:#fff;} #culture1 ul li.a1 p.tt{ font-size:24px; font-weight:900; line-height:40px; padding-top:50px;} #culture1 ul li.a1 p.cc{ font-size:16px; } #culture1 ul li.a2{ width:300px; height:180px; text-align:center; background:#eee; color:#fff;} #culture1 ul li.a3{ width:300px; height:180px; text-align:center; background:#00275e; color:#fff;} #culture1 ul li.a3 p.tt{ font-size:24px; font-weight:900; line-height:40px; padding-top:50px;} #culture1 ul li.a3 p.cc{ font-size:16px; } #culture1 ul li.a4{ width:300px; height:180px; text-align:center; background:url(culture/culture2.jpg); color:#fff;} #honor_k{ width:100%; overflow:hidden; background:#f7f7f7;} #honor{ width:1290px; margin:30px auto 0 auto; overflow:hidden;} #honor ul{ width:1300px;} #honor ul li{ float:left; margin:0 15px 40px 15px;} #honor ul li a{ display:block; background:#fff; padding:20px 20px 0px 20px; font-size:16px; text-align:center; line-height:60px; box-shadow:0 0px 8px rgba(0,0,0,0);} #honor ul li a:hover{ color:#d6000f; box-shadow:0 8px 10px rgba(0,0,0,0.2);} #page{ width:100%; text-align:center; overflow:hidden; margin:40px auto 100px auto;} #page ul{ display:inline-block; overflow:hidden;} #page ul li{ float:left; margin:10px 5px;} #page ul li a{ display:block; line-height:50px; padding:0 30px; background:#fff; border-radius:3px;} #page ul li a:hover{ background:#e11931; color:#fff; box-shadow:0 6px 3px rgba(0,0,0,0.1)} #page ul li a.it{ background:#e11931; color:#fff; box-shadow:0 2px 3px rgba(0,0,0,0.1)} #page1{ width:100%; text-align:center; overflow:hidden; margin:40px auto 100px auto;} #page1 ul{ display:inline-block; overflow:hidden;} #page1 ul li{ float:left; margin:10px 5px;} #page1 ul li a{ display:block; line-height:50px; padding:0 30px; background:#f7f7f7; border-radius:3px;} #page1 ul li a:hover{ background:#e11931; color:#fff; box-shadow:0 6px 3px rgba(0,0,0,0.1)} #page1 ul li a.it{ background:#e11931; color:#fff; box-shadow:0 2px 3px rgba(0,0,0,0.1)} #golbal_may{ width:1260px; margin:0 auto; overflow:hidden; background:url(image/map3.png) no-repeat center top; margin-bottom:60px;} #golbal{ width:1260px; margin:0 auto 80px auto; overflow:hidden;} #golbal ul{ width:1300px;} #golbal ul li{ float:left; background:#f7f7f7; margin-right:10px; height:230px; overflow:hidden; padding-left:30px; padding-top:30px;} #golbal ul li p.tt{ font-size:18px; font-weight:900; line-height:50px;} #golbal ul li.a1{ width:370px;} #golbal ul li.a2{ width:260px;} #golbal ul li.a3{ width:240px;} #golbal ul li.a3 span{ display:block; width:50%; float:left;} #golbal ul li.a4{ width:240px;} #golbal ul li.a4 span{ display:block; width:50%; float:left;} #rd{ width:1260px; margin:30px auto 0 auto; overflow:hidden;} #rd1{ width:1260px; margin:40px auto 80px auto; overflow:hidden;} #rd1 p.a1{ float:left;} #rd1 p.a2{ float:right;} #rd2{ width:100%; overflow:hidden; background:#f7f7f7;} #rd2 p.tt{ font-size:30px; text-align:center; overflow:hidden; line-height:50px; padding-top:60px; color:#d6000f; font-weight:900;} #rd2 .k{ width:1260px; margin:40px auto 80px auto; overflow:hidden;} #rd2 .k .left{ float:left; width:550px; height:340px; background:#fff; padding:30px;} #rd2 .k .left p.tk{ font-size:18px; font-weight:900; line-height:40px;} #rd2 .k .right{ float:right; width:550px; height:340px; background:#fff; padding:30px;} #rd2 .k .right p.tk{ font-size:18px; font-weight:900; line-height:40px;} #news_btn{ width:100%; overflow:hidden; text-align:center; margin:26px auto 30px auto;} #news_btn ul{ display:inline-block;} #news_btn ul li{ float:left; margin:0 5px;} #news_btn ul li a{ display: block; border:solid 2px #eee; border-radius:3px; line-height:36px; padding:0 32px; background:#fff; } #news_btn ul li a:hover{ background:#d6000f; color:#fff; border:solid 2px #d6000f;} #news_btn ul li a.it{ background:#d6000f; color:#fff; border:solid 2px #d6000f;} #news1{ width:1220px; background:#f7f7f7; margin:0 auto; overflow:hidden; padding:20px;} #news1 .left{ float:left;} #news1 .right{ float:right; width:550px; margin-right:20px;} #news1 .right p.a1{ color:#d6000f; line-height:40px;} #news1 .right p.a2 a{ font-size:22px; line-height:26px; font-weight:900;} #news1 .right p.a2 a:hover{ color:#d6000f} #news1 .right p.a3{ line-height:50px;} #news1 .right p.a4{} #news1 .right p.a5{ margin-top:40px;} #news1 .right p.a5 a{ display:block; line-height:28px; width:80px; border-radius:3px; border:solid 2px #00275e; text-align:center; color:#00275e; font-size:12px;} #news1 .right p.a5 a:hover{ background:#d6000f; color:#fff; border:solid 2px #d6000f; width:100px;} #news2{ width:1260px; margin:50px auto 80px auto; overflow:hidden;} #news2 ul{ width:1300px;} #news2 ul li{ float:left; width:300px; margin-right:20px; background:url(image/hline.png) no-repeat left bottom/100% 5px;} #news2 ul li a{ display:block; background:url(image/line1.png) no-repeat left bottom/0% 5px;} #news2 ul li a p.a1{ font-size:18px; line-height:24px; font-weight:900; height:48px; overflow:hidden;} #news2 ul li a p.a2{ color:#d6000f; padding-bottom:16px;} #news2 ul li a p.a3{ padding-bottom:25px;} #news2 ul li a:hover{ background:url(image/line1.png) no-repeat left bottom/100% 5px;} #news2 ul li a:hover p.a1{ color:#d6000f;} #news3{ width:100%; background:#f7f7f7; overflow:hidden; text-align:center; padding-bottom:80px;} #news3 p.tt{ font-size:30px; font-weight:900; line-height:60px; padding-top:50px; text-align:center; overflow:hidden;} #news3 ul{ display:inline-block; margin-top:40px;} #news3 ul li{ float:left; width:400px; margin:0 15px;} #news3 ul li a{ display:block; background:#fff; text-align:left; padding-bottom:20px;} #news3 ul li a p.pic{ overflow:hidden;} #news3 ul li a p.pic img{ width:100%; transition:all 0.5s;} #news3 ul li a .con{ padding:20px;} #news3 ul li a .con p.a1{ line-height:18px;} #news3 ul li a .con p.a2{ font-size:18px; font-weight:900; height:48px;} #news3 ul li a .con p.a3{ padding-top:10px;} #news3 ul li a:hover p.pic img{ transform:scale(1.15);} #news3 ul li a:hover{ background:#d6000f; color:#fff;} #news4{ width:100%; background:url(image/news5.jpg) no-repeat center; overflow:hidden; text-align:center; padding-bottom:80px;} #news4 p.tt{ font-size:30px; font-weight:900; line-height:60px; padding-top:50px; text-align:center; overflow:hidden; color:#fff;} #news4 ul{ display:inline-block; margin-top:40px;} #news4 ul li{ float:left; width:400px; margin:0 15px;} #news4 ul li a{ display:block; background:rgba(255,255,255,0.1); text-align:left; padding-bottom:20px; color:#fff;} #news4 ul li a .con{ padding:20px;} #news4 ul li a .con p.a1{ line-height:18px;} #news4 ul li a .con p.a2{ font-size:18px; font-weight:900; height:48px;} #news4 ul li a .con p.a3{ padding-top:10px;} #news4 ul li a:hover{ background:#d6000f; color:#fff;} #news5{ width:100%; background:#fff; overflow:hidden; text-align:center; padding-bottom:80px;} #news5 p.tt{ font-size:30px; font-weight:900; line-height:60px; padding-top:50px; text-align:center; overflow:hidden;} #news5 ul{ display:inline-block; margin-top:40px;} #news5 ul li{ float:left; width:400px; margin:0 15px;} #news5 ul li a{ display:block; background:#fff; text-align:left; padding-bottom:20px; border:solid 1px #eee;} #news5 ul li a .con{ padding:20px;} #news5 ul li a .con p.a1{ line-height:30px; color:#d6000f;} #news5 ul li a .con p.a2{ font-size:18px; font-weight:900; height:48px;} #news5 ul li a .con p.a3{ padding-top:10px;} #news5 ul li a:hover{ background:#d6000f; color:#fff;} #news5 ul li a:hover .con p.a1{ color:#fff;} #news{ width:1260px; margin:50px auto 0 auto; overflow:hidden;} #news ul{ background:url(image/hline.png) no-repeat 30px top/4px 100%;} #news ul li{ overflow:hidden; padding:20px 0;} #news ul li a{ display:block; overflow:hidden;} #news ul li a .left{ width:70px; float:left;} #news ul li a .left p{ width:10px; height:10px; border:solid 5px #999; border-radius:50%; margin-left:22px; background:#fff; transition:all 0.5s;} #news ul li a:hover .left p{border:solid 5px #e11931;} #news ul li a .right{ float:right; width:1190px; border-bottom:solid 1px #ddd; padding-bottom:30px;} #news ul li a .right .data{ overflow:hidden; font-size:16px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#999; padding-bottom:20px;} #news ul li a:hover .right .data{ color:#e11931;} #news ul li a .right .list{ overflow:hidden;} #news ul li a .right .list .pic{ float:left; width:380px; margin-right:50px; overflow:hidden;} #news ul li a .right .list .pic img{ width:100%; transition:all 0.5s;} #news ul li a:hover .right .list .pic img{ transform:scale(1.15);} #news ul li a .right .list .con{ overflow:hidden;} #news ul li a .right .list .con p.tt{ font-size:18px; font-weight:900; padding-bottom:20px; padding-top:10px;} #news ul li a .right .list .con p.cc{ color:#666;} #news ul li a .right .list .con p.more{ background:#f7f7f7; border-radius:3px; width:100px; text-align:center; line-height:36px; margin-top:60px; transition:all 0.5s;} #news ul li a:hover .right .list .con p.more{ background:#d6000f; color:#fff; width:120px;} #pro1{ width:100%; background:url(image/prodi1.jpg) no-repeat center top #eee; overflow:hidden;} #pro1 .tt{ text-align:center; color:#fff; width:100%;} #pro1 .tt p.a1{ font-size:18px; line-height:60px; padding-top:90px;} #pro1 .tt p.a2{ font-size:40px; font-weight:900; line-height:50px;} #pro_btn_choice{ display:none;} #promenu{ width:100%; overflow:hidden; text-align:center; margin-top:50px;} #promenu ul{ display:inline-block;} #promenu ul li{ float:left; margin:0 5px;} #promenu ul li a{ display:block; line-height:36px; padding:0 22px; border:solid 2px #fff; border-radius:3px; color:#fff; } #promenu ul li a:hover{ background:#fff; color:#d6000f;} #promenu ul li a.it{ background:#d6000f; color:#fff; border:solid 2px #d6000f;} #promenu ul li.close{ display:none;} #pro2{ width:100%; overflow:hidden; text-align:center; margin-top:70px;} #pro2 ul{ display:inline-block;} #pro2 ul li{ width:400px; margin:0 15px; background:url(image/prodi2.png) no-repeat center top; text-align:right; float:left;transition:all 0.5s;} #pro2 ul li p.a1{ font-size:16px; font-weight:600; color:#d6000f; padding:30px 30px 0 0;} #pro2 ul li p.a2{ font-size:24px; line-height:40px; padding-right:30px;} #pro2 ul li p.a3{ overflow:hidden; padding-right:30px; margin-top:25px;} #pro2 ul li p.a3 a{ display:block; color:#00275e; line-height:26px; border:solid 2px #e4f3fa; border-radius:3px; float:right; padding:0 15px; margin-left:10px; font-size:12px;} #pro2 ul li p.a3 a.b2{ background:#e4f3fa;} #pro2 ul li:hover{background:url(image/prodi3.png) no-repeat center top; color:#fff;} #pro2 ul li:hover p.a1{ color:#fff;} #pro2 ul li:hover p.a3 a{ color:#fff; border:solid 2px rgba(255,255,255,0.2);} #pro2 ul li:hover p.a3 a.b2{ background:rgba(255,255,255,0.2);} #pro2 ul li:hover p.a3 a:hover{ color:#fff; background:#d6000f; border:solid 2px #d6000f;} #pro3{ width:1260px; margin:90px auto 80px auto; overflow:hidden;} #pro3 .left{ float:left ; width:430px; overflow:hidden;} #pro_btn1{ width:428px; height:410px; background:url(image/spro4.jpg) no-repeat left bottom; border:solid 1px #eee; margin-bottom:20px;} #pro_btn1 p.a1{ font-size:24px; line-height:50px; color:#d6000f; padding:30px 30px 0 30px;} #pro_btn1 p.a2{ padding:0px 30px 0 30px;} #pro_btn1 p.a3{ padding:26px 30px 0 30px;} #pro_btn1 p.a3 a{ display:block; width:80px; line-height:30px; font-size:12px; color:#00275e; background:#f1f9fc; border-radius:3px; text-align:center;} #pro_btn1 p.a3 a:hover{ background:#d6000f; color:#fff; width:100px;} #pro_btn2{ width:428px; height:410px; background:url(image/spro5.jpg) no-repeat left bottom; border:solid 1px #eee;} #pro_btn2 p.a1{ font-size:24px; line-height:50px; color:#d6000f; padding:30px 30px 0 30px;} #pro_btn2 p.a2{ padding:0px 30px 0 30px;} #pro_btn2 p.a3{ padding:26px 30px 0 30px;} #pro_btn2 p.a3 a{ display:block; width:80px; line-height:30px; font-size:12px; color:#00275e; background:#f1f9fc; border-radius:3px; text-align:center;} #pro_btn2 p.a3 a:hover{ background:#d6000f; color:#fff; width:100px;} #pro3 .right{ float:right ; width:808px; overflow:hidden;} #pro_btn3{ width:806px; height:312px; background:url(image/spro6.jpg) no-repeat 90% center; border:solid 1px #eee; margin-bottom:20px;} #pro_btn3 p.a1{ font-size:24px; line-height:50px; color:#d6000f; padding:50px 30px 0 30px;} #pro_btn3 p.a2{ padding:0px 30px 0 30px;} #pro_btn3 p.a3{ padding:30px 30px 0 30px;} #pro_btn3 p.a3 a{ display:block; width:80px; line-height:30px; font-size:12px; color:#00275e; background:#f1f9fc; border-radius:3px; text-align:center;} #pro_btn3 p.a3 a:hover{ background:#d6000f; color:#fff; width:100px;} #pro_btn4{ width:806px; height:314px; background:url(image/spro7.jpg) no-repeat 10% center; border:solid 1px #eee; margin-bottom:20px;} #pro_btn4 p.a1{ font-size:24px; line-height:50px; color:#d6000f; padding:50px 30px 0 520px;} #pro_btn4 p.a2{ padding:0px 30px 0 520px;} #pro_btn4 p.a3{ padding:30px 30px 0 520px;} #pro_btn4 p.a3 a{ display:block; width:80px; line-height:30px; font-size:12px; color:#00275e; background:#f1f9fc; border-radius:3px; text-align:center;} #pro_btn4 p.a3 a:hover{ background:#d6000f; color:#fff; width:100px;} #pro_btn5{ width:806px; height:174px; background:url(image/spro8.jpg) no-repeat 398px center; border:solid 1px #eee; margin-bottom:20px;} #pro_btn5 p.a1{ font-size:24px; line-height:50px; color:#d6000f; padding:10px 30px 0 30px;} #pro_btn5 p.a2{ padding:0px 30px 0 30px;} #pro_btn5 p.a3{ padding:30px 30px 0 30px;} #pro_btn5 p.a3 a{ display:block; width:80px; line-height:30px; font-size:12px; color:#00275e; background:#f1f9fc; border-radius:3px; text-align:center;} #pro_btn5 p.a3 a:hover{ background:#d6000f; color:#fff; width:100px;} #pro1a{ width:100%; background:url(image/prodi1.jpg) no-repeat center -150px #eee; overflow:hidden; height:370px;} #pro1a .tt{ text-align:center; color:#fff; width:100%;} #pro1a .tt p.a1{ font-size:18px; line-height:60px; padding-top:90px;} #pro1a .tt p.a2{ font-size:40px; font-weight:900; line-height:50px;} #pro_bread{ width:100%; background:#fff; overflow:hidden;} #pro_bread .k{ width:1260px; margin:0 auto; overflow:hidden;} #pro_bread .k .left{ float:left; line-height:60px;} #pro_bread .k .left img{ vertical-align:middle; margin-right:5px; margin-bottom:4px;} #pro_bread .k .right{ float:right;} #pro_bread .k .right ul li{ float:left; margin-left:20px;} #pro_bread .k .right ul li a{ display:block; line-height:60px; background:url(image/line1.png) no-repeat left 70%/0 2px;} #pro_bread .k .right ul li a:hover{background:url(image/line1.png) no-repeat left 70%/100% 2px;} #pro_bread .k .right ul li a.it{background:url(image/line1.png) no-repeat left 70%/100% 2px;} #prolist{ width:1290px; margin:10px auto 0 auto; overflow:hidden;} #prolist ul{} #prolist ul li{ float:left; margin:50px 15px 20px 15px; width:400px;} #prolist ul li a{ display:block; line-height:60px; text-align:center; background:#fff; font-size:16px; box-shadow:0 0px 10px rgba(0,0,0,0);} #prolist ul li a:hover{ background:#d6000f; color:#fff; box-shadow:0 8px 10px rgba(0,0,0,0.3);} #probig{ width:100%; overflow:hidden; background:url(image/probigdi.jpg) no-repeat center top; height:805px;} #probig_tt{ width:100%; text-align:center; color:#fff; } #probig_tt p.a1{ font-size:30px; line-height:60px;font-weight:900; margin-top:60px;} #probig_tt p.a2{} #probig_tt p.a3{ display:inline-block; margin-top:26px;} #probig_tt p.a3 a{ display:block; color:#fff; float:left; margin:0 5px; width:126px; line-height:32px; } #probig_tt p.a3 a.b1{border:solid 2px #fff; border-radius:3px;} #probig_tt p.a3 a.b1:hover{ background:#d6000f; border:solid 2px #d6000f;} #probig_tt p.a3 a.b2{border:solid 2px #d6000f; border-radius:3px; background:#d6000f;} #probig_tt p.a3 a.b2:hover{ border:solid 2px #00275e; background:#00275e; } #probig_pic{ width:1260px; margin:0 auto; overflow:hidden;} #probig1{ width:100%; margin:0 auto 0 auto; overflow:hidden; background:#fff;} #probig1 .k{ width:1260px; margin:40px auto 80px auto; overflow:hidden;} #probig1 .k .left{ width:580px; float:left; overflow:hidden;} #probig1 .k .left p.tt{ font-size:24px; font-weight:900; line-height:60px;} #probig1 .k .left p.cc{ width:100%; overflow-y:scroll; height:280px;} #probig1 .k .right{ width:630px; float:right;} #probig1 .k .right p.tt{ font-size:24px; font-weight:900; line-height:60px;} #probig1 .k .right div.cc{ width:100%; overflow-y:scroll; height:280px;} #probig1 .k .right div.cc table{ width:95%; border-left:solid 1px #eee; border-top:solid 1px #eee;} #probig1 .k .right div.cc table td{ border-right:solid 1px #eee; border-bottom:solid 1px #eee; line-height:38px;} #probig1 .k .right div.cc table td.di{ background:#f7f7f7; text-align:center;} #probig1 .k .right div.cc table td.a1{ width:50%; text-indent:20px;} #probig1 .k .right div.cc table td.a2{ text-indent:20px;} #probig2{ width:100%; overflow:hidden; background:#eee;} #probig2 .tt{ text-align:center; width:100%; overflow:hidden; font-size:30px; line-height:50px; font-weight:900; padding-top:60px;} #probig2 .pic{ width:1260px; margin:0 auto 60px auto; overflow:hidden;} /*ind_pic*/ .ind_app {width:100%; margin-left:auto; margin-right:auto; } .ind_app .swiper-slide {text-align: center;font-size: 18px;padding-bottom:20px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center;justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .ind_app .swiper-slide{ overflow:hidden; text-align:center; background:none; padding:30px 0 40px 0;} .ind_app .swiper-slide a{ padding:20px; display:block;background:#fff; text-align:center; transition:background 0.5s,box-shadow 0.5s,margin 0.5s; margin-top:5px; min-height:450px;} .ind_app .swiper-slide a div{ overflow:hidden;} .ind_app .swiper-slide a img{width:100%;transition:All 2s ease-in-out; -webkit-transition:All 2s ease-in-out; -moz-transition:All 2s ease-in-out; -o-transition:All 2s ease-in-out;} .ind_app .swiper-slide a p.a1{line-height:60px; text-align:left; font-size:18px; } .ind_app .swiper-slide a p.a2{line-height:24px; text-align:left; font-size:14px; } .ind_app .swiper-pagination{ padding-top:30px; overflow:hidden;} #probig3{ width:1260px; margin:0 auto; overflow:hidden;} #probig3 .k{ position:absolute;} #probig3 .k .tt{ font-size:30px; font-weight:900; line-height:60px; padding:66px 0 10px 0;} #probig3 .k .tt span{ color:#d6000f;} #probig3 .k .list{ overflow:hidden;} #probig3 .k .list ul li{ line-height:30px;} #probig3 .k .list ul li span{ display:block; float:left; background:#ddd; width:26px; height:26px; border-radius:30px; line-height:26px; text-align:center; margin:3px 10px 0 0;} #probig3 .k .list1{ overflow:hidden; width:390px;} #probig3 .k .list1 ul li{ line-height:30px; width:50%; float:left;} #probig3 .k .list1 ul li span{ display:block; float:left; background:#ddd; width:26px; height:26px; border-radius:30px; line-height:26px; text-align:center; margin:3px 10px 0 0;} #probig3 .pic{ text-align:right; width:100%; overflow:hidden;} #probig4{ width:100%; overflow:hidden; background:#eee;} #probig4 .tt{ text-align:center; width:100%; overflow:hidden; font-size:30px; line-height:50px; font-weight:900; padding-top:60px;} #probig4 .pic{ width:1260px; margin:0 auto 60px auto; overflow:hidden;} /*ind_pic*/ .ind_pt {width:100%; margin-left:auto; margin-right:auto; } .ind_pt .swiper-slide {text-align: center;font-size: 18px;padding-bottom:20px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center;justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .ind_pt .swiper-slide{ overflow:hidden; text-align:center; background:none; padding:30px 0 40px 0;} .ind_pt .swiper-slide a{ padding:10px 10px 0 10px; display:block;background:#fff; text-align:center; transition:background 0.5s,box-shadow 0.5s,margin 0.5s; margin-top:5px; } .ind_pt .swiper-slide a div{ overflow:hidden;} .ind_pt .swiper-slide a img{width:100%;transition:All 2s ease-in-out; -webkit-transition:All 2s ease-in-out; -moz-transition:All 2s ease-in-out; -o-transition:All 2s ease-in-out;} .ind_pt .swiper-slide a p.a1{line-height:60px; text-align:center; font-size:18px; } .ind_pt .swiper-pagination{ padding-top:30px; overflow:hidden;} #probig4 .pic1{ width:1260px; margin:30px auto 70px auto; text-align:center; overflow:hidden; } #probig4 .pic1 ul{ display:inline-block;} #probig4 .pic1 ul li{ width:300px; margin-right:20px; margin-bottom:20px; float:left;} #probig4 .pic1 ul li a{ display:block; background:#fff; padding:10px 10px 0 10px; line-height:60px; text-align:center; font-size:18px;} #probig5{ width:100%; overflow:hidden; background:url(image/videodi.jpg) no-repeat center; text-align:center; height:342px;} #probig5 ul{ display:inline-block;} #probig5 ul li{ float:left; width:300px; margin:50px 15px 0 15px;} #probig5 ul li a{ display:block; color:#fff; line-height:18px; height:250px; background:rgba(255,255,255,0);} #probig5 ul li a img{ margin-top:20px;} #probig5 ul li a:hover{ background:rgba(255,255,255,0.1);} #probig6{ width:100%; background:#eee; overflow:hidden;} #probig6 .probig6_btn{ width:100%; text-align:center; overflow:hidden; margin:50px 0 40px 0;} #probig6 .probig6_btn ul{ display:inline-block;} #probig6 .probig6_btn ul li{ float:left; margin:0 5px; cursor:pointer;} #probig6 .probig6_btn ul li p.a1{ line-height:55px; width:210px; text-align:center; font-size:18px; background:#fff; border-radius:3px;} #probig6 .probig6_btn ul li p.a2{ display:none;} #probig6 .list{ width:1260px; margin:0 auto 70px auto; overflow:hidden; display:none;} #probig6 .list ul{ width:1300px} #probig6 .list ul li{ width:300px; margin-right:20px; margin-bottom:20px; float:left;} #probig6 .list ul li a{ display:block; background:#fff; padding:10px 10px 0 10px; line-height:60px; text-align:center; font-size:18px;} #probig7{ width:100%; overflow:hidden; background:#fff;} #probig7 .tt{ text-align:center; width:100%; overflow:hidden; font-size:30px; line-height:50px; font-weight:900; padding-top:60px;} #probig7 .pic{ width:1260px; margin:0 auto 60px auto; overflow:hidden;} #probig_con{ width:1260px; margin:0 auto 80px auto; overflow:hidden;} #probig_con .title{ font-size:24px; font-weight:900; line-height:60px; padding-top:40px;} #probig_con .con p.tt{ font-size:18px; color:#d6000f; font-weight:900; line-height:40px;} /*ind_pic*/ .ind_customer {width:100%; margin-left:auto; margin-right:auto; } .ind_customer .swiper-slide {text-align: center;font-size: 18px;padding-bottom:20px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center;justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .ind_customer .swiper-slide{ overflow:hidden; text-align:center; background:none; padding:30px 0 40px 0;} .ind_customer .swiper-slide a{ padding:20px 20px 0 20px; display:block;background:#f7f7f7; text-align:center; transition:background 0.5s,box-shadow 0.5s,margin 0.5s; margin-top:5px; } .ind_customer .swiper-slide a div{ overflow:hidden;} .ind_customer .swiper-slide a img{width:100%;transition:All 2s ease-in-out; -webkit-transition:All 2s ease-in-out; -moz-transition:All 2s ease-in-out; -o-transition:All 2s ease-in-out;} .ind_customer .swiper-slide a p.a1{line-height:60px; text-align:center; font-size:18px; } .ind_customer .swiper-pagination{ padding-top:30px; overflow:hidden;} #pro_feedback{ width:100%; background:#eee; overflow:hidden;} #pro_feedback .a1{ width:1260px; line-height:50px; color:#fff; background:#00275e; text-align:center; margin:50px auto 20px auto;} #pro_feedback .a2{ width:1260px; margin:0 auto; overflow:hidden;} #pro_feedback .a2 ul{ width:1300px;} #pro_feedback .a2 ul li{ width:410px; float:left; margin:0 15px 15px 0; background:#fff;} #pro_feedback .a2 ul li img{ float:left;} #pro_feedback .a2 ul li input{ height:34px; border-left:solid 1px #eee; text-indent:15px; line-height:34px; margin-top:8px; width:340px;} #pro_feedback .a3{ width:1220px; margin:0 auto 15px auto; overflow:hidden; background:#fff; height:180px; padding:20px;} #pro_feedback .a3 textarea{ width:100%; height:100%; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;} #pro_feedback .a4{ width:1260px; margin:0 auto 60px auto; overflow:hidden;} #pro_feedback .a4 ul{ float:right;} #pro_feedback .a4 ul li{ float:left; margin-left:15px;} #pro_feedback .a4 ul li.b1{} #pro_feedback .a4 ul li.b1 a{ display:block; line-height:50px; width:180px; border-radius:3px; text-align:center; color:#fff; background:#d6000f; font-size:16px;} #pro_feedback .a4 ul li.b1 a:hover{ background:#00275e;} #pro_feedback .a4 ul li.b2 a{ display:block; line-height:50px; width:180px; border-radius:3px; text-align:center; color:#fff; background:#00275e; font-size:16px;} #pro_feedback .a4 ul li.b2 a:hover{ background:#d6000f;} #pro_feedback .a4 ul li.b3{ width:340px; background:#fff;} #pro_feedback .a4 ul li.b3 img{ float:left;} #pro_feedback .a4 ul li.b3 input{ height:34px; border-left:solid 1px #eee; text-indent:15px; line-height:34px; margin-top:8px; width:180px;} #pro_feedback .a4 ul li.b3 a{ color:#1c8c00; font-size:16px;} #servicemenu{ width:100%; text-align:center; position:absolute; z-index:2; margin-top:-50px;} #servicemenu ul{ display:inline-block;} #servicemenu ul li{ float:left; margin:0 5px;} #servicemenu ul li a{ display:block; line-height:40px; background:#fff; border-radius:3px; padding:0 30px;} #servicemenu ul li a:hover,#servicemenu ul li.it a{ background:#d6000f; color:#fff;} #salenet1{ width:1260px; margin:50px auto 80px auto; overflow:hidden;} #salenet1 .left{ float:left;} #salenet1 .right{ width:580px; float:right;} #salenet1 .right .tt{ font-size:30px; font-weight:900; color:#d6000f; line-height:60px; padding-bottom:10px;} #salenet1 .right .cc{ width:580px;overflow-y:scroll; height:547px;} #salenet1 .right table{ width:95%; border-left:solid 1px #eee; border-top:solid 1px #eee;} #salenet1 .right table td{ border-right:solid 1px #eee; border-bottom:solid 1px #eee; line-height:38px;} #salenet1 .right table td.di{ background:#f7f7f7; text-align:center;} #salenet1 .right table td.a1{ width:20%; text-align:center;} #salenet1 .right table td.a2{ text-indent:20px;} #salenet1 .right .dd{ font-size:18px; font-weight:900; line-height:30px;} #salenet1 .right .ee{ font-size:14px;padding-bottom:50px;} #salenet1 .right .con{ width:580px; overflow:hidden;} #salenet1 .right .con ul li{ float:left; width:100px; text-align:center; line-height:40px; border:solid 1px #eee; margin:0 10px 10px 0;} #salenet1 .right .ff{ margin-top:50px;} #salenet2{ width:100%; overflow:hidden; background:#e2f0f7;} #salenet2 .tt{ font-size:30px; font-weight:900; line-height:60px; padding-top:60px; color:#d6000f; text-align:center;} #salenet3{ width:1260px; margin:0 auto; overflow:hidden; background:url(image/map4.png) no-repeat center top; margin-bottom:60px;} #course_btn{ width:100%; overflow:hidden; text-align:center; margin:26px auto 30px auto;} #course_btn ul{ display:inline-block;} #course_btn ul li{ float:left; margin:0 5px;} #course_btn ul li a{ display: block; border:solid 2px #eee; border-radius:3px; line-height:36px; padding:0 32px; background:#fff; } #course_btn ul li a:hover{ background:#d6000f; color:#fff; border:solid 2px #d6000f;} #course_btn ul li a.it{ background:#d6000f; color:#fff; border:solid 2px #d6000f;} #course1{ width:1260px; margin:0 auto;} #course1 ul li{ border-bottom:solid 1px #eee; overflow:hidden; margin-bottom:30px;} #course1 ul li a{ display:block; padding:0 0 30px 0; overflow:hidden;} #course1 ul li a .l{ float:left; overflow:hidden; width:400px;} #course1 ul li a .l img{ width:100%; transition:all 0.5s;} #course1 ul li a .r{ width:800px; float:right; transition:all 0.5s;} #course1 ul li a .r p.a1{ font-size:20px; line-height:60px; font-weight:900;} #course1 ul li a .r p.a2{ color:#666; padding-bottom:10px;} #course1 ul li a .r p.a4{ width:100px; line-height:36px; background:#eee; color:#00275e; text-align:center; border-radius:3px; margin-top:30px; transition:all 0.5s;} #course1 ul li a:hover .r p.a4{ background:#fff;} #course1 ul li a:hover{ background:#f7f7f7; padding:20px 20px 30px 20px;} #course1 ul li a:hover .r{ width:760px;} #course1 ul li a .r p.a4:hover{ background:#d6000f; width:120px; color:#fff;} #course1 ul li a:hover .l img{ transform:scale(1.15);} #course_video{ width:1290px; margin:0 auto; overflow:hidden;} #course_video ul li{ float:left; width:400px; margin:15px 15px 15px 15px;} #course_video ul li a{ display:block; line-height:60px; padding:20px 20px 0 20px; background:#f7f7f7; text-align:center;} #course_video ul li a p{ overflow:hidden;} #course_video ul li a img{ width:100%; transition:all 0.5s;} #course_video ul li a:hover{ color:#fff; background:#00275e} #course_video ul li a:hover img{ transform:scale(1.15);} #lb{ width:1260px; margin:20px auto 0 auto; overflow:hidden; text-align:center;} #lb1{ width:1290px; margin:20px auto 80px auto; overflow:hidden;} #lb1 ul li{ float:left; width:400px; margin:15px 15px 15px 15px;} #lb1 ul li a{ display:block; line-height:60px; padding:20px 20px 0 20px; background:#f7f7f7; text-align:center;} #lb1 ul li a p{ overflow:hidden;} #lb1 ul li a img{ width:100%; transition:all 0.5s;} #lb1 ul li a:hover{ color:#d6000f; background:#ddd; box-shadow:0 8xp 8px rgba(0,0,0,0.4);} #lb1 ul li a:hover img{ transform:scale(1.15);} #cloud1{ text-align:center; font-size:18px; letter-spacing:10px; overflow:hidden; line-height:40px; color:#999;} #cloud2{ width:1260px; margin:30px auto 0 auto; overflow:hidden;} #brand{ width:100%; overflow:hidden; text-align:center; margin:20px auto 60px auto;} #brand1{ width:1260px; margin:0 auto 80px auto; overflow:hidden;} #brand1 ul{ width:1300px;} #brand1 ul li{ float:left; width:400px; margin-right:30px;} #brand1 ul li p.a1{ font-size:24px; color:#d6000f; font-weight:900; line-height:70px;} #tec{ width:1260px; margin:0px auto 80px auto; overflow:hidden;} #tec .a1{ float:left; width:400px; margin-right:30px; overflow:hidden;} #tec .a1 .b1{height:150px; background:#eee; padding:30px; margin-bottom:30px;} #tec .a1 .b1 p.tt{ font-size:24px; color:#d6000f; line-height:60px; font-weight:900;} #tec .a1 .b1 p.cc{ line-height:30px;} #tec .a1 .b2{height:150px; background:#00275e; padding:30px; color:#fff;} #tec .a1 .b2 p.tt{ font-size:24px; color:#fff; line-height:60px; font-weight:900;} #tec .a2{ width:340px; height:390px; float:left; background:url(image/tec1.jpg) no-repeat; margin-right:30px; color:#fff; padding:30px;} #tec .a2 p.tt{ font-size:24px; color:#fff; line-height:60px; font-weight:900;} #tec .a2 p.cc{ line-height:30px;} #tec .a3{ overflow:hidden; float:left; width:400px;} #tec .a3 .b1{ margin-bottom:30px;} #tec .a3 .b2{height:236px; background:#eee; padding:30px; color:#000;} #tec .a3 .b2 p.tt{ font-size:24px; color:#d6000f; line-height:60px; font-weight:900;} #tec .a3 .b2 p.cc{ line-height:30px;} #q1{ width:100%; overflow:hidden; font-size:18px; text-align:center; letter-spacing:10px; line-height:30px;} #q2{ width:1260px; margin:20px auto 0 auto; overflow:hidden; text-align:center;} #q3{ width:1260px; margin:20px auto 80px auto; overflow:hidden;} #q3 .a1{ width:340px; float:left; padding:30px; height:378px; background:#f7f7f7; margin-right:30px;} #q3 .a1 p.tt{ font-size:24px; font-weight:900; line-height:60px; color:#d6000f;} #q3 .a2{ width:400px; float:left; margin-right:30px;} #q3 .a2 p.tt{ font-size:24px; font-weight:900; line-height:60px; color:#d6000f;} #q3 .a2 .b1{ margin-bottom:30px; overflow:hidden; background:#f7f7f7; padding:30px;} #q3 .a2 .b2{ margin-bottom:30px; overflow:hidden; background:#f7f7f7; padding:30px;} #q3 .a3{ width:340px; float:left; padding:30px; background:#f7f7f7; height:378px;} #q3 .a3 p.tt{ font-size:24px; font-weight:900; line-height:60px; color:#d6000f;} #partner1{ width:1260px; margin:30px auto 60px auto; overflow:hidden;} #partner1 ul{} #partner1 ul li{ float:left; width:200px; margin:5px;} #partner1 ul li a{ display:block; text-align:center; border:solid 1px #eee; line-height:20px; padding-bottom:20px;} #partner1 ul li a img{ width:100%;} #partner2{ width:100%; overflow:hidden; background:#eee;} #partner2 .tt{ font-size:30px; line-height:60px; padding-top:50px; margin-bottom:20px; font-weight:900; text-align:center;} #partner_feedback{ width:100%; background:#eee; overflow:hidden;} #partner_feedback .a1{ width:1260px; line-height:50px; color:#fff; background:#00275e; text-align:center; margin:50px auto 20px auto;} #partner_feedback .a2{ width:1260px; margin:0 auto; overflow:hidden;} #partner_feedback .a2 ul{ width:1300px;} #partner_feedback .a2 ul li{ width:410px; float:left; margin:0 15px 15px 0; background:#fff;} #partner_feedback .a2 ul li img{ float:left;} #partner_feedback .a2 ul li input{ height:34px; border-left:solid 1px #eee; text-indent:15px; line-height:34px; margin-top:8px; width:340px;} #partner_feedback .a2 ul li.code input{ height:34px; border-left:solid 1px #eee; text-indent:15px; line-height:34px; margin-top:8px; width:240px;} #partner_feedback .a2 ul li.code a{ color:#1c8c00; font-size:16px;} #partner_feedback .a4{ width:1260px; margin:20px auto 60px auto; overflow:hidden; text-align:center;} #partner_feedback .a4 ul{ display:inline-block;} #partner_feedback .a4 ul li{ float:left; margin:0 10px;} #partner_feedback .a4 ul li.b1{} #partner_feedback .a4 ul li.b1 a{ display:block; line-height:50px; width:180px; border-radius:3px; text-align:center; color:#fff; background:#d6000f; font-size:16px;} #partner_feedback .a4 ul li.b1 a:hover{ background:#00275e;} #partner_feedback .a4 ul li.b2 a{ display:block; line-height:50px; width:180px; border-radius:3px; text-align:center; color:#fff; background:#00275e; font-size:16px;} #partner_feedback .a4 ul li.b2 a:hover{ background:#d6000f;} #method_tt{ width:100%; position:absolute; text-align:center; color:#fff;} #method_tt p.tt{ font-size:36px; line-height:60px; font-weight:900; } #method{ width:1260px; margin:30px auto 80px auto; overflow:hidden;} #method ul li{ margin-bottom:10px;} #method ul li a{ display:block; overflow:hidden;} #method ul li a .l{ float:left; overflow:hidden;} #method ul li a.h .l{ float:right; overflow:hidden;} #method ul li a.h .r{ float:left; overflow:hidden;} #method ul li a .l img{ width:100%; transition:all 0.5s;} #method ul li a .r{ width:525px; height:355px; background:#fff; float:right; padding:0 50px} #method ul li a .r p.tt{ font-size:24px; line-height:80px; padding-top:20px;} #method ul li a .r p.cc{} #method ul li a .r p.more{ border:solid 2px #d6000f; line-height:38px; width:108px; text-align:center; border-radius:3px; color:#d6000f; margin-top:40px; transition:all 0.5s;} #method ul li a:hover .l img{ transform:scale(1.15);} #method ul li a .r p.more:hover{ background:#d6000f; color:#fff; width:130px;} #project_btn{ width:100%; text-align:center; overflow:hidden; margin:50px 0 40px 0;} #project_btn ul{ display:inline-block;} #project_btn ul li{ float:left; margin:0 5px; cursor:pointer;} #project_btn ul li p.a1{ line-height:55px; width:210px; text-align:center; font-size:18px; background:#fff;color:#000; border-radius:3px;} #project_btn ul li p.a2{ display:none;} #project_btn ul li a.it p.a1{background:#d6000f;color:#fff;} .project{ width:1280px; margin:0 auto; overflow:hidden;} .project ul{ overflow:hidden;} .project ul li{ width:300px; margin:10px 10px 20px 10px; float:left;} .project ul li a{ display:block; background:#fff; padding:10px 10px 0px 10px; line-height:50px; text-align:center; box-shadow:0 8px 8px rgba(0,0,0,0);} .project ul li a p{ overflow:hidden;} .project ul li a img{ width:100%; transition:all 0.5s;} .project ul li a:hover img{ transform:scale(1.15);} .project ul li a:hover{ box-shadow:0 8px 8px rgba(0,0,0,0.2); color:#d6000f;} .page2{ width:100%; text-align:center; overflow:hidden; margin:40px auto 60px auto;} .page2 dl{ display:inline-block; overflow:hidden;} .page2 dl dd{ float:left; margin:10px 5px;} .page2 dl dd a{ display:block; line-height:50px; padding:0 30px; background:#fff; border-radius:3px;} .page2 dl dd a:hover{ background:#e11931; color:#fff; box-shadow:0 6px 3px rgba(0,0,0,0.1)} .page2 dl dd a.it{ background:#e11931; color:#fff; box-shadow:0 2px 3px rgba(0,0,0,0.1)} #apply{ width:1290px; margin:20px auto 0 auto; overflow:hidden;} #apply ul{} #apply ul li{ width:400px; margin:15px 15px; float:left;} #apply ul li a{ display:block; padding:20px; background:#f7f7f7;} #apply ul li a img{ width:100%;} #apply ul li a p{ overflow:hidden;} #apply ul li a p.tt{ line-height:50px; padding-top:10px; border-bottom:solid 1px #ddd; font-size:24px; text-align:center;} #apply ul li a p.cc{ padding:20px 0; border-bottom:solid 1px #ddd; height:72px;} #apply ul li a p.more{ background:#fff; border-radius:3px; width:100px; margin:20px auto 0 auto; overflow:hidden; text-align:center; line-height:40px; color:#000; transition:all 0.5s;} #apply ul li a:hover{ background:#00275e; color:#fff;} #apply ul li a p.more:hover{ color:#fff; background:#d6000f; width:130px;} .hm{ padding-bottom:30px;} #dangmenu{ width:100%; text-align:center; position:absolute; z-index:2; margin-top:-50px;} #dangmenu ul{ display:inline-block;} #dangmenu ul li{ float:left; margin:0 5px;} #dangmenu ul li a{ display:block; line-height:40px; background:#fff; border-radius:3px; padding:0 30px;} #dangmenu ul li a:hover,#dangmenu ul li.it a{ background:#d6000f; color:#fff;} #dang1{ width:1260px; margin:40px auto 90px auto; overflow:hidden;} #dang2{ width:100%; overflow:hidden; background:#f7f7f7;} #dang2 .tt{ font-size:30px; font-weight:900; line-height:60px; padding-top:50px; text-align:center; overflow:hidden;} #dang2 .list{ width:1260px; margin:30px auto 80px auto; overflow:hidden;} #dang2 .list ul{ width:1300px;} #dang2 .list ul li{ width:400px; float:left; margin-right:30px;} #dang2 .list ul li a{ display:block; background:#fff;} #dang2 .list ul li a div{ padding:20px;} #dang2 .list ul li a div p.a1{ font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;} #dang2 .list ul li a div p.a2{ font-size:18px; font-weight:900; height:48px; overflow:hidden;} #dang2 .list ul li a div p.a3{ padding-top:10px; height:48px; overflow:hidden; padding-bottom:20px;} #dang2 .list ul li a:hover{ background:#d6000f; color:#fff;} #contactmenu{ width:100%; text-align:center; position:absolute; z-index:2; margin-top:-50px;} #contactmenu ul{ display:inline-block;} #contactmenu ul li{ float:left; margin:0 5px;} #contactmenu ul li a{ display:block; line-height:40px; background:#fff; border-radius:3px; padding:0 30px;} #contactmenu ul li a:hover,#contactmenu ul li.it a{ background:#d6000f; color:#fff;} #contact1{ width:1260px; margin:40px auto 0 auto; overflow:hidden;} #contact1 .l{ float:left; background:url(image/contact1.jpg) no-repeat center; width:620px; height:191px; text-align:center;} #contact1 .l .k{ display:inline-block; margin-top:65px;} #contact1 .l .k img{ float:left;} #contact1 .l .k .aa{ float:left; text-align:left; color:#fff; border-left:solid 1px #fff; padding-left:20px; margin-left:20px;} #contact1 .l .k .aa p.tt{} #contact1 .l .k .aa p.tel{ font-size:36px; font-weight:900; line-height:40px;} #contact1 .r{ float:right; background:url(image/contact2.jpg) no-repeat center; width:620px; height:191px; text-align:center;} #contact1 .r .k{ display:inline-block; margin-top:65px;} #contact1 .r .k img{ float:left;} #contact1 .r .k .aa{ float:left; text-align:left; color:#fff; border-left:solid 1px #fff; padding-left:20px; margin-left:20px;} #contact1 .r .k .aa p.tt{} #contact1 .r .k .aa p.tel{ font-size:36px; font-weight:900; line-height:40px;} #contact2{ width:1260px; margin:0 auto; overflow:hidden;} #contact2 ul{ width:1300px;} #contact2 ul li{ border-bottom:solid 1px #eee; line-height:60px; width:620px; margin-right:20px; float:left;} #contact2 ul li img{ float:left; margin-top:5px;} #contact3{ width:1260px; margin:40px auto 80px auto; overflow:hidden;} #job1{ width:1260px; margin:0 auto; overflow:hidden;} #job1 ul li{ border:solid 1px #eee; overflow:hidden; margin-bottom:30px; border-top:solid 2px #00275e;} #job1 ul li span{ font-weight:900;} #job1 ul li font{ color:#d6000f;} #job1 ul li div.tt{ border-bottom:solid 1px #eee; background:#f7f7f7;overflow:hidden; line-height:50px;} #job1 ul li div.tt p{ width:20%; float:left; text-indent:20px;} #job1 ul li div.cc{ border-bottom:solid 1px #eee; overflow:hidden; line-height:50px;} #job1 ul li div.cc p{ width:20%; float:left; text-indent:20px;} #job1 ul li div.dd{ border-bottom:solid 1px #eee; background:#f7f7f7; overflow:hidden; line-height:50px;} #job1 ul li div.dd p{ width:40%; float:left; text-indent:20px;} #job1 ul li div.aa{ background:#fff; overflow:hidden; line-height:24px; padding:20px 0;} #job1 ul li div.aa p{ width:45%; float:left; padding-left:20px;} #job2{ width:1260px; margin:0 auto; overflow:hidden; border-bottom:solid 1px #eee; padding-bottom:30px; margin-bottom:40px;} #job2 p.tt{ font-size:24px; font-weight:900; line-height:60px; color:#d6000f;} #job2 .a1{ width:100%; overflow:hidden; margin:20px 0; border-top:solid 1px #eee; border-bottom:solid 1px #eee; padding:20px 0;} #job2 .a1 div{ width:1300px;} #job2 .a1 p{ float:left; width:260px; margin-right:20px; min-height:220px; padding:10px 20px 0 20px;background:#f7f7f7;} #job2 .a1 p span{ display:block; line-height:40px; font-size:16px; font-weight:900;} #job2 p.a2 span{ line-height:40px; font-size:16px; font-weight:900;} #job3{ width:1260px; margin:0 auto; overflow:hidden; border-bottom:solid 1px #eee; padding-bottom:30px; margin-bottom:40px;} #job3 p.tt{ font-size:24px; font-weight:900; line-height:60px; color:#d6000f;} #job4{ width:1260px; margin:0 auto; overflow:hidden; border-bottom:solid 1px #eee; padding-bottom:30px; margin-bottom:40px;} #job4 p.tt{ font-size:24px; font-weight:900; line-height:60px; color:#d6000f;} #job5{ width:1260px; margin:0 auto; overflow:hidden; border-bottom:solid 1px #eee; padding-bottom:30px; margin-bottom:40px;} #job5 p.tt{ font-size:24px; font-weight:900; line-height:60px; color:#d6000f;} #job6{ text-align:center; overflow:hidden; font-size:14px;} #job7{ width:1260px; margin:30px auto 0 auto; overflow:hidden;} #job7 ul{ width:1300px;} #job7 ul li{ float:left; border:solid 1px #eee; margin:0 10px 10px 0; padding:20px; height:48px;} #job7 ul li span{ display:block; width:30px; height:30px; color:#fff; line-height:30px; text-align:center; background:#d6000f; border-radius:20px; float:left; margin-right:10px;} #job7 ul li.a1{ width:311px;} #job7 ul li.a2{ width:311px;} #job7 ul li.a3{ width:220px;} #job7 ul li.a4{ width:220px;} #job7 ul li.a5{ width:311px;} #job7 ul li.a6{ width:311px;} #job7 ul li.a7{ width:492px;} #job8{ width:1260px; margin:0 auto 80px auto; overflow:hidden;} #job9{ width:1260px; margin:0 auto 10px auto; overflow:hidden} #job9 .l{ width:540px; height:260px; padding:20px 40px; float:left; background:#f7f7f7;} #job9 .l p.tt{ font-size:24px; line-height:60px; margin-top:10px;} #job9 .l div{ overflow:hidden; margin-bottom:10px;} #job9 .l div span{ display:block; width:24px; height:24px; background:#d6000f; color:#fff; text-align:center; float:left; border-radius:20px; margin-right:10px;} #job9 .l div p{ overflow:hidden;} #job9 .r{ float:right;} #job10{ width:1260px; margin:0 auto 10px auto; overflow:hidden} #job10 .l{ width:540px; height:260px; padding:20px 40px; float:right; background:#f7f7f7;} #job10 .l p.tt{ font-size:24px; line-height:60px; margin-top:20px;} #job10 .l div{ overflow:hidden; margin-bottom:10px;} #job10 .l div span{ display:block; width:24px; height:24px; background:#d6000f; color:#fff; text-align:center; float:left; border-radius:20px; margin-right:10px;} #job10 .l div p{ overflow:hidden;} #job10 .r{ float:left;} #job11{ width:1260px; margin:0 auto 80px auto; overflow:hidden} #job11 .l{ width:540px; height:430px; padding:20px 40px; float:left; background:#f7f7f7;} #job11 .l p.tt{ font-size:24px; line-height:60px; margin-top:10px;} #job11 .l div{ overflow:hidden; margin-bottom:10px;} #job11 .l div span{ display:block; width:24px; height:24px; background:#d6000f; color:#fff; text-align:center; float:left; border-radius:20px; margin-right:10px;} #job11 .l div p{ overflow:hidden;} #job11 .r{ float:right;} #feedback{ width:100%; background:#fff; overflow:hidden;} #feedback .a1{ width:1260px; line-height:50px; color:#fff; background:#00275e; text-align:center; margin:50px auto 20px auto;} #feedback .a2{ width:1260px; margin:0 auto; overflow:hidden;} #feedback .a2 ul{ width:1300px;} #feedback .a2 ul li{ width:408px; float:left; margin:0 15px 15px 0; background:#fff; border:solid 1px #eee;} #feedback .a2 ul li img{ float:left;} #feedback .a2 ul li input{ height:34px; border-left:solid 1px #eee; text-indent:15px; line-height:34px; margin-top:8px; width:340px;} #feedback .a3{ width:1218px; margin:0 auto 15px auto; border:solid 1px #eee; overflow:hidden; background:#fff; height:180px; padding:20px;} #feedback .a3 textarea{ width:100%; height:100%; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;} #feedback .a4{ width:1260px; margin:0 auto 60px auto; overflow:hidden;} #feedback .a4 ul{ float:right;} #feedback .a4 ul li{ float:left; margin-left:15px;} #feedback .a4 ul li.b1{} #feedback .a4 ul li.b1 a{ display:block; line-height:50px; width:180px; border-radius:3px; text-align:center; color:#fff; background:#d6000f; font-size:16px;} #feedback .a4 ul li.b1 a:hover{ background:#00275e;} #feedback .a4 ul li.b2 a{ display:block; line-height:50px; width:180px; border-radius:3px; text-align:center; color:#fff; background:#00275e; font-size:16px;} #feedback .a4 ul li.b2 a:hover{ background:#d6000f;} #feedback .a4 ul li.b3{ width:340px; background:#fff; border:solid 1px #eee;} #feedback .a4 ul li.b3 img{ float:left;} #feedback .a4 ul li.b3 input{ height:34px; border-left:solid 1px #eee; text-indent:15px; line-height:34px; margin-top:8px; width:180px;} #feedback .a4 ul li.b3 a{ color:#1c8c00; font-size:16px;} #method_pic{ height:200px; overflow:hidden; width:100%; background:url(image/methodpic.jpg) no-repeat center bottom;} #method_tt1{ width:1260px; margin:0 auto; overflow:hidden; font-size:30px; line-height:60px; font-weight:900; padding-top:60px; padding-bottom:20px; border-bottom:solid 1px #eee; margin-bottom:40px; text-align:center;} #method1{ width:1260px; margin:0 auto; overflow:hidden; padding-bottom:20px;margin-bottom:30px;} #method_k{ width:100%; overflow:hidden; background:#f7f7f7;} #method_tt2{ width:1260px; margin:0 auto; overflow:hidden; font-size:30px; line-height:60px; font-weight:900; padding-top:30px; margin-bottom:20px; text-align:center;} #method2{ width:1260px; margin:0 auto 40px auto; overflow-x:scroll;-webkit-overflow-x:scroll;-ms-overflow-x:scroll;-o-overflow-x:scroll;-moz-overflow-x:scroll;} #method2 ul{ width:2400px;} #method2 ul li{ float:left; text-align:center; width:200px; line-height:40px; padding-bottom:20px;} #method2 ul li img{ width:100%; border-radius:50%;} #method2 ul li.go{ width:120px; margin-top:60px;} #method2 ul li.go img{ width:60%;} #method2 ul li p{ display:inline-block;} #method2 ul li p{ display:inline-block;} #method2 ul li span{ font-size:18px;} #method2 ul li span.t{ display:block; background:#d6000f; width:24px; height:24px; text-align:center; color:#fff; float:left; line-height:24px; border-radius:50%; margin-top:6px; margin-right:5px;} #method_tt3{ width:1260px; margin:0 auto; overflow:hidden; font-size:30px; line-height:60px; font-weight:900; padding-top:30px; margin-bottom:20px; text-align:center;} .botbox{width:100%; margin:30px auto 0px auto; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd; padding:10px 0px; height:20px;} .botbox .newpage{float:left; width:100%; padding-right:10px; font-size:12px;} .botbox .newpage span.l{float:left;display:block; line-height:24px;width:49%;} .botbox .newpage span.r{float:right;display:block; line-height:24px;width:49%;text-align: right} .botbox .newpage span a{color: #404040;} .news_info_back{ width:1260px; margin-top:10px;text-align: center;} .news_info_back button{ width:150px; line-height:50px; background:#333; color:#fff; cursor:pointer; transition:background 0.5s,color 0.5s;} #news_con{ width:1260px; margin:40px auto 90px auto; overflow:hidden; margin-top:50px; line-height:30px; font-size:16px;} #news_con .news_title{font-size: 24px;} #video_di{ width:100%; height:100%; background:rgba(0,0,0,0.8); position:fixed;left:0; top:0; z-index:500; display:none;} #video_di p{ text-align:center;} #video_di .close_video{width:70px; border:solid 2px #fff; border-radius:50%; margin-top:30px;} #video_play{ background:url(video/videoback.jpg) no-repeat center top; overflow:hidden;} #video_play .tt{ font-size:36px; line-height:100px; /*padding-top:100px;*/ text-align:center; overflow:hidden;} #search_data{ width:1260px; margin:0 auto;} #search_data ul li{ border-bottom:solid 1px #eee; overflow:hidden; margin-bottom:30px;} #search_data ul li a{ display:block; padding:0; overflow:hidden;} #search_data ul li a p.tt{ color:#666; padding-bottom:10px;} #search_data ul li a p.tt i{ color:red;} /*生产线流程代码*/ #scx{ width:100%; margin:50px auto 0 auto; overflow:hidden;} #scx ul li{ width:25%; float:left; overflow:hidden; margin-bottom:20px;} #scx ul li span{ width:24px; height:24px; display:block; background:#d6000f; color:#fff; text-align:center; border-radius:50%; float:left; margin-right:10px;} #float{position:fixed; right:20px; top:55%; z-index:30;} #float div{ margin-bottom:1px; background:rgba(0,0,0,0.8); cursor:pointer; transition:background 0.5s; border-radius:5px;} #float div:hover{ background:#e11931;} #float div p{ position:absolute; margin-left:-124px; display:none;} }