@font-face{font-family:'iconfont';src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot');src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('http://at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('http://at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('http://at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')} @font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')} .fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale} .fa-icon-qq:before{content:"\e604"} .fa-icon-weibo:before{content:"\e600"} .fa-icon-weixin:before{content:"\e605"} .fa-icon-zaixianzixun:before{content:"\e608"} *{margin:0;padding:0;} body{background:#0d0d0d; font:12px/22px "Arial","Microsoft YaHei","SimSun"; font-size:100%; overflow-x:hidden; -moz-user-select:none; } body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;} li,img,input,em,select{ list-style:none; border:none; font-style:normal;} a{ text-decoration:none !important; cursor:pointer !important;} select::-ms-expand { display: none; } .img-none{display:none;} .img-position-absolute{position: absolute; top: 0; bottom: 0; left: 0; right: 0; max-width: 100%; max-height: 100%;display: block; margin:auto;padding:auto;} .wrap{ max-width:1200px !important; margin:0 auto;} header{width:100%; float:left;} .header{width:100%; float:left; background:url(../images/header_bj.jpg) no-repeat center center; position:relative; left:0;top:0; z-index:9999999; border-bottom:2px solid #d19a25;} .logo{float:left; padding:15px 0 29px 0;} .logo img{float:left;width:100%; max-width:358px; max-height:55px;} .header_R{float:right; margin-top:30px;} .header_B{width:259px;float:left; height:33px; background:url(../images/header_ss.png) no-repeat center center;} .header_inp1{width:217px;float:left; height:33px; padding:1px 10px; background:none; font-family:SimSun; font-size:12px; color:#fff;} .header_inp1::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #666666;} .header_inp1:-moz-placeholder, textarea:-moz-placeholder {color: #666666;} .header_btn{width:42px;float:left; height:33px; background:none; outline:none;} .header_dianhua{float:right; height:34px; line-height:34px; background:url(../images/header_dianhua.png) no-repeat left center; padding-left:40px; margin-left:55px; font-family:'Microsoft YaHei'; font-size:14px; color:#a6a6a6;} .header_dianhua span{font-family:Impact; font-size:24px; color:#d79713; font-style:oblique;} nav{width:100%; float:left; background:url(../images/nav_bj.jpg) repeat-x left center; border-top:1px solid #0b0b0a; position:relative; left:0;top:0; z-index:9999999;} /*导航下拉开始*/ .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .nav{width:100%; float:left; position:relative; z-index:1; padding-left:2px; background:url(../images/shutiao.jpg) no-repeat left center;} .nav a{ color:#fff; } .nav .nLi{width:14.285%; float:left; position:relative; display:inline; padding-right:2px; background:url(../images/shutiao.jpg) no-repeat right center;} .nav .nLi h3{width:100%;float:left; position:relative;} .nav .nLi h3 a{ display:block; height:50px; line-height:50px; text-align:center; overflow:hidden; transition:all 0.4s; padding:0; font-family:'Microsoft YaHei'; font-size:16px; color:#000;text-transform:uppercase;} .nav .nLi:hover h3 a{background:url(../images/nav_hover.jpg) no-repeat center center; background-size:100% 100%; color:#fff;} .nav .sub{ display:none; width:100%; left:0; top:100%; position:absolute; z-index:999999;} .nav .sub li{ zoom:1;} .nav .sub a{ display:block; height:40px; line-height:40px; text-align:center; overflow:hidden; font-family:'Microsoft YaHei'; font-size:14px; color:#000; transition:all 0.4s;background:url(../images/nav_bj.jpg) repeat-x left center;} .nav .sub a:hover{color:#fff; background:#000;} /*导航下拉结束*/ .banner{width:100%; overflow:hidden; border-bottom:3px solid #ffba00;} /*banner*/ .focus{width:100%;float:left; height:auto;position:relative;} .focusbox{width:100%;height:auto;overflow:hidden} .focusbox li{width:100%;height:auto;overflow:hidden;} .focusbox li a{width:100%; height:auto; float:left; overflow:hidden; } .focusbox li a .banner_img_top{padding-top:35.375%;} .rslides{width:100%;height:100%; position:relative;list-style:none;padding:0} .rslides_nav{height:51px;width:31px;position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:4px;opacity:0.5;text-indent:-9999px;overflow:hidden;text-decoration:none;background:url(../images/prev.jpg) no-repeat center center;margin-top:-28px} .rslides_nav:active{opacity:1.0} .rslides_nav.next{left:auto;background:url(../images/next.jpg) no-repeat center center;right:4px} .rslides_tabs{width:100%; position:absolute;left:0;bottom:15px; z-index:2; text-align:center;} .rslides_tabs li{display:inline-block;width:11px;height:11px;margin:0 5px;*display:inline;zoom:1;} .rslides_tabs a{display:inline-block;width:11px;height:11px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;} .rslides_tabs .rslides_here a{background-position:0 0;} /*移动端*/ #content1 {padding:0px;float:left;width:100%;} .slideBox {position:relative;overflow:hidden;margin:0px auto;max-width:100%;} .slideBox .hd {position:absolute;height:28px;line-height:28px;bottom:0;right:0;z-index:1;} .slideBox .hd li {display:inline-block;width:10px;height:10px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:#333;text-indent:-9999px;overflow:hidden; margin:0 6px 0 6px;} .slideBox .hd li.on {background:#fff;} .slideBox .bd {position:relative;z-index:0;} .slideBox .bd li {position:relative;text-align:center;} .slideBox .bd li img {background:url(images/loading.gif) center center no-repeat;vertical-align:top;width:100%;} .slideBox .bd li a {-webkit-tap-highlight-color:rgba(0, 0, 0, 0);} .slideBox .bd li .tit {display:block;width:100%;position:absolute;bottom:0;text-indent:10px;height:28px;line-height:28px;background:url(images/focusBg.png) repeat-x;color:#fff;text-align:left;} main{width:100%; float:left;} .bigbox{width:100%; overflow:hidden; background:url(../images/bj1.jpg) no-repeat center top #0d0d0d; background-size:cover;} .tjcp{width:100%; float:left; padding-top:36px;} .tjcp_title{width:216px;float:left; height:252px; background:url(../images/tjcp_title.jpg) no-repeat center center; background-size:cover; border:1px solid #414141; padding:10px 0 0 22px;} .tjcp_T{display:block; height:64px; line-height:64px; overflow:hidden; font-family:'Microsoft YaHei'; font-size:24px; color:#fff;} .tjcp_p{display:block; height:34px; line-height:34px; overflow:hidden; font-family:'Book Antiqua'; font-size:30px; color:#ffad00;text-transform:uppercase;} .tjcp_sp{display:block; height:22px; line-height:22px; overflow:hidden; font-family:'Book Antiqua'; font-size:12px; color:#8f8f8f;text-transform:uppercase;} .tjcp_more{display:block; width:100%; max-width:165px; height:42px;overflow:hidden; margin-top:34px; background:url(../images/tjcp_more.png) no-repeat center center;} .tjcp_more a{display:block; height:42px; line-height:42px; overflow:hidden; text-align:center; font-family:'Microsoft YaHei'; font-size:14px; color:#8f8f8f; transition:all 0.4s;} .tjcp_more a:hover{color:#ffad00; font-weight:bold;} .tjcp_ul{display:block; overflow:hidden;} .tjcp_ul li{width:237px;float:right; margin:0 0 10px 6px;} .tjcp_ul li a{width:100%; border:1px solid #ffba00; padding:3px; background:#181615; position:relative; float:left;} .tjcp_ul li a .tjcp_img{width:100%; overflow:hidden; position:relative; background:#ffba00; border:1px solid #dda203;} .tjcp_ul li a .tjcp_img .tjcp_img_top{padding-top:106.6667%;} .tjcp_ul li a .tjcp_img img{transition:all 1s;} .tjcp_ul li a .tjcp_jiantou{width:51px;float:left; height:47px; background:url(../images/tjcp_jiantou.png) no-repeat center center; position:absolute;right:-1px;bottom:-1px;} .tjcp_ul li a:hover .tjcp_img img{transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2);} .cpzs{width:100%; float:left; margin-top:24px; position:relative; background:url(../images/cpzs_heng.png) repeat-x left top;} /*响应式轮播图*/ .cpzs-img{padding:45px 5px;} .cpzs_img{width:100%; border-radius:50%; border:1px solid #ffba00; box-shadow:0 0 10px 5px rgba(255,186,0,0.2); overflow:hidden; position:relative; z-index:9; transition:all 0.4s;} .cpzs_img .cpzs_img_top{padding-top:100%;} .cpzs_img img{transition:all 1s;} .cpzs_txt{display:block; height:46px; line-height:46px; overflow:hidden; text-align:center; font-family:'Microsoft YaHei'; font-size:16px; color:#d0d0d0; margin-top:5px;} .swiper-slide:hover .cpzs_img{ box-shadow:0 0 10px 5px rgba(255,186,0,0.5);} .swiper-slide:hover .cpzs_img img{transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2);} .swiper-button-next{right:-60px; position:absolute;top:50%; margin-top:-17px; width:20px; height:34px; line-height:34px; text-align:center; background:none; overflow:hidden; opacity:1; font-family:SimSun; font-size:48px; color:#7f7f7f;} .swiper-button-prev{left:-60px; position:absolute;top:50%; margin-top:-17px; width:20px; height:34px; line-height:34px; text-align:center; background:none; overflow:hidden; opacity:1; font-family:SimSun; font-size:48px; color:#7f7f7f;} .swiper-button-next:hover{color:#ffba00;} .swiper-button-prev:hover{color:#ffba00;} /*END*/ .gsjj{width:100%; float:left; background:#0d0d0d; cursor:pointer;} .gsjj_img{width:340px;float:left; margin-right:35px; overflow:hidden;} .gsjj_img img{width:100%; display:block; height:auto; transition:all 1s;} .gsjj:hover .gsjj_img img{transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2);} .gsjj_title{display:block; overflow:hidden; margin-top:40px;} .gsjj_L{float:left; margin-right:10px;} .gsjj_L .gsjj_p{display:block; height:30px; line-height:30px; overflow:hidden; font-family:'Microsoft YaHei'; font-size:26px; color:#ffad00;} .gsjj_L .gsjj_sp{display:block; height:28px; line-height:28px; overflow:hidden; font-family:Arial; font-size:30px; color:#232323;text-transform:uppercase;} .gsjj_B{display:block; height:58px; line-height:58px; overflow:hidden; font-family:Arial; font-size:70px; color:#232323;text-transform:uppercase;} .gsjj_txt{display:block; overflow:hidden; font-family:'Microsoft YaHei'; font-size:14px; color:#9f9f9f; line-height:26px; margin-top:35px; transition:all 0.4s;} .gsjj_txt .span{font-size:18px; color:#ffad00;} .gsjj:hover .gsjj_txt{color:#ffad00;} .gsjj_more{display:block; height:31px; line-height:30px; overflow:hidden; margin-top:20px;} .gsjj_more a{float:left; border-bottom:1px solid #363636; color:#909090; font-family:'Microsoft YaHei'; color:#909090; font-size:12px; transition:all 0.4s;} .gsjj:hover .gsjj_more a{color:#ffba00;border-bottom-color:#ffba00;} .gsjj_ul{display:block; overflow:hidden; margin-top:30px;} .gsjj_ul li{width:25%;float:left; border:1px solid #333333;} .gsjj_ul li a{display:block; height:42px; line-height:42px; text-align:center; overflow:hidden; font-family:'Microsoft YaHei'; font-size:16px; color:#c0c0c0; transition:all 0.4s;} .gsjj_ul li a:hover{background:#ffba00; color:#000;} .newsbox{width:100%; float:left; padding:50px 0;} .news_L{width:575px;float:left;} .news_title{display:block; height:45px; line-height:44px; background:url(../images/news_title.jpg) no-repeat center center; background-size:cover; overflow:hidden; border-bottom:1px solid #ffad00;} .news_p{width:150px; float:left; height:44px; line-height:44px; background:url(../images/news_bj.jpg) repeat; text-align:center; font-family:'Microsoft YaHei UI'; font-weight:bold; color:#ffad00; font-size:18px;} .news_more{float:right; padding-right:15px;} .news_more a{font-family:SimSun; font-size:12px; color:#727170; transition:all 0.4s;} .news_more a:hover{color:#fff; text-decoration:underline !important;} .news_ul1{display:block; overflow:hidden; padding-top:20px;} .news_ul1 li{display:block; overflow:hidden; padding-bottom:16px; border-bottom:1px dotted #626262; margin-bottom:16px;} .news_ul1 li .news_img{width:144px;height:95px; float:left; margin-right:15px; transition:all 0.4s;} .news_ul1 li .news_T{display:block; height:25px; line-height:25px; overflow:hidden; font-family:'Microsoft YaHei'; font-size:14px; color:#ababab; transition:all 0.4s;} .news_ul1 li .news_sp{display:block; height:22px; line-height:22px; overflow:hidden; font-family:'Microsoft YaHei'; font-size:12px; color:#4f4f4f; transition:all 0.4s;} .news_ul1 li .news_txt{display:block; height:48px; line-height:24px; overflow:hidden; font-family:SimSun; font-size:12px; color:#6e6e6e; transition:all 0.4s;} .news_ul1 li:hover .news_img{border:3px solid #ffba00;} .news_ul1 li:hover .news_T{color:#ffba00;} .news_ul1 li:hover .news_sp{color:#ffba00;} .news_ul1 li:hover .news_txt{color:#ffba00;} .news_B{width:100%; display:block; overflow:hidden; margin-top:24px;} .news_B1{width:100%; display:block; overflow:hidden; margin-top:38px;} .news_B img{width:100%; display:block; height:auto;} .news_R{width:575px;float:right;} .news_ul2{display:block; overflow:hidden; padding-top:10px;} .news_ul2 li{display:block; overflow:hidden; border-bottom:1px solid #252525;} .news_ul2 li span{float:right; height:35px; line-height:35px; font-family:'Microsoft YaHei'; font-size:12px; color:#595959;} .news_ul2 li a{display:block; height:35px; line-height:35px; font-family:'Microsoft YaHei'; font-size:12px; color:#949494; padding:0 15px; background:url(../images/news_jiantou.png) no-repeat left center; transition:all 0.4s;} .news_ul2 li a:hover{color:#ffba00;} footer{width:100%; overflow:hidden;} .footer{width:100%; overflow:hidden; border-top:1px solid #ffad00; background:url(../images/foot_bj.jpg) repeat; padding:36px 0;} .footer_L{width:60%;float:left; background:url(../images/foot_shutiao.jpg) repeat-y left top;} .footer_B{width:25%;float:left; min-height:220px; background:url(../images/foot_shutiao.jpg) repeat-y right top; text-align:center;} .footer_p{display:block; height:34px; line-height:34px; overflow:hidden; text-align:center; font-family:'Microsoft YaHei'; font-size:15px; color:#dedede;} .footer_txt{display:block; line-height:30px; overflow:hidden; text-align:center;} .footer_txt a{ font-family:'Microsoft YaHei'; font-size:13px; color:#9e9e9e; transition:all 0.4s;} .footer_txt a:hover{color:#ffba00; text-decoration:underline !important;} .footer_R{width:35%; float:right;} .footer_BB{display:block; overflow:hidden; font-family:'Microsoft YaHei'; font-size:12px; color:#bdbdbd; line-height:30px;} .footer_wx{width:118px; float:right; text-align:center; font-family:'Microsoft YaHei'; font-size:14px; color:#757575; line-height:30px;} .footer_wx img{width:118px; display:block; height:118px; margin:0 auto;} .footer_img{display:block; overflow:hidden; margin-top:25px;} .footer_img img{width:38px; float:left; height:38px; margin-right:20px;} .foot{width:100%; overflow:hidden; background:#ffba00; line-height:30px; text-align:center; font-family:'Microsoft YaHei'; font-size:14px; color:#000; padding:10px 0;} .foot a{ color:#000; margin:0 10px;} .foot a:hover{ color:#000; text-decoration:underline !important;} /*手机底部*/ .hot{width:100%; height:58px; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 2px #fff; background:#000;} .hot span{ color:#fff; font-size:16px; line-height:20px; text-align:center !important;} .hot h6{ font-size:12px; line-height:20px; text-align:center !important;} .hot .row{margin:0 !important;} .hot .row div{padding:0 !important;} .hot .row div a{ display:block; color:#fff; padding:7px 0;} .hot .row div:hover a{background:#ffba00;} .dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%;} .dbbox .dbs{ position: relative; padding: 0 15px; display:none;} .dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px; border:2px solid #000;} .dbbox .dbs.ewm-box{ text-align:center; } .dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;} .dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;} .dbbox .dbs.ewm-box img{ max-width: 140px; } .dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; } .dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; } /*关于富工*/ .N_banner{width:100%; overflow:hidden;} .N_banner img{width:100%; display:block; height:auto;} .main{width:100%; overflow:hidden; background:url(../images/main_bj.jpg) repeat;} .dqwz_title{display:block; height:59px; line-height:58px; border-bottom:1px solid #ffad00; background:#000; overflow:hidden; font-family:'Microsoft YaHei'; font-size:14px; color:#a5a5a5;} .dqwz_contect{display:block; overflow:hidden; padding:32px 0;} .main_left{width:270px;float:left; background:url(../images/about_bj.jpg) repeat-y center top; background-size:100% 15px;} .about{width:100%;float:left;} .about_title{display:block; height:140px; overflow:hidden; background:url(../images/about_title.jpg) no-repeat center center; background-size:100% 100%; padding:18px 0 0 22px;} .about_p{display:block; height:34px; line-height:34px; overflow:hidden; font-family:'Microsoft YaHei'; font-size:24px; color:#dbdbdb;} .about_sp{display:block; height:26px; line-height:26px; overflow:hidden; font-family:Arial; font-size:20px; color:#535353;text-transform:uppercase;} .about_ul{display:block; overflow:hidden;} .about_ul li{display:block; padding:0 20px; overflow:hidden; transition:all 0.4s;} .about_ul li a{display:block; height:58px; line-height:56px; overflow:hidden; background:url(../images/about_heng.jpg) repeat-x left bottom,url(../images/about_jiantou.png) no-repeat right center; font-family:'Microsoft YaHei'; font-size:16px; color:#fff; transition:all 0.4s;} .about_ul li:hover{background:#ffad00;} .about_ul li:hover a{color:#000;} .about_ul .about_on{background:#ffad00;} .about_ul .about_on a{color:#000;} .main_right{width:900px;float:right;} .company{display:block; background:#ffad00; overflow:hidden; border-radius:5px;} .company_title{display:block; overflow:hidden; border-bottom:1px solid #000; line-height:76px; padding:0 30px; font-family:'Microsoft YaHei'; font-size:24px; color:#040404;} .company_txt{display:block; overflow:hidden; font-family:'Microsoft YaHei'; font-size:14px; color:#040404; line-height:30px; padding:15px 30px;} .company_txt img{max-width:100%; height:100%;} /*产品中心*/ .about_dl{display:none; overflow:hidden; padding:0 20px;} .about_dl dd{display:block;overflow:hidden;} .about_dl dd a{display:block; height:40px; line-height:40px; overflow:hidden; background:url(../images/about_heng.jpg) repeat-x left bottom,url(../images/about_jiantou.png) no-repeat 96% center; font-family:'Microsoft YaHei'; font-size:14px; color:#fff; transition:all 0.4s; text-indent:10px;} .about_dl dd:hover{background:#ffad00;} .about_dl dd:hover a{color:#000;} .cp_ul{display:block; width:927px;} .cp_ul li{width:282px;float:left; margin:0 27px 25px 0;} .cp_ul li a{display:block; overflow:hidden; border-radius:5px; background:#ffad00; padding:10px; transition:all 0.4s;} .cp_ul li a .cp_img{width:100%; overflow:hidden; position:relative; background:#fff; border-radius:5px;} .cp_ul li a .cp_img .cp_img_top{padding-top:78.8462%;} .cp_ul li a .cp_img img{transition:all 1s;} .cp_ul li a .cp_txt{display:block; overflow:hidden; height:55px; line-height:55px; text-align:center; font-family:'Microsoft YaHei'; font-size:15px; color:#242424;} .cp_ul li a .cp_more{display:block; width:102px; overflow:hidden; height:30px; line-height:28px; border:1px solid #fff; border-radius:5px; text-align:center; font-family:SimSun; font-size:12px; color:#555555; margin:0 auto; transition:all 0.4s;} .cp_ul li a:hover{box-shadow:0 0 10px 5px rgba(255,186,0,0.5);} .cp_ul li a:hover .cp_img img{transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2);} .cp_ul li a:hover .cp_more{background:#fff;} .cpxq{display:block; overflow:hidden; background:#ffad00; padding:20px; border-radius:5px;} .cpxq img{max-width:100%;} .cpxq_img{display:block; overflow:hidden; background:#fff;} .cpxq_img img{display:block; max-width:100% !important; height:auto !important; margin:0 auto;} .cpxq_txt{display:block; height:50px; line-height:50px; text-align:center; overflow:hidden; font-family:'Microsoft YaHei'; font-size:24px; color:#242424; margin-top:20px;} /*新闻中心*/ .xw_ul{display:block; overflow:hidden;} .xw_ul li{display:block; overflow:hidden; padding-bottom:20px; border-bottom:1px solid #ffad00; margin-bottom:20px;} .xw_ul li .xw_img{width:147px;float:left; height:116px; margin-right:16px; transition:all 0.4s;} .xw_ul li .xw_p{display:block; height:24px; line-height:24px; overflow:hidden; font-family:'Microsoft YaHei'; font-size:16px; color:#ffad00;} .xw_ul li .xw_sp{display:block; height:26px; line-height:26px; overflow:hidden; font-family:'Microsoft YaHei'; font-size:12px; color:#929292; transition:all 0.4s;} .xw_ul li .xw_txt{display:block; height:60px; line-height:20px; overflow:hidden; font-family:'Microsoft YaHei'; font-size:14px; color:#fff; transition:all 0.4s;} .xw_ul li:hover .xw_img{border:3px solid #ffba00;} .xw_ul li:hover .xw_sp{color:#ffad00;} .xw_ul li:hover .xw_txt{color:#ffad00;} .xwxq{display:block; overflow:hidden; background:#ffad00; padding:20px; border-radius:5px;} .xwxq_T{display:block; font-family:'Microsoft YaHei'; font-size:24px; color:#000; line-height:32px; text-align:center; overflow:hidden;} .xwxq_sp{display:block; font-family:'Microsoft YaHei'; font-size:12px; color:#000; line-height:30px; text-align:center; overflow:hidden; border-bottom:1px solid #000; padding:10px 0 15px 0;} .xwxq_txt{display:block; overflow:hidden; font-family:'Microsoft YaHei'; font-size:14px; color:#000; line-height:24px; padding-top:15px;} /*联系我们*/ .contact{display:block; overflow:hidden; padding:20px;} .contact_txt{display:block; font-family:'Microsoft YaHei'; font-size:14px; color:#000; line-height:30px; overflow:hidden;} .contact_B{display:block; overflow:hidden; margin-top:20px;} #map {width:100%; overflow:hidden; height:auto; border:2px solid #000;} #dituContent {width: 100%;height: 344px;} .iw_poi_title {color: #CC5522;font-size: 14px;font-weight: bold;overflow: hidden;padding-right: 13px;white-space: nowrap;} .iw_poi_content {font: 12px arial,sans-serif;overflow: visible;padding: 4px;white-space: -moz-pre-wrap;word-wrap: break-word;} @media (max-width:1220px) { .focusbox li a .banner_img_top{padding-top:40%;} .header{padding:0 1%;} nav{padding:0 1%;} .bigbox{padding:0 1%;} .tjcp{padding-top:30px;} .tjcp_title{width:20%; height:210px; padding:10px 0 0 10px;} .tjcp_more{margin-top:20px;} .tjcp_ul{width:80%;float:left;} .tjcp_ul li{width:24%; margin:0 0 10px 1%;} .cpzs{margin-top:20px;} /*响应式轮播图*/ .cpzs-img{padding:45px 5px 30px 5px;} /*END*/ .gsjj_img{margin-right:30px;} .gsjj_title{margin-top:20px;} .gsjj_txt {margin-top:30px;} .newsbox{padding:40px 0;} .news_L{width:49%;} .news_R{width:49%;} /*关于富工*/ .dqwz_title{padding:0 1%;} .dqwz_contect{padding:32px 1%;} .main_left{width:22%;} .main_right{width:76%;} /*产品中心*/ .cp_ul{width:100%;} .cp_ul li{width:31.33%; margin:0 1% 25px 1%;} } @media (max-width:991px){ .icon-menu{float:right; cursor:pointer; width:42px; height:32px; background:url(../images/menu_logo.png) no-repeat center center; position:absolute;right:0;top:50%; margin-top:-16px; z-index:9999;} .sjdnav{ width:160px; height:auto; position:absolute;right:0; top:100%;z-index:9999;background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0 !important; background-color:#000;} .sjdnav ul{ padding:0; margin:0;} .sjdnav li{ height:41px;display:block;text-align:center; margin:0; padding:0; border-bottom:1px solid #fff;} .sjdnav li a{display:block;line-height:40px; font-family:'Microsoft YaHei'; font-size:16px; color:#fff;text-transform:uppercase;} .sjdnav li a:hover{background:#ffba00; color:#000;} .sjdnavhide{ height:0; overflow:hidden;} .header .logo{width:100%; position:relative; padding:15px 0;} .header .logo img{width:100%;} .focusbox li a .banner_img_top{padding-top:45%;} .tjcp {padding-top:20px;} .tjcp_title {width:30%; height:182px; padding: 10px 0 0 20px;} .tjcp_T { height:50px; line-height: 50px; font-size: 20px;} .tjcp_more {margin-top:10px;} .tjcp_ul {width:70%;} .tjcp_ul li {width: 32.33%; margin: 0 0 10px 1%;} .cpzs-img {padding:30px 5px 20px 5px;} .gsjj_img {margin-right:20px;} .gsjj_title {margin-top:0;} .gsjj_txt {margin-top:15px;} .gsjj_ul {width:100%;margin-top:20px;} .newsbox {padding:30px 0;} .news_B {margin-top:0;} .news_B1 {margin-top:14px;} .footer {padding:25px 1%;} .footer_L {width:50%;} .footer_R {width:50%;} /*关于富工*/ .dqwz_contect{padding:25px 1%;} .main_left{width:29%;} .main_right{width:69%;} /*产品中心*/ .cp_ul li{margin:0 1% 20px 1%;} .xwxq{padding:10px;} } @media (max-width:767px){ .sjdnav{width:100%;} .header .logo{padding:10px 0;} .header .logo img{width:80%;} .tjcp {padding-top:15px;} .tjcp_title {width:100%; height: auto; text-align:center; padding: 10px;} .tjcp_ul {width:100%; padding-top:15px;} .tjcp_ul li {width:48%; margin: 0 1% 10px 1%;} .tjcp_more {width:100%; max-width: 100%; float:left; margin-top:15px;} .tjcp_more a {max-width: 165px; font-size: 14px; color: #000; border-radius:30px; margin:0 auto;background:#ffba00;} .cpzs_txt {height: 40px; line-height: 40px; font-size: 12px;} .gsjj_img {width: 100%; margin-right: 0;} .gsjj_title {width: 100%; float:left; margin-top:15px;} .gsjj_txt {width: 100%; float:left; margin-top: 15px;} .gsjj_ul {float:left;margin-top: 15px;} .newsbox {padding:15px 0;} .news_L {width:100%;} .news_R {width:100%;} .foot {line-height:24px; padding:10px 0;} /*关于富工*/ .dqwz_contect{padding:15px 1%;} .main_left{width:100%;} .main_right{width:100%;} .about_title1 {display: block;height:50px; line-height:50px; background:url(../images/sj_jiantou.png) no-repeat right center #000; overflow:hidden; font-family:'Microsoft YaHei'; font-size:20px; color:#ffad00; font-weight:bold; text-indent:20px;} .about_ul{display:none;} .company_txt {padding:10px;} /*产品中心*/ .cp_ul li{width:48%; margin:0 1% 15px 1%;} .cp_ul li a {padding:5px;} .cp_ul li a .cp_txt { height: 40px; line-height:40px;} .cpxq{padding:5px;} .cpxq_img{border-radius:5px;} .cpxq_txt{height:40px; line-height:40px; font-size:20px;margin-top:5px;} /*新闻中心*/ .xw_ul li{padding-bottom:10px; margin-bottom:10px;} .xw_ul li .xw_img{width:106px; height:84px; margin-right:10px;} .xw_ul li .xw_sp {display:none;} /*联系我们*/ .contact{padding:10px;} .dock{display:none;} } /*清除样式*/ .clear { clear:both;} /*分页css scott style pagination*/ div.scott{padding:3px;margin:3px;text-align:center;} div.scott a{border:#ddd 1px solid;padding:2px 5px;color:#faad02;margin:0 2px 0 0;text-decoration:none;} div.scott a:hover{border:#faad02 1px solid;color:#faad02;background-color:#fffed6;} div.scott a:active{border:#faad02 1px solid;color:#faad02;background-color:#fffed6;} div.scott span.current{border:#faad02 1px solid;padding:2px 5px;font-weight:bold;color:#fff;margin:0 2px 0 0;background-color:#faad02;} div.scott span.disabled{border:#f3f3f3 1px solid;padding:2px 5px;color:#ccc;margin:0 2px 0 0;} /*---网站地图---*/ .map_main {overflow:hidden;margin:10px 0;padding-bottom:10px;/* background: #fff; */} .sitemap_con { width:100%; margin:0 auto; color:#666;} .sitemap_con .map_top { border-bottom:solid 1px #ccc; } .sitemap_con .map_top img { float:left;} .site_r_link { width:120px; margin-top:45px;/*上边界根据需要进行调整*/ border:1px solid #cdcdcd; background:#F8F8F8; padding:5px 10px; float:right; } /*网站地图,显示方式样式,上边界根据需要进行调整*/ .site_plc { background:url(Img/ico27.gif) no-repeat 0 8px; padding:5px 0; text-indent:10px;} .sitemap_con h4 { line-height:30px;} .sitemap_con h4 a{ color:#fff;} .b4 {/* border:solid 1px #E0E0E0; */} .b4 ul { padding:0 11px;} .b4 li { float:left ; line-height:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-right:30px; } .b4 li a {color: #333;} .b4 li a:hover { color:#FF7900;} /*浮动QQ*/ .dock { position: fixed; right: 0px; width: 50px; -moz-opacity: 0.7; opacity: 0.7; z-index: 200; } .dock.close { z-index: 50; } .dock ul.icons { position: absolute; list-style: none; right: 0px; padding: 0px; width: 50px; border: 1px solid #333; border-right: none; background: #111; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .dock.close ul.icons { right: -70px; } .dock ul.icons li i { display: block; position: relative; width: 50px; height: 50px; background: url(../images/icons.png) no-repeat; cursor: pointer; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; z-index: 210; } .dock ul.icons li.active i { -moz-opacity: 0.4; opacity: 0.4; } .dock ul.icons li.up i { background-position: -63px -150px; } .dock ul.icons li.tel i { background-position: -62px -108px; } .dock ul.icons li.im i { background-position: -63px -20px; } .dock ul.icons li.wechat i { background-position: -59px -66px; } .dock ul.icons li.down i { background-position: -63px -190px; } .dock ul.icons li p { display: block; position: absolute; top: 50px; right: -260px; padding: 15px 20px; height: 120px; color: White; line-height: 30px; border: 1px solid #333; border-right: none; background: #111; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease-in-out .1s; -moz-transition: all .4s ease-in-out .1s; -ms-transition: all .4s ease-in-out .1s; -o-transition: all .4s ease-in-out .1s; transition: all .4s ease-in-out .1s; overflow: hidden; z-index: 201; } .dock ul.icons li.active p { right: 50px; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); } .dock ul.icons li.tel p { width: 143px; height:130px; line-height:30px } .dock ul.icons li.im p { width: 140px; height:170px; line-height:30px } .dock ul.icons li.im p a { display: block; margin-top: 12px; width: 100px; height: 35px; line-height: 32px; color: #00dfb9; font-size: 16px; text-align: center; text-decoration: none; border: 1px solid #00dfb9; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .dock ul.icons li.im p a:hover { color: White; background: #0f8773; border: 1px solid #0f8773; } .dock ul.icons li.wechat p { width: 180px; height:180px; line-height:30px } .dock ul.icons li.wechat p img { border: 2px solid #000; } .dock a.switch { position: absolute; display: block; top: 270px; right: 11px; width: 26px; height: 26px; background: url(../images/icons.png) no-repeat 0px -640px; cursor: pointer; -webkit-transition-delay: .15s; -moz-transition-delay: .15s; -ms-transition-delay: .15s; -o-transition-delay: .15s; transition-delay: .15s; } .dock a.switch.off { background-position: -32px -640px; }