body{font-family:"微软雅黑";background:#fff;color:#666; } ul li{list-style-type:none} a{color:#666;text-decoration:none} a:hover{color:#000;text-decoration:none} td{color:#666} img { max-width: 100%; } * {margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all; } .flexslider *,.toperh,.toperh .tel,.prolist .procons,.prolist .procons .up h3,.rightprevnext,.news li .pic p,.news li,.news li .pic,.news li .addtime,.news li .cons,.news li .cons .title a,.news li .cons .content,.news li .cons .title a,.contact li,.aboutul3 li,.indnews .right .addtime,.serviceul li .left .title,.indnews .right .addtime,.indprogram li .cons .pic,.indprogram li,.indprogram li .cons .title,.indprogram li .cons .line,.solutiondesign li .pic p,.indprogram li .cons .content,.toper,.toper .logo,.toper ul,.toper .tel,.toper li dl,.fixright li h1 {transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;} #serviceBox{position:fixed;z-index:999;padding-top:5px;padding-bottom:5px;bottom:47px;display:none;width:100%;background:rgba(255,255,255,1);text-align:center;border-top:1px solid #ccc;border-bottom:1px solid #ccc} #serviceBox a{line-height:30px;} #ff input{border:1px solid #ccc;background:#fff;line-height:35px;height:35px;margin-top:10px;margin-left:10px;border-radius:0px;outline:none} #ff textarea{border:1px solid #ccc;background:#fff;margin-top:10px;margin-left:10px;border-radius:0px;outline:none} #ff input:focus,#ff textarea:focus{border-color:#000} #ff .btn{border:0px;background:#ddd;padding:0px;height:auto;padding-left:20px;padding-right:20px;line-height:35px;} #ff .btn:hover{color:#fff;background:#3477C8;} /*图片悬浮链接*/ .imgLink-hover {cursor: pointer;display: block;position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0);background-image: url(on-hover.png);background-repeat: repeat;opacity: 0;filter: Alpha(Opacity=0);z-index: 96;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;-ms-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear} .imgLink-hover:hover {opacity: 1;filter: Alpha(Opacity=1)} .imgLink-hover * {filter: inherit} .imgLink-hover {cursor: pointer} .imgLink-hover:hover .hover-link{background-image: url(hover-link.png);background-repeat: no-repeat;background-position: center center} .hover-link {width: 44px;height: 44px;top: 50%;left: 50%;margin-left: -22px;margin-top: -22px;position: absolute;display: block} /*详情页面*/ .detailTitleTxt{border-left:3px solid #666;line-height:35px;font-weight:bold;font-size:16px;text-align:left;background:#f9f9f9;text-indent:10px;margin-bottom:10px;} .detailTitle{border-left:3px solid #666;line-height:35px;font-weight:bold;font-size:16px;text-align:center;background:#f9f9f9;margin-left:10px;} .detailParameter{padding:10px;word-wrap: break-word;} .detailImg{text-align:center;padding:10px;} .detailImg img{max-width:100%;} .detailUrl{padding:10px;} .detailUrl a{width:150px;text-align:center;line-height:40px;border:1px solid #333;margin:0px auto 0px auto;display:block;color:#333;text-decoration: none;} .detailUrl a:hover{background:#3477c8;border:1px solid #3477c8;color:#fff;} .detailTime{width:100%;text-align:center;font-size:14px;font-weight:bold;line-height:40px;} .detailContent{width:100%;margin-bottom:10px;overflow:hidden;word-wrap: break-word;} .detailContent img{max-width:100%;height:auto;margin: 0px;padding: 0px;vertical-align: top;} .productImgList{width:100%;overflow:hidden;margin-bottom:5px} .productImgList li{width:150px;float:left;margin-left:10px;margin-bottom:10px;} .productImgList li a{margin:0px;padding:0;} .productImgList li a img{width:150px;border:3px solid #eee;} .productImgList li a img:hover{border:3px solid #000;} .productListBox{margin-top:15px;} #searchProduct{margin-top:10px;} .back{line-height:35px;background:#3477c8;color:#fff;width:80px;text-align:center;float:right} .back:hover{color:#fff;background:#000;} .otherPageBox{background:#f1f1f1;margin-top:20px;padding:10px;overflow:hidden;width:100%;font-size:12px} .otherPageBox a{font-size:12px;line-height:20px} .otherPageBox .back{line-height:40px;font-size:14px} .aboutProduct{margin:20px 0px 0px 0px;} .msgBox{border:1px dashed #999;padding:20px;margin-bottom:10px} .searchList{width:100%;overflow:hidden;} .searchList li{margin-bottom:10px;border:1px dashed #ccc;padding:5px;float:left;width:100%;} .searchList li:hover{border:1px dashed #000} .searchList li .img{width:150px;float:left;display:block;overflow:hidden;margin-right:10px} .searchList li .img img{width:100%;height:auto} .searchList li .title{width:auto;float:left;overflow:hidden;display:block} /*手机版菜单可展开图标*/ #app_menudown{position: absolute; top:0px; right:0px; font-size: 16px;} #app_menudown:hover{background-color: #073053;} #app_menudown span{display:block} /*菜单栏标志*/ .navbar-brand{padding:0px;background:url(../Image/home.png) no-repeat center center;width:26px; margin-top:13px;} .topBox{} .welcomeBox{} .welcomeBox *{padding:0px;margin:0px;border:0px} .borderBottom{border-bottom:1px solid #ddd} .logo{ margin-top:37px; margin-bottom:33px;} .logo *{padding:0px;margin:0px;border:0px} .logo a img{max-width:100%;height:auto} .left{float:left;} .right{float:right;} .t_r{text-align:right;} .clear{clear:both;} .head_tit{ width:100%; height:41px; background:#e5e5e5; } .head_tit1{ height:auto; overflow:hidden; line-height:41px;color:#8a8a8a;} .head_tit_l{ color:#606060; } .head_tit_tel{ margin-left:65px; margin-top:10px;} .head_tit_m ul li{ float:left; color:#606060; margin-left:21px; } .fx{ margin-left:10px;} .head_tit_m ul .ioc{ margin-right:10px;} .head_tit_m ul .ico_tex{ line-height:41px;} .wenz{} .lang ul li{ float:left; } .top_bg{ width:100%; height:auto; overflow:hidden; position:relative; background:url(../Image/bg1.png) no-repeat bottom; padding-bottom:90px; margin-top:-10px;} .top_bot{ width:100%; height:0px; z-index:99999; bottom:0px;} .head{ width:100%; height:138px; background:url(../Image/head.jpg) repeat-x center; overflow:hidden;min-width:1300px; position:relative; z-index:99999; } .header1{ width:1300px; height:auto; overflow:hidden;} .tel{margin-top:25px; } .taobao{ margin-top:45px; margin-left:5px;} .tel_r{ margin-left:7px; } .tel_r1{ font-size:26px; color:#0292e3; font-weight:bold;} .tel_pic{ margin-top:5px;} .ser_r { position: relative; margin-top: 8px; } .search-text { background:url(../Image/line.png) no-repeat bottom; border: none; height: 35px; width: 420px; font-size: 12px; position: relative; } .search-btn { position: absolute; width: 19px; height: 21px; line-height: 24px; top: 9px; right: 0px; border: none; font-size: 12px; background: url(../Image/ser.png) no-repeat top;} .pro_tex{ text-align:center; margin-top:85px;} .cpxx{ text-align:center; font-size:36px; font-weight:bold; color:#1651b8;} .cpxx span{ color:#222222;} .cpxx_mess{ color:#6a6a6a; font-size:18px;text-align:center; margin-top:10px;} .cpxx_bg{ width:1180px; height:42px; margin:0px auto; background: url(../Image/bg1.png) no-repeat center; margin-top:28px; text-align:center; color:#252525; font-size:15px; line-height:42px;} .line1{ margin-left:49px; margin-top:15px;} .top_bot_tit_r{} #share{ margin-top:20px; margin-right:130px;} #share a { display: block; width: 42px; height: 42px; } #share .bds_sqq { width: 42px; height: 42px; background: url(../Image/qq.png) no-repeat center; } #share .bds_weixin { width: 42px; height: 42px; background: url(../Image/weixin.png) no-repeat center; } .cpzx_top{ width:100%; height:auto; overflow:hidden; background:#eeeeee url(../Image/bg3.jpg) no-repeat bottom; padding-bottom:90px;} .cpzx_top_tit{ text-align:center; margin-top:19px;} .cpzx_top_mid{ margin-top:20px;} .cpzx_top_mid ul li{ background:#fff; border:1px solid #ccc; height:361px; float:left; width:24%; margin-right:1%; } .cpzx_top_mid ul li:nth-of-type(4){ margin-right:0px;} .cpzx_top_mid ul li .cpzx_top1{ background: url(../Image/bg2.png) no-repeat bottom; height:180px;} .cpzx_top_mid ul li .cpzx_top1 .cpzx_top1_pic{ text-align:center; margin-top:25px;} .cpzx_top_mid ul li .zx_bt{background: url(../Image/xian1.png) no-repeat center; margin-top:22px;} .cpzx_top_mid ul li .zx_bt_tit{ color:#000; font-size:20px; text-align:center;} .cpzx_top_mid ul li .zx_bg{ text-align:center; margin-top:15px;} .cpzx_top_mid ul li .zx_bg_more{background: url(../Image/more.png) no-repeat center; text-align:center; width:93px; height:22px; margin:0px auto; margin-top:8px;} .cpzx_top_mid ul li:hover{ color:#0671ae; border:1px solid transparent;} .cpzx_top_mid ul li:hover .zx_bt_tit{ color:#0671ae; } .cpzx_top_mid ul li:hover .zx_bg_more{background: url(../Image/more1.png) no-repeat center; text-align:center; width:93px; height:22px; margin:0px auto; margin-top:8px;} .cpzx_top_mid ul li:hover .cpzx_top1{ background: url(../Image/bgg2.png) no-repeat bottom; height:180px;} .cpzx_top_mid ul li:hover :before{ transform: scale(1); transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; } .cpzx_top_mid ul li:hover :after{ transform: scale(1); transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; } .cpzx_top_mid ul li:before{ border-bottom: 1px solid rgba(37, 188, 233, 0.8); border-top: 1px solid rgba(37, 188, 233, 0.8); bottom: -1px; content: ""; left: -1px; position: absolute; right: -1px; top: -1px; transform: scale(0, 1); z-index: 9; } .cpzx_top_mid ul li:after{ border-left: 1px solid rgba(37, 188, 233, 0.8); border-right: 1px solid rgba(37, 188, 233, 0.8); bottom: -1px; content: ""; left: -1px; position: absolute; right: -1px; top: -1px; transform: scale(1, 0); z-index: 9; } .top_bot_tit_l{margin-top:20px;} .top_bot_tit_m{ margin-left:41px; color:#fff; margin-top:16px;} .pro_show_tit{ text-align:center; margin-top:75px;} .pro_show_bt{ width:100%; height:394px; background:url(../Image/bg4.jpg) no-repeat bottom; margin-top:58px;} .pro_show_bt_l{ width:64%;} .pro_show__bt_l_tit{ width:90%; margin:0px auto;} .pro_show_r{ width:33%; margin-top:116px;} .pro_show_r_tit{ color:#2a2a2a; font-size:36px; font-weight:bold;} .pro_show_r_line{ width:10%; height:3px; background:#000; margin-top:24px;} .pro_show_china{ margin-top:23px;} .pro_show_eng{ } .pro_show_btn{background:url(../Image/lne.png) no-repeat top left; height:auto; overflow:hidden; line-height:64px; margin-top:30px;} /*滚动产品与案例*/ .owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} /* display none until init*/ .owl-carousel{display: none;position: relative;-ms-touch-action: pan-y;} .owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);} .owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;} .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;} .owl-carousel .owl-item{float: left;} .owl-controls .owl-page, .owl-controls .owl-buttons div{cursor: pointer;} .owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} /* mouse grab icon*/ .grabbing{} /* fix*/ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);} .owl-theme .owl-controls{margin-top:20px;text-align: center;} /* Styling Next and Prev buttons*/ .owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:38px; height:74px;/*IE7 life-saver*/ text-indent:40px; margin-top:-16%; z-index:9; position:relative; overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;} .owl-theme .owl-controls .owl-buttons div.owl-prev{ float:left;} .owl-theme .owl-controls .owl-buttons div.owl-prev:hover{} .owl-theme .owl-controls .owl-buttons div.owl-next{ float:right;} .owl-theme .owl-controls .owl-buttons div.owl-next:hover{ } /* Clickable class fix problem with hover on touch devices*//* Use it for non-touch hover action*/ .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;} /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/ display:none;} .owl-theme .owl-controls .owl-page span{display: block;width: 16px;height: 16px;margin: 5px 7px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;} .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{} /* If PaginationNumbers is true*/ .owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;} /* preloading images*/ .owl-item.loading{min-height: 150px;} #owl-demo{ padding-bottom:3%;} #owl-demo .item{margin: 0.5px;position:relative;height:487px;/* margin-top:50px;*/} #owl-demo .item img{/*display: block;*/height: 100%;width: 100%;transition: all 0.3s;} #owl-demo .item .bg-list-img{ position:absolute; bottom:49px;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; width:100%;} #owl-demo .item .bg-list-tit{ height:56px; overflow:hidden; bottom:0; position:absolute; text-align:center; width:100%;} #owl-demo .item .bg-list-tit h4{ margin:0 auto; display:inline-block; border-bottom:2px solid #e2e2e2; font-weight:normal; font-size:18px; line-height:54px; padding-left:10px; padding-right:10px;} #owl-demo .item .bg-list-more{ width:100%; position:absolute; bottom:0; height:56px; line-height:46px; font-size:14px; color:#fff; text-align:center;filter: Alpha(Opacity=0);/*IE7 fix*/opacity: 0;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;} #owl-demo .item .i_pro_bg{position:absolute; width:100%; bottom:56px; /*height:100%;*/height:89%;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;filter: Alpha(Opacity=0);/*IE7 fix*/opacity: 0; left:0;} #owl-demo .item .bg-list-yew{ position:absolute; width:100%; bottom:0px; height:30%; background-color:#c30d23; text-align:center; color:#fff;} #owl-demo .item .bg-list-yew h5{ border-bottom:2px solid #fff; font-weight:normal; font-size:18px; line-height:54px; padding-left:10px; padding-right:10px; display:inline-block; margin-top:9%;} #owl-demo .item .bg-list-hs{ max-height:316px; height:70%; position:absolute; bottom:30%; background:url(../images/i_por_pic2.png) center top no-repeat; background-size:100% 100%; width:100%;} #owl-demo .item .bg-list-hs p{ width:80%; margin:0 auto; margin-top:10%; color:#fefefe; font-size:14px; height:50%; overflow:hidden; line-height:22px; max-height:198px;} #owl-demo .item:hover .bg-list-img{ /*height:93%;*/height:90%;} #owl-demo .item:hover .i_pro_bg{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;transition: all 0.3s;} #owl-demo .item:hover .bg-list-more{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;transition: all 0.3s;} /*首页产品*/ #owl-demo2{ margin-top:5%; text-align:center; padding-bottom:2%;} #owl-demo2.owl-theme .owl-controls .owl-buttons{ position:absolute; top:40%; width:100%; left:0; height:0;} #owl-demo2.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:59px; height:90px;/*IE7 life-saver*/ text-indent:60px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; margin-top:0;} #owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-prev{ float:left;} #owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{} #owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-next{} #owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-next:hover{ } #owl-demo2.owl-theme .owl-controls .owl-page{ display:inline-block;} #owl-demo2 .item{margin: 0px; padding-bottom:20px;} #owl-demo2 .item img{display: block; margin:0 auto;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; } #owl-demo2 .item dd{ width:100%; margin:0 auto; max-width:424px;margin-bottom:10px;} #owl-demo2 .item dd .imgs{ position:relative; width:100%; overflow:hidden;} #owl-demo2 .item dd .imgs p{ position:absolute; width:100%; height:100%; top:0; text-align:center;opacity:0; filter:alpha(opacity=0);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; } #owl-demo2 .item dd h2{ font-weight:normal; color:#333; font-size:18px; line-height:22px; height:22px; overflow:hidden; margin-top:7px;} #owl-demo2 .item dd:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);} #owl-demo2 .item dd:hover h2{ color:#eb6360;} #owl-demo2 .item dd:hover .imgs p{opacity:1; filter:alpha(opacity=100);} .item_top{ width:90%; margin:0px auto; position:relative;} .bg_white{width:100%; position:absolute; bottom:-28px; z-index:100} .bg_white ul{ background:#fff; margin:0px auto;width:90%;height:auto; overflow:hidden;} .bg_white ul li{ float:left; width:25%; margin-top:17px; margin-bottom:17px;} .bg_white ul li img{ -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;} .bg_white ul li:hover img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);} .item_top_l{ width:50%; z-index:99; position:relative; margin-top:47px;} .item_top_r{ width:60%; margin-left:-10%; z-index:88; position:relative;} .show_pro_mid{ height:auto; overflow:hidden;} .show1_l{ width:70%;} .show1_l_mid{ width:100%; position:relative;} .show1_l_mid ul li{ float:left; position:relative; width:50%;} .show1_l_mid ul li .show_bg{ bottom:0px; background:url(../Image/bg5.jpg) no-repeat bottom;} .show1_l_tit{ height:auto; overflow:hidden;} .show1_l_mid ul li .show_bg .show_bg_tit{ text-align:center; margin-top:37px;} .show1_l_mid ul li .show_bg .show_bt_mid{ text-align:center; color:#fff; font-size:18px; padding-bottom:32px;} .show1_l_mid ul li:nth-of-type(2) .show_bg{ bottom:0px; background:url(../Image/bg6.jpg) no-repeat bottom;} .show_r { width:30%;} .show_r ul li .show_bg{ bottom:0px; background:url(../Image/bg5.jpg) no-repeat bottom;} .show_r ul li .show_bg .show_bg_tit{ text-align:center; margin-top:37px;} .show_r ul li .show_bg .show_bt_mid{ text-align:center; color:#fff; font-size:18px; padding-bottom:32px;} .show_r ul li:nth-of-type(2) .show_bg .show_bg_tit{ text-align:center; margin-top:41px;} .case_show{ width:100%; background:url(../Image/bg7.jpg) no-repeat center; height:757px; margin-top:105px;} .case_show_r{ width:95%;} .case_show_r_tit{ margin-top:107px;} .case_show_by{ width:80%;} .case_show_by ul li{ width:50%; float:left; margin-top:59px;} .case_show_by ul li .nume_tex{ width:70%;} .case_show_by ul li .nume_tex .name1{ color:#07689f; font-size:30px; font-weight:bold;} .case_show_by ul li .nume_tex .name2{ font-size:17px; color:#044971; margin-top:24px;} .case{ width:100%; background:url(../Image/bg8.png) no-repeat left; height:165px;} .case_l{ color:#fff; width:30%; text-align:center;} .case_l_tit{ font-size:30px; margin-top:54px;} .case_l_mid{ margin-top:10px;} .case_r{ width:50%; margin-top:10px;} .case_r ul li{ float:left; margin-top:23px; margin-right:1%; background:url(../Image/bg9.png) repeat-x ; width:32%; height:46px; line-height:46px; text-align:center; color:#fff; list-style:none;} .case_r ul li:nth-of-type(3n+3){ margin-right:0px;} .case_name_l{width:31.11%;} .case_name{ margin-top:43px;} .case_name_r{ width:67%;} .case_name_r ul li{ float:left; width:32%;margin-right:1%; text-align:center; margin-bottom:10px;} .case_name_r ul li:nth-of-type(3n+3){ margin-right:0px;} .case_name_r ul li .case_name_r_tit{ margin-top:10px;} .about_dixin{ width:100%; background:url(../Image/bg10.jpg) no-repeat center ; height:839px; margin-top:103px; } .about_dixin_tit{ text-align:center; padding-top:54px;} .about_dixin_bg{ background:url(../Image/bg11.png) no-repeat center; height:512px; margin-top:44px;} .about_dixin_bg_r{ width:49%; margin-top:42px;} .about_dixin_tex{ width:85%; margin-top:24px; line-height:25px;} .word2{ text-align:center;} .cfcm{ width:100%;background:url(../Image/bg12.jpg) no-repeat center ; height:1043px;} .cfcm_tit{ text-align:center; padding-top:74px;} .cfcm_mid{ margin-top:50px;} .cfcm_mid ul li{ float:left; width:32%;margin-right:1%; } .cfcm_mid ul li:nth-of-type(3n+3){ margin-right:0px;} .honor_l_tit{ margin-top:79px;} .honor_l_bt{ margin-top:100px;} .honor_r{ margin-top:160px;} .honor_r ul li{ float:left; } .xwdt{ width:100%; background:#e6eaf3; height:auto; overflow:hidden; padding-bottom:40px;} .xwdt_l{ margin-top:66px;} .xwdt_r ul li{ float:left; color:#181818; font-size:18px;} .xwdt_r{ margin-top:100px;} .xw_l{ width:45%; margin-top:38px;} .xw_l_tit{background:url(../Image/bg13.jpg) no-repeat center ; height:196px;} .xw_l_tit_top{ width:90%; height:auto; margin:0px auto; padding-top:46px;} .xw_l_bt{ color:#ffd200; font-size:18px;} .xw_l_time{ color:#7da6e4;} .xw_l_db{ color:#fff; font-size:15px; margin-top:31px;} .xw_wz ul li{ height:70px; line-height:70px; border-bottom:1px solid #cfcfcd;} .xw_wz ul li em{ width:5%; height:16px; float:left; display:block;} .xw_wz ul li font{ float:right;} .xw_wz ul li span{} .xw_l_db1{ color:#3b3b3b; font-size:15px; margin-top:31px;} .xw_l_tit1{background:url(../Image/bg14.jpg) no-repeat center ; height:196px;} .xw_l_bt1{ color:#3b3b3b; font-size:18px;} .xw_l_time1{ color:#3b3b3b;} .links{ width:100%;background:url(../Image/link.jpg) no-repeat center; height:102px;} .address{float:right;text-align:right;font-size:12px;color:#666;font-weight:normal;padding-top:25px;line-height:30px} .searchGroup{width:100%;height:200px;background:#3477c8;margin-top:30px;} /*产品搜索*/ .searchGroup .title{font-size:16px;color:#fff;margin-bottom:10px;text-align:center;margin-top:10px} .searchBox{overflow:hidden;float:left;position:relative;width:100%;padding:10px;position:relative;} .searchBox input{float:left;line-height:32px;color:#333;transition:background 0.5s;text-indent:10px;width:100%;display:block;height:32px;margin:5px 0px 0px 0px;padding:0px;border:0px;background:#fff} .searchBox a{display:block; background-color:#8bcf61;color:#fff;width:50px;text-align:center;line-height:30px;height:32px;position:absolute;right:10px;top:57px} .searchBox a:hover{ background-color:#ff8c5f; color:#fff;} .searchBox input:focus{ background-color:#fff;outline:none} .serviceBtn{width:100%;overflow:hidden;} .serviceBtn a{width:33%;border-top:1px solid #5092e1;border-right:1px solid #5092e1;overflow:hidden;height:85px;text-align:center;color:#fff;display:block;padding-top:20px;margin-top:15px;float:left;font-size:12px;line-height:25px} .serviceBtn a:last-child{border-right:0;width:34%} .serviceBtn a:hover{font-weight:bold;cursor:pointer;background:none} #smallSearch{display:none} /*语言*/ .languageBox{float:right;text-align:left;width:auto;overflow:hidden;} .zh{background:url(zh.png) 15px center no-repeat;border-left:1px solid #ddd;border-right:1px solid #ddd} .en{background:url(en.png) 15px center no-repeat;border-right:1px solid #ddd} /*标题栏*/ .titleBar{height:102px;overflow:hidden;} .titleBar h1{float: left;display:inline-block;width:auto;padding:0px;padding-right:20px;color:#fff;margin:0px 0px 0px 0px;font-size:14px;line-height:35px;overflow:hidden; margin-top:40px;} .titleBar span{float: left;display:inline-block;width:10px;height:35px;margin:0} .titleBar a{font-size:18px;color:#fff;border-radius:2px; background:#ddd;padding-left:10px;padding-right:10px;min-width:100px; line-height:100px;margin-left:15px;display:inline-block;text-align:center} .titleBar a:hover{background:#3477c8;color:#fff} .titleBar .rightMore{float:right;border-radius:0px;display:block;line-height:35px;min-width:initial;padding-left:10px;padding-right:10px;background:#ddd;color:#fff;font-size:12px;transition:background 0.5s} .titleBar .rightMore:hover{background:#3477c8;color:#fff;} /*公司简介*/ .aboutBox{padding:15px;height:200px; overflow:hidden; margin:30px 0px 0px 0px;background:url(aboutbg.jpg) no-repeat;background-size:cover;position:relative} .aboutBox .aboutTitle{width:100%;overflow:hidden;margin-bottom:5px;} .aboutBox .aboutTitle h1{font-size:16px;line-height:none;margin:0;color:#fff;display:inline;} .aboutBox .aboutTitle span{font-size:14px;line-height:none;color:#fff;display:inline} .aboutBox section{clear: both; padding: 0px 0px 0px 0px;font-size:12px;color:#fff;line-height:25px} .aboutBox section *{margin:0;padding:0;border:0} .aboutBox .aboutMore{position:absolute;right:15px;color:#fff;background:#000;font-size:12px;width:60px;text-align:center;} .aboutBox .aboutMore:hover{background:#fff;color:#8bcf61} /*首页产品*/ .productBox{ margin:0px 0px 0px 0px;} .productBox .list{clear: both; padding: 0px 0px 0px 0px;margin-right: -15px;margin-left: -15px;overflow:hidden;} .productImg{ min-height: 190px;margin:0px;margin-bottom:20px;} .productImg a{position: relative;display: block;width:auto;margin:0px auto 0px auto;} .productImg img{margin-right: auto;margin-left: auto;display: block;height:auto; width: 100%;height: auto; margin-bottom: 0px; padding:0px;} .productImg img:hover{} .productTitle{width:100%;display:block;text-align: center;line-height:40px;height:40px;overflow:hidden;color:#333;} .productTitle:hover { text-decoration: underline;} .viewBig{ cursor:pointer} /*底部产品*/ .bottomProductBox{ margin:0px 0px 20px 0px;overflow:hidden;width:100%;} .bottomProductBox .list{padding: 0px 0px 0px 0px;overflow:hidden;} .bottomProductImg{overflow:hidden;padding:10px;border: 1px dashed #ccc;} .bottomProductImg:hover{border: 1px dashed #000;} .bottomProductImg span{display:block;height:65px;overflow:hidden;} .bottomProductImg a{float:left;background-color:#333;color:#fff;margin-top:5px;font-size:12px;display: block;width:60px;line-height:22px;border-radius:4px;text-align:center} .bottomProductImg img{margin-right: 5px;float:left;display: block;height:auto; width: 50%;height: auto; margin-bottom: 0px; padding:0px;} .bottomProductImg a:hover{background:#8bcf61;text-decoration: none;} /*产品列表*/ .productList{ margin:0px 0px 0px 0px;margin-right: -15px;margin-left: -15px;overflow:hidden;} #searchProduct{overflow:hidden;width:100%;} /*介绍列表*/ .nameList { margin-bottom: 15px;padding:0px;margin-top:0px} .nameList ul{margin:0px;padding:0px;} .nameList li:first-child{margin-top:-20px;} .nameList li { padding: 0px;border-bottom:1px solid #eee;padding-left:5px;overflow:hidden} .nameList li span{width:20px;height:20px;line-height:20px;text-align:center;color:#fff;background:#666;display:block;font-size:12px;float:left;overflow:hidden;margin-top:10px} .nameList li a{line-height:40px;display:block;text-indent:5px;float:left;overflow:hidden;width:87%;height:40px} .nameList li:hover span{background:#3477c8} .nameList li .time{width:auto;height:auto;line-height:40px;color:#666;text-align:center;background:none;display:block;font-size:12px;float:left;overflow:hidden;margin-top:0px} .nameList li:hover .time{background:none} /*相关新闻*/ .newsBox .newsList{clear: both; list-style:none;margin:0px; padding:0px 0px 0px 0px;margin-top:-10px;margin-bottom:20px} .newsBox .newsList li{width:100%;border-bottom: 1px dashed #ccc;overflow:hidden;background: url(li.png) no-repeat left center;line-height:40px;height:40px; padding: 0px; text-indent:13px;} .newsBox .newsList li:hover{background-color:#fff} .newsBox .newsList li a{} .newsBox .newsList li a:hover{text-decoration:none;background:none } /*首页新闻*/ .newsBox{margin:30px 0px 0px 0px;} .newsBox .indexNewsList{margin-left:-10px} .newsBox .indexNewsList li{overflow:hidden;padding: 0px;height:130px;float:left;margin:0} .newsBox .indexNewsList li span{display:block;} .newsBox .indexNewsList li .title{font-weight:normal;font-size:12px} .newsBox .indexNewsList li .time{font-size:12px;line-height:25px} .newsBox .indexNewsList li p{display:block;height:65px;overflow:hidden;font-size:12px;line-height:16px;color:#999;padding-right:5px} .newsBox .indexNewsList li .txt{margin-left:130px;background:#fdfdfd;padding-left:10px;height:120px;overflow:hidden;padding-top:5px;} .newsBox .indexNewsList li .img{width:120px;height:120px;position:absolute;left:0;background-size:cover;margin-left:10px;margin-right:10px;} .newsBox .indexNewsList li:hover{} .newsBox .indexNewsList li a{} .newsBox .indexNewsList li a:hover .txt{background:#eee; } /*首页联系*/ .contactBox{ margin:30px 0px 0px 0px;background: url(telbg.jpg);background-size:cover;overflow:hidden;height:305px;} .contactBox .content{display:block;padding:10px;background:rgba(242,40,40,0.6);color:#fff; min-height:150px;font-size:14px;overflow:hidden;margin-top:80px} .contactBox .content *{color:#fff} .leftContactBox{ margin:20px 0px 20px 0px;background: url(telbg.jpg);background-size:cover;overflow:hidden;height:auto;} .leftContactBox .content{display:block;padding:10px;background:rgba(255,255,255,0.8);color:#333;font-size:12px;overflow:hidden;margin-top:0px} .leftContactBox .content *{color:#333} #rightBox{float:right} .linkList{width:auto;float:left;overflow:hidden;} .linkList li{float:left;width:auto;margin-left:20px;} .titleBar .linkList a{display:inline;background:none;padding:0;} .titleBar .linkList a:hover{color:#3477c8} /*导航菜单*/ .navbar li span{display:none} .navbar{ margin:0px;margin-top:0px; min-height: 72px; height:72px;border:0px;background:url(../Image/nav.png);border-radius:0px;} /*翻页组件*/ .pageBar{width: 100%;overflow: hidden;float: left;padding-top: 0px;margin-bottom: 20px;display: inline;} .pageBar .pageList{width: 100%;overflow: hidden;float: left;line-height: 35px;text-align: center;} .pageBar .pageList a{font-size: 14px;display: inline-block;text-align: center;width:35px;text-align:center;color: #000;margin-top: 10px;margin-right: 5px;margin-left: 5px;background: #eee;} .pageBar .pageList a:hover{color: #fff;background: #000;} .pageBar .pageList .selected{font-size: 14px;display: inline-block;text-align: center;color: #fff;background: #000;cursor: default;} .pageBar .pageList .selected:hover{color: #fff;background: #000;} /*底部信息*/ footer{ text-align:center; background:url(../Image/foot.png) repeat; color:#eee; padding:20px 0px 40px 0px; margin-top:0px; font-size:12px; height:auto; overflow:hidden;} footer a{ color:#eee;} footer a:hover{color:#fff} .copyright{ line-height:20px;} .copyright a{ color:#C0C0C3;} .foot_nav{ width:25%;float:left;background-color: #fafafa;text-align:center;} .foot_nav:hover,.foot_nav:focus{background-color: #e4e4e4;} .foot_nav a{color:#898989;display:block;} .foot_nav a:hover,.foot_nav a:focus{text-decoration:none;} .foot_nav span{display:block; padding:3px 0px 0px 0px;} .webshare{width: 230px; padding: 5px;} .ewebshare{width: 200px; padding: 5px;} .foot_l{ width:50%; margin-top:70px;} .foot_l ul li{ float:left ; background:url(../Image/line2.png) no-repeat right top; width:25%; text-align:left; padding-left:5%; } .foot_l ul li .foot_l_tit{ color:#c4c4c4; font-size:18px;} .foot_l ul li .foot_l_mid{ color:#9b9b9b; font-size:14px; margin-top:37px;} .foot_l ul li:nth-of-type(1){ padding-left:0px;} .foot_r{ width:45%; text-align:left; margin-top:60px;} .foot_r_tit{ color:#c4c4c4; font-size:18px;} .foot_r_line{ color:#fff; font-size:24px; margin-top:24px;} .foot_r_address{ color:#a0a0a0; font-size:16px; margin-top:34px;} .foot_r_ba{ color:#686868; font-size:14px; border-top:1px solid #686868; margin-top:30px; line-height:60px;} .foot_r_num{ color:#686868; font-size:14px;} @media (max-width: 998px) { .top_bg { background:#0389d5; } .top_bot_tit_l{ width:100%; text-align:center;} .top_bot_tit_m{ width:100%; margin-left:0px; margin-top:15px; text-align:center;} .ser{ width:100%;margin-top:15px; text-align:center;} .navbar-brand{ display:none;} .cpzx_top_mid ul li{ width:48%;margin-right: 1%; margin-top:10px;} .cpzx_top_mid ul li:nth-of-type(2n+2) { margin-right: 0px; } .pro_show_bt{ background:#eeeeee; height:auto; overflow:hidden;} .pro_show_bt_l{ width:100%; margin-top:20px;} .pro_show_r{ width:95%; margin:0px auto; float:none; margin-top:30px;} .pro_show_r_tit{ font-size:22px;} .item_top_l{ width:100%;} .item_top_r{ width:100%; margin-left:0px;} .bg_white{ bottom:0px;} .show1_l{ width:100%;} .show1_l_mid ul li{ width:100%; margin-top:15px;} .show_r{ width:100%;} .show_r ul li{ margin-top:15px;} .case_show{ margin-top:40px; background:#93cbec; height:auto;} .case_show_r_tit{ margin-top:40px;} .case_show_by{ width:100%;} .case_show_by ul li{ width:100%; margin-top:15px; margin-bottom:10px;} .case{ width:100%; height:auto; overflow:hidden; background:#0670ab;} .case_l{ width:100%; text-align:center;} .case_r{ width:100%;} .about_dixin{ margin-top:60px; height:auto; background:#eeeeee;} .about_dixin_bg{ height:auto; background:none;} .about_dixin_bg_r{ width:100%; margin-top:0px;} .about_dixin_tex{ width:100%;} .word2{ display:none;} .honor_r{ width:100%; margin-top:50px;} .honor_r ul li{ width:100%; text-align:center;} .xwdt_r{ width:100%; margin-top:50px;} .xw_l{ width:100%;} .xwdt_l{ text-align:center; width:100%;} .bg_white{ position:relative;} .bg_white ul{ width:100%;} .bg_white ul li{ width:48%; margin-right:3.5%;} .bg_white ul li:nth-of-type(2n+2) { margin-right: 0px; } .item_top{ width:100%;} .foot_l{ display:none;} .foot_r{ width:100%; margin-top:30px;} .foot_r_l{ width:100%;} .ewm { display:none;} } @media (max-width: 480px) { .cpzx_top_mid ul li{ width:100%;margin-right: 0px; margin-top:15px;} .case_name_l{ width:100%; text-align:center;} .case_name_r{ width:100%; margin-top:30px;} .case_name_r ul li{ width:48%; margin-right:4%;} .case_name_r ul li:nth-of-type(3n+3) { margin-right:4%; } .case_name_r ul li:nth-of-type(2n+2) { margin-right: 0px; } .head_tit_m ul .ioc{ display:none;} .head_tit_m ul .ico_tex{ display:none;} .cfcm_mid ul li{ width:100%; margin-top:15px;} } /*横幅*/ .banner1{ width:100%; background:url(../Image/banner1.jpg) no-repeat center; height:270px;} .banner2{ width:100%; background:url(../Image/banner2.jpg) no-repeat center; height:270px;} .banner{width:100%;height:auto;margin-bottom:0px;padding:0px;} .topPadding{height:0px;width:100%;background:#fff;position:relative;} .focusBox{width:100%;height:auto;margin-top:30px} .about_inner_nav{ line-height:58px; border-bottom:1px dashed #ccc; overflow:hidden;} .inner1_tex{ margin-left:10px;} .inner_nav{ margin-top:28px; text-align:center;} .inner_nav ul li{ display:inline-block; margin:0px auto; margin-right:1.22222222%; background:#e4e4e4; height:56px; line-height:56px; text-align:center; color:#454545; font-size:18px; width:19%; margin-top:15px;} .inner_nav ul li a{ display:block; background:#e4e4e4; height:56px; line-height:56px; } .inner_nav ul li:nth-of-type(5n+5){ margin-right:0px;} .inner_nav ul li:hover a,.inner_nav ul li .current{ background:#028fdf; color:#fff;} .gywm{ text-align:center; color:#222222; font-size:34px; font-weight:bold; margin-top:59px;} .gywm_line{ width:5%; height:3px; background:#0576b6; margin:0px auto; margin-top:19px;} .gywm_eng{ text-align:center; margin-top:20px;} .inner_about_mid_l{ margin-top:64px; width:68%;} .inner_about_mid_r{ width:32%; height:370px; background:url(../Image/bg15.jpg) no-repeat center; margin-top:64px;} .inner_bt_top ul{ width:95%; margin:0px auto;} .inner_about_mid_tit{ color:#0671ad; font-size:22px; font-weight:bold; text-align:center; margin-top:60px;} .inner_bt_top ul li{ width:48%; float:left; text-align:center; margin-top:20px;} .inner_bt_top ul li .inner_num span{ color:#0671ad; font-size:45px; font-weight:bold;} .inner_bt_top ul li .inner_num{color:#0671ad; font-size:15px;font-weight:bold} .inner_bt_top ul li .inner_num_tit{ color:#3f3f3f; font-size:15px; text-align:center;} .about_inner{ margin-top:47px;} .product_center ul li{ float:left; width:48%; color:#fff;margin-top:57px;} .product_center ul li .product_center_l{ width:35%; background:#75c2ee;height:380px;} .product_center ul li .product_center_l .p_mid{ width:90%; margin:0px auto;} .product_center ul li .product_center_l .p_mid .p_mid_tit{ text-align:center; font-size:19px; font-weight:bold; margin-top:54px;} .product_center ul li .product_center_l .p_mid .p_mid_tex{ margin-top:29px;} .product_center ul li .product_center_l .p_mid .p_mid_more{ width:50%; height:24px; border:2px solid #fff; text-align:center; color:#fff; margin:0px auto; margin-bottom:69px; margin-top:20px;} .product_center ul li .product_center_r{ overflow:hidden; width:65%;background:url(../Image/bg16.png) no-repeat center; height:380px;} .product_center ul li .product_center_r .pro_pic{ text-align:center;} .product_center ul li:nth-of-type(2n+2){ float:right; } .cpinner{ margin-top:60px;} .lxwm{ margin-top:97px;} .lx1{ font-size:30px; font-weight:bold; color:#373737;} .lx2{ color:#707070; font-size:18px; margin-top:10px;} .lx3{ color:#0670ab; font-size:30px; margin-top:10px;} .lxwm_m{ background:url(../Image/line3.png) no-repeat right;} .lxwm_m{ width:25%;} .lxwm_l{ width:15%;} .yhmess{ width:55%; margin-top:10px;} .zook_tit_l{ font-size:23px; color:#5e5e5e; width:24%;} .zook_tit_r{ width:75%;} .zook_bt{ color:#5e5e5e; margin-top:20px;} .lxfs{ height:198px; border:1px solid #d2d2d2; margin-top:68px;} .lxfs_mid{ margin-top:40px;} .lxfs_mid_tit span{ color:#5e5e5e; font-size:18px;} .lxfs_mid_tit{ color:#5e5e5e; font-size:16px;} .fz{ width:15%; text-align:center; margin-top:52px;} .lxfs_bt{ color:#2c2c2c; font-size:18px; margin-top:23px;} .lxfs_r{margin-top:65px; margin-left:50px;} /************资讯中心************/ .bannerNews {background-image: url(../temp/banner_news.jpg);} .newsW {margin-top: 50px;} .newsList {} .newsList li {padding: 20px 0; border-bottom: 1px solid #d2d2d2; overflow:hidden;} .newsList li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);} .newsList li .pic {float: left; width: 250px;} .newsInner {float: right; width: 960px; } .newsInner h2 {font-size: 18px; line-height: 26px; font-weight: 600;} .newsInner h2 a:hover {color: #006B3E;} .newsInner h3 {font-size: 12px; color: #999; line-height: 20px;} .newsInner p {margin-top: 8px; line-height: 26px; color: #666;} .newsInner a.more {display: block; width: 116px; height: 32px; margin-top: 18px; line-height: 32px; text-align: center; color: #ff5202; border: 1px solid #ff5202;} .newsInner a.more:hover {color: #fff; background: #ff5202;} .newsW .page {margin-top: 30px; margin-bottom: 60px;} .clearfloat { *zoom: 1; } /************资讯中心-详情页************/ .newsDetailW {margin-top: 70px; padding: 0 25px;} .newsDetailH {text-align: center;} .newsDetailH h2 {font-size: 30px; font-weight: 600; margin-bottom: 15px;} .newsDetailH p {color: #666;} .newsDetailCont { margin-top: 28px;} .newsDetailCont p {font-size: 16px; color: #666; line-height: 38px;} .newsDetailCont p span {font-weight: 600; color: #333;} .jump {padding: 12px 0; border-top: 1px solid #d2d2d2;border-bottom: 1px solid #d2d2d2;} .jump p {line-height: 36px;} .jump p a {color: #666;} .jump p a:hover {color: #006B3E;} .jump p a span {font-size: 18px; font-weight: 600;} .newsLink {height: 34px; line-height: 34px; margin-top: 20px; margin-bottom: 60px;} .newsLink span {margin-right: 8px; color: #666;} .newsLink a {display: inline-block; width: 34px; height: 34px; margin-right: 20px; vertical-align: top; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: 100%;} .newsLink a.linkWeibo {background-image: url(../Image/news_link_weibo.png);} .newsLink a.linkWeixin {background-image: url(../Image/news_link_weixin.png); background-position: center 4px;} .newsLink a.linkPeng {background-image: url(../Image/news_link_peng.png); background-position: center 2px;} /*************产品展示***********/ .bannerShow {background-image: url(../temp/banner_show.jpg);} .showW {margin-bottom: 60px;} .showList {/*width: 950px;*/ margin-top: 50px;} .showList li {float: left; width: 32%; margin-right: 2%; margin-bottom: 30px; text-align: center;} .pic { width: 100%; overflow: hidden; } .pic img{ width: 100%; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .showList li:nth-child(3n){margin-right: 0;} .showList li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);} .showList li:hover p {color: #fff; background: #ff5202; } .showList li a {display: block;} .showList li p {background: #d9d9d9; line-height: 40px; font-size: 16px; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;} /*内页横幅图片*/ .bannerImg{width:100%;overflow:hidden;background-repeat: no-repeat;background-position: center center;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;} .bannerImg img{max-width: 100%;height:auto;} /*产品搜索标题*/ .searchTitle{width:100%;padding-bottom:10px;font-weight:bold;} /*当前位置*/ .positionBox{width:100%;margin:0px;padding:0px} .positionBox .titleBar span{width:20px} .positionBox .titleBar a{display:inline;background:none;margin:0;padding:0} .positionBox .titleBar a:hover{display:inline;background:none;color:#3477c8} /*首页导航菜单*/ .indexNavigationGroup{display:none;} /*导航菜单*/ .navigationBox{overflow:hidden;width:100%;line-height:40px;margin-bottom:0px;} #firstpane .selected{color:#3477c8;font-weight:bold} #firstpane li span{cursor:pointer;line-height:35px;height:35px;background:#eee;display:block;position:absolute;right:0px;top:2px;color:#3477c8;width:40px;text-align:center;font-size:20px;font-weight:bold} #firstpane li span:hover{background:#3477c8;color:#fff} #firstpane{margin:0px;padding:0px;width:100%;overflow:hidden;margin-top:-10px;} #firstpane > li{float:left;width:100%;position:relative;} #firstpane > li:hover{} #firstpane > li > a{display:block;text-indent:15px;width:100%;border-bottom: 1px solid #eee;overflow:hidden;background: url(li.png) no-repeat left 16px;} #firstpane > li > a:hover{} /*小类*/ #firstpane > li > ul{float:left;padding:0px;margin:0px;display:none;width:100%;} #firstpane > li > ul > li{float:left;width:100%;position:relative;} #firstpane > li > ul > li:hover{} #firstpane > li > ul > li > a{display:block;text-indent:30px;border-bottom: 1px solid #eee;background: url(li.png) no-repeat 18px 16px;} #firstpane > li > ul > li > a:hover{} /*小类*/ #firstpane > li > ul > li > ul{width:100%} #firstpane > li > ul > li > ul > li{float:left;width:100%;position:relative;} #firstpane > li > ul > li > ul > li:hover{} #firstpane > li > ul > li > ul > li > a{display:block;text-indent:50px;border-bottom: 1px solid #eee;background: url(li.png) no-repeat 38px 16px;} #firstpane > li > ul > li > ul > li > a:hover{} .pad{padding:0px;} /*屏幕宽度为414px至767px*/ @media screen and (min-width:414px) and (max-width:767px) { .col-mm-1, .col-mm-2, .col-mm-3, .col-mm-4, .col-mm-5, .col-mm-6, .col-mm-7, .col-mm-8, .col-mm-9, .col-mm-10, .col-mm-11, .col-mm-12 {float: left;} .col-mm-12 {width: 100%;} .col-mm-11 {width: 91.66666667%;} .col-mm-10 {width: 83.33333333%;} .col-mm-9 {width: 75%;} .col-mm-8 {width: 66.66666667%;} .col-mm-7 {width: 58.33333333%;} .col-mm-6 {width: 50%;} .col-mm-5 {width: 41.66666667%;} .col-mm-4 {width: 33.33333333%;} .col-mm-3 {width: 25%;} .col-mm-2 {width: 16.66666667%;} .col-mm-1 {width: 8.33333333%;} .logo img{max-width:400px;} } @media (max-width: 1200px){ .newsInner { width: calc(100% - 228px); } .newsList li .pic { width: 210px; } } @media (max-width: 1024px){ .newsInner { width: calc(100% - 215px); } .newsList li .pic { width: 200px; } } @media (max-width: 992px){ .newsInner { /* width: 528px; */ } } @media (max-width: 768px) { .newsInner { width: calc(100% - 140px); }} /*屏幕宽度为480px以下，手机版*/ @media screen and (max-width: 480px) { .positionBox .titleBar h1{display:none;} .positionBox .titleBar span{display:block;} } /*屏幕宽度为768px以下，手机版*/ @media screen and (max-width: 767px) { #rightBox{float:left;} .navbar{min-height:50px;} .navbar-default .navbar-collapse, .navbar-default .navbar-form{} .navbar-toggle{border:0px} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {} .navbar-default .navbar-toggle .icon-bar{} .navbar-default .navbar-nav{margin-top: 0px;margin-bottom: 0px;} .navbar-default .navbar-nav > li {} .navbar-default .navbar-nav > li:last-child{border: none;} .navbar-default .navbar-nav > li > a{color:#fff; } .navbar-default .navbar-nav .open .dropdown-menu > li > a{color: #fff;} .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{background:url(../Image/alpha.png); color: #fff;} #navbar{border:0px;background:url(../Image/alpha.png);} .navbar .dropdown-menu li a{line-height:30px;display:block;} .navbar .dropdown-menu li a:hover{background:url(../Image/alpha.png);} .navbar .dropdown-menu li ul li a{color:#fff;padding-left:40px} .navbar .dropdown-menu li ul li ul li a{color:#fff;padding-left:60px} .navbar .dropdown-menu a span{display:inline;} .about_box section img{margin:10px 15px 0px 0px;max-width: 180px;height:auto;} .logo{text-align:center} .logo img{max-width:700px} footer{ } #app_menudown{ display:block; } #cmsFloatPanel{display:none;} .slider__arrows-item {display:none;} .mobile{margin:0px;padding:0px;} .indexNavigationGroup{display:block;} .positionBar .title{display:none;} .positionBar{background:#eee;} .positionBar span{margin:0px;float:left;padding-left:10px;} .positionBar span a{font-size:12px;color:#333;line-height:40px;text-decoration: none;} .positionBar span a:hover{color:#000} .positionBar .moreMenu{width:100%;} .navigationBox{right:0px;width:100%;} .welcomeBox{display:none;} .newsList li .time{display:none} .newsList li .tit{margin-right:0;} .detailTitle{margin-left:0} .tel{padding-top:0px;margin-bottom:20px;text-align:center;} .address{padding-top:0px;margin-bottom:20px;text-align:center;float:left} .linkBox .titleBar{position:relative;overflow:visible;} .linkBox .titleBar h1, .linkBox .titleBar span{display:none;} .linkBox .linkList{position:absolute;left:0;top:0px;text-align:center;width:100%} .linkBox .linkList li{display:inline;margin:0;padding:0} .tel{display:none;} .address{display:none;} } .about{ padding-bottom:40px;} /*屏幕宽度为768px以上*/ @media screen and (min-width: 768px) { #navbar{float:left;padding:0px;margin:0px;} .navbar-nav > li{ background:url(../Image/xian.png) no-repeat right; margin-top:5px; } .navbar-nav > li:first-child a { border-left:0; color:#fff; } .navbar-nav > li:first-child{ background:none; } .navbar-nav > li > a {transition:background 0.4s; text-align: left; font-size:18px; } .navbar-default .navbar-nav > li > a{line-height: 72px;padding:0px;min-width:90px; } .navbar-default .navbar-nav > li > .selected {background:#3477c8; color: #fff;} .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #fff;} .navbar-default .navbar-nav-e > li > a{font-weight: normal; } .navbar .dropdown-menu{background:#3477c8;border:none;color:#fff;padding:0px;border-radius:0px;min-width:200px;} .navbar .dropdown-menu li a{color:#fff;line-height:45px;padding:0px;text-align:center;} .navbar .dropdown-menu li a:hover{background:#abcf63;} .navbar .dropdown-menu li ul{display:none;position:absolute;z-index:9999;margin-top:-35px;margin-left:145px;width:145px;background:#3477c8;} .navbar .dropdown-menu li ul a{display:block;} .navbar .dropdown-menu li ul li ul{display:none;position:absolute;z-index:9999;margin-left:145px;} .navbar .dropdown-menu a span{display:none;} #app_menudown{ display:none; } .footer_nav{display:none; } } /*屏幕宽度为992px以上*/ @media screen and (min-width:992px) { .navbar-default .navbar-nav > li > a{min-width:120px;} } @media screen and (max-width:640px) { .inner_nav ul li{ width:49%; margin-right:1%; margin-top:10px;} .inner_nav ul li:nth-of-type(5) { margin-right: 1%; } .inner_nav ul li:nth-of-type(2n+2) { margin-right: 0px; } .product_center ul li{ width:100%;} .product_center ul li .product_center_l{ width:100%; height:auto} .product_center ul li .product_center_r{ width:100%; height:auto; background:#e4f1f9;} } /*屏幕宽度为1200px以上*/ @media screen and (min-width:1200px) { .navbar-default .navbar-nav > li > a{min-width:153px; /*padding兼容低版IE*/ padding-left:20px;} } @media screen and (max-width:998px) { .inner_about_mid_l { width:100%;} .inner_about_mid_r{ width:100%; margin-top:20px; background:#a9e3f2; height:auto;} .lxwm_l{ width:100%;} .lxwm_m{ width:100%; margin-top:20px;} .yhmess{ width:100%;} .lxfs{ height:auto; overflow:hidden;} .fz{ margin-left:20px;} .lxfs_r{ margin-left:0px; width:100%; margin-top:0px;} .lx1{ font-size:22px;} .cfcm_tit{ width:80%; text-align:center; margin:0px auto;} .top_bg{ padding-bottom:20px;} } .page{ text-align:center; padding-top:30px;} @media (max-width: 768px){ .showList li {width: 49%; margin-bottom: 15px;} .showList li:nth-child(3n) {margin-right: 2%;} .showList li:nth-child(2n) {margin-right: 0; } .showList li p {line-height: 30px;} } /*留言*/ .me_l{ width:49%;} .me_r{width:49%;} .mess1{ font-family: "Roboto", sans-serif; outline: 0; background: #f2f2f2; width: 100%; border: 0; margin: 0 0 15px; padding: 15px; box-sizing: border-box; font-size: 14px;} .mess2{ font-family: "Roboto", sans-serif; outline: 0; background: #f2f2f2; width: 100%; border: 0; margin: 0 0 15px; padding: 15px; box-sizing: border-box; font-size: 14px;} .mess3{font-family: "Roboto", sans-serif; outline: 0; background: #f2f2f2; width: 180px; border: 0; margin: 0 0 15px; padding: 15px; box-sizing: border-box; font-size: 14px;} .me_rr{ text-align:center; width:100%; margin:0px auto;} @media (max-width: 768px){ .newsList li .pic { width: 130px; } .newsInner h2 { font-size: 15px; line-height: 18px; } .newsInner p { font-size: 12px; line-height: 18px; } .newsInner a.more { width: 78px; height: 28px; line-height: 28px; font-size: 12px; } .fz{ display:none;} } .guide-slider { width: 1300px; margin: 1% auto; background: #fff; height: 260px; } .guide-slider .guide { width: 325px; height: 260px; float: left; -webkit-transition: all ease-in .3s; transition: all ease-in .3s; position: relative; overflow: hidden; } .guide-slider .guide .display { border-right: 1px solid #d5d5d5; width: 325px; height: 260px; text-align: center; float: left; position: relative; z-index: 2; background: #ffffff; -webkit-transition: all ease-in .3s; transition: all ease-in .3s; } .guide-slider .guide .display .icon { display: inline-block; width: 90px; height: 90px; margin-top: 42px; border-radius: 45px; background: #fff; font-size:30px; line-height: 90px; font-weight: bold; color:#818181; font-family: Times New Roman !important; } .guide-slider .guide.on .display .icon { color: #4e9fd7; background: #fff; } .guide-slider .guide .display .icon.icon2 { background-position: 0 0; } .guide-slider .guide .display .icon.icon3 { background-position: -296px 0; } .guide-slider .guide .display .icon.icon4 { background-position: -444px 0; } .guide-slider .guide .display .icon.icon5 { background-position: -518px 0; } .guide-slider .guide .display .title { font-size: 16px; color: #666666; height: 40px; line-height: 40px; } .guide-slider .guide .display .introduction { border-top: 1px solid #ddd; width: 150px; margin: 0 auto; font-size: 12px; color: #999999; text-align: left; line-height: 20px; } .guide-slider .guide .display .introduction p{line-height: 2.5rem; font-size: 0.876rem;} .guide-slider .guide .display::after { content: ""; display: block; position: absolute; border-style: solid; border-color: transparent #ffffff transparent transparent; border-width: 10px 15px; top: 100%; margin-top: 0; right: -1px; -webkit-transition: all ease-in .3s; transition: all ease-in .3s; } .guide-slider .guide .behind { width: 324px; height: 260px; display: inline-block; border-right: 1px solid #ddd; background: #fff; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 1; } .guide-slider .guide.on { width: 650px; } .guide-slider .guide.on .display { background: #4fa0d8; border-right-color: transparent; } .guide-slider .guide.on .display .title { color: #fff; } .guide-slider .guide.on .display .introduction { color: #fff; } .guide-slider .guide.on .display::after { top: 50%; margin-top: -5px; } .guide-slider .guide.on .display .icon.icon2 { background-position: -148px 0; } .guide-slider .guide.on .display .icon.icon3 { background-position: -222px 0; } .guide-slider .guide.on .display .icon.icon4 { background-position: -370px 0; } .guide-slider .guide.on .display .icon.icon5 { background-position: -666px 0; } @media (max-width: 414px){ .guide-slider{ height:auto; width: 100% !important;} .guide-slider .guide{ width:100% !important; height: auto; float: none;} .guide-slider .guide .display{ width:100% !important; height: auto; border-bottom: 1px solid #d5d5d5;border-right: none;} .guide-slider .guide .display .introduction{ width:80% !important; margin-bottom: 42px;} .guide-slider .guide .behind{ display:none;} .shouye .col-sm-push-6{left:auto;} .main_team ul li .single_team_img img{ height:auto;} .main_team ul li{ width:30% !important; float: left !important; display: block !important; position: relative !important; left: auto !important; top: auto !important; height: auto !important;} li .single_team_text{ height: auto;} .guide-slider .guide.on .display::after{ display:none;} .al{ width:80%; margin: 0 10%;} .al ul li .left{ width:100%; float: none; text-align: center;} .al ul li .right{ width:100%; float: none;} .slide1 .s0, .slide1 .s1, .slide1 .s2{ width:90%;} .inner{ width:80%; top: -175px;} /*.swiper-container{ height:450px !important;} .swiper-slide{ height:450px !important; background-position: left !important;}*/ .slide1 .s1 p{font-size: 3rem;} .pagination,.scrooldown{ display:none;} .slide1 .s0 p{ line-height: normal;} } .nyproguide .guide-slider .guide, .nyproguide .guide-slider .guide .display, .nyproguide .guide-slider .guide .behind { width:216px;} .nyproguide .guide-slider .guide.on { width: 433px;} .news {margin-top:20px} .news li{ position:relative;border-bottom:1px solid #dfdcdc;margin:0 0 0 0;padding:20px 0;min-height:130px} .news li .pic { position:absolute; z-index:1;left:0;width:130px; height:130px; overflow:hidden} .news li .cons {padding:0 160px} .news li .cons .title {margin-top:25px; height:20px; line-height:20px; overflow:hidden} .news li .cons .title a {font-size:16px;color:#333; font-weight:bold;} .news li .cons .title a:hover { text-decoration:underline} .news li .cons .content { line-height:25px; height:50px; overflow:hidden;margin-top:15px} .news li .addtime { position:absolute; z-index:1;right:0;top:0;width:90px;padding:60px 0 0 0;font-size:30px; text-align:center;text-align:right} .news li .addtime p {font-size:18px;margin:10px 0 0 30px; text-align:left;} .news li:hover { background:#0292e3;} .news li:hover .pic {left:20px} .news li:hover .addtime {right:20px;color:#fff} .news li:hover .cons {padding:0 160px 0 180px} .news li:hover .cons .title a {color:#fff;} .news li:hover .cons .content {color:#fff;} @media (max-width: 1300px){ .news {margin-top:0px} .news li{ padding:10px 0;min-height:85px} .news li .pic { width:85px; height:85px;} .news li .cons {padding:0 45px 0 95px} .news li .cons .title {margin-top:0px;} .news li .cons .title a {font-size:14px;} .news li .cons .content { line-height:20px; height:60px;margin-top:5px} .news li .addtime { width:35px;padding:37px 0 0 0;font-size:13px;} .news li .addtime p {font-size:14px;margin:0px 0 0 2px;} .news li:hover .pic {left:10px} .news li:hover .addtime {right:10px;} .news li:hover .cons {padding:0 55px 0 105px} } .case_list {padding:0 4.2%} .case_list li {float:left;width:24.2%;margin:0.4%; position:relative; overflow:hidden} .prolist { position:relative} .prolist img {width:100%} .prolist .procons { position:absolute; z-index:3;width:100%; height:100%; background:rgba(0,0,0,0.6);color:#fff;opacity:0} .prolist .procons:Hover {opacity:1} .prolist .procons .up { position:absolute; z-index:4;top:10%;left:10%;width:80%} .prolist .procons .up h1 {font-size:24px; line-height:30px} .prolist .procons .up h2 {font-size:14px;margin:3px 0 10px 0} .prolist .procons .up h3 { height:2px; background:#fff;width:0px;} .prolist .procons:hover .up h3 {width:50px;} .prolist .procons .down { background:url(../images/6.png) no-repeat center; width:44px; height:44px; position:absolute; z-index:4;bottom:10%;right:10%} .maincons {margin-top:65px} .casesubject { text-align:left;} .casesubject h1 {font-size:35px; line-height:35px;color:#333;float:left;} .casesubject h2 {float:right} .casesubject h2 a {font-size:25px;color:#999} .casesubject h2 a.check {color:#333} .casesubject h2 a.check:hover {color:#e60013} .casesubject h2 i {margin:0 20px;color:#333;font-size:23px}