.header{ height:70px; border-bottom:solid 1px #e6e6e6} .logo{ display:block; height:70px;} .logo img{ display:block} .nav-one{ float:left; margin:0 15px; padding:0 8px; position:relative} .nav-one > a{ line-height:70px; display:block; font-size:16px;} .nav-one > a.active{ color:#df0716} .nav-one:hover > a{ color:#df0716} .nav-two{ position:absolute; width:100%; text-align:center; left:0; top:54px; background:#fff; z-index:10; display:none} .nav-two li{ height:34px; line-height:34px;} .nav-two li a{ display:block; font-size:14px; padding-left:10px; text-align:left} .nav-two li a:hover{ background:#df0716; color:#fff} .nav-two.active{ width:150px; left:-25px;} .banner{ height:730px;} .banner li{ height:730px;} .inAbout{ margin:80px 60px 0 60px;} .inAbout img{ display:block} .inAbout-text{ width:510px; margin:38px 0 0 0} .inAbout-text p{ line-height:28px;} .inAbout-text a{ display:block; background:url(/images/index93.png) no-repeat right center; line-height:27px; width:176px; margin:22px 0 0 0} .inAbout-text a:hover{ color:#df0716} .inAbout-list{ margin:40px 0 0 0} .inAbout-list li{ width:25%; float:left; text-align:center; position:relative} .inAbout-list li h3{ font-size:38px; color:#df0716; font-weight:bold; margin:5px 0} .inAbout-list li h3 span{ color:#cf3f29; font-size:30px;line-height: 56px;vertical-align: bottom;} .inAbout-list li:after {content: "";position: absolute;height: 70px;width: 1px;background: #e6e6e6;top: 16px;right: 0;} .in-number{ background:#f7f7f7; padding:50px 0 50px 0; margin:50px 0 0 0; position:relative} .in-number .sj{ position:absolute; top:0; left:50%; margin-left:-26px;} .in-number ul{ margin-left:-170px;} .in-number li{ width:280px; float:left; margin-left:175px;} .in-number li .in-number-circle{ background-color:#df0716; border:solid 1px #df0716; width:100px; height:100px; margin:0 auto; border-radius:50%; background-repeat:no-repeat; background-position:center center} .in-number li:hover .in-number-circle{ background-color:#f7f7f7} .in-number li.one .in-number-circle{ background-image:url(/images/index3.png)} .in-number li.two .in-number-circle{ background-image:url(/images/index6.png)} .in-number li.three .in-number-circle{ background-image:url(/images/index5.png)} .in-number li.one:hover .in-number-circle{background-image:url(/images/index8.png)} .in-number li.two:hover .in-number-circle{background-image:url(/images/index4.png)} .in-number li.three:hover .in-number-circle{background-image:url(/images/index7.png)} .in-number li h3{ font-weight:bold; font-size:16px; text-align:center; line-height:76px; position:relative} .in-number li h3 i{ position:absolute; width:60px; background:#e79f94; bottom:0; left:50%; margin-left:-30px; display:block; height:1px; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; } .in-number li:hover h3 i{ width:100px; background:#df0716; margin-left:-50px;} .in-number li p{ margin:17px 0 0 0; line-height:22px;} .inCase{ margin:80px 0 0 0} .inCase-title {font-size:18px; font-weight:bold; color:#333; line-height:46px; position:relative;margin-bottom: 30px;} .inCase-title i{ display:block; width:42px; height:4px; background:#df0716; position:absolute; top:0; left:0} .inCase-list{ } .inCase-listInner{width:50%; position:relative} .inCase-listInner img{ display:block; width:100%; height:auto} .inCase-list-bj{ width:100%; height:100%; background-color:rgba(206,25,0,0); position:absolute; left:0; top:0; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; } .inAbout-list li:last-child:after{display:none;} .inCase-listText{ color:#ffffff; position:absolute} .inCase-listText h3{ font-size:18px; margin:0 0 20px 0} .inCase-listText p{ line-height:28px;} .inCase-listText a{ color:#fff; margin:30px 0 0 0; display:block; background:url(/images/index14.png) no-repeat right center; width:122px; line-height:26px;} .inCase-listInner.two{ width:25%;} .inCase-listText{ display:none} .inCase-listInner .inCase-listText{ width:350px;} .inCase-listInner.two .inCase-listText{ width:280px;} .inCase-listInner:hover .inCase-list-bj{background-color:rgba(206,25,0,0.54)} .inCase-listInner:hover .inCase-listText{ display:block} .inCase-btn{ color:#333333; width:125px; margin:40px auto 70px; background:url(/images/index93.png) no-repeat right center; display:block; line-height:25px; font-weight:bold} .inCase-btn:hover{color:#df0716} .inNews{ background:#edeeed; padding:60px 0 180px 0} .inNews-top{ margin-bottom:34px;} .inNews-top a{ background:url(/images/index93.png) no-repeat right center; padding-right:45px; line-height:25px;} .inNews-top a:hover{ color:#df0716} .inNews-list li { float:left; position:relative; padding:12px;} .inNews-list li img{ -ms-transition: .5s transform; -webkit-transition: .5s transform; -moz-transition: .5s transform; -o-transition: .5s transform; display:block; } .inNews-list li:hover img{ -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); z-index: -10; } .inNews-listText{ color:#fff; position:absolute; left:0; top:0; background-color:rgba(206,28,0,0.7); height:100%; -ms-transition: .5s transform; -webkit-transition: .5s transform; -moz-transition: .5s transform; -o-transition: .5s transform; display:none; width:100%; } .inNews-list li:hover .inNews-listText{background-color:rgba(206,28,0,0.7); display:block} .inNews-listText h3{ font-size:18px; font-weight:bold; margin:0 20px; line-height:56px;} .inNews-listText p{ font-size:16px; line-height:30px; margin:10px 36px 0 36px;} .inNews-listText a{ color:#fff; background:url(/images/index14.png) no-repeat right center; padding-right:45px; margin-right:10px; float:right; line-height:25px; margin-top:33px;} .footer{ background:#fcfbfa; height:237px;} .footer-le{ width:950px; line-height:35px; margin:36px 0 0 0} .footer-le a{ color:#666666; margin-right:15px;} .footer-le a:hover{ color:#df0716} .footer-address{ background:url(/images/index21.png) no-repeat 3px 10px; padding-left:26px} .footer-home{background:url(/images/index22.png) no-repeat left center; padding-left:26px} .footer-tel{background:url(/images/index23.png) no-repeat left center; padding-left:26px; font-size:16px;} .footer-logo{ margin:65px 0 0 0} .footer-bott{ font-size:12px; margin:5px 0 0 0} /*关于我们*/ .two-banner{ height:550px;} .about-title{ text-align:center; padding:45px 0 40px 0} .about-title h3{ font-size:28px; font-weight:bold; height:28px; line-height:28px; margin-bottom:5px;} .about-title span{ font-size:18px} .about-top p{ font-size:16px; color:#333333; line-height:28px; margin:25px 0 0 0} .in-number-title{ color:#333333; font-size:16px; text-align:center; margin:0 0 48px 0} .about-in-number{ padding-bottom:110px;} .about-spread-title{ color:#df0716; font-size:28px; text-align:center; line-height:118px;} .about-spread-left{ float:left; position:relative} .about-spread-left img{ display:block} .about-spread-circle{ position:absolute; width:200px; height:200px; border-radius:50%; background-color:rgba(255,255,255,0); left:200px; top:50px; display:table} .about-spread-leftText{ text-align:center; line-height:30px; color:#df0716; font-size:18px; vertical-align: middle; display: table-cell;} .about-spread-right{ width:480px; float:right; margin:0 60px} .about-spread-rightText{ display:table; height:300px;} .about-spread-right p{color:#333333; font-size:20px;vertical-align: middle;display: table-cell;} .about-spread li.two .about-spread-left{ float:right} .about-spread li.two .about-spread-right{ float:left} .about-honor{ background:#f7f7f7; margin:50px 0 0 0; padding:0 0 54px 0} .about-honorCont{ width:1100px; margin:0 auto; overflow:hidden} .about-honorCont li { float:left; width:468px;border-right: solid 1px #cccccc; padding:0 0 8px 83px} .about-honorCont li h3{ color:#df0716; font-size:60px; font-weight:bold; line-height:60px; margin-bottom:10px;} .about-honorCont li p{ line-height:26px;} .about-honorCont li a{ color:#666666; font-size:16px;} .about-honorCont li a:hover{ color:#df0716} .about-honorList{ position:relative} .about-honorList-prev{ cursor:pointer; position:absolute; left:0; top:60px;} .about-honorList-next{ cursor:pointer; position:absolute; right:0; top:60px;} /*产品线*/ .prolineTop-title{ font-weight:bold; text-align:center; font-weight:bold; font-size:28px; margin:45px 0} .prolineTop{ margin:0 0 48px 0} .prolineTop img{ display:block} .prolineCenter{ background:#f7f7f7;} .prolineTab{ padding:40px 0 48px 0} .prolineTab ul{ margin-left:-24px;} .prolineTab li{ float:left; width:180px; height:40px; margin-left:24px; position:relative} .prolineTab li a{ display:block; border:solid 1px #df0716; color:#333333; font-size:18px; text-align:center; line-height:40px;} .prolineTab li.active a{ background:#df0716; color:#fff} .prolineTab li:hover a{ background:#df0716; color:#fff} .prolineTab li:hover i{ display:block;} .prolineTab li i{ display:block; position:absolute; width:37px; height:20px; background:url(/images/index72.jpg) no-repeat center center; top:-60px; left:68px; display:none} .prolineTab li.active i{ display:block} .prolineOne ul{ margin-left:-26px;} .prolineOne li{ width:280px; height:190px; float:left; position:relative; margin:0 0 50px 26px} .prolineOneli img{ display:block;} .prolineOne-text{ width:100%; height:100%; color:#fff; position:absolute; left:0; top:0; z-index:10; text-align:center;} .prolineOne-text h3{ font-size:24px; padding:26px 0 57px 0} .prolineOne-text span{ font-size:16px; margin:0 10px; display:inline-block;} .prolineOne li.last h3{ line-height:190px; padding:0;} .prolineOne-text a{ color:#fff} .prolineTab{ border-top:solid 1px #dddddd; padding-top:59px;} .prolineTwo{ padding-bottom:42px;} .prolineTwo-top-title2{ color:#333333; font-size:18px; text-align:center; padding:43px 0 40px 0} .prolineTwo-top-title2 span{ color:#df0716} .prolineTwo-top-title{ color:#df0716; text-align:center; font-size:18px; font-weight:bold; padding:0 0 30px 0} .prolineTwo-top-text{ width:360px; margin-right:130px; text-align:center} .prolineTwo-top-text h3{ color:#333333; font-size:24px; font-weight:bold; padding:83px 0 25px 0} .prolineTwo-top-text p{ color:#333333; font-size:18px;} .prolineTwo-top-text p span{ color:#df0716; font-weight:bold} .prolineTwo-topBott{ margin:70px 0 0 0} .prolineTwo-topBott .prolineTwo-top-text{ margin-left:100px; margin-right:0} .prolineTwo-center{ background:#f7f7f7} .prolineTwo-center-title{ color:#df0716; font-size:18px; text-align:center; font-weight:bold; padding:46px 0 36px 0} .prolineTwo-center h4{ color:#666666; font-size:20px; text-align:center; text-align:center} .prolineTwo-bottom-title{ color:#df0716;} .prolineTwo-bottom h4{ text-align:center; color:#333333; font-size:14px; padding:13px 0} .prolineTwo-bottom h4 span{ color:#df0716} .prolineTwo-bottom p{ color:#999999; text-align:center; font-size:12px; line-height:20px;} .prolineTwo-list li{ float:left; width:370px;text-align:center; line-height:70px;} .prolineTwo-list li img{ display:block} .prolineTwo-list li.active{ width:45px;} .prolineTwo-line{ height:40px; background:url(/images/index81.png) no-repeat center center} .prolineTwo-center h5{ color:#666666; font-size:20px; text-align:center; padding:50px 0} .prolineTwo-center-det{ width:370px; margin:0 auto; padding-bottom:20px; line-height:74px; text-align:center} .prolineTwo-center-det img{ display:block;} .prolineTab-fourTop{ padding:40px 0 56px 0} .prolineTab-fourTop .inAbout-list{ margin:20px 0 0 0} .prolineTab-fourTop p{ color:#333333; font-size:16px; line-height:28px; margin:14px 0 0 0} .prolineTab-fourTop p span{ color:#df0716;} .prolineTab-fourTop ul{ margin-left:85px;} .prolineTab-fourTop li{ width:335px;} .prolineTab-fourList li{ float:left; margin:0 10px; position:relative; width:260px; height:200px;} .prolineTab-fourList li img{ display:block} .prolineTab-fourList-text{ position:absolute; left:0; top:0; background-color:rgba(206,28,0,0.7); z-index:10; width:100%; height:100%; display:none} .prolineTab-fourList-text a{ display:block; line-height:200px; text-align:center; color:#fff; font-size:16px;} .prolineTab-fourList-cont{ position:relative;} .prolineTab-fourList-cont-prev{ position:absolute; left:0; top:78px; cursor:pointer} .prolineTab-fourList-cont-next{ position:absolute; right:0; top:78px; cursor:pointer} .prolineTab-List{ margin:50px 0 0 0} .prolineTab-fourList-contList{ width:1120px; margin:0 auto; overflow:hidden} .prolineTab-fourList li:hover .prolineTab-fourList-text{ display:block} .prolineTab-fourTable table tr.two{ background:#f5f9fb} .prolineTab-fourTable table tr td{ text-align:center; height:50px; line-height:50px; font-size:16px;} .prolineTab-fourList{ padding:60px 0; background:#f7f7f7} .prolineTab-fourTable table thead td{ color:#df0716} .prolineTab-fourTable{ position:relative; padding:32px 0 0 0} .prolineTab-fourTable .sj{ position:absolute; top:0; left:50%; margin-left:-16px;} .prolineTab-fourTable-title{ color:#666666; font-size:20px; font-weight:bold;text-align:center; padding:22px 0 44px 0} .prolineTab-fourTable-title span{ color:#df0716; font-size:36px;} .prolineTab-cityTop{ padding:55px 0 0 0; margin:0 0 97px 0} .prolineTab-cityTop-title{ text-align:center; line-height:40px; position:relative; color:#666666; font-size:18px; margin:0 0 60px 0 } .prolineTab-cityTop-title i{ position:absolute; left:50%; bottom:0; display:block; width:200px; margin-left:-100px; height:1px; background:#df0716} .prolineTab-cityTop li{ float:left; width:330px; padding:0 0 0 70px; position:relative;} .prolineTab-cityTop li span{ display:block; width:60px; height:60px; border-radius:50%; background:#df0716; font-size:24px; color:#fff; text-align:center; line-height:60px; position:absolute; left:0; top:0;} .prolineTab-cityTop li h3{ color:#df0716; font-weight:bold; font-size:28px;} .prolineTab-cityTop li p{ color:#333333; font-size:16px; line-height:24px; width:220px;} .prolineTab-cityCen{ padding-bottom:40px} .prolineTab-cityCen-text{ width:530px;} .prolineTab-cityCen-text h3{ text-align:center; color:#df0716; font-size:24px; margin:60px 0 37px 0} .prolineTab-cityCen-text p{ color:#333333; font-size:16px; line-height:26px; margin: 0 0 26px; 0} .prolineTab-cityCen-text p span{ font-size:18px; font-weight:bold} /*新闻*/ .news{ padding-bottom:50px;} .news-tab{ margin:50px 0 60px 388px;} .news-tab li{ float:left; width:200px; height:40px; margin:0 0 0 20px;} .news-tab li a{ display:block; border:solid 1px #df0716; text-align:center; line-height:40px; color:#333333; font-size:18px;} .news-tab li a.active{ background:#df0716; color:#fff;} .news-tab li a:hover{ background:#df0716; color:#fff;} .news-date{ width:168px; color:#999999; font-size:24px; position:relative} .news-list li{ margin:0 10px; border-bottom:solid 1px #f2f2f2; padding:40px 0} .news-list em{ width:22px; height:22px; background:url(/images/index95.png) no-repeat center center; display:block; margin:20px 0 0 0} .news-text{ width:607px;} .news-date i{ display:block; position:absolute; width:35px; height:1px; background:#e6e6e6; position:absolute; left:77px; top:17px;} .news-text h3 a{ font-size:16px; color:#666666; font-weight:bold; display:block; margin:0 0 23px 0} .news-text p{ line-height:24px;} .news-text p a{ color:#db2237;} .news-list li:hover i{ background:#999999;} .news-list li:hover em{ background:url(/images/index93.png) no-repeat center center} .news-list li:hover .news-date{ color:#333333} .news-list li:hover .news-text h3 a{ color:#333333} .page{ text-align:center; margin:40px 0 0 0} .page a{ display:inline-block; width:38px; height:33px; border:solid 1px #d6dde2; text-align:center; line-height:33px; color:#666; margin:0 3px} .page a.active{ background:#df0716; color:#fff;} .page a:hover{ background:#df0716; color:#fff;} .page a.prev{ letter-spacing:-3px; border-radius:5px 0 0 5px} .page a.next{ letter-spacing:-3px; border-radius:5px 0 0 5px} .detail{ margin:0 10px;} .detail-title{ font-size:18px; font-weight:bold; color:#666; text-align:center; margin:47px 0 25px 0;} .detail-date{ text-align:center; border-bottom:solid 1px #f2f2f2; color:#999999; font-size:16px; padding:0 0 38px 0} .detail-cont{ margin:40px 100px 0 100px;} .detail-page{ border-top:solid 1px #f2f2f2; line-height:22px; padding:30px 0 46px 0; margin:35px 0 0 0} .detail-page a.prev{ background:url(/images/index96.png) no-repeat left center; padding-left:32px; color:#666666; font-size:14px;} .detail-page a.next{ background:url(/images/index93.png) no-repeat right center; padding-right:32px; color:#666666; font-size:14px;} .detail-page a:hover{ color:#db2237} .tsm-top .about-title{ padding-top:60px;} .tsm-center{ min-height:640px; background:#f7f7f7} .tsm-list{ margin-top:50px; margin-bottom:22px;} .tsm-list li{ float:left; width:240px; letter-spacing:-1px;} .tsm-list li img{ margin:0 auto; display:block} .tsm-list li h3{ text-align:center; color:#666666; font-size:16px; font-weight:bold; padding:26px 0; position:relative; margin-bottom:16px;} .tsm-list li h3 i{ display:block; width:60px; height:1px; background:#df0716; left:50%; margin-left:-30px; position:absolute; bottom:0} .tsm-list li p{ text-align:center; line-height:22px;} .service-part{ background:#f2f1f0; padding:50px 0 20px 0} .service-partCont img{ display:block; float:left; margin:0 8px 30px 8px; border-radius:10px; box-shadow: 0 1px 4px #666;} .service-partCont{ width:1090px; margin:0 auto} .service-partList{ position:relative} .service-partCont-prev{ position:absolute; top:282px; left:0; cursor:pointer} .service-partCont-next{ position:absolute; top:282px; right:0; cursor:pointer} .join-cul{ background:#f7f7f7;} .join-cul ul{ margin:0 0 0 -26px;} .join-cul li{ float:left; margin:0 0 30px 26px; width:587px;} .join-cul li > img{ display:block; margin-top:1px;} .join-culText{ width:276px; height:197px; border:solid 2px #bebebe; float:left; position:relative; margin: 0 27px 0 0; background:#fff} .join-culText .sj{ position:absolute; top:89px; right:-10px; width:10px; height:38px; background:url(/images/img25.png) no-repeat center center} .join-culText-top{ width:176px; margin:0 auto; padding:28px 0 0 0} .join-culText-top h3{ color:#df0716; font-size:36px; width:90px; height:47px; text-align:center} .join-culText-top span{ color:#df0716; font-size:12px; display:block; text-align:right; width:96px;} .join-culText p{ width:173px; margin:20px 0 0 50px; color:#df0716; font-size:14px; line-height:24px;} .join-cul li.two .join-culText{ float:right; margin:0 0 0 27px} .join-cul li.two .join-culText .sj{ left:-10px; background:url(/images/img26.png) no-repeat center center} .join-map{ width:584px; height:504px; background:url(/images/img27.jpg) no-repeat center center; position:relative} .join-mapInner{ display:block; width:40px; height:22px; text-align:center; color:#333333; font-size:14px; background:url(/images/img15.png) no-repeat center 12px; padding-top:28px; position:absolute;} .join-mapInner i{ background:url(/images/img28.png) no-repeat center center; width:18px; height:26px; display:block; left:12px; position:absolute; top:-7px; display:none} .join-mapInner.one{ left:485px; top:102px;} .join-mapInner.bj{ background:url(/images/img29.png) no-repeat center 12px; left:395px; top:168px;} .join-mapInner.bj i{ top:-3px} .join-mapInner.two{left:485px; top:102px;} .join-mapInner.three{left:283px; top:219px;} .join-mapInner.four{left:362px; top:287px;} .join-mapInner.five{left:250px; top:296px;} .join-mapInner.six{left:490px; top:267px;} .join-mapInner.seven{left:408px; top:385px;} .join-mapInner.active i{ display:block} .map-text{ width:480px;} .map-textTab a{color:#666666; font-weight:bold; font-size:16px;} .map-textTab a span{color:#666666; font-weight:bold; font-size:16px;} .map-textTab-Inner{ margin:32px 0 0 0} .map-textTab-Inner p{ line-height:30px; color:#333333; font-size:14px;} .map-textTab a.active{ color:#df0716;} .map-textTab a:hover{ color:#df0716;} .service-case .prolineTab li{ width:154px; margin-left:20px;} .service-case .prolineTab ul{ margin-left:-20px;} .service-case .prolineTab li i{ background:url(/images/index100.jpg) no-repeat center center; left:64px;} .service-case .prolineTab-fourList{ background:#fff; border-bottom:solid 2px #f7f7f7; padding:50px 0} .service-caseTab{ width:540px; float:left; margin: 0 0 0 40px;} .service-caseTab-listCont li{ width:540px; height:300px;} .service-caseTab-listCont li img{ display:block;} .service-caseTab-top li{ display:inline-block; width:8px; height:8px; background:#fff; border-radius:50%; border:solid 1px #df0716; text-indent:-99999px; cursor:pointer; margin:0 5px;} .service-caseTab-top li.on{ background:#df0716} .service-caseTab-top{ text-align:center; margin:20px 0 0 0} .service-case-cont{ padding:50px 0 7px 0; border-bottom:solid 2px #f7f7f7; margin:0 0 47px 0; position:relative} .service-caseText{ width:415px; margin:0 0 0 100px; display:table; height:300px} .service-caseText h3{ font-size:22px; color:#333333; font-weight:bold; margin: 0 0 33px 0} .service-caseText p{ line-height:24px} .service-caseText-table{vertical-align: middle; display: table-cell;} .service-case-cont .sj{ position:absolute; left:50%; margin-left:-16px; bottom:-2px;} .prolineTab-line-title{ color:#e00616; font-size:36px; text-align:center; line-height:135px;} .prolineTab-lineTop-list{ margin:50px 0 40px 0} .prolineTab-lineTop-list li{ width:250xp; float:left; margin:0 0 0 100px} .prolineTab-lineTop-list-cir{ width:250px; height:250px; border:solid 2px #e00a1a; border-radius:50%; text-align:center; line-height:250px; color:#df0716; font-size:60px; margin-bottom:26px;} .prolineTab-lineTop-list-cir span{ font-size:36px;} .prolineTab-lineTop-list li p{ color:#df0716; font-size:24px; width:188px; margin:0 auto; text-align:center; line-height:30px;} .prolineTab-lineMana{ background:#f7f7f7} .prolineTab-lineMana-list{ width:1200px; margin:0 auto; height:291px; background:url(/images/d16.png) no-repeat center center; position:relative;} .prolineTab-lineMana-listText{ width:162px; color:#666666; font-size:13px; line-height:26px; position:absolute;} .prolineTab-lineMana-listText.one{ left:330px; top:25px;} .prolineTab-lineMana-listText.two{ left:510px; top:197px;} .prolineTab-lineMana-listText.three{ left:689px; top:25px;} .prolineTab-lineMana-listText.four{ left:870px; top:192px;} .prolineTab-lineSeries{ padding-bottom:40px;} .prolineTab-lineSeries-Inner{ margin:25px 0 0 0px;} .prolineTab-lineSeries-Inner li{ float:left; width:146px; text-align:center} .prolineTab-lineSeries-Inner img{ margin:0 auto 20px; display:block;} .prolineTab-lineSeries-Inner p{ color:#df0716; font-size:16px; text-align:center; margin-top:50px;} .prolineTab-lineSeries-per{ margin:0 0px 0 30px} .prolineTab-lineSeries-maLe{ margin-left:63px;} .prolineTab-linePack{ background:#f7f7f7; margin:0 0 47px 0} .prolineTab-linePack ul{ margin-left:30px; padding-bottom:17px;} .prolineTab-linePack li{ float:left; width:200px; height:120px; background:#df0716; display:table; margin:0 0 36px 67px} .prolineTab-linePack li p{ color:#fff; font-size:16px;vertical-align: middle;display: table-cell; text-align:center} .prolineTab-ListCity-title{ color:#df0716; font-size:28px; text-align:center; line-height:108px; font-weight:bold} .prolineTab-ListCity-topText { margin:30px 0 0 0; padding:40px 0 0 70px; border-left:solid 1px #d1d1d1; height:260px} .prolineTab-ListCity-topText li{ color:#333333; font-size:22px; font-weight:bold; position:relative; line-height:24px; margin:0 0 74px 0; padding:0 0 0 24px} .prolineTab-ListCity-topText li i{ position:absolute; display:block; width:6px; height:6px; border-radius:50%; background:#e00616; left:0; top:10px;} .prolineTab-ListCity-top h4{ text-align:center; color:#333333; font-size:18px; font-weight:bold; line-height:28px;} .prolineTab-ListCity-top p{ color:#333333; font-size:16px; line-height:26px; margin:28px 0 42px 0} .prolineTab-ListCity-topCenter{ margin:0 0 30px 0;} .prolineTab-ListCity-comp{ background:#f7f7f7; padding:80px 0 96px 0} .prolineTab-ListCity-compText{ width:550px; margin:48px 0 0 100px} .prolineTab-ListCity-compText h3{ color:#df0716; font-size:28px; font-weight:bold; margin:0 0 10px 0} .prolineTab-ListCity-compText p{ color:#333333; font-size:16px; line-height:24px;} .prolineTab-levelText{ margin:0 55px 0 0; width:560px;} .prolineTab-levelText-cir{ width:200px; height:200px; margin:95px auto 23px; border:solid 1px #e00616; border-radius:50%; display:table} .prolineTab-levelText-cir h3{ text-align:center; padding:0 17px; color:#e00616; font-size:24px; text-align:center; vertical-align:middle; display:table-cell} .prolineTab-levelText p{ color:#333333; font-size:16px; line-height:22px} .prolineTab-level-title{ line-height:120px; font-size:24px; font-weight:bold; text-align:center; color:#df0716;} .prolineTab-levelList{ margin:0 0 50px 0} .prolineTab-levelList ul{ margin-left:-30px;} .prolineTab-levelList li{ width:380px; height:230px; background:#f7f7f7; float:left; margin:0 0 0 30px} .prolineTab-levelList li h3{ text-align:center; line-height:60px; margin:0 0 10px 0; color:#df0716; font-size:24px;} .prolineTab-levelList li p{ margin:0 25px; text-align:center; line-height:25px;} .prolineTab-levelList li span{ color:#333333; margin:0 6px 0 0; font-size:16px} .about-deveList{ margin:0 auto; position:relative;} .about-deveList-line{ position:absolute; left:50%; top:0; width:1px; background:#e00616; height:100%} .about-deveListTop{ background:#FFF; height:70px; position:absolute; top:50%; right:554px; margin-top:-35px; width:90px;} .about-deveListTop h3{ font-size:24px; color:#e00616; text-align:center} .about-deveListTop i{ display:block; width:20px; height:20px; border-radius:50%; background:#df0716; margin:9px auto 0} .about-deveList li{ position:relative; margin-left:40px; margin-bottom:40px} .about-deveList li p{ line-height:38px; color:#333; font-size:18px; padding-right:668px; width:487px} .about-deveList li:nth-child(even){ margin-left:0; margin-right:40px;} .about-deveList li:nth-child(even) .about-deveListTop{ left:555px; width:90px;} .about-deveList li:nth-child(even) p{ margin-right:40px; padding-left:673px; padding-right:0} /*联系我们*/ .message{ height:600px; background:url(/images/d20.jpg) no-repeat center center; color:#fff;} .message-title{ text-align:center; font-size:24px; padding:96px 0 55px 0} .message-Inner{ width:558px; margin:0 auto} .message-Inner ul{ margin-left:-30px;} .message-Inner li{ width:263px; border-bottom:solid 1px #fff; float:left; margin:0 0 10px 30px} .message-Inner li input{ border:0; background:none; color:#fff; line-height:40px; padding-left:4px; width:250px; height:40px;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #FFF; } input:-moz-placeholder, textarea:-moz-placeholder { color: #FFF; } input::-moz-placeholder, textarea::-moz-placeholder { color: #FFF; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #FFF; } .message textarea{ width:556px; height:116px; border:0; border-bottom:solid 1px #fff; resize:none; background:none; margin:10px 0 0 0; outline:none; color:#fff; overflow:hidden} .message-btn{ color:#fff; border:0; border-bottom:solid 1px #FFF; width:262px; display:block; height:40px; line-height:40px; background:none; background:url(/images/d22.png) no-repeat 145px center; padding-right:31px; margin-right:2px; margin:35px 0 0 0; cursor:pointer} .contactList-title{ text-align:center; color:#666; margin:43px 0 30px 0} .contactList-title h3{ font-size:28px; font-weight:bold; height:35px;} .contactList-title p{ font-size:16px;} .contactList-Inner-cont{ width:1096px; margin:0 auto} .contactList-Inner-cont li{ width:260px; float:left; margin:0 52px; cursor:pointer} .contactList-Inner-cont li h3{ line-height:18px; text-align:center; height:18px; margin:0 0 10px 0} .contactList-Inner-cont li i{ display:inline-block; width:14px; height:18px; background:url(/images/d24.png) no-repeat center center} .contactList-Inner-cont li span{ color:#333333; font-size:16px; margin-left:8px;} .contactList-Inner-cont li p{ line-height:24px; color:#333} .contactList-Inner{ position:relative; margin:0 0 40px 0} .contactList-Inner-prev{ width:16px; height:26px; background:url(/images/d27.png) no-repeat center center; display:block; position:absolute; left:0; top:20px;} .contactList-Inner-next{ width:16px; height:26px; background:url(/images/d26.png) no-repeat center center; display:block;position:absolute; right:0; top:20px;} .contactList-Inner-prev:hover{ background:url(/images/d25.png) no-repeat center center} .contactList-Inner-next:hover{ background:url(/images/d28.png) no-repeat center center} .contactList-Inner-cont li.active i{ background:url(/images/d23.png) no-repeat center center} .tsm-list li p i{ display:inline-block; width:5px; height:5px; background:#e00616; border-radius:50%; margin:0 3px 0 0} .news-tab ul{ margin-left:-17px;} /* FILE ARCHIVED ON 20:55:56 Jun 07, 2017 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 11:10:51 Sep 26, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.652 exclusion.robots: 0.029 exclusion.robots.policy: 0.018 esindex: 0.011 cdx.remote: 22.642 LoadShardBlock: 1039.117 (3) PetaboxLoader3.datanode: 986.837 (4) PetaboxLoader3.resolve: 129.547 (2) load_resource: 113.614 */