@charset "utf-8"; /* 公用样式 ©Copyright:Fengsou Tech MR Wang. */ /*全局*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;} ol,ul,li{ list-style:none;} table{border-collapse:collapse;border-spacing:0} address,caption,cite,code,dfn,var {font-style:normal;font-weight:normal;} body{font:normal 12px/160% "Microsoft Yahei",Verdana, Geneva, sans-serif;color:#666; overflow-x:} input,button,select,textarea{outline:none; font-family:"Microsoft Yahei"} textarea{resize:none} fieldset,img{border:0px;} a{outline:0;} /** html a{behavior:url(common/select.htc);}*/ p.txident{text-indent:2em} h1,h2,h3,h4,h5,h6{ font-style:normal;font-size:100%; font-weight:normal} .hidden{display:none;} .f_r{ float:right} .f_l{ float:left} .c_b{ clear:both} .clear{ clear:both;/* 清除浮动 */} html,body{ width:100%; height:100%; background:#fff} /*链接*/ a:link,a:visited{color:#666;text-decoration:none;} a:hover,a:active{color:#000;text-decoration:underline;} a:link.link_white,a:visited.link_white{color:#fff;text-decoration:none;} a:hover.link_white,a:active.link_white{color:#eee;text-decoration:underline;} a:link.link_blue,a:visited.link_blue{color:#0e4894;text-decoration:none;} a:hover.link_blue,a:active.link_blue{color:#548fd4;text-decoration:underline;} a:link.link_red,a:visited.link_red{color:#da251c;text-decoration:none;} a:hover.link_red,a:active.link_red{color:#da251c;text-decoration:underline;} a:link.link_upAdown,a:visited.link_upAdown{color:#666;text-decoration:none; font-size:12px} a:hover.link_upAdown,a:active.link_upAdown{color:#da251c;text-decoration:underline; font-size:12px} a:link.link_pageAct,a:visited.link_pageAct{color:#fff;background:#da251c;text-decoration:none; font-size:12px} a:hover.link_pageAct,a:active.link_pageAct{color:#fff; background:#da251c;text-decoration:underline; font-size:12px} a:link.link_more,a:visited.link_more{color:#999;text-decoration:none; font-size:14px; display:inline-block;} a:hover.link_more,a:active.link_more{color:#ccc;text-decoration:none; font-size:14px; display:inline-block;} .red{ color:#F00} .fontsize16{ font-size:16px} .fontsize14{ font-size:14px} .fontsize12{ font-size:12px} .autoheight{height:auto;overflow:hidden; zoom:1} /*布局*/ .layout{width:100%;margin:0 auto;position:relative; display:table} .header{width:100%;height:auto;background:#fff;display:table;position:relative;z-index:99 /*-moz-box-shadow: 0px 3px 8px #666; -webkit-box-shadow: 0px 3px 8px #666; box-shadow: 0px 3px 8px #666; filter: progid: DXImageTransform.Microsoft.Shadow(strength = 3, direction = 180, color = '#666'); -ms-filter: "progid: DXImageTransform.Microsoft.Shadow(strength = 3, Direction = 180, Color = '#666')";*/ } .head_line{ position:absolute; z-index:99; width:100%; height:9px; background:url(../images/head_line.png) repeat-x; left:0; bottom:-9px} .content{width:100%; height:300px;display:table; position:relative} .banner{width:100%;height:726px;overflow:hidden;} input { width: 100%; padding: 5px 12px 5px 12px; margin: 0px; margin-bottom: 1.5em; font-family: "Open Sans",Helvetica,Arial,sans-serif; font-size: 13px; font-size: 0.8125rem; background-color: #fff; border: 1px solid #d1d1d1; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background-clip: padding-box; z-index: 1; outline: none; -webkit-appearance: none } textarea { width: 100%; height: 114px; padding: 10px; margin: 0px; margin-bottom: 1.5em; font-family: "Open Sans",Helvetica,Arial,sans-serif; font-size: 0.813em; line-height: 1.5em; background-color: #fff; border: 1px solid #d1d1d1; outline: none; -webkit-appearance: none; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background-clip: padding-box } textarea:focus { border-color: #375896 } input:focus { border: 1px solid #375896; z-index: 2; transition:border linear .2s,box-shadow linear .5s; -moz-transition:border linear .2s,-moz-box-shadow linear .5s; -webkit-transition:border linear .2s,-webkit-box-shadow linear .5s; outline:none;border-color:rgba(55,88,150,.75); box-shadow:0 0 8px rgba(55,88,150,.5); -moz-box-shadow:0 0 8px rgba(55,88,150,.5); -webkit-box-shadow:0 0 8px rgba(55,88,150,3); } textarea:focus { border: 1px solid #375896; z-index: 2; transition:border linear .2s,box-shadow linear .5s; -moz-transition:border linear .2s,-moz-box-shadow linear .5s; -webkit-transition:border linear .2s,-webkit-box-shadow linear .5s; outline:none;border-color:rgba(55,88,150,.75); box-shadow:0 0 8px rgba(55,88,150,.5); -moz-box-shadow:0 0 8px rgba(55,88,150,.5); -webkit-box-shadow:0 0 8px rgba(55,88,150,3); } li,li a{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} .container{width:1002px; height:auto;margin:0 auto;position:relative;} /*首页头部*/ .welcome{width:100%;height:84px;background:url(../images/top_index.png) center center no-repeat #f6f6f6;border-bottom:1px solid #d5d5d5;} .welcome .top_img{ width:370px; height:45px; display:block; background:url(../images/top_index.png) no-repeat} .logo{width:221px;height:44px;display:block; overflow:hidden;float:left; margin-top:25px;} /*.top_search{ width:515px; height:70px; margin:0 auto}*/ input.input_search{ width:153px; height:20px; margin:0; padding:1px 20px 1px 10px; /*border:2px solid #ff7700;*/ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0px 0px 5px #ccc; -webkit-box-shadow: inset 0px 0px 5px #ccc; box-shadow: inset 0px 0px 5px #ccc; /*Inner elements should not cover inner shadows*/ /*IE 7 AND 8 DO NOT SUPPORT INSET SHADOWS*/ } input.search_btn{ width:10px; height:10px; background:url(../images/search_btn.png) no-repeat; border:none; outline:0; color:#fff; margin:0; padding:0; position:absolute; right:7px; top:40%} .welcome .top_right li.tel{ background:url(../images/tel.png) left center no-repeat; padding-left:25px; font-size:16px; font-weight:700} /*导航*/ .navbg{width:100%; height:auto; background:#fff;} .navgation{height:90px; width:775px; position:relative;z-index:1000; float:right;} .navgation li{ float:left; width:110px; height:87px; line-height:100px;display:inline-block;*display:inline;position:relative; text-align:center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .navgation li.nav_line{width:1px; height:100%; background:url(../images/nav_line.png) no-repeat center center} .navgation li:hover{ border-bottom:3px solid #78bc35} .navgation li:hover a,.navgation li:hover .endescr{ color:#333} .navgation li .endescr{ display:block; width:100%; height:30px; line-height:30px; overflow:hidden; text-align:center;-webkit-text-size-adjust:none;font-size:9px; -webkit-transform: scale(0.75); -o-transform: scale(1); color:#b8b8b8; position:absolute;left:50%;margin-left:-60px; bottom:10%;} .navgation li a{display:inline-block;display:block;width:100%;color:#666; font-size:14px;font-weight:400;position:relative; overflow:hidden; font-family:"Microsoft yahei"} .navgation li a:hover{text-decoration:none;color:#333;} .navgation li.on>a{ color:#333; background:#1a92b0} .navgation li.on .endescr{ color:#ddd} .navgation li .line{ display:inline-block; width:137px; height:3px; background:#d9d9d9; position:absolute; left:0; top:-3px; display:none} .navgation li .sub_menu{width:170px;height:auto;overflow:hidden;zoom:1; background:#fff;position:absolute;top:90px;left:0;display:none;z-index:99} .sub_menu li{width:100%;height:29px;line-height:29px !important;display:inline-block; padding:0; margin:0; text-align:center;} .sub_menu { background:#fff !important; padding: 10px 0; -moz-box-shadow: 0px 3px 5px #ccc; -webkit-box-shadow: 0px 3px 5px #ccc; box-shadow: 0px 3px 5px #ccc; filter: progid: DXImageTransform.Microsoft.Shadow(strength = 3, direction = 180, color = '#ccc'); -ms-filter: "progid: DXImageTransform.Microsoft.Shadow(strength = 3, Direction = 180, Color = '#ccc')"; } .sub_menu li{height:38px; background-image:url(../images/nav_liststyle.png); background-repeat:no-repeat; background-position: 40px center} .sub_menu li:hover{ border:none} .sub_menu li a{display:block; width:100%;height:38px; line-height:38px;text-align:center; padding:0; margin:0; font-size:12px;} .sub_menu li a:hover{ color:#78bc35} /*end 导航*/ /*index flash slide*/ .index_slide{width:100%; height:516px; overflow:hidden;} .index_slide .flickerplate { position:relative; width:100%; height:516px; background-color:#e6e6e6; overflow:hidden } .index_slide .flickerplate ul.flicks { width:10000%; height:100%; padding:0px; margin:0px; list-style:none } .index_slide .flickerplate ul.flicks>li { float:left; width:1%; height:100%; background-position:center; background-size:cover; display:table } .index_slide .flickerplate ul.flicks>li .flick-inner { height:100%; padding:10px; color:#fff; display:table-cell; vertical-align:middle } .index_slide .flickerplate ul.flicks>li .flick-inner .flick-content { max-width:68.75em; margin-left:auto; margin-right:auto } .index_slide .flickerplate ul.flicks>li .flick-title { padding:0px 0px; font-size:2.778em; line-height:1.995em; text-align:center } @media only screen and (max-width: 43.813em) { .index_slide .flickerplate ul.flicks>li .flick-title { font-size:1.667em } } .index_slide .flickerplate ul.flicks>li .flick-sub-text { padding:5px; font-weight:300; line-height:2.5em; color:rgba(255, 255, 255, 0.8); text-align:center } .index_slide .flickerplate ul.flicks>li .flick-title span.flick-block-text, .flickerplate ul.flicks>li .flick-sub-text span.flick-block-text { padding:12px 18px; background-color:rgba(0, 0, 0, 0.6) } .index_slide .flickerplate .arrow-navigation { position:absolute; height:80%; width:10%; top:10%; z-index:100; overflow:hidden } .index_slide .flickerplate .arrow-navigation .arrow { display:block; height:100%; width:90%; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; transition:all 0.2s ease-out } .index_slide .flickerplate .arrow-navigation:hover, .flickerplate .arrow-navigation .arrow:hover { cursor:pointer } .index_slide .flickerplate .arrow-navigation.left { left:0% } .index_slide .flickerplate .arrow-navigation.left .arrow { opacity:0; margin:0px 0px 0px 50%; background-image:url("../images/flickerplate/arrow-left-light.png"); background-repeat:no-repeat; background-position:left } .index_slide .flickerplate .arrow-navigation.right { right:0% } .index_slide .flickerplate .arrow-navigation.right .arrow { opacity:0; margin:0px 0px 0px -50%; background-image:url("../images/flickerplate/arrow-right-light.png"); background-repeat:no-repeat; background-position:right } .index_slide .flickerplate .arrow-navigation.left.hover .arrow { opacity:1; margin:0px 0px 0px 20% } .index_slide .flickerplate .arrow-navigation.right.hover .arrow { opacity:1; margin:0px 0px 0px -20% } .index_slide .flickerplate .dot-navigation { position:absolute; bottom:15px; width:100%; text-align:center; z-index:100 } .index_slide .flickerplate .dot-navigation ul { text-align:center; list-style:none; padding:0px 15px } .index_slide .flickerplate .dot-navigation ul li { display:inline-block; float:none } .index_slide .flickerplate .dot-navigation .dot { width:14px; height:14px; margin:0px 6px; background-color:rgba(255, 255, 255, 0.3); border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -webkit-transition:background-color 0.2s ease-out; -moz-transition:background-color 0.2s ease-out; -o-transition:background-color 0.2s ease-out; -ms-transition:background-color 0.2s ease-out; transition:background-color 0.2s ease-out } .index_slide .flickerplate .dot-navigation .dot:hover { cursor:pointer; background-color:rgba(255, 255, 255, 0.6) } .flickerplate .dot-navigation .dot.active { background-color:#fff } .flickerplate .dot-navigation.left, .flickerplate .dot-navigation.left ul { text-align:left } .flickerplate .dot-navigation.right, .flickerplate .dot-navigation.right ul { text-align:right } .flickerplate.flicker-theme-dark .arrow-navigation.left .arrow { background-image:url("../images/flickerplate/arrow-left-dark.png") } .flickerplate.flicker-theme-dark .arrow-navigation.right .arrow { background-image:url("../images/flickerplate/arrow-right-dark.png") } .flickerplate.flicker-theme-dark .dot-navigation .dot { background-color:rgba(0, 0, 0, 0.12) } .flickerplate.flicker-theme-dark .dot-navigation .dot:hover { background-color:rgba(0, 0, 0, 0.6) } .flickerplate.flicker-theme-dark .dot-navigation .dot.active { background-color:#000 } .flickerplate.flicker-theme-dark ul.flicks li .flick-inner { color:rgba(0, 0, 0, 0.9) } .flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text { color:rgba(0, 0, 0, 0.9) } .flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text span.flick-block-text { background-color:rgba(255, 255, 255, 0.5) } .flickerplate ul.flicks li.flick-theme-dark .flick-inner { color:rgba(0, 0, 0, 0.9) } .flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text { color:rgba(0, 0, 0, 0.9) } .flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text span.flick-block-text { background-color:rgba(255, 255, 255, 0.5) } .flickerplate.animate-transform-slide ul.flicks { -webkit-perspective:1000; -webkit-backface-visibility:hidden; transform:translate3d(0%, 0px, 0px); -webkit-transform:translate3d(0%, 0px, 0px); -webkit-transition:-webkit-transform 0.6s; -o-transition:-o-transform 0.6s; -moz-transition:-moz-transform 0.6s; transition:transform 0.6s } .flickerplate.animate-transition-slide ul.flicks { position:relative; left:0%; -webkit-transition:left 0.4s ease-out; -moz-transition:left 0.4s ease-out; -o-transition:left 0.4s ease-out; -ms-transition:left 0.4s ease-out; transition:left 0.4s ease-out } .flickerplate.animate-jquery-slide ul.flicks { position:relative; left:0% } .flickerplate.animate-scroller-slide { padding-bottom:0px; overflow:auto } .flickerplate.animate-scroller-slide ul.flicks { position:auto } /*end slide*/ /*公告*/ .notice_bg{width:100%;height:47px;background:url(../images/notice.jpg) repeat-x;} .notice{width:1002px;height:47px;} .notice_con{width:480px;height:47px;float:left;} .notice_con .notice_t { width:50px; height:47px; line-height:47px; text-align:left; float:left; font-family:"微软雅黑"; font-size:14px; color:#999; } .notice_con .notice_l { width:17px; height:32px; padding-top:15px; float:left; } .notice_con .notice_w { width:375px; height:47px; line-height:47px; text-align:left; font-family:"微软雅黑"; font-size:14px; margin-left:10px; float:left; } .notice_con .notice_w a { display:block; width:375px; float:left; color:#666; overflow:hidden; } .notice_con .notice_r { width:17px; height:32px; padding-top:15px; float:right; } .tel { height:47px; float:right; background:url(../images/phone_inco.png) left center no-repeat; line-height:47px; padding-left:20px; font-family:"微软雅黑"; font-size:16px; color:#999; } .tel span{color:#78bc35;} /*首页公司产品*/ .product{width:100%;height:auto;overflow:hidden; float:left; margin-top:18px;} .product .titlebar{ width:100%; height:50px; line-height:50px; border-bottom:2px solid #eaeaea; position:relative} .product .titlebar .title{ width:auto; height:100%; line-height:50px; overflow:hidden; font-size:18px; position:absolute; color:#26698d; padding:0 3px; border-bottom:2px solid #78bc35} .product .titlebar .title i{ display:block; width:17px; height:17px; background:url(../images/title_inco.png) no-repeat; float:left; margin-top:18px;} .product .titlebar .title span{ margin-left:5px} .product .titlebar .link_more{ float:right; font-size:12px;color:#a1a1a1} .product .con{ width:100%; height:auto; padding:20px 0; overflow:hidden;} .productcate_list{ width:110%;} .productcate_list li{display:block;width:216px; height:220px; float:left; background:#fff; margin-right:47px; position:relative; border-bottom:1px solid #eee} .productcate_list li .cateico{display:block; width:53px; height:53px; background:url(../images/cateico.png) no-repeat; z-index:22} .productcate_list li .cateico.ico-1{background-position:-55px 0;position:absolute; left:50%; margin-left:-26.5px; top:62px;} .productcate_list li .cateico.ico-2{background-position:0 0; position:absolute; left:50%; margin-left:-26.5px; top:62px} .productcate_list li .cateico.ico-3{background-position:-111px 0;position:absolute; left:50%; margin-left:-26.5px; top:62px} .productcate_list li .cateico.ico-4{background-position:-166px 0;position:absolute; left:50%; margin-left:-26.5px; top:62px} .productcate_list li h2{ display:block; width:100%; font-size:14px; text-align:center; position:absolute; top:129px; left:0;} .productcate_list li img{ position:absolute; bottom:0; display:none; } .productcate_list li:hover{ background:#f9f9f9;} .productcate_list li:hover .cateico.ico-1{background-position:-55px -54px; position:absolute; left:50%; margin-left:-26.5px; top:62px} .productcate_list li:hover .cateico.ico-2{background-position:0 -54px;position:absolute; left:50%; margin-left:-26.5px; top:62px} .productcate_list li:hover .cateico.ico-3{background-position:-111px -54px;position:absolute; left:50%; margin-left:-26.5px; top:62px} .productcate_list li:hover .cateico.ico-4{background-position:-166px -54px;position:absolute; left:50%; margin-left:-26.5px; top:62px} .index_item{ display:block; width:100%; height:auto; overflow:hidden;zoom:1; position:relative; padding-top:50px;} .index_item li{ width:50%; height:130px; background:#fff; float:left; overflow:hidden} .index_item li h2 { display:block; font-size:30px; font-weight:bold; color:#000; margin-top:25px;} .index_item li h2 i{ display:block; float:left; height:100%; width:9px; height:25px; background:#18a13a} .index_item li h2 span{ margin-left:21px;} .index_item li p{ width:403px; padding-left:31px; padding-top:20px;} .index_item li.i02{ background:#18a13a; color:#fff} .index_item li.i02 h2{ color:#fff; margin-left:50px} .index_item li.i02 h2 i{ background:#fff} .index_item li.i02 p{ padding-left:80px;} .index_item li.i03{ background:#2a578c; color:#fff} .index_item li.i03 h2{ color:#fff; } .index_item li.i03 h2 i{ background:#fff} .index_item li.i04{ } .index_item li.i04 h2{ margin-left:50px} .index_item li.i04 h2 i{ } .index_item li.i04 p{ padding-left:80px;} .index_item li:hover{ cursor:pointer; background:#333} .index_item li:hover,.index_item li:hover h2{ color:#fff} .index_item li:hover h2 i{ background:#fff; color:#fff} .index_item .cate_logo{ display:block; width:100px; height:100px; background:url(../images/cate_logo.png) no-repeat; position:absolute; left:50%; margin-left:-50px; top:50%; margin-top:-25px; } /*分类*/ /*公司介绍*/ .about{width:478px;height:auto; float:left; margin-top:25px;} .about .titlebar{ width:100%; height:50px; line-height:50px; border-bottom:2px solid #eaeaea; position:relative} .about .titlebar .title{ width:auto; height:100%; line-height:50px; overflow:hidden; font-size:18px; position:absolute; color:#26698d; padding:0 3px; border-bottom:2px solid #78bc35} .about .titlebar .title i{ display:block; width:17px; height:17px; background:url(../images/title_inco.png) no-repeat; float:left; margin-top:18px;} .about .titlebar .title span{ margin-left:5px} .about .titlebar .link_more{ float:right; font-size:12px;color:#a1a1a1} .about .con{ width:100%; padding:20px 0; overflow:hidden; line-height:24px;} .about .con img{ float:left} .about .con p{ width:285px;font-size:14px; text-align:justify;float:right} /*行业新闻*/ .industry{ width:480px; height:auto; float:right;margin-top:25px;} .industry .titlebar{ width:100%; height:50px; line-height:50px; border-bottom:2px solid #eaeaea; position:relative} .industry .titlebar .title{ clear:both;width:auto; height:100%; line-height:50px; overflow:hidden; font-size:18px; position:absolute; color:#26698d; padding:0 3px; border-bottom:2px solid #78bc35} .industry .titlebar .title i{ display:block; width:17px; height:17px; background:url(../images/title_inco.png) no-repeat; float:left; margin-top:18px;} .industry .titlebar .title span{ margin-left:5px} .industry .titlebar .link_more{ float:right; font-size:12px;color:#a1a1a1} .industry .con{ width:100%; height:auto; background:#fff; overflow:hidden} .industry .list{ width:100%; clear:both} .industry .list li{ width:470px; padding-left:10px;height:50px;line-height:50px; overflow:hidden;border-bottom:1px dotted #eee;list-style:square inside url(../images/list_style.png); clear:both/*overflow: hidden;white-space: nowrap;text-overflow: ellipsis;*/} .industry .list li:hover{list-style:square inside url(../images/list_style2.png);} .industry .list li a{ font-size:14px; display:inline;} .industry .list li a:hover{ color:#78bc35} .industry .list li .datetime{ width:auto; float:right} /*公司新闻*/ /* .news{ width:390px; height:auto; float:right; margin-left:12px;margin-top:25px;} .news .titlebar{ height:58px; line-height:58px; background:#18a13a} .news .titlebar i{ display:block; width:120px; height:30px; background:url(../images/news.png) no-repeat; float:left; margin-top:12px; margin-left:20px} .news .titlebar .link_more{ float:right; background:url(../images/more1.png) no-repeat center right; padding-right:15px; margin-right:15px; color:#fff} .news .con{ width:354px; height:260px; padding:20px 17px 20px 17px; border:1px #e8e8e8 solid; background:#fff; overflow:hidden} .news .con h2{ font-size:16px; font-weight:bold } .news .con p{ font-size:12px; padding-top:18px} .news .list{} .news .list li{width:100%; padding:0; margin:0;height:65px; padding-bottom:15px; padding-top:7px; border-bottom:1px solid #e8e8e8;} .news .list li:last-child{border:none} .news .list li img{ float:left; margin-top:4px} .news .list li h2{ width:240px; height:35px; font-size:14px; float:right;overflow:hidden;text-overflow: ellipsis;} .news .list li p{ width:240px;float:right; padding:0; margin-top:6px; line-height:14px; color:#999; overflow:hidden;text-overflow: ellipsis;} .news .list li a{ font-size:14px; color:#666} */ /*工程案例*/ .case{width:478px;height:auto; float:left; margin-top:25px;} .case .titlebar{ width:100%; height:50px; line-height:50px; border-bottom:2px solid #eaeaea; position:relative} .case .titlebar .title{ width:auto; height:100%; line-height:50px; overflow:hidden; font-size:18px; position:absolute; color:#26698d; padding:0 3px; border-bottom:2px solid #78bc35} .case .titlebar .title i{ display:block; width:17px; height:17px; background:url(../images/title_inco.png) no-repeat; float:left; margin-top:18px;} .case .titlebar .title span{ margin-left:5px} .case .titlebar .link_more{ float:right; font-size:12px;color:#a1a1a1} .case .con{ width:100%; padding:20px 0; overflow:hidden; line-height:24px;} .case .con .list{ width:110%; position:static; clear:both} .case .con .list li{float:left; margin-right:7px; position:relative} .case .con .list li a.title{ display:block; width:100%; height:30px; line-height:30px; background:#78bc35; color:#fff; text-align:center; position:absolute; bottom:0; left:0} .case .con .list li a.title:hover{ background:#60952c} .case .con .list li:hover a.title{ background:#60952c} /*快速通道*/ .Fasttrack{ width:480px; height:auto;float:right;margin-top:25px;} .Fasttrack .titlebar{ width:100%; height:50px; line-height:50px; border-bottom:2px solid #eaeaea; position:relative} .Fasttrack .titlebar .title{ width:auto; height:100%; line-height:50px; overflow:hidden; font-size:18px; position:absolute; color:#26698d; padding:0 3px; border-bottom:2px solid #78bc35} .Fasttrack .titlebar .title i{ display:block; width:17px; height:17px; background:url(../images/title_inco.png) no-repeat; float:left; margin-top:18px;} .Fasttrack .titlebar .title span{ margin-left:5px} .Fasttrack .titlebar .link_more{ float:right; font-size:12px;color:#a1a1a1} .Fasttrack .con{ width:100%; height:150px; padding-top:20px; background:#fff; overflow:hidden} .Fasttrack .con .list{ width:110%; height:auto} .Fasttrack .con .list li{ float:left; width:237px; height:73px; overflow:hidden; margin-right:6px; margin-bottom:6px; background:#efefef;} .Fasttrack .con .list li a{ display:block; width:100%; height:100%; font-size:16px; color:#8a8b8b; line-height:73px; } .Fasttrack .con .list li a:hover{ background:#78bc35; color:#fff; text-decoration:none;} .Fasttrack .con .list li a span.title{ display:block; float:right; margin-right:25px;} .Fasttrack .con .list li a {} .fast-ico{ display:block; background:url(../images/fast.png) no-repeat; width:37px; height:38px; float:left; margin-left:40px; margin-top:15px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .fast-ico.ico-1{ background-position:0 0} .fast-ico.ico-2{ background-position:-60px 0} .fast-ico.ico-3{ background-position:-113px 0} .fast-ico.ico-4{ background-position:-162px 0} .Fasttrack .con .list li a:hover .ico-1{ background-position:0 -44px} .Fasttrack .con .list li a:hover .ico-2{ background-position:-60px -44px} .Fasttrack .con .list li a:hover .ico-3{ background-position:-113px -44px} .Fasttrack .con .list li a:hover .ico-4{ background-position:-162px -44px} /*应用案例*/ .application{width:100%; height:auto; float:right; margin-left:12px;margin-top:25px;} .application .titlebar{ height:58px; line-height:58px;} .application .titlebar i{ display:block; width:120px; height:30px; background:url(../images/case.png) no-repeat; float:left; margin-top:12px; margin-left:20px} .application .titlebar .link_more{ float:right; background:url(../images/more1-02.png) no-repeat center right; padding-right:15px; margin-right:15px; color:} .application .con{ width:998px; height:310px;/* padding:20px 17px 20px 17px;*/ border:1px #e8e8e8 solid; background:#fff; overflow:hidden; position:relative} .application .con h2{ font-size:16px; font-weight:bold } .application .con p{ font-size:12px; padding-top:18px} .application .list{ width:920px; height:100%; margin:0 auto} .application .list li{ padding:0 7px; margin:0;width:216px; height:310px;/*overflow: hidden;white-space: nowrap;text-overflow: ellipsis;*/} .application .list li:hover{ background:#efefef} .application .list li img{ margin-top:28px} .application .list li h2{ width:100%;font-size:14px; text-align:center; margin-top:18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .application .list li p{ width:100%;padding:0; margin-top:12px; line-height:14px; color:#999; overflow:hidden;text-overflow: ellipsis;} .application .list li a{ font-size:14px; color:#666} /*.arrow{display:block;width:29px !important;height:50px !important; background:url(../images/arrow.png) no-repeat #c7c7c7; position:absolute; cursor:pointer} .arrow:hover{background-color:#18a13a} .arrow.prev{ background-position:8px center; left:0; top:50%; margin-top:-25px} .arrow.next{background-position:-22px center; top:50%; right:0;margin-top:-25px}*/ /*合作伙伴*/ .partner{width:100%; height:auto; float:right; margin-left:12px;margin-top:25px;} .partner .titlebar{ width:100%; height:50px; line-height:50px; border-bottom:2px solid #eaeaea; position:relative} .partner .titlebar .title{ width:auto; height:100%; line-height:50px; overflow:hidden; font-size:18px; position:absolute; color:#26698d; padding:0 3px; border-bottom:2px solid #78bc35} .partner .titlebar .title i{ display:block; width:17px; height:17px; background:url(../images/title_inco.png) no-repeat; float:left; margin-top:18px;} .partner .titlebar .title span{ margin-left:5px} .partner .titlebar .link_more{ float:right; font-size:12px;color:#a1a1a1} .partner .con{ width:100%; padding:20px 0; height:auto; overflow:hidden;zoom:1; background:#fff; overflow:hidden; position:relative} .partner .con h2{ font-size:16px; font-weight:bold } .partner .con p{ font-size:12px; padding-top:18px} .partner .list_con{ width:920px; height:100%; overflow:hidden; margin:0 auto} .partner .list{ width:110%; margin:0 auto; clear:both} .partner .list li{ float:left; width:142px; height:121px; padding:0; margin:0; overflow:hidden;margin-right:11px} .partner .list li:hover{ background:#efefef} .partner .list li .img{ display:block; width:140px; height:82px; border:1px solid #efefef; } .partner .list li .img img{ width:140px; height:82px} .partner .list li .title{ display:block; height:38px; line-height:38px; text-align:center; color:#999} .partner .list li.clearline{ border-left:none} .partner .con .prev{ width:26px;height:82px;display:block;background:url(../images/prev.jpg) center center no-repeat;border:1px solid #dcdcdc; position:absolute; left:0; top:50%; margin-top:-61px} .partner .con .next{ width:26px;height:82px;display:block;background:url(../images/next.jpg) center center no-repeat;border:1px solid #dcdcdc; position:absolute; right:0; top:50%; margin-top:-61px;} /*_FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/log.png",sizingMethod='scale'); _background-image: none;*/ /*二级banner*/ .sub_banner{ width:100%; height:185px; background:url(../images/sub_banner.jpg) no-repeat center; position:relative; margin:0 auto; background-position: center 0; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover;/* 兼容Webkit内核浏览器如Chrome和Safari */ -o-background-size: cover;/* 兼容Opera */ zoom: 1; } /*二级页面容器*/ .sub_container{width:1002px; height:auto; overflow:hidden; zoom:1; margin:47px auto; padding-bottom:5px} /*二级左侧*/ .sub_conleft{width:222px; height:auto;background:#fefefe; float:left; margin-left:5px; position:relative;} .sub_l_top{ width:1000px; height:5px; margin:0 auto;position:relative} .sub_l_top .sub_l_top_line{width:222px;height: 5px;background:#18a03b;position: absolute;left: 5px;top:195px;z-index: 99;} .sub_leftlist{ width:222px; height:auto; overflow:hidden; zoom:1; margin-bottom:20px;box-shadow:0 0 10px rgba(0, 0, 0, 0.1);-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.1) inset;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.1);} .left_title{ width:216px; height:81px; background: url(../images/sub_typebg.png) #487b00 no-repeat left top; color:#fff;line-height:36px; overflow:hidden;font-size:16px; padding-left:40px; padding-top:15px; border-bottom:1px solid #ccc} .left_title h1{ font-size:30px} .sub_leftlist li { width:100%; height:38px; overflow:hidden; position:relative; display:block ;border-bottom:1px #e3e3e3 solid} .sub_leftlist li a{ display:block; width:100%; height:38px; background:url(../images/sub_leftslidebar-bg.png) repeat-x; color:#464646; font-size:14px; line-height:36px; padding:0 5px 5px 40px; border-top:1px #fff solid;} .sub_leftlist li a:hover{display:block; width:100%; height:38px; background:#78bc35; color:#eee; font-weight:bold; text-decoration:none} .sub_leftlist .sub_list a{display:block;width:100%; height:38px; background:#fefefe; color:#464646; border:none; font-size:12px } .sub_leftlist .sub_list a:hover{ display:block;background:#f8f8f8; color:#6b96c9 } .sub_leftlist .parent_list ul{ display:block; width:210px; display:none} .sub_leftlist .parent_list ul li{ border:none} .sub_leftlist .parent_list .j_t_1{display:block;width:8px;height:8px;background:url(../images/jt_1.png) no-repeat;position:absolute;right:24px;top:15px;z-index:33} .sub_leftlist .parent_list .j_t_1.active{ background-position:0 -8px} .sub_leftlist .parent_list .j_t_2{display:block;width:8px;height:8px;background:url(../images/jt_2.png) no-repeat;position:absolute;right:24px;top:15px;z-index:33} .sub_leftlist .parent_list .j_t_2.active{background-position:0 -8px} .sub_leftlist li:hover .j_t_1{background-position:0 -8px} .sub_leftlist li:hover .j_t_2{background-position:0 -8px} .sub_leftlist .parent_list li.on a{ background:#78bc35; color:#fff} .sub_leftlist .parent_list li.on .j_t_1,.sub_leftlist .parent_list li.on .j_t_2{background-position:0 -8px} /*二级快速导航*/ .sub_conleft .list{ width:100%; height:auto} .sub_conleft .list li{float:left; display:block; width:100%; height:73px; overflow:hidden;margin-bottom:6px; background:#efefef; position:relative} .sub_conleft .list li a{ display:block; width:100%; height:100%; font-size:16px; color:#8a8b8b; line-height:73px; text-align:center } .sub_conleft .list li a:hover{ background:#78bc35; color:#fff; text-decoration:none;} .sub_conleft .list li a span.title{ display:block;font-size:12px; position:absolute; left:50%; margin-left:-22px; top:30%; } .sub_conleft .list li a {} .sub_conleft .fast-ico{ display:block; background:url(../images/fast.png) no-repeat; width:37px; height:38px; position:absolute; left:50%; top:50%; margin-left:-18px; margin-top:-25px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .fast-ico.ico-1{ background-position:0 0} .fast-ico.ico-2{ background-position:-60px 0} .fast-ico.ico-3{ background-position:-113px 0} .fast-ico.ico-4{ background-position:-162px 0} .sub_conleft .list li a:hover .ico-1{ background-position:0 -44px} .sub_conleft .list li a:hover .ico-2{ background-position:-60px -44px} .sub_conleft .list li a:hover .ico-3{ background-position:-113px -44px} .sub_conleft .list li a:hover .ico-4{ background-position:-162px -44px} /*sub right content*/ .sub_conright{width:700px; height:500px; height:auto;min-height:559px;overflow:hidden;zoom:1;float:right; background:#fff; /*-moz-box-shadow: 5px 5px 0px 5px #f0eeee; -webkit-box-shadow: 5px 5px 0px 5px #f0eeee; box-shadow: 5px 5px 0px 5px #f0eeee; filter: progid: DXImageTransform.Microsoft.Shadow(strength = 5, direction = 135, color = '#f0eeee'); -ms-filter: "progid: DXImageTransform.Microsoft.Shadow(strength = 5, Direction = 135, Color = '#f0eeee')";*/ } .sub_conright-top{ width:100%; height:89px; position:relative; clear:both; border-bottom:1px solid #d3d3d3; background:url(../images/righttop_bg.png) no-repeat bottom right;} .sub_conright-top .typename{color:#1f8ad0; font-size:14px; width:auto; height:35px; line-height:35px; position:absolute; bottom:3px;} .sub_conright-top .typename i{ display:block; width:5px; height:10px; margin-top:5px; background:#1f8ad0; float:left} .sub_conright-top .typename span.typech{ font-size:24px; font-weight:bold; color:#487b00; margin-RIGHT:10px} .sub_conright-top .typename span.typeen{ font-size:14px; color:#999; text-transform:uppercase} .sub_conright-top .line{ width:100%; height:3px; background:url(../images/righttop_line.png) no-repeat center; position:absolute; left:0; bottom:-3px;} .rightcon{ width:100%; height:auto; /*min-height:719px;*/ overflow:hidden; zoom:1; margin-top:50px} /*产品展示*/ .pro_list li{ width:232px; height:167px; position:relative; float:left; margin-right:1px; margin-bottom:34px;} .pro_list li img{ position:relative} .pro_list li .title{ display:block; width:100%; height:33px; line-height:33px; color:#999; position:absolute; bottom:0; left:0; background:#333; text-align:center} .pro_list li:hover .title{ background:#2a578c; color:#fff} /*案例展示*/ .case_list{ width:110%; height:100%; margin:0 auto} .case_list li{ margin:0;width:222px; height:225px;float:left; margin-right:15px; position:static; /*overflow: hidden;white-space: nowrap;text-overflow: ellipsis;*/} .case_list li:hover a{ color:#78bc35 } .case_list li:hover img{border:1px solid #78bc35 } .case_list li:hover a .mark{ display:block} .case_list li img{padding:6px; border:1px #ccc solid; width:208px; height:160px; position:static} .case_list li h2{ display:block; width:100%; height:50px; line-height:50px; text-align:center; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .case_list li a{ display:block; font-size:14px; color:#666; position:relative;} .case_list li a .mark{ display:block; position:absolute; left:0; top:0; z-index:10; width:100%; height:100%; display:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; background:rgba(120, 188, 53, 0.3)!important; filter:Alpha(opacity=30); background:#78bc35;/*使用IE专属滤镜实现IE背景透明子元素设置position:relative*/ } .partner_list{ width:100%; height:100%; margin:0 auto} .partner_list li{ margin:0;width:213px; height:215px;float:left; margin-right:12px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .partner_list li:hover a{ color:#78bc35 } .partner_list li:hover img{border:1px solid #78bc35 } .partner_list li img{padding:4px; border:1px #ccc solid} .partner_list li h2{ display:block; width:100%; height:50px; line-height:50px; text-align:center; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .partner_list li a{ font-size:14px; color:#666} /*资质*/ /*案例展示*/ .intelli_list{ width:110%; height:100%; margin:0 auto} .intelli_list li{ margin:0;width:222px; height:335px;float:left; margin-right:15px; position:static; /*overflow: hidden;white-space: nowrap;text-overflow: ellipsis;*/} .intelli_list li:hover a{ color:#78bc35 } .intelli_list li:hover img{border:1px solid #78bc35 } .intelli_list li:hover a .mark{ display:block} .intelli_list li img{padding:6px; border:1px #ccc solid; width:208px; height:264px; position:static} .intelli_list li h2{ display:block; width:100%; height:50px; line-height:50px; text-align:center; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .intelli_list li a{ display:block; font-size:14px; color:#666; position:relative;} .intelli_list li a .mark{ display:block; position:absolute; left:0; top:0; z-index:10; width:100%; height:100%; display:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; background:rgba(120, 188, 53, 0.3)!important; filter:Alpha(opacity=30); background:#78bc35;/*使用IE专属滤镜实现IE背景透明子元素设置position:relative*/ } /*分页*/ .page_num{min-width:500px;height:50px;margin:0 auto;/*margin-left:300px*/margin-top:20px;padding-top:20px; clear:both} .page_num ul{ margin-left:150px} .page_num li{ float:left; margin-left:5px;border:1px #eee solid; background:#fff;padding:3px 10px 3px 10px;} .page_num li:hover{ background:#18a03b} .page_num li:hover a{ color:#FFF} .page_num li a{display:block;} .page_num li a:hover{ color:#fff} /*新闻中心*/ .news_list li{list-style:square inside url(../images/list_style.gif); padding:10px 0; border-bottom:1px dotted #e3e3e3; padding-left:10px; clear:both;} .news_list li a{ clear:both;} .news_list li .datetime{ float:right; color:#a9a6a6} /*文章内容*/ .article_head{ text-align:center} .article_head h1{ font-size:24px;color:#666; padding:8px 0} .article_head .description{ color:#999; padding:15px 0; width:578px; height:10px; margin:0 auto; background:; clear:both} .article_head .description span{ margin-right:40px;} .article_head .description .author{ float:left; } .article_head .description .datetime{ float:left;} .article_head .description .share{ float:right;margin:0; padding:0; border:none; width:140px; height:20px; } .article_con{ padding-top:20px;} /*联系我们*/ .list_contact h1{ width:100%; background:#ebebeb; height:28px; line-height:28px; font-weight:bold; padding-left:15px} .list_contact h2{ width:100%; background:#ebebeb; height:28px; line-height:28px; font-weight:bold; padding-left:15px} .list_contact .input_text{ width:275px; height:25px; margin-top:15px} .list_contact .input_area{ width:275px; height:145px; overflow:hidden;margin-top:15px} .list_contact .input_vcode{ width:85px; height:25px;margin-top:15px} .list_contact .input_btn{ width:92px; height:34px; background:#63ac41; border:none; color:#fff} .list_contact table{ margin-top:40px} .list_contact .message_right{ line-height:30px} /*团队风采*/ .team_list { width:110%} .team_list li{ width:220px; height:250px;position:relative; float:left; margin-right:1px; border:1px solid #ececec; margin-bottom:37px; margin-right:18px} .team_list li:hover .title{background:#2a578c; color:#fff} .team_list li .title{display:block; width:100%; height:50px; line-height:50px; background:#8a8a8a; color:#fff; position:absolute; bottom:0; left:0; background:; text-align:center} /*资质荣誉*/ .honor_list { width:110%} .honor_list li{ width:229px; height:187px;position:relative; float:left; border:1px solid #ececec; margin-bottom:37px; margin-right:2px} .honor_list li:hover .title{background:#2a578c; color:#fff} .honor_list li .title{display:block; width:100%; height:50px; line-height:50px; background:#8a8a8a; color:#fff; position:absolute; bottom:0; left:0; background:; text-align:center} .honor_list li .title:hover{ background:#2a578c; color:#fff} /*产品内容*/ .article_prohead{ width:100%; clear:both} .article_prohead dt{ float:left} .article_prohead dd{ float:right; width:320px} .article_prohead dd h1{ font-size:18px; font-weight:bold; border-bottom:1px dashed #e6e6e6; padding-bottom:10px;} .article_prohead dd .para{ width:100%; margin:15px 0} .article_prohead dd .para li{ line-height:18px} .article_prohead dd .description{ height:78px; overflow:hidden;background:#2a578c; color:#fff; padding:9px} .parameter{ width:99%; height:46px; background:#f6f6f6; border:1px solid #e5e5e5; margin-top:20px; display:block} .parameter li{ float:left; width:135px; height:46px; border-right:1px solid #e5e5e5; position:relative} .parameter li a{ display:block; width:100%; text-align:center; line-height:46px; position:absolute; left:0; top:0;} .parameter li.on a{ background:#fff; border-top:2px solid #2a578c; font-weight:bold} .parameter_con{ padding-top:20px;} .parameter_con div{ display:none} /*网站地图*/ .site_map{ background:url(../images/site_ico.PNG) no-repeat left 2px; padding-left:15px;width:auto;min-width:229px;overflow:visible;height:20px; margin-right: 10px;} /*上一页下一页*/ .preAnd_next{ width:100%; height:66px; line-height:66px; border-top:1px dotted #ddd; margin-top:20px; text-align:center} .preAnd_next ul{ width:100%; height:100%;margin:0 auto;} .preAnd_next ul li{ float:left; margin-left:50px} .b_n{ border:none} /*--//*/ /*底部*/ .footer{width:100%; height:auto;overflow:hidden;zoom:1;display:table; background:#eaeaea; background-position: center 0; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover;/* 兼容Webkit内核浏览器如Chrome和Safari */ -o-background-size: cover;/* 兼容Opera */ zoom: 1; } .footer .foot_top{ padding:38px 0} .footer .foot_logo{ display:block; width:180px; height:44px; float:left} .footer .line{ width:1px; height:115px; background:#d5d5d5; border-right:1px solid #fff;float:left; margin-left:25px;} .footer .foot_contact{ width:330px; height:auto; float:left; padding-left:25px } .footer .foot_contact dt{ font-size:14px; height:25px;} .footer .foot_contact dd { padding:0; margin:0} .footer .foot_contact dd li{ margin:0; padding:0; padding:2px 0; padding-left:20px; height:20px; line-height:20px;clear:both} .footer .foot_contact .ftel{ font-size:12px;width:100%; height:16px; background:url(../images/mobile.png) left center no-repeat} .footer .foot_contact .email{ width:100%; height:16px; background:url(../images/email.png) left center no-repeat} .footer .foot_contact .qq{width:100%; height:16px; background:url(../images/QQ.png) left center no-repeat} .footer .foot_contact .local{width:100%; height:16px; background:url(../images/local.png) left center no-repeat} .footer .tcode{ width:105; height:105; float:right;margin-right:50px;} .footer .tcode span{ display:block;text-align:center; color:#707070;} .footer .tcode img{ float:left} .footer .copy{ color:#999; height:42px; line-height:42px; text-align:center; background:#3b3d3e} .footer .copy p{ text-align:center} .footer .flinks{clear:both; width:930px; height:50px; margin:0 auto;padding:18px 25px 22px 25px;} .footer .flinks dd ul li{ float:left; margin-left:10px; margin-top:5px;} /*css3*/