body{background:#fff;color:#2c2c2c;line-height:25px;} h1,h2,h3,h4,h5,h6{font-weight:600;color:#575757} h1{font-size:46px;font-weight:600;color:#EEE} h2{font-size:20px} h3{font-size:14px;color:#777;font-weight:400;line-height:26px} h4{font-size:16px} .notsupport{ position: fixed; z-index: 1000; width: 100%; height: 100%; background:#11497c; color: #fff; top: 0; left: 0; text-align: center;filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;} .notsupport h1{ color: #fff; } .notsupport h2{ color: #fff;} .notsupport h3 a{ color: #FFCC00; line-height: 36px; font-size: 1.5rem;} .clearfix::after{clear: both;content: ".";display: block;height: 0;visibility: hidden;} .clear{clear:both} .divtable{display: table; width: 100%; height: 100%;} .divtable-cell{display: table-cell;vertical-align: middle;} a{color:#2c2c2c;-webkit-transition:color 300ms,background-color 300ms;-moz-transition:color 300ms,background-color 300ms;-o-transition:color 300ms,background-color 300ms;transition:color 300ms,background-color 300ms} a:focus,a:hover{color:#d9890b} ol,ul{list-style:none;} ul{padding:0;margin:0} hr{width:70px;border-top:4px solid #f39c12} a:focus,a:hover{color:#111;text-decoration:none;outline:0} .center h2,.top-center h2{font-size:18px; font-weight:normal;margin-top:0;margin-bottom:20px;color: rgb(129, 111, 92);} .center h3{font-size:22px;margin-top:0;margin-bottom:20px} .media>.pull-left{margin-right:20px} .media>.pull-right{margin-left:20px} body>section{} /*商务通跳窗*/ .nb-dingwei{display:none;} .nb-dingwei .container{z-index:9999;position:fixed;top:50%;left:50%; margin-left:-200px; margin-top:-81px; width: 400px; height: 162px; background: url("../images/inviteColorBack0.png"); } .nb-fd-close{position: absolute; right:10px; bottom:105px;transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; } .nb-fd-close:hover{cursor: pointer; transform: rotate(180deg); -webkit-transform: rotate(180deg);-moz-transform: rotate(180deg); -o-transform: rotate(180deg);-ms-transform: rotate(180deg);} .nb-fd-content{position:absolute; bottom: 0; right:0; color: #fff; width:222px; height:108px;} .nb-fd-content p{color: #fff; font-size: 16px;} .anniubox{margin-top:15px;} .anniubox span{border:#fff solid 1px; color: #fff; height: 34px; line-height: 34px; width: 80px; text-align: center; display: inline-block; border-radius: 5px; cursor:pointer;} .anniubox .nb-dk{margin-left: 10px; background-color: #fff; color: #329fd7;} #output{} #output canvas{ display:block!important;} .outputp{ height:15px; line-height:15px; font-size:12px; color:#000; text-align:center;} .center{text-align:center;} .lead{font-size:14px;line-height:30px;font-weight:400; font-size:16px;} .jyb{ font-size: 14px;} .jybtitle{ line-height: 36px; padding: 15px 0; font-size: 18px; color: #11497c; font-weight: 600;} .jybtitle img{ vertical-align: middle; margin-right: 10px;} .yjblist{} .yjblist ul li{} .yjblist ul li img{ margin-right: 5px; vertical-align: middle;} .yidong{animation:bounce 5s infinite;animation-timing-function:linear;-webkit-animation:bounce 5s infinite;-webkit-animation-timing-function:linear;} .yidongs{animation:flip 5s infinite;animation-timing-function:linear;-webkit-animation:flip 5s infinite;-webkit-animation-timing-function:linear;} @-webkit-keyframes scaleIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}} @keyframes scaleIn{0%{opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}} .transitioncss{transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);-webkit-transform: translateX(0);transition: .25s ease-out;-moz-transition: .25s ease-out;-ms-transition: .25s ease-out;-o-transition: .25s ease-out;-webkit-transition: .25s ease-out;} #header{ position:relative; z-index:1000; background:#11497c;} #header.fixed{ position:fixed; left:0; top:0; width:100%;border-bottom:1px #e4eaec solid;} #header .headertop{ border-bottom: 1px #3c6891 solid; margin-bottom: 10px;} #header .headertop .welcome{ color: #fff; line-height: 32px;} #header .headertop .headerlink{color: #fff; line-height: 32px;} #header .headertop .headerlink em{ font-style: normal; padding: 0 15px;} #header .headertop .headerlink a{ color: #fff; line-height: 32px;} #header .headertop .headerlink a i{ padding-right: 5px; font-size: 18px; line-height: 32px; vertical-align: middle;} #header .headertel{background:url(../images/tel.png) no-repeat left center; margin-top:20px; padding-left: 65px; margin-right: 0;} #header .headertel h4{ margin: 0; color: #fff; line-height: 24px; font-size: 12px; font-weight: normal;} #header .headertel h3{line-height: 30px; font-size: 24px; color: #f98c16;margin: 0; font-weight: normal;} #header .headertel h3 a{ color: #fff;} .searchbox{ padding:10px 0; background: #dcdcdc;} .searchbox .hotsearch{color: #333;line-height: 22px; padding:0 0 0 15px; position: relative;} .searchbox .hotsearch::before{ display: block; content: ""; position: absolute; left:0; top: 5%; width: 2px; height: 90%; background: #11497c;} .searchbox .hotsearch span{ color: #11497c; font-weight:600; display: block;} .searchbox .hotsearch a{color: #333; padding-right: 20px;line-height: 22px} .searchbox .searchboxnr{overflow:hidden; float:right; padding:5px 0; } .searchbox .searchboxnr form{ position:relative;border:1px #11497c solid; border-radius: 5px; overflow: hidden;} .searchbox .searchboxnr input[type="text"]{line-height:30px; height:30px; border:0; text-indent:10px; color:#11497c; background:none; float:left; display:block; min-width:200px; width: calc(100% - 50px); outline-color: none; outline-style: none;} .searchbox .searchboxnr input::-webkit-input-placeholder{color:#11497c;} .searchbox .searchboxnr input::-moz-placeholder{color:#11497c;} .searchbox .searchboxnr input::-ms-input-placeholder{color:#11497c;} .searchbox .searchboxnr button[type="submit"]{height: 30px; line-height:30px;background:none;border: 0; padding:0 15px; font-size:18px; color:#11497c;cursor:pointer; float: right;} .navbar-shadow {-o-box-shadow: 0 1px 2px rgba(0,0,0,0.1);-ms-box-shadow: 0 1px 2px rgba(0,0,0,0.1);box-shadow: 0 1px 2px rgba(0,0,0,0.1); } .menubg{background: #dcdcdc; margin-top: 10px;} .navbar-inverse{border:0;} .navbar-inverse .navbar-brand{font-weight:600;padding:0;margin:0; z-index:10000; position:relative;} .navbar-inverse .navbar-brand:hover{ padding-left:10px;} .navbar-inverse .navbar-brand img{ max-height: 80px; display: inline-block;} .navbar{border-radius:0;margin-bottom:0;background:none;padding:0;} .navbar-nav{ width: 100%;} .navbar-nav>li{/*margin-left:35px;*/ margin:0; padding:0; text-align:center;color:#333;line-height:60px; position:relative; width: 11%;} .navbar-inverse .navbar-nav>li>a{ padding: 0; margin:0;color:#333;line-height:45px;display:block; text-transform:uppercase; font-size:14px; position: relative; } .navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .dropdown:hover a.dropdown-toggle,.navbar-inverse .navbar-nav>.hover>a,.navbar-inverse .navbar-nav>.hover>a:focus,.navbar-inverse .navbar-nav>.hover>a:hover,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{background:#d9d9d9;color:#11497c;} .navbar-inverse .navbar-nav>li:after{ content: ""; display: block; height: 2px; width: 0; background:#11497c ;transition: .25s ease-out;-moz-transition: .25s ease-out;-ms-transition: .25s ease-out;-o-transition: .25s ease-out;-webkit-transition: .25s ease-out;} .navbar-inverse .navbar-nav>li:hover:after,.navbar-inverse .navbar-nav>.hover:after{width: 100%;} .bannerbox{ overflow: hidden;} .bannerbox a{ margin: 0 -960px; display: block; text-align: center;} .bannerbox a img{ max-height: 180px;} .banners{} .banners img{ width:100%;} .bannertxt{padding: 80px 0;background: url(../images/bannerpc.jpg) no-repeat center #11497c ; color: #fff; line-height: 45px; position: relative;} .bannertxt::after{ content: ""; display: block; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%;background:url(../images/3px-tile.png) repeat;} .bannertxt .container{ z-index: 2; position: relative;} .bannertxt font{ font-size: 2rem; font-weight: 600;} .bannertxt i{ font-style: normal; padding: 0 5px;} .bannertxt em{ text-transform: uppercase;} #main-slide .item img.img-responsive{width:100%} #main-slide .item .slider-content{ display:none;z-index:0;opacity:0;-webkit-transition:opacity 500ms;-moz-transition:opacity 500ms;-o-transition:opacity 500ms;transition:opacity 500ms; } #main-slide .item.active .slider-content{z-index:0;opacity:1;} #main-slide .slider-content{/*top:50%;margin-top:-110px;*/left:0;padding:0;text-align:center;position:absolute;width:100%;height:100%;color:#fff;top:0;display: -webkit-flex;display: flex;justify-content:center;align-items:center;} #main-slide .carousel-indicators{bottom:12px; margin-bottom:0;} #main-slide .carousel-indicators li{width:12px!important;height:12px!important;border:2px solid #fff!important;margin:1px!important;} #main-slide .carousel-indicators li.active{ background:none;border:2px solid #f98c16!important;} #main-slide .carousel-control.left,#main-slide .carousel-control.right{opacity:0;filter:alpha(opacity=0);background-image:none;background-repeat:no-repeat;text-shadow:none} #main-slide .carousel-control.left:hover,#main-slide .carousel-control.right:hover{opacity:1;filter:alpha(opacity=100);} #main-slide .carousel-control.left span{padding:15px} #main-slide .carousel-control.right span{padding:15px} #main-slide .carousel-control .fa-angle-left,#main-slide .carousel-control .fa-angle-right{position:absolute;top:50%; margin-top:-20px;z-index:5;display:inline-block} #main-slide .carousel-control .fa-angle-left{left:5%;} #main-slide .carousel-control .fa-angle-right{right:5%;} #main-slide .carousel-control i{background:rgba(0,0,0,.3);color:#fff;line-height:40px; width:40px; text-align:center;font-size:30px;padding:0;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px} #main-slide .slider-content h2{font-size:45px;font-weight:500;text-transform:uppercase;color:#fff; font-weight:600; display:none;} #main-slide .slider-content .bannerzi{ text-align:center; width:60%; margin:0 auto; min-width:320px;} #main-slide .slider-content .bannerzi img{max-width:100%;} #main-slide .slider.btn{padding:0;margin-top:30px;font-size:16px;line-height:45px;border:0;color:#fff;background:url(../images/more.png) no-repeat center;-moz-transition:all 300ms ease;-webkit-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease; width:205px;} #main-slide .slider.btn:hover{background:url(../images/mores.png) no-repeat center;} #main-slide .slider.btn:active:focus,.slider.btn:active:hover,.slider.btn:focus{outline:0} .intitle{ text-align: center; margin-bottom: 50px; min-height: 112px; display: block; /*background:url(../images/titlebg.png) no-repeat center 30px;*/} .intitle h3{ font-size:3rem; line-height: 4rem; font-weight: 600; color: #000; margin: 0; padding: 0;} .intitle h3 i{ font-size: 6rem; font-family: "franklin gothic heavy"; font-style: normal; padding: 0 5px;} .intitle h3 span{color: #11497c;} .intitle h4{ font-size:1.166666rem; line-height: 2.666666rem; text-transform: uppercase; font-weight: 100; color: #11497c;margin: 0; padding: 0;} .intitle h4:before,.intitle h4:after{ content: ""; display: inline-block; height: 1px; background: #aaa; width: 18px; vertical-align: middle; margin: 0 5px;} .intitles{ text-align: center; margin-bottom: 30px; } .intitles h3{ font-size:3rem; line-height: 4rem; font-weight: 600; color: #11497c; margin: 0; padding: 0;} .intitles h3 i{ font-size: 6rem; font-family: "franklin gothic heavy"; font-style: normal; padding: 0 5px;} .intitles h3 span{color: #11497c;} .intitles h4{ font-size:1.166666rem; line-height: 2.666666rem; text-transform: uppercase; font-weight: 100; color: #11497c;margin: 0; padding: 0;} .intitles h4:before,.intitles h4:after{ content: ""; display: inline-block; height: 1px; background: #aaa; width: 18px; vertical-align: middle; margin: 0 5px;} #invideo{ padding: 50px 0 0;} #invideo .invideo{ position: relative; height: 549px!important;} #invideo .video_play{ text-align: center; position: absolute; left: 50%; top: 50%; z-index: 11; margin-top: -42px; margin-left: -53px;} #invideo .videobottom{ background: rgba(17,73,124,0.8); position: absolute; z-index: 10; bottom: 0; left: 0; width: 100%; padding: 10px 0; text-align: center;} #invideo .videobottom h3{ color: #fff;} #inproduct{background:url(../images/productbg.jpg) no-repeat center top #f6f6f6; padding: 50px 0;} #inproduct .inproductleibie{} #inproduct .inproductleibie .hdbg{margin-bottom: 10px;padding:0 1rem;line-height: 3rem; background: #e2e2e2; border-radius: 0.833333rem;-webkit-border-radius:0.833333rem;-moz-border-radius:0.833333rem;-o-border-radius:0.833333rem;-ms-border-radius:0.833333rem;-moz-box-shadow:2px 2px 5px #e1e1e1, -2px -2px 5px #e1e1e1; -webkit-box-shadow:2px 2px 5px #e1e1e1, -2px -2px 5px #e1e1e1; box-shadow:2px 2px 5px #e1e1e1, -2px -2px 5px #e1e1e1; border: 1px #fff solid;} #inproduct .inproductleibie ul{ } #inproduct .inproductleibie .hdbg:after,#inproduct .inproductleibie ul:after{ content: ""; display: table; clear: both; } #inproduct .inproductleibie ul span{ float: left;line-height: 3rem; margin-right: 0.5rem;} #inproduct .inproductleibie ul li{float: left; line-height: 3rem;} #inproduct .inproductleibie ul li a{ line-height: 3rem; padding: 0 1.5rem; display: block;} #inproduct .inproductleibie ul li:hover a,#inproduct .inproductleibie ul li.on a{ background: #11497c; color: #fff;} #inproduct .inproduct{ padding-top: 2rem;} #inproduct .inproduct .inproductpic{ margin-right: 12px; margin-bottom: 30px; position: relative;} #inproduct .inproduct .inproductpic img{ width: 100%;} #inproduct .inproduct .inproductpic h3{ position: absolute; left: 0; top: 0; color: #fff; padding:0 0 0 25px;background:url(../images/applicationtitle.png) no-repeat left center; min-width: 250px; margin: 0; line-height: 52px; font-size: 1.5rem;} #inproduct .inproduct .inproductpic h3:hover{ padding-left: 40px;} #inproduct .inproduct .inproductlist{ margin-right: 10px; margin-left: -16px;} #inproduct .inproduct .inproductlist .inproductbox{ margin: 0 -8px 16px; position: relative;} #inproduct .inproduct .inproductlist .inproductbox .pic{ position: relative;-webkit-box-shadow:-4px 0px 8px 1px #f0f0f0,0px -4px 8px 1px #f0f0f0,4px 0px 8px 1px #f0f0f0,0px 4px 8px 1px #f0f0f0;box-shadow: -3px 0px 6px 1px #f0f0f0,0px -4px 8px 1px #f0f0f0,4px 0px 8px 1px #f0f0f0,0px 4px 8px 1px #f0f0f0;} #inproduct .inproduct .inproductlist .inproductbox .pic::before{ position: absolute;content: ""; display: block; top: 0; left: 10px; width: 48px; height: 48px; background: url(../images/logo.png) no-repeat center; z-index: 10; background-size: 100% auto;} #inproduct .inproduct .inproductlist .inproductbox .txt{ position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(17,73,124,0.8); color: #fff; text-align: center;} #inproduct .inproduct .inproductlist .inproductbox .txt span{ line-height: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; color: #fff; padding: 0 5px; display: block;} #inproduct .inproduct .inproductlist .inproductbox .txt:hover span{ text-decoration: underline;} #inadvantage{background:url(../images/advantagebg.jpg) no-repeat center top #fff; padding: 50px 0;} #inadvantage .inadvantagelist{} #inadvantage .inadvantagelist .inadvantageli{ padding-top: 30px; padding-bottom: 30px;} #inadvantage .inadvantagelist .inadvantageli .pic{ text-align: center;} #inadvantage .inadvantagelist .inadvantageli .txt{} #inadvantage .inadvantagelist .inadvantageli .txt .adnum{ margin-bottom: 10px;} #inadvantage .inadvantagelist .inadvantageli .txt .adnum i{ font-style: normal; width: 107px; height: 107px; display: block; line-height: 107px; font-family: "Stencil"; color: #fff; font-size: 3.5rem; text-align: center; background: url(../images/numico.png);} #inadvantage .inadvantagelist .inadvantageli .txt h3{ font-size: 2rem; color: #000; font-weight: 600;} #inadvantage .inadvantagelist .inadvantageli .txt h3 span{ color: #11497c; font-weight: 600;} #inadvantage .inadvantagelist .inadvantageli .txt h4{ font-size: 1.6rem; font-weight: 300; color: #000; } #inadvantage .inadvantagelist .inadvantageli .txt ul{ margin-top: 10px;} #inadvantage .inadvantagelist .inadvantageli .txt ul li{font-size: 1rem; } #inadvantage .inadvantagelist .inadvantageli .txt .more{ overflow: hidden; margin-top: 30px;} #inadvantage .inadvantagelist .inadvantageli .txt .more a{ background: #11497c; color: #fff; line-height: 32px; display: block; float: left; padding: 0 10px;border-radius: 5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;} #inadvantage .inadvantagelist .inadvantageli .txt .more a:after{ font-family: arial; font-style: normal; padding-left: 3px; content: ">"; display:inline;} /*.culture{} .culture ul{} .culture ul li{ margin: 30px 0;} .culture ul li h3{background: url(../images/applicationtitle.png) no-repeat left center;line-height: 52px;color: #fff; padding-left: 15px; margin: 15px 0;} .culture ul li p{ line-height: 200%;}*/ .culture ul li{margin: 0 0 30px;} .culturebox{ background: #f9f9f9; padding: 15px 0; border-radius: 15px; } .culturebox .pic{ position: relative;} .culturebox .pic::after{ content: ""; display: block; left: 50%; margin-left: -1px; top: -50%; height: 100%; width: 2px; background: #11497c; position: absolute; z-index: 1;} .culture ul li:first-child .culturebox .pic::after{ display: none;} .culturebox .pic picture{ height: 120px; width: 120px; background: #11497c; border-radius: 100%; display: block; padding: 30px; text-align: center; margin: 0 auto; position: relative; z-index: 2;} .culturebox .pic picture img{-webkit-transition: -webkit-transform 2s ease-out;-moz-transition: -moz-transform 2s ease-out; -o-transition: -o-transform 2s ease-out; -ms-transition: -ms-transform 2s ease-out;} .culturebox:hover .pic picture img{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);} .culturebox .txt{ text-align: center;} .culturebox .txt h3{color: #11497c; font-size: 1.5rem; font-weight: 600;} .culturebox:hover .txt h3{ padding-left: 10px;} .culturebox .txt p{ color: #666; line-height: 2rem; margin: 0; padding: 0;} .bar{ background: #11497c; text-align: center;} .bar .barcontact{ position: relative;} .bar .barcontact .barcontactbox{ position: absolute;height: 297px;width: 260px; background: url(../images/barbg.png) no-repeat; left: -18px; top: -15px;display: flex;align-items: center; justify-content: center; } .bar .barcontact .barcontactbox .txt{} .bar .barcontact .barcontactbox .txt h4{ color: #fff; font-size: 1.5rem; font-weight: 300;} .bar .barcontact .barcontactbox .txt h3{ color: #fff; font-size: 3rem;font-weight: 100;} .bar .barcontact .barcontactbox .txt .more{} .bar .barcontact .barcontactbox .txt .more a{ background: #fff; line-height: 32px; font-size: 1.166666rem; color: #11497c; padding: 5px 12px;} #innetwork,.networkbg{background:url(../images/networkbg.jpg) no-repeat center top #d4d4d6; padding: 50px 0;} .baidumapmember{ overflow: hidden;} .baidumapprovince{ float: left; margin-right: 15px;} .baidumapprovince dl{} .baidumapprovince dl dt{ float: left;line-height:70px; margin-right: 5px; } .baidumapprovince dl dd{ float: left;} .baidumapprovince dl dd select{ margin-top: 25px;} .baidumapresult{ float: left;} .baidumap .baidumapstore{ background: #fff; padding:0 ;z-index:2; position:relative;border: 0px solid rgba(0,0,0,.15);border-radius: 4px;-webkit-box-shadow:-6px 0px 12px 1px #c0c0c0,0px -6px 12px 1px #c0c0c0,6px 0px 12px 1px #efefef,0px 6px 12px 1px #c0c0c0;box-shadow: -6px 0px 12px 1px #c0c0c0,0px -6px 12px 1px #c0c0c0,6px 0px 12px 1px #c0c0c0,0px 6px 12px 1px #c0c0c0;} .baidumap .baidumapstore .baidumapstorelist{ height:500px; /*overflow-x:hidden; overflow-y:auto;*/ margin-left:-15px;} .baidumap .baidumapstore .baidumapmember{ line-height:70px; padding-left:30px;} .baidumap .baidumapstore .baidumapstorelist .baidumapmember font{ color:#f00;} .baidumap .baidumapstore .baidumapstorelist .baidumapstorelistbox{ height:440px;border-top:1px #efefef solid;} .baidumap .baidumapstore .baidumapbox{height:400px; overflow:hidden;} .baidumap .baidumapstore .baidumapstorelist .db{display:block; height:400px;} .baidumap .baidumapstore .baidumapstorelist .db ul{} .baidumap .baidumapstore .baidumapstorelist .baidumapstorelistli{ height:99px; border-top:1px #efefef solid;} .baidumap .baidumapstore .baidumapstorelist .baidumapstorelistli:first-child{ border-top:none;} .baidumap .baidumapstore .baidumapstorelist .baidumapstorelistli .baidumapstorelistlia{ padding:5px 5px 5px 20px; display:block;background:url(../images/mapli.jpg) no-repeat 2px 10px;} .baidumap .baidumapstore .baidumapstorelist .baidumapstorelistli h3{ color:#000; line-height:30px; font-size:16px; margin:0;} .baidumap .baidumapstore .baidumapstorelist .baidumapstorelistli h3 a.more{ float: right; margin-top: 5px;} .baidumap .baidumapstore .baidumapstorelist .baidumapstorelistli .address{color:#000;line-height:30px; margin: 0;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;word-break: break-all; } .baidumap .baidumapstore .baidumapstorelist .baidumapstorelistli .tel{ white-space: nowrap;text-overflow: ellipsis; overflow: hidden;word-break: break-all;} .baidumap .baidumapstore .baidumapstorelist .hd{ overflow:hidden; background:#e1e1e1; position:relative;} .baidumap .baidumapstore .baidumapstorelist .hd:before{ content:""; display:block; left:50%; top:0; position:absolute; width:1px; height:100%; background:#d2d2d2;} .baidumap .baidumapstore .baidumapstorelist .hd .prev,.baidumap .baidumapstore .baidumapstorelist .hd .next{ width:50%; display:block; float:left; line-height:40px; text-align:center; font-size:30px; color:#acacac;} .baidumap .baidumapstore .baidumapstores{ padding:5px 0 5px 5px;} .baidumap .baidumapstore .storebaidumap{ height:500px; margin-right:-15px;} .baidumap .baidumapstore .storebaidumap img{max-width: none!important;} .baidumap .baidumapstore .storebaidumap label{ max-width: none!important;} .tagslist{} .tagslist ul{} .tagslist ul:after{ content: ""; display: table; clear: both;} .tagslist ul li{ width: 50%; float: left; border-bottom: 1px #ededed dashed;} .tagslist ul li a{ line-height: 30px; padding: 5px 0 5px 20px;background: url(../images/shuidi2.png) no-repeat left center; background-size: 12px 12px;} .tagslist ul li a:hover{} #innews{ padding: 50px 0;} #innews .innews{} #innews .innews .innewslist{ margin-top: 15px;} #innews .innews .innewslist .innewspic{ margin-bottom: 15px;} #innews .innews .innewslist .pic{} #innews .innews .innewslist .pic img{ width: 100%;} #innews .innews .innewslist .txt{} #innews .innews .innewslist .txt h3{} #innews .innews .innewslist .txt h3 a{white-space: nowrap; text-overflow: ellipsis;overflow: hidden; word-break: break-all; display: block;line-height: 1.5rem; padding: 0;} #innews .innews .innewslist .txt h3:hover a{color: #11497c ; text-decoration: underline; padding-left: 10px;} #innews .innews .innewslist .txt p{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; margin: 0;} #innews .innews .innewslist .innewsli{ overflow: hidden; border-bottom: 1px #e5e5e5 solid;} #innews .innews .innewslist .innewsli span{ float: right;line-height: 2rem; } #innews .innews .innewslist .innewsli a{ white-space: nowrap; text-overflow: ellipsis;overflow: hidden; word-break: break-all; display: block;line-height: 2rem; padding: 9px 0; background: url(../images/shuidi1.png) no-repeat left center; background-size:16px 16px; padding-left: 20px;} #innews .innews .innewslist .innewsli a:hover{ color: #11497c ; text-decoration: underline;background: url(../images/shuidi2.png) no-repeat left center;background-size: 16px 16px; margin-left: 10px;} #innews .incase{} #innews .incase .incasetitle{border-bottom: 1px #e5e5e5 solid;} #innews .incase .incasetitle:after{ display: table;content: ""; clear: both;} #innews .incase .incasetitle h3{float: left;display: block;line-height: 1.5rem;font-size: 1.5rem; padding: 10px 10px; margin: 0;border-bottom: 2px #11497c solid; color: #11497c;} #innews .incase .incasetitle a.more{float: right;display: block;line-height: 1.5rem; padding: 10px 0;margin: 0;} #innews .incase .incasetitle a.more i{ font-style: normal;} #innews .incase .incasetitle a.more:hover{color:#11497c; padding-right: 10px;} #innews .incase .incaselist{margin:15px 0 0;} #innews .incase .incasebox{ padding:0 0;} #innews .incasetable{ width: 100%;} #innews .incasetable>tbody>tr>td{ padding: 0!important;} #innews .incase .incaselist .pic{padding: 7px 0;} #innews .incase .incaselist .pic img{ width: 100%;} #innews .incase .incaselist .txt{ padding: 7px 0; margin-left: -15px;} #innews .incase .incaselist .txt h3{ margin: 0; white-space: nowrap; text-overflow: ellipsis;overflow: hidden; word-break: break-all;} #innews .incase .incaselist .txt h3:hover a{ color: #11497c; text-decoration: underline; padding-left: 10px;} #innews .incase .incaselist .txt p{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; margin: 0; line-height: 25px; max-height: 50px;} #innews .incase .incaselist .txt .more{ overflow: hidden;} #innews .incase .incaselist .txt .more a{ float: left; background: #11497c; color: #fff; display: block; line-height: 24px; padding: 0 5px;border-radius: 5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px; font-size: 0.7rem;white-space: nowrap;-webkit-transform-origin-x: 0; -webkit-transform: scale(0.80); } #inner-page{padding:15px 0;} .weizhi{ border-bottom:1px #cccccc solid; line-height:40px; position:relative; display:none;} .weizhi i{ margin-right:5px;} .viewtitle{color:#333;line-height:50px; font-size: 2em; padding-right:100px;} .viewinfo{line-height:40px;color:#9c9c9c;border-bottom:1px #ededed dashed} .viewinfo span{ margin-right:10px;} .viewinfo span i{ padding:0 5px;} .viewinfo a{color:#ededed;font-size:10px} .contnetpic{ text-align: center;} .view-demo{ padding-bottom: 20px;} .viewdescription,.tagscontent{ background: #f7f7f7; padding: 10px; border: 1px #ddd dotted; margin-top:15px;} .fontZoom,.single{padding:15px 0;} .fontZoom img,.single img{max-width:100%;} .fontZoomtitle{background-color:#eee;margin-bottom:20px} .fontZoomtitle h3{line-height:36px;padding-left:10px;color:#000} .contacttitle{ border-bottom:1px #11497c solid; padding-bottom:15px; margin-bottom:15px; font-size:16px; color:#11497c; font-weight:600; line-height:36px;} .contactny{ padding:0 0; line-height:36px;} .contactny .row{ border:1px #11497c solid; margin:5px 0;} .contactny .row .title{border-right:1px #11497c solid; font-weight:600;} .no{ text-align: center; font-size: 2rem; padding: 15px;} .serviceone ul li{margin: 0 0 30px;} .servicebox{ background: #f7f7f7; padding: 15px 0; border-radius: 15px; } .servicebox .pic{ position: relative;} .servicebox .pic::after{ content: ""; display: block; left: 50%; margin-left: -1px; top: -50%; height: 100%; width: 2px; background: #11497c; position: absolute; z-index: 1;} .serviceone ul li:first-child .servicebox .pic::after{ display: none;} .servicebox .pic picture{ height: 120px; width: 120px; background: #11497c; border-radius: 100%; display: block; padding: 35px; text-align: center; margin: 0 auto; position: relative; z-index: 2;} .servicebox .pic picture img{-webkit-transition: -webkit-transform 2s ease-out;-moz-transition: -moz-transform 2s ease-out; -o-transition: -o-transform 2s ease-out; -ms-transition: -ms-transform 2s ease-out;} .servicebox:hover .pic picture img{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);} .servicebox .txt{} .servicebox .txt h3{color: #11497c; font-size: 1.5rem; font-weight: 600;} .servicebox:hover .txt h3{ padding-left: 10px;} .servicebox .txt p{ color: #666; line-height: 2rem; margin: 0; padding: 0;} .servicetwo{} .servicetwo .txt{ margin-top: 30px;} .servicetwo .pic{} .licheng{ margin: 30px auto 0; max-width: 760px;} .viewbox{ background:#fff; overflow: hidden;} .viewbox .back,.productshow .back{ text-align: center; padding: 15px 0;} .productshow{background:#fff; margin:15px 0; } .ProductZoom{padding:15px 0; border-bottom:1px #e4e5e5 solid; margin-bottom: 15px; overflow-x:hidden;} .ProductZoom img{max-width:100%} .ProductZoomtitle{ margin-bottom:15px; border-bottom:1px #eee solid; color:#11497c; font-size:16px; line-height:36px; position:relative;} .ProductZoomtitle h3{ width:120px; font-size: 2rem; color:#11497c;} .ProductZoomtitle:after{ width:120px; border-bottom:3px #11497c solid; position:absolute; bottom:-1px; left:0;content:""; display:block;} .fontZoom.table-responsive,.ProductZoom.table-responsive{ border: none !important;} .downfile{ padding:5px 0;} .downfile label{display:inline-block; margin-bottom:0; line-height:32px; font-size:1.5rem;} .downfile a{ display:inline-block; background:#11497c; color:#fff; padding:0 10px; line-height:32px;border-radius: 5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;} .cloud-zoom-lens{border:2px solid #ddd;margin:0;background-color:#fff;cursor:move} .cloud-zoom-title{ display:none;position:absolute!important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;font-weight:700;font-size:10px;top:0} .cloud-zoom-big{border:2px solid #ccc;overflow:hidden;} .cloud-zoom-loading{color:#fff;background:#222;padding:3px;border:1px solid #000} .zoom-section{clear:both;} .zoom-small-image{/*float:left;*/margin:0; max-width:100%; border:1px #eee solid;} .zoom-small-image img{width:100%;} .cloud-zoom-gallery{ text-align:center; display:block;} .zoom-tiny-image{border:1px solid #eee; width:90%;} .zoom-tiny-image:hover{border:1px solid #f9f66d} .zoom-desc{float:left;margin:15px 0 0 0;width:480px;display:inline} .zoom-desc p{line-height:140%;margin-bottom:10px;color:#FFF} .kongzhiqi{} .kongzhiqi h3{ font-size:18px; font-weight:700;} .kongzhiqi ul li{display: block;line-height: 1.5rem;padding: 10px 0;background: url(../images/shuidi2.png) no-repeat left center; background-size: 16px 16px; padding-left: 20px;} #product-demo{} #product-demo .item{ width:100%;} #product-demo .owl-controls .owl-buttons{ position:absolute; width:100%; top:calc(50% - 25px);} #product-demo .owl-controls .owl-buttons div{color: #4e4e4e;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver */width:10px; height:45px; text-indent:-9999px;margin:0;padding:0;} #product-demo .owl-controls .owl-buttons div.owl-prev{background:url(../images/left.gif) no-repeat left center;opacity:0.5;filter:alpha(opacity=50);position:absolute; left:-10px; top: 50px;} #product-demo .owl-controls .owl-buttons div.owl-prev:hover{background:url(../images/left.gif) no-repeat left center;opacity:0.7;filter:alpha(opacity=70)} #product-demo .owl-controls .owl-buttons div.owl-next{background:url(../images/right.gif) no-repeat right center;opacity:0.5;filter:alpha(opacity=50);position:absolute; right:-10px; top: 50px;} #product-demo .owl-controls .owl-buttons div.owl-next:hover{background:url(../images/right.gif) no-repeat right center;opacity:0.7;filter:alpha(opacity=70)} .productpiclist{ display:none;} .productpiclist ul{} .productpiclist ul li{} .productpiclist ul li img.img-responsive{ width:100%;} .productviewtitle{} .productviewtitle h3{ color:#11497c; font-size:20px;} .productviewtitle h4,.productviewtitle h5{font-weight: 300;} .productviewtitle p.wz{ margin-bottom:10px;} .productviewinfo{line-height:40px;color:#9c9c9c; display: none;} .productviewinfo span{ margin-right:10px;} .productviewinfo span i{ padding:0 5px;} .productviewinfo a{color:#ededed;font-size:10px} .productattribute{} .productattribute dl{ margin: 8px 0;line-height: 24px;} .productattribute dl:after{ content: ""; display: table; clear: both;} .productattribute dl dt{ float: left; width: 65px; position: relative; line-height: 24px;text-align-last: justify; -moz-text-align-last: justify ;text-align: justify; text-justify: distribute-all-lines; display: block; } .productattribute dl dt:after{content:":"; position: absolute; right: -5px; top: 0;line-height: 24px;} .productattribute dl dd{ float: right; width: calc(100% - 80px);line-height: 24px;} .productattribute dl dd a{ margin: 0 8px 8px 0; padding: 0 10px; line-height: 24px; color: #11497c; display: block; float: left; border: 1px #11497c solid;} .productattribute dl dd a:hover,.productattribute dl dd a.hover{ background: #11497c; color: #fff;} .productdescription{ overflow:hidden;margin: 0;padding:0; } .productdescription textarea{ width: 100%; border: none; outline: none; min-height: 100px; min-width: 100%;} .productdescription dl{} .productdescription dl dt{width:80px; float:left;} .productdescription dl dd{width:calc(100% - 85px); float:right;} .productdescription h3{ margin-bottom: 0; color: #000; font-weight: 600;} .productdescription p{ padding: 0; line-height: 20px;} .productwz .more{ padding:10px 0; overflow:hidden; display: none;} .productwz .more a{ width:100px; display:block; background:#11497c; color:#fff;line-height:32px; float:left; margin-right:10px; text-align:center;border-radius:5px;} .productline{ line-height: 50px; font-size: 1.5rem; padding: 15px 0;} .productline font{color: #11497c; font-size: 2.5rem; line-height: 50px;} .procurement{} .procurement a{ display: inline-block; margin-right:15px; background: url(../images/btn.png); background-size: cover; color: #fff; width: 140px; height: 35px;text-align: center;} .procurement a:hover,.procurement a:focus, .procurement a:hover{ color: #fff; text-decoration: underline;} .productwz .enquiry{ margin-top:20px;} .productwz .enquiry a{ display:inline-block; line-height:35px; padding:0 20px; background-color:#ae0f0f; color:#fff; font-size:14px;border-radius:4px;} .shangxia{ margin-top: 15px;} .shangxia ul{ border-top: 1px #11497c dotted;border-bottom: 1px #11497c dotted; padding: 0.5rem 0;} .shangxia ul:after{ content: ""; display: table;clear: both;} .shangxia ul li{ width: 50%; float: left;} .shangxia ul li:nth-child(2){ text-align: right;} .productpic{text-align:center} #QQFloatDiv{width:137px;margin:0 auto; background-color:#fff; display:none;} #QQFloatDiv .Head{height:29px;background:url(../images/QQ/header_bg.gif)} #QQFloatDiv .Body{padding-top:30px;background:url(../images/QQ/con_bg.gif) repeat-x center top;text-align:center;border:1px #dbdbdb solid;border-top:none} #QQFloatDiv .Foot{border:1px #dbdbdb solid;border-top:none;} #QQFloatDiv .Foot img{max-width:100%} .videonr{text-align:center} .share{padding:10px 0} .jiathis_counter_style span{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box} .likearticle { display: none;} .likearticle .title{ border-bottom: 1px #11497c solid; margin: 15px 0;} .likearticle .title:after{ content: ""; display: table; clear: both;} .likearticle .title h3{ color: #11497c; font-size: 1.8rem;} .likearticle .title h3 i{font-size: 1rem; font-style: normal;color: #f98c16; padding: 0 5px;} .likearticle .title h3 em{ font-size: 1rem;font-style: normal; color: #f98c16; text-transform: uppercase;} .likearticle .title a{ float: right;} .likearticle .title a i{ font-style: normal;} .likearticle .title a:hover{ padding-right: 10px; text-decoration: underline; color: #11497c;} .likearticle .likearticlelist{} .commend {} .commend .title{ border-bottom: 1px #11497c solid; margin: 15px 0;} .commend .title:after{ content: ""; display: table; clear: both;} .commend .title h3{ color: #11497c; font-size: 1.8rem;} .commend .title h3 i{font-size: 1rem; font-style: normal;color: #f98c16; padding: 0 5px;} .commend .title h3 em{ font-size: 1rem;font-style: normal; color: #f98c16; text-transform: uppercase;} .commend .title a{ float: right;} .commend .title a i{ font-style: normal;} .commend .title a:hover{ padding-right: 10px; text-decoration: underline; color: #11497c;} .commendbg{ padding: 30px 0;} .commend .commendproductbox{ position: relative;-webkit-box-shadow:-4px 0px 8px 1px #f0f0f0,0px -4px 8px 1px #f0f0f0,4px 0px 8px 1px #f0f0f0,0px 4px 8px 1px #f0f0f0;box-shadow: -3px 0px 6px 1px #f0f0f0,0px -4px 8px 1px #f0f0f0,4px 0px 8px 1px #f0f0f0,0px 4px 8px 1px #f0f0f0; background:#f7f7f7; } .commend .commendproductbox .pic{ position: relative;} /*.commend .commendproductbox .pic::before{ position: absolute;content: ""; display: none; top: 0; right: 0; width: 48px; height: 48px; background: url(../images/tj.png) no-repeat; z-index: 10;}*/ .commend .commendproductbox .pic:before{ position: absolute;content: ""; display: block; top: 0; left: 10px; width: 48px; height: 48px; background: url(../images/logo.png) no-repeat center; z-index: 10; background-size: 100% auto;} .commend .commendproductbox .txt{ color: #666; text-align: center;} .commend .commendproductbox .txt a{ line-height: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; color: #666; padding: 0 5px; display: block;} .commend .commendproductbox .txt:hover a{ text-decoration:underline; color: #11497c;} .commendnews .commendnewsbox{ margin:0 15px 15px;} .commendnews .commendnewsbox .pic{} .commendnews .commendnewsbox .pic img{ width: 100%;} .commendnews .commendnewsbox .txt{} .commendnews .commendnewsbox .txt h3{} .commendnews .commendnewsbox .txt h3 a{white-space: nowrap; text-overflow: ellipsis;overflow: hidden; word-break: break-all; display: block;line-height: 1.5rem; padding: 0;} .commendnews .commendnewsbox .txt h3:hover a{color: #11497c ; text-decoration: underline; padding-left: 10px;} .commendnews .commendnewsbox .txt p{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; margin: 0;} .commendnews .commendnewsli{ overflow: hidden; border-bottom: 1px #e5e5e5 solid;} .commendnews .commendnewsli span{ float: right;line-height: 1.5rem; display: block; padding: 10px 0;} .commendnews .commendnewsli a{ white-space: nowrap; text-overflow: ellipsis;overflow: hidden; word-break: break-all; display: block;line-height: 1.5rem; padding: 10px 0; background: url(../images/shuidi1.png) no-repeat left center; background-size:16px 16px; padding-left: 20px;} .commendnews .commendnewsli a:hover{ color: #11497c ; text-decoration: underline;background: url(../images/shuidi2.png) no-repeat left center;background-size: 16px 16px; margin-left: 10px;} .listclickbox{ margin-bottom: 15px;} .listclickbox ul{ overflow:hidden;} .listclickbox ul li{ border-bottom: 1px #e5e5e5 solid; line-height: 32px; padding: 2px 0;} .listclickbox ul li:first-child{border-bottom: 1px #999999 solid; font-weight: 600; font-size: 1.2rem;} .listclickbox ul li a{ white-space: nowrap; text-overflow: ellipsis;overflow: hidden; word-break: break-all; display: block;line-height: 32px;background: url(../images/shuidi1.png) no-repeat left center; background-size:16px 16px; padding-left: 20px;} .listclickbox ul li a:hover{ color: #11497c ; text-decoration: underline;background: url(../images/shuidi2.png) no-repeat left center;background-size: 16px 16px; margin-left: 10px;} .jingyin{overflow: hidden; margin-top: 30px;} .jingyin .jingyinbox{ margin-bottom: 30px;} .jingyin .jingyinbox .title{ background: #11497c; color: #fff; line-height: 32px; padding: 5px 10px; font-size: 16px;border-radius:8px 8px 0 0;} .jingyin .jingyinbox .txt{ background: #e3e1e2; border-radius: 0 0 8px 8px; padding: 10px;} .recent-product-box{-webkit-box-shadow:-4px 0px 8px 1px #f0f0f0,0px -4px 8px 1px #f0f0f0,4px 0px 8px 1px #f0f0f0,0px 4px 8px 1px #f0f0f0;box-shadow: -3px 0px 6px 1px #f0f0f0,0px -4px 8px 1px #f0f0f0,4px 0px 8px 1px #f0f0f0,0px 4px 8px 1px #f0f0f0; background:#f7f7f7; margin-bottom:30px;} .recent-work-wrap{position:relative; overflow:hidden;} .recent-work-wrap .overlaytu{ } #photo .recent-work-wrap .overlaytu{ border:none;} .recent-work-wrap picture img:not(.noscale){transition: all 2s ease 0s;} .recent-work-wrap:hover picture img:not(.noscale){transform: scale(1.2);} .recent-work-wrap .recent-work-inner{top:0;background:0 0;opacity:1;width:100%;border-radius:0;margin-bottom:0;text-align:center} .recent-work-wrap .recent-work-inner h3{margin:10px 0;font-size:24px;color:#fff} .recent-work-wrap .recent-work-inner h3 a{font-size:24px;color:#fff} .recent-work-wrap .overlaytxt{position:absolute;top:-500px;left:0;width:100%; overflow:hidden; z-index:100000;height:100%;border-radius:0;/*opacity:0;background:#76171b;*/color:#fff;vertical-align:middle;-webkit-transition:opacity 500ms;-moz-transition:opacity 500ms;-o-transition:opacity 500ms;transition:opacity 500ms;transition: .25s ease-out;-moz-transition: .25s ease-out;-ms-transition: .25s ease-out;-o-transition: .25s ease-out;-webkit-transition: .25s ease-out;} .recent-work-wrap:hover .overlaytxt{top:0;} .recent-work-wrap .recent-work-inner{display: table;position:relative;background:0 0;opacity:1; width:100%; height:100%;border-radius:0;margin-bottom:0;text-align:center;} .recent-work-wrap .recent-work-inner.active{} .recent-work-wrap .recent-work-inner-wz{display: table-cell;padding:12px; text-align: center;vertical-align: middle;position:relative; z-index:10000;} .recent-work-wrap .recent-work-inner-wz.active{ text-align:left; } .recent-work-wrap .recent-work-inner-wz h3{margin:5px 0;font-size:18px;color:#fff; display:none;} .recent-work-wrap .recent-work-inner-wz h3 a{font-size:24px;color:#fff} .recent-work-wrap .recent-work-inner-wz h4{ padding:0; margin:0; font-weight:300;} .recent-work-wrap .recent-work-inner-wz p{display:block;} .recent-work-wrap .recent-work-inner-wz i{ background-color:#11497c; color:#fff; font-size:16px; text-align:center; font-style:normal; width:50px; line-height:50px; display:inline-block;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px} .recent-work-wrap .recent-work-inner-wz i a{ color:#fff;} .recent-work-wrap .recent-work-inner-wz i a:hover{color: #00a7f8;} .recent-product-box .recent-work-wrapwz{ text-align: center;font-size: 1em;line-height: 30px;color:#11497c;} /*.recent-product-box:hover .recent-work-wrapwz{ background: #fd8609;}*/ .recent-product-box .recent-work-wrapwz h3{ margin:0 5px;white-space: nowrap;text-overflow: ellipsis; overflow: hidden; word-break: break-all;} .recent-product-box .recent-work-wrapwz h3 a{line-height: 30px;color:#11497c; display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:5px 0; } .recent-product-box .recent-work-wrapwz h3 a:hover{ text-decoration: underline;} .recent-product-box .more{ text-align:center; padding-bottom:10px;} .recent-product-box .more a{ width:35%; display:inline-block; background:#11497c; color:#fff; margin:0 1%; line-height:32px;border-radius:5px;} .product-items{} .product-items .product-items-bg{ margin: 30px 0 0;} .product-items .product-items-bg:nth-child(even){ background: #f7f7f7; } .product-items .product-items-bg .overlaytu{} .product-items .product-items-bg .overlaytu:before,#wrap:before{ position: absolute;content: ""; display: block; top: 0; left: 10px; width: 48px; height: 48px; background: url(../images/logo.png) no-repeat center; z-index: 10; background-size: 100% auto;} .product-items .row{} .product-work-inner{ padding: 5px;} .product-work-inner .title{} .product-work-inner .title a{ font-size: 1.5rem; line-height: 2rem; margin: 0; white-space: nowrap; text-overflow: ellipsis;overflow: hidden; word-break: break-all;} .product-work-inner .title:hover a{ color: #11497c; text-decoration: underline; padding-left: 10px;} .product-work-inner .info{} .product-work-inner .info span{ margin-right: 10px;} .product-work-inner .info span i{ margin-right: 3px;} .product-work-inner .description{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;line-clamp: 4;-webkit-box-orient: vertical;} .product-work-inner .more{ text-align: right; overflow: hidden;margin-top: 10px;} .product-work-inner .more a{ display: block; float: right; margin-left: 15px;} .product-work-inner .more a i{ padding-right:8px;} .product-work-inner .more a.online{ display: none!important;} .news-items{} .news-items .news-items-bg{ margin: 30px 0 0;} .news-items .news-items-bg:nth-child(even){ background: #f7f7f7; } .news-items .row{} .news-work-inner{ padding: 5px;} .news-work-inner .title{} .news-work-inner .title a{ font-size: 1.5rem; line-height: 2rem; margin: 0; white-space: nowrap; text-overflow: ellipsis;overflow: hidden; word-break: break-all;} .news-work-inner .title:hover a{ color: #11497c; text-decoration: underline; padding-left: 10px;} .news-work-inner .info{} .news-work-inner .info span{ margin-right: 10px;} .news-work-inner .info span i{ margin-right: 3px;} .news-work-inner .description{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;} .news-work-inner .more{ text-align: right; overflow: hidden; margin-top: 10px;} .news-work-inner .more a{ display: block; float: right; margin-left: 30px;} .news-work-inner .more a.online{ display: none!important;} .recruittitle{color:#11497c ;font-size: 1rem;} .recruittitle i{ color:#11497c ; padding-right: 5px;} .recruittitle span{ font-size: 1.4rem;} .recruitbox table{ margin-bottom: 0;} .recruitbox table tr:first-child td{ border-top: none;} .apply{ padding: 10px;} .urlview{ margin-bottom: 15px;} .crumb{} .crumb .crumbbox{ padding:1rem 0; line-height:2rem;color: #11497c; border-bottom: 1px #11497c solid;margin-bottom: 2rem; } .crumb .crumbbox:after{ content: ""; display: table; clear: both;} .crumb .crumbbox h3{ font-size:1.6rem; font-weight: 400; line-height:2rem;color: #11497c; margin: 0; padding: 0;} .crumb .crumbbox a{line-height:2rem; color: #11497c;} .filter{ margin-bottom: 30px; border: 1px #11497c solid; padding: 10px 15px 5px;} .filter dl{ margin: 8px 0;line-height: 24px;} .filter dl:after{ content: ""; display: table; clear: both;} .filter dl dt{ float: left; width: 65px; position: relative; line-height: 24px;text-align-last: justify; -moz-text-align-last: justify ;text-align: justify; text-justify: distribute-all-lines; display: block; } .filter dl dt:after{content:":"; position: absolute; right: -5px; top: 0;line-height: 24px;} .filter dl dd{ float: right; width: calc(100% - 70px);} .filter dl dd a{ margin: 0 8px 8px; padding: 0 10px; line-height: 24px; display: block; float: left;} .filter dl dd a.hover{ background: #11497c; color: #fff;} .leftsideBar{ border: 1px #11497c solid ; border-bottom: none;} .leftsideBar .title{ background: #11497c; color: #fff; padding:10px;} .leftsideBar .title .txt{background: url(../images/leftico.png) no-repeat left 8px; padding-left: 45px; background-size: 24px 24px;} .leftsideBar .title h3{ color: #fff; font-size: 1.6rem; margin: 0;} .leftsideBar .title h4{ color: #fff; font-size:10px;-webkit-transform:scale(0.8); -webkit-transform-origin-x: 0;margin: 0; font-weight: 100; text-transform: uppercase;} .leftsideBar .title h4:after{ content: ""; display: inline-block; height: 1px; width: 14px; margin-left: 3px;background: #ccc; vertical-align: middle;} .leftsideBar .title i{ float: right; color: #fff; cursor: pointer; margin: 10px 5px 0; font-size: 1.6rem;} .leftsideBar .title i a{ color: #fff;} .leftsideBar .title:after{ content: ""; display: table; clear: both;} .leibie{} .menuTree{} .menuTree ul{display:none;} .menuTree li{line-height:45px;color:#003f98; display:block; position: relative;} .menuTree li:after{ position: absolute; content: ""; display: block; height: 1px; width: 100%; background: #11497c; left: 0; top: 44px;} .menuTree li a{line-height:45px; height:45px; overflow:hidden;color:#11497c;white-space: nowrap; text-overflow: ellipsis;overflow: hidden; word-break: break-all; display:block; background: url(../images/shuidi2.png) no-repeat 16px center; background-size:16px 16px;padding:0 16px 0 32px; } .menuTree li i{ display:none; float:right; font-size:24px; width: 20px; text-align: center; font-style: normal; position: absolute; top: 0; right: 10px; cursor: pointer;} .menuTree li.parent i.add{display:block;} .menuTree li.parent i.subtract{display:none;} .menuTree li.parent.expanded i.add{display:none;} .menuTree li.parent.expanded i.subtract{display:block;} .menuTree li.child i.add,.menuTree li.child i.subtract{display:none;} .menuTree li a:hover,.menuTree ul li a.cur{ color: #11497c ; text-decoration: underline;background: url(../images/shuidi1.png) no-repeat 16px center;background-size: 16px 16px; margin-left: 10px;} .menuTree ul li ul li a{line-height:45px; height:45px; overflow:hidden;color:#11497c;white-space: nowrap; text-overflow: ellipsis;overflow: hidden; word-break: break-all; display:block; background: url(../images/shuidi2.png) no-repeat 32px center; background-size:12px 12px;padding:0 16px 0 48px; } .menuTree ul li ul li a:hover,.menuTree ul li a.cur{ color: #11497c ; text-decoration: underline;background: url(../images/shuidi1.png) no-repeat 32px center;background-size: 12px 12px; margin-left: 10px;} .menuTree{} .menuTree ul{display:none;} .menuTree li{line-height:45px;color:#003f98; display:block; position: relative;} .menuTree li:after{ position: absolute; content: ""; display: block; height: 1px; width: 100%; background: #11497c; left: 0; top: 44px;} .menuTree li a{line-height:45px; height:45px; overflow:hidden;color:#11497c;white-space: nowrap; text-overflow: ellipsis;overflow: hidden; word-break: break-all; display:block; background: url(../images/shuidi2.png) no-repeat 16px center; background-size:16px 16px;padding:0 16px 0 32px; } .menuTree li a i{ display:none; position: absolute; right: 10px; top: 0; line-height: 45px; font-size:24px; font-style: normal; width: 24px; text-align: center;} .menuTree li.parent a i.add{display:block;} .menuTree li.parent a i.subtract{display:none;} .menuTree li.parent.expanded a i.add{display:none;} .menuTree li.parent.expanded a i.subtract{display:block;} .menuTree li.child a i.add,.menuTree li.child a i.subtract{display:none;} .menuTree li a:hover,.menuTree ul li a.cur{ color: #11497c ; text-decoration: underline;background: url(../images/shuidi1.png) no-repeat 16px center;background-size: 16px 16px; margin-left: 10px;} .menuTree ul li ul li a{line-height:45px; height:45px; overflow:hidden;color:#11497c;white-space: nowrap; text-overflow: ellipsis;overflow: hidden; word-break: break-all; display:block; background: url(../images/shuidi2.png) no-repeat 32px center; background-size:12px 12px;padding:0 16px 0 48px; } .menuTree ul li ul li a:hover,.menuTree ul li a.cur{ color: #11497c ; text-decoration: underline;background: url(../images/shuidi1.png) no-repeat 32px center;background-size: 12px 12px; margin-left: 10px;} .leibies{ padding:10px 0;} .leibies ul{ text-align:center;} .leibies ul:after{ content:""; display:table; clear:both;} .leibies ul li{line-height:36px;color:#003f98; display: inline-block; padding:0 5px; } .leibies ul li a{line-height:36px; height:36px; overflow:hidden;border: 1px #11497c solid; text-align:center; display:block; padding:0 30px;color:#11497c;-moz-border-radius: 10px;border-radius: 10px; } .leibies ul li a:hover,.leibies ul li a.cur{color:#fff; btext-decoration: none; background: #11497c; border-color: #11497c;} .leibies ul li ul{ display: none;} .dealership{ padding: 15px 0;} .sitemaplist{ padding: 15px 0;} .sitemaplist ul{ display: block;} .sitemaplist ul:after{ clear: both; content: ""; display: table;} .sitemaplist ul li{ padding-left: 10px;} .sitemaplist ul li a{ line-height: 36px; padding: 0 15px; color: #11497c; font-weight: 600; font-size: 1.5rem;} .sitemaplist ul li a:hover{ text-decoration: underline; padding: 0 5px 0 25px; color: #000;} .sitemaplist ul li ul li{ float: left;} .sitemaplist ul li ul li.xj{ float: none; width:100%; overflow:hidden;} .sitemaplist ul li ul li a{ font-weight: normal;font-size: 1rem;} .substation{} .substation .title{position:relative;height:36px;padding:0; margin: 15px 0; text-align:left;font:bold 22px/42px "微软雅黑";color:#737372;} .substation .title a{position:absolute;right:10px;top:0px;height:36px;width:100px;text-align: center;display:block;background:#eb2830;color:#fff;line-height: 36px;font-size:14px;font-weight: bold;} .substation .title a:hover{text-decoration:none;background:#f39c11;color:#fff;} .substation .substationlist{border: 1px solid #f4f4f4;padding: 15px; margin: 15px 0;} .substation .substationlist dl{padding: 10px 0;line-height: 24px;overflow: hidden;border-bottom: 1px dashed #ddd;} .substation .substationlist dl dt{float:left;font-family:arial;font-weight:bold;font-size:18px;width:35px;padding-left:25px;color:#444;display: table-cell;} .substation .substationlist dl dd{margin:0 0 0 55px;padding-left:15px;border-left:1px dashed #b2b2b2;} .substation .substationlist dl dd a{padding:1px 12px 1px 12px;white-space:nowrap;float:left; display: block; line-height: 30px; font-size:14px;} .substation .substationlist dl dd a b{font-size:14px; color:#11497c;} .substation .substationlist dl dd a i{ font-size:12px; font-style:normal; color:#666;} .substation .substationlist dl dd a:hover{text-decoration:none;background:#eb2830;color:#fff;} .substation .substationlist dl dd a:hover b,.substation .substationlist dl dd a:hover i{ color:#fff;} .substation .substationfooter{text-align: center; border-top: 2px solid #eb2830;padding-top: 10px;} .substation .substationfooter .substationfootermenu{} .substation .substationfooter .substationfootermenu ul{} .substation .substationfooter .substationfootermenu ul li{ display: inline-block; line-height: 30px;} .substation .substationfooter .substationfootermenu ul li a{ display: block; padding: 0 15px;} .substation .substationfooter .copyright{ text-align: center; padding: 10px 0;} .leftproduct{ margin-top: 15px;padding-bottom: 0;} .leftproduct .title{ padding: 10px 10px; color: #fff; font-size: 1.5rem;background: #11497c; } .leftproduct .title i{ font-style: normal; padding: 0 5px;} .leftproduct .title em{font-size:10px;-webkit-transform:scale(0.8); -webkit-transform-origin-x: 0;font-style: normal; text-transform: uppercase;} .leftproduct .leftproductlist{ margin-top:15px;} .leftproduct .leftproductlist ul{} .leftproduct .leftproductlist ul li{white-space: nowrap;text-overflow: ellipsis; overflow: hidden; word-break: break-all; line-height: 30px;} .leftproduct .leftproductlist ul li .commendproductbox{ position: relative;-webkit-box-shadow:-2px 0px 4px 1px #f0f0f0,0px -2px 4px 1px #f0f0f0,2px 0px 4px 1px #f0f0f0,0px 2px 4px 1px #f0f0f0;box-shadow: -2px 0px 4px 1px #f0f0f0,0px -2px 4px 1px #f0f0f0,2px 0px 4px 1px #f0f0f0,0px 2px 4px 1px #f0f0f0; background:#f7f7f7; margin-bottom:15px;} .leftproduct .leftproductlist ul li .commendproductbox .pic{ position: relative;} /*.leftproduct .leftproductlist ul li .commendproductbox .pic::before{ position: absolute;content: ""; display: none; top: 0; right: 0; width: 48px; height: 48px; background: url(../images/tj.png) no-repeat; z-index: 10;}*/ .leftproduct .leftproductlist ul li .commendproductbox .pic:before{ position: absolute;content: ""; display: block; top: 0; left: 10px; width: 48px; max-width:20%; height: 48px; background: url(../images/logo.png) no-repeat center; z-index: 10; background-size: 100% auto;} .leftproduct .leftproductlist ul li .commendproductbox .txt{ color: #666; text-align: center;} .leftproduct .leftproductlist ul li .commendproductbox .txt a{ line-height: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; color: #666; padding: 0 5px; display: block;} .leftproduct .leftproductlist ul li .commendproductbox .txt:hover a{ text-decoration:underline; color: #11497c;} .leftnews{ margin-top: 15px;padding-bottom: 0;} .leftnews .title{ padding: 10px 10px; color: #fff; font-size: 1.5rem;background: #11497c; } .leftnews .title i{ font-style: normal; padding: 0 5px;} .leftnews .title em{font-size:10px;-webkit-transform:scale(0.8); -webkit-transform-origin-x: 0;font-style: normal; text-transform: uppercase;} .leftnews .leftnewslist{} .leftnews .leftnewslist ul{} .leftnews .leftnewslist ul li{white-space: nowrap;text-overflow: ellipsis; overflow: hidden; word-break: break-all; line-height: 30px;} .leftnews .leftnewslist ul li i{ display: inline-block; background: #999; color: #fff; line-height: 18px; padding: 0 5px; margin:6px 0 ; font-size:10px;-webkit-transform:scale(0.8); font-style: normal; width: 24px; text-align: center; margin-right: 4px;} .leftnews .leftnewslist ul li:nth-child(1) i,.leftnews .leftnewslist ul li:nth-child(2) i,.leftnews .leftnewslist ul li:nth-child(3) i{ background: #f98c16;} .leftcontact{ background: #11497c; margin-top: 15px; padding: 5px; padding-bottom: 0;} .leftcontact .title{ padding: 10px 10px; color: #fff; font-size: 1.6rem;} .leftcontact .title i{ font-style: normal; padding: 0 5px;} .leftcontact .title em{ white-space: nowrap;font-size: .8rem;-webkit-transform: scale(0.80); font-style: normal; text-transform: uppercase;} .leftcontact .txt{ background: #fff; padding: 15px;} .leftcontact .txt .tel{ background: url(../images/Teln.gif) no-repeat left center; padding-left: 60px; line-height: 2rem;} .leftcontact .txt .tel b{ display: block; font-size:1.5rem;color: #f39800;} .leftcontact .pic{ text-align: center; padding: 0 10px; margin-top: -10px;} .pages{ text-align: center;} .pages span.total{ position: absolute;top:0; left: 0; display: none;} .form-items{ margin-bottom: 30px;} .content-form{} .content-form .content-form-title{} .content-form .content-form-title h3{ font-size: 2rem; line-height: 120%; font-weight: 600; color: #000; font-family: arial;} .content-form .content-form-title p{ font-size: 0.875rem; font-weight: 100;} .content-form .form-submit{} .content-form .form-submit button{ width: 100%;} .map_canvas{width:100%; height:400px;font-size:12px;} .map_canvas img,.google-maps img {max-width: none!important;} .map_canvas label{ max-width: none!important;} #friendlink{ background: #efefef; padding:10px 0;} #friendlink .txt{} #friendlink .txt span{ line-height: 30px; color: #11497c ; font-weight: 600; padding: 0 10px; display: inline-block;} #friendlink .txt a{ line-height: 30px; color: #333; padding: 0 10px; display: inline-block; } #friendlink .txt a:hover{ color:#11497c;text-decoration: underline;} #friendlink .pic{} #friendlink .pic a{ padding: 0 1.25rem;} #footer{padding:0;color:#fff;background:#11497c; background-size:cover;line-height:30px;} #footer a{color:#fff; line-height:30px;} #footer a:hover{color:#f39c12} #footer .footercontact{ padding: 50px 0 30px;} #footer .footercontact .footercontactbox{} #footer .footercontact .footercontactbox .pic{ margin-bottom: 15px;} #footer .footercontact .footermenu{} #footer .footercontact .footermenu:after{ content: ""; display: table; clear: both;} #footer .footercontact .footermenu dl{ float: left;width: 33.3333%;} #footer .footercontact .footermenu dl dt{ margin-bottom: 15px;} #footer .footercontact .footermenu dl dt a{ font-size: 1.166666rem; line-height: 2rem; color: #fff;} #footer .footercontact .footermenu dl dd{ line-height: 2rem;} #footer .footercontact .footermenu dl dd:hover a{ padding-left: 10px;} #footer .footercontact .footererweima{ text-align: center; position: relative;} #footer .footercontact .footererweima:before{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background:#416d96 ;} #footer .footercontact .footererweima img{ max-width: 150px!important;} #footer .footercopyright{ padding: 0.5rem 0; border-top: 1px #416d96 solid;} #footer .footercopyright .copyrightbox{} #footer .footercopyright .support{ text-align: right; padding-top: 5px;} #footer .footercopyright .sitemap{ background: #f98c16; color: #fff; height: 18px; line-height: 18px; font-size: 0.7rem;white-space: nowrap;-webkit-transform-origin-x: 0; -webkit-transform: scale(0.80); display: inline-block; margin-top: 4px; margin: 6px 0; padding: 0 5px; vertical-align: middle;} #footer .footersubstation{} #footer .footersubstation a{ padding: 0 10px;} #baiduditubox img,.google-maps img {max-width: none!important;} #baiduditubox label{ max-width: none!important;} .footerquicklink{ display:none;} #float {} #float .wrap { margin-bottom: 2px; position: relative; cursor: pointer; background:#11497c ;} #float .fa { padding: 0; width: 40px; display: block; line-height: 40px; text-align: center; color: #FFF; font-size: 20px; } #float .content { min-height: 40px; position: absolute; right: 40px; top: 0; display: none; background:#11497c ;} #float .content a { color: #FFF; } #float .qrcode .content { padding: 5px; width: 180px; } #float .qrcode .content img{ max-width:100%;} #float .phone .content { line-height: 40px; padding: 0 20px; font-size: 18px; color: #FFF;width: 180px; } #float .kfqq .content { line-height: 40px; padding: 0 20px; font-size: 18px; color: #FFF;width: 180px;} #float .email .content { line-height: 40px; padding: 0 20px; font-size: 18px; color: #FFF;} .cmsimg{ position:relative; overflow:hidden; text-align:center;} .cmsimg .cmsimg-box{overflow:hidden; text-align:center;width:100%;height:0px; padding-bottom:100%;position:relative; overflow:hidden;} .cmsimg.prop1 .cmsimg-box{ padding-bottom:100%;} .cmsimg.prop2 .cmsimg-box{ padding-bottom:200%;} .cmsimg.prop3 .cmsimg-box{ padding-bottom:133.333%;} .cmsimg.prop4 .cmsimg-box{ padding-bottom:75%;} .cmsimg.prop5 .cmsimg-box{ padding-bottom:50%;} .cmsimg.prop6 .cmsimg-box{ padding-bottom:60%;} .cmsimg.prop7 .cmsimg-box{ padding-bottom:56.25%;} .cmsimg .cmsimg-box picture{width:100%;height:100%;position:absolute; display:block; display: flex;justify-content: center;align-items: center;} .cmsimg .cmsimg-box picture img{ max-width:100%; max-height:100%;} div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} div.pp_default .pp_top .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{width:30px;height:30px;background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer} div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} div.pp_default .pp_social{margin-top:7px} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0} div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative} div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px} div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat} div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_rounded .pp_description{margin-right:85px;color:#fff} div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000} div.dark_square .pp_description{color:#fff;margin:0 85px 0 0} div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat} div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_square .pp_nav{clear:none} div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{width:22px;height:22px;background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer} div.facebook .pp_description{margin:0 37px 0 0} div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat} div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} div.facebook .pp_nav{margin-top:0} div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin:10px 0 2px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0} .pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;white-space:nowrap;margin:2px 4px} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .pp_gallery ul a img{border:0} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} .pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none} .owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .owl-carousel{display: none;position: relative;width: 100%;-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);} .grabbing {cursor:url(grabbing.png) 8 8, move;} .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{text-align:center} .owl-theme .owl-controls .owl-pagination{position:absolute;width:100%;bottom:0; left:0;} .owl-theme .owl-controls .owl-buttons{position:absolute;width:100%;top:50%; margin-top:-50px;} .owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;width:40px;height:40px;text-indent:-9999px;margin:0;padding:0} .owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(../images/pager-left.png);background-size: cover;opacity:1;filter:alpha(opacity=100);position:absolute;left:-50px} .owl-theme .owl-controls .owl-buttons div.owl-prev:hover{opacity:.7;filter:alpha(opacity=70)} .owl-theme .owl-controls .owl-buttons div.owl-next{background:url(../images/pager-right.png); background-size: cover; opacity:1;filter:alpha(opacity=100);position:absolute;right:-50px} .owl-theme .owl-controls .owl-buttons div.owl-next:hover{opacity:.7;filter:alpha(opacity=70)} .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none} .owl-theme .owl-controls .owl-page{display:inline-block;zoom:1} .owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:0 4px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#fff; border:2px #11497c solid;} .owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{background:#11497c; border-color: #999;} .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} .owl-item.loading{min-height:150px;background:url(../images/AjaxLoader.gif) no-repeat center center} .map{ position:relative;width:856px; margin:0 auto;} .map a{ color:#5b5a5a; font-size:14px; text-decoration:none;} .map a:hover{ color:#fff;} .citybg{ position:absolute; display:none; z-index:3; } .city a.active .citybg{ display:block; z-index:3;} .single_sys{ height:60vh;display: flex;flex-wrap: wrap;align-content: center;} @media screen and (min-width: 320px) and (max-width: 768px){ .navbar-inverse .navbar-nav{ padding-top:0; margin: 0; width: auto;} .navbar-inverse .navbar-nav>li{ text-align:left; width: 100%;} .navbar-inverse .navbar-nav>li>a{ border-top:0 transparent solid; line-height:36px; display:block; padding: 0; margin: 0;} .dropdown-menu{ background: none;} .navbar-inverse .navbar-brand{line-height:60px; height:60px;font-weight:600;color:#fff;padding:0;margin:0 0 0 15px; } .navbar-inverse .navbar-brand img{ vertical-align:middle; display:inline-block;max-height:60px; max-width: 280px;} #main-slide .carousel-indicators{bottom:0px; margin-bottom:0;} #inproduct .inproduct .inproductpic,#inproduct .inproduct .inproductlist,#inproduct .inproduct .inproductlist .inproductbox{ margin-left: 0; margin-right: 0;} #inproduct .inproduct .inproductlist .inproductbox{ margin-bottom: 30px;} .baidumap .baidumapstore .storebaidumap{margin-right:5px; height: 400px;} .baidumap .baidumapstore .baidumapstorelist{ margin-left: 5px;} .searchbox .searchboxnr{ float: none;} .intitle{margin-bottom: 10px; min-height: auto; display: block; background:none;} .intitle h3{ font-size:2rem; line-height: 3rem; } .intitle h3 i{ font-size: 4rem;} .intitle h4{ font-size:1.166666rem; } .intitles{ } .intitles h3{ font-size:2rem;} .intitles h4{ font-size:1.166666rem; } #inadvantage .inadvantagelist .inadvantageli .txt .adnum i{ font-style: normal; width: 75px; height: 75px; display: block; line-height: 75px; font-family: "Stencil"; color: #fff; font-size: 2.4rem; text-align: center; background: url(../images/numico.png); background-size: cover;} #inadvantage .inadvantagelist .inadvantageli .txt h3{ font-size: 1.5rem;} #inadvantage .inadvantagelist .inadvantageli .txt h4{ font-size: 1.2rem;} #invideo .video_play img{width: 80px;} #invideo .invideo{ position: relative; height: 200px!important;} #invideo .videobottom{ background: rgba(17,73,124,0.8); position: absolute; z-index: 10; bottom: 0; left: 0; width: 100%; padding: 2px 0; text-align: center;} #invideo .videobottom h3{ color: #fff; margin: 0; padding: 0;} .baidumap .baidumapstore .baidumapstorelist .hd{ margin-left: -5px;} .baidumap .baidumapstore .storebaidumap{ height:360px;} .leftsideBar{ margin-bottom: 15px;} .leftsideBar .title{ padding: 5px;} #leibiea i{ font-size: 1.8rem;} .leibies ul li a{ padding: 0 15px;line-height: 28px;height: 28px;} .filterbg{ margin-bottom: 15px;} .filterbtn a{ border-radius: none; color: #fff; display: block;} .filter{ padding:5px 10px; display: none;} .leibie{ display: none;} body{ margin-bottom:40px;} .viewtitle{padding-right:0;} .menubg{ margin-top: 0;} .contactny .row .title{border-right:none;} .shangxia ul li {width:100%;} .shangxia ul li,.shangxia ul li:nth-child(2){float:none;text-align:left;} .single_sys{ height:75vh;} #footer { padding:10px;} #footer .footercontact{ padding: 10px 0 10px;} #footer .footercopyright{ text-align: center; border-top: none;} #footer .footercopyright .support{ text-align: center;} .footerquicklink{ display: block;background-color: #11497c; text-align:center; line-height:40px; height:40px; position:fixed; bottom:0; left:0; width:100%; z-index:9990; overflow:hidden;} .footerquicklink a{ display:block;text-align:center; color:#fff; line-height:40px; font-size:14px; width:25%; float:left;} .footerquicklink a i{ font-size:24px; padding-right:10px; display:inline-block; vertical-align:middle;} } @media screen and (min-width: 768px) and (max-width: 959px) { .video embed{height:600px;} } @media only screen and (min-width: 480px) and (max-width: 767px){ .video embed{ height:320px;} } @media only screen and (max-width: 479px) { .video embed{ height:320px;} }