@charset "utf-8"; /* css document */ *{margin:0px;padding:0px;list-style:none} /*banner*/ .banner{height:500px; background: no-repeat center 0; position: relative;} .banner p{text-align: center; position: absolute; left: 50%; margin-left: -127px; bottom: 65px; } .banner p a{ display: inline-block; width: 59px; height: 10px; background: no-repeat; margin: 0 12px; opacity: 0.52;filter:alpha(opacity=52);} .banner p a:hover,.banner p a.cur{ opacity: 1; filter:alpha(opacity=100);} .banner .prev{position: absolute; left: 50%; margin-left: -610px; top: 216px; opacity: 0.5; filter: alpha(opacity=50);} .banner .next{position: absolute; right: 50%; margin-right: -610px; top: 216px; opacity: 0.5; filter: alpha(opacity=50);} .banner .prev:hover,.banner .next:hover{opacity: 0.7; filter: alpha(opacity=70);} /**/ .searchbg{padding:7px 0px; background: repeat-x center;} .search{height:30px; line-height:30px; overflow:hidden;} .search .searchbox{width:284px;} .search .sotext{float:left; width:234px; height:30px; line-height:30px; padding:0px 10px; color:#333; border:none; background: no-repeat center; outline:none; font-family:microsoft yahei;} .search .sobtn{float:right; width:30px; height:30px; border:none; background: no-repeat center;} .search .keyword{width:500px; height:25px; overflow:hidden; color:#333;} .search .keyword em{ font-size:16px;} .search .keyword a{padding:0 8px; color:#333;} .we{margin-top: -45px; position: relative; z-index: 9; margin-bottom: 60px;} .we_a{ height: 90px;background: no-repeat; } .we_a h3{float: left;} .we_a h3{line-height: 90px; color: #333; font-size: 25px; padding-left: 80px;} .we_a h3 i{color: #0577d8; font-size: 34px; padding-right: 10px;vertical-align: middle;} .we_a h3 span{vertical-align: middle;} .we_a p{float: right; font-size: 14px; font-weight: bold; padding-right: 20px;} .we_a p a{display: inline-block; width: 122px; padding-top: 60px; height: 30px; text-align: center; margin-left: 10px; font-weight:normal;} .we_a p a:hover{text-decoration: none;} .we_b{margin-top: 15px;background: #f3f3f3;} .we_b dt{float: left;} .we_b dd{float: right; width: 582px; padding-right: 60px;} .we_b dd p{ line-height: 30px; font-size: 16px; text-indent: 2em; padding-top: 50px;color: #444; } .we_b dd span{display: block; text-align: right;} .we_b dd span a{color: #0577d8; font-size: 14px; width: 120px; height: 35px; text-align: center; line-height: 35px; display: inline-block; border: 1px solid #0577d8;} .we_b dd span a:hover{text-decoration: none;} /**/ .pro{margin-bottom: 60px;} .pro h3{ text-align: center; font-weight: normal; border-bottom:1px solid #dcdcdc; padding-bottom: 20px; margin-bottom: 30px; } .pro h3 a{display: inline-block; font-size: 26px; text-align: left;background: no-repeat 0 24px; padding:20px 0 0 62px; border-top:1px solid #dcdcdc;} .pro h3 span{display: block; text-transform: uppercase; color: #999; font-size: 18px; margin-top: 5px;} .pro h3 a:hover{text-decoration: none;} .pro_l{width: 210px; overflow: hidden;} .pro_l h4{font-size: 24px; background: #0577d8; height: 75px;} .pro_l h4 a{display: block; color: #fff; padding: 18px 0 0 42px;} .pro_l h4 span{ display: block; text-transform: uppercase; font-size: 12px; font-weight: normal; color: #83c89d; margin-top: 4px; } .pro_l h4 a:hover{text-decoration: none;} .pro_cat h5{font-size:18px; background-color: #ebebeb; padding: 0 12px; margin-bottom:4px; height:50px; line-height:50px; overflow: hidden; } .pro_cat h5:hover{background-color: #ffb433;} .pro_cat h5 em{ color: #0577d8; } .pro_cat ul{margin-bottom: 8px;padding: 0 12px 10px;background:#ebebeb no-repeat center 0 ;} .pro_cat li{font-size: 14px; line-height: 40px; background: no-repeat 0 center; padding-left: 10px; } .pro_r{width: 760px; } .pro_fls{position: relative; z-index:99;} .pro_r .pro_fls dl{ width:760px;} .pro_r .prev,.pro_r .next{ width:45px; height:68px; display:block; position:absolute; opacity: 0.8;z-index:999;} .pro_r .prev{ left:20px; top:190px; background: no-repeat; z-index:99999; display:block; } .pro_r .next{right:20px; top:190px; background: no-repeat -45px 0;} .pro_r .prev:hover{ background: no-repeat 0 -68px; z-index:99999;} .pro_r .next:hover{ background: no-repeat -45px -68px; z-index:99999;} .pro_r dt img{display: block; width: 760px; height: 450px;} .pro_r dd {background: #ececec; padding: 24px; position: relative; zoom: 1;} .pro_r dd em{font-size: 18px; width: 712px; display: block;white-space: nowrap;text-overflow: ellipsis; overflow: hidden; } .pro_r dd p{font-size: 13px; line-height: 24px; color: #333; height: 48px; overflow: hidden; border-top: 1px solid #d2d2d2; padding-top: 8px; margin-top: 8px;} .pro_r dd p a{ font-weight: bold; } .pro_r dd span a{ display: block; width: 120px; height: 32px; line-height: 32px; background: #0577d8; text-align: center; font-size: 14px; color: #fff; position: absolute; right: 0; bottom: 0; } .pro_r dd span a:hover{text-decoration: none;} /**/ .quality{ margin-bottom: 60px; background: #eee; padding: 50px 0 60px; } .quality h3{ text-align: center; font-weight: normal; border-bottom:1px solid #dcdcdc; padding-bottom: 20px; margin-bottom: 35px; } .quality h3 a{display: inline-block; font-size: 26px; text-align: left;background: no-repeat 0 28px; padding:20px 0 0 62px; border-top:1px solid #dcdcdc;} .quality h3 span{display: block; text-transform: uppercase; color: #999; font-size: 18px; margin-top: 5px;} .quality h3 a:hover{text-decoration: none;} .quality dl{background: #fff; float:left; width:1000px;} .quality dt{width:1000px; overflow:hidden;} .quality dt img{width: 1000px; height: 460px; display: block;} .quality dd {padding: 0 30px; width: 280px; float: left;} .quality dd b{display: block; font-size: 26px; margin-top: 104px; line-height: 30px; height: 30px; overflow: hidden;} .quality dd b a:hover{text-decoration: none;} .quality dd em{display: block; font-size: 18px; font-weight: bold; color: #333; line-height: 24px; height: 24px; overflow: hidden; margin: 10px 0 25px;} .quality dd p{line-height: 28px; color: #3e3e3e; font-size: 15px; width: 210px;} .quality_con{position: relative; width:1000px;} .quality_con i{position: absolute; left:410px;top: 480px; z-index:99;} .quality_con i a{ display: inline-block; width:50px; height: 10px; background-color:#0577d8; overflow: hidden; margin: 0 8px 4px 0;} .quality_con i a:hover,.quality_con i a.cur{ background-color:#ffb433;} .quality_con .prev,.quality_con .next{ width:70px; height:62px; display:block; position:absolute; z-index:99;} .quality_con .prev{ left:267px; top:200px; background: no-repeat; } .quality_con .next{left:342px; top:200px; background: no-repeat -70px 0;} .quality_con .prev:hover{ background: no-repeat 0 -62px;} .quality_con .next:hover{ background: no-repeat -70px -62px;} /**/ .casetit h3{ text-align: center; font-weight: normal; padding-bottom: 20px; margin-bottom: 35px; } .casetit h3 a { display: inline-block; font-size: 26px; text-align: left; background: no-repeat 0 28px; padding: 20px 0 0 70px; border-top: 1px solid #dcdcdc; } .casetit h3 span{display: block; text-transform: uppercase; color: #999; font-size: 18px; margin-top: 5px;} .casetit h3 a:hover{text-decoration: none;} .hand{margin-bottom: 70px;} .hand h3{ text-align: center; font-weight: normal; border-bottom:1px solid #dcdcdc; padding-bottom: 20px; margin-bottom: 35px; } .hand h3 a{display: inline-block; font-size: 26px; text-align: left;background: no-repeat 0 28px; padding:20px 0 0 70px; border-top:1px solid #dcdcdc;} .hand h3 span{display: block; text-transform: uppercase; color: #999; font-size: 18px; margin-top: 5px;} .hand h3 a:hover{text-decoration: none;} .hand p{ text-align:center; color:#c1c1c1; margin:26px 0; height: 18px; overflow: hidden;} .hand p a{ font-size:14px; color:#666; padding:0 14px; display: inline-block;} .hand p a:hover{ font-weight: bold; color: #333;} .hand_con{ width:100%; min-width:800px; height:340px; overflow:hidden; position:relative;} .hand_pic{ width:800px; position:absolute; left:50%; margin-left:-400px; z-index:99;} .hand_pic li{ float:left; padding-top:5px; width:400px; overflow:hidden;} .hand_pic li b img{ display:block; width:400px; height:275px;} .hand_pic li em{ display:block; height:60px; line-height:60px; font-size:14px; padding:0 60px 0 60px; text-align:center; position:relative; overflow: hidden;background: #eee; } .hand_pic li em i{ position:absolute; top:22px; left:360px;} .hand_pic li.cur em{ background:#2c2a2a; } .hand_pic li.cur em a{color:#ddd;} .hand_pic li.cur{ background:#0577d8;} .hand_con .gray_l{ left:-50%; margin-left:-400px;} .hand_con .gray_r{ right:-50%; margin-right:-400px;} .hand_con .gray span{ display:block; width:100%; height:275px; left:0; top:0; position:absolute; background:#000; opacity:0.5; filter: alpha(opacity=100);} .hand_con .gray{ z-index:9; top:5px; cursor:pointer; width:100%; height:335px; position:absolute; z-index:999; } .hand_con .btn{width: 45px; height: 68px; position: absolute;opacity: 0.5; z-index:999;} .hand_con .prev{ background: no-repeat;right: 54px; top: 100px; } .hand_con .next{ background: no-repeat; left: 54px; top: 100px;} .hand_con .prev:hover{opacity: 1; filter: alpha(opacity=100);} .hand_con .next:hover{opacity: 1; filter: alpha(opacity=100);} /**/ .focus{margin-bottom:45px;} .focus h3{ text-align: center; font-weight: normal; border-bottom:1px solid #dcdcdc; padding-bottom: 20px; margin-bottom: 50px; } .focus h3 a{display: inline-block; font-size: 26px; text-align: left;background: no-repeat 0 24px; padding:20px 0 0 60px; border-top:1px solid #dcdcdc;} .focus h3 span{display: block; text-transform: uppercase; color: #999; font-size: 18px; margin-top: 5px;} .focus h3 a:hover{text-decoration: none;} .focus h4{ font-weight:normal; padding-bottom:12px; background: no-repeat 0 bottom; margin-bottom:20px;} .focus h4 em{ float:left; font-size:20px;} .focus h4 span a{ float:right; font-size: 12px; display:block; padding:10px 0 0; text-transform: uppercase; } .focus h4 em a:hover{ text-decoration:none;} .focus h4 em i{ color: #d0d0d0; text-transform: uppercase; font-style: normal; padding-left: 16px; } .focus_l{ width:465px; overflow: hidden;} .focus_l dl{border-bottom: 1px solid #d2d2d2; margin-bottom: 10px;} .focus_l dt img{ display:block; width:465px; height:208px;} .focus_l dd b{ display:block; height:20px; line-height:20px; margin:20px 0 10px; overflow: hidden; } .focus_l dd b a{ float:left;font-size:16px; max-width: 390px;} .focus_l dd b span{ font-weight:normal; font-size:12px; float:right;} .focus_l dd p{ font-size:14px; line-height:24px; height: 72px; overflow: hidden; margin-bottom:15px;} .focus_l dd p a{ color:#0577d8;} .focus_l ul{ background: no-repeat 0 center; padding-left: 18px;} .focus_l li{ height:46px; line-height:46px; font-size:14px; border-bottom: 1px dashed #c0c0c0; overflow: hidden; vertical-align: top;} .focus_l li em{ float:left; width: 360px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; } .focus_l li span{ float:right; font-size: 12px;} .focus_l li em a:hover{font-weight: bold;} .focus_r{ width:500px;} .focus_con{ padding-bottom:15px;} .focus_con dl{ margin-bottom:24px;} .focus_con dt{ float:left;} .focus_con dt img{ display:block; width:182px; height:110px;} .focus_con dd{ float:right; width:300px;} .focus_con dd em{ display:block; width: 300px; height:20px; line-height:20px; margin-bottom:10px;font-size:15px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .focus_con dd p{ font-size:14px; line-height:24px;} .focus_con dd p a{ color:#0577d8;} .faq p{ float:left;} .faq ul{ float:right; width:290px;} .faq li{ width: 270px; height:34px; line-height:34px; font-size:14px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;padding-left:20px; background: no-repeat 0 center;} .faq p img{ display:block; width:190px; height:235px;} .faq li a:hover{ font-weight: bold; } /**/ .about{ background: no-repeat center 0; padding-top: 30px; height: 700px; overflow: hidden;} .about h3{ text-align: center; font-weight: normal; margin-bottom: 20px; } .about h3 a{display: inline-block; font-size: 26px; text-align: left;background: no-repeat 0 24px; padding:20px 0 0 70px; color: #fff;} .about h3 span{display: block; text-transform: uppercase; color: #979a9b; font-size: 18px; margin-top: 5px;} .about h3 a:hover{text-decoration: none;} .about i{display: block; text-align: center; font-style: normal; padding-top: 40px;} .about i a{color: #fff; font-size: 18px; display: inline-block; width: 220px; height: 45px; line-height: 45px; border:1px solid #fff;} .about_vd{width: 897px; height:499px; overflow: hidden; margin: 0 auto;} /**/ .brand{padding: 65px 0;} .brand h3{ text-align: center; font-weight: normal; border-bottom:1px solid #dcdcdc; padding-bottom: 20px; margin-bottom: 50px; } .brand h3 a{display: inline-block; font-size: 26px; text-align: left;background: no-repeat 0 24px; padding:20px 0 0 70px; border-top:1px solid #dcdcdc;} .brand h3 span{display: block; text-transform: uppercase; color: #999; font-size: 18px; margin-top: 5px;} .brand h3 a:hover{text-decoration: none;} .brand li{float: left; width: 198px; border:1px solid #ddd;text-align:center; height: 130px; margin-left: -1px; position: relative;} .brand li a{ cursor: pointer; text-align:center;} .brand li img{display: block; width: 154px; height: 84px; margin-left:22px; margin-top:10px;} .brand li span{display: block; text-align: center; font-size: 14px; line-height: 35px;} .brand li i{display: none; position: absolute; left: 0; top: 0; width: 198px; height: 130px; z-index: 9; background: repeat;} /**/ /* 友情链接 */ .link{background: #282828; } .link .content{padding: 22px 0; border-bottom: 1px solid #565656; } .link h3{ float: left; font-size: 12px; font-weight: normal; width: 170px; padding-top: 28px; background: no-repeat; } .link h3 a{color: #ababab;} .link p{ float: right; width: 830px;} .link p span{display: inline-block; line-height: 24px; margin-left: 32px;} .link p span a{color: #757575;} /* */ .pro_cat h5 a:hover,.brand li a:hover,.about i a:hover{ text-decoration: none; } /**/ /*详情页*/ *{margin:0px;padding:0px;list-style:none} .xq{width:1100px;height:auto} .xq0{width:1100px;height:640px} .xq1{width:1100px;height:378px;margin-top:50px} .xq2{width:1100px;height:335px;margin-top:50px} .xq3{width:1100px;height:635px;margin-top:50px} .xq4{width:1100px;height:auto;margin-top:50px} .xq5{width:1100px;height:300px;margin-top:50px} .xq6{width:1100px;height:322px;margin-top:50px} .xq7{width:1100px;height:auto;margin-top:50px} .xq8{width:1100px;height:auto;margin-top:25px} .xq9{width:1100px;height:766px;margin-top:50px} .xq11{width:1100px;height:auto;margin-top:25px} .xq10{width:1100px;height:421px} .ps1{width:489px;height:22px;float:left} .ps1 p{font-family:'黑体';font-size:24px;color:#000} .ps1 p span{font-family:'arial';font-size:18px;color:#a4a4a4} .pn1{width:489px;height:22px;float:left} .pn1 p{font-family:'黑体';font-size:24px;color:#000} .pn1 p span{font-family:'arial';font-size:18px;color:#a4a4a4} .pi1{width:489px;height:22px;float:left} .pi1 p{font-family:'黑体';font-size:24px;color:#000} .pi1 p span{font-family:'arial';font-size:18px;color:#a4a4a4} .pi2{width:1000px;height:326px;margin-top:25px} .pi2 li{width:500px;height:54px;float:left;margin-bottom:1px} .pi2 li p{width:202px;height:54px;background-color:#0066d4;float:left;font-family:'宋体';font-size:20px;color:#fff;line-height:54px} .pi2 li span{text-indent:1em;width:298px;height:54px;background-color:#f3f3f3;float:left;font-family:'微软雅黑';font-size:20px;color:#000;line-height:54px} .pc1{width:489px;height:22px;float:left} .pc1r{width:600px;height:3px;background-color:#d2d2d2;float:right;margin-top:20px} .pc1 p{font-family:'黑体';font-size:24px;color:#000} .pc1 p span{font-family:'arial';font-size:18px;color:#a4a4a4} .pc2{width:1100px;height:310px;margin-top:25px} .pc20 li{font-family:'宋体';font-size:30px;color:#fff;float:left;padding-top:170px;margin-left:155px} .cd1{width:489px;height:22px;float:left} .cd1 p{font-family:'黑体';font-size:24px;color:#000} .cd1 p span{font-family:'arial';font-size:18px;color:#a4a4a4} .cd2{width:1100px;height:586px;margin-top:25px} .cd20{float:left;width:360px} .cd21{float:left;margin-left:10px} .cdi1{width:235px;height:274px} .cdi2{width:235px;height:367px;margin-top:9px} .cdi3{width:583px;height:367px} .cdi4{width:583px;height:274px;margin-top:9px} .cdi5{width:235px;height:274px} .cdi6{width:235px;height:367px;margin-top:9px} .cdi10 p{font-family:'宋体';font-size:22px;color:#fff;line-height:40px;text-align:center} .aa1{width:489px;height:22px;float:left} .aa1 p{font-family:'黑体';font-size:24px;color:#000} .aa1 p span{font-family:'arial';font-size:18px;color:#a4a4a4} .aa2{width:1021px;height:580px;margin-top:25px} .aa2 p{margin-left:59px;border-bottom:2px solid #40546a;font-family:'宋体';font-size:22px;color:#051f3c;text-indent:1em;width:1002px;height:auto} .aa2 ul{width:1078px;height:465px;margin-left:9px;margin-top:32px} .aa2 li{width:263px;height:229px;float:left;margin-left:8px} .aa2 li p{font-family:'微软雅黑';font-size:24px;color:#000;text-align:center;text-indent:0em} .od1{width:489px;height:22px;float:left} .od1 p{font-family:'黑体';font-size:24px;color:#000} .od1 p span{font-family:'arial';font-size:18px;color:#a4a4a4} .od2{width:1100px;height:187px;margin-top:25px} .od2 li{width:262px;height:233px;float:left;margin-left:10px} .od2 li p{font-family:'宋体';font-size:22px;color:#051f3c;line-height:50px;text-indent:1em} .gp1{width:489px;height:22px;float:left} .gp1 p{padding-left:10px;font-family:'黑体';font-size:24px;color:#000} .gp1 p span{font-family:'arial';font-size:18px;color:#a4a4a4} .gp2{margin-top:25px} .gp2 ul{margin-left:11px;margin-top:38px} .gp2 li{width:292px;height:260px;float:left;margin-left:87px} .gp2 li p{font-family:'宋体';font-size:22px;color:#051f3c;text-align:center;line-height:60px} .mna1{width:489px;height:22px;float:left} .mna1 p{font-family:'黑体';font-size:24px;color:#000} .mna1 p span{font-family:'arial';font-size:18px;color:#a4a4a4} .mna2{width:1100px;height:auto;margin-top:25px} .cp1{width:489px;height:22px;float:left} .cp1 p{font-family:'黑体';font-size:24px;color:#000} .cp1 p span{font-family:'arial';font-size:18px;color:#a4a4a4} .au1{width:489px;height:22px;float:left} .au1 p{padding-left:10px;font-family:'黑体';font-size:24px;color:#000} .au1 p span{font-family:'arial';font-size:18px;color:#a4a4a4} .au2{float:left;width:1063px;height:720px;margin-left:5px;overflow:hidden;position:relative;margin-top:25px} .au2 .img1{width:7000px; position:absolute; left:0px;top:0px;} .au2 .img1 img{width:1063px; height:660px;} .au2 .img1 li{float:left} .au2 .num1 {position:absolute;width:100%;font-size:0px;border-bottom:3px solid #0066d4} .au2 ul{width:480px;height:52px} .au2 .num1 li {background-color:#fff;margin:0px 1px;display:inline-block;cursor:pointer;border-left:1px solid #000} .au2 .num1 li p{width:209px; height:52px;font-family:'微软雅黑';font-size:24px;color:#2b2b2b;line-height:42px;text-align:center} .au2 .num1 li.on {background-color: #1b81d0;color:#fff} .au2 .num1 li p.on {color:#fff} .pn2-2{font-family:'宋体';font-size:20px;color:#000;} .pnr p{font-family:'黑体';font-size:24px;color:#000} /**/ /**/ /**/ /**/