@charset "utf-8"; /* about begin */ .about-banner{} #aboutpic{background:url(../img/aboutpic.jpg) no-repeat center 50%; height:273px;} #contactpic{background:url(../img/aboutpic5.jpg) left center no-repeat; height:273px;} .content_main{background:url(../img/bg.jpg) repeat; overflow:hidden;} .qh{width:1200px; margin:20px auto 0; overflow:hidden; background:url(../img/homeico.png) left 1px no-repeat; text-align:left; text-indent:28px; padding-bottom:20px; border-bottom:1px solid #808080;} .qh a{color:#303030;} .c_about{width:1200px; margin:40px auto 0; overflow:hidden;} .c_about .pic_text{margin-top:25px; overflow:hidden;} .c_about .pic_text .left_pic{float:left; width:553px;} .c_about .pic_text .left_pic .screen img{width: 553px;} .c_about .pic_text .right_text{float:right; width:618px;} .c_about .pic_text .right_text p{text-align:justify;font-size:16px;line-height:28px; color:#303030; text-indent:2em;} .c_about .pic_text .right_text ul{overflow:hidden; margin-top:30px;} .c_about .pic_text .right_text ul li{float:left; width:123px;} .c_about .pic_text .right_text ul li .name{margin-top:10px; font-size:16px; color:#000;} .production_ability{width:1200px; margin:40px auto 0; overflow:hidden;} .production_ability p{text-align:left; color:#303030;margin-top:10px;font-size:16px;line-height:28px;} .production_ability ul{overflow:hidden; margin:35px -37px 0 0;} .production_ability ul li{float:left; width:375px; margin-right:37px;} .production_ability ul li .cq_name{background:#fff; height:70px; line-height:70px; font-size:18px; color:#000;} .brand{background:url(../img/pai_bg.jpg) left center no-repeat; overflow:hidden; margin-top:40px; padding-bottom:50px;} .brand .nr{width:1200px; margin:40px auto 0;overflow:hidden;} .brand .nr p{ text-align:left;margin-top:10px;font-size:16px;} .brand .nr ul{overflow:hidden; margin:58px 0 0 76px;} .brand .nr ul li{float:left; width:250px;} .brand .nr ul li .ico{border-radius:50%; border:2px solid #da271e; width:80px; height:80px; margin:0 auto;} .brand .nr ul li .ico img{ height:43px; width:43px; display:inline-block; margin-top:18px;} .brand .nr ul li .ico2{margin-top:10px; font-size:22px; color:#000;} .brand .nr ul li .ms{margin-top:10px; font-size:16px; font-weight:200;} .honor{width:1200px; margin:40px auto 0; overflow:hidden;} .honor .detail{overflow:hidden;} .honor .detail p{float:right; width:492px; text-align:left; margin-top:45px;font-size:16px; line-height:28px;} .honor .detail .pic{float:left; width:616px; overflow:hidden;} .honor .detail .pic ._1{float:left; width:296px;} .honor .detail .pic ._1 .jp img{width:296px;} .honor .detail .pic ._2{float:right; width:296px;} .honor .detail .pic ._2 .jp img{width:296px;} .honor .name{font-size:16px; color:#000; margin-top:10px;} .honor ul{overflow:hidden; margin:30px -33px 0 0;} .honor ul li{float:left; width:268px; margin-right:33px;margin-bottom:20px;} .honor ul li .zs img {width:296px;} .fazhan{ line-height: 30px;width: 1200px; margin:40px auto;} .fazhan p { text-align: left;margin-top: 10px;font-size: 16px;line-height: 28px;} .fazhan .list{ margin: 15px 0 20px;} .fazhan li{ float: left; text-align: center; font-size: 16px;} .fazhan .list li + li{ margin-left: 60px;} .fazhan .u2 li + li{ margin-left: 20px;} .fazhan li p{ padding-top: 5px;text-align: center;} /* 本例子css */ .hasMoreTab .hd{ width:825px; overflow:hidden; margin:-120px auto 100px 300px;} .hasMoreTab .hd .more{ float:right; } .hasMoreTab .hd ul{ margin:0px; } .hasMoreTab .hd li{ float:left; width:160px; cursor:pointer;font-size:18px; } .hasMoreTab .hd li img{display:inline-block; margin-bottom:8px;} .hasMoreTab .bd .con{ overflow:hidden; margin-top:25px; text-align:left;} .hasMoreTab .bd .con .pic{ float:left; width:186px; margin:0 20px 20px 0;} .hasMoreTab .bd .con .pic img{ width:186px; height:138px;} .hasMoreTab .bd .con .t{ font-size:24px; margin-bottom:10px;} .hasMoreTab .bd .text{line-height:24px;} /*关于我们-工业园区*/ .Industrial{width:1200px; margin:40px auto 45px; overflow:hidden;} .Industrial p{text-align:left; line-height:24px;} .Industrial ul{} .Industrial ul li{ margin-top:45px; overflow:hidden;} .Industrial ul li .pic{float:left; width:375px; height:396px;} .Industrial ul li .pic{width:375px; height:396px;} .Industrial ul li .I_detail{float:right; width:580px; border:3px solid #808080; height:390px; text-align:left;} .Industrial ul li .I_detail h2{margin:100px 0 0 60px;} .Industrial ul li .I_detail .text{margin:30px 60px 0 60px;} .Industrial ul li .I_detail .ico{ float:right; margin:20px 60px 0 0;} .Industrial ul li .pic2{float:right;} .Industrial ul li .pic2{} .Industrial ul li ._2{float:left; width:580px; border:3px solid #808080; height:390px; text-align:left;} /*关于我们-全球战略*/ .strategy{width:1200px; margin:40px auto 45px; overflow:hidden; text-align:left;} .strategy .map{margin-top:35px;} .strategy ul{text-align:center;} .strategy ul h4{font-size:18px; color:#e24108; overflow:hidden;} .strategy ul li{float:left; width:300px; margin-top:50px;} .strategy ul li._1 .s{background:url(../img/Circle_1.png) center center no-repeat; height:192px; width:192px; margin:0 auto; } .strategy ul li._2 .s{background:url(../img/Circle_2.png) center center no-repeat; height:192px; width:192px; margin:0 auto; } .strategy ul li._3 .s{background:url(../img/Circle_3.png) center center no-repeat; height:192px; width:192px; margin:0 auto; } .strategy ul li._4 .s{background:url(../img/Circle_4.png) center center no-repeat; height:192px; width:192px; margin:0 auto; } .strategy ul li .s b{font-size:18px;color:#e24108; display:block; padding-top:85px;} .strategy ul li .tt{margin-top:12px; font-size:16px; color:#000; font-weight:900;} /*关于我们-精彩展示*/ .wonderful{width:1200px; margin:40px auto 45px; overflow:hidden; text-align:left;} .wonderful .bigpic{margin-top:30px; overflow:hidden;} .wonderful .bigpic .tu1{float:left; width:581px;} .wonderful .bigpic .tu2{float:right; width:581px;} .wonderful ul{overflow:hidden;margin-right:-35px;} .wonderful ul li{margin-top:35px; float:left; width:376px; margin-right:35px;} .wonderful .web{margin-top:35px;} .wonderful .web h4{font-size:20px; color:#000;} .wonderful .web ul{overflow:hidden; margin-right:-30px;} .wonderful .web ul li{float:left; width:174px; margin-right:30px; text-align:center;} .wonderful .web ul li .country{font-size:16px; margin-top:12px;} .wonderful .web ul li .country a{color:#000;} /*关于我们-teamwork*/ .teamwork{width:1200px; margin:40px auto 45px; overflow:hidden; text-align:left;} .teamwork ul{overflow:hidden; margin-right:-30px;} .teamwork ul li{float:left; width:277px; background:#fff; margin:30px 30px 0 0; text-align:center; padding:20px 0;} /*关于我们-人才招聘*/ .content_main{position:relative;} .Recruitment{margin-bottom:45px;} .Recruitment .up{width:1200px; margin:40px auto 45px; overflow:hidden;} .Recruitment .up .note{ background:#fff; padding:0px 25px; text-align:left; height:65px; line-height:65px; font-size:16px;} .Recruitment .up .note b{ color:#da271e;} .Recruitment .info{width:1200px; margin:0 auto; overflow:hidden;} .Recruitment .info ul{ margin:-27px -27px 0 0;overflow:hidden;} .Recruitment .info ul li{ width:199px; float:left; background:#fff; margin:27px 27px 0 0; text-align:left; padding:35px 40px; cursor:pointer;} .Recruitment .info ul li:hover{box-shadow: 5px 5px 2px #d5d5d5; cursor:pointer;} .Recruitment .info ul li .date{margin-bottom:10px; color:#565656;} .Recruitment .info ul li h2{margin-bottom:10px; color:#000; font-size:18px;} .Recruitment .info ul li dd{margin-top:5px;} .Recruitment .info ul li .yp a{ display:block;width:120px; margin:0 auto; text-align:center; background:#da271e; margin-top:18px; height:40px; line-height:40px; color:#fff;} .Recruitment .info .Notice{ overflow:hidden; margin-top:58px; } .Recruitment .info .Notice .ico{float:left; width:234px; background:#565656;height:209px;} .Recruitment .info .Notice .ico .tb{margin-top:40px;} .Recruitment .info .Notice .ico h3{font-size:26px; color:#fff; margin-top:10px;} .Recruitment .info .Notice .text{background:#fff;height:159px; text-align:left; padding:25px 40px 25px 40px; float:right; width:886px; line-height:24px;} .Recruitment .detail{ background:rgba(0,0,0,0.7); position:absolute; top:0; left:0; color:#fff; width:100%; height:100%; display:none} .Recruitment .detail ul{margin-top:330px; overflow:hidden;} .Recruitment .detail ul li{background:#fff; border-radius:10px; width:1015px; margin:0 auto; color:#303030; padding:50px; text-align:left; display:none;} .Recruitment .detail ul li .title{ overflow:hidden; padding-bottom:15px; border-bottom:2px solid #da271e;} .Recruitment .detail ul li .title h2{float:left;font-size:20px; color:#000; font-weight:bold;} .Recruitment .detail ul li .title .x{float:right;font-size:24px; color:#808080; font-weight:bold; cursor:pointer;} .Recruitment .detail ul li .d-info p{margin-top:20px; line-height:24px; font-size:16px;} .Recruitment .detail ul li .rz{width:778px; height:64px; line-height:64px; color:#000; font-size:16px; background:#d7d7d7; text-align:center; margin:50px auto 0;} /*关于我们-企业年鉴*/ .qy-nj{width:1200px; margin:40px auto 45px; overflow:hidden;text-align:left; position:relative;} .qy-nj ul{overflow:hidden;} .qy-nj ul .year-thing{overflow:hidden;} .qy-nj ul .year-thing .tt{overflow:hidden;} .qy-nj ul .year-thing .tt h3{float:left; font-size:38px; font-weight:bold; width:100px; } .qy-nj ul .year-thing .tt .q{float:left; margin-left:41px; margin-top:12px;} .qy-nj ul .year-thing .tt .x-line{float:right; border-bottom:1px solid #808080; width:1038px;margin-top:22px;} .qy-nj ul .year-thing ol {float:right; width:1059px;position:relative;} .qy-nj ul .year-thing ol li{overflow:hidden; border-left:1px solid #808080; margin-left:9px; padding:10px 0;} .qy-nj ul .year-thing ol li .yq{ position:absolute;left:2px; z-index:99;} .qy-nj ul .year-thing ol li .y-title{float:left; margin-left:50px; font-size:16px; color:#000; cursor:pointer;} .qy-nj ul .year-thing ol .tw{overflow:hidden;} .year-thing-pic{display:none; text-align:center; margin:10px 0;} .qy-nj ul.rongyu{margin-left:-100px;} .qy-nj ul.rongyu li{float:left;margin:20px 0 0 100px;text-align:center;font-size:18px;height:390px;} .qy-nj ul.rongyu li img{width:500px;} .qy-nj ul.rongyu li p{margin:10px 0;} /*联系我们-teamwork*/ .contact{width:1200px; margin:40px auto 45px; overflow:hidden; text-align:left;} .contact .all{margin:20px 0 0 0; overflow:hidden;} .contact .all .ico{float:left; width:234px; background:#da271e; text-align:center; height:164px;} .contact .all .ico .t{margin-top:45px;} .contact .all .ico h3{margin-top:15px; color:#fff; font-family:"思源黑体";} .contact .all .text{float:right; width:876px; background:#fff;height:84px; padding:40px 45px; font-size:16px; color:#000; line-height:28px;} .contact .all .text p{margin-top:5px;} .contact .department{margin:20px 0 0 0; overflow:hidden;} .contact .department .left{float:left; width:505px; background:#fff; padding:30px 40px;} .contact .department .right{float:right; width:505px; background:#fff; padding:30px 40px;} .contact .department h3{font-size:18px; color:#000; padding-bottom:10px; width:99px; border-bottom:2px solid #da271e;} .contact .department .c-info{line-height:24px; margin-top:15px;} .contact .department .c-imgr{float:right;} /*联系我们-在线留言*/ #message{width:1200px; margin:40px auto 0px; overflow:hidden;text-align:left; } #message form{margin-top:20px;} #message form ul{overflow:hidden;margin:-20px -30px 0 0;} #message form ul li{float:left; width:585px; margin:20px 30px 0 0;} #message form ul li input{ background:#fff; border:0; height:60px; line-height:60px;width:565px; padding:0 10px; outline:none;} #message form .box{ width:1200px; margin-top:20px;} #message form .box textarea{ width:1180px; line-height:24px;border:0;outline:none;padding:10px 10px; height:145px; font-family:"思源黑体"; font-size:14px;} #message .b{margin-top:20px;} #message .b .tj {width: 167px;height: 40px;line-height: 40px;background: #da271e; border: 0; color: #fff;outline: none; margin-right: 30px; cursor: pointer;} #message .b .cx {width: 167px;height: 40px;line-height: 40px;background: #7f7f81; border: 0; color: #fff;outline: none; margin-right: 30px; cursor: pointer;} #message .b input{width:167px; height:40px; line-height:40px;} #message p{margin-top:10px; line-height:24px;} /*联系我们-路线导航*/ .mappic{width:1200px; margin:40px auto 0px; overflow:hidden; text-align:left;} .map{margin-top:20px;} .mappic .car{overflow:hidden; margin-top:30px;} .mappic .car ._1{float:left; width:500px; background:#fff; padding:30px 40px; overflow:hidden;} .mappic .car img{display:block; background:#999999; border-radius:50%; padding:15px;} .mappic .car .pic{width:80px; display:inline-block; text-align:center; float:left;} .mappic .car .pic p{font-size:16px; font-weight:bold; margin-top:8px;} .mappic .car .add{width:305px; display:inline-block; margin:10px 0 0 40px; float:left; color:#565656;line-height:30px;} .mappic .car .add b{font-size:18px;} .mappic .car ._2{float:right; width:500px; background:#fff; padding:30px 40px; overflow:hidden;} .mappic .welcome{margin-top:30px; height:60px; line-height:60px;color:#000; text-align:center; background:#fff; font-size:18px; font-weight:bold;} .mappic .welcome p{background:url(../img/teamworkico.png) 190px center no-repeat; text-indent:45px;} /* products begin */ #productspic{background:url(../img/products/products-banner.jpg) no-repeat center 50%; height:273px;} .products_ico{width:1200px; margin:40px auto 0px; overflow:hidden; text-align:left;} .second_title{font-size:24px; color:#000; font-weight:bold;} .products_ico p{margin-top:20px;} .products_ico ul{overflow:hidden; margin:20px -12px 0 0;} .products_ico ul li{float:left; width:161px; text-align:center; margin-right:12px;-webkit-transition-property: background-color; -webkit-transition-duration: 0.8s;-webkit-transition-timing-function: ease;} /*.content_main .list ul li:hover{background:rgba(100,100,100,0.5);border-radius:10%} .content_main .list ul li:hover .tt a{color:#FFF;} .content_main .list ul li:hover .more a{color:#FFF;border:0}*/ .products_ico ul li .icon{} .products_ico ul li .tt{ font-size:16px; margin-top:10px;} .products_ico ul li .tt a{color:#000;} .products_ico ul li .tt a:hover{color:#da271e;} .list{width:1200px; margin:40px auto 0px; overflow:hidden; text-align:left;} .list .fl{ margin-top:15px;} .list .fl a{color:#303030;} .list .fl a:hover{color:#da271e;} .list ul{overflow:hidden; margin:30px -32px 0 0;} .list ul li{float:left; width:263px; margin-right:32px; text-align:center;} .list ul li img{width:263px;height: 190px;border-radius: 3%;} .list ul li .tit{margin-top:15px; font-size:16px; color:#000;font-weight:bold;} .list ul li .more{ overflow:hidden; margin-top:20px;} .list ul li .more .xq{ float:left;display:inline-block;} .list ul li .more .bj{ float:right; display:inline-block;} .list ul li .more a{width:90px; height:35px; line-height:35px; border:1px solid #808080; display:inline-block; color:#565656;} .list ul li .more a:hover{color:#da271e;border:1px solid #da271e; } .list .concrete-mixer{ margin-top:40px;} .list .soil-plant{ margin-top:40px;} .list .concret-pld{ margin-top:40px;} /* 本例子css */ .slideGroup{ background:url(../img/products/zs_bg.jpg) left center no-repeat; margin:40px auto 0px;} .zs_machinery{width:1200px; margin:40px auto 0px; overflow:hidden; text-align:left; padding-bottom:40px;} .slideGroup{} .slideGroup .hd{ overflow:hidden; margin-top:35px;} .slideGroup .hd li{ position:relative; float:left; margin-right:50px; font-size:24px; color:#000; font-weight:bold; cursor:default; } .slideGroup .hd li a{ color:#000; } .slideGroup .hd li a:hover{ color:#c00; } .slideGroup .hd li.on a{ color:#c00; } .slideGroup .bd{} .slideGroup .lh{ overflow:hidden;margin-right:-32px; } .slideGroup .lh li{ width:276px;float:left; margin-right:32px; text-align:center; } .slideGroup .lh li .p-img{ width:276px;} .slideGroup .lh li .p-img img{ width:276px;} .slideGroup .lh li .p-name{ margin-top:15px; font-size:16px; color:#000; font-weight:bold;} .slideGroup .lh li .p-name a{color:#000;} .slideGroup .lh li .more{ overflow:hidden; margin-top:20px;} .slideGroup .lh li .more .xq{ float:left;display:inline-block;} .slideGroup .lh li .more .bj{ float:right; display:inline-block;} .slideGroup .lh li .more a{width:90px; height:35px; line-height:35px; border:1px solid #808080; display:inline-block; color:#565656;} .slideGroup .lh li .more a:hover{color:#da271e;border:1px solid #da271e; } /* 产品列表页 begin */ #productslistpic11{background:url(../img/products/concrete_batching_banner11.jpg) left center no-repeat; height:240px;overflow:hidden;} #productslistpic11 h1{width:auto; margin:0 auto; color:#000;margin-top:65px;background:#ffcf00; font-size:24px;padding:10px;letter-spacing:3px;display:table;} #productslistpic11 .ys{overflow:hidden; width:1200px; margin:50px auto 0; background:rgba(0,0,0,0.5); } #productslistpic11 ul{overflow:hidden; width:1080px; margin:0 auto 0;} #productslistpic11 ul li{float:left; color:#fff; background:url(../img/products/Check_icon.png) left center no-repeat; margin-left:60px; height:55px; line-height:55px; font-size:18px; text-indent:40px;} #productslistpic12{background:url(../img/products/concrete_batching_banner12.jpg) left center no-repeat; height:240px;overflow:hidden;} #productslistpic12 h1{width:auto; margin:0 auto; color:#000;margin-top:65px;background:#ffcf00; font-size:24px;padding:10px;letter-spacing:3px;display:table;} #productslistpic12 .ys{overflow:hidden; width:1200px; margin:50px auto 0; background:rgba(0,0,0,0.5); } #productslistpic12 ul{overflow:hidden; width:1080px; margin:0 auto 0;} #productslistpic12 ul li{float:left; color:#fff; background:url(../img/products/Check_icon.png) left center no-repeat; margin-left:60px; height:55px; line-height:55px; font-size:18px; text-indent:40px;} #productslistpic13{background:url(../img/products/concrete_batching_banner13.jpg) no-repeat center 50%; height:240px;overflow:hidden;} #productslistpic13 h1{width:auto; margin:0 auto; color:#000;margin-top:65px;background:#ffcf00; font-size:24px;padding:10px;letter-spacing:3px;display:table;} #productslistpic13 .ys{overflow:hidden; width:1200px; margin:50px auto 0; background:rgba(0,0,0,0.5); } #productslistpic13 ul{overflow:hidden; width:1080px; margin:0 auto 0;} #productslistpic13 ul li{float:left; color:#fff; background:url(../img/products/Check_icon.png) left center no-repeat; margin-left:60px; height:55px; line-height:55px; font-size:18px; text-indent:40px;} #productslistpic18{background:url(../img/products/concrete_batching_banner18.jpg) no-repeat center 50%; height:240px;overflow:hidden;} #productslistpic18 h1{width:auto; margin:0 auto; color:#000;margin-top:65px;background:#ffcf00; font-size:24px;padding:10px;letter-spacing:3px;display:table;} #productslistpic18 .ys{overflow:hidden; width:1200px; margin:50px auto 0; background:rgba(0,0,0,0.5); } #productslistpic18 ul{overflow:hidden; width:1080px; margin:0 auto 0;} #productslistpic18 ul li{float:left; color:#fff; background:url(../img/products/Check_icon.png) left center no-repeat; margin-left:60px; height:55px; line-height:55px; font-size:18px; text-indent:40px;} #productslistpic19{background:url(../img/products/concrete_batching_banner19.jpg) no-repeat center 50%; height:240px;overflow:hidden;} #productslistpic19 h1{width:auto; margin:0 auto; color:#000;margin-top:65px;background:#ffcf00; font-size:24px;padding:10px;letter-spacing:3px;display:table;} #productslistpic19 .ys{overflow:hidden; width:1200px; margin:50px auto 0; background:rgba(0,0,0,0.5); } #productslistpic19 ul{overflow:hidden; width:1080px; margin:0 auto 0;} #productslistpic19 ul li{float:left; color:#fff; background:url(../img/products/Check_icon.png) left center no-repeat; margin-left:60px; height:55px; line-height:55px; font-size:18px; text-indent:40px;} #productslistpic21{background:url(../img/products/concrete_batching_banner21.jpg) no-repeat center 50%; height:240px;overflow:hidden;} #productslistpic21 h1{width:auto; margin:0 auto; color:#000;margin-top:65px;background:#ffcf00; font-size:24px;padding:10px;letter-spacing:3px;display:table;} #productslistpic21 .ys{overflow:hidden; width:1200px; margin:50px auto 0; background:rgba(0,0,0,0.5); } #productslistpic21 ul{overflow:hidden; width:1080px; margin:0 auto 0;} #productslistpic21 ul li{float:left; color:#fff; background:url(../img/products/Check_icon.png) left center no-repeat; margin-left:60px; height:55px; line-height:55px; font-size:18px; text-indent:40px;} .product-detail-list{width:1200px; margin:40px auto 0px; overflow:hidden; } .product-detail-list ul{margin:-20px -32px 0 0;} .product-detail-list ul li{ float:left; width:276px; margin:20px 32px 0 0;height:295px;} .product-detail-list ul li .pic img{ width:276px;height:165px;border-radius: 3%;} .product-detail-list li .title{margin-top:15px; font-size:16px; color:#000;font-weight:bold;} .product-detail-list li .more{ overflow:hidden; margin-top:20px;} .product-detail-list li .more .xq{ float:left;display:inline-block;} .product-detail-list li .more .bj{ float:right; display:inline-block;} .product-detail-list li .more a{width:90px; height:35px; line-height:35px; border:1px solid #808080; display:inline-block; color:#565656;} .product-detail-list li .more a:hover{color:#da271e;border:1px solid #da271e; } #related—case{width:1200px; margin:40px auto 0px; overflow:hidden; } #related—case ul{ margin-right:-32px;} #related—case ul li{ float:left; width:276px; margin:20px 30px 0 0;} #related—case ul li .pic img{width:276px;} #related—case ul li p a{ display:block;margin-top:15px; color:#000; font-size:16px;} #related—case ul li p a:hover{color:#da271e;} #Processpic{width:1200px; margin:40px auto 0px; overflow:hidden; text-align:left;} #Processpic ul{ overflow:hidden; text-align:center;margin-right:-32px;} #Processpic ul li{ float:left;margin:30px 32px 0 0;} #Processpic ul li._1{width:584px;} #Processpic ul li._2{width:276px; background:#fff; height:234px;transform: rotate(0deg);transition: width 1s,height 1s,transform 1s;} #Processpic ul li._2 p{margin-top:20px; color:#000; font-size:16px; text-align:center;} #Processpic ul li._2:hover p{color:#da271e;transition: width 1s ,height 1s, transform 1s;transition-timing-function: ease;transform: rotate(360deg);} #Processpic ul li._2 .icon{background:url(../img/products/Service_Process_icon.png) center center no-repeat; width:66px; height:66px; margin:60px auto 0;} #Processpic ul li._2 .icon2{background:url(../img/products/Service_Process_icon2.png) center center no-repeat; width:66px; height:66px; margin:60px auto 0;} #Processpic ul li._2 .icon3{background:url(../img/products/Service_Process_icon3.png) center center no-repeat; width:66px; height:66px; margin:60px auto 0;} #Processpic ul li._2 .icon4{background:url(../img/products/Service_Process_icon4.png) center center no-repeat; width:66px; height:66px; margin:60px auto 0;} #Processpic ul li._2 .icon5{background:url(../img/products/Service_Process_icon5.png) center center no-repeat; width:66px; height:66px; margin:60px auto 0;} #Processpic ul li._2 .icon6{background:url(../img/products/Service_Process_icon6.png) center center no-repeat; width:66px; height:66px; margin:60px auto 0;} #Processpic ul li._2 .icon7{background:url(../img/products/Service_Process_icon7.png) center center no-repeat; width:66px; height:66px; margin:60px auto 0;} #Processpic ul li._2 .icon8{background:url(../img/products/Service_Process_icon8.png) center center no-repeat; width:66px; height:66px; margin:60px auto 0;} #Processpic ul li._2 .icon9{background:url(../img/products/Service_Process_icon9.png) center center no-repeat; width:66px; height:66px; margin:60px auto 0;} #Processpic ul li._2 .icon10{background:url(../img/products/Service_Process_icon10.png) center center no-repeat; width:66px; height:66px; margin:60px auto 0;} #Processpic ul li._2:hover .icon{background:url(../img/products/Service_Process_icon_on.png) center center no-repeat; width:66px; height:66px; margin:60px auto 0;} #Processpic ul li._2:hover .icon2{background:url(../img/products/Service_Process_icon_on2.png) center center no-repeat; width:66px; height:66px; margin:60px auto 0;} #Processpic ul li._2:hover .icon3{background:url(../img/products/Service_Process_icon_on3.png) center center no-repeat; width:66px; height:66px; margin:60px auto 0;} #Processpic ul li._2:hover .icon4{background:url(../img/products/Service_Process_icon_on4.png) center center no-repeat; width:66px; height:66px; margin:60px auto 0;} #Processpic ul li._2:hover .icon5{background:url(../img/products/Service_Process_icon_on5.png) center center no-repeat; width:66px; height:66px; margin:60px auto 0;} #Processpic ul li._2:hover .icon6{background:url(../img/products/Service_Process_icon_on6.png) center center no-repeat; width:66px; height:66px; margin:60px auto 0;} #Processpic ul li._2:hover .icon7{background:url(../img/products/Service_Process_icon_on7.png) center center no-repeat; width:66px; height:66px; margin:60px auto 0;} #Processpic ul li._2:hover .icon8{background:url(../img/products/Service_Process_icon_on8.png) center center no-repeat; width:66px; height:66px; margin:60px auto 0;} #Processpic ul li._2:hover .icon9{background:url(../img/products/Service_Process_icon_on9.png) center center no-repeat; width:66px; height:66px; margin:60px auto 0;} #Processpic ul li._2:hover .icon10{background:url(../img/products/Service_Process_icon_on10.png) center center no-repeat; width:66px; height:66px; margin:60px auto 0;} /* 产品详情页css */ .products—detail{width:1200px; margin:40px auto 0px; overflow:hidden; text-align:left;} .products—detail .products_up{overflow:hidden;} .focusBox { position: relative; width:750px; height:490px; overflow: hidden; float:left;} .focusBox .pic img { width:750px; height:490px; display: block; } .focusBox .hd { overflow:hidden; zoom:1; position:absolute; bottom:5px; right:10px; z-index:3} .focusBox .hd li{float:left; line-height:15px; text-align:center; font-size:12px; width:25px; height:10px; cursor:pointer; overflow:hidden; background:#919191; margin-left:4px; filter:alpha(opacity=80); opacity:.8; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease } .focusBox .hd .on{ background:#fff; filter:alpha(opacity=100);opacity:1; } .focusBox .prev, .focusBox .next { width:45px; height:99px; position:absolute; top:201px; z-index:3; filter:alpha(opacity=10); -moz-opacity:.1; opacity:.1; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease} .focusBox .prev { background-image:url(../img/products/index.png); background-position:-112px 0; left:0 } .focusBox .next { background-image:url(../img/products/index.png); background-position:-158px 0; right:0 } .focusBox .prev:hover, .focusBox .next:hover { filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6 } .products—detail .products_up{ padding-bottom:40px; border-bottom:1px solid #808080;} .products—detail .products_up .word_description{float:right; width:400px;} .products—detail .products_up .word_description h2{font-size:22px; margin:35px 0 8px; color:#000;} .products—detail .products_up .word_description dd{margin-top:15px; font-size:16px;} .products—detail .products_up .word_description b{color:#da271e; font-weight:normal;} .products—detail .products_up .word_description .gk{margin-top:35px; font-size:16px;} .products—detail .products_up .word_description .gk a{padding:10px 15px; display:inline-block; border:1px solid #808080; margin-right:20px; color:#565656} .products—detail .products_up .word_description .dijia{margin-top:28px; overflow:hidden;} .products—detail .products_up .word_description .hq a{ background:url(../img/products/kf_ico.png) 36px center no-repeat #ffcf00; width:215px; text-align:center; color:#000; display:inline-block; border-radius:5px; height:55px; line-height:55px; font-size:18px; text-indent:30px; float:left;} .products—detail .products_up .word_description .dijia .pdf{ float:right; margin-top:10px;} .products—detail .products_up .word_description .hour{margin-top:30px; overflow:hidden;} .products—detail .products_up .word_description .hour .ico{float:left; width:43px; margin-top:5px;} .products—detail .products_up .word_description .hour .tel{float:left; margin-left:10px;} .products—detail .products_up .word_description .hour .tel .number{font-size:22px; color:#000; font-weight:bold;} .products—detail .products_down{margin-top:30px;line-height: 32px;font-size:16px;} .products—detail .products_down p{} .products—detail .products_down ul{overflow:hidden; margin-right:-74px;} .products—detail .products_down ul li{ float:left; width:545px; overflow:hidden; margin:35px 74px 0 0;} .products—detail .products_down ul li .pic{float:left; width:259px; height:178px; position:relative;} .products—detail .products_down ul li #p1{background:url(../img/products/Advantagepic1.png) left center no-repeat;} .products—detail .products_down ul li #p2{background:url(../img/products/Advantagepic2.png) left center no-repeat;} .products—detail .products_down ul li #p3{background:url(../img/products/Advantagepic3.png) left center no-repeat;} .products—detail .products_down ul li #p4{background:url(../img/products/Advantagepic4.png) left center no-repeat;} .products—detail .products_down ul li #p5{background:url(../img/products/Advantagepic5.png) left center no-repeat;} .products—detail .products_down ul li #p6{background:url(../img/products/Advantagepic6.png) left center no-repeat;} .products—detail .products_down ul li #w001{background:url(../img/products/w001.jpg) left center no-repeat;} .products—detail .products_down ul li #w002{background:url(../img/products/w002.jpg) left center no-repeat;} .products—detail .products_down ul li #w003{background:url(../img/products/w003.jpg) left center no-repeat;} .products—detail .products_down ul li #w004{background:url(../img/products/w004.jpg) left center no-repeat;} .products—detail .products_down ul li #w005{background:url(../img/products/w005.jpg) left center no-repeat;} .products—detail .products_down ul li #w006{background:url(../img/products/w006.jpg) left center no-repeat;} .products—detail .products_down ul li #s001{background:url(../img/products/s001.jpg) left center no-repeat;} .products—detail .products_down ul li #s002{background:url(../img/products/s002.jpg) left center no-repeat;} .products—detail .products_down ul li #s003{background:url(../img/products/s003.jpg) left center no-repeat;} .products—detail .products_down ul li #s004{background:url(../img/products/s004.jpg) left center no-repeat;} .products—detail .products_down ul li #s005{background:url(../img/products/s005.jpg) left center no-repeat;} .products—detail .products_down ul li #s006{background:url(../img/products/s006.jpg) left center no-repeat;} .products—detail .products_down ul li #y001{background:url(../img/products/y001.jpg) left center no-repeat;} .products—detail .products_down ul li #y002{background:url(../img/products/y002.jpg) left center no-repeat;} .products—detail .products_down ul li #y003{background:url(../img/products/y003.jpg) left center no-repeat;} .products—detail .products_down ul li #y004{background:url(../img/products/y004.jpg) left center no-repeat;} .products—detail .products_down ul li #y005{background:url(../img/products/y005.jpg) left center no-repeat;} .products—detail .products_down ul li #y006{background:url(../img/products/y006.jpg) left center no-repeat;} .products—detail .products_down ul li .pic .numb{background:url(../img/products/circle.png) center center no-repeat; width:64px; height:64px;text-align:center; font-size:20px;line-height:50px;} .products—detail .products_down ul li .pic .numb p{ position:absolute; top:5px; left:21px;} .products—detail .products_down ul li .text{float:right; width:245px;} .products—detail .products_down ul li .text h4{font-size:18px; color:#000; font-weight:normal;} .products—detail .products_down ul li .text p{line-height:24px; margin: auto;} .writing{_margin-top:20px;} .writing p { margin-top: 20px;color: #565656;line-height: 24px;} .writing table{border-collapse: collapse; width: 100%;} .writing table th,.content-s table tr,.content-s table td{border: 1px solid #dedede; padding: 3px;} .writing table tr{background-color: rgba(243,247,249,.3);} .writing table td {padding-right: 5px; padding-left: 5px; text-align: center;margin: 0px;} .writing table tr:hover { background-color: #f3f7f9;} tab{ border-collapse: collapse; font-size:16px;} td{height: 40px; border: 1px solid #909090;} .tr1 {height: 40px; border: 1px solid #909090;} .tr2 { font-size:18px; font-weight:bold;} .td1{background:#909090; color:#FFF;border: 1px solid #fff; border-left:0;border-right:0; font-size:16px;} .khxc{overflow:hidden; text-align:center; margin-right:-64px} .khxc div{float:left; width:388px; margin:20px 20px 0 0;} .khxc div .picshouw{background:#fff; padding:10px 0;} .khxc div .picshouw img{width:365px; height:240px;} .khxc div .name{margin-top:15px; font-size:18px; color:#000;} .khxc a:hover .name{color:#da271e;} /*标号*/ .Label{width:1200px; margin:40px auto 0px; overflow:hidden;} .Label .left{float:left; width:743px;} .Label .left ul{overflow:hidden; margin:20px -35px 0 0;} .Label .left ul li{float:left; width:120px; background:url(../img/products/bh_bg.png) center center no-repeat; height:120px; line-height:120px; font-size:24px; text-indent:35px; margin-right:35px; margin-top:20px; cursor:pointer;} .Label .left ul li:hover{background:url(../img/products/bh_bg_on.png) center center no-repeat; color:#da271e;} .Label .left ul li.on{background:url(../img/products/bh_bg_on.png) center center no-repeat; color:#da271e;} .Label .right{float:right; width:398px; margin-top:68px;} .Label .right .redtext{font-size:18px; color:#da271e;} .Label .right .fa{margin:25px 0;} .Label .right .fa a{display:inline-block; width:145px; height:45px; line-height:45px; color:#000; background:#ffcf00; text-align:center; border-radius:5px;} .Label .right .more a{color:#565656;} .Label .right .more a:hover{color:#da271e;} /*品牌介绍*/ #brand_introduction{width:1200px; margin:0px auto 45px; overflow:hidden;} #brand_introduction .pic_left{float:left; width:345px; background-image:url(../img/products/cq.jpg); height:402px; margin-top:35px;} #brand_introduction .pic_left .info{ background:rgba(0,0,0,0.7);height:362px; color:#fff; text-align:center; padding:40px 80px 0;} #brand_introduction .pic_left .info p{text-align:left; margin:30px 0 0; line-height:24px;} #brand_introduction .pic_left .info .contact{ margin-top:30px; line-height:24px;} #brand_introduction .text_right{float:right; width:821px; margin-top:35px;} #brand_introduction .text_right p{line-height:24px; margin-top:10px;} #brand_introduction .text_right .number{overflow:hidden;} #brand_introduction .text_right .number .n1{float:left; width:200px; text-align:center; margin-top:30px; font-size:16px; font-weight:bold; color:#000;} #brand_introduction .text_right .number .n1 strong{display:block; font-size:36px; color:#da271e;} #brand_introduction .text_right .factory_pic{overflow:hidden; margin-right:-18px;} #brand_introduction .text_right .factory_pic li{width:191px; margin-right:18px;} /*产品视频*/ .sp{width:738px; margin:20px auto; overflow:hidden;} /* 案例中心 begin */ #casepic{background:url(../img/case/center.jpg) left center no-repeat; height:273px;} .page-banner .text{width:1200px; margin:0 auto;text-align:left; padding-top:74px;} .page-banner .text .box{ background:rgba(218,30,39,0.7); width:500px; padding:20px; color:#fff;} .page-banner .text .box h2{font-size:28px; margin-bottom:10px;} /* 本例子css */ .hp-tab-newprd {width:1200px; margin:0 auto; position: relative; } .hp-tab-newprd .j-sw-nav {overflow: hidden; position: relative; margin:20px 0 0 -43px;} .hp-tab-newprd .j-sw-nav li { float: left; width:371px; margin-left:43px;} .hp-tab-newprd .j-sw-nav li a { position: relative; display: block;text-align: center; color: #fefefe; font-weight: bold; word-wrap: break-word; overflow: hidden;cursor:pointer;} .hp-tab-newprd .j-sw-nav li a p{ display:block;background:rgba(0,0,0,0.7);height:149px; padding-top:40px; font-size:16px; font-weight:normal;} .hp-tab-newprd .j-sw-nav .on a{color:#fed100;} .hp-tab-newprd .j-sw-nav .on{color:#fed100;} .hp-tab-newprd .j-sw-nav li a:hover{color:#fed100;} .hp-tab-newprd .j-sw-nav li a p b{display:block; font-size:24px; font-weight:bold; margin-bottom:10px;} .newprd-s1, .newprd-s1 a{display:inline-block; background:url(../img/case/list1.jpg) left center no-repeat; height:149px;} .newprd-s2, .newprd-s2 a {display:inline-block; background:url(../img/case/list2.jpg) left center no-repeat; height:149px;} .newprd-s3, .newprd-s3 a {display:inline-block; background:url(../img/case/list3.jpg) left center no-repeat; height:149px; } .newprd-clip .j-sw-c ul{overflow:hidden;margin:20px -43px 0 0;} .newprd-clip .j-sw-c ul li{float:left; margin-top:18px; width:371px; margin-right:43px;} .newprd-clip .j-sw-c ul li a .tt {font-size:16px; color:#000; margin-top:20px;} .newprd-clip .j-sw-c ul li img{width:366px;height:231px;} .newprd-clip .j-sw-c ul .more a{display:inline-block; width:200px; height:45px; line-height:45px; border:1px solid #da271e; color:#da271e; margin-top:30px;} /* 本例子css */ .slideTxtBox{ margin-top:40px;} .slideTxtBox .hd{font-size: 24px;color: #000;text-align: left;letter-spacing: 2px;font-weight: bold;} .slideTxtBox .hd .tit{ overflow:hidden; width:1200px; margin:0 auto;position:relative;} .slideTxtBox .hd ul{ overflow:hidden;} .slideTxtBox .hd ul li{cursor:pointer; font-size:20px; color:#000; font-weight:bold; overflow:hidden; float:left;} .slideTxtBox .hd ul li p.wd{ float:left; width:190px; text-align:left;} .slideTxtBox .hd ul b{float:left; display:inline-block; margin-right:30px;} .slideTxtBox .hd ul li p.zs{ float:left; width:190px; text-align:left;} .slideTxtBox .hd ul li a{display:none;} .slideTxtBox .hd ul li.on a{ display:inline-block; position:absolute; right:0; font-size:14px; color:#565656; font-weight:normal;} .slideTxtBox .hd ul li.on a:hover{ color:#da271e;} .slideTxtBox .hd ul li.on{color:#da271e;} .slideTxtBox .bd{width:1200px; margin:0 auto;} .slideTxtBox .bd ul{overflow:hidden; margin-right:-20px;} .slideTxtBox .bd ul li{float:left; width:580px; margin:32px 20px 0 0; overflow:hidden;} .slideTxtBox .bd ul li .c-pic{float:left; width:276px;} .slideTxtBox .bd ul li .content{float:left; width:280px; text-align:left;margin-left:20px;} .slideTxtBox .bd ul li .content .tt{font-size:18px; font-weight:bold; margin:5px 0;} .slideTxtBox .bd ul li .content .tt a{color:#000;} .slideTxtBox .bd ul li .content .tt a:hover{color:#da271e;} .slideTxtBox .bd ul li .content .xm p{ margin-top:10px;} .slideTxtBox .bd ul li .c-pic img{width:280px;height:177px;} /* 案例中心列表 begin */ .products-case-list{width:1160px; margin:0 auto; overflow:hidden; background: #fff;padding: 5px 20px;} .products-case-list ul{overflow:hidden; margin-right:0px;width: 1198px;} .products-case-list ul li{float:left;margin: 20px 16px 0 0;;position:relative;} .products-case-list ul li p{ margin-top:20px; font-size:16px;} .products-case-list ul li .info{ visibility: hidden; position:absolute; top:0; -webkit-transition-property: background-color; -webkit-transition-duration: 0.8s;-webkit-transition-timing-function: ease;} .products-case-list ul li a:hover .info{visibility: visible;color:#fff;width:367px;height:100%; background:#000;opacity:0.5;cursor:pointer;} .products-case-list .page{margin-top:30px;} .products-case-list .page a.on{border:1px solid #da271e; color:#da271e;} .products-case-list .info{text-align:left; padding:5px;} .products-case-list .info p{position: relative;} .products-case-list .info p span{color:#da271e;} .products-case-list .pr-pic img{width:376px;height:248px;} /*案例中心详情页 begin */ .case-detail h1{font-size:18px;margin-top:20px;} .case-d-pic{width:1180px; margin:20px auto; overflow:hidden;position: relative;} .Switch{width:948px; margin:0 auto; overflow:hidden;} .Switch .pic {width:948px; margin:0 auto; overflow:hidden;} .Switch .pic li{ background:#fff; padding:15px;} .Switch .pic img { width:918px; height:579px; display: block; } .Switch .prev, .Switch .next { width:45px; height:99px; position:absolute; top:261px; z-index:3; filter:alpha(opacity=20); -moz-opacity:.2; opacity:.2; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease} .Switch .prev { background-image:url(../img/products/index.png); background-position:-112px 0; left:0 } .Switch .next { background-image:url(../img/products/index.png); background-position:-158px 0; right:0 } .Switch .prev:hover, .Switch .next:hover { filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6 } .case-description{width:1200px; margin:0 auto; overflow:hidden; text-align:left;line-height:30px;font-size:16px;} .case-description .zl h3{ font-size:18px; color:#000; margin:25px 0 15px;} .case-description .zl .situation {} .case-description .zl .situation .liucheng{ overflow:hidden; margin-top:35px;} .case-description .zl .situation .liucheng ul{ overflow:hidden; width:1062px; margin:0 auto;} .case-description .zl .situation .liucheng ul li{float:left;} .case-description .zl .situation .liucheng ul li.lct{width:190px;} .case-description .zl .situation .liucheng ul li.a{width:31px; margin:85px 33px 0;} .Delivery-site{width:1200px; margin:40px auto 0; overflow:hidden;} .Delivery-site ul{overflow:hidden; margin:0 0 0 -31px;} .Delivery-site ul li{float:left; background:#fff; width:276px; padding:11px 0; margin-left:31px;} .Delivery-site ul li img{ width:254px; height:254px;} .Delivery-site .advisory{margin:25px 0;} .Delivery-site .advisory a{display:inline-block; background:#ffcf00; height:40px; line-height:40px; color:#000; padding:0 25px; font-size:16px; font-weight:bold;} .Delivery-site .tel{} .related-casesshow{width:1200px; margin:40px auto 0; overflow:hidden;} .related-casesshow ul{ overflow:hidden; margin:15px -42px 0 0;} .related-casesshow ul li{float:left; background:#fff; padding:10px 10px 15px; margin-right:42px;} .related-casesshow ul li:hover{background:rgba(0, 0, 0, 0.7);} .related-casesshow ul li:hover p{color:#fff;} .related-casesshow ul li img{width:351px; height:246px;} .related-casesshow ul li p{font-size:16px; margin-top:15px; color:#000;} /* 解决方案 begin */ #casepic2{background:url(../img/solutionbanner.jpg) left center no-repeat; height:273px;} #casepic13{background:url(http://127.0.0.1/project/banner.jpg) center no-repeat; height:200px;} /* 本例子css */ .Application_field { width:1200px; overflow: hidden; position: relative; margin:40px auto 0;} .Application_field p{text-align:left;} .Application_field .Application-nav{ width:510px; float:left; overflow:hidden; margin:30px -25px 0 0;} .Application_field .Application-nav li{float:left; border:1px solid #565656; width:228px; padding:10px 0; font-size:18px; margin:30px 25px 0 0} .Application_field .Application-nav li a{color:#000;} .Application_field .Application-nav li.on{border:1px solid #da271e;} .Application_field .Application-nav li.on a{color:#da271e;} .Application_field .newprd-clip{float:right; width:636px; background:url(../img/yellow.png) left top no-repeat,url(../img/Gary.png) right bottom no-repeat; padding:26px 0;} .Application_field .newprd-clip .j-yy img{width:584px; height:353px;} .Application_field .advisory a{ display:inline-block;margin-top:40px; background:#ffcf00; width:200px; height:45px; line-height:45px; float:left; text-align:center; font-size:16px; color:#000;} .Process-bg{background:url(../img/Process-bg.jpg) left center no-repeat; margin-top:40px; padding:45px 0;} .Process{ width:1200px; overflow: hidden; position: relative; margin:0 auto ;} .Process p{text-align:left;} .Process .lct{overflow:hidden; width:1200px;} .Process .up {overflow:hidden; width:1200px; float:left;} .Process .up li{float:left;margin-top:58px; cursor:pointer;} .Process ul li.box{width:247px; height:70px; line-height:70px; background:#d8d8d8; font-size:18px; color:#000; font-weight:bold;} .Process .up li.jt{margin:76px 18px 0;} .Process .jt2{float:right; margin:20px 112px 0;} .Process .down{overflow:hidden; float:right; width:1200px;} .Process .down li{float:right; margin-top:20px;cursor:pointer;} .Process .down li.jt{margin:46px 18px 0;} .Process ul li:hover{background:#da271e; color:#fff;} .Process ul #on{background:#da271e; color:#fff;} .Process ul li.box img{display:inline-block; margin-right:20px;} .Process .dj a{ display:inline-block;margin-top:40px; background:#ffcf00; height:50px; line-height:50px; color:#000; width:400px; font-size:16px; } .Application_field table td{font-size:16px; color:#000; height:40px; line-height:40px} .Application_field .note{text-align:left; margin-top:15px; color:#565656;} .Environmental-protection { width:1200px; overflow: hidden; position: relative; margin:40px auto 0;} .Environmental-protection p{text-align:left;} .Environmental-protection ul{overflow:hidden; margin-right:-29px;} .Environmental-protection ul li{float:left; background:#fff; margin:35px 29px 0 0;} .Environmental-protection ul li p{text-align:center; height:68px; line-height:68px; font-size:16px;} /* 服务中心 begin */ #casepic3{background:url(../img/service/service-banner.jpg) no-repeat center 50%; height:273px;} .promise{ width:1200px; overflow: hidden; position: relative; margin:40px auto 0;} .promise p{text-align:left;} .promise ul{overflow:hidden; width:1018px; margin:30px auto 0;} .promise ul li{float:left; width:200px; border:1px solid #303030; border-radius:50%; padding:40px 0;} .promise ul li._1{ margin-right:70px;} .promise ul li .icon{margin-bottom:24px;} .promise ul li .slogan{ font-size:16px; color:#000;} .stand-by{width:1200px; overflow: hidden; position: relative; margin:40px auto 0;} .stand-by p{text-align:left;} .stand-by ul{overflow:hidden; margin-right:-24px} .stand-by ul li{float:left; width:374px; border:1px solid #565656; padding:18.5px 0; margin:30px 24px 0 0;} .stand-by ul li .pic img{width:337px;} .stand-by ul li .name{ margin-top:10px; font-size:18px;} .stand-by ul li .name a{color:#000;} .stand-by ul li .yellow_line{width:60px; height:3px; background:#ffcf00; margin:10px auto;} .stand-by ul li .js{text-align:left; padding:0 18px; line-height:24px;} .stand-by ul li .detail a{display:inline-block; margin:20px 0 10px; border:1px solid #565656; color:#565656; padding:10px 30px;} .stand-by ul li .detail a:hover{border:1px solid #da271e; color:#da271e;} /*服务中心-在线报修*/ #Repair{width:1200px; margin:40px auto 0px; overflow:hidden;text-align:left; } #Repair form{margin-top:20px;} #Repair form ul{overflow:hidden;margin:20px -30px 0 0;} #Repair form ul li{float:left; width:585px; margin:20px 30px 0 0; font-size:16px;color:#000;} #Repair form ul li input{ background:#fff; border:0; height:50px; line-height:50px;width:474px; padding:0 10px; outline:none;} #Repair form .box{ width:1200px; margin-top:20px;font-size:16px;color:#000;} #Repair form .box textarea{ width:1090px; line-height:24px;border:0;outline:none;padding:10px 10px; height:145px; font-family:"思源黑体"; font-size:14px;} #Repair .b{margin:30px 0px 0 80px;} #Repair .b .tj {width: 167px;height: 40px;line-height: 40px;background: #da271e; border: 0; color: #fff;outline: none; margin-right: 30px; cursor: pointer;} #Repair .b .cx {width: 167px;height: 40px;line-height: 40px;background: #7f7f81; border: 0; color: #fff;outline: none; margin-right: 30px; cursor: pointer;} #Repair .b input{width:167px; height:40px; line-height:40px;} #Reparecommend-products{width:1200px; margin:40px auto 45px; overflow:hidden;text-align:left; } #Reparecommend-products ul{overflow:hidden; text-align:center; margin:30px -24px 0 0;} #Reparecommend-products ul li{float:left; width:276px; margin-right:24px;} #Reparecommend-products ul li img {width:276px;height: 207px;} #Reparecommend-products ul li p{ height:45px; line-height:45px; margin-top:10px;} #Reparecommend-products ul li p a{color:#000; font-size:16px;} #Reparecommend-products ul li p a:hover{color:#da271e;} /*服务中心-常见问题*/ #casepic4{background:url(../img/service/faq-banner.jpg) left center no-repeat; height:273px;} .common-problem{width:1200px; margin:40px auto 0px; overflow:hidden; } .common-problem p{text-align:left;} .common-problem ul{ overflow:hidden;text-align:left;} .common-problem ul li{margin-top:20px; padding-bottom:20px; border-bottom:1px dashed #808080; overflow:hidden;} .common-problem ul li .f-date{background:#da271e; width:89px; height:89px; text-align:center; color:#fff; float:left;} .common-problem ul li .f-date .s-ico img{display:inline-block; margin-top:15px;} .common-problem ul li .f-date .number{margin-top:10px; font-size:16px;} .common-problem ul li .info{float:right; width:1080px;} .common-problem ul li .info .tit{margin-top:10px; font-size:16px;} .common-problem ul li .info .tit a{color:#000;} .common-problem ul li .info .tit a:hover{color:#da271e;} .common-problem ul li .info p a{color:#565656; margin-top:10px; display:inline-block;} /*.common-problem .page a{display:inline-block; margin:0 5px; padding:4px 8px; border:1px solid #565656; font-size:16px; color:#565656;} .common-problem .page a.on{border:1px solid #da271e; color:#da271e;} .common-problem .page a:hover{border:1px solid #da271e; color:#da271e;}*/ /*服务中心-我们的服务*/ #casepic5{background:url(../img/service/question-banner.jpg) left center no-repeat; height:273px;} .c-s{width:1200px; margin:40px auto 0px; overflow:hidden;text-align:left;} .c-s p{} .c-s ul{overflow:hidden; margin-top:30px;} .c-s ul li.fwcase{float:left; width:574px;} .c-s ul li.fwcase2{float:right; width:574px;} .c-s ul li h4{margin:15px 0; font-size:16px; color:#000;} .c-s ul li .ms{line-height:24px;} .yzs-fw{width:1200px; margin:40px auto 0px; overflow:hidden;text-align:left;} .yzs-fw ul{text-align:center; overflow:hidden; margin:30px -32px 0 0;} .yzs-fw ul li{float:left; margin-right:32px; background:#fff; width:276px} .yzs-fw ul li p{height:50px; line-height:50px; color:#000; font-size:16px;} #Quality{width:1200px; margin:40px auto 0px; overflow:hidden;text-align:left;} #Quality ul{text-align:center; margin-right:-33px;} #Quality ul.d-1 li{float:left; width:336px; height:156px; border:1px solid #565656; margin:25px 33px 0 0; padding:0 20px;} #Quality ul li h3{margin-top:25px; font-size:16px; color:#da271e; height:48px; line-height:48px;} #Quality ul li h3.one{background:url(../img/service/serviceico1.png) 60px center no-repeat; text-indent:10px;} #Quality ul li h3.two{background:url(../img/service/serviceico2.png) 70px center no-repeat; text-indent:10px;} #Quality ul li h3.three{background:url(../img/service/serviceico3.png) 70px center no-repeat; text-indent:35px;} #Quality ul li h3.four{background:url(../img/service/serviceico4.png) 60px center no-repeat; text-indent:40px;} #Quality ul li h3.five{background:url(../img/service/serviceico5.png) 60px center no-repeat; text-indent:50px;} #Quality ul li p{text-align:center; margin-top:8px;} #Quality ul.d-2{width:822px; margin:0 auto;} #Quality ul.d-2 li{float:left;width:336px; height:156px; border:1px solid #565656; margin:25px 33px 0 0; padding:0 20px;} .white-info{width:1200px; margin:40px auto 45px; overflow:hidden;text-align:center; background:#fff;} .white-info ul{overflow:hidden;} .white-info ul li{float:left; width:298px; font-size:16px; color:#000; padding:40px 0;} .white-info ul li b{font-size:60px; color:#da271e; font-weight:normal;} .white-info ul li div{font-size:18px; margin-top:5px;} .white-info ul .line{border-right:1px solid #ddd; height:150px; width:1px; float:left; margin-top:20px;} /*服务中心-原装配件*/ #casepic6{background:url(../img/service/pj-banner.jpg) left center no-repeat; height:273px;} .yz-pj{width:1200px; margin:40px auto 0px; overflow:hidden;text-align:left;} .yz-pj ul{overflow:hidden; text-align:center; margin:15px -21px 0 0;} .yz-pj ul li{float:left; width:182px; margin:15px 21px 0 0;} .yz-pj ul li img{width:182px; height:143px;} .yz-pj ul li p{ margin-top:15px; font-size:16px; color:#000;} /*新闻中心*/ #Newpic{background:url(../img/news/news-banner.jpg) no-repeat center 50%; height:273px;} .news-center {width:1200px; margin:40px auto 0px; overflow:hidden;text-align:left;} /* 本例子css */ .news-center .snBrand {position: relative; width:1200px;overflow: hidden; margin:0 auto;} .news-center .snBrand h2 { color: #000; font-size:16px; height:45px; line-height:45px; margin-top:5px;} .news-center .snBrand h2 a { color:#000;} .news-center .snBrand ol { float: right; width:560px;} .news-center .snBrand ol li.b {padding-bottom:15px; border-bottom:1px solid #808080;margin-bottom:15px;} .news-center .snBrand ol li .date{color:#565656; margin-bottom:8px;} .news-center .snBrand ol li.on h2{ color:#da271e;} .news-center .snBrand ol li p{ color:#303030; line-height:22px;} .news-center .snBrand ul { float:left; width:600px; } .news-center .snBrand ul li { width:600px;} .news-center .snBrand ul li img{width:600px; height:412px;} .hy-list ul{overflow:hidden;margin-top:-24px;margin-left:-30px;} .hy-list ul li{float:left; width:585px; overflow:hidden; margin-top:24px;margin-left:30px;height: 164px;} .hy-list ul li._h{margin-right:30px;} .hy-list ul li .pic{float:left; width:238px;} .hy-list ul li .pic img{ width:238px; height:164px;} .hy-list ul li .righttext{float:right; width:320px;} .hy-list ul li .righttext h2{color:#000; font-size:16px; margin:20px 0 15px;} .hy-list ul li .righttext h2:hover{color:#da271e;} .hy-list ul li .righttext .rq{color:#565656;} .hy-list ul li .righttext p{color:#303030; margin-top:15px; line-height:24px;} .zt-list ul{overflow:hidden;margin-top:-24px;} .zt-list ul li{float:left; width:282px; overflow:hidden; margin-top:24px;} .zt-list ul li._h{margin-right:18px;} .zt-list ul li .pic img{ width:282px; height:194px;} .zt-list ul li .righttext h3{color:#000; font-size:16px; margin:20px 0 15px;overflow: hidden;height: 20px;} .zt-list ul li .righttext h3:hover{color:#da271e;} .zt-list ul li .righttext .rq{color:#565656;} .zt-list ul li .righttext p{color:#303030; margin-top:10px;} /*服务中心-原装配件*/ .ztlist{width:1200px; margin:40px auto 0px; overflow:hidden;} .ztlist ul.ztlb{overflow:hidden;margin:-10px -33px 0 0;} .ztlist ul.ztlb li{float:left; width:376px; border:1px solid #565656; margin:30px 33px 0 0; padding:18px 0 0;} .ztlist ul.ztlb li img{width:339px; height:233px;} .ztlist ul.ztlb li .title{font-size:16px; color:#000; margin:25px 0;font-weight:bold;} .ztlist ul.ztlb li .more{border:1px solid #808080; width:115px; margin:0 auto 20px; padding:5px 0; color:#565656;} .ztlist ul.ztlb li:hover .more{color:#da271e; border:1px solid #da271e;} .ztlist ul.ztlb li:hover .title{color:#da271e;} .ztlist .page{width:1200px; margin:30px auto 0;} .common-problem .page{width:1200px; margin:30px auto 30px auto;text-align:center;} .page ul.pagelist{display: table;margin:0 auto;} .page ul.pagelist li{float:left;border-bottom:0;font-size:16px; color:#565656;margin:0 5px; padding:4px 8px;border:1px solid #565656;} .page ul.pagelist li a{display:inline-block;} .page ul.pagelist li.thisclass{border:1px solid #da271e; color:#da271e;} .page ul.pagelist li:hover{background:none;border-radius:0;border:1px solid #da271e; color:#da271e;} .page ul.pagelist li:last-child{border:0;} /*新闻列表页面*/ .Corporate-News{width:1200px; margin:40px auto 0px; overflow:hidden;} .Corporate-News ul{overflow:hidden;} .Corporate-News ul li{padding-bottom:20px; border-bottom:1px solid #808080; text-align:left; overflow:hidden; margin-top:20px;} .Corporate-News ul li .pic{float:left; width:221px;} .Corporate-News ul li .pic img{width:221px; height:152px;} .Corporate-News ul li .text{float:right; width:945px;} .Corporate-News ul li .text .title{font-size:18px; font-weight:bolder; color:#000; margin:15px 0;} .Corporate-News ul li .text .title:hover{color:#da271e;} .Corporate-News ul li .date{color:#565656;} .Corporate-News ul li p{margin-top:10px; color:#303030;} /*新闻详情页面*/ .newsdetail{width:1200px; margin:30px auto 0px; overflow:hidden;} .newsdetail h1{ font-size:18px;} .newsdetail .admin{margin:20px 0; color:#565656;} .newsdetail .admin .fb{display:inline-block; margin-right:20px;} .newsdetail .content{line-height:32px;font-size:16px;text-align:left;} .newsdetail .content p{text-indent:2em;} .newsdetail p{text-align:left; line-height:32px;} .newsdetail .d-pic{margin:20px 0;} .newsdetail .choose{margin:30px 0 0; background:#fff; height:50px; line-height:50px; overflow:hidden;} .newsdetail .choose .last{float:left; margin-left:20px;} .newsdetail .choose .next{float:right; margin-right:20px;} .newsdetail .choose a{color:#565656;} .newsdetail .choose a:hover{color:#da271e;}