@charset "utf-8"; /* css document */ /*--搜索--*/ .sou{ width:100%; height:91px; background:url(/uploads/image/images/sou.gif) repeat-x;} .sou_con{ width:1200px; height:91px; margin:0 auto;} .sou_left{ width:675px; float:left; margin-top:25px;} .sou_left span{ float:left; color:#333;} .sou_left a{ float:left; color:#333; padding:0 11px;} .sou_left a:hover{ font-weight:bold;} .sou_right{ width:340px; float:right; margin-top:15px;} .input1{ width:285px; height:41px; border:1px solid #e2e2e2; box-sizing:border-box; float:left; color:#999; line-height:41px; padding:0 10px;} .input2{ width:53px; height:41px; font-size:15px; color:#fff; text-align:center; line-height:41px; background:#0066cc; border:none; cursor:pointer;} /*--工艺--*/ .gongyi{ width:100%; height:666px; margin:35px 0 60px; position:relative; background:url(/uploads/image/images/xian.gif) no-repeat 0 160px;} .gongyi .nr{ width:1200px; height:666px; margin:0 auto;} .gongyi .nr .bt{ width:660px; height:150px; margin:0 auto;} .gongyi .nr .bt img{ width:281px; height:45px; margin:0 auto;} .gongyi .nr .bt h3{ font-size:32px; color:#333; margin:14px 0px 8px; text-align:center;} .gongyi .nr .bt h3 span{ color:#0066cc;} .gongyi .nr .bt p{ width:312px; height:30px; font-size:15px; color:#333; background:url(/uploads/image/images/yuan.gif) no-repeat 0 5px; padding-left:20px; box-sizing:border-box; float:left; margin-left:16px;} .gongyi .nr ul{ margin-top:50px; overflow:hidden;} .gongyi .nr ul li{ width:386px; height:450px; float:left; margin-right:20px; background:#e6e6e6; position:relative;} .gongyi .nr ul li:nth-child(2){ width:388px; background:#0066cc;} .gongyi .nr ul li:nth-child(3){ margin:0;} .gongyi .nr ul li h3{ font-size:20px; color:#333; text-align:center; margin-top:38px;} .gongyi .nr ul li dl{ width:350px; height:110px; margin:0 auto; margin-top:30px;} .gongyi .nr ul li dl dt{ color:#333; float:left; width:125px; margin-bottom:15px;} .gongyi .nr ul li dl dt img{ width:14px; height:14px; float:left; margin-right:13px; margin-top:3px; position:relative;} .gongyi .nr ul li dl dt:nth-child(2),.gongyi .nr ul li dl dt:nth-child(4){ width:150px;} .gongyi .nr ul li dl dt:nth-child(odd){ margin-left:40px;} .gongyi .nr ul li img{ width:386px; height:224px; position:absolute; bottom:0;} .jiao{ width:47px; height:27px; background:url(/uploads/image/images/jiao.png) no-repeat; position:absolute; top:215px; left:155px;} .gongyi .nr ul li:nth-child(2) img{ width:388px; height:330px; position:absolute; top:0;} .gongyi .nr ul li p{ width:360px; height:95px; color:#fff; line-height:25px; margin:0 auto; overflow:hidden; margin-top:340px;} .gongyi .nr ul li:nth-child(3) img{ top:0;} .gongyi .nr ul li:nth-child(3) h3{ margin-top:264px;} .jiao1{ width:47px; height:27px; background:url(/uploads/image/images/jiao1.png) no-repeat; position:absolute; top:208px; left:155px;} /*--产品--*/ .product{ width:100%; height:1065px; background: url(/uploads/image/images/xian1.gif) no-repeat right 240px, url(/uploads/image/images/bg.jpg) repeat;} .product .nr{ width:1200px; height:1060px; margin:0 auto; padding-top:76px; box-sizing:border-box;} .product .nr .bt{ width:660px; height:150px; margin:0 auto;} .product .nr .bt img{ width:281px; height:45px; margin:0 auto;} .product .nr .bt h3{ font-size:32px;color:#0066cc; margin:14px 0px 8px; text-align:center;} .product .nr .bt p{ font-size:15px; color:#333; text-align:center;} .fxui-tab { width:1200px; margin-top:55px;} .fxui-tab-hand {height:37px;} .fxui-tab-tit { width:210px; height:35px; border:1px solid #b7b7b7; border-radius:25px; margin-left:23px; cursor: pointer; display:block; font-size:16px; float:left; text-align:center; line-height:35px;} .fxui-tab-hand .curr {background:#0066cc; color:#fff; border:1px solid #0066cc;} .fxui-tab-nav { margin-top:45px;} .fxui-tab-nav li{ width:379px; height:306px; float:left; margin-right:31px; margin-bottom:37px;} .fxui-tab-nav li:nth-child(3),.fxui-tab-nav li:nth-child(6){ margin-right:0px;} .fxui-tab-nav li div{ width:379px; height:256px; overflow:hidden;} .fxui-tab-nav li img{ width:379px; height:256px; transition:all 0.5s;} .fxui-tab-nav li:hover img{ transform:scale(1.1);} .fxui-tab-nav li dl{ height:48px; background:#fff; transition:all 0.5s; padding:0 25px; box-sizing:border-box;} .fxui-tab-nav li dl p{ font-size:16px; color:#666; line-height:48px; text-align:center;} .fxui-tab-nav li dl .more{ float:right; width:19px; height:20px; background:url(/uploads/image/images/more.gif) no-repeat; margin-top:15px; transition:all 0.5s;} .fxui-tab-nav li:hover dl{ background:#0066cc;} .fxui-tab-nav li:hover dl p{ color:#fff;} .fxui-tab-nav li:hover dl .more{ background:url(/uploads/image/images/more1.gif) no-repeat;} /*--小banner--*/ .banner_x1{ width:100%; height:201px; background:url(/uploads/image/images/banner_x1.jpg) no-repeat center;} .banner_x2{ width:100%; height:244px; background:url(/uploads/image/images/banner_x2.jpg) no-repeat center;} /*--优势--*/ .youshi{ width:100%; height:1100px; background:url(/uploads/image/images/xian.gif) no-repeat 0 160px; margin-top:33px;} .youshi .bt{ width:546px; height:129px; background:url(/uploads/image/images/ys_bt.jpg) no-repeat; margin:0 auto; } .youshi .y1{ width:1200px; height:413px; margin:0 auto; margin-top:92px;} .youshi .y1_left{ float:left; width:577px; height:413px; background:url(/uploads/image/images/shu1.jpg) no-repeat; padding-left:87px; box-sizing:border-box;} .youshi .y1_left h3{ width:491px; height:52px; border-bottom:1px dashed #999; font-size:25px; color:#000; line-height:30px;} .youshi .y1_left p{ font-size:15px; color:#333; width:491px; line-height:36px; margin-top:13px;} .youshi .y1_left p span{ color:#0066cc; font-weight:bold;} .youshi .y1_left dl{ width:491px; height:55px;} .youshi .y1 img{ width:532px; height:326px; float:right; margin-top:8px;} .youshi .y2{ width:100%; height:430px; background:url(/uploads/image/images/ys_2.jpg) no-repeat center;} .youshi .y2 .nr{ width:1200px; margin:0 auto;} .youshi .y2 .nr .txt{ width:498xp; float:right; margin-top:102px;} .youshi .y2 .nr h3{ width:498px; height:52px; border-bottom:1px dashed #fff; font-size:25px; color:#fff; line-height:30px; } .youshi .y2 .nr p{ font-size:15px; color:#fff; width:498px; line-height:36px; margin-top:13px; } .youshi .y3{ width:100%; height:387px; background:url(/uploads/image/images/ys_3.jpg) no-repeat center; overflow:hidden;} .youshi .y3 .nr{ width:1200px; margin:0 auto; padding-left:86px; box-sizing:border-box; margin-top:55px;} .youshi .y3 .nr h3{ width:450px; height:52px; border-bottom:1px dashed #999; font-size:25px; color:#000; line-height:30px; } .youshi .y3 .nr p{ font-size:15px; color:#333; width:450px; line-height:36px; margin-top:13px; } /*--简介--*/ .profile{ width:100%; height:612px; margin-top:32px;} .profile .bt{ width:620px; height:110px; margin:0 auto;} .profile .bt img{ width:281px; height:53px; margin:0 auto; margin-bottom:15px;} .profile .bt h3{ font-size:32px; color:#0066cc; text-align:center;} .profile .nr{ width:100%; height:475px; background:url(/uploads/image/images/profile.jpg) no-repeat center; margin-top:40px;} .profile .nr .con{ width:1200px; margin:0 auto;} .profile .nr .con .sp{ width:633px; height:401px; float:left; margin:31px 0 0 22px;} .profile .nr .con .txt{ width:489px; height:461px; float:right; margin-top:8px; background:#f5f5f5; padding-top:51px; box-sizing:border-box;} .profile .nr .con .txt h3{ width:395px; height:37px; border-bottom:1px solid #ddd; font-size:20px; color:#666; margin:0 auto;} .profile .nr .con .txt p{ width:395px; height:236px; line-height:33px; color:#666; padding-bottom:10px; border-bottom:1px solid #ddd; overflow:hidden; margin:0 auto; margin-top:10px;} .profile .nr .con a{ width:108px; height:32px; display:block; text-align:center; line-height:32px; color:#fff; float:left; margin-top:29px; transition:all 0.5s;} .a1{ background:#0066cc; margin:0 31px 0 48px;} .a2{ background:#333;} .a1:hover{ background:#f9372f;} .a2:hover{ background:#5b5b5b;} /*--资质--*/ .fxui-tab1{ width:1200px; height:310px; margin:0 auto; margin-top:36px;} .fxui-tab-hand1 { width:1200px; height:39px; border-bottom:1px solid #e9e9e9;} .fxui-tab-tit1 {display: block; float:left; font-size:16px; color:#333; height:39px; line-height:30px; cursor:pointer;} .fxui-tab-hand1 .curr { color:#0066cc; font-weight:bold;} .fxui-tab-hand1 dl{ width:25px; height:17px; background:url(/uploads/image/images/xie.gif) no-repeat; float:left; margin-top:7px;} /* 水平滚动 ------------------------------ */ .scroll_horizontal{position:relative;width:1200px;height:240px;} .scroll_horizontal .box{overflow:hidden; position:relative; width:1200px; height:240px; margin:0 auto; margin-top:26px;} .scroll_horizontal .list{overflow:hidden;width:9999px;} .scroll_horizontal .list li{float:left; width:306px;} .scroll_horizontal .list li img{ width:282px; height:189px;} .scroll_horizontal .list li span{ position:relative; width:282px; height:40px; line-height:40px; color:#333; margin-top:5px; display:block; text-align:center; border-bottom:1px solid #ddd;} .scroll_horizontal .list li p{ width:0px; height:1px; background:#0066cc; position:absolute; bottom:0; transition:all 0.5s;} .scroll_horizontal .plus, .scroll_horizontal .minus{position:absolute; top:75px; width:35px;height:25px; cursor:pointer;} .scroll_horizontal .plus{left:-40px; background:url(/uploads/image/images/zuo.gif) no-repeat;} .scroll_horizontal .minus{right:-40px; background:url(/uploads/image/images/you.gif) no-repeat;} .scroll_horizontal .list li:hover p{ width:282px;} .scroll_horizontal .list li:hover span{ color:#0066cc;} /*--案例--*/ .case{ width:100%; height:468px; background:url(/uploads/image/images/anli.jpg) no-repeat center; margin-top:0px; padding-top:8px; box-sizing:border-box;} .case .bt{ width:660px; height:70px; margin:0 auto; margin-top:35px;} .case .bt h3{ font-size:32px;color:#0066cc; text-align:center; padding-bottom:18px; font-family:"黑体"} .case .bt p{ font-size:15px; color:#333; text-align:center;} .scroll_horizontal2{position:relative;width:1200px;height:220px; margin:0 auto;} .scroll_horizontal2 .box{overflow:hidden; position:relative; width:1200px; height:217px; margin:0 auto; margin-top:26px;} .scroll_horizontal2 .list{overflow:hidden;width:9999px;} .scroll_horizontal2 .list li{float:left; width:307px; height:217px;} .scroll_horizontal2 .list li div{ width:278px; height:206px; overflow:hidden;} .scroll_horizontal2 .list li img{ width:278px; height:206px; transition:all 0.5s;} .scroll_horizontal2 .list li span{ position:relative; width:282px; height:40px; line-height:40px; color:#333; margin-top:5px; display:block; text-align:center; border-bottom:1px solid #ddd;} .scroll_horizontal2 .list li dl{ overflow:hidden; width:278px; height:60px; background:#fff; padding: 0 18px; box-sizing:border-box;} .scroll_horizontal2 .list li dl h3{ font-size:16px; color:#333; margin: 19px 0;} .scroll_horizontal2 .list li dl p{ color:#666; line-height:0px; height:0px; overflow:hidden;} .scroll_horizontal2 .list li dl dt{ color:#0066cc; font-size:13px; float:right; margin-top:5px;} .scroll_horizontal2 .plus, .scroll_horizontal2 .minus{position:absolute; top:65px; width:31px;height:74px; cursor:pointer;} .scroll_horizontal2 .plus{left:-50px; background:url(/uploads/image/images/case_z.gif) no-repeat;} .scroll_horizontal2 .minus{right:-50px; background:url(/uploads/image/images/case_y.gif) no-repeat;} .scroll_horizontal2 .list li:hover img{ transform:scale(1.1);} /*--新闻--*/ .news{ width:100%; height:560px; overflow:hidden;} .news_con{ width:1200px; height:466px; margin:0 auto; margin-top:53px;} .news .left{ width:745px; height:450px; float:left; background:#fff; -moz-box-shadow:1px 1px 8px #999; -webkit-box-shadow:1px 1px 8px #999; box-shadow:1px 1px 8px #999;} .fxui-tab-hand2 {height:59px; border-bottom:1px solid #f0f0f0;} .fxui-tab-hand2 a{ color:#333; float:right; margin:25px 25px 0 0;} .fxui-tab-hand2 a:hover{ color:#0066cc;} .fxui-tab-tit2 { width:108px; height:35px; line-height:35px; padding-left:17px; box-sizing:border-box; color:#333; margin:16px 3px 0 18px; display:block; float:left; font-size:16px; cursor:pointer;} .fxui-tab-hand2 .curr { background:url(/uploads/image/images/hong.gif) no-repeat; color:#fff;} .fxui-tab-nav2{ padding:18px 25px; box-sizing:border-box;} .news .left img{ width:224px; height:334px; float:left;} .news .left ul{ width:440px; float:right;} .news .left ul li{ width:440px; height:74px; padding:20px 0px; border-bottom:1px dashed #c5c5c5;} .news .left ul li .riqi{ width:68px; height:72px; border:1px dashed #bdbdbd; float:left;} .news .left ul li .riqi h3{ width:59px; height:29px; border-bottom:1px solid #ddd; text-align:center; font-size:25px; color:#666; margin:0 auto; margin-top:3px; padding-bottom:5px;} .news .left ul li .riqi p{ color:#333; text-align:center; margin-top:8px;} .news .left ul li .txt{ width:345px; float:right;} .news .left ul li .txt h3{ font-size:16px; color:#333; font-weight:normal; width:340px; height:25px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .news .left ul li .txt p{ color:#666; line-height:23px; height:46px; overflow:hidden;} .news .left ul li:nth-child(1){ padding-top:8px;} .news .left ul li:hover .riqi h3,.news .left ul li:hover .riqi p{ color:#0066cc;} .news .right{ width:425px; height:450px; float:right; background:#fff; -moz-box-shadow:1px 1px 8px #999; -webkit-box-shadow:1px 1px 8px #999; box-shadow:1px 1px 8px #999;} .news .right .bt{ height:59px; border-bottom:1px solid #f0f0f0;} .news .right .bt a{ color:#333; float:right; margin:25px 25px 0 0;} .news .right .bt a:hover{ color:#0066cc;} .news .right .bt span{ width:108px; height:35px; line-height:35px; float:left; font-size:16px; color:#fff; background:url(/uploads/image/images/hong.gif) no-repeat; padding-left:17px; box-sizing:border-box; margin:16px 3px 0 18px; display:block;} .news .right img{ width:380px; height:256px; margin:0 auto; margin-top:17px;} .news .right h3{ width:380px; height:22px; font-size:16px; color:#333; font-weight:normal; margin:17px auto 6px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .news .right p{ width:380px; height:46px; overflow:hidden; color:#666; line-height:23px; margin:0 auto;} .news .right a:hover h3{ color:#0066cc;} /*--友情链接--*/ .links{ width:1200px; height:120px; border:3px solid #e0e0e0; box-sizing:border-box; margin:15px auto; padding:0 27px;} .links_left{ width:143px; height:62px; background:url(/uploads/image/images/shuxian.gif) no-repeat right -5px; float:left; margin-top:30px;} .links_left h3{ font-size:16px; color:#333; margin-bottom:25px;} .links_left h3 span{ font-size:14px; color:#acacae;} .links_left i{ width:30px; height:3px; background:#d6071b;} .links_right{ width:997px; height:60px; float:right; margin-top:25px; line-height:60px;} .links_right a{ margin-left:35px; display:block; float:left; color:#333; font-size:15px;}