* { padding: 0; margin: 0; text-align: left; font-size: 14px; font-family: 'microsoft yahei'; color: #3d3d3d; } img { border: 0; } ul { margin: 0; } p { margin: 0; } a, a:hover { text-decoration: none; color: #333333; } a:hover { color: #1977df; } li { list-style: none; } .mt10 { margin-top: 10px; } .mt20 { margin-top: 20px !important; } .mt30 { margin-top: 30px !important; } .mt40 { margin-top: 40px !important; } .mt50 { margin-top: 50px !important; } .mt60 { margin-top: 60px; } .mt80 { margin-top: 80px; } .mt90 { margin-top: 90px; } .mt100 { margin-top: 100px; } .mt110 { margin-top: 110px; } .mb20 { margin-bottom: 20px; } .mb30 { margin-bottom: 30px; } .mb40 { margin-bottom: 40px; } .mb50 { margin-bottom: 50px; } .mb20 { margin-bottom: 20px; } .pt10 { padding-top: 10px; } .pt20 { padding-top: 20px; } .pt30 { padding-top: 30px; } .pt40 { padding-top: 40px; } .pt50 { padding-top: 50px; } .pt60 { padding-top: 60px; } .pb10 { padding-bottom: 10px; } .pb20 { padding-bottom: 20px; } .pb30 { padding-bottom: 30px; } .pb40 { padding-bottom: 40px; } .pl10 { padding-left: 10px !important; } .pl20 { padding-left: 20px !important; } .pr10 { padding-right: 10px !important; } .pr20 { padding-right: 20px !important; } .clear { clear: both; } .fl { float: left; } .fr { float: right; } body { position: relative; width: 100%; } .container { width: 100%; padding-left: 0; padding-right: 0; text-align: center; margin: 0 auto; background-color: #ffffff; right: 0; position: relative; } .row { width: 1200px; margin: 0 auto; } .big-row { width: 1250px; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .transition { transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } /* box model; */ .product-show ul li, .index-honor .bd ul li, .footer .left-logo, .footer dl, .footer dl dd.col-one { float: left; } .footer .right-rq { float: right; } .product-show .second-list a, .fine-show .case-right-img ul li .bo-des .left-tech span, .fine-show .case-right-img ul li .bo-des .left-tech img, .case-title a cite, .about-title a cite, .about-us .about-more a, .index-honor .honor-title h2, .index-honor .honor-title cite, .news-title img, .news-title a, .bottom-blue a { display: inline-block; *display: inline; *zoom: 1; } .back-top-gray { background-color: #efefef; height: 34px; } .back-top-gray p { line-height: 34px; color: #333333; font-size: 12px; } .back-top-gray p a { color: #333333; padding: 0 10px; font-size: 12px; } .back-top-gray p a:hover { color: #000033; } .back-top-gray p a + a { border-left: 1px solid #ffffff; } .welcome { width: 340px; } .piecemeal { width: 206px; } .top-logo { height: 114px; } .toplogo { width: 276px; padding-top: 30px; } .r-tel { width: 154px; padding-left: 50px; margin-top: 15px; background: url(/uploads/image/phimages/r-tel.jpg) left center no-repeat; } .r-tel span { display: block; font-size: 24px; line-height: 56px; font-family: 'impact'; } .nav_green { height: 114px; width: 684px; z-index: 999; } ul.gdao li { width: 72px; float: left; list-style: none; text-align: center; height: 114px; position: relative; } ul.gdao li + li { border-left: 1px solid #cccccc; } ul.gdao li a { display: block; height: 114px; text-align: center; position: relative; } ul.gdao li:hover, ul.gdao li.hover { background-color: #0b5a9f; } ul.gdao li b { font-size: 14px; text-align: center; display: inline-block; writing-mode: tb-rl; padding-top: 25px; } ul.gdao li:hover b, ul.gdao li.hover b { color: #ffffff; } ul.gdao li span { color: #ffffff; font-family: 'arial'; line-height: 12px; } ul.gdao li ul { width: 111px; top: 114px; line-height: 30px; position: absolute; z-index: 999; left: 0; display: none; } ul.gdao li ul li { float: left; height: 40px; width: 111px; border-bottom: 1px dotted #fcf5c1; background: none; background-color: #ffffff; line-height: 40px; position: relative; } ul.gdao li ul li:hover { background: none; background-color: #fcf5c1; line-height: 40px; padding: 0; } ul.gdao li ul li a { color: #000000; line-height: 40px; height: 40px; display: block; padding: 0; position: relative; } ul.gdao li ul li:hover a { color: #333333; } ul.gdao li ul li ul { position: absolute; width: 126px; height: 50px; left: 126px; top: 0; display: none; } ul.gdao li ul li:hover ul { display: block; } ul.gdao li ul li:hover ul li a { color: #ffffff; } ul.gdao li ul li ul li { width: 126px; height: 40px; background-color: #666666; } ul.gdao li ul li ul li:hover a { color: #ffffff; display: block; height: 40px; background-color: #333333; line-height: 40px; } ul.gdao li ul li ul li a:hover { color: #333333; background-color: #fcf5c1; } ul.gdao li ul div.toplei { width: 152px; padding: 10px; border-left: 1px #cccccc solid; overflow: hidden; height: auto; } ul.gdao li ul .tflda a { font-weight: 900; font-size: 14px; } ul.gdao li ul .tflxa a { display: block; width: 100%; text-align: left; line-height: 24px; height: 24px; } .fullslide { width: 100%; position: relative; height: 650px; background: #000; text-align: center; } .fullslide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; } .fullslide .bd ul { width: 100% !important; } .fullslide .bd li { width: 100% !important; height: 650px; overflow: hidden; text-align: center; } .fullslide .bd li a { display: block; height: 650px; } .fullslide .hd { width: 100%; position: absolute; z-index: 1; bottom: 0; left: 0; height: 30px; line-height: 30px; } .fullslide .hd ul { text-align: center; } .fullslide .hd ul li { cursor: pointer; display: inline-block; *display: inline; zoom: 1; width: 47px; height: 11px; margin: 1px; overflow: hidden; background: #000; filter: alpha(opacity=50); opacity: 0.5; line-height: 999px; } .fullslide .hd ul .on { background: #f00; } .fullslide .prev, .fullslide .next { position: absolute; z-index: 999; top: 40%; left: 10%; width: 30px; height: 80px; background: url(/uploads/image/phimages/left_on.png) no-repeat; cursor: pointer; display: none; } .fullslide .next { left: auto; right: 10%; background: url(/uploads/image/phimages/right_on.png) no-repeat; } .common-title span { font-size: 32px; font-family: 'century'; display: block; color: #616161; } .common-title a h2 { color: #014efe; font-size: 36px; font-weight: 900; text-align: center; } .product-one { } .product-one .prolist { border-top: 1px solid #0b5a9f; border-bottom: 2px solid #0b5a9f; overflow: hidden; } .product-one .prolist ul li { float: left; text-align: center; height: 46px; } .product-one .prolist ul li a { padding: 0 15px; line-height: 46px; display: block; text-align: center; color: #000000; font-size: 18px; background: url(/uploads/image/phimages/a-qing.jpg) no-repeat right center; } .product-one .prolist ul li a p { text-align: center; } .product-one .prolist ul li a:hover { color: #ff0000; } .product-one .prolist ul li a:hover img { -webkit-filter: grayscale(0); -webkit-filter: grayscale(0); filter: grayscale(0); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); } .product-one .prolist ul li.on a { color: #0b5a9f; font-weight: 900; } .product-one .prolist ul li.on a img { -webkit-filter: grayscale(0); -webkit-filter: grayscale(0); filter: grayscale(0); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); } .product-show { overflow: hidden; } .product-show .second-list { margin: 10px 0; height:60px; overflow:hidden; } .product-show .second-list a { border: 1px solid #0b5a9f; padding: 0 8px; margin: 0 8px; line-height: 30px; } .product-show .second-list a:hover { color: #ffffff; background-color: #0b5a9f; } .product-show ul { width: 1260px; overflow: hidden; } .product-show ul li { margin-right: 21px; width: 278px; height: 191px; border: 1px solid #cccccc; padding: 2px; margin-bottom: 20px; position: relative; overflow:hidden; } .product-show ul li a span { display: block; width: 278px; left: 3px; position: absolute; bottom: -75px; text-align: center; background: url(/uploads/image/phimages/imgbg2.png); line-height: 40px; color: #ffffff; } .product-show ul li:hover a span{ bottom:3px; } .product-show ul li a span p{ color:#ff0; font-weight:900; font-size:16px; text-align:center; } .slide-box { background: url(/uploads/image/phimages/fine-show.jpg) no-repeat center top; padding: 20px 0; } .fine-show { width: 1200px; overflow: hidden; } .fine-show .case-left-btn { width: 205px; } .fine-show .case-left-btn li a { display: block; height: 70px; border-bottom: 1px solid #3188d1; line-height: 70px; color: #ffffff; background-color: #005fad; text-align: center; } .fine-show .case-left-btn li a:hover { background-color: #ffd117; color: #000; } .fine-show .case-left-btn li a.on { background-color: #ffd117; color: #000; } .fine-show .case-right-img { width: 995px; height: 602px; position: relative; } .fine-show .case-right-img ul li { position: relative; } .fine-show .case-right-img ul li .bo-des { position: absolute; bottom: 0; left: 0; width: 100%; height: 110px; } .fine-show .case-right-img ul li .bo-des .left-tech { width: 552px; height: 100%; background: url(/uploads/image/phimages/imgbg2.png); vertical-align: middle; } .fine-show .case-right-img ul li .bo-des .left-tech span { color: #ffffff; line-height: 110px; vertical-align: middle; font-size: 24px; margin: 0 20px 0 0; } .fine-show .case-right-img ul li .bo-des .left-tech img { line-height: 110px; vertical-align: middle; padding-left: 10px; } .fine-show .case-right-img ul li .bo-des .right-tel { width: 443px; background: url(/uploads/image/phimages/imgbg3.png); height: 110px; } .fine-show .case-right-img ul li .bo-des .right-tel p { color: #ffffff; background: url(/uploads/image/phimages/right-tel.png) no-repeat left center; font-size: 24px; padding-left: 50px; margin-left: 40px; margin-top: 15px; } .case-title { text-align: center; background: url(/uploads/image/phimages/case-title.png) no-repeat center; height: 143px; } .case-title img { padding: 10px 0; } .case-title p { text-align: center; color: #999999; } .case-title a { padding-top: 35px; display: block; text-align: center; } .case-title a h2 { font-size: 30px; text-align: center; line-height: 50px; } .case-title a span { border: 2px solid #cccccc; padding: 5px 20px; } .case-title a cite { background-color: #de7403; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; height: 34px; font-size: 18px; line-height: 34px; padding: 0 30px; color: #ffffff; font-style: normal; } .about-title { text-align: center; background: url(/uploads/image/phimages/case-title.png) no-repeat center; height: 143px; } .about-title img { padding: 10px 0; } .about-title p { text-align: center; color: #999999; } .about-title a { padding-top: 35px; display: block; text-align: center; } .about-title a h2 { font-size: 30px; text-align: center; line-height: 50px; color: #ffffff; } .about-title a span { border: 2px solid #cccccc; padding: 5px 20px; } .about-title a cite { background-color: #de7403; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; height: 34px; font-size: 18px; line-height: 34px; padding: 0 30px; color: #ffffff; font-style: normal; } .about-us { background: url(/uploads/image/phimages/about-back.jpg) no-repeat center top; height: 743px; overflow: hidden; padding-top: 30px; } .about-us .about-img { width: 762px; height: 326px; margin: 50px auto 0 auto; position: relative; } .about-us .about-img .slidebox { width: 762px; height: 326px; position: relative; border: 1px solid #ddd; } .about-us .about-img .slidebox .hd { height: 15px; overflow: hidden; position: absolute; right: 5px; bottom: 5px; z-index: 1; } .about-us .about-img .slidebox .hd ul { overflow: hidden; zoom: 1; float: left; } .about-us .about-img .slidebox .hd ul li { float: left; margin-right: 2px; width: 15px; height: 15px; line-height: 14px; text-align: center; background: #fff; cursor: pointer; } .about-us .about-img .slidebox .hd ul li.on { background: #f00; color: #fff; } .about-us .about-img .slidebox .bd { position: relative; height: 100%; z-index: 0; } .about-us .about-img .slidebox .bd li { zoom: 1; vertical-align: middle; } .about-us .about-img .slidebox .bd img { width: 762px; height: 326px; display: block; } .about-us .about-img .slidebox .prev, .about-us .about-img .slidebox .next { position: absolute; left: -6%; top: 50%; margin-top: -25px; display: block; width: 32px; height: 40px; background: url(/uploads/image/phimages/slider-arrow.png) -110px 5px no-repeat; filter: alpha(opacity=50); opacity: 0.5; } .about-us .about-img .slidebox .next { left: auto; right: -6%; background-position: 8px 5px; } .about-us .about-img .slidebox .prev:hover, .about-us .about-img .slidebox .next:hover { filter: alpha(opacity=100); opacity: 1; } .about-us .about-img .slidebox .prevstop { display: none; } .about-us .about-img .slidebox .nextstop { display: none; } .about-us .about-content { width: 762px; margin: 20px auto 20px auto; } .about-us .about-content p { color: #ffffff; text-indent: 2em; } .about-us .about-more { text-align: center; } .about-us .about-more a { margin: 0 15px; width: 117px; height: 33px; line-height: 33px; text-align: center; color: #ffffff; background: #115ea1; } .about-us .about-more a:hover { background-color: #ffd117; color: #000; } .index-honor { text-align: center; position: relative; } .index-honor .honor-title { background: center bottom no-repeat; height: 50px; margin-bottom: 20px; text-align: center; } .index-honor .honor-title span { font-family: 'impact'; font-size: 30px; display: block; text-align: center; } .index-honor .honor-title h2 { font-size: 24px; } .index-honor .honor-title cite { background-color: #c42e00; height: 32px; line-height: 32px; color: #ffffff; padding: 0 20px; margin-right: 10px; font-size: 18px; font-style: normal; } .index-honor .hd { position: absolute; top: 220px; width: 100%; } .index-honor .hd a { display: block; width: 20px; height: 39px; cursor: pointer; } .index-honor .hd a.prev { position: inherit; left: 0; background: url(/uploads/image/phimages/left-btn.jpg) no-repeat left top; } .index-honor .hd a.next { background: url(/uploads/image/phimages/right-btn.jpg) no-repeat left top; position: inherit; right: 0; } .index-honor .bd { text-align: center; margin: 0 auto; width: 1148px; overflow: hidden; } .index-honor .bd ul li { width: 274px; height: 192px; position: relative; margin-right: 16px; } .index-honor .bd ul li img { width: 274px; height: 192px; } .index-honor .bd ul li span { position: absolute; background: url(/uploads/image/phimages/imgbg2.png); height: 30px; line-height: 30px; bottom: 0; width: 100%; left: 0; color: #ffffff; text-align: center; } .index-honor .bd ul li:hover span { background: url(/uploads/image/phimages/imgbg3.png); } .news-title { overflow: hidden; } .news-title img { line-height: 50px; vertical-align: middle; } .news-title a { line-height: 50px; padding-left: 10px; font-size: 30px; vertical-align: middle; font-weight: 900; } .left-news { width: 752px; } .left-news ul { margin-top: 20px; } .left-news ul li { background-color: #f2f2f2; height: 114px; } .left-news ul li .left-date { width: 94px; background-color: #1f68b6; padding-top: 20px; text-align: center; height: 94px; } .left-news ul li .left-date span { font-weight: 900; color: #ffffff; text-align: center; font-size: 30px; } .left-news ul li .left-date p { text-align: center; font-size: 18px; color: #ffffff; } .left-news ul li .right-news { width: 593px; padding-top: 20px; margin-right: 23px; } .left-news ul li .right-news a { font-weight: 900; } .left-news ul li .right-news p { color: #666666; } .left-news ul li:hover .left-date { background-color: #979447; } .left-news ul li + li { margin-top: 1px; } .right-ask { width: 380px; } .right-ask ul li { height: 110px; padding-top: 15px; } .right-ask ul li a { font-weight: 900; } .right-ask ul li p { color: #666666; } .right-ask ul li + li { border-top: 1px dotted #cccccc; } .bottom-blue { background-color: #4c4c4c; height: 60px; } .bottom-blue a { line-height: 60px; width: 133.3px; text-align: center; color: #ffffff; float:left; } .footer { background-color: #353535; padding: 40px 0; overflow: hidden; } .footer .left-logo { width: 242px; } .footer dl { width: 612px; text-align: left; } .footer dl dt { font-size: 16px; color: #ffffff; line-height: 40px; } .footer dl dd.col-one { width: 160px; } .footer dl dd.col-two { width: 320px; } .footer dl dd a { color: #cccccc; line-height: 30px; } .footer dl dd p { color: #cccccc; line-height: 30px; } .footer dl dd p span { color: #cccccc; left: 30px; padding-right: 20px; } .footer .right-rq { width: 338px; text-align: center; } .footer .right-rq img { vertical-align: top; } .footer .right-rq span { color: #ffffff; font-size: 12px; line-height: 30px; } .footer .friend-link span { color: #666666; font-weight: 900; } .footer .friend-link a { color: #666; padding: 0 20px; } /*# sourcemappingurl=index.css.map */