@charset "utf-8"; /*======================== 侧边网站地图伸拉 ========================*/ .side-box.smallwidth { padding:20px 0px 0 35px; z-index:99999;} .smallwidth .side-title { padding-bottom:0; } .smallwidth .side-dl { height:200px; } .open-side .side-box { right:0px; opacity:1; visibility:visible; } .open-side #side-mask { display:block; } .side-box { width:325px; background:#fff; position:fixed; top:0; right:-360px; height:100%; z-index:999; padding:35px 0px 0 35px; -webkit-transition:all .4s; transition:all .4s; opacity:0; visibility:hidden; } a.side-close { display:block; width:28px; height:29px; background:url(../Images/side-close.png) no-repeat; cursor:pointer; } .side-title { color:#333; font-size:18px; padding-top:20px; padding-bottom:10px; line-height:20px; margin-bottom:10px; } .side-dl { overflow:hidden; margin-top:10px; width:108px; float:left; height:220px; } .side-dl a { color:#666; -webkit-transition:all .3s; transition:all .3s; } .side-dl a:hover { color:#ef8300; } .side-dl dt a { font-size:15px; padding-bottom:5px; display:inline-block; color:#333; border-bottom:1px solid #fff; margin-bottom:10px; } .side-dl dd a { margin-right:10px; display:block; margin-bottom:8px; font-size:13px; font-weight:500; } .side-contact p { color:#cdd0d9; line-height:22px; } .side-contact a.tel { color:#cdd0d9; } #side-mask { position:fixed; top:0; width:100%; height:100%; background-color:#000; z-index:999; display:none; filter:alpha(opacity=20); /*IE滤镜，透明度0%*/ -moz-opacity:0.2; /*Firefox私有，透明度0%*/ opacity:0.2; /*其他，透明度0%*/ _height:1110px; } /*========================分页样式========================*/ .pgs { text-align:center; width:100%; display:inline-block; margin:10px 0 40px 0; background:#fafafa; } .pgs .pg { float:none; } .pg { float:right; } .pg, .pgb { line-height:26px; height:26px; } .pg a, .pg strong, .pgb a { float:left; display:inline; padding:0 8px; height:26px; background-color:#fff; background-repeat:no-repeat; color:#333; overflow:hidden; text-decoration:none; } .pg a.nxt, .pgb a { padding:0 10px; } .pg a:hover, .pgb a:hover { color:#000; } .pg a, .pg strong, .pgb a, .pg label, .pg a.nxt { float:none; border:0; font-size:15px; color:#aaa; font-weight:normal; padding:0px 10px; display:inline-block } .pg a.nxt { background:url(../Images/page_jt.gif) no-repeat right 10px; padding-left:10px; padding-right:20px; font-size:14px; } .pg strong, .pg a.current, .pg a.nxt { background-color:#e7ba81; color:#fff; } .pg a.prev { background-image:url(../Images/arw_l.gif); background-position:50% 50%; } .pg strong { background-color:#dc1d23; } /*================= 导航 =================*/ #dy_header { width:100%; background:rgba(255,255,255,1); } #dy_header .header-info { width:1140px; height:79px; margin:0 auto; } #dy_header .header-info .index-logo { float:left; height:100%; } #dy_header .header-info .index-logo img { height:79px; } #dy_header .header-info .index-nav { width:800px; float:right; padding-top:39px; } #dy_header .header-info .index-nav .ul-other li a { color:#656565; font-size:16px; color:#666; line-height:40px; padding:0 20px; display:block; } #dy_header .header-info .index-nav .nav-l { float:left; width:760px; height:40px; padding-left:20px; } #dy_header .header-info .index-nav .nav-l .ul-other li { float:left; position:relative; display:block; } #dy_header .header-info .index-nav .nav-l .ul-other li .home { color:#ef8300; } #dy_header .header-info .index-nav .nav-l .ul-other li a:hover { color:#ef8300; transition:all 0.2s ease-out; } #dy_header .header-info .index-nav .nav-l .ul-inner { width:100%; z-index:9999999; position:absolute; top:40px; background:rgba(239,131,0,0.7); display:none; } #dy_header .header-info .index-nav .nav-l .ul-inner li { float:left; height:40px; line-height:40px; text-align:center; width:100%; } #dy_header .header-info .index-nav .nav-l .ul-inner li a { padding:0 0; font-size:13px; display:block; color:#fff; font-weight:normal; } #dy_header .header-info .index-nav .nav-l .ul-inner>li>a:hover { background:rgba(239,131,0,0.8); color:#fff; } #dy_header .header-info .index-nav .nav-r { float:right; width:20px; height:100%; display:block; padding-top:9px; } #dy_header .header-info .index-nav .nav-r ul li { float:left; margin-right:5px; } #dy_header .header-info .index-nav .nav-r ul li a { display:block; width:100%; height:100%; } #dy_header .header-info .index-nav .nav-r ul input { color:#666; border:none; background:#ccc; opacity:0.2; width:40px; height:21px; transition:all 0.3s ease-out; padding-left:5px; font-size:12px; } #dy_header .header-info .index-nav .nav-r ul input:focus { width:80px; opacity:0.3; } #dy_header .header-info .index-nav .nav-r ul .search { width:25px; height:20px; background:url(../Images/search.png) no-repeat right; background-size:70%; } #dy_header .header-info .index-nav .nav-r ul .nave { width:15px; height:20px; background:url(../Images/nave.png) no-repeat right; background-size:100%; } /*================= 首页banner =================*/ #dy_main { width:100%; overflow:hidden; } #dy_main .main-banner { width:100%; height:auto; overflow:hidden;} #dy_main .main-banner .bd { height:100%; width:100%; display:block; margin:0 auto; } #dy_main .main-banner .bd ul { height:100%; width:100%; } #dy_main .main-banner .bd ul li { height:100%; width:100%; float:left; } #dy_main .main-banner .bd ul li img { width:100%; height:auto; } #dy_main .main-banner .hd { height:8px; margin:0 auto; position:relative; } #dy_main .main-banner .hd ul { position:absolute; bottom:20px; right:40px; } #dy_main .main-banner .hd ul li { width:40px; height:8px; background:#fff; float:left; margin-right:10px; opacity:0.2; } #dy_main .main-banner .hd ul .on { opacity:1; } /*================= 新闻栏 =================*/ #dy_main .main-news { width:100%; height:80px; background:#fff; } #dy_main .main-news .news-info { width:1140px; height:100%; margin:0 auto; background:url(../Images/icon-news.png) no-repeat 0 30px; } #dy_main .main-news .news-info .news-text a { height:100%; color:#333; font-size:15px; line-height:80px; padding-left:35px; } #dy_main .main-news .news-info .news-text a:hover { color:#ef8300; transition:all 0.2s ease-out;} #dy_main .main-news .news-info .news-text a span { margin:0 25px; color:#999; font-size:14px; } #dy_main .main-news .news-info .news-text .more { width:50px; height:30px; background:#f1f1f1; margin-top:5px; line-height:30px; padding:3px 10px; border-radius:15px; text-align:center; } #dy_main .main-news .news-info .news-text .more:hover { color:#fff; background:#ef8300; transition:all 0.2s ease-out; } /*================= 首页公司介绍信息 =================*/ #dy_main .main-about { background:#fafafa;} #dy_main .main-about .about-info { width:1140px; height:250px; padding:40px; margin:0 auto;} #dy_main .main-about .about-info .about-l { width:500px; height:250px; float:left; } #dy_main .main-about .about-info .about-l .l-title { color:#333; } #dy_main .main-about .about-info .about-l .l-title h3 { font-size:22px; line-height:40px; } #dy_main .main-about .about-info .about-l .l-title h4 { font-size:20px; line-height:40px; } #dy_main .main-about .about-info .about-l .l-text { font-size:14px; color:#999; line-height:25px; text-overflow:ellipsis; padding-top:10px; } #dy_main .main-about .about-info .about-l .l-text p a { color:#999; } #dy_main .main-about .about-info .about-l .l-text p a:hover { color:#555; } #dy_main .main-about .about-info .about-l .l-text .p-title { font-size:24px; font-weight:500; color:#555; line-height:50px; } #dy_main .main-about .about-info .about-l .l-more { padding-top:10px; } #dy_main .main-about .about-info .about-l .l-more a { font-size:14px; color:#555; } #dy_main .main-about .about-info .about-l .l-more a:hover { color:#ef8300; } #dy_main .main-about .about-info .about-r { width:600px; height:100%; float:right; } #dy_main .main-about .about-info .about-r li { height:250px; overflow: hidden;} #dy_main .main-about .about-info .about-r .recommend-right { height:250px; position:relative; overflow:hidden; } #dy_main .main-about .about-info .about-r .recommend-right h2 { display:none; position:absolute; margin-left:33px; top:200px; width:534px; height:34px; font-weight:400; font-size:24px; color:#fff; text-align:center; line-height:32px; } #dy_main .main-about .about-info .about-r .recommend-right h3 { position:absolute; left:50%; margin-left:-62px; top:200px; width:123px; height:34px; font-weight:400; font-size:16px; color:#fff; text-align:center; line-height:32px; } /*================= 推广广告栏 =================*/ #dy_main .main-extend { width:100%; margin-top:50px; } #dy_main .main-box { width:1140px; height:100%; overflow:hidden; margin:0 auto;} #dy_main .main-extend .main-box .extend-info { width:1140px; height:100%; } #dy_main .main-extend .main-box .extend-info h4 { font-size:20px; line-height:48px; padding-bottom:10px; text-align:center; font-weight:500; color:#666; } #dy_main .main-extend .main-box .extend-info ul li { width:360px; height:260px; background:#fcfcfc; float:left; } #dy_main .main-extend .main-box .extend-info ul .in { margin:0 30px; } #dy_main .main-extend .main-box .extend-info ul li .pic-1 { max-height:75%; width:0; padding-right:100%; overflow:hidden; } #dy_main .main-extend .main-box .extend-info ul li .pic-1 img { width:360px; height:180px; } #dy_main .main-extend .main-box .extend-info ul li h5 { font-size:15px; line-height:30px; color:#333; padding:0 10px; } #dy_main .main-extend .main-box .extend-info ul li p { font-size:13px; line-height:20px; color:#999; padding:0 10px; } /*================= 内页面Banner =================*/ #dy_main .inner-banner { width:100%; text-align:center; margin:0 auto; } #dy_main .inner-banner img { width:100%; } /*================= 内页TAB标签选择 =================*/ #dy_main .inner-main h1 { font-size:24px; font-weight:400; color:#555; line-height:20px; float:right; position:relative; } #dy_main .inner-main .tabs ul { height:32px; border-bottom:1px solid #bababa; margin-top:20px; margin-bottom:10px; } #dy_main .inner-main .tabs ul li { font-size:16px; line-height:30px; color:#666; float:left; } #dy_main .inner-main .tabs ul li a { padding:5px 10px; } #dy_main .inner-main .tabs ul li a:hover { color:#fe8300; } #dy_main .inner-main .tabs ul li .on { color:#ef8300; font-weight:400; } /*================= 内页详情 =================*/ #dy_main .inner-main .title { margin:15px 0 15px 0; border-bottom:1px solid #ccc; } #dy_main .inner-main .title h4 { font-size:24px; line-height:60px; font-weight:400; color:#555; } #dy_main .inner-main .tabs .content .info .info-text { width:720px; float:left; margin-top:20px; line-height:30px; font-size:15px; color:#666; padding-right:40px; } #dy_main .inner-main .tabs .content .info .info-text h2 { font-size:20px; line-height:40px; color:#333; font-weight:400; } #dy_main .inner-main .tabs .content .info .info-text h5 { font-size:14px; color:#999; line-height:25px; text-align:left; margin-bottom:20px; } #dy_main .inner-main .tabs .content .info .info-text { width:720px; float:left; margin-top:20px; line-height:30px; font-size:15px; color:#666; padding-right:40px; } #dy_main .inner-main .tabs .content .info .info-text p { padding-top:20px; } #dy_main .inner-main .tabs .content .info .info-text p:first-child { padding-top:0px!important; } #dy_main .inner-main .tabs .content .info .text-pic { width:360px; float:right; margin-top:20px; } #dy_main .inner-main .tabs .content .info .text-pic .pic-img { max-height:100%; width:0; padding-right:100%; background:#09F; overflow:hidden; } #dy_main .inner-main .tabs .content .info .text-pic .pic-img img { width:360px; height:180px; } /*================= 关于我们 =================*/ #dy_main .about-main { width:1140px; margin:0 auto; } #dy_main .about-main .tabs { width:100%; } #dy_main .about-main .tabs .content .con .text { float:left; margin-top:20px; width:600px; padding-right:40px; } /*================= 产品列表 =================*/ #dy_main .products-main { width:1140px; margin:0 auto; } #dy_main .products-main .tabs .content .product-o { } #dy_main .products-main .tabs .content #one { display:block; } #dy_main .products-main .tabs .content .product-o ul { border-bottom:none; height:190px; } #dy_main .products-main .tabs .content .product-o ul li { width:260px; height:190px; margin-right:33px; margin-bottom:20px; } #dy_main .products-main .tabs .content .product-o ul li a { padding:0; } #dy_main .products-main .tabs .content .product-o ul .last { margin-right:0; } #dy_main .products-main .tabs .content .product-o ul li h6 { font-size:15px; font-weight:400; color:#333; line-height:30px; } #dy_main .products-main .tabs .content .product-o ul li p { font-size:13px; line-height:25px; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #dy_main .products-main .tabs .content .product-o ul li .p-img { max-height:135px; width:0; padding-right:100%; background:#fff; overflow:hidden; } #dy_main .products-main .tabs .content .product-o ul li .p-img img { width:260px; height:130px; } /*================= 成功案例 =================*/ #dy_main .cases-main { width:1140px; margin:0 auto; } #dy_main .cases-main .tabs .cases-info { width:100%; display:inline-block; } #dy_main .cases-main .tabs .cases-info .cases-list .cases-ul { border:none; } #dy_main .cases-main .tabs .cases-info .cases-list ul li { width:270px; margin:0 20px 20px 0; } #dy_main .cases-main .tabs .cases-info .cases-list ul li:nth-child(4), #dy_main .cases-main .tabs .cases-info .cases-list ul li:nth-child(8) { margin-right:0px; } #dy_main .cases-main .tabs .cases-info .cases-list ul li img { width:100%; } /*================= 新闻列表 =================*/ #dy_main .news-main { width:1140px; margin:0 auto; } #dy_main .news-main .tabs .news-info { display:inline-block; width:100%; } #dy_main .news-main .tabs .news-info .news { display:inline-block; padding:10px 0; position:relative; width:100%;} #dy_main .news-main .tabs .news-info #dynamic { display:block; } #dy_main .news-main .tabs .news-info .news a { display:inline-block; width:100%; border-bottom:1px solid #dadada; padding:10px 0; } #dy_main .news-main .tabs .news-info .news .time { font-size:12px; float:left; width:68px; height:88px; padding:0 10px; color:#bababa; } #dy_main .news-main .tabs .news-info .news .time span { font:bold 58px/68px Arial, Helvetica, sans-serif; color:#fe8300; } #dy_main .news-main .tabs .news-info .news .news-list1 { float:left; padding-left:5px; width: 861px;} #dy_main .news-main .tabs .news-info .news .news-list1 h1 { font-size:18px; float:none; line-height:38px; } #dy_main .news-main .tabs .news-info .news .news-list1 h2 { font-size:14px; line-height:25px; color:#999; } #dy_main .news-main .tabs .news-info .news .news-list1 p { font-size:14px; line-height:25px; color:#999; } #dy_main .news-main .tabs .news-info .news .news-pic { float:right; height:88px; width:176px; background:#666; } #dy_main .news-main .tabs .news-info .news .news-pic img{ height:88px; width:176px; background:#666; } /*================= 招聘信息 =================*/ #dy_main .career-main { width:1140px; margin:0 auto; } #dy_main .career-main .tabs .career-info { display:inline-block; border-bottom:1px solid #dadada; } #dy_main .career-main .tabs .career-info:last-child { border-bottom:0; } #dy_main .career-main .tabs .career-info .info { display:inline-block; margin:20px 0 0; padding-bottom:20px; position:relative; width:1140px; } #dy_main .career-main .tabs .career-info .info .info-l { float:left; width:200px; } #dy_main .career-main .tabs .career-info .info .info-l .people { font-size:14px; line-height:25px; text-align:center; color:#999; } #dy_main .career-main .tabs .career-info .info .info-l span { font-size:48px; color:#02c9f7; display:block; text-align:center; line-height:100px; font-weight:normal; } #dy_main .career-main .tabs .career-info .info .info-r { width:889px; float:left; border-left:1px solid #dadada; padding-left:50px; } #dy_main .career-main .tabs .career-info .info .info-r h3 { font-size:16px; font-weight:400; line-height:30px; } #dy_main .career-main .tabs .career-info .info .info-r h4 { display:inline-block; font-size:16px; font-weight:400; line-height:30px; } #dy_main .career-main .tabs .career-info .info .info-r p { display:inline-block; line-height:25px; color:#999; font-size:14px; } #dy_main .career-main .tabs .career-info .info .info-r ul { border-bottom:none; margin:0; display:inline; } #dy_main .career-main .tabs .career-info .info .info-r ul h4 { display:block; font-size:16px; font-weight:400; line-height:30px; } #dy_main .career-main .tabs .career-info .info .info-r ul li { float:none; } #dy_main .career-main .tabs .career-info .info .info-r ul .tel { font-size:14px; line-height:25px; color:#02c9f7; } #dy_main .career-main .tabs .career-info .info .info-r ul .tel i { display:inline-block; width:26px; height:16px; vertical-align:-2px; background:url(../Images/icon_tel2.png) no-repeat; background-size:16px auto; } /*================= 联系我们 =================*/ #dy_main .contact-main { width:1140px; margin:0 auto; } #dy_main .contact-main .tabs .contact-info { width:100%; display:inline-block; padding-left:10px; } #dy_main .contact-main .tabs .contact-info .title { margin:15px 0 15px 0; border-bottom:1px solid #ccc; } #dy_main .contact-main .tabs .contact-info .title h4 { font-size:24px; line-height:60px; font-weight:400; color:#555; } #dy_main .contact-main .tabs .contact-info .title-o h4 { font-size:16px; line-height:40px; color:#666; } #dy_main .contact-main .tabs .contact-info .title-t { padding-top:5px; } #dy_main .contact-main .tabs .contact-info .title-t h2 { font-size:16px; line-height:40px; color:#666; } #dy_main .contact-main .tabs .contact-info .title-t p { font-size:14px; line-height:30px; color:#999; } #dy_main .contact-main .tabs .contact-info .title-t p a { color:#999; } #dy_main .contact-main .tabs .contact-info .title-t p a:hover { color:#fe8300; } #dy_main .contact-main .tabs .contact-info .map-title h4 { font-size:24px; line-height:60px; font-weight:400; color:#555; } #dy_main .contact-main .tabs .contact-info #allmap { width:100%; height:360px; overflow:hidden; margin:15px auto 0; } /*========================在线客服========================*/ #dy_online { position:fixed; right:0px; top:79px; width:120px; padding:10px; background:#fafafa; font-size:12px; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; } #dy_online .online-tel-title { height:30px; background:url('../Images/online_hotline.png') no-repeat; } #dy_online .online-tel-show { color:#666; line-height:150%; text-align:center; } #dy_online .online-tel-show .tel{ color:#c00; font-size:18px; text-align:center; font-family:Arial,Verdana; font-style:italic; font-weight:bold; display:block; padding:5px 0px; } #dy_online .online-qq-title { height:30px; background:url('../Images/online_qq.png') no-repeat;} #dy_online .online-qq-title .online-qq-show .qq { height:25px; } #dy_online .online-qq-title .online-qq-show .qq a:link, #dy_online .online-qq-title .online-qq-show .qq a:active, #dy_online .online-qq-title .online-qq-show .qq a:visited, #dy_online .online-qq-title .online-qq-show .qq a:hover { text-decoration:none;color:#666; } #dy_online .online-qrcode { padding:10px 0px 0px 0px; text-align:center; margin:0 auto;} #dy_online .online-qrcode img { width:110px; height:110px; } #dy_online .online-qrcode .tips { text-align:center; color:#666; display:block; line-height:24px; } #dy_online .online-spr { border-bottom:1px dashed #c0c0c0; margin:8px 0px; } #dy_online .online-close { position:absolute; right:5px; top:5px; width:12px; height:12px; background:url('../Images/icon_close.png') no-repeat; } #dy_online .online-close a { display:block; height:10px; } #dy_online .online-close a span { display:none; } /*================= 脚部版权信息 =================*/ #dy_footer { width:100%; background:#fafafa; margin-top:40px; border-top:3px solid #4ac6ff; } #dy_footer .footer-container { width:1140px; margin:0px auto; font-size:12px; line-height:20px; color:#9edff5; } #dy_footer .footer-container .copyright { padding:25px 0 45px 0; } #dy_footer .footer-container .copyright-left, #dy_footer .footer-container .copyright-right, #dy_footer .footer-container .copyright-left a { color:#999; } #dy_footer .footer-container .copyright-left { float:left; } #dy_footer .footer-container .copyright-left a:hover { color:#666; } #dy_footer .footer-container .copyright-left .gabeian{height:16px; width:16px; padding-bottom:3px; padding-right:2px; } #dy_footer .footer-container .copyright-right { float:right; position:relative; top:-15px;} #dy_footer .footer-container .copyright-right img { width:120px;} #dy_footer .footer-container .tongji { display:none; } #dy_footer .footer-container .beian { height:16px; width:16px; vertical-align:middle; line-height:18px; padding-bottom:2px; padding-right:2px; }