/*版权*/ /*我们能为你作什么*/ #what{width: 100%;} #what #canwe{width: 1200px;margin: 0 auto;} #what #canwe .top{width: 596px;height: 106px;background: url(../../images/my/doing.png)no-repeat center;margin:0 auto;font-size: 30px;color: #fff;font-weight: bold;line-height: 106px;margin-top: 70px;padding-left:200px;margin-left: 290px;} #what #canwe .miaosu{font-size: 18px;color: #666;text-align: center;line-height: 80px;margin-bottom: 20px;} #what #canwe .bottom li{width: 220px;height: 300px;float:left;margin-left: 25px;} #what #canwe .bottom li:first-child{margin-left: 0px;} #what #canwe .bottom li p{width: 220px;height: 40px;line-height: 40px;background: #e77817;text-align: center;margin-top: -4px !important;} #what #canwe .bottom li p a{color: #fff;font-size: 16px;} /*产品中心*/ #chan{width: 100%;} #chan #chanp{width: 1200px;margin: 0 auto;} #chan #chanp .top p{font-size: 32px;color: #e77817;font-weight: bold;text-align: center;} #chan #chanp .top span{display: block;font-size: 16px;color: #ccc;line-height: 30px;text-align: center;} #chan #chanp .top hr{width: 50px;height: 2px;background: #e77817;margin: 0 auto;border: none;outline: none;margin-top: 5px;margin-bottom: 50px;} #chan #chanp .top_3 tr img{display: block;} #chan #chanp .top_3 tr{font-size: 14px;color: #666;text-align: center;line-height: 35px;} #chan #chanp .pro_di{width: 1200px;height:163px;background: url(../../images/my/pro_di.png)no-repeat center;} #chan #chanp .pro_di a{width: 175px;height: 45px;line-height: 45px;text-align: center;color: #e77817;display: block;margin: 0 auto;border: 1px solid #e77817;font-size: 14px;} /*你是否会遇到以下问题*/ #wen{width: 100%;} #wen #wenti{width: 1200px;margin: 0 auto;} #wen #wenti .top{margin: 0 auto;margin-top: 70px;margin-bottom: 45px;} #wen #wenti .bottom .left{width: 594px;float: left;} #wen #wenti .bottom .right{width: 489px;float: right;height: 361px;background: url(../../images/my/wenti_you.png)no-repeat center;margin-top: 22px;padding-top: 20px;} #wen #wenti .bottom .right li{font-size: 16px;color: #666;line-height: 60px;padding-left: 60px;} /*公司优势*/ #gong{width: 100%;margin-top: 70px;} #gong #gongsi{width: 1200px;margin: 0 auto;} #gong #gongsi .top{width: 1200px;height: 141px;background: url(../../images/my/youshi_top.png)no-repeat center;margin: 0 auto;text-align: center;font-size: 18px;color: #999;} #gong #gongsi p{font-size: 34px;color: #e77817;font-weight: bold;padding-top: 40px;} #gong #gongsi .bottom{width: 1200px;height: 957px;background: url(../../images/my/youshi_bot.png)no-repeat center;margin: 0 auto;margin-bottom: 50px;} #gong #gongsi .bottom .left{width: 400px;float: left;font-size: 14px;color:#666;line-height: 25px;padding-left: 135px;padding-top: 15px;} #gong #gongsi .bottom .left p{font-size: 18px;color: #333;border-bottom: 1px dashed #e77817;margin-bottom: 15px;line-height: 60px;} #gong #gongsi .bottom .left p span{font-size: 30px;color: #e77817;font-weight: bold;padding-right: 20px;} /*工程案例*/ #gc{width: 100%;margin-top: 70px;height:500px;background: url(../../images/my/gcal_bg.png)no-repeat center;} #gc #gcal{width: 1200px;margin:0 auto;} #gc #gcal .right{width: 750px;float: right;padding-right: 90px;padding-top:100px;text-align: center;color: #fff;} #gc #gcal .right p{font-size: 32px;font-weight: bold;} #gc #gcal .right span{font-size: 16px;display: block;line-height: 40px;} #gc #gcal .right .nei{font-size: 14px;line-height: 25px;} #gc #gcal .right a{width: 300px;height: 50px;line-height: 50px;text-align: center;background: #fff;color: #333;display: block;float:left;font-size: 16px;margin-left: 50px;margin-top: 85px;} /*公司简介*/ #about{width: 100%;padding-top: 60px;background: #fff;height: 600px;} #about #aboutus{width: 1200px;margin: 0 auto;} #about #aboutus .left{width: 189px;height:282px;float: left;background: url(../../images/my/about.png)no-repeat center;} #about #aboutus .right{width:980px;float: right;margin-top: 20px;} #about #aboutus .right p{font-size: 24px;color: #0643ad;} #about #aboutus .right span{font-size: 14px;color: #666;line-height: 25px;display: block;margin-top: 20px;} #about #aboutus .right a{width: 125px;height: 35px;line-height: 35px;text-align: center;font-size: 14px;color: #e77817;border: 1px solid #e77817;display: block;margin-top: 24px;} #about #aboutus .bot{margin-top: 60px;} #about #aboutus .bot li{width: 25%;float: left;text-align: center;text-align: center;color: #ccc;} #about #aboutus .bot li p{font-size: 16px;color: #333;line-height: 30px;} #about #aboutus .bot li img{display: block;margin: 0 auto;margin-bottom: 10px;} #about #aboutus .bot li img:hover{transition:2s;transform:rotate(360deg);} #about #aboutus .bot li .botli_1{width:128px;height: 128px;background: url("../../images/my/about_1.png");margin: 0 auto;margin-bottom: 15px;} #about #aboutus .bot li .botli_1:hover{background: url("../../images/my/about_1.jpg");transition: all 0.3s ease-in-out;} #about #aboutus .bot li .botli_2{width:128px;height: 128px;background: url("../../images/my/about_2.png");margin: 0 auto;margin-bottom: 15px;} #about #aboutus .bot li .botli_2:hover{background: url("../../images/my/about_2.jpg");transition: all 0.3s ease-in-out;} #about #aboutus .bot li .botli_3{width:128px;height: 128px;background: url("../../images/my/about_3.png");margin: 0 auto;margin-bottom: 15px;} #about #aboutus .bot li .botli_3:hover{background: url("../../images/my/about_3.jpg");transition: all 0.3s ease-in-out;} #about #aboutus .bot li .botli_4{width:128px;height: 128px;background: url("../../images/my/about_4.png");margin: 0 auto;margin-bottom: 15px;} #about #aboutus .bot li .botli_4:hover{background: url("../../images/my/about_4.jpg");transition: all 0.3s ease-in-out;} /*合作客户*/ .m5{width:100%; background:#f2f2f2; height:500px;} .wrap{width: 1200px;margin: 0 auto;padding-top: 50px;;} .wrap .top p{font-size: 32px;color: #e77817;font-weight: bold;text-align: center;} .wrap .top span{display: block;font-size: 16px;color: #ccc;line-height: 30px;text-align: center;} .wrap .top hr{width: 50px;height: 2px;background: #e77817;margin: 0 auto;border: none;outline: none;margin-top: 5px;margin-bottom: 20px;} .m5list li{ float:left; width:220px; position:relative;margin-left: 25px;margin-top: 25px;} .m5list li:first-child{margin-left: 0px;} .m5list li:nth-child(6),.m5list li:nth-child(11){margin-left: 0px;} .m5list li a{display:block; width:100%; height:100%;} .m5list li a span{ position:absolute; left:0; top:0; width:100%; height:100%; font-size:24px; color:#fff;text-align:center; line-height:120px; background:rgba(0,0,0,0.5);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;} .m5list li a:hover span{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;} /*新闻中心*/ #xin{width: 100%;height: 600px;background: #fff;} #xin #xinwen{width: 1200px;margin:0 auto;padding-top: 60px;} #xin #xinwen .top p{font-size: 32px;color: #e77817;font-weight: bold;text-align: center;} #xin #xinwen .top span{display: block;font-size: 16px;color: #ccc;line-height: 30px;text-align: center;} #xin #xinwen .top hr{width: 50px;height: 2px;background: #e77817;margin: 0 auto;border: none;outline: none;margin-top: 5px;margin-bottom: 40px;} #xin #xinwen .bot .left{width: 370px;float: left;margin-left: 45px;} #xin #xinwen .bot .left:first-child{margin-left: 0px;} #xin #xinwen .bot .left .ding{width: 370px;height: 35px;border-bottom:1px solid #e77817;} #xin #xinwen .bot .left .ding p{width: 110px;height: 35px;background: #e77817;color: #fff;font-size: 16px;text-align: center;line-height: 35px;border-radius: 5px;float: left;} #xin #xinwen .bot .left .ding a{line-height: 35px;font-size: 14px;float: right;display: block;} #xin #xinwen .bot .left .ding a:hover{color: #e77817;} #xin #xinwen .bot .left img{margin-top: 10px;display: block;} #xin #xinwen .bot .left .xwli li{line-height: 35px;height: 35px;border-bottom: 1px dashed #ccc;} #xin #xinwen .bot .left .xwli li span{float: right;color: #ccc;} /*公司简介css样式*/ .aboutfont{font-size: 14px;color: #666;line-height: 35px;} /* .news_list .neirong{line-height: 25px;font-size: 12px;color: #666;margin-top: 20px;} */ .news_list .tag a{display: block;float: left;padding-left: 15px;padding-right: 15px;background: #0643ad;color: #fff;margin: 5px;border-radius: 5px;padding-top: 5px;padding-bottom: 5px;} .news_list .tag{margin-top: 20px;} .news_list .tuijian .left{float: left;width: 410px;} .news_list .tuijian .left p{color: #0643ad;font-size: 16px;text-align: left;line-height: 50px;margin-top: 20px;} .news_list .tuijian .left li{line-height: 30px;font-size: 14px;color: #999;} .news_list .fanye{font-size: 14px;color: #666;margin-top:30px;margin-bottom: 40px;} /*分页*/ --------------------------------------------------------------------*/ .pageGuide{ width:100%; font-size: 12px; padding-top:20px;} .pageinfo{ float:left; } .paging{ text-align: center;margin-top: 50px;} .paging a{ display:inline-block; margin-left:6px; border:1px solid #ddd; background: #fff; padding-left: 8px; padding-right: 8px; height: 28px; line-height:28px; overflow:hidden;_line-height:17px; } .paging .current:link, .paging .current:visited, .paging .current:active{ background: #333333; color:#fff; border: 1px solid #333333; } .paging span{ background:#333333; display:inline-block; margin-left:6px; border:1px solid #ddd; padding-left: 8px; padding-right: 8px; height: 28px; color:#fff; line-height:28px; overflow:hidden;_line-height:17px; } .paging a:link, .paging a:visited, .paging a:active{ color:#888; } .paging a:hover{ background: #333333; color:#fff; text-decoration:none; border:1px solid #333333; } .crumbs{font-size: 14px !important;} .alltitle{border-bottom: 1px solid #ccc;padding-bottom:10px;} #jjjie{width: 100%;} #jjjie #jiejue{width: 1200px;margin: 0 auto;height: 440px;} #jjjie #jiejue .top{padding-top: 30px;padding-left: 30px;} #jjjie #jiejue .top .left{width: 111px;height: 41px;background: url(images/jj_bg.jpg)no-repeat center;font-size: 20px;color: #333;float:left;} #jjjie #jiejue .top .left span{padding-left: 30px;} #jjjie #jiejue .top .right a{float: right;display: block;font-size: 14px;line-height: 40px;padding-right: 30px;} #jjjie #jiejue .top .right a:hover{color: #ea1a0c;} .product { width:1200px; height:440px; overflow:hidden; margin:0 auto;} .product p.name{ width:1200px;} .product p.name b{ display:block; text-align:center; font-size:18px; font-weight:bold; color:#333;} .product p.name span{ display:block; text-align:center; font-size:16px; text-transform:uppercase;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#333;} .pro-scr { width:1200px; height:auto; OVERFLOW: hidden; ZOOM: 1; margin-top:20px; margin-bottom:15px;} .pro-scr .pcont {FLOAT: left; OVERFLOW: hidden; WIDTH:1100px;margin-left: 10px;padding-right: 10px;} .pro-scr .ScrCont {WIDTH: 32733px; ZOOM: 1;} .pro-scr #List1_1 {FLOAT: left;} .pro-scr #List2_1 {FLOAT: left;} .pro-scr .LeftBotton { background: url(../../images/my/btn_Pro_show_left.png) no-repeat; FLOAT: left; MARGIN:130px 0px 0px 0px; WIDTH:33px; HEIGHT:78px;} .pro-scr .RightBotton { background: url(../../images/my/btn_Pro_show_right.png) no-repeat; FLOAT: right; MARGIN:130px 0px 0px 17px; WIDTH:33px; HEIGHT:78px;} .pro-scr .LeftBotton {BACKGROUND-POSITION: 0px 0px; MARGIN-LEFT: 0px;} .pro-scr .RightBotton {BACKGROUND-POSITION: 0px 0px; MARGIN-LEFT:0px;} .pro-scr .pl {DISPLAY: block; float:left;} .pro-scr .pl li{ float:left; width:255px; height:300px;text-align:center;padding-left: 22px;} .pro-scr .pl li .pic { width:220px; height:260px;border:1px dashed #d9d9d9;background: #fff;} .pro-scr .pl li .pic p{ width: 220px; height: 40px; line-height: 40px; background: #e77817; text-align: center; margin-top: -4px !important;color:#fff;} .pro-scr .pl li .bti a{font-size: 16px;color: #ea1a0c;line-height: 45px;} .pro-scr .pl li .pic .xiaolei{color: #999;line-height: 20px;width: 170px;margin: 0 auto;text-align: left;margin-top: 15px;} .pro-scr .pl li .pic .xiaolei a{display: block;line-height: 32px;font-size: 12px;width: 89px;height: 32px;background: #d9d9d9;border-radius: 5px;margin: 0 auto;text-align: center;margin-top: 15px;color: #666;} .pro-scr .pl li .pic .xiaolei a:hover{background: #db261c;color: #fff;} .pro-scr .pl li .pic img { width:220px; height:260px;} .pro-scr .pl li a{ color:#333;} .pro-scr .pl li h5 { background:#ddd; height:44px; width:220px; line-height:44px; font-size:14px; font-weight:bold; border-top:1px solid #fff;} .pro-scr .pl li:hover h5{ background:#C9161E;} .pro-scr .pl li:hover h5 a{ color:#fff;} .pro-more{ display:block; text-align:center; line-height:35px; color:#f4ad00; font-size:14px; margin:20px auto 0 auto; height:35px; width:208px; background:url(morebg1.gif) left top no-repeat;} a, body { color: #333; } .products_list li { float: left; width: 205px; text-align: center; margin: 0 15px 20px 15px; display: inline; } .products_list li .picture { display: block; width: 100%; height: auto; overflow: hidden; } .products_list li .picture img { width: 100%; height: auto; }