.bgFull{background-position: center center; background-repeat: no-repeat; background-size: cover; -ms-behavior: url(css/cover.htc); behavior: url(css/cover.htc);} .vcenter{display: block; max-width: 100%; max-height: 100%; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0;} .tHide{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .blockFull{display: block; width: 100%; height: 100%; position: relative;} .block{display: block; position: relative;} .centerBlock{margin-left: auto; margin-right: auto;} .clearfix{clear: both;} .slick-slider{position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;} .slick-list{position: relative; overflow: hidden; display: block; margin: 0 0 30px 0; padding: 0;} .slick-list:focus{outline: none;} .slick-loading .slick-list{background: #FFF url("../images/ajax-loader.gif") center center no-repeat;} .slick-list.dragging{cursor: pointer; cursor: hand;} .slick-slider .slick-track{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .slick-track{position: relative; left: 0; top: 0; display: block;} .slick-track:before, .slick-track:after{content: ""; display: table;} .slick-track:after{clear: both;} .slick-loading .slick-track{visibility: hidden;} .slick-slide{float: left; height: 100%; min-height: 1px; display: none;} [dir="rtl"] .slick-slide{float: right;} .slick-slide img{display: block;} .slick-slide.slick-loading img{display: none;} .slick-slide.dragging img{pointer-events: none;} .slick-initialized .slick-slide{display: block;} .slick-loading .slick-slide{visibility: hidden;} .slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;} .slick-prev, .slick-next{z-index: 20; position: absolute; display: block; height: 60px; width: 30px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -30px; padding: 0; border: none; outline: none; border: 1px solid red;} .slick-prev{left: 30px;} [dir="rtl"] .slick-prev{left: auto; right: 30px;} .slick-next{right: 30px;} [dir="rtl"] .slick-next{left: 30px; right: auto;} .slick-dots{position: absolute; bottom: 20px; height: auto; list-style: none; display: block; text-align: center; padding: 0; width: 100%; line-height: 0;} .slick-dots li{position: relative; display: inline-block; margin: 0 5px; padding: 0; cursor: pointer;} .slick-dots li button{border: 0; display: block; height: 10px; width: 10px; padding: 0; margin: 0; outline: none; line-height: 0; font-size: 0; cursor: pointer; background: #cccccc; border-radius: 0px;} .slick-dots li.slick-active button{background: #333333;} /*jQuery.mmenu CSS */ /*jQuery.mmenu oncanvas CSS */ .mm-hidden{display: none !important;} .mm-wrapper{overflow-x: hidden; position: relative;} .mm-menu, .mm-menu > .mm-panel{margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0;} .mm-menu{box-sizing: border-box; background: inherit; display: block; overflow: hidden; padding: 0;} .mm-panel{-webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);} .mm-panel.mm-opened{-webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0);} .mm-panel.mm-subopened{-webkit-transform: translate3d(-30%, 0, 0); -moz-transform: translate3d(-30%, 0, 0); -ms-transform: translate3d(-30%, 0, 0); -o-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0);} .mm-panel.mm-highest{z-index: 1;} .mm-menu > .mm-panel{background: inherit; border-color: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 0 20px;} .mm-menu > .mm-panel.mm-hasnavbar{padding-top: 40px;} .mm-menu > .mm-panel:before, .mm-menu > .mm-panel:after{content: ''; display: block; height: 20px;} .mm-vertical .mm-panel{-webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important;} .mm-vertical .mm-listview .mm-panel, .mm-listview .mm-vertical .mm-panel{display: none; padding: 10px 0 10px 10px;} .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after, .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after{border-color: transparent;} .mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel{display: block;} .mm-vertical .mm-listview > li > .mm-next, .mm-listview > li.mm-vertical > .mm-next{height: 40px; bottom: auto;} .mm-vertical .mm-listview > li > .mm-next:after, .mm-listview > li.mm-vertical > .mm-next:after{top: 16px; bottom: auto;} .mm-vertical .mm-listview > li.mm-opened > .mm-next:after, .mm-listview > li.mm-vertical.mm-opened > .mm-next:after{-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .mm-navbar{border-bottom: 1px solid; border-color: inherit; text-align: center; line-height: 20px; height: 40px; padding: 0 40px; margin: 0; position: absolute; top: 0; left: 0; right: 0;} .mm-navbar > *{display: block; padding: 10px 0;} .mm-navbar a, .mm-navbar a:hover{text-decoration: none;} .mm-navbar .mm-title{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .mm-navbar .mm-btn{box-sizing: border-box; width: 40px; height: 40px; position: absolute; top: 0; z-index: 1;} .mm-navbar .mm-btn:first-child{padding-left: 20px; left: 0;} .mm-navbar .mm-btn:last-child{text-align: right; padding-right: 20px; right: 0;} .mm-panel .mm-navbar{display: none;} .mm-panel.mm-hasnavbar .mm-navbar{display: block;} .mm-listview, .mm-listview > li{list-style: none; display: block; padding: 0; margin: 0;} .mm-listview{font: inherit; font-size: 14px; line-height: 20px;} .mm-listview a, .mm-listview a:hover{text-decoration: none;} .mm-listview > li{position: relative;} .mm-listview > li, .mm-listview > li:after, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before{border-color: inherit;} .mm-listview > li > a, .mm-listview > li > span{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; display: block; padding: 10px 10px 10px 20px; margin: 0;} .mm-listview > li > a.mm-arrow, .mm-listview > li > span.mm-arrow{padding-right: 50px;} .mm-listview > li:not(.mm-divider):after{content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 0; right: 0; bottom: 0;} .mm-listview > li:not(.mm-divider):after{left: 20px;} .mm-listview .mm-next{background: rgba(3, 2, 1, 0); width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2;} .mm-listview .mm-next:before{content: ''; border-left-width: 1px; border-left-style: solid; display: block; position: absolute; top: 0; bottom: 0; left: 0;} .mm-listview .mm-next + a, .mm-listview .mm-next + span{margin-right: 50px;} .mm-listview .mm-next.mm-fullsubopen{width: 100%;} .mm-listview .mm-next.mm-fullsubopen:before{border-left: none;} .mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span{padding-right: 50px; margin-right: 0;} .mm-menu > .mm-panel > .mm-listview{margin: 20px -20px;} .mm-menu > .mm-panel > .mm-listview:first-child, .mm-menu > .mm-panel > .mm-navbar + .mm-listview{margin-top: -20px;} .mm-listview .mm-inset{list-style: inside disc; padding: 0 10px 15px 40px; margin: 0;} .mm-listview .mm-inset > li{padding: 5px 0;} .mm-listview .mm-divider{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px;} .mm-listview .mm-spacer{padding-top: 40px;} .mm-listview .mm-spacer > .mm-next{top: 40px;} .mm-listview .mm-spacer.mm-divider{padding-top: 25px;} .mm-prev:before, .mm-next:after, .mm-arrow:after{content: ''; border: 2px solid transparent; display: inline-block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} .mm-prev:before{border-right: none; border-bottom: none; left: 20px;} .mm-next:after, .mm-arrow:after{border-top: none; border-left: none; right: 20px;} .mm-menu{background: #f3f3f3; border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.7);} .mm-menu .mm-navbar > *, .mm-menu .mm-navbar a{color: rgba(0, 0, 0, 0.3);} .mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after{border-color: rgba(0, 0, 0, 0.3);} .mm-menu .mm-listview{border-color: rgba(0, 0, 0, 0.1);} .mm-menu .mm-listview > li .mm-next:after, .mm-menu .mm-listview > li .mm-arrow:after{border-color: rgba(0, 0, 0, 0.3);} .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span{background: rgba(255, 255, 255, 0.5);} .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel{background: rgba(0, 0, 0, 0.05);} .mm-menu .mm-divider{background: rgba(0, 0, 0, 0.05);} /*jQuery.mmenu offcanvas addon CSS */ .mm-page{box-sizing: border-box; position: relative;} .mm-slideout{-webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease;} html.mm-opened{overflow: hidden; position: relative;} html.mm-opened body{overflow: hidden;} html.mm-background .mm-page{background: inherit;} #mm-blocker{background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999;} html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker{display: block;} .mm-menu.mm-offcanvas{display: none; position: fixed;} .mm-menu.mm-current{display: block;} .mm-menu{width: 80%; min-width: 140px; max-width: 440px;} html.mm-opening .mm-slideout{-webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0);} @media all and (max-width: 175px){ html.mm-opening .mm-slideout{-webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 550px){ html.mm-opening .mm-slideout{-webkit-transform: translate(440px, 0); -moz-transform: translate(440px, 0); -ms-transform: translate(440px, 0); -o-transform: translate(440px, 0); transform: translate(440px, 0); } } /*jQuery.mmenu autoHeight addon CSS */ .mm-menu.mm-top.mm-autoheight, .mm-menu.mm-bottom.mm-autoheight{max-height: 80%;} .mm-menu.mm-top.mm-autoheight.mm-fullscreen, .mm-menu.mm-bottom.mm-autoheight.mm-fullscreen{max-height: 100%;} .mm-menu.mm-measureheight > .mm-panel{bottom: auto !important; height: auto !important;} /*jQuery.mmenu counters addon CSS */ em.mm-counter{font: inherit; font-size: 14px; font-style: normal; text-indent: 0; line-height: 20px; display: block; margin-top: -10px; position: absolute; right: 45px; top: 50%;} em.mm-counter + a.mm-next{width: 90px;} em.mm-counter + a.mm-next + a, em.mm-counter + a.mm-next + span{margin-right: 90px;} em.mm-counter + a.mm-fullsubopen{padding-left: 0;} .mm-vertical > .mm-counter{top: 12px; margin-top: 0;} .mm-vertical.mm-spacer > .mm-counter{margin-top: 40px;} .mm-nosubresults > .mm-counter{display: none;} .mm-menu em.mm-counter{color: rgba(0, 0, 0, 0.3);} /*jQuery.mmenu dividers addon CSS */ .mm-divider > span{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0; line-height: 25px;} .mm-divider.mm-opened a.mm-next:after{-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .mm-collapsed:not(.mm-uncollapsed){ display: none;} .mm-fixeddivider{background: inherit; display: none; position: absolute; top: 0; left: 0; right: 0; z-index: 2; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .mm-fixeddivider:after{content: none !important; display: none !important;} .mm-hasdividers .mm-fixeddivider{display: block;} .mm-menu .mm-fixeddivider span{background: rgba(0, 0, 0, 0.05);} /*jQuery.mmenu dragOpen addon CSS */ html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-page, html.mm-opened.mm-dragging .mm-fixed-top, html.mm-opened.mm-dragging .mm-fixed-bottom, html.mm-opened.mm-dragging #mm-blocker{-webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s;} /*jQuery.mmenu iconpanels addon CSS */ .mm-iconpanel .mm-panel{-webkit-transition-property: -webkit-transform, left, right; -moz-transition-property: -moz-transform, left, right; -ms-transition-property: -ms-transform, left, right; -o-transition-property: -o-transform, left, right; transition-property: transform, left, right;} .mm-iconpanel .mm-panel.mm-opened{border-left: 1px solid; border-color: inherit;} .mm-iconpanel .mm-panel.mm-subopened{overflow-y: hidden; left: -40px; right: 40px; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .mm-iconpanel .mm-panel.mm-iconpanel-0{left: 0px;} .mm-iconpanel .mm-panel.mm-iconpanel-1{left: 40px;} .mm-iconpanel .mm-panel.mm-iconpanel-2{left: 80px;} .mm-iconpanel .mm-panel.mm-iconpanel-3{left: 120px;} .mm-iconpanel .mm-panel.mm-iconpanel-4{left: 160px;} .mm-iconpanel .mm-panel.mm-iconpanel-5{left: 200px;} .mm-iconpanel .mm-panel.mm-iconpanel-6{left: 240px;} .mm-subblocker{background: inherit; opacity: 0; display: block; -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -ms-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease;} .mm-subopened .mm-subblocker{opacity: 0.6; position: absolute; top: 0; right: 0; bottom: -100000px; left: 0; z-index: 3;} /*jQuery.mmenu navbars addon CSS */ .mm-menu > .mm-navbar{background: inherit; padding: 0; z-index: 3; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .mm-navbar-bottom{border-top-width: 1px; border-top-style: solid; border-bottom: none; top: auto; bottom: 0;} .mm-navbar-top ~ .mm-navbar-top{border-bottom: none;} .mm-navbar-bottom ~ .mm-navbar-bottom{border-top: none;} .mm-navbar.mm-hasbtns{padding: 0 40px;} .mm-close:after{content: 'x';} .mm-navbar[class*="mm-navbar-content-"] > *{box-sizing: border-box; display: block; float: left;} .mm-navbar > .mm-breadcrumbs{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-overflow-scrolling: touch; overflow-x: auto; text-align: left; padding: 0 0 0 17px;} .mm-navbar > .mm-breadcrumbs > *{display: inline-block; padding: 10px 3px;} .mm-navbar > .mm-breadcrumbs > a{text-decoration: underline;} .mm-navbar.mm-hasbtns .mm-breadcrumbs{margin-left: -40px;} .mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden) + .mm-breadcrumbs{margin-left: 0; padding-left: 0;} .mm-navbar-top-1{top: 0px;} .mm-hasnavbar-top-1 .mm-panel{top: 40px;} .mm-hasnavbar-top-1 .mm-indexer{top: 50px;} .mm-hasnavbar-top-1 .mm-fixeddivider{top: 40px;} .mm-navbar-top-2{top: 40px;} .mm-hasnavbar-top-2 .mm-panel{top: 80px;} .mm-hasnavbar-top-2 .mm-indexer{top: 90px;} .mm-hasnavbar-top-2 .mm-fixeddivider{top: 80px;} .mm-navbar-top-3{top: 80px;} .mm-hasnavbar-top-3 .mm-panel{top: 120px;} .mm-hasnavbar-top-3 .mm-indexer{top: 130px;} .mm-hasnavbar-top-3 .mm-fixeddivider{top: 120px;} .mm-navbar-top-4{top: 120px;} .mm-hasnavbar-top-4 .mm-panel{top: 160px;} .mm-hasnavbar-top-4 .mm-indexer{top: 170px;} .mm-hasnavbar-top-4 .mm-fixeddivider{top: 160px;} .mm-navbar-bottom-1{bottom: 0px;} .mm-hasnavbar-bottom-1 .mm-panel{bottom: 40px;} .mm-hasnavbar-bottom-1 .mm-indexer{bottom: 50px;} .mm-navbar-bottom-2{bottom: 40px;} .mm-hasnavbar-bottom-2 .mm-panel{bottom: 80px;} .mm-hasnavbar-bottom-2 .mm-indexer{bottom: 90px;} .mm-navbar-bottom-3{bottom: 80px;} .mm-hasnavbar-bottom-3 .mm-panel{bottom: 120px;} .mm-hasnavbar-bottom-3 .mm-indexer{bottom: 130px;} .mm-navbar-bottom-4{bottom: 120px;} .mm-hasnavbar-bottom-4 .mm-panel{bottom: 160px;} .mm-hasnavbar-bottom-4 .mm-indexer{bottom: 170px;} .mm-navbar-size-2{height: 80px;} .mm-navbar-size-3{height: 120px;} .mm-navbar-size-4{height: 160px;} .mm-navbar-content-2 > *{width: 50%;} .mm-navbar-content-3 > *{width: 33.33%;} .mm-navbar-content-4 > *{width: 25%;} .mm-navbar-content-5 > *{width: 20%;} .mm-navbar-content-6 > *{width: 16.67%;} /*jQuery.mmenu searchfield addon CSS */ .mm-search, .mm-search input{box-sizing: border-box;} .mm-search{height: 40px; padding: 7px 10px 0 10px;} .mm-search input{border: none; border-radius: 26px; font: inherit; font-size: 14px; line-height: 26px; outline: none; display: block; width: 100%; height: 26px; margin: 0; padding: 0 10px;} .mm-search input::-ms-clear{display: none;} .mm-panel > .mm-search{width: 100%; position: absolute; top: 0; left: 0;} .mm-panel.mm-hassearch{padding-top: 40px;} .mm-panel.mm-hassearch.mm-hasnavbar{padding-top: 80px;} .mm-panel.mm-hassearch.mm-hasnavbar .mm-search{top: 40px;} .mm-noresultsmsg{text-align: center; font-size: 21px; display: none; padding: 40px 0;} .mm-noresults .mm-noresultsmsg{display: block;} .mm-noresults .mm-indexer{display: none !important;} li.mm-nosubresults > a.mm-next{display: none;} li.mm-nosubresults > a.mm-next + a, li.mm-nosubresults > a.mm-next + span{padding-right: 10px;} .mm-menu .mm-search input{background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.7);} .mm-menu .mm-noresultsmsg{color: rgba(0, 0, 0, 0.3);} /*jQuery.mmenu sectionIndexer addon CSS */ .mm-indexer{background: inherit; text-align: center; font-size: 12px; box-sizing: border-box; width: 20px; position: absolute; top: 10px; bottom: 10px; right: -100px; z-index: 3; -webkit-transition: right 0.4s ease; -moz-transition: right 0.4s ease; -ms-transition: right 0.4s ease; -o-transition: right 0.4s ease; transition: right 0.4s ease; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .mm-indexer a{text-decoration: none; display: block; height: 3.85%;} .mm-indexer ~ .mm-panel.mm-hasindexer{padding-right: 40px;} .mm-hasindexer .mm-indexer{right: 0;} .mm-hasindexer .mm-fixeddivider{right: 20px;} .mm-menu .mm-indexer a{color: rgba(0, 0, 0, 0.3);} /*jQuery.mmenu toggles addon CSS */ input.mm-toggle, input.mm-check{position: absolute; left: -10000px;} label.mm-toggle, label.mm-check{margin: 0; position: absolute; top: 50%; z-index: 2;} label.mm-toggle:before, label.mm-check:before{content: ''; display: block;} label.mm-toggle{border-radius: 30px; width: 50px; height: 30px; margin-top: -15px;} label.mm-toggle:before{border-radius: 30px; width: 28px; height: 28px; margin: 1px;} input.mm-toggle:checked ~ label.mm-toggle:before{float: right;} label.mm-check{width: 30px; height: 30px; margin-top: -15px;} label.mm-check:before{border-left: 3px solid; border-bottom: 3px solid; width: 40%; height: 20%; margin: 25% 0 0 20%; opacity: 0.1; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} input.mm-check:checked ~ label.mm-check:before{opacity: 1;} li.mm-vertical label.mm-toggle, li.mm-vertical label.mm-check{bottom: auto; margin-top: 0;} li.mm-vertical label.mm-toggle{top: 5px;} li.mm-vertical label.mm-check{top: 5px;} label.mm-toggle, label.mm-check{right: 20px;} label.mm-toggle + a, label.mm-toggle + span{padding-right: 80px;} label.mm-check + a, label.mm-check + span{padding-right: 60px;} a.mm-next + label.mm-toggle, a.mm-next + label.mm-check{right: 60px;} a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span, a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span{margin-right: 50px;} a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span{padding-right: 70px;} a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span{padding-right: 50px;} em.mm-counter + a.mm-next + label.mm-toggle, em.mm-counter + a.mm-next + label.mm-check{right: 100px;} em.mm-counter + a.mm-next + label.mm-toggle + a, em.mm-counter + a.mm-next + label.mm-toggle + span, em.mm-counter + a.mm-next + label.mm-check + a, em.mm-counter + a.mm-next + label.mm-check + span{margin-right: 90px;} .mm-menu label.mm-toggle{background: rgba(0, 0, 0, 0.1);} .mm-menu label.mm-toggle:before{background: #f3f3f3;} .mm-menu input.mm-toggle:checked ~ label.mm-toggle{background: #4bd963;} .mm-menu label.mm-check:before{border-color: rgba(0, 0, 0, 0.7);} /*jQuery.mmenu borderstyle extension CSS */ .mm-menu.mm-border-none .mm-listview > li:after, .mm-listview.mm-border-none > li:after{content: none;} .mm-menu.mm-border-full .mm-listview > li:after, .mm-listview.mm-border-full > li:after{left: 0 !important;} /*jQuery.mmenu effects extension CSS */ html.mm-effect-zoom-menu .mm-menu.mm-offcanvas{-webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease;} html.mm-effect-zoom-menu.mm-opened .mm-menu.mm-effect-zoom-menu{-webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -moz-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -o-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;} html.mm-effect-zoom-menu.mm-opening .mm-menu.mm-effect-zoom-menu{-webkit-transform: scale(1, 1) translate3d(0%, 0, 0); -moz-transform: scale(1, 1) translate3d(0%, 0, 0); -ms-transform: scale(1, 1) translate3d(0%, 0, 0); -o-transform: scale(1, 1) translate3d(0%, 0, 0); transform: scale(1, 1) translate3d(0%, 0, 0);} html.mm-effect-zoom-menu.mm-right.mm-opened .mm-menu.mm-offcanvas{-webkit-transform: scale(0.7, 0.7) translate3d(30%, 0, 0); -moz-transform: scale(0.7, 0.7) translate3d(30%, 0, 0); -ms-transform: scale(0.7, 0.7) translate3d(30%, 0, 0); -o-transform: scale(0.7, 0.7) translate3d(30%, 0, 0); transform: scale(0.7, 0.7) translate3d(30%, 0, 0); -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center;} html.mm-effect-zoom-menu.mm-right.mm-opening .mm-menu.mm-effect-zoom-menu{-webkit-transform: scale(1, 1) translate3d(0%, 0, 0); -moz-transform: scale(1, 1) translate3d(0%, 0, 0); -ms-transform: scale(1, 1) translate3d(0%, 0, 0); -o-transform: scale(1, 1) translate3d(0%, 0, 0); transform: scale(1, 1) translate3d(0%, 0, 0);} html.mm-effect-slide-menu .mm-menu.mm-effect-slide-menu{-webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease;} html.mm-effect-slide-menu.mm-opened .mm-menu.mm-effect-slide-menu{-webkit-transform: translate3d(-30%, 0, 0); -moz-transform: translate3d(-30%, 0, 0); -ms-transform: translate3d(-30%, 0, 0); -o-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0);} html.mm-effect-slide-menu.mm-opening .mm-menu.mm-effect-slide-menu{-webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0);} html.mm-effect-slide-menu.mm-right.mm-opened .mm-menu.mm-effect-slide-menu{-webkit-transform: translate3d(30%, 0, 0); -moz-transform: translate3d(30%, 0, 0); -ms-transform: translate3d(30%, 0, 0); -o-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0);} html.mm-effect-slide-menu.mm-right.mm-opening .mm-menu.mm-effect-slide-menu{-webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0);} html.mm-effect-fade-menu .mm-menu.mm-effect-fade-menu{opacity: 0; -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -ms-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease;} html.mm-effect-fade-menu.mm-opening .mm-menu.mm-effect-fade-menu{opacity: 1;} .mm-menu.mm-effect-zoom-panels .mm-panel{-webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0); -moz-transform: scale(1.5, 1.5) translate3d(100%, 0, 0); -ms-transform: scale(1.5, 1.5) translate3d(100%, 0, 0); -o-transform: scale(1.5, 1.5) translate3d(100%, 0, 0); transform: scale(1.5, 1.5) translate3d(100%, 0, 0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;} .mm-menu.mm-effect-zoom-panels .mm-panel.mm-opened{-webkit-transform: scale(1, 1) translate3d(0%, 0, 0); -moz-transform: scale(1, 1) translate3d(0%, 0, 0); -ms-transform: scale(1, 1) translate3d(0%, 0, 0); -o-transform: scale(1, 1) translate3d(0%, 0, 0); transform: scale(1, 1) translate3d(0%, 0, 0);} .mm-menu.mm-effect-zoom-panels .mm-panel.mm-opened.mm-subopened{-webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -moz-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -o-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);} .mm-menu.mm-effect-slide-panels-0 .mm-panel.mm-subopened{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .mm-menu.mm-effect-slide-panels-100 .mm-panel.mm-subopened{-webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);} html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li{-webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);} html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(1){ -webkit-transition-delay: 100ms; -moz-transition-delay: 100ms; -ms-transition-delay: 100ms; -o-transition-delay: 100ms; transition-delay: 100ms;} html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(2){ -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; -ms-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms;} html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(3){ -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms;} html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(4){ -webkit-transition-delay: 400ms; -moz-transition-delay: 400ms; -ms-transition-delay: 400ms; -o-transition-delay: 400ms; transition-delay: 400ms;} html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(5){ -webkit-transition-delay: 500ms; -moz-transition-delay: 500ms; -ms-transition-delay: 500ms; -o-transition-delay: 500ms; transition-delay: 500ms;} html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(6){ -webkit-transition-delay: 600ms; -moz-transition-delay: 600ms; -ms-transition-delay: 600ms; -o-transition-delay: 600ms; transition-delay: 600ms;} html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(7){ -webkit-transition-delay: 700ms; -moz-transition-delay: 700ms; -ms-transition-delay: 700ms; -o-transition-delay: 700ms; transition-delay: 700ms;} html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(8){ -webkit-transition-delay: 800ms; -moz-transition-delay: 800ms; -ms-transition-delay: 800ms; -o-transition-delay: 800ms; transition-delay: 800ms;} html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(9){ -webkit-transition-delay: 900ms; -moz-transition-delay: 900ms; -ms-transition-delay: 900ms; -o-transition-delay: 900ms; transition-delay: 900ms;} html.mm-effect-slide-listitems.mm-opening .mm-menu.mm-effect-slide-listitems .mm-panel.mm-opened .mm-listview > li{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} /*jQuery.mmenu fullscreen extension CSS */ .mm-menu.mm-fullscreen{width: 100%; min-width: 140px; max-width: 10000px;} html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0);} @media all and (max-width: 140px){ html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 10000px){ html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform: translate(10000px, 0); -moz-transform: translate(10000px, 0); -ms-transform: translate(10000px, 0); -o-transform: translate(10000px, 0); transform: translate(10000px, 0); } } html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0);} @media all and (max-width: 140px){ html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform: translate(-140px, 0); -moz-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); -o-transform: translate(-140px, 0); transform: translate(-140px, 0); } } @media all and (min-width: 10000px){ html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform: translate(-10000px, 0); -moz-transform: translate(-10000px, 0); -ms-transform: translate(-10000px, 0); -o-transform: translate(-10000px, 0); transform: translate(-10000px, 0); } } .mm-menu.mm-fullscreen.mm-top, .mm-menu.mm-fullscreen.mm-bottom{height: 100%; min-height: 140px; max-height: 10000px;} html.mm-opened.mm-fullscreen .mm-page{box-shadow: none !important;} /*jQuery.mmenu multiline extension CSS */ .mm-menu.mm-multiline .mm-listview > li > a, .mm-menu.mm-multiline .mm-listview > li > span, .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > a, .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > span{text-overflow: clip; white-space: normal;} /*jQuery.mmenu pageshadow extension CSS */ .mm-menu.mm-pageshadow:after{content: ""; display: block; width: 20px; height: 120%; position: absolute; left: 100%; top: -10%; z-index: 99;} .mm-menu.mm-pageshadow.mm-right:after{left: auto; right: 100%;} .mm-menu.mm-pageshadow.mm-next:after, .mm-menu.mm-pageshadow.mm-front:after{content: none; display: none;} .mm-menu.mm-pageshadow:after{box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);} /*jQuery.mmenu position extension CSS */ .mm-menu.mm-top, .mm-menu.mm-bottom{width: 100%; min-width: 100%; max-width: 100%;} .mm-menu.mm-right{left: auto; right: 0;} .mm-menu.mm-bottom{top: auto; bottom: 0;} html.mm-right.mm-opening .mm-slideout{-webkit-transform: translate(-80%, 0); -moz-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); -o-transform: translate(-80%, 0); transform: translate(-80%, 0);} @media all and (max-width: 175px){ html.mm-right.mm-opening .mm-slideout{-webkit-transform: translate(-140px, 0); -moz-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); -o-transform: translate(-140px, 0); transform: translate(-140px, 0); } } @media all and (min-width: 550px){ html.mm-right.mm-opening .mm-slideout{-webkit-transform: translate(-440px, 0); -moz-transform: translate(-440px, 0); -ms-transform: translate(-440px, 0); -o-transform: translate(-440px, 0); transform: translate(-440px, 0); } } /*jQuery.mmenu z-position extension CSS */ html.mm-front .mm-slideout{-webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; z-index: 0 !important;} .mm-menu.mm-front{z-index: 1;} .mm-menu.mm-front, .mm-menu.mm-next{-webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);} .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right{-webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);} .mm-menu.mm-top{-webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);} .mm-menu.mm-bottom{-webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);} html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .mm-menu.mm-top, .mm-menu.mm-bottom{height: 80%; min-height: 140px; max-height: 880px;} /*jQuery.mmenu themes extension CSS */ .icon_title{text-align: center;} .icon_title span{color: #393939; font-size: 33px; font-weight: bold; padding: 0 24px; background: url(../images/icon3.png) no-repeat left top; position: relative;} .icon_title span:before{content: ""; position: absolute; right: 0; bottom: 0; width: 16px; height: 17px; background: url(../images/icon4.png) no-repeat center center;} .icon_title span i{display: inline-block; width: 6px; height: 6px; background: #033e88; border-radius: 2px; position: relative; top: -9px; margin: 0 18px;} .icon_title span em{font-style: normal; text-transform: uppercase; color: #033e88; font-size: 26px; font-family: "BEBAS_";} @media (max-width: 640px){ .icon_title span{font-size: 24px; line-height: 30px;} .icon_title span i{top: -3px; margin: 0 5px; width: 4px; height: 4px;} .icon_title span em{position: relative; top: 1.5px; font-size: 20px; } } @media (max-width: 414px){ .icon_title span{font-size: 16px; line-height: 30px;} .icon_title span i{top: -4px; margin: 0 12px;} .icon_title span em{position: relative; top: 1.5px; font-size: 14px; } } .icon_name{text-align: center; color: #666666; font-size: 15px; margin-top: 30px;} @media (max-width: 1024px){ .icon_name{margin-top: 2.5%; } } @media (max-width: 1024px){ .icon_name{font-size: 14px; } } .home_con{padding: 82px 0 100px;} .home_con .home_pro{margin-top: 50px;} .home_con .home_pro .left a, .home_con .home_pro .right a{display: block; width: 100%; position: relative;} .home_con .home_pro .left a .text, .home_con .home_pro .right a .text{position: absolute; left: 35px; top: 30px; width: 100%;} .home_con .home_pro .left a .text h3, .home_con .home_pro .right a .text h3{color: #333333; font-size: 20px; line-height: 22px; padding-bottom: 16px; margin-bottom: 10px; position: relative;} .home_con .home_pro .left a .text h3:before, .home_con .home_pro .right a .text h3:before{content: ""; position: absolute; left: 0; bottom: 0; width: 28px; height: 2px; background: #cfcfcf;} .home_con .home_pro .left a .text span, .home_con .home_pro .right a .text span{color: #959697; font-size: 15px; font-family: arial; text-transform: uppercase; line-height: 20px;} .home_con .home_pro .left{width: 68.671875%;} .home_con .home_pro .left ul li{float: left; width: 48.91%; margin-bottom: 20px; line-height: 0; overflow: hidden;} .home_con .home_pro .left ul li:first-child{width: 100%;} .home_con .home_pro .left ul li:first-child a .text h3{color: #f3f3f3; font-size: 30px; line-height: 33px;} .home_con .home_pro .left ul li:first-child a .text h3:before{width: 40px; height: 2px; background: #346fb1;} .home_con .home_pro .left ul li:first-child a .text span{color: #c4e3f8;} .home_con .home_pro .left ul li:nth-child(3){ float: right;} .home_con .home_pro .right{width: 29.765625%; overflow: hidden;} @media (max-width: 1024px){ .home_con{padding: 7% 0;} .home_con .home_pro{margin-top: 5%;} .home_con .home_pro .left ul li{margin-bottom: 2.25%; } } @media (max-width: 768px){ .home_con .home_pro img{width: 100%;} .home_con .home_pro .left a .text, .home_con .home_pro .right a .text{left: 15px; top: 15px;} .home_con .home_pro .left a .text h3, .home_con .home_pro .right a .text h3{font-size: 15px; line-height: 22px; padding-bottom: 8px; margin-bottom: 6px;} .home_con .home_pro .left a .text span, .home_con .home_pro .right a .text span{font-size: 12px;} .home_con .home_pro .left{width: 100%;} .home_con .home_pro .left ul li:first-child a .text h3{line-height: 24px; font-size: 15px;} .home_con .home_pro .left ul li:first-child a .text span{color: #c4e3f8;} .home_con .home_pro .left ul li:nth-child(3){ float: right;} .home_con .home_pro .right{width: 100%; } } @media (max-width: 414px){ .home_con .home_pro .left{width: 100%;} .home_con .home_pro .left ul li{width: 100%;} .home_con .home_pro .left ul li:first-child a .text h3{line-height: 24px; font-size: 15px;} .home_con .home_pro .left ul li:first-child a .text span{color: #c4e3f8;} .home_con .home_pro .left ul li:nth-child(3){ float: right; } } .home_solutions{overflow: hidden;} .home_solutions .text_con{width: 100%;} .home_solutions .text_con .img{width: 49.9%; line-height: 0; overflow: hidden;} .home_solutions .text_con .text{background: url(../images/home_bg.jpg) no-repeat center center; height: 617px; width: 50.1%; padding-left: 3%; padding-top: 8%; padding-right: 3%;} .home_solutions .text_con .text .icon_title{text-align: left;} .home_solutions .text_con .text .icon_title span{color: #FFF; background: url(../images/icon5.png) no-repeat left top;} .home_solutions .text_con .text .icon_title span:before{background: url(../images/icon6.png) no-repeat center center;} .home_solutions .text_con .text .icon_title span i{background: #537eba;} .home_solutions .text_con .text .icon_title span em{color: #537eba;} .home_solutions .text_con .text .con{width: 566px; margin-top: 5%; padding-left: 3%;} .home_solutions .text_con .text .con h3{color: #FFF; font-size: 22px; font-weight: normal;} .home_solutions .text_con .text .con p{margin-top: 2%; color: #FFF; font-size: 14px; line-height: 24px;} .home_solutions .text_con .text .con .more{margin-top: 6%; background: #f1861b; display: inline-block; border-radius: 50px; padding: 0 30px; height: 38px; line-height: 38px; color: #FFF; font-size: 13px; font-weight: bold; text-transform: uppercase;} .home_solutions .slick-prev, .home_solutions .slick-next{width: 74px; height: 74px; border: none; top: auto; bottom: 0; margin-top: 0;} .home_solutions .slick-prev{background: url(../images/prev1.png) no-repeat center center; left: 46.05%;} .home_solutions .slick-next{background: url(../images/next1.png) no-repeat center center; right: 46.15%;} @media (max-width: 1600px){ .home_solutions .text_con .text{height: 519px;}.home_solutions .slick-prev{left: 45.25%;}.home_solutions .slick-next{right: 45.48%; } } @media (max-width: 1440px){ .home_solutions .text_con .text{height: 468px;}.home_solutions .slick-prev{left: 44.9%;}.home_solutions .slick-next{right: 44.95%;}.home_solutions .text_con .text{padding-top: 6%; } } @media (max-width: 1366px){ .home_solutions .text_con .text{height: 443px;}.home_solutions .slick-prev{left: 44.9%;}.home_solutions .slick-next{right: 44.6%;}.home_solutions .text_con .text{padding-top: 5%; } } @media (max-width: 1024px){ .home_solutions .text_con{padding: 0 15px;} .home_solutions .text_con .img{width: 100%;} .home_solutions .text_con .img img{width: 100%;} .home_solutions .text_con .text{width: 100%; height: auto; background-size: 100% 100%; padding: 8% 15px 8%;} .home_solutions .text_con .text .con{width: 100%;} .home_solutions .slick-prev, .home_solutions .slick-next{width: 50px; height: 50px; border: none; top: auto; bottom: 1px; margin-top: 0; background-size: 100% 100%;} .home_solutions .slick-prev{left: 45%;} .home_solutions .slick-next{right: 45%; } } @media (max-width: 768px){ .home_solutions .slick-prev, .home_solutions .slick-next{bottom: 0;} .home_solutions .slick-prev{left: 43.5%;} .home_solutions .slick-next{right: 43.5%; } } @media (max-width: 640px){ .home_solutions .slick-prev, .home_solutions .slick-next{bottom: 0;} .home_solutions .slick-prev{left: 42%;} .home_solutions .slick-next{right: 42%; } } @media (max-width: 480px){ .home_solutions .slick-prev, .home_solutions .slick-next{width: 30px; height: 30px;} .home_solutions .slick-prev{left: 43%;} .home_solutions .slick-next{right: 43%; } } @media (max-width: 414px){ .home_solutions .text_con .text .con h3{font-size: 16px; } } @media (max-width: 375px){ .home_solutions .slick-prev, .home_solutions .slick-next{width: 30px; height: 30px;} .home_solutions .slick-prev{left: 41%;} .home_solutions .slick-next{right: 41%; } } @media (max-width: 320px){ .home_solutions .slick-prev, .home_solutions .slick-next{width: 30px; height: 30px;} .home_solutions .slick-prev{left: 40%;} .home_solutions .slick-next{right: 40%; } } .home_case{overflow: hidden; margin-top: 100px; padding-bottom: 178px; background: url(../images/case_bg.jpg) no-repeat center bottom;} .home_case .left{width: 33.984375%; margin-top: 6%;} .home_case .left .icon_title{text-align: left;} .home_case .left ul{margin-top: 30px; width: 284px;} .home_case .left ul li{float: left; min-width: 135px; border: 1px solid #e6e6e6; border-radius: 50px; line-height: 40px; margin: 10px 0; text-align: center;} .home_case .left ul li a{display: block; color: #777777; font-size: 16px;} .home_case .left ul li:nth-child(2n){ float: right;} .home_case .left .text{margin-top: 34px;} .home_case .left .text h3{color: #014090; font-size: 22px; font-weight: normal; padding-bottom: 22px; margin-bottom: 25px; position: relative;} .home_case .left .text h3:before{content: ""; position: absolute; left: 0; bottom: 0; width: 52px; height: 2px; background: #dfe4e9;} .home_case .left .text p{color: #666666; font-size: 15px; line-height: 24px;} .home_case .left .text a{margin-top: 25px; display: inline-block; color: #014090; text-transform: uppercase; font-size: 15px; background: url(../images/more1.jpg) no-repeat right center; padding-right: 38px;} .home_case .right{width: 61.09375%; position: relative;} .home_case .right img{width: 100%;} .home_case .right i{display: block; float: right; width: 91.7%; line-height: 0;} .home_case .right span{display: block; position: absolute; left: 0; top: 7%; width: 95.7%; line-height: 0; overflow: hidden;} @media (max-width: 1024px){ .home_case{margin-top: 8%; padding-bottom: 8%;} .home_case .left{width: 100%; margin-top: 0;} .home_case .left ul{margin-top: 3%; width: 100%;} .home_case .left ul li{margin: 0 0 0 2%;} .home_case .left ul li:nth-child(2n){ float: left;} .home_case .left ul li:first-child{margin-left: 0;} .home_case .left .text{margin-top: 3%;} .home_case .right{width: 100%;} .home_case .right .bg{display: none;} .home_case .right span{position: relative; width: 100%; top: 0; display: block; margin-top: 3%; } } @media (max-width: 480px){ .home_case .left ul{margin-top: 5%;} .home_case .left ul li{width: 23.5%; min-width: 0;} .home_case .left .text{margin-top: 3%; } } @media (max-width: 414px){ .home_case .left ul li{line-height: 30px;} .home_case .left ul li a{font-size: 13px;} .home_case .left .text{margin-top: 6%;} .home_case .left .text h3{font-size: 15px; font-weight: normal; padding-bottom: 10px; margin-bottom: 8px;} .home_case .left .text p{color: #666666; font-size: 14px; line-height: 24px;} .home_case .left .text a{margin-top: 4%; } } .home_news{background: url(../images/bg2.jpg); padding: 80px 0 100px;} .home_news .ol_list{margin-top: 40px; text-align: center;} .home_news .ol_list a{display: inline-block; background: #fff; border-radius: 50px; border: 1px solid #e9e9e9; line-height: 40px; padding: 0 35px; color: #777777; font-size: 16px; margin: 0 7px; position: relative;} .home_news .ol_list a:before{display: none; content: ""; position: absolute; left: 50%; margin-left: -5px; bottom: -5px; width: 10px; height: 5px; background: url(../images/bg3.png) no-repeat center center;} .home_news .ol_list a:hover, .home_news .ol_list a.cur{background: #0070c9; border-color: #0070c9; color: #fff;} .home_news .ol_list a:hover:before, .home_news .ol_list a.cur:before{display: block;} .home_news .con_box{margin-top: 60px;} .home_news .con_box .left{width: 46%; position: relative;} .home_news .con_box .left span{width: 100%; line-height: 0; display: block; overflow: hidden;} .home_news .con_box .left .text{position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; line-height: 50px; background: rgba(0, 0, 0, 0.4); padding-left: 20px;} .home_news .con_box .left .text p{max-width: 70%; float: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #FFF; font-size: 17px;} .home_news .con_box .left .text em{float: right; display: inline-block; background: #f08921; font-style: normal; color: #FFF; font-size: 14px; font-family: arial; padding: 0 18px;} .home_news .con_box .left .text em i{display: inline-block; background: url(../images/more2.png) no-repeat center center; width: 24px; height: 6px; position: relative; margin-left: 10px; top: -2px;} .home_news .con_box .right{width: 54%;} .home_news .con_box .right ul li{float: left; width: 100%; background: #fff; height: 137px; margin-bottom: 3px;} .home_news .con_box .right ul li a{display: block; width: 100%; height: 100%; padding: 0 50px;} .home_news .con_box .right ul li a .text_con{padding-top: 5%;} .home_news .con_box .right ul li a .text_con .text{width: 80%;} .home_news .con_box .right ul li a .text_con .text h3{color: #323232; font-size: 17px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .home_news .con_box .right ul li a .text_con .text p{margin-top: 8px; color: #888888; font-size: 15px; line-height: 24px; height: 48px; overflow: hidden;} .home_news .con_box .right ul li a .text_con .data span{text-align: center; display: block; color: #666666; font-size: 42px;} .home_news .con_box .right ul li a .text_con .data em{font-style: normal; color: #919294; font-size: 16px; font-family: arial;} .home_news .con_box .right ul li:hover{background: #093c89;} .home_news .con_box .right ul li:hover a .text_con .text h3, .home_news .con_box .right ul li:hover a .text_con .text p, .home_news .con_box .right ul li:hover a .text_con .data span, .home_news .con_box .right ul li:hover a .text_con .data em{color: #fff;} @media (max-width: 1024px){ .home_news{padding: 8% 0;} .home_news .ol_list{margin-top: 4%;} .home_news .con_box .right ul li{height: auto;} .home_news .con_box .right ul li a{padding: 2.7% 15px;} .home_news .con_box .right ul li a .text_con{padding-top: 0;} .home_news .con_box .right ul li a .text_con .data{max-width: 30%; } } @media (max-width: 991px){ .home_news .con_box .left{width: 100%;} .home_news .con_box .left img{width: 100%;} .home_news .con_box .right{width: 100%; } } @media (max-width: 480px){ .home_news .ol_list{text-align: center;} .home_news .ol_list a{float: left; width: 32%; padding: 0; margin: 0 2% 0 0;} .home_news .ol_list a:last-child{margin-right: 0;} .home_news .con_box{margin-top: 6%;} .home_news .con_box .right ul li a{padding: 5% 15px;} .home_news .con_box .right ul li a .text_con .text{width: 100%;} .home_news .con_box .right ul li a .text_con .data{float: none; } } @media (max-width: 414px){ .home_news .ol_list{text-align: center;} .home_news .ol_list a{line-height: 34px; font-size: 13px;} .home_news .con_box .left .text{height: 36px; line-height: 36px; padding-left: 15px;} .home_news .con_box .left .text p{max-width: 60%; font-size: 13px;} .home_news .con_box .left .text em{display: block; font-size: 13px; padding: 0 15px; max-width: 40%; text-align: center;} .home_news .con_box .left .text em i{display: none;} .home_news .con_box .right ul li a .text_con .text h3{font-size: 15px;} .home_news .con_box .right ul li a .text_con .text p{font-size: 13px; line-height: 22px;} .home_news .con_box .right ul li a .text_con .data span{font-size: 32px; } } @media (max-width: 320px){ .home_news .con_box .right ul li a .text_con .text{width: 75%; } } .case_banner{background: url(../images/case_banner.jpg) no-repeat center center; min-height: 700px; padding-top: 414px; text-align: center;} .case_banner h1{color: #FFF;font-size: 40px;} @media (max-width: 1024px){ .case_banner{background-size: 100% 100%;min-height: 450px;padding-top: 267px; } } @media (max-width: 768px){ .case_banner{min-height: 340px;padding-top: 197px; } } @media (max-width: 640px){ .case_banner{min-height: auto; padding: 14% 0 10%;}.case_banner h1{font-size: 24px; } } .case_box{padding: 55px 0 80px;} .case_box ul li{float: left; width: 23.5%; margin-right: 2%; position: relative;} .case_box ul li .img{line-height: 0; overflow: hidden;} .case_box ul li img{width: 100%;} .case_box ul li:last-child{margin-right: 0;} .case_box ul li .text{position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(255, 255, 255, 0.8); color: #555555; font-size: 20px; padding: 7% 15px;} .case_box ul li .text span{padding-left: 6%; position: relative;} .case_box ul li .text span:before{content: ""; position: absolute; left: 0; top: 50%; margin-top: -2px; width: 4px; height: 4px; border-radius: 2px; background: #585858;} .case_box ul li:hover .text{background: #fa9530; color: #fff;} .case_box ul li:hover .text span:before{background: #fff;} @media (max-width: 991px){ .case_box{padding: 6% 0 7%; } } @media (max-width: 640px){ .case_box ul li{width: 49%; float: left; margin-bottom: 2%; margin-right: 0;} .case_box ul li:nth-child(2n){ float: right;} .case_box ul li .text{font-size: 16px; padding: 5% 10px;} .case_box ul li .text span{padding-left: 10px; } } .case_banner2{background: url(../images/case_banner2.jpg) no-repeat center center / cover; min-height: 700px;} .case_banner2 .text{width: 42%; padding-top: 24%;} .case_banner2 .text h3{color: #ececec; font-size: 48px;} .case_banner2 .text .t{margin-top: 5%; color: #FFF; font-size: 18px; line-height: 36px;} @media (max-width: 1024px){ .case_banner2{min-height: 466px;} .case_banner2 .text{padding-top: 13%;} .case_banner2 .text h3{font-size: 30px;} .case_banner2 .text .t{font-size: 14px; line-height: 22px; } } @media (max-width: 768px){ .case_banner2{min-height: 430px;} .case_banner2 .text{padding-top: 13%;} .case_banner2 .text h3{font-size: 26px;} .case_banner2 .text .t{font-size: 14px; line-height: 22px; } } @media (max-width: 640px){ .case_banner2{min-height: 355px;} .case_banner2 .text{width: 100%; text-align: center;} .case_banner2 .text .t{margin-top: 2%; } } .case_list{margin-top: 50px;} .case_list .top_title{background: url(../images/gcase_bg.jpg) no-repeat center center / cover; min-height: 266px; padding-top: 75px;} .case_list .top_title h3{text-align: center; color: #fff; font-size: 28px; padding-bottom: 16px; position: relative;} .case_list .top_title h3:before{content: ""; position: absolute; left: 50%; margin-left: -16px; bottom: 0; width: 32px; height: 1px; background: #fff;} .case_list .top_title p{text-align: center; width: 640px; margin: 12px auto 0; color: #FFF; font-size: 15px; line-height: 25px;} .case_list ul{margin-top: 2%; /*margin-left: -2%;*/ } .case_list ul li{float: left; width: 32%; position: relative; margin-bottom: 2%; margin-right: 2%;} .case_list ul li:nth-child(3n){ margin-right: 0;} .case_list ul li .img{line-height: 0; overflow: hidden;} .case_list ul li .img img{width: 100%;} .case_list ul li .t{position: absolute; left: 0; bottom: 0; width: 100%; background: url(../images/gcase_bg2.png); line-height: 52px; color: #FFF; font-size: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 0 30px;} .case_list ul li:hover .t{background: #e87f15;} .case_list .more_btn{display: block; width: 100%; background: #f2f2f2; text-align: center; line-height: 46px; color: #666666; font-size: 15px; font-family: arial; text-transform: uppercase;} .case_list .more_btn span{display: inline-block; background: url(../images/more_icon1.png) no-repeat right center; padding-right: 40px;} @media (max-width: 991px){ .case_list{margin: 5% 0 6%; } } @media (max-width: 640px){ .case_list .top_title{min-height: auto; padding-top: 5%; padding-bottom: 5%;} .case_list .top_title h3{font-size: 22px; padding-bottom: 16px;} .case_list .top_title p{width: 100%; font-size: 14px; line-height: 24px; padding: 0 10px; } } @media (max-width: 480px){ .case_list .top_title h3{font-size: 16px; padding-bottom: 8px;} .case_list ul li{width: 100%; margin-right: 0;} .case_list ul li:first-child, .case_list ul li:last-child{width: 100%;} .case_list ul li .t{line-height: 32px; font-size: 14px; padding: 0 10px; } } /* p-list */ .led-ld-list{margin-top: 50px;} .led-ld-list .top_title{background: url(../images/gcase_bg.jpg) no-repeat center center / cover; min-height: 266px; padding-top: 75px;} .led-ld-list .top_title h3{text-align: center; color: #fff; font-size: 28px; padding-bottom: 16px; position: relative;} .led-ld-list .top_title h3:before{content: ""; position: absolute; left: 50%; margin-left: -16px; bottom: 0; width: 32px; height: 1px; background: #fff;} .led-ld-list .top_title p{text-align: center; width: 640px; margin: 12px auto 0; color: #FFF; font-size: 15px; line-height: 25px;} .led-ld-list ul{margin-top: 2%; /*margin-left: -2%;*/ } .led-ld-list ul li{float: left; width: 32%; position: relative; margin-bottom: 2%; margin-right: 2%;border:1px solid #eee;padding:50px 0;} .led-ld-list ul li:nth-child(3n){ margin-right: 0;} .led-ld-list ul li .img{line-height: 0; overflow: hidden;text-align: center;} .led-ld-list ul li .img img{width: 80%;} .led-ld-list ul li .t{position: absolute; left: 0; bottom: 0; width: 100%; background:#999; line-height: 52px; color: #FFF; font-size: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 0 30px;text-align: center;} .led-ld-list ul li:hover .t{background: #0070c9;} @media (max-width: 991px){ .led-ld-list{margin: 5% 0 6%; } } @media (max-width: 640px){ .led-ld-list .top_title{min-height: auto; padding-top: 5%; padding-bottom: 5%;} .led-ld-list .top_title h3{font-size: 22px; padding-bottom: 16px;} .led-ld-list .top_title p{width: 100%; font-size: 14px; line-height: 24px; padding: 0 10px; } } @media (max-width: 480px){ .led-ld-list .top_title h3{font-size: 16px; padding-bottom: 8px;} .led-ld-list ul li{width: 100%; margin-right: 0;} .led-ld-list ul li:first-child, .led-ld-list ul li:last-child{width: 100%;} .led-ld-list ul li .t{line-height: 32px; font-size: 14px; padding: 0 10px; } } .case_show{padding: 60px 0;} .case_show h1{text-align: center; color: #555555; font-size: 28px; font-weight: normal; border-bottom: 1px solid #f0f0f0; padding-bottom: 36px;} .case_show .con{padding: 32px 0 0; color: #666666; font-size: 14px; line-height: 24px;} .case_show .btn{margin-top: 3.5%; float: right; display: block; width: 13%; line-height: 0;} .case_show .btn img{width: 100%;} @media (max-width: 991px){ .case_show{padding: 6% 0;} .case_show h1{padding-bottom: 3%;} .case_show .con{padding-top: 3%; } } @media (max-width: 768px){ .case_show .btn{width: 20%; } } @media (max-width: 640px){ .case_show h1{font-size: 24px;} .case_show .btn{width: 20%; } } @media (max-width: 480px){ .case_show h1{font-size: 16px;} .case_show .btn{width: 24%; } } @media (max-width: 375px){ .case_show h1{font-size: 16px;} .case_show .btn{width: 30%; } } .pro_menu{padding-top: 90px;} .pro_menu ul{padding-top: 32px; padding-bottom: 36px; width: 60%; margin: 0 auto;} .pro_menu ul li{float: left; width: 13.2%; margin-right: 15.7%;} .pro_menu ul li:last-child{margin-right: 0;} .pro_menu ul li .img{line-height: 0;} .pro_menu ul li .img span{display: block;} .pro_menu ul li .img em{display: none;} .pro_menu ul li p{margin-top: 12px; text-align: center; color: #212121; font-size: 16px;} .pro_menu ul li:hover .img span, .pro_menu ul li.cur .img span{display: none;} .pro_menu ul li:hover .img em, .pro_menu ul li.cur .img em{display: block;} .pro_menu ul li:hover p, .pro_menu ul li.cur p{color: #1c6ac3;} @media (max-width: 1024px){ .pro_menu{padding-top: 0; } } @media (max-width: 991px){ .pro_menu ul{padding-top: 4%; padding-bottom: 4%;} .pro_menu ul li p{font-size: 12px; } } @media (max-width: 768px){ .pro_menu ul{width: 80%; } } @media (max-width: 480px){ .pro_menu ul li{width: 18%; margin-right: 9.3333%; } } @media (max-width: 414px){ .pro_menu ul{padding: 6% 0;} .pro_menu ul li{width: 20%; margin-right: 6.6666%; } } @media (max-width: 414px){ .pro_menu ul{width: 100%; } } .pro_list ul li{width: 100%; float: left; position: relative;} .pro_list ul li .img{line-height: 0; overflow: hidden; cursor: pointer;} .pro_list ul li .text_con{position: absolute; right: 17.1875%; top: 28%; width: 32%;} .pro_list ul li .text_con .text span{display: block; float: left; width: 20%;} .pro_list ul li .text_con .text .t{float: right; width: 78%;} .pro_list ul li .text_con i{display: block; line-height: 0; width: 12%; margin-bottom: 10px;} .pro_list ul li .text_con .d{color: #FFF; font-size: 38px; line-height: 48px;} .pro_list ul li .text_con .tw{margin-top: 8px; color: #dbdbdb; font-size: 14px; font-family: arial; text-transform: uppercase;} .pro_list ul li .text_con .more{margin-top: 34px; display: inline-block; line-height: 50px; border-radius: 50px; background: #f9970c; padding: 0 30px; color: #fff; font-size: 16px;} .pro_list ul li:nth-child(2n) .text_con{left: 22%; right: auto;} .pro_list ul li:nth-child(2n) .text_con .t{width: 100%;} .pro_list ul li:nth-child(2n) .text_con .t i{margin-bottom: 22px;} .pro_list ul li:nth-child(3) .text_con{top: 33%;} .pro_list ul li:nth-child(3) .text_con .t{width: 100%;} .pro_list ul li:nth-child(3) .text_con .t i{width: 15%; margin-bottom: 22px;} .pro_list ul li:nth-child(4) .text_con .t i{width: 9%; margin-bottom: 22px;} @media (max-width: 1440px){ .pro_list ul li .text_con .d{font-size: 28px; line-height: 38px; } } @media (max-width: 1024px){ .pro_list ul li .text_con{right: 15px; width: 45%; top: 20%;} .pro_list ul li .text_con .text span{width: 14.7%;} .pro_list ul li .text_con .t{width: 80%; margin-top: 1%;} .pro_list ul li .text_con .d{font-size: 20px; line-height: 28px;} .pro_list ul li .text_con .tw{margin-top: 8px; font-size: 12px;} .pro_list ul li .text_con .more{font-size: 14px; line-height: 38px;} .pro_list ul li:nth-child(2n) .text_con{left: 15px;} .pro_list ul li:nth-child(3) .text_con{top: 27%; } } @media (max-width: 991px){ .pro_list ul li .text_con .d{font-size: 19px; } } @media (max-width: 768px){ .pro_list ul li .text_con{right: 15px; width: 48%; top: 20%;} .pro_list ul li .text_con .text span{width: 18%;} .pro_list ul li .text_con .t{margin-top: 1%;} .pro_list ul li .text_con .t i{margin-bottom: 10px;} .pro_list ul li .text_con .d{font-size: 17px; line-height: 24px;} .pro_list ul li .text_con .more{margin-top: 15px; font-size: 13px; line-height: 32px;} .pro_list ul li:nth-child(2n) .text_con .t i{margin-bottom: 10px;} .pro_list ul li:nth-child(3) .text_con .t i{margin-bottom: 10px; } } @media (max-width: 640px){ .pro_list ul li .text_con{background: #084899; padding: 20px 15px 30px; position: relative; left: 0; top: 0; width: 100%;} .pro_list ul li .text_con .text span{width: 7%;} .pro_list ul li .text_con .text .t{margin-top: 0; width: 91%;} .pro_list ul li .text_con .text .t i{width: 4%; margin-bottom: 7px;} .pro_list ul li .text_con .d{font-size: 14px; line-height: 20px;} .pro_list ul li .text_con .tw{margin-top: 5px; font-size: 12px;} .pro_list ul li .text_con .more{margin-top: 20px; line-height: 38px; border-radius: 38px; padding: 0 20px; color: #fff; font-size: 13px;} .pro_list ul li:nth-child(2n) .text_con{left: 0; right: auto;} .pro_list ul li:nth-child(3) .text_con{top: 0; } } @media (max-width: 480px){ .pro_list ul li .text_con .text span{width: 9%;} .pro_list ul li .text_con .text .t{width: 88%;} .pro_list ul li .text_con .d{font-size: 18px; } } @media (max-width: 414px){ .pro_list ul li .text_con .text span{width: 10%;} .pro_list ul li .text_con .text .t{width: 88%;} .pro_list ul li .text_con .text .t i{width: 6%; } } @media (max-width: 414px){ .pro_list ul li .text_con .tw{font-size: 9px; margin-top: 3px; } } .contact_banner{background: url(../images/contact_banner.jpg) no-repeat center top / cover; min-height: 700px; padding-top: 240px;} .contact_banner h1{text-align: center; color: #fff; font-size: 47px;} .contact_banner h3{text-align: center; color: #fff; font-weight: normal; font-size: 30px; margin-top: 8px;} .contact_banner .name{text-align: center; color: #fff; font-size: 14px; width: 750px; margin: 10px auto 0; line-height: 24px;} .contact_banner ol{width: 790px; margin: 60px auto 0;} .contact_banner ol li{float: left; width: 48%; background: rgba(30, 182, 255, 0.2); line-height: 45px; margin-bottom: 25px; color: #fff; padding: 0 20px; font-size: 16px; border-radius: 50px;} .contact_banner ol li:nth-child(2n){ float: right;} .contact_banner ol li span{display: inline-block; padding-left: 30px;} .contact_banner ol li .s1{background: url(../images/contact_icon1.png) no-repeat left center;} .contact_banner ol li .s2{background: url(../images/contact_icon2.png) no-repeat left center;} .contact_banner ol li .s3{background: url(../images/contact_icon3.png) no-repeat left center;} .contact_banner ol li .s4{background: url(../images/contact_icon4.png) no-repeat left center;} @media (max-width: 1024px){ .contact_banner{padding-top: 10%; padding-bottom: 10%; min-height: auto; } } @media (max-width: 768px){ .contact_banner .name{width: 100%;} .contact_banner ol{width: 100%; margin-top: 6%; } } @media (max-width: 640px){ .contact_banner h1{font-size: 24px;} .contact_banner h3{font-size: 20px;} .contact_banner ol li{width: 100%; margin-bottom: 3.5%; } } @media (max-width: 375px){ .contact_banner{padding-top: 12%; padding-bottom: 13%;} .contact_banner ol li{font-size: 14px; } } @media (max-width: 320px){ .contact_banner h1{font-size: 18px;} .contact_banner h3{font-size: 15px;} .contact_banner .name{font-size: 14px; line-height: 20px;} .contact_banner ol li{font-size: 12px; } } .message{padding: 70px 0 80px;} .message h3{text-align: center; color: #333333; font-size: 22px; font-weight: normal;} .message ol{width: 1000px; margin: 50px auto 0;} .message ol li{float: left; width: 48%; margin-bottom: 25px; background: #f3f3f3;} .message ol li:nth-child(2n){ float: right;} .message ol li:nth-child(6){ float: left;} .message ol li:nth-child(7){ float: right;} .message ol li input{height: 54px; width: 100%; background: none; border: none; color: #999999; padding: 0 15px; font-size: 14px; font-family: "寰蒋闆呴粦"; outline: none; -webkit-appearance: none;} .message ol li textarea{font-size: 14px; padding: 10px 15px; width: 100%; height: 162px; border: none; background: none; color: #999999; font-family: "寰蒋闆呴粦"; outline: none; -webkit-appearance: none;} .message ol li .btn, .message ol li .btn2{color: #fff; font-size: 18px;} .message ol li .btn{background: #e87e14;} .message ol li .btn2{background: #808080;} @media (max-width: 1024px){ .message ol{width: 100%; } } @media (max-width: 991px){ .message{padding: 7% 0;} .message ol{margin-top: 5%; } } @media (max-width: 640px){ .message ol li{width: 100%; margin-bottom: 2%;} .message ol li input{padding: 2% 10px; height: auto; font-size: 12px;} .message ol li textarea{font-size: 12px; padding: 5px 10px;} .message ol li:nth-child(6), .message ol li:nth-child(7){ width: 49%;} .message ol li:nth-child(6) input, .message ol li:nth-child(7) input{padding: 5% 0; } } @media (max-width: 414px){ .message h3{font-size: 17px; } } @media (max-width: 320px){ .message h3{font-size: 15px;} .message ol li .btn, .message ol li .btn2{font-size: 15px; } } #allmap{width: 100%; height: 520px; border: #ccc solid 1px; font-size: 12px; position: relative;} @media (max-width: 991px){ #allmap{height: 420px; } } @media (max-width: 480px){ #allmap{height: 360px; } } .service_banner{background: url(../images/g_service_bg.jpg) no-repeat center center / cover; min-height: 700px; padding-top: 310px;} .service_banner h1{margin-top: 13px; font-size: 47px; font-weight: bold; color: #fff; text-align: center;} .service_banner .name{width: 62%; margin: 15px auto 0; color: #fff; font-size: 16px; line-height: 26px; text-align: center;} @media (max-width: 1024px){ .service_banner{padding-top: 12%; min-height: 530px; } } @media (max-width: 768px){ .service_banner{min-height: 445px;} .service_banner .name{width: 100%; font-size: 14px; line-height: 24px; } } @media (max-width: 640px){ .service_banner{min-height: auto; padding: 12% 0 6%;} .service_banner h1{font-size: 24px; } } .title_box{background: url(../images/top_bg3.png) no-repeat center center; width: 700px; height: 109px; position: relative; margin: 90px auto 0; text-align: center; padding-left: 95.5px;} .title_box a{display: block; height: 109px; float: left; width: 150px; border-right: 1px solid #659bdb; padding-top: 26px;} .title_box a span{display: block; height: 28px;} .title_box a em{font-style: normal; color: #FFF; font-size: 14px; margin-top: 8px; display: block;} .title_box a:last-child{border-color: rgba(0, 0, 0, 0);} .title_box a:hover, .title_box a.cur{background: #124490;} @media (max-width: 1024px){ .title_box{margin-top: 9%; } } @media (max-width: 640px){ .title_box{width: 100%; } } @media (max-width: 480px){ .title_box{background-size: 100% cover; height: auto; padding-left: 0;} .title_box a{width: 33.33333333%; height: auto; padding-top: 3%; padding-bottom: 3%;} .title_box a span{width: 20%; height: auto; line-height: 0; margin: 0 auto;} .title_box a em{margin-top: 5px; } } @media (max-width: 414px){ .title_box a em{font-size: 12px; } } .service_yw{text-align: center; color: #e8e8e8; font-size: 36px; font-weight: bold; font-family: arial;} @media (max-width: 414px){ .service_yw{font-size: 20px; } } .service_tit{text-align: center; color: #666666; font-size:38px;} @media (max-width: 640px){ .service_tit{font-size: 22px; } } @media (max-width: 414px){ .service_tit{font-size: 17px; } } .service_name{text-align: center; color: #333333; font-size: 14px; line-height: 24px; width: 648px; margin: 20px auto 0;} @media (max-width: 640px){ .service_name{width: 100%; margin-top: 3%; } } .service_linian{padding: 50px 0 56px;} .service_linian ul{margin-top: 50px;} .service_linian ul li{float: left; width: 22%; margin-right: 4%;} .service_linian ul li:last-child{margin-right: 0;} .service_linian ul li .img{line-height: 0; overflow: hidden;} .service_linian ul li .text{padding: 22px 10px 20px; text-align: center; color: #333333; font-size: 18px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; border-bottom: 1px solid #e4e4e4;} @media (max-width: 991px){ .service_linian{padding: 5.5% 0 6%; } } @media (max-width: 768px){ .service_linian{padding-top: 10%;} .service_linian img{width: 100%;} .service_linian ul li{margin-bottom: 4%; width: 48%;} .service_linian ul li:nth-child(2n){ margin-right: 0; } } @media (max-width: 640px){ .service_linian{padding-top: 6%;} .service_linian ul{margin-top: 5%;} .service_linian ul li .text{padding: 5% 10px 5%; font-size: 14px; } } .service_liucheng{background: url(../images/service_bg2.jpg) no-repeat center center; min-height: 670px; padding: 60px 0 74px;} .service_liucheng .img{text-align: center; line-height: 0; margin-top: 74px;} @media (max-width: 991px){ .service_liucheng{padding: 6% 0 7%; min-height: auto; } } @media (max-width: 640px){ .service_liucheng .img{margin-top: 5%; } } .service_wangdian{padding: 66px 0 60px;} .service_wangdian .service_qh{text-align: center; margin-top: 30px; margin-bottom: 30px;} .service_wangdian .service_qh a{display: inline-block; background: #ebebeb; line-height: 38px; padding: 0 24px; color: #333333; font-size: 14px; margin-left: 2px;} .service_wangdian .service_qh a:last-child{margin-left: -5px;} .service_wangdian .service_qh a:hover, .service_wangdian .service_qh a.cur{color: #fff; background: #f48e27;} .service_wangdian .img{text-align: center; line-height: 0; margin-top: 35px;} @media (max-width: 991px){ .service_wangdian{padding: 6% 0; } } @media (max-width: 640px){ .service_wangdian .img{margin-top: 5%; } } @media (max-width: 414px){ .service_wangdian .service_qh{margin: 5% 0 5%; } } .about_banner{background: url(../images/about_banner.jpg) no-repeat center center / cover; padding-top: 295px;} .about_banner .name{width: 550px;} @media (max-width: 1024px){ .about_banner{min-height: 500px; } } @media (max-width: 768px){ .about_banner{min-height: 445px;} .slick-list{margin-bottom:0;} .honor_list .slick-list{margin-bottom:30px;} } @media (max-width: 640px){ .about_banner{min-height: auto; padding: 12% 0 6%;} .about_banner .name{width: 100%; } } .about_titlt{color: #0f3f86; font-size: 30px; font-weight: bold; text-align: center;} @media (max-width: 640px){ .about_titlt{font-size: 22px; } } @media (max-width: 414px){ .about_titlt{font-size: 17px; } } .about_name{text-align: center; color: #999999; font-size: 14px; line-height: 24px; margin-top: 10px;} .about_jianjie{padding: 82px 0 92px;} .about_jianjie .box{background: #ececed;} .about_jianjie .left{position: relative; width: 30%;} .about_jianjie .left .bg, .about_jianjie .left .img{line-height: 0;} .about_jianjie .left .img{position: absolute; left: 0; top: 19%; width: 95%;} .about_jianjie .right{width: 70%; padding: 0 3.65%; position: relative;} .about_jianjie .right .bg{position: absolute; left: 0; top: 0; z-index: 1;} .about_jianjie .right .text{position: relative; z-index: 2; padding-top: 60px;} .about_jianjie .right .about_titlt{text-align: left;} @media (max-width: 414px){ .about_jianjie .right .about_titlt{text-align: center; } } .about_jianjie .right .t{margin-top: 25px; color: #666666; font-size: 14px; line-height: 28px;} .about_jianjie .right ol{margin-top: 30px;} .about_jianjie .right ol li{background: #fff; float: left; width: 30%; margin-right: 5%;} .about_jianjie .right ol li:last-child{margin-right: 0;} .about_jianjie .right ol li .img{line-height: 0; overflow: hidden;} .about_jianjie .right ol li .text{padding: 12px 17px; color: #666666; font-size: 14px; line-height: 22px;} @media (max-width: 1024px){ .about_jianjie .right .text{padding-top: 20px;} .about_jianjie .right .t{margin-top: 10px; line-height: 24px;} .about_jianjie .right ol{margin-top: 15px; } } @media (max-width: 991px){ .about_jianjie{padding: 6% 0;} .about_jianjie .right ol li{width: 32.5%; margin-right: 1.25%;} .about_jianjie .right ol li .text{padding: 5px 10px; } } @media (max-width: 768px){ .about_jianjie{padding: 0; background: #ececed;} .about_jianjie .left{display: none;} .about_jianjie .right{width: 100%; padding: 6% 0 8%;} .about_jianjie .right .text{padding-top: 0; } } @media (max-width: 640px){ .about_jianjie .right .text ol{margin-top: 5%;} .about_jianjie .right .text ol li{width: 48%; margin-bottom: 4%; margin-right: 4%;} .about_jianjie .right .text ol li:nth-child(2n){ margin-right: 0;} .about_jianjie .right .text ol li img{width: 100%;} .about_jianjie .right .text ol li .text p{height: 48px; overflow: hidden; } } .about_wenhua{background: url(../images/about_bg2.jpg) no-repeat center center / cover; padding: 55px 0 60px;} .about_wenhua ol{width: 1066px; margin: 75px auto 0;} .about_wenhua ol li{position: relative; float: left; width: 27.5%; margin-right: 8.75%;} .about_wenhua ol li:last-child{margin-right: 0;} .about_wenhua ol li .img{position: relative; border-radius: 50%; overflow: hidden;} .about_wenhua ol li .img em{border-radius: 50%; display: block; line-height: 0; overflow: hidden;} .about_wenhua ol li .img span{position: absolute; right: 15%; top: 18%; color: #fff; font-size: 24px; font-weight: bold; font-family: arial;} .about_wenhua ol li .img .text{position: absolute; left: 0; top: 50%; width: 100%; height: 50px; margin-top: -25px; background: url(../images/about_pic4.png) no-repeat center center / cover; text-align: center; line-height: 50px; color: #fff; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .about_wenhua ol li .img img{width: 100%;} .about_wenhua ol li .sz{position: absolute; right: -10%; top: -10%; width: 25%;} @media (max-width: 1024px){ .about_wenhua ol{width: 90%; } } @media (max-width: 991px){ .about_wenhua{padding: 6% 0;} .about_wenhua ol{margin-top: 7%; } } @media (max-width: 768px){ .about_wenhua ol li{width: 30.5%; margin-right: 4.25%; } } @media (max-width: 640px){ .about_wenhua{padding: 7% 0 4%;} .about_wenhua ol{width: 100%;} .about_wenhua ol li{width: 60%; position: relative; left: 50%; margin-left: -30%; margin-right: 0; float: none; margin-bottom: 6%;} .about_wenhua ol li .sz{position: absolute; right: auto; left: -20%; top: 0; } } @media (max-width: 414px){ .about_wenhua ol li{width: 65%;} .about_wenhua ol li .img span{font-size: 14px;} .about_wenhua ol li .img .text{font-size: 12px; line-height: 32px; height: 32px; margin-top: -16px; } } .about_course{padding: 55px 0 65px;} .about_course .course_box{background: url(../images/course_bg1.jpg) repeat-y center top; margin-top: 52px; position: relative;} .about_course .course_box:before{content: "";position: absolute;left: 50%;top:0;margin-left: -13.5px;width: 27px;height: 27px;background: url(../images/g_course_bg1.jpg) no-repeat center center;} .about_course .course_box ul{padding-top: 35px;} .about_course .course_box ul li{float: right; width: 47%; background: #eeeeee; position: relative; margin-bottom: 5%; padding: 15px 0;} .about_course .course_box ul li:before{content: "";position: absolute;left: -46px;top: 50%;margin-top: -7.5px;width: 28px;height: 15px;background: url(../images/g_course_bg2.jpg) no-repeat center center;} .about_course .course_box ul li span{color: #0f3f86; font-size: 35px; display: inline-block; float: left; width: 20%; text-align: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);} .about_course .course_box ul li .text{float: right; display: inline-block; width: 80%; padding-right: 17px;} .about_course .course_box ul li .text .bt{color: #000000; font-size: 20px; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .about_course .course_box ul li .text .t{color: #666666; font-size: 16px; line-height: 24px;} .about_course .course_box ul li:first-child+li{margin-top: 6%;} .about_course .course_box ul li:nth-child(2n){ float: left;} .about_course .course_box ul li:nth-child(2n)::before{background: url(../images/g_course_bg3.jpg) no-repeat center center;left: auto;right: -46px;} .about_course .course_box ul li:nth-child(2n) span{left: auto;right: 0;} .about_course .course_box ul li:nth-child(2n) .text{float: left;text-align: right;padding-right: 0;padding-left: 17px;} @media (max-width: 1024px){ .about_course .course_box ul li span{font-size: 24px;} .about_course .course_box ul li .text .bt{font-size: 18px;} .about_course .course_box ul li .text .t{font-size: 14px;line-height: 20px;} .about_course .course_box ul li:before{left: -37px;} .about_course .course_box ul li:nth-child(2n)::before{right: -37px; } } @media (max-width: 991px){ .about_course{padding: 6% 0;} .about_course .course_box{margin-top: 5%;} .about_course .course_box ul li:before{left: -36px;} .about_course .course_box ul li:nth-child(2n)::before{right: -36px; } } @media (max-width: 768px){ .about_course{padding-top: 8%;} .about_course .course_box{background: none;} .about_course .course_box ul{padding-top: 0;} .about_course .course_box ul li{width: 100%; margin-bottom: 3%;} .about_course .course_box ul li:before{display: none;} .about_course .course_box ul li:first-child + li{margin-top: 0; } } @media (max-width: 414px){ .about_course .course_box ul li .text .bt{font-size: 15px;} .about_course .course_box ul li .text{padding-right: 13px;} .about_course .course_box ul li:nth-child(2n) .text{padding-left: 13px; } } .about_tuandui{padding: 60px 0 80px;} .about_tuandui ol{margin-top: 45px;} .about_tuandui ol li{width: 22.2%; float: left; position: relative; margin-right: 3.7333%;} .about_tuandui ol li:last-child{margin-right: 0;} .about_tuandui ol li .img{line-height: 0; overflow: hidden;} .about_tuandui ol li .text{position: absolute; left: 0; bottom: 0; width: 100%; line-height: 54px; text-align: center; color: #fff; font-size: 14px; background: rgba(0, 0, 0, 0.5);} @media (max-width: 991px){ .about_tuandui{padding: 6% 0 7%;} .about_tuandui ol{margin-top: 4.5%; } } @media (max-width: 640px){ .about_tuandui ol li{margin-right: 0; margin-bottom: 2%; width: 49%;} .about_tuandui ol li:nth-child(2n){ float: right;} .about_tuandui ol li img{width: 100%;} .about_tuandui ol li .text{line-height: 36px; } } .about_fuli .ol_list{background: url(../images/fu_bg.jpg); width: 100%; height: 192px; border-radius: 5px; margin-top: 45px;} .about_fuli .ol_list li{float: left; width: 20%; text-align: center; padding-top: 36px; background: url(../images/fu_bg2.jpg) no-repeat right center; height: 192px;} .about_fuli .ol_list li .img{width: 32%; margin: 0 auto; line-height: 0;} .about_fuli .ol_list li .text{color: #fff; font-size: 16px; margin-top: 15px;} .about_fuli .ol_list li:last-child{background: none;} .about_fuli .ul_list{margin-top: 70px;} .about_fuli .ul_list li{width: 32.5%; float: left; margin-right: 0.5%;} .about_fuli .ul_list li:last-child{margin-right: 0;} .about_fuli .ul_list li .img{line-height: 0; margin-bottom: 1.5%; overflow: hidden;} .about_fuli .ul_list li img{width: 100%;} @media (max-width: 991px){ .about_fuli .ol_list{margin-top: 5%;} .about_fuli .ul_list{margin-top: 6%; } } @media (max-width: 768px){ .about_fuli .ol_list{height: auto;} .about_fuli .ol_list li{height: auto; padding: 5% 0; } } @media (max-width: 640px){ .about_fuli .ol_list li{padding: 4% 0;} .about_fuli .ol_list li .text{font-size: 14px;} .about_fuli .ul_list li{width: 49.5%; margin-right: 0;} .about_fuli .ul_list li:nth-child(2n){ float: right;} .about_fuli .ul_list li:last-child{margin-top: 0.3%; width: 100%;} .about_fuli .ul_list li:last-child .img{width: 49.5%; float: left;} .about_fuli .ul_list li:last-child .img:last-child{float: right; } } @media (max-width: 480px){ .about_fuli .ol_list li{background: none; padding: 4% 0;} .about_fuli .ol_list li .text{font-size: 12px; margin-top: 5px; } } .about_gangwei{padding: 60px 0 80px;} .about_gangwei .zhaopin_box{margin-top: 32px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);} .about_gangwei .zhaopin_box .list_nav{width: 30%;} .about_gangwei .zhaopin_box .list_nav li{padding: 35px 25px 25px 30px; float: left; width: 100%; cursor: pointer;} .about_gangwei .zhaopin_box .list_nav li .text{display: inline-block; float: left; width: 70%;} .about_gangwei .zhaopin_box .list_nav li .text h3{color: #666666; font-size: 18px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .about_gangwei .zhaopin_box .list_nav li .text p{margin-top: 5px; color: #d0d0d0; font-size: 14px; font-family: arial; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .about_gangwei .zhaopin_box .list_nav li .icon{float: right; display: inline-block; background: #999999; line-height: 25px; border-radius: 50px; color: #fff; font-size: 14px; padding: 0 15px;} .about_gangwei .zhaopin_box .list_nav li:nth-child(2n){ background: #f9f9f9;} .about_gangwei .zhaopin_box .list_nav li:hover, .about_gangwei .zhaopin_box .list_nav li.cur{background: #f9942f;} .about_gangwei .zhaopin_box .list_nav li:hover .text h3, .about_gangwei .zhaopin_box .list_nav li.cur .text h3, .about_gangwei .zhaopin_box .list_nav li:hover .text p, .about_gangwei .zhaopin_box .list_nav li.cur .text p{color: #fff;} .about_gangwei .zhaopin_box .list_nav li:hover .icon, .about_gangwei .zhaopin_box .list_nav li.cur .icon{background: #fff; color: #f9942f;} .about_gangwei .zhaopin_box .zp_box{float: right; width: 70%; padding: 2.5% 4%;} .about_gangwei .zhaopin_box .zp_box .zp_con{display: none;} .about_gangwei .zhaopin_box .zp_box h3{color: #666; font-weight: normal; font-size: 16px;} .about_gangwei .zhaopin_box .zp_box .t{margin-top: 8px; line-height: 24px;} .about_gangwei .zhaopin_box .zp_box .zp_con:first-child{display: block;} @media (max-width: 1024px){ .about_gangwei .zhaopin_box .list_nav li{padding: 25px 20px 25px 20px; float: left; width: 100%; cursor: pointer ;} } @media (max-width: 991px){ .about_gangwei{padding: 6% 0 8%;} .about_gangwei .zhaopin_box{margin-top: 3.2%; } } @media (max-width: 768px){ .about_gangwei .zhaopin_box .list_nav li{padding: 8% 3%;} .about_gangwei .zhaopin_box .list_nav li .text h3{font-size: 14px;} .about_gangwei .zhaopin_box .list_nav li .text p{margin-top: 5px; font-size: 12px;} .about_gangwei .zhaopin_box .list_nav li .icon{font-size: 12px; padding: 0 10px; } } @media (max-width: 640px){ .about_gangwei .zhaopin_box .list_nav li .text{width: 100%;} .about_gangwei .zhaopin_box .list_nav li .text h3{text-align: center;} .about_gangwei .zhaopin_box .list_nav li .icon{float: left; margin-top: 8px; position: relative; left: 50%; transform: translateX(-50%); } } @media (max-width: 480px){ .about_gangwei .zhaopin_box .list_nav li .text p{display: none; } } @media (max-width: 375px){ .about_gangwei .zhaopin_box .list_nav li .text h3{font-size: 13px; } } .service_wenti{padding: 50px 0 60px; background: #f1efef;} .service_wenti .suosou{width: 34%; margin: 38px auto 0; border: 1px solid #e7e7e7; border-radius: 5px;} .service_wenti .suosou input{outline: none; -webkit-appearance: none;} .service_wenti .suosou .text{float: left; width: 76%; border: none; font-size: 14px; padding: 4.5% 15px;} .service_wenti .suosou .btn{background: url(../images/btn.jpg) no-repeat center center / cover; border: none; width: 24%; padding: 4.6% 0;} .service_wenti .ol_list{text-align: center; margin-top: 54px;} .service_wenti .ol_list a{display: inline-block; background: #f7f7f7; line-height: 44px; color: #333333; font-size: 18px; padding: 0 30px;} .service_wenti .ol_list a:hover, .service_wenti .ol_list a.cur{background: #014090; color: #fff;} .service_wenti .qa_box{margin-top: 50px;} .service_wenti .qa_box ul li{float: left; width: 100%; background: #fff; padding: 4% 3%; box-shadow: 0 0 10px rgba(0,0,0,.2); margin-bottom: 20px;} .service_wenti .qa_box ul li .bt{color: #444444; font-size: 18px; line-height: 24px; background: url(../images/qa_icon1.png) no-repeat left center; padding-left: 40px;} .service_wenti .qa_box ul li .t{margin-top: 18px; color: #666666; font-size: 14px; line-height: 24px;} .service_wenti .table{margin-top: 50px;} .service_wenti .table table{border: 1px solid #e9e9e9;} .service_wenti .table table tr{border: 1px solid #e9e9e9;} .service_wenti .table table tr th{background: #fcfcfc; font-weight: normal; color: #797979; font-size: 16px; padding: 1.5% 10px;} .service_wenti .table table tr td{padding: 1.5% 10px; color: #797979; font-size: 14px; text-align: center;} .service_wenti .table table tr td a{line-height: 0; display: block;} @media (max-width: 991px){ .service_wenti{padding: 6% 0;} .service_wenti .suosou{margin-top: 3.8%;} .service_wenti .ol_list{margin-top: 5.4%;} .service_wenti .qa_box{margin-top: 5%;} .service_wenti .table{margin-top: 5%; } } @media (max-width: 768px){ .service_wenti .suosou{width: 50%; } } @media (max-width: 640px){ .service_wenti .suosou{width: 60%;} .service_wenti .suosou .text{padding: 3% 10px;} .service_wenti .suosou .btn{padding: 3.2% 0;} .service_wenti .ol_list a{font-size: 14px; padding: 0 10px; line-height: 34px;} .service_wenti .qa_box ul li .bt{font-size: 16px; padding-left: 30px;} .service_wenti .qa_box ul li .t{margin-top: 8px; } } @media (max-width: 414px){ .service_wenti .suosou{width: 80%;} .service_wenti .suosou .btn{padding: 3.7% 0;} .service_wenti .ol_list a{float: left; font-size: 14px; padding: 0 6px; line-height: 34px; margin-right: 3px; margin-bottom: 5px;} .service_wenti .table table tr th{font-size: 14px; padding: 3% 5px;} .service_wenti .table table tr td{padding: 3% 5px; font-size: 12px;} .service_wenti .table table tr td a{width: 54%; margin: 0 auto; } } @media (max-width: 375px){ .service_wenti .ol_list a{font-size: 12px; } } .pro_banner{background: url(../images/banner_pro1.jpg) no-repeat center center / cover; /*padding-top: 380px;*/ } .pro_banner .title_box{background: url(../images/top_bg4.png) no-repeat center center / cover; width: 969px; position: relative; margin: 110px auto 0; text-align: center; padding-left: 184.5px;} .pro_banner .title_box a{display: block; height: 109px; float: left; width: 150px; border-right: 1px solid #659bdb; padding-top: 26px;} .pro_banner .title_box a span{display: block; height: 30px;} .pro_banner .title_box a em{font-style: normal; color: #FFF; font-size: 14px; margin-top: 8px; display: block;} .pro_banner .title_box a:last-child{border-color: rgba(0, 0, 0, 0);} .pro_banner .title_box a:hover, .pro_banner .title_box a.cur{background: #124490;} @media (max-width: 1024px){ .pro_banner .title_box{margin-top: 7%; } } @media (max-width: 991px){ .pro_banner .title_box{width: 100%; } } @media (max-width: 768px){ .pro_banner .title_box{padding-left: 0;} .pro_banner .title_box a{width: 25%; } } @media (max-width: 640px){ .pro_banner{min-height: 355px;} .pro_banner .title_box{padding-left: 0;} .pro_banner .title_box a{width: 25%; } } @media (max-width: 480px){ .pro_banner .title_box{background-size: 100% cover; height: auto;} .pro_banner .title_box a{height: auto; padding-top: 3%; padding-bottom: 3%;} .pro_banner .title_box a span{width: 40%; height: auto;} .pro_banner .title_box a em{margin-top: 5px; } } @media (max-width: 414px){ .pro_banner .title_box a em{font-size: 12px; } } @media (max-width: 1024px){ .pro_banner{padding-top: 22%; } } .pro_nav{background: #efefef;} .pro_nav a{line-height: 56px; display: block; float: left; padding: 0 30px; color: #888888; font-size: 14px;} .pro_nav a:hover, .pro_nav a.cur{background: #dfdfdf; color: #000;} @media (max-width: 480px){ .pro_nav a{line-height: 40px; padding: 0 2%; font-size: 13px; } } @media (max-width: 360px){ .pro_nav a{font-size: 12px; } } .pro_box{margin-top: 50px; margin-bottom: 60px;} .pro_box ul li{float: left; width: 30.5%; margin-bottom: 4%; margin-right: 4.25%;} .pro_box ul li:nth-child(3n){ margin-right: 0;} .pro_box ul li .img{line-height: 0; overflow: hidden;} .pro_box ul li .img img{width: 100%;} .pro_box ul li .text{border: 1px solid #eeeeee; padding: 17px 18px;} .pro_box ul li .text h3{color: #888888; font-size: 16px; text-transform: uppercase; font-family: arial; font-weight: normal; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .pro_box ul li .text p{color: #888888; font-size: 13px; margin-top: 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .pro_box ul li:hover .text{background: #fa9530; border-color: #fa9530;} .pro_box ul li:hover .text h3, .pro_box ul li:hover .text p{color: #fff;} .pro_box .more_btn{display: block; width: 100%; background: #f2f2f2; text-align: center; line-height: 46px; color: #666666; font-size: 15px; font-family: arial; text-transform: uppercase;} .pro_box .more_btn span{display: inline-block; background: url(../images/more_icon1.png) no-repeat right center; padding-right: 40px;} @media (max-width: 991px){ .pro_box{margin: 5% 0 6%; } } @media (max-width: 768px){ .pro_box ul li{margin-bottom: 2%; width: 32%; margin-right: 2%;} .pro_box ul li .text{padding: 10px; } } @media (max-width: 640px){ .pro_box ul li{margin-right: 0; width: 49%;} .pro_box ul li:nth-child(2n){ float: right;} .pro_box ul li .text p{margin-top: 2px; } } @media (max-width: 375px){ .pro_box ul li{width: 100%; margin-bottom: 4%; } } .about_honor{background: url(../images/honor/storageLinks-bg.jpg); padding: 60px 0 85px;} .about_honor .left{width: 39%; float: left; padding-top: 15px;} .about_honor .left .service_yw{text-align: left;} .about_honor .left .service_tit{text-align: left;} .about_honor .left .t{margin-top: 30px; color: #666666; font-size: 14px; line-height: 28px;} .about_honor .right{/*width: 49.5%;*/ float: right; margin-right: 5%;} @media (max-width: 1024px){ .about_honor .left{width: 34%; } } @media (max-width: 991px){ .about_honor{padding: 6% 0 8.5%;} .about_honor .right{margin-right: 0; } } @media (max-width: 768px){ .about_honor .left{width: 45%;} .about_honor .left .t{margin-top: 10px;} .about_honor .right{margin-right: 0; } } @media (max-width: 640px){ .about_honor .left{width: 100%; margin-bottom: 4%;} .about_honor .left .service_yw, .about_honor .left .service_tit, .about_honor .left .t{text-align: center;} .about_honor .right{margin: 0 auto; float: none; width: 55%; } } @media (max-width: 414px){ .about_honor .right{width: 80%;} } .about_honor_con{background: url(../images/honor/bg.jpg) no-repeat center center / cover; padding: 40px 0 126px;} .about_honor_con .service_tit{border-bottom: 1px solid #e9e9e9; padding-bottom: 30px;margin-bottom:60px;} .about_honor_con .honor_list{width: 1250px; margin: 40px auto 0;} .about_honor_con .honor_list .text{padding: 0 13px;} .about_honor_con .honor_list .text .img{line-height: 0;border:1px solid #eee;} .about_honor_con .honor_list .text .img img{width: 100%;} .about_honor_con .honor_list .text .t{background: #eee; width: 100%; line-height: 40px; text-align: center; color: #333; font-size: 14px;} .about_honor_con .honor_list .slick-prev, .about_honor_con .honor_list .slick-next{width: 100px; height: 40px; top: auto; margin-top: 0; bottom: -62px; border:1px solid #ccc;background-size:10px auto;background-position: center center;background-repeat: no-repeat;background-color:#FFF;} .about_honor_con .honor_list .slick-prev{background-image: url(../images/lr.png); left: 510px;} .about_honor_con .honor_list .slick-next{background-image: url(../images/rr.png); right: 510px;} .about_honor_con .honor_list .slick-prev:hover{background-image: url(../images/lrb.png);border:1px solid #0070c9;} .about_honor_con .honor_list .slick-next:hover{background-image: url(../images/rrb.png);border:1px solid #0070c9;} .about_honor_con.renzheng .service_tit{border-bottom:1px solid rgba(255, 255, 255, 0.3);color:#FFF;} .about_honor_con.renzheng .service_yw{color:rgba(255, 255, 255, 0.3);} .about_honor_con .h1s{padding:0!important;} @media (max-width: 1024px){ .about_honor_con .honor_list{width: 100%;} .about_honor_con .honor_list .slick-prev{left: 38.5%;} .about_honor_con .honor_list .slick-next{right: 38.5%; } } @media (max-width: 991px){ .about_honor_con{padding: 4% 0 12.6%;} .about_honor_con .honor_list{margin-top: 5%; } } @media (max-width: 768px){ .about_honor_con .honor_list .slick-prev{left: 32%;} .about_honor_con .honor_list .slick-next{right: 32%; } } @media (max-width: 640px){ .about_honor_con{padding-bottom: 18%; } } @media (max-width: 480px){ .about_honor_con{padding-top: 8%; padding-bottom: 23%;} .about_honor_con .service_tit{padding-bottom: 5%;} .about_honor_con .honor_list .slick-prev{left: 25%;} .about_honor_con .honor_list .slick-next{right: 25%; } } @media (max-width: 375px){ .about_honor_con{padding-bottom: 27%;} .about_honor_con .honor_list .slick-prev{left: 21%;} .about_honor_con .honor_list .slick-next{right: 21%; } } @media (max-width: 320px){ .about_honor_con{padding-bottom: 30%;} .about_honor_con .honor_list .slick-prev{left: 16%;} .about_honor_con .honor_list .slick-next{right: 16%; } } .news_banner{background: url(../images/news_banner.jpg) no-repeat center center / cover; padding-top: 360px;} /*.news_banner .title_box{background: url(../images/top_bg2.png) no-repeat center center; width: 431px; padding-left: 65.5px;}*/ @media (max-width: 1024px){ .news_banner{padding-top: 20%; } } @media (max-width: 640px){ .news_banner{padding-top: 22%; } } @media (max-width: 480px){ /*.news_banner .title_box{width: 100%; padding-left: 0;} .news_banner .title_box a{width: 50%;}*/ } .news_box{background: #f1efef; padding: 70px 0 60px;} .news_box .left{width: 75%; float: left;} .news_box .left ul li{margin-bottom: 3%; float: left; width: 100%; background: #fff; padding: 3% 0;} .news_box .left ul li .data{width: 17%; margin: 0 3%; padding: 2.7% 0 3.3%; float: left; text-align: center; background: #f9f9f9; transition: all .5s;} .news_box .left ul li .data p{color: #124189; font-size: 49px; font-family: arial;} .news_box .left ul li .data span{color: #8c8c8c; font-size: 14px;} .news_box .left ul li .text{float: right; width: 77%; padding-right: 3%;} .news_box .left ul li .text h3{color: #18478e; font-size: 18px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; transition: all .5s;} .news_box .left ul li .text em{display: none;} .news_box .left ul li .text p{margin-top: 12px; color: #777777; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden;} .news_box .left ul li .text span{margin-top: 15px; display: inline-block; border: 1px solid #e8e8e8; line-height: 32px; padding: 0 18px; color: #999999; font-size: 14px;} .news_box .left ul li:hover .text h3{color: #f08921;} .news_box .left ul li:hover .data{background: #124189;} .news_box .left ul li:hover .data p, .news_box .left ul li:hover .data span{color: #fff;} .news_box .left .more_btn{margin: 1% auto 0; width: 11%; display: block;} .news_box .left .news_con{background: #fff; padding: 5% 4%;} .news_box .left .news_con h3{text-align: center; color: #666666; font-size: 24px; font-weight: normal; border-bottom: 1px solid #f1efef; padding-bottom: 3%;} .news_box .left .news_con .name{text-align: center; color: #a8a8a8; font-size: 14px; margin-top: 2.2%;} .news_box .left .news_con .name span{display: inline-block; margin: 0 5px;} .news_box .left .news_con .con{color: #666666; font-size: 14px; line-height: 24px; padding: 4% 0 0;} .news_box .left .news_con .bottom{margin-top: 4%;} .news_box .left .news_con .bottom ol{float: left; width: 85%;} .news_box .left .news_con .bottom ol li{float: left; padding: 2% 0; width: 100%; border-bottom: 1px dashed #e9e9e9;} .news_box .left .news_con .bottom ol li:last-child{border-bottom: none;} .news_box .left .news_con .bottom ol li a{display: inline-block; color: #777777; font-size: 14px;} .news_box .left .news_con .bottom ol li a span{display: inline-block; color: #333333; font-size: 16px;} .news_box .left .news_con .bottom .return{margin-top: 4%; float: right; display: inline-block; background: #17478e; color: #fff; font-size: 14px; line-height: 34px; border-radius: 4px; padding: 0 20px;} @media (max-width: 414px){ .news_box .left .news_con .bottom .return{margin-top: 0; } } @media (max-width: 480px){ .news_box .left .news_con h3{font-size: 16px; } } @media (max-width: 414px){ .news_box .left .news_con .bottom ol{display: none; } } @media (max-width: 375px){ .news_box .left .news_con h3{border-bottom: none; padding-bottom: 0;} .news_box .left .news_con .name{display: none; } } .news_box .right{width: 22%; float: right;} .news_box .right .right_nav{margin-bottom: 20px;} .news_box .right .right_nav h3{color: #094293; font-size: 18px; font-weight: normal;} .news_box .right .right_nav ul{margin-top: 10px;} .news_box .right .right_nav ul li{float: left; width: 100%; line-height: 30px;} .news_box .right .right_nav ul li a{display: block; width: 100%; color: #666666; font-size: 14px; background: url(../images/icon_1.png) no-repeat right center;} .news_box .right .right_nav ol li{float: left; width: 100%; border-bottom: 1px solid #e0e0e0; padding: 15px 0;} .news_box .right .right_nav ol li a{display: block; color: #666666; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden;} .news_box .right .right_nav ol li .t{margin-top: 8px; color: #999999; font-size: 12px;} .news_box .right .right_nav ol li:last-child{border-bottom: none;} @media (max-width: 991px){ .news_box{padding: 6% 0; } } @media (max-width: 768px){ .news_box .left{width: 100%;} .news_box .left .more_btn{width: 14%;} .news_box .right{display: none; } } @media (max-width: 640px){ .news_box .left ul li .data{display: none;} .news_box .left ul li .text{width: 100%; padding: 0 15px;} .news_box .left ul li .text em{display: block; font-style: normal; margin-top: 5px; font-size: 12px; color: #666;} .news_box .left ul li .text p{margin-top: 6px;} .news_box .left .more_btn{width: 25%; } } @media (max-width: 640px){ .case_nav{width: 100%;} .case_nav a{width: 20%; text-align: center; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } } .jiejuefangan_list{padding-bottom: 50px;} .jiejuefangan_list ul{margin-top: 2%;} .jiejuefangan_list ul li{float: left; width: 32%; margin-bottom: 2%; margin-right: 2%; transition: all .5s;} .jiejuefangan_list ul li:nth-child(3n){ margin-right: 0;} .jiejuefangan_list ul li .img{line-height: 0; overflow: hidden;} .jiejuefangan_list ul li .img img{width: 100%;} .jiejuefangan_list ul li .t{border-top: none; border: 1px solid #ececec; width: 100%; line-height: 52px; color: #666666; font-size: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: center; padding: 0 30px;} .jiejuefangan_list ul li:hover{background: #124189;} .jiejuefangan_list ul li:hover .t{color: #fff;} .jiejuefangan_list .more_btn{display: block; width: 100%; background: #f2f2f2; text-align: center; line-height: 46px; color: #666666; font-size: 15px; font-family: arial; text-transform: uppercase;} .jiejuefangan_list .more_btn span{display: inline-block; background: url(../images/more_icon1.png) no-repeat right center; padding-right: 40px;} @media (max-width: 1024px){ .jiejuefangan_list{padding-bottom: 5%; } } @media (max-width: 480px){ .jiejuefangan_list ul li{width: 100%; margin-right: 0; margin-bottom: 3%;} .jiejuefangan_list ul li .t{font-size: 14px; line-height: 36px; } } .solutions_banner{background: url(../images/solutions_bg.jpg) no-repeat center center / cover; min-height: 646px; text-align: center; padding-top: 125px;} .solutions_banner .bread{text-align: left;} .solutions_banner h1{margin-top: 110px; color: #FFF; font-size: 40px; font-weight: normal;} .solutions_banner .name{width: 1000px; margin: 2.5% auto 0; color: #fff; font-size: 16px; line-height: 28px;} .solutions_banner .zx{margin-top: 2.5%; display: inline-block; border: 1px solid #fff; line-height: 50px; border-radius: 50px; min-width: 165px; text-align: center; color: #fff; font-size: 16px;} /*@media (max-width: 1440px){ .solutions_banner{padding-top: 15%; } }*/ @media (max-width: 1024px){ .solutions_banner{min-height: auto; padding: 3% 0 10%;} .solutions_banner h1{margin-top: 5%;} .solutions_banner .name{width: 100%; } } @media (max-width: 640px){ .solutions_banner h1{font-size: 24px;} .solutions_banner .name{font-size: 14px; line-height: 24px;} .solutions_banner .zx{margin-top: 3%; line-height: 34px; font-size: 12px; } } .solut_tit{text-align: center;} .solut_tit h3{font-weight: normal; color: #1f1f1f; font-size: 35px;} .solut_tit h3 span{color: #03377e; font-size: 40px;} .solut_tit p{margin-top: 5px; color: #cac9c9; font-size: 17px; font-family: arial; text-transform: uppercase;} @media (max-width: 640px){ .solut_tit h3{font-size: 22px;} .solut_tit h3 span{font-size: 22px;} .solut_tit p{font-size: 14px; } } @media (max-width: 414px){ .solut_tit h3{font-size: 17px;} .solut_tit h3 span{font-size: 17px;} .solut_tit p{font-size: 12px; } } .jiaotong{padding: 65px 0;} .jiaotong .con{margin-top: 30px;} .chengshi{background: #f1f1f1; padding: 60px 0;} .chengshi .con{margin-top: 30px;} .shequ{padding: 60px 0;} .shequ .con{margin-top: 30px;} .shequ .con p{margin-top: 3%;} .solut_bottom{background: url(../images/solutions_bg2.jpg) no-repeat center center / cover; padding: 70px 0;} .solut_bottom .solut_tit h3{color: #fff;} .solut_bottom ol{margin-top: 40px;} .solut_bottom ol li{float: left; width: 32%; margin-right: 2%;} .solut_bottom ol li:last-child{margin-right: 0;} .solut_bottom ol li .img{line-height: 0; overflow: hidden;} .solut_bottom ol li .img img{width: 100%;} .solut_bottom ol li .t{margin-top: 20px; text-align: center; color: #FFF; font-size: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} @media (max-width: 991px){ .solut_bottom ol{margin-top: 4%; } } @media (max-width: 640px){ .solut_bottom ol{margin-top: 0;} .solut_bottom ol li{width: 49%; margin-top: 4%; margin-right: 0;} .solut_bottom ol li:nth-child(2n){ float: right;} .solut_bottom ol li .t{margin-top: 10px; font-size: 14px; } } @media (max-width: 991px){ .jiaotong, .chengshi, .shequ, .solut_bottom{padding: 6% 0;} .jiaotong .con, .chengshi .con, .shequ .con, .solut_bottom .con{margin-top: 3%; } } .youshi_box{padding: 70px 0;} .youshi_box h3{color: #1f1f1f; font-size: 40px; font-weight: normal; text-align: center;} .youshi_box .yw{text-align: center; color: #dddddd; font-size: 17px; margin-top: 10px;} .youshi_box .name{width: 880px; margin: 25px auto 0; text-align: center; color: #666666; font-size: 16px; line-height: 26px;} .youshi_box ol{margin-top: 40px; text-align: center;} .youshi_box ol li{display: inline-block; width: 16.2%; text-align: center; background: url(../images/g_pic1.jpg) no-repeat right center;} .youshi_box ol li .img{line-height: 0; width: 47%; margin: 0 auto;} .youshi_box ol li .t{margin-top: 25px; color: #555555; font-size: 18px;} .youshi_box ol li:last-child{background: none;} @media (max-width: 991px){ .youshi_box{padding: 7% 0;} .youshi_box .name{margin-top: 2.5%;} .youshi_box ol{margin-top: 4%; } } @media (max-width: 768px){ .youshi_box .name{width: 100%;} .youshi_box ol li .t{margin-top: 2%; font-size: 14px; } } @media (max-width: 640px){ .youshi_box h3{font-size: 24px;} .youshi_box .yw{font-size: 12px; margin-top: 5px; text-transform: uppercase;} .youshi_box .name{font-size: 14px; line-height: 24px; } } @media (max-width: 480px){ .youshi_box ol li .t{font-size: 12px; } } @media (max-width: 414px){ .youshi_box h3{font-size: 17px;} .youshi_box ol li{margin-bottom: 4%; width: 33.33333333%; float: left;} .youshi_box ol li:nth-child(3n){ background: none; } } .tables_con{background: #f4f4f4; padding: 60px 0;} .tables_con .box{padding: 0 4%;} .tables_con .box .left{width: 45%; float: left;} .tables_con .box .left h3{color: #1f1f1f; font-size: 30px; font-weight: normal;} .tables_con .box .left span{display: block; color: #aaaaaa; font-size: 14px; margin: 12px 0 15px; text-transform: uppercase; font-family: arial;} .tables_con .box .left .text{color: #666666; font-size: 16px; line-height: 28px;} .tables_con .box .left .bt{margin-top: 20px; color: #666666; font-size: 16px;} .tables_con .box .left ol{margin-top: 15px;} .tables_con .box .left ol li{float: left; width: 25.5%; margin-right: 3%;} .tables_con .box .left ol li:last-child{margin-right: 0;} .tables_con .box .left ol li .img{border: 1px solid #eeeeee; line-height: 0; overflow: hidden;} .tables_con .box .left ol li .img img{width: 100%;} .tables_con .box .left ol li .t{margin-top: 10px; color: #999999; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .tables_con .box .right{float: right; width: 40%; margin-top: 1.5%;} .tables_con .box .right span{line-height: 0; display: block;} .tables_con .box .right p{color: #666666; font-size: 14px; margin-top: 10px;} @media (max-width: 991px){ .tables_con{padding: 6% 0;} .tables_con .box{padding: 0;} .tables_con .box .left{width: 55%;} .tables_con .box .left span{margin: 1.5% 0;} .tables_con .box .left .text{font-size: 14px; line-height: 24px;} .tables_con .box .left .bt{margin-top: 2%; } } @media (max-width: 768px){ .tables_con .box .left{width: 100%;} .tables_con .box .left h3{font-size: 24px;} .tables_con .box .right{margin-top: 4%; width: 100%; } } @media (max-width: 480px){ .tables_con .box .left span{font-size: 10px; } } @media (max-width: 414px){ .tables_con .box .left h3{font-size: 17px;} .tables_con .box .left .bt{font-size: 14px;} .tables_con .box .left ol{margin-top: 8px;} .tables_con .box .left ol li .t{font-size: 12px; margin-top: 3px; } } .tables_con2{background: #fff;} .tables_con2 .box .left{float: right;} .tables_con2 .box .right{float: left;} .gaosu_box{padding: 150px 0 178px;} .gaosu_box .box{padding: 0 4%;} .gaosu_box .box .left{width: 43%; float: left;} .gaosu_box .box .left h3{color: #1f1f1f; font-size: 40px; font-weight: normal;} .gaosu_box .box .left span{display: block; margin-top: 8px; color: #a9a9a9; font-size: 14px; font-family: arial; text-transform: uppercase;} .gaosu_box .box .left .t{margin-top: 18px; color: #202020; font-size: 16px; line-height: 28px;} .gaosu_box .box .right{width: 38%; float: right; line-height: 0;} @media (max-width: 991px){ .gaosu_box{padding: 10% 0 12%;} .gaosu_box .box{padding: 0; } } .gaosu_box2{background: url(../images/gaoshu_bg.jpg) no-repeat center center / cover; padding: 100px 0 68px;} .gaosu_box2 .box{padding: 0 4%;} .gaosu_box2 .box .left{margin-right: 5%; margin-top: 6%; float: right; width: 43%;} .gaosu_box2 .box .left h3{color: #fff; font-size: 40px; font-weight: normal;} .gaosu_box2 .box .left span{display: block; margin-top: 8px; color: #fff; font-size: 14px; font-family: arial; text-transform: uppercase;} .gaosu_box2 .box .left .t{margin-top: 18px; color: #fff; font-size: 16px; line-height: 28px;} .gaosu_box2 .box .right{float: left; width: 34%; line-height: 0;} @media (max-width: 991px){ .gaosu_box2{padding: 10% 0 6.8%;} .gaosu_box2 .box{padding: 0; } } .gaosu_box3 .box .left{width: 46%;} @media (max-width: 991px){ .gaosu_box3{padding: 10% 0;} .gaosu_box3 .box{padding: 0;} .gaosu_box3 .box .left{width: 59%; } } .gaosu_box4{background: url(../images/gaoshu_bg2.jpg) no-repeat center center / cover; padding: 45px 0 40px; text-align: center;} .gaosu_box4 h3{color: #fff; font-size: 40px; font-weight: normal;} .gaosu_box4 span{display: block; margin-top: 8px; color: #fff; font-size: 14px; font-family: arial; text-transform: uppercase;} .gaosu_box4 .img{width: 63%; margin: 35px auto 0;} @media (max-width: 991px){ .gaosu_box4{padding: 5% 0; } } .gaosu_box5{padding: 65px 0;} .gaosu_box5 h3{color: #1f1f1f; font-size: 40px; font-weight: normal; text-align: center;} .gaosu_box5 span{text-align: center; display: block; margin-top: 8px; color: #a9a9a9; font-size: 14px; font-family: arial; text-transform: uppercase;} .gaosu_box5 ol{margin-top: 35px;} .gaosu_box5 ol li{width: 50%; text-align: center; float: left; background: url(../images/gaoshu_icon1.jpg) repeat-y right top;} .gaosu_box5 ol li:last-child{background: none;} .gaosu_box5 ol li .img{line-height: 0;} .gaosu_box5 ol li .text{margin-top: 40px; color: #333333; font-size: 18px; line-height: 28px;} @media (max-width: 991px){ .gaosu_box5{padding: 6% 0; } } @media (max-width: 768px){ .gaosu_box .box .left h3, .gaosu_box2 .box .left h3, .gaosu_box4 h3, .gaosu_box5 h3{font-size: 24px;} .gaosu_box, .gaosu_box2, .gaosu_box4{padding: 6% 0 7%;} .gaosu_box .box .left{width: 100%;} .gaosu_box .box .left .t, .gaosu_box2 .box .left .t{font-size: 14px; line-height: 24px; margin-top: 1.2%;} .gaosu_box .box .right, .gaosu_box2 .box .right{margin-top: 3%; width: 100%;} .gaosu_box2 .box .left{width: 100%; margin: 0;} .gaosu_box4 .img{width: 100%; margin-top: 3%;} .gaosu_box5 ol{margin-top: 3%;} .gaosu_box5 ol li .text{font-size: 14px; line-height: 24px; margin-top: 3%; } } @media (max-width: 480px){ .gaosu_box .box .left span, .gaosu_box2 .box .left span, .gaosu_box4 span, .gaosu_box5 span{font-size: 10px; } } @media (max-width: 414px){ .gaosu_box .box .left h3, .gaosu_box2 .box .left h3, .gaosu_box4 h3, .gaosu_box5 h3{font-size: 17px;} .gaosu_box5 ol li .img{width: 98%; margin: 0 auto;} .gaosu_box5 ol li .text{font-size: 12px; line-height: 20px; } } /**2017-11-24**/ .bread{color: #fff;} .bread a{display: inline-block; color: #fff;} .bread a:hover{text-decoration: underline;} .proshow_banner{min-height: 700px; background-image:-webkit-linear-gradient(270deg, #0070c9, #1da2dd); background-image:linear-gradient(180deg, #0070c9, #1da2dd); } .proshow_banner .container{padding-top: 100px;} .proshow_banner .con_box{} .proshow_banner .con_box .img{float: left; width: 41%;margin-top:-50px;} .proshow_banner .con_box .text{float: right; width: 50%;} .proshow_banner .con_box .text .name{border-bottom:1px solid rgba(255, 255, 255, 0.2);padding-bottom:20px;margin-bottom:35px;} .proshow_banner .con_box .text h1{color: #FFF; font-size: 48px;} .proshow_banner .con_box .text .zl{color: #FFF; font-size: 16px; line-height: 26px; margin-top: 10px;} .proshow_banner .con_box .text .t{color: #FFF; font-size: 16px; line-height: 26px; margin-top: 10px;} .proshow_banner .con_box .text .txt{color: #FFF; font-size: 14px; line-height: 32px; margin-top: 10px;} .proshow_banner .con_box .text .t{color: #FFF; font-size: 16px; line-height: 26px; margin-top: 10px;} .proshow_banner .con_box .text .d{margin-top: 8%;} .proshow_banner .con_box .text .d p{position: relative; color: #FFF; font-size: 16px; padding-left: 3%; margin: 20px 0;} .proshow_banner .con_box .text .d p:before{content: ""; position: absolute; left: 0; top: 50%; margin-top: -3px; width: 6px; height: 6px; border: 1px solid #fff; border-radius: 50px;} .gray-bg{ background-image: -webkit-linear-gradient(270deg, #e2e2e2, #f6f6f6); background-image: linear-gradient(180deg, #e2e2e2, #f6f6f6); } @media (max-width: 1024px){ .proshow_banner{min-height: auto;} .proshow_banner .container{padding-top: 3%; padding-bottom: 6%;} .proshow_banner .container .con_box{margin-top: 5%;} .proshow_banner .container .con_box .text .d{margin-top: 5%;} .proshow_banner .container .con_box .text .d p{margin: 2% 0; } } @media (max-width: 768px){ .proshow_banner .container .con_box .text h1{font-size: 24px;} .proshow_banner .container .con_box .text .t{font-size: 14px; line-height: 24px;} .proshow_banner .container .con_box .text .d p{font-size: 14px; padding-left: 6%; } } @media (max-width: 640px){ .proshow_banner .container .con_box .text h1{font-size: 24px;} .proshow_banner .container .con_box .text .t{font-size: 14px; line-height: 24px;} .proshow_banner .container .con_box .text .d p{font-size: 14px; padding-left: 6%; width: 100%; float: left; } } @media (max-width: 480px){ .proshow_banner .container .con_box .img{/*margin-top: 3%;*/ width: 100%;} .proshow_banner .container .con_box .text{width: 100%;} .proshow_banner .container .con_box .text h1{font-size: 18px;} .proshow_banner .container .con_box .text .t{font-size: 14px; line-height: 24px;} .proshow_banner .container .con_box .text .d{margin-top: 3%;} .proshow_banner .container .con_box .text .d p{font-size: 14px; padding-left: 6%; float: left; margin: 1% 0; } } @media (max-width: 480px){ .proshow_banner .container .con_box .text .d p:before{margin-top: -4px; } } .cptd_box{padding: 60px 0;background:#f5f5f5;} .cptd_box .cptd_div{margin-top: 2%;} .cptd_box .cptd_div li{float: left; width: 46%; padding: 2.5% 0; border-top: 1px solid #e9e9e9;} .cptd_box .cptd_div li:nth-child(2n){ float: right;} .cptd_box .cptd_div li:first-child, .cptd_box .cptd_div li:nth-child(2){ border: none;} .cptd_box .cptd_div li .img{width: 10%; float: left; line-height: 0;} .cptd_box .cptd_div li .text{float: left; width: 90%; padding-left: 5%; color: #888888; font-size: 16px; /*padding-top: 3.2%;*/ position: absolute;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);} .cptd_box .cptd_div li{position: relative;} .cptd_box .cptd_div2 li .text{position: absolute;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);} @media (max-width: 1024px){ .cptd_box{padding: 6% 0; } } @media (max-width: 991px){ .cptd_box .cptd_div li .text{text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } } @media (max-width: 768px){ .cptd_box .cptd_div li{width: 100%;} .cptd_box .cptd_div li:nth-child(2){ border-top: 1px solid #f4f4f4; } } @media (max-width: 480px){ /*.cptd_box .cptd_div li .text{padding-top: 2.5%;}*/ } @media (max-width: 414px){ .cptd_box .cptd_div li .text{/*padding-top: 2.7%;*/ font-size: 14px; } } @media (max-width: 360px){ /*.cptd_box .cptd_div li .text{padding-top: 2.3%;}*/ } @media (max-width: 320px){ /*.cptd_box .cptd_div li .text{padding-top: 2%;}*/ } .yyfw_box{background: #f2f2f3; padding: 60px 0 70px;} .yyfw_box ul{margin-top: 50px; text-align: center;} .yyfw_box ul li{position: relative; background: #0070c9;border-radius:10px; display: inline-block; margin: 0 1%; width: 14.5%;overflow: hidden;} .yyfw_box ul li:last-child{margin-right: 0;} .yyfw_box ul li .img{line-height: 0;} .yyfw_box ul li .img img{width:100%;} .yyfw_box ul li .text{width: 100%; text-align: center; color: #fff; font-size: 16px;padding:5px;} @media (max-width: 1024px){ .yyfw_box{padding: 6% 0 7%;} .yyfw_box ul{margin-top: 5%; } } @media (max-width: 768px){ .yyfw_box ul li{width: 32.5%; margin-bottom: 1.25%; margin-right: 1.25%; float: left; margin-left: 0;} .yyfw_box ul li:nth-child(3n){ margin-right: 0;} .yyfw_box ul li .img img{width: 100%; } } @media (max-width: 414px){ .yyfw_box ul li{width: 49%; margin-bottom: 2%; margin-right: 0;} .yyfw_box ul li:nth-child(2n){ float: right;} .yyfw_box ul li:nth-child(3n){ margin-right: 0;} .yyfw_box ul li .img img{width: 100%;} .yyfw_box ul li .text{bottom: 15px; font-size: 15px; } } .jscs_box{padding: 60px 0;} .jscs_box .tables{margin-top: 40px; width: 100%;} .jscs_box .tables table{width:100%;} .jscs_box .tables table tr{background: #f7f7f7;} .jscs_box .tables table tr th{background: #0070c9; color: #fff; font-size: 14px; font-weight: normal; padding: 1.5% 0;text-align: center;} .jscs_box .tables table tr td{text-align: center; padding: 1.5% 0;} .jscs_box .tables table tr:nth-child(2n){ background: #fff;} .jscs_box .jscs_img{margin-top: 50px;} @media (max-width: 1024px){ .jscs_box{padding: 6% 0;} .jscs_box .tables{margin-top: 4%; } } @media (max-width: 640px){ .jscs_box .tables table tr th{font-size: 14px;} .jscs_box .tables table tr td{font-size: 14px; } } @media (max-width: 480px){ .jscs_box .tables table tr th{font-size: 12px;} .jscs_box .tables table tr td{font-size: 12px; } } @media (max-width: 375px){ .jscs_box .tables table tr th{font-size: 10px;} .jscs_box .tables table tr td{font-size: 10px; } } .xgal_box{background: #f3f2f2; padding: 60px 0;} .xgal_box ol{margin-top: 40px;} .xgal_box ol li{background: #fff; float: left; width: 32%; margin-right: 2%;} .xgal_box ol li:last-child{margin-right: 0;} .xgal_box ol li .img{line-height: 0;} .xgal_box ol li .img img{width: 100%;} .xgal_box ol li .t{margin: 15px 10px; text-align: center; color: #666666; font-size: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} @media (max-width: 1024px){ .xgal_box{padding: 6% 0;} .xgal_box ol{margin-top: 4%; } } @media (max-width: 640px){ .xgal_box ol{margin-top: 0;} .xgal_box ol li{width: 49%; margin-top: 4%; margin-right: 0;} .xgal_box ol li:nth-child(2n){ float: right;} .xgal_box ol li .t{margin-top: 10px; font-size: 14px; margin-bottom: 10px; } } @media (max-width: 480px){ .xgal_box ol li{width: 100%; } } .cct_box{padding: 60px 0 70px;} .cct_box .cct_img{margin-top: 50px;font-size:16px;} .cct_box .cct_img img{width:100%;} .ddxx_box{padding: 60px 0; background: #f4f4f4;} .ddxx_box .ddxx_img{margin-top: 50px;} .gxxn_box{padding: 60px 0;} .gxxn_box .gxxn_img{margin-top: 50px;} .proshow_banner2 .con_box .img img{width:100%;} .proshow_banner2 .con_box .text .bt{margin-top: 15px; color: #FFF; font-size: 18px;position: relative;} .proshow_banner2 .con_box .text p{margin-top: 10px; color: #fff; font-size: 15px; line-height: 25px;} .proshow_banner2 .con_box .text .rz{margin-top: 15px; line-height: 0;} @media (max-width: 1024px){ .proshow_banner2{padding-bottom: 6%;} .proshow_banner2 .con_box .text .bt{font-size: 15px; margin-top: 4%;} .proshow_banner2 .con_box .text p{font-size: 14px; } } @media (max-width: 640px){ .proshow_banner2{padding-bottom: 9%;} .proshow_banner2 .con_box .img{width: 100%; margin-top: 0;} .proshow_banner2 .con_box .text{margin-top: 3%; width: 100%;} .proshow_banner2 .con_box .text .bt{margin-top: 2.5%; } } @media (max-width: 1024px){ .cct_box, .ddxx_box, .gxxn_box, .yykg_box, .pzfa_box, .cpcs_box{padding: 6% 0 7%;} .jscs_box .jscs_img, .cct_box .cct_img, .ddxx_box .ddxx_img, .gxxn_box .gxxn_img{margin-top: 5%; } } .proshow_banner3 .con_box .img{margin-top: 3%; line-height: 0;} .proshow_banner3 .con_box .text{margin-top: 5.4%;} .proshow_banner3 .con_box .text .bt{margin-top: 20px; color: #FFF; font-size: 18px; padding-left: 18px; position: relative;} .proshow_banner3 .con_box .text .bt:before{content: ""; position: absolute; left: 0; top: 50%; margin-top: -3px; width: 6px; height: 6px; border: 1px solid #fff; border-radius: 50px;} .proshow_banner3 .con_box .text p{margin-top: 10px; color: #fff; font-size: 15px; line-height: 25px;} @media (max-width: 1024px){ .proshow_banner3{padding-bottom: 0; } } @media (max-width: 768px){ .proshow_banner3 .con_box .text{width: 55%; margin-top: 0; } } @media (max-width: 640px){ .proshow_banner3{padding-bottom: 9%;} .proshow_banner3 .con_box .img{width: 100%; margin-top: 0;} .proshow_banner3 .con_box .text{margin-top: 3%; width: 100%;} .proshow_banner3 .con_box .text .bt{margin-top: 2.5%; } } .cpgn_box{padding: 60px 0;} .cpgn_box ol{margin-top: 50px;} .cpgn_box ol li{width: 22%; border-radius: 4px; float: left; margin-bottom: 3%; margin-right: 4%; padding: 3% 10px 2%; height: 172px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);} .cpgn_box ol li:nth-child(4n){ margin-right: 0;} .cpgn_box ol li .img{width: 25%; margin: 0 auto; line-height: 0;} .cpgn_box ol li h3{margin-top: 8%; color: #333333; font-size: 16px; font-weight: normal; text-align: center;} .cpgn_box ol li p{display: none;} .cpgn_box ol li:hover{background: #0070c9; padding-top: 2%;} .cpgn_box ol li:hover .img{display: none;} .cpgn_box ol li:hover h3{color: #fff; font-size: 22px; margin-top: 0;} .cpgn_box ol li:hover p{margin-top: 4%; display: block; color: #fff; font-size: 14px; line-height: 24px;} @media (max-width: 1024px){ .cpgn_box{padding: 6% 0;} .cpgn_box ol{margin-top: 5%;} .cpgn_box ol li{height: auto;} .cpgn_box ol li:hover{padding-top: 3%; background: none;} .cpgn_box ol li:hover .img{display: block;} .cpgn_box ol li:hover h3{margin-top: 8%; color: #333333; font-size: 16px; font-weight: normal; text-align: center;} .cpgn_box ol li:hover p{display: none; } } @media (max-width: 768px){ .cpgn_box ol li h3{font-size: 14px;} .cpgn_box ol li:hover h3{font-size: 14px; } } @media (max-width: 640px){ .cpgn_box ol li{width: 31.5%; margin-right: 2.75%;} .cpgn_box ol li:nth-child(3n){ margin-right: 0;} .cpgn_box ol li:nth-child(4n){ margin-right: 2.75%; } } .cpcs_box{background: url(../images/cs_bg.jpg) no-repeat center center / cover; padding: 60px 0 70px;} .cpcs_box .service_tit{color: #fff;} .cpcs_box .cpcs_img{margin-top: 50px;} @media (max-width: 1024px){ .cpcs_box{padding: 6% 0 7%;} .cpcs_box .cpcs_img{margin-top: 5%; } } .yykg_box{background: #f4f4f4; padding: 60px 0;} .yykg_box .yykg_img{margin-top: 50px;} @media (max-width: 1024px){ .yykg_box{padding: 6% 0;} .yykg_box .yykg_img{margin-top: 5%; } } .pzfa_box{padding: 60px 0;} .pzfa_box .pzfa_img{margin-top: 50px;} @media (max-width: 1024px){ .pzfa_box{padding: 6% 0;} .pzfa_box .pzfa_img{margin-top: 5%; } } /**2017-11-29**/ .search_box{padding: 160px 0 60px; min-height: 530px;} .search_box h1{color: #063a83; font-size: 24px; font-weight: normal;} .search_box .search_btn{margin-top: 16px; width: 635px; border: 1px solid #e3e3e3; height: 46px;} .search_box .search_btn .text{float: left; border: none; -webkit-appearance: none; background: none; width: 80%; line-height: 44px; padding: 0 10px; font-size: 14px; font-family: "寰蒋闆呴粦";} .search_box .search_btn .btn{float: right; background: url(../images/search.png) no-repeat center center; width: 56px; height: 44px; border: none; -webkit-appearance: none; border-radius: 0;} .search_box .name{color: #2e353d; font-size: 16px; margin: 20px 0;} .search_box .name span{color: #063b83;} .search_box .search_con{border-top: 1px solid #e1e1e1;} .search_box .search_con ul li{float: left; width: 100%; padding: 45px 0; border-bottom: 1px solid #e1e1e1;} .search_box .search_con ul li .img{display: block; float: left; line-height: 0; width: 19%;} .search_box .search_con ul li .img img{border: 1px solid #e1e1e1;} .search_box .search_con ul li .text{float: right; width: 76%; padding-top: 4%;} .search_box .search_con ul li .text .bt{display: block; color: #063b83; font-size: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .search_box .search_con ul li .text p{color: #666666; font-size: 16px; margin: 15px 0;} .search_box .search_con ul li .text .more{color: #666666; font-size: 14px; display: inline-block; text-decoration: underline;} .search_box .search_con .more_btn{margin: 35px auto 0; width: 11%; display: block;} @media (max-width: 1024px){ .search_box{padding: 4% 0 6%;} .search_box .search_con ul li{padding: 3% 0;} .search_box .search_con ul li .text{padding-top: 3%; } } @media (max-width: 768px){ .search_box .name{font-size: 14px; margin: 2% 0;} .search_box .search_con ul li .text{padding-top: 2.5%;} .search_box .search_con ul li .text .bt{font-size: 14px;} .search_box .search_con ul li .text p{margin: 1% 0; font-size: 14px;} .search_box .search_con .more_btn{margin-top: 3%; } } @media (max-width: 640px){ .search_box .search_btn{width: 100%; } } @media (max-width: 480px){ .search_box h1{font-size: 22px;} .search_box .search_btn{height: 36px;} .search_box .search_btn .text{line-height: 34px;} .search_box .search_btn .btn{width: 43px; height: 34px; background-size: 100% 100%;} .search_box .search_con ul li .text{padding-top: 0;} .search_box .search_con ul li .img{width: 28%;} .search_box .search_con ul li .text{width: 68%; } } @media (max-width: 414px){ .search_box .search_con ul li .img{width: 32%;} .search_box .search_con ul li .text{width: 65%;} .search_box .search_con ul li .text{padding-top: 2.5%;} .search_box .search_con .more_btn{width: 23%;} .search_box .search_con ul li .text .more{text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block;} .search_box .search_con ul li .text p{height: 38px; overflow: hidden; } } @media (max-width: 375px){ .search_box .search_con ul li .text{padding-top: 3.5%;} .search_box .search_con ul li .text p{text-overflow: ellipsis; overflow: hidden; white-space: nowrap; height: auto; } } @media (max-width: 320px){ .search_box .search_con ul li .text{padding-top: 2.5%; } } .inputerror{border: 1px solid #f00 !important; background-color: #ffe6e6 !important;} @-webkit-keyframes inputerrors{0%{background-color: #fff;}100%{background-color: #ffe6e6; } } .inputerror{animation: inputerrors 0.5s 3 ease;} @media only screen and (max-width:1440px ){ .banner .text .img_bg .t{margin-top:42%; } } /**2017-12-1**/ .case_banner2 .title_box{background: url(../images/top_bg4.png) no-repeat center center / cover; width: 969px; position: relative; margin: 58px auto 0; text-align: center; padding-left: 184.5px;} .case_banner2 .title_box a{display: block; height: 109px; float: left; width: 150px; border-right: 1px solid #659bdb; padding-top: 26px;} .case_banner2 .title_box a span{display: block; height: 30px;} .case_banner2 .title_box a em{font-style: normal; color: #FFF; font-size: 14px; margin-top: 8px; display: block;} .case_banner2 .title_box a:last-child{border-color: rgba(0, 0, 0, 0);} .case_banner2 .title_box a:hover, .case_banner2 .title_box a.cur{background: #124490;} @media (max-width: 1024px){ .case_banner2 .title_box{margin-top: 7%; } } @media (max-width: 991px){ .case_banner2 .title_box{width: 100%; } } @media (max-width: 768px){ .case_banner2 .title_box{padding-left: 0;} .case_banner2 .title_box a{width: 25%; } } @media (max-width: 480px){ .case_banner2 .title_box{background-size: 100% cover; height: auto;} .case_banner2 .title_box a{height: auto; padding-top: 3%; padding-bottom: 3%;} .case_banner2 .title_box a span{width: 40%; height: auto;} .case_banner2 .title_box a em{margin-top: 5px; } } @media (max-width: 414px){ .case_banner2 .title_box a em{font-size: 12px; } } .service_wenti .qa_box ul li .left{width: 80%;float: left;} .service_wenti .qa_box ul li .right{display: inline-block;float: right;padding-top: 38px;} .service_wenti .qa_box ul li .right a{display: inline-block;line-height: 32px;border: 1px solid #e8e8e8;color: #999999;font-size: 14px;padding: 0 20px;background: #fff;} .service_wenti .qa_box ul li .right a:hover{background: #f18a22;border-color: #f18a22;color: #fff;} @media only screen and (max-width:768px ){ .service_wenti .qa_box ul li .left{width: 100%;}.service_wenti .qa_box ul li .right{float: none;padding-top: 3%; } } .home_con .home_pro .left a img, .home_con .home_pro .right a img, .home_solutions .text_con .img img, .home_case .right span img, .home_news .con_box .left span img, .pro_box ul li .img img, .jiejuefangan_list ul li .img img, .case_box ul li .img img, .case_list ul li .img img, .led-ld-list ul li .img img, .service_linian ul li .img img, .about_jianjie .right ol li .img img, .about_wenhua ol li .img em img, .pro_list ul li .img img, .about_tuandui ol li .img img, .about_fuli .ul_list li .img img, .solut_bottom ol li .img img{width: 100%;transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;-webkit-transition: all 1s;-ms-transition: all 1s;} .home_con .home_pro .left a img:hover, .home_con .home_pro .right a img:hover, .home_solutions .text_con .img:hover img, .home_case .right span img:hover, .home_news .con_box .left span img:hover, .pro_box ul li .img img:hover, .jiejuefangan_list ul li .img img:hover, .case_box ul li .img img:hover, .case_list ul li .img img:hover, .led-ld-list ul li .img img:hover, .service_linian ul li .img img:hover, .about_jianjie .right ol li .img img:hover, /*.about_wenhua ol li .img em:hover img,*/ .pro_list ul li .img img:hover, .about_tuandui ol li .img img:hover, .about_fuli .ul_list li .img img:hover, .solut_bottom ol li .img img:hover{transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);} #focus_Box{float: right; position: relative; width: 540px; height: 393px;} #focus_Box ul{position: relative; width: 540px; height: 393px;} #focus_Box li{z-index: 0; position: absolute; width: 0px; background: #787878; height: 0px; top: 0; cursor: pointer; left: 0;} #focus_Box li img{width: 100%; height: 100%; vertical-align: top;} #focus_Box li p{display: none; padding: 15px 15px 0; text-align: center; color: #2d2d2d; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} #focus_Box .prev, #focus_Box .next{display: block; z-index: 100; overflow: hidden; cursor: pointer; position: absolute; width: 31px; height: 58px; top: 153px;} #focus_Box .prev{background: url(../images/lr.png) no-repeat center center; left: -59px;background-size:20px auto;} #focus_Box .next{background: url(../images/rr.png) no-repeat center center; right: -59px;background-size:20px auto;} #focus_Box .prev:hover{background-image: url(../images/lrb.png);} #focus_Box .next:hover{background-image: url(../images/rrb.png);} /*iphon_honor */ .iphon_honor{display: none;} .iphon_honor img{width: 98%;} .iphon_honor .slick-prev{background: url(../images/honor-r.png) no-repeat center center;left: 0;} .iphon_honor .slick-next{background: url(../images/honor-l.png) no-repeat center center;right: 1%;} .iphon_honor .slick-prev, .iphon_honor .slick-next{border: none;background-size: 100% 100%;} @media (max-width: 768px){ .about_honor .left{width: 100%; float: none;} #focus_Box{float: none;margin: 5% auto 0; } } @media only screen and (max-width:640px ){ #focus_Box .prev{left: -48px;}#focus_Box .next{right: -48px; } } @media (max-width: 480px){ #focus_Box{display: none;} .iphon_honor{display: block;width: 100.8%; } } @media (max-width: 414px){ .iphon_honor{width: 100.6%; } } @media (max-width: 375px){ .iphon_honor{width: 100.4%; } } /**2017-12-25**/ .case_box .top_title{background: url(../images/gcase_bg.jpg) no-repeat center center / cover; min-height: 266px; padding-top: 75px;} .case_box .top_title h3{text-align: center; color: #fff; font-size: 28px; padding-bottom: 16px; position: relative;} .case_box .top_title h3:before{content: ""; position: absolute; left: 50%; margin-left: -16px; bottom: 0; width: 32px; height: 1px; background: #fff;} .case_box .top_title p{text-align: center; width: 640px; margin: 12px auto 0; color: #FFF; font-size: 15px; line-height: 25px;} .case_box ul{margin-top: 2%;} @media (max-width: 640px){ .case_box .top_title{min-height: auto;padding-top: 5%;padding-bottom: 5%;}.case_box .top_title h3{font-size: 22px;padding-bottom: 16px;}.case_box .top_title p{width: 100%;font-size: 14px;line-height: 24px;padding: 0 10px; } } @media (max-width: 480px){ .case_box .top_title h3{font-size: 16px;padding-bottom: 8px; } } /**2017-12-25**/ .title3{text-align: center; color: #555555; font-size: 28px; font-weight: normal; padding-bottom: 15px; position: relative;} .title3:before{content: ""; position: absolute; left: 50%; bottom: 0; margin-left: -20px; width: 40px; height: 3px; background: #efefef;} .gaishu{padding-top: 50px;} .gaishu .box{margin-top: 3%; border-bottom: 1px solid #e7e7e7; padding-bottom: 60px; padding-left: 8%; padding-right: 8%;} .gaishu .box .text{padding-top: 6%; float: left; width: 47%; color: #666666; font-size: 16px; line-height: 26px;} .gaishu .box .img{float: right; width: 40%; line-height: 0;} .jiazhidian{padding-top: 50px;} .jiazhidian ol{margin-top: 3%; border-bottom: 1px solid #e7e7e7; padding-bottom: 60px;} .jiazhidian ol li{float: left; width: 23.5%; background: #f6f6f6; text-align: center; padding: 5% 3%; margin-left: 2%;} .jiazhidian ol li:first-child{margin-left: 0;} .jiazhidian ol li .img{width: 46%; margin: 0 auto; line-height: 0; display: block;} .jiazhidian ol li p{margin-top: 15px; color: #666666; font-size: 16px; line-height: 26px; height: 52px; overflow: hidden;} .jiejuefangan_list{padding-top: 20px;} .jiejuefangan_list ul{margin-top: 3%;} @media (max-width: 1280px){ .gaishu .box .text{padding-top: 2%; } } @media (max-width: 1024px){ .gaishu .box{padding-left: 0; padding-right: 0;} .gaishu .box .text{padding-top: 0; font-size: 14px; line-height: 24px;} .jiazhidian ol li{padding-left: 2%; padding-right: 2%;} .jiazhidian ol li p{font-size: 14px; line-height: 24px; } } @media (max-width: 991px){ .gaishu, .jiazhidian, .jiejuefangan_list{padding-top: 5%;} .gaishu .box, .jiazhidian ol{padding-bottom: 6%; } } @media (max-width: 768px){ .gaishu .box .text{width: 100%;} .gaishu .box .img{width: 100%; margin-top: 4%;} .jiazhidian ol li{width: 49.5%; margin-left: 0; margin-bottom: 1%; padding-left: 10px; padding-right: 10px;} .jiazhidian ol li:nth-child(2n){ float: right; } } @media (max-width: 640px){ .title3{font-size: 22px; } } @media (max-width: 414px){ .title3{font-size: 17px; padding-bottom: 12px;} .gaishu .box{margin-top: 4%;} .jiazhidian ol, .jiejuefangan_list ul{margin-top: 5%;} .jiazhidian ol li p{margin-top: 6%; line-height: 22px; height: 66px; font-size: 13px; } } .fangan_banner{background: url(../images/solutions_banner.jpg) no-repeat center center;min-height: 700px;text-align: center;padding-top: 325px;} .fangan_banner h1{color: #FFF; font-size: 40px;} .fangan_banner .name{width: 1008px; margin: 2.5% auto 0; color: #fff; font-size: 16px; line-height: 28px;} @media (max-width:1024px ){ .fangan_banner{background-size: 100% 100%;min-height: 450px;padding-top: 215px;}.fangan_banner .name{width: 100% ;} } @media (max-width:768px ){ .fangan_banner{background-size: 100% 100%;min-height: 340px;padding-top: 145px;}.fangan_banner .name{font-size: 14px;line-height: 24px; } } @media (max-width:640px ){ .fangan_banner{min-height: auto;padding: 12% 0;}.fangan_banner h1{font-size: 24px; } } .zeren_box{padding-top: 100px;} .zeren_box .gaishu:nth-child(2n) .box .text{float: right;} .zeren_box .gaishu:nth-child(2n) .box .img{float: left;} @media (max-width: 1024px){ .zeren_box{padding-top: 0; } } /**2017-12-27**/ .dengjibiao{padding: 93px 0 70px;} .dengjibiao .top{border-bottom: 1px solid #ededed; line-height: 70px;} .dengjibiao .top h1{font-weight: normal; color: #000000; font-size: 18px;} .dengjibiao ol{margin-bottom: 50px; padding-left: 402px;} .dengjibiao ol li{float: left; width: 100%; margin-top: 20px;} .dengjibiao ol li .bt{float: left; width: 150px; text-align: right; display: block; color: #000000; font-size: 15px; line-height: 24px;} .dengjibiao ol li .bt i{font-style: normal; color: #ef0101; display: inline-block; margin-right: 3px;} .dengjibiao ol li .text{float: left; margin-left: 48px; line-height: 24px;} .dengjibiao ol li .text input{width: 198px; height: 24px; border: 1px solid #e3e3e3; line-height: 24px; -webkit-appearance: none; padding: 0 5px; border-radius: 0; font-size: 14px;} .dengjibiao ol li .text span{display: block; float: left; color: #000000; font-size: 15px; padding-left: 18px; margin-right: 16px; cursor: pointer; position: relative;} .dengjibiao ol li .text span:before{content: ""; position: absolute; left: 0; top: 6px; width: 8px; height: 8px; border: 2px solid #e3e3e3; border-radius: 50px;} .dengjibiao ol li .text span.cur:before{background: #033e88; border-color: #033e88;} .dengjibiao ol li .text .qt{margin-top: 10px; display: block; float: left;} .dengjibiao ol li .text .cbox{width: 100px; height: 24px; position: relative;} .dengjibiao ol li .text .cbox .ch{font-style: normal; display: block; width: 100px; height: 24px; line-height: 22px; border: 1px solid #e3e3e3; padding: 0 5px; color: #000000; overflow: hidden; border-radius: 0; cursor: pointer; position: relative;} .dengjibiao ol li .text .cbox .ch:before{content: ""; position: absolute; right: 0px; top: 0px; width: 24px; height: 24px; background: url(../images/djb_icon.jpg) no-repeat center center;} .dengjibiao ol li .text .cbox .con{display: none; z-index: 999; border: 1px solid #e3e3e3; position: absolute; left: 0; top: 100%; width: 100%; background: #FFF; padding: 5px;} .dengjibiao ol li .text .cbox .con a{text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #999; font-size: 14px; display: block; line-height: 26px;} .dengjibiao ol li .text .cbox .con a:hover{color: #666;} .dengjibiao .btn{text-align: center;} .dengjibiao .btn button{display: block; width: 140px; height: 38px; line-height: 38px; border-radius: 50px; margin: 0 auto; background: #42699e; color: #FFF; font-size: 15px; border: 0;} @media (max-width: 1280px){ .dengjibiao ol{padding-left: 328px; } } @media (max-width: 1024px){ .dengjibiao{padding: 0 0 6%;} .dengjibiao ol{padding-left: 30%; } } @media (max-width: 768px){ .dengjibiao ol{padding-left: 0; margin-bottom: 5%;} .dengjibiao ol li{margin-top: 3%;} .dengjibiao ol li .bt{float: none; width: 100%; text-align: left; margin-bottom: 5px;} .dengjibiao ol li .text{float: none; width: 100%; margin-left: 0;} .dengjibiao ol li .text input{width: 100%; height: 34px; line-height: 34px;} .dengjibiao ol li .text .qt{line-height: 34px;} .dengjibiao ol li .text .qt span:before{top: 10px;} .dengjibiao ol li .text .qt input{width: 217px;} .dengjibiao ol li .text .cbox{height: 34px;} .dengjibiao ol li .text .cbox .ch{height: 34px;line-height: 32px;} .dengjibiao ol li .text .cbox .ch:before{width: 34px;height: 34px;background: url(../images/djb_icon.jpg) no-repeat center center #ededed; } } .about_banner .title_box{background: url(../images/top_bg4.png) no-repeat center center / cover; width: 969px; position: relative; margin: 110px auto 0; text-align: center; padding-left: 184.5px;} .about_banner .title_box a{display: block; height: 109px; float: left; width: 150px; border-right: 1px solid #659bdb; padding-top: 26px;} .about_banner .title_box a span{display: block; height: 30px;} .about_banner .title_box a em{font-style: normal; color: #FFF; font-size: 14px; margin-top: 8px; display: block;} .about_banner .title_box a:last-child{border-color: rgba(0, 0, 0, 0);} .about_banner .title_box a:hover, .about_banner .title_box a.cur{background: #124490;} @media only screen and (max-width:1024px ){ .about_banner{padding-top: 150px;}.about_banner .title_box{margin-top: 6.5%; } } @media only screen and (max-width:991px ){ .about_banner .title_box{width: 100%; } } @media only screen and (max-width:768px ){ .about_banner{padding-top: 15%;}.about_banner .title_box{padding-left: 0;}.about_banner .title_box a{width: 25%; } } @media only screen and (max-width:480px ){ .about_banner .title_box a{height: auto;padding-top: 3%;padding-bottom: 3%;}.about_banner .title_box a span{width: 22%; height: auto;}.about_banner .title_box a em{margin-top: 5px; } } @media only screen and (max-width:414px ){ .about_banner .title_box a em{font-size: 12px; } } .more_btn a{margin-top: 50px;float: right;display: inline-block;padding: 0 30px;height: 44px;line-height: 44px;background: #043e88;border-radius: 50px;text-align: center;color: #fff;font-size: 16px;} @media only screen and (max-width:768px ){ .more_btn{text-align: center;}.more_btn a{margin-top: 5%;float: none; } } .ntitle1{text-align: center; color: #555555; font-size: 28px; font-weight: normal; padding-bottom: 15px; position: relative; padding-top: 50px; margin-bottom: 2%;} .ntitle1:before{content: ""; position: absolute; left: 50%; bottom: 0; margin-left: -20px; width: 40px; height: 3px; background: #efefef;} .proshow_banner .banzib .button{display: inline-block; width: 145px; height: 46px; border: 1px solid #fff; background: transparent; color: #fff; font-size: 16px; text-align: center; line-height: 46px; margin-left: 1%; float: left; margin-top:15px;} .proshow_banner .banzib .button img{height: 19px; margin-top: -4px; margin-right: 8px;} .solutions_banner .container a img{height: 19px; margin-right: 16px;} .banner_pro{position: relative;} .banner_pro .title_box{position: absolute;left: 50%;bottom: 28px;transform: translateX(-50%);} .case_banner2{position: relative;} .case_banner2 .title_box{position: absolute;left: 50%;bottom: 28px;transform: translateX(-50%);} .case_list .cpage-1 li:first-child{width: 66%; margin-bottom: 0;} .case_list .cpage-1 li:nth-child(2), .case_list .cpage-1 li:nth-child(5), .case_list .cpage-1 li:nth-child(8){ margin-right: 0;} .case_list .cpage-1 li:nth-child(3), .case_list .cpage-1 li:nth-child(6){ margin-right: 2%;} @media only screen and (max-width:480px ){ .case_list .cpage-1 li:first-child{width: 100%; margin-bottom: 2%; } } .case_banner .container .name{text-align: center; color: #fff; font-size: 16px; width: 750px; margin: 10px auto 0; line-height: 24px;} @media (max-width: 768px){ .case_banner .container .name{width: 100%; font-size: 14px; line-height: 24px; } } .return_top_bottom{display: none;} @media (max-width: 640px){ .footer{margin-bottom: 78px;}.return_top_bottom{display: block;right: auto;top: auto;bottom: 0;width: 100%;}.return_top_bottom a{float: left;margin-bottom: 0;width: 33.33333333%;text-align: center;border-right: 1px solid #032554;}.return_top_bottom a:last-child{border-right: none; } } @media (max-width: 480px){ .home_news .ol_list a{width: 23.5%;border-radius: 0;line-height: 34px;}.footer{margin-bottom: 55px;}.return_top_bottom{height: 55px;}.return_top_bottom a img{width: 61px;height: 55px; } } .table{padding: 60px 0;} .table h3{text-align: center;color: #666666; font-size: 30px;} .table span{text-align: center; display: block; color: #aaaaaa; font-size: 14px; margin: 12px 0 15px; text-transform: uppercase; font-family: arial;} .table .text strong{font-size: 16px; margin-top: 2%; display: block;} .table table{margin-top: 40px;} .table table tr{background: #f7f7f7;} .table table tr th{background: #0070c9;color: #fff;font-size: 18px;font-weight: normal;padding: 1.5% 0;} .table table tr:nth-child(2n){ background: #fff;} .table table tr td{text-align: center; padding: 1.5% 0;} .tables_con .box .left1 span{display: block; color: #aaaaaa; font-size: 14px; margin: 12px 0 15px; text-transform: uppercase; font-family: arial;} .tables_con .box .left1 .text{color: #666666; font-size: 16px; line-height: 28px;} .tables_con .box .left1 h3{color: #1f1f1f; font-size: 30px; font-weight: normal;} .tables_con .box span{display: block; color: #aaaaaa; font-size: 14px; margin: 12px 0 15px; text-transform: uppercase; font-family: arial;} .tables_con .box .text{color: #666666; font-size: 16px; line-height: 28px;} .tables_con .box h3{color: #1f1f1f; font-size: 30px; font-weight: normal;} .tqiye{background: #666666; width: 100%; line-height: 40px; text-align: center; color: #fff; font-size: 14px;} .iphon_honor .tqiye{width: 98%;} .cpcs_box .cpcs_img th,.cpcs_box .cpcs_img td{padding: 15px;} .footer .footer_nav .right .dh1{margin-top: 18px; color: #FFF; font-size: 32px; font-family: arial; font-weight: bold; background: url(../images/dh1.png) no-repeat left center; padding-left: 42px;}