#banner { font-size:0; overflow:hidden; width:100%; } /*关于我们*/ .dtd_gun{color:#0c4da2; background:url(../images/dtd_em2.png) no-repeat center bottom; line-height:76px; height:76px; margin:20px 0 46px 0;} .m_about{ margin:57px auto 41px;} .m_about_img{float:left; width:360px; line-height:0;} .m_about_txt{float:left; width:810px; line-height:30px; font-size:14px; color:#2a2a2a; padding:0 0 0 28px; border:1px solid #e4e4e4; border-left:none;} .m_about_ht{font-size:18px; color:#48a244; margin:30px 0 0 0; background:url(../images/hd_bg.jpg) no-repeat left top; line-height:49px;} .about_more{margin:25px 0 0;} .cpz_more{border:1px solid #cbcbcb; width:120px; height:34px; line-height:34px; text-indent:27px; color:#999a9a; margin:33px 0 0 0; background:url(../images/more_img_tt.jpg) no-repeat center center; font-size:12px;} .cpz_more:hover{color:#fff; background:url(../images/more_img.jpg) no-repeat center center ; border:0px solid #063f8e; width:122px; height:36px; line-height:36x;} .demo2_min{overflow:hidden; width:100%;background:url(../images/about_bj.jpg) no-repeat left top; height:263px; padding:37px 0 0 0; margin-top:30px; position:relative; } .m_about_lt{width:300px; float:left; padding-right:12px;} .m_about_rt{width:484px; float:right; border-left:1px solid #e4e4e4;} .join_te{float:left; width:50%; text-align:center; line-height:20px; height:44px; padding:111px 0 25px; border-bottom:0px solid #e4e4e4; color:#fff; font-size:18px;} .join_te em{font-size:12px; font-family:Arial; font-style:normal;} #g_1{background:url(../images/speech_img.jpg) no-repeat center top;} #g_2{background:url(../images/culture_img.jpg) no-repeat center 40px; color:#48a244;} #g_3{background:url(../images/video_img.jpg) no-repeat center 42px; color:#48a244;} #g_4{background:url(../images/honor_img.jpg) no-repeat center top; } #g_2 em, #g_3 em{color:#767676;} #other{float:right;} .chname{float:left; background:url(../images/top_s.jpg) no-repeat 14px 12px #fff; border:1px solid #dbdbdb; width:345px; height:35px; line-height:35px; box-shadow:none; font-size:13px; color:#b7b7b7; cursor:pointer; text-indent:33px; font-family: "Microsoft YaHei"; margin-top:17px;} .btn{float:left; background:#104da0; width:121px; height:39px; border:0; cursor:pointer; margin-top:17px; color:#fff; font-size:14px; } /*产品中心*/ #maing{background:url(../images/maing_bg.jpg) repeat-x left top; padding:15px 0 0 0; border-top:1px solid #ddd;} .maing_t{color:#636363; text-align:center; font-size:14px; line-height:24px; margin-bottom:38px; } .dtd{color:#48a244; font-size:24px; text-align:center; background:url(../images/pic_hb.jpg) no-repeat center bottom; line-height:69px; height:69px; margin:0px 0 20px 0;} .customer .container{width:100%; margin:0px auto; text-align:center;} .customer .customerBtn{width:43px; height:43px;cursor:pointer; } .customer .customerBtn.leftBtn{left:-100px;} .customer .customerBtn.rightBtn{right:-100px;} .customer .contents{position:relative;margin:0px auto 0px auto;height:790px;overflow:hidden;} .customer .hz_contents{height:238px;} .customer .contents .contentss{position:absolute;top:0px;left:0px;} .customer .contents .content{position:absolute;left:0px;top:0px;width:1200px;} .customer .contents .hz_content{position:absolute;left:0px;top:0px;width:1200px;} .customer .contents .content img{border:1px solid #dbdbdb;width:215px;height:91px;margin:0 5px 45px 5px;} .customer .contents .content img{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; } .customer .contents .content img:hover{} .pro_menu{display:inline-block; height:43px; margin-top:33px; } .pro_menu_t{width:136px; border-radius:2px; background-color:#ccc; height:43px; line-height:43px; display:inline-block; margin:0 2px;} .pro_menu_g{height:43px; display:inline-block;} .linfl{width:43px; height:43px; line-height:43px;display:inline-block; border-radius:2px;} .leftBtn{background:url(../images/m_pon_prev.png) no-repeat center center #ccc;} .pt_content{top:0;} .p_content{width:285px;height:385px;margin:0 20px 20px 0px; float:left; background-color:#e3e3e3; text-align:center; line-height:0;} .pp4, .pp8{margin-right:0;} .customer .contents .p_content img{width:281px;height:336px;margin:2px auto 0px; border:none;} .p_content figcaption{line-height:47px; font-size:14px;} .p_content:hover{background:url(../images/pic_bj.jpg) repeat-y left top;} .p_content:hover figcaption{color:#fff;} #demo1 { width:100%; margin:0 auto; position:relative; overflow:hidden; } #demo1 li { float:left; width:23.35%; position:relative;} .bd li figure{ } .bd li figcaption { overflow:hidden; display:block; height:55px; line-height:55px; text-align:center; font-size:0.875em; border-bottom:solid 0px #dcdcdc; background:#e2e2e2;} .bd li a:hover figcaption{background:#4c79b5; color:#fff;} .bd li a:hover { text-decoration:none; } /*.more { color:#7b7b7b; font-size:0.75em; position:absolute; right:0; top:27px; }*/ #nofirst1, #nofirst2, #nofirst3, #nofirst5, #nofirst6, #nofirst7{ margin-right:2.173%; margin-bottom:20px;} #nofirst4, #nofirst8{ margin-right:0; margin-bottom:16px;} /*工程案例*/ .anl_man{font-size:14px; color:#141414; line-height:24px;} .anl_bnt{margin-top:29px;} .anl_lt{float:left; width:29.666%; margin-right:0.834%; position:relative; line-height:0;} .anl_lt img{width:100%;} .anl_dt{width:39.168%;} .anl_dy{margin-right:0; width:29.5%;} .anl_b{margin-bottom:10px;} .anl_lt figcaption{width:100%; height:50px; line-height:50px; position:absolute; left:0; bottom:0; text-indent:24px; color:#fff; background:url(../images/anl_img.png) no-repeat left bottom;} /*工程案例2*/ .fl{float:left;} .iPro-con{height: 470px;overflow: hidden; margin-top:29px;} .iPro-con-m{height:470px;width:470px;overflow: hidden; margin-left:10px;} .iPro-con-m .iPro-con-li{width: 470px;height: 470px;position: relative;overflow: hidden;display: block;} .iPro-con-l{height:470px;width:355px;overflow: hidden;} .iPro-con-l .li1 .iPro-con-li-bg{} .iPro-con-l .li2 .iPro-con-li-bg{} .iPro-con-l .li2,.iPro-con-m .li2{margin-top: 10px;} .iPro-con-l .iPro-con-li{width: 355px;height: 230px;position: relative;overflow: hidden;display: block;} .iPro-con-l .iPro-con-li-bg, .iPro-con-m .iPro-con-li-bg{position: absolute;left: 0;top: 0;background-size: 100%;width: 100%;height: 100%;transition: .3s all;} .iPro-con-l .iPro-con-li:hover .iPro-con-li-bg, .iPro-con-m .iPro-con-li:hover .iPro-con-li-bg{transform: scale(1.1);} .iPro-con-l .iPro-con-li-div, .iPro-con-m .iPro-con-li-div{width: 150px;height: 45px;background-color: #387c3b;opacity: 0.8;filter:alpha(opacity=80);left: 50%;top: 50%;margin-left: -75px;position: absolute;margin-top: -22px;transition: .2s all ease-in;} .iPro-con-l .iPro-con-li:hover .iPro-con-li-div, .iPro-con-m .iPro-con-li:hover .iPro-con-li-div{width: 100%;height: 100%;margin-left: 0;margin-top: 0;left: 0;top: 0;opacity: 0.4;filter:alpha(opacity=40);} .iPro-con-l .iPro-con-li span, .iPro-con-m .iPro-con-li span{display: block;width: 150px;height: 45px;left: 50%;top: 50%;margin-left: -75px;position: absolute;margin-top: -22px;transition: .2s all ease-in;color: #fff;font-size: 20px;text-align: center;line-height: 45px;font-weight: bold; font-size:14px;} .iPro-con-r{height: 470px;width: 355px;margin-left: 10px;} .iPro-con-r .li4 .iPro-con-li-bg{background: url(../images/proLi4.jpg) center center no-repeat;} .iPro-con-r .li5 .iPro-con-li-bg{background: url(../images/proLi5.jpg) center center no-repeat;} .iPro-con-r .li5{margin-top: 12px;} .iPro-con-r .iPro-con-li{width: 355px;height: 230px;position: relative;overflow: hidden;display: block;} .iPro-con-r .iPro-con-li-bg{position: absolute;left: 0;top: 0;background-size: 100%;width: 100%;height: 100%;transition: .3s all;} .iPro-con-r .iPro-con-li:hover .iPro-con-li-bg{transform: scale(1.1);} .iPro-con-r .iPro-con-li-div{width: 150px;height: 45px;background-color: #387c3b;opacity: 0.8;filter:alpha(opacity=80); left: 50%;top: 50%;margin-left: -75px;position: absolute;margin-top: -22px;transition: .2s all ease-in;} .iPro-con-r .iPro-con-li:hover .iPro-con-li-div{width: 100%;height: 100%;margin-left: 0;margin-top: 0;left: 0;top: 0;opacity: 0.4;filter:alpha(opacity=40);} .iPro-con-r .iPro-con-li span{display: block;width: 150px;height: 45px;left: 50%;top: 50%;margin-left: -75px;position: absolute;margin-top: -22px;transition: .2s all ease-in;color: #fff;font-size: 20px;text-align: center;line-height: 45px;font-weight: bold;font-size:14px;} /*.iPro-con-r .iPro-con-li-div{width:100%;height: 50px;background-color: #387c3b;opacity: 0.8;filter:alpha(opacity=80); left: 0%;bottom: 0%;margin-left:0px;position: absolute;margin-top: -22px;transition: .2s all ease-in;} .iPro-con-r .iPro-con-li:hover .iPro-con-li-div{width: 100%;height: 100%;margin-left: 0;margin-top: 0;left: 0;top: 0;opacity: 0.4;filter:alpha(opacity=40);} .iPro-con-r .iPro-con-li span{display: block;width: 100%;height: 50px;left: 0%; bottom:0%;margin-left:0px;position: absolute;margin-top: -22px;transition: .2s all ease-in;color: #fff;font-size: 20px;text-align: center;line-height: 45px;font-weight: bold;font-size:14px;}*/ .iPro-con-li-icon{display: block;width: 45px;height: 45px;position: absolute;top: 50%;left: 50%;margin-top: -22px;margin-left: -22px;background: url(../images/iPro-icon.png) center center no-repeat;opacity: 0;filter:alpha(opacity=0);transition: .2s all ease-in;} .iPro-con-li:hover .iPro-con-li-icon{margin-top: -45px;opacity: 1;filter:alpha(opacity=100);} .iPro-con-r .iPro-con-li:hover span{margin-top: 0px;} .iPro-con-l .iPro-con-li:hover span{margin-top: 0px;} .iPro-con-m .iPro-con-li:hover span{margin-top: 0px;} /*新闻*/ #main{margin-top:30px;} .m_news{float:left; width:588px;} .m_news_lr{margin-right:20px;} .m_news_bd{ border:1px solid #d8d8d8; padding:0 0 30px 0; margin-bottom:34px;} .m_news_hd{width:590px; height:60px; text-align:center; background:url(../images/nesw_bn.jpg) repeat-x center bottom; position:relative; padding-top:0px; margin-bottom:17px;} .m_news_hbf{ width:97px;height:60px; line-height:60px; margin-left:23px; color:#48a244; font-size:24px; background:url(../images/nesw_bi.jpg) no-repeat center bottom;} .m_more{position:absolute; right:19px; top:17px; height:30px; line-height:30px; border:0px solid #fff; border-radius:0px; color:#646464; font-size:12px; text-align:left;} .nlist{ padding:20px 15px 37px; margin-bottom:20px;} .nlist img{float:left;} .nlist_dl{padding-left:17px; height:130px; overflow: hidden; margin-bottom:15px;} .nlist_th{font-size:16px; color:#2a2a2a; margin-top:-3px;} .nlist_rq{font-size:12px; color:#aaa; text-indent:19px; background:url(../images/news_ib.jpg) no-repeat left center; margin:12px 0 6px;} .nlist_xq{font-size:12px; color:#646464; line-height:24px;} .m_news_bd ul {padding:0 27px 0 23px;} .m_news_bd li { background:url(../images/icon.jpg) no-repeat 4px center; height:39px; line-height:39px; width:100%; border-bottom:1px dashed #c6c6c6; overflow:hidden; position:relative;} .m_news_bd li a { margin-left:24px; color:#646464; font-size:14px;} .news_rq{position:absolute; right:9px; top:3px; font-size:14px; color:#2a2a2a;} .m_contact { display:none; } .xwkb{ display:none; } .multipleColumn{ overflow:hidden; position:relative; width:1322px; border:0px solid #ccc; } .multipleColumn .hd{ overflow:hidden; padding:0 0px; } .multipleColumn .prev,.multipleColumn .next{ display:block; width:41px; height:75px; float:right; moverflow:hidden; cursor:pointer; background:url(../images/m_prev.jpg) no-repeat; position:absolute; top:83px;} .multipleColumn .prev{left:0;} .multipleColumn .next{ background:url(../images/m_next.jpg) no-repeat; right:0; } .multipleColumn .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; } .multipleColumn .hd ul li{ float:left; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url(../images/icoCircle.gif) 0 -9px no-repeat; } .multipleColumn .hd ul li.on{ background-position:0 0; } .multipleColumn .bd{ padding:0px; overflow:hidden; height:240px; width:1200px; margin:auto; } .multipleColumn .bd ul{ overflow:hidden; zoom:1; width:240px; float:left; _display:inline; } .multipleColumn .bd ul li{ margin:0 10px 10px 0; float:left; _display:inline; overflow:hidden; text-align:center; } .multipleColumn .bd ul li .pic{ text-align:center; } .multipleColumn .bd ul li .pic img{ width:230px; height:113px; display:block; padding:0px; border:1px solid #ddd; } .multipleColumn .bd ul li .pic a:hover img{ border-color:#999; } .multipleColumn .bd ul li .title{ line-height:24px; } .l_pic_gh{display:none;} @media screen and (max-width:1321px){ .multipleColumn{padding-bottom: 100px; width: 100%;} .multipleColumn .prev, .multipleColumn .next{position: absolute; top: auto; bottom: 0;} .multipleColumn .prev{right:629px; left:auto;} .multipleColumn .next{right: 539px;} } @media screen and (max-width:1099px){ } @media screen and (max-width:1024px){ .wrapper { width:100%;} #nav ul li.menu a { padding:0; text-align:center; } #banner {min-height:0;} .hidden-mm, .hidden-mmd{ display:none; } #demo1{ width:100%;} .m_pro_list{width:100%;} .m_pro_list .bd li {width:23%;} .nofirst{ margin-right:1.6%;} .kb{ padding-top:8px;} .dhb{width:86%;} .zx_rin{margin-right:1%;} .m_about_img{width:29.509%;} .m_about_img img{width:100%;} .m_about_txt{ width:68%; padding-left:2.31%;} .m_about_rt{width:60%;} .m_about_lt{width:38%; padding-right:1%;} .anl_dt img, .anl_lt img{width:100%;} .m_news{width:49%;} .m_news_lr{margin-right:2%;} .m_news_hd{width:100%;} .multipleColumn{width:100%;} .multipleColumn .bd{width:100%;} } @media screen and (max-width:768px){ .wrapper { width:100%; margin:0 auto;} #banner { border-top:0;} #category { width:98%; margin:0 auto; padding:1%; } #category .item { width:48%; float:left; position:relative; overflow:hidden; margin:1%; } #m_about_wrap { padding:20px 0; background:none; height:300px;} .m_about_list { width:96%; float:none; margin:0 auto; display:block; } .m_news_wrap { width:96%; float:none; margin:0 auto; display:block; } .m_join_wrap { width:420px; float:none; margin:20px auto 0 2%; display:block; } .hidden-sm, .hidden-smd, .news_rq, .m_about_rt{ display:none; } .m_about_lt{width:89%; margin-bottom:23px;} .m_about_txt{border:none;} #main {padding:20px 0;} #main2 {padding:20px 0;} #demo1{ } .m_pro_list{ width:99%; } .m_pro_list .bd li { width:23%; } .nofirst{ margin-right:10px;} .m_about_bd{padding:34px 0 0 8px;} .kb{display:none;} .hbt{padding:0 5px;} } @media screen and (max-width:748px){ .zx_txt{margin: 20px 0 12px 0%; text-align:center; width:100%;} .zx_rin{display:none;} .pit_p{width:49%; margin-right:2%;} .pit_p:nth-child(3n){margin-right:0;} #other{float:none;} .chname{width:70%;} .btn{width:25%;} .m_about_img, .m_about_txt, .m_news{width:98%; margin:auto; float:none;} .m_news_hd{} .m_about_ht{margin-top:21px;} .m_about_lt{width:auto; padding-right:0;} .m_about_txt{padding:0;} .anl_lt figcaption{height:28px; line-height:28px; font-size:12px;} } @media screen and (max-width:667px){ .xwkb{display:block;} .dhb{width:98%;} .hidden-xm6 { display:none;} .m_item{width:49%;} } @media screen and (max-width:640px){ .wrapper { width:100%; margin:0 auto; } .m_news_bd .list { width:100%; float:none; display: block; } .hidden-xm { display:none; } .xwkb{ display:none; } .mf_tl1, .mf_tl10, .mf_tx{margin-left:8%;} .pit_tb{line-height:25px;} #main{padding-bottom:0; margin-top:0;} .l_pic_t{display:none;} .l_pic_gh{display:block;} .multipleColumn .prev, .multipleColumn .next{display:none;} .multipleColumn .bd ul, .content_g{width:98%; margin:auto; float:none;} .multipleColumn .bd ul li {width:48%;} .multipleColumn .bd ul li .pic img{width:100%; height:auto; border:none;} .multipleColumn .bd ul li .pic > img{border: 1px solid #ddd;} .pg_content{width: 49%; float:left; margin-right:2%; line-height:0;} .pg_content figcaption{font-size:12px; text-align:center; line-height:30px; height:30px; border:1px solid #ccc; border-top:none; margin-bottom:20px; width:100%;} .pg_content > img{border:1px solid #ccc; line-height:0; font-size:0;} .pg_content img{width:100%;} .pp2, .pp4, .pp6, .pp8{margin-right: 0} .anl_man{width:98%; margin:auto;} .pg_dt{margin-bottom:20px;} .anl_lt figcaption{text-align:center; text-indent:0;} .m_news_bd{margin-bottom:20px;} } @media screen and (max-width:480px){ #category { width:98%; margin:0 auto; padding:1%; } #category .item { width:98%; float:left; position:relative; overflow:hidden; margin:1%; } #m_about_wrap { padding:0; height:380px;} .m_about{height:280px;} .m_about_bd{padding:3px 0 0 8px;} .m_about_list { width:96%; float:none; margin:0 auto; display:block; } .m_news_wrap { width:96%; float:none; margin:0 auto; display:block; } .m_news_bd .list { width:100%; float:none; display: block; } .m_join_wrap { width:96%; float:none; margin:20px auto 0; display:block; } .m_about_txt{margin-bottom:20px;} .maing_t, .anl_man{display:none;} .m_item { width:95.8%; float:none; margin:0 auto; } .m_news { margin:2% auto; } #footer { padding:0; } .hidden-xs { display:none; } #demo1{ width:95%; margin:auto; padding:0%;} #demo1 li{width:49%;} #main { border-left:0; border-bottom:0; border-right:0; background:none; background-color:#fff; padding:5px 0 0px;} .m_pro_list .bd li { width:45.5%; margin-left:2%;} #nofirst1, #nofirst3, #nofirst5, #nofirst7, #nofirst9 { margin-right:2%; } #nofirst2, #nofirst4, #nofirst6, #nofirst8, #nofirst10 { margin-right:0; } #footer .comp_x{ width:100%;} .hidden-smd, .hidden-mmd{ display: inline; } .dtd{margin:0px 0 10px 0;} .dhb{display:none;} .nlist li a{font-size:13px;} } @media screen and (max-width:385px){ .nlist li a{font-size:12px;} } @media screen and (max-width:320px){ .hidden-xs4{ display:none; } }