@charset "utf-8"; /* CSS Document */ /*Reset start*/ body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, form, legend, button, p,th,td{border:0;font-size:100%;margin:0;outline:0;padding:0;} h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;} fieldset, img{border:none;} img{vertical-align:top; border:0} a{ text-decoration:none; outline:none; color:#000;} a:hover{ color:#000;} a:focus{outline:none; color:#000;} a:hover,a:visited,a:active,a:link{text-decoration: none;} ol, ul{list-style:none outside none; padding:0; margin:0} /*table{border-collapse:collapse;border-spacing:0;}*/ sub,sup{font-size:80%;line-height:0;position:relative;vertical-align:baseline;} sup{top:-0.5em;} sub{bottom:-0.25em;} var{ font-style:normal;} var{ padding-left:3px;} input,select{ outline:none;} body,button,input,select,textarea{font:12px/1.5; padding:0; margin:0; font-style:normal;} body{width: 100%;} .clearfix:after {content:"\20"; display:block; height:0; clear:both; visibility:hidden; } .clearfix{display:inline-block; } .clearfix{display:block;} .clearbox{border-top:transparent 0px solid;clear:both;font-size:0;margin-top:0px;visibility:hidden; overflow:hidden;height:0;} @font-face { font-family: fontawesome; src: url('../fonts/glyphicons-halflings-regular.eot') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg') format('svg'); } @font-face { font-family: "SourceHanSansCN-Regular"; src: url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"), url("../fonts/SourceHanSansCN-Regular.eot") format("embedded-opentype"), url("../fonts/SourceHanSansCN-Regular.svg") format("svg"); font-weight: normal; font-style: normal; } label{ max-width: initial;} body{font-family: 'SourceHanSansCN-Regular', Arial, Helvetica, sans-serif;font-size: 14px; color: #000; overflow-x: hidden; background: #fff; margin: 0 auto;} .bodymain{width:100%;overflow: hidden;position: relative;left:0; padding-top: 110px;} /*公用样式*/ .edit-container{ margin-right: auto;margin-left: auto; position: relative; width: 1440px;} select{ appearance: none; -moz-appearance: none; -webkit-appearance: none;} /*浏览器升级提示*/ .browser-tips{ position: fixed; left: 0; right: 0; bottom: 0; z-index: 999; font-size: 16px;} .browser-tips .alert-warning{ margin-bottom: 0; border-radius: 0;} .browser-tips .alert-warning a{ color: #d93630;} .swiper-container,.swiper-wrapper{ width: 100%; height: auto !important;} .swiper-slide{ width: 100%; height: auto !important; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .pagination{ position: absolute; left: 0; text-align: center; bottom:32px; width: 100%; z-index: 9; margin: 0;} .swiper-pagination-switch{ display: inline-block; width: 22px; height: 1px; border-radius: 5px; background: #fff; margin: 0 8px; cursor: pointer; opacity: 1; vertical-align: middle;} .swiper-active-switch{ width: 34px; height: 5px; background-color: #dc3832;} /*侧边导航*/ .menu-layer{ width: 100%; height: 100%; min-height: 500px; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; display: none;} .menu-layer .opacity{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(000,000,000,0.5);} .menu-layer-inner{ width: 280px; height: 100%; position: absolute; left: -350px; top: 0;} .menu-layer-inner-scroll{ width: 100%; height: 100%; background-color: #fff; position: absolute; left: 0; top: 0; min-height: 500px; overflow-y: auto;} .menu-layer-inner-cont{ padding: 20px 0 80px 0; min-height: 100%; position: relative; overflow: hidden;} .menu-layer-inner-cont .search-box{ padding: 0 20px;} .menu-layer-inner-cont .search-box .box{ height: 35px; background-color: #eaeaea; border-radius: 35px;} .menu-layer-inner-cont .search-box .box .input-text{ float: left; width: 200px; height: 35px; line-height: 35px; border: 0; background-color: #eaeaea; font-size: 14px; color: #000; padding: 0 0 0 15px; border-radius: 35px;} .menu-layer-inner-cont .search-box .box .search-btn{ float: right; width: 35px; height: 35px; border: 0; border-radius: 35px; background: url(../images/icon/icon_search.png) center no-repeat; background-size: 35px; margin-right: 5px;} .menu-layer-inner-cont .subnav{ margin-top: 20px;} .menu-layer-inner-cont .subnav li{ line-height: 50px; font-size: 14px; position: relative;} .menu-layer-inner-cont .subnav li .trigger{ position: relative;} .menu-layer-inner-cont .subnav li .trigger a{ display: block; padding-left: 62px;} .menu-layer-inner-cont .subnav li .icon{ width: 23px; height: 23px; position: absolute; top: 50%; margin-top: -11.5px; left: 20px;} .menu-layer-inner-cont .subnav li.active{ background-color: #eaeaea;} .menu-layer-inner-cont .subnav li.active .trigger,.menu-layer-inner-cont .subnav li.active .trigger a{ color: #d93630;} .menu-layer-inner-cont .subnav li .trigger-btn{ width: 50px; position: absolute; top: 0; right: 0; text-align: center;} .menu-layer-inner-cont .subnav li .glyphicon{ top: 0; transition: all 0.5s; font-size: 12px;} .menu-layer-inner-cont .subnav li .secondNav{ display: none;} .menu-layer-inner-cont .subnav li .secondNav li a{ padding-left: 20px;} .menu-layer-inner-cont .subnav li.active .glyphicon{ transform:rotate(-180deg);} .menu-layer-inner-cont .language{ font-size: 14px; color: #555; position: absolute; left: 25px; bottom: 40px;} .menu-layer-inner-cont .language a,.menu-layer-inner-cont .language span{ color: #555; vertical-align: middle;} .menu-layer-inner-cont .language span{ position: relative; top: -1px; margin: 0 10px;} .menu-layer-inner-cont .language a:hover,.menu-layer-inner-cont .language a.active{ color: #d93630;} /* 头部 header */ .header{ width: 100%; height: 110px; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 999;} .header .logo{ float: left; margin: 37px 0 0 85px;} .header .logo img{ display: block; height: 36px;} .header-inner{ float: right; margin-right: 28px; position: relative; z-index: 9;} .header-inner .nav{ float: left;} .header-inner .nav li{ float: left; font-size: 24px; line-height: 110px; margin-left: 76px;} .header-inner .nav li a{ display: block; padding: 0 10px; position: relative;} /* .header-inner .nav li a:hover, */.header-inner .nav li a.active,.header-inner .nav li a.current{ color: #d93630;} .header-inner .nav li a .bot_line{ width: 0; height: 7px; background-color: #dc3832; position: absolute; left: 0; bottom: -4px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;} /* .header-inner .nav li a:hover .bot_line, */.header-inner .nav li a.active .bot_line,.header-inner .nav li a.current .bot_line{ width: 100%;} .header-inner .header-right{ float: left; margin-left: 30px;} .header-inner .header-right .icon-search,.header-inner .header-right .icon-service{ float: left; width: 45px; height: 110px; position: relative; margin-left: 30px;} .header-inner .header-right .icon-search .icon,.header-inner .header-right .icon-service .icon{ width: 45px; height: 45px; position: absolute; left: 0; top: 50%; margin-top: -22.5px; background-position: 0 0; background-size: cover; background-repeat: no-repeat; cursor: pointer; border-radius: 100%;} .header-inner .header-right .icon-search .icon{ background-image: url(../images/icon/icon_search.png);} .header-inner .header-right .icon-service .icon{ background-image: url(../images/icon/icon_service.png);} .header-inner .header-right .icon-search .hidden-cont{ width: 360px; background-color: #fff; padding: 20px; position: absolute; top: 100%; right: 0; display: none;} .header-inner .header-right .icon-search .hidden-cont .box{ background-color: #eaeaea; height: 42px; border-radius: 42px;} .header-inner .header-right .icon-search .hidden-cont .box .input-text{ float: left; width: 272px; height: 42px; line-height: 42px; border: 0; background-color: #eaeaea; font-size: 16px; color: #000; padding: 0 0 0 15px; border-radius: 42px;} .header-inner .header-right .icon-search .hidden-cont .box .search-btn{ float: right; width: 42px; height: 42px; border: 0; border-radius: 42px; background: url(../images/icon/icon_search.png) center no-repeat; background-size: 42px; margin-right: 5px;} .header-inner .header-right .icon-search .icon.current{ background-color: #eaeaea;} .header-inner .header-right .language{ float: left; font-size: 16px; color: #555; line-height: 110px; margin-left: 25px;} .header-inner .header-right .language a,.header-inner .header-right .language span{ color: #555; vertical-align: middle;} .header-inner .header-right .language span{ position: relative; top: -1px; margin: 0 12px;} .header-inner .header-right .language a:hover,.header-inner .header-right .language a.active{ color: #d93630;} .header .menu-icon{ width: 30px; height: 30px; background: url(../images/icon/icon_menu.png) center no-repeat; background-size: 100%; position: absolute; top: 50%; margin-top: -15px; right: 20px; cursor: pointer;} .header .sub-menu-container{ width: 100%; /* min-height: 143px; */ background: url(../images/icon/sub-menu-bg.jpg) 0 0 repeat-x #fff; position: absolute; top: 100%; left: 0; padding: 22px 0; display: none;} .header .sub-menu-container .sub-menu{ display: none;} .header .sub-menu-container li{ float: left; width: 25%; margin: 12px 0; font-size: 18px;} .header .sub-menu-container li a{ color: #8e8e8e;} .header .sub-menu-container li a:hover{ color: #dc3832;} /* 底部 footer */ .footer{ background-color: #3e3e49; padding: 60px 70px 30px 50px; color: #fff;} .footer a{ color: #fff;} .footer-container{ position: relative;} .footer-left{ position: absolute; top: 0; left: 0;} .footer-left .logo img{ display: block; height: 41px;} .footer-links{ text-align: center;} .footer-links .links{ font-size: 16px;} .footer-links .links a{ display: inline-block; margin-right: 42px;} .footer-right{ position: absolute; top: -18px; right: 0; font-size: 14px; text-align: right;} .footer-qrCode{ display: inline-block;} .footer-qrCode .pic img{ display: inline-block; width: 65px;} .footer-qrCode p{ margin-top: 10px;} .footer .copyright{ text-align: center; margin-top: 30px; font-size: 14px;} /* 首页 */ .home-banner{ width: 100%; position: relative;} .home-banner .swiper-slide img{ display: block; width: 100%;} .home-banner .txt-box{ width: 100%; position: absolute; top: 50%; margin-top: -5%; left: 0; color: #fff; text-align: center;} .home-banner .txt-box .title{ font-size: 60px;} .home-banner .txt-box .cont{ font-size: 24px; line-height: 1.5em; margin-top: 30px;} .home-banner .txt-box .edit-container{ width: 100%;} .home-banner .swiper-button-prev,.home-banner .swiper-button-next{ width: 46px; height: 46px; background-repeat: no-repeat; background-size: cover; position: absolute; top: 50%; margin-top: -23px; cursor: pointer;} .home-banner .swiper-button-prev{ background-image: url(../images/icon/home_banner_arrow_left.png); left: 30px;} .home-banner .swiper-button-next{ background-image: url(../images/icon/home_banner_arrow_right.png); right: 30px;} .base-title-box{ text-align: center; color: #000;} .base-title-box .title{ font-size: 60px; line-height: 60px;} .base-title-box .cont{ font-size: 40px; margin-top: 20px;} .base-title-box .cont .title2{ color: #d93630;} .home-media{ padding: 60px 0 115px 0;} .home-media-inner .block-box{ font-size: 24px; color: #000; text-align: center; margin: 70px 0 15px 0;} .home-media-inner .block-box .pic img{ display: inline-block; width: 197px;} .home-media-inner .block-box .title{ margin-top: 25px;} .home-slogan{background: url(../images/home_slogan_bg.png) center no-repeat; background-size: cover;} .home-slogan-inner{ background: url(../images/home_slogan_bg_letter.png) center no-repeat; background-size: 100%; padding: 145px 0;} .home-slogan-inner .base-title-box{ color: #fff;} .home-slogan-inner .btn-box{ text-align: center; margin-top: 105px;} .home-slogan-inner .btn-box a{ display: block; width: 468px; height: 106px; line-height: 98px; background: url(../images/home_slogan_btn.png) 0 0 no-repeat; background-size: 100%; padding: 8px 8px 0 0; margin: 0 auto; font-size: 30px; color: #fff;} .home-solution{ padding: 85px 0 120px 0;} .home-solution-focus{ margin: 75px -25% 0 -25%; position: relative;} .home-solution-focus .block-box{ display: block; width: 325px; background-color: #fff; margin: 15px auto 25px auto; padding: 0 40px 20px 0; -moz-box-shadow:5px 5px 20px #596264; -webkit-box-shadow:5px 5px 20px #596264; box-shadow:5px 5px 20px #596264;} .home-solution-focus .swiper-slide-active .block-box{ -moz-box-shadow:20px 20px 0 #596264; -webkit-box-shadow:20px 20px 0 #596264; box-shadow:20px 20px 0 #596264;} .home-solution-focus .block-box .pic img{ display: block; width: 100%;} .home-solution-focus .block-box .title{ font-size: 18px; color: #d93630; text-align: center; margin-top: 42px;} .home-solution-focus .swiper-button-box{ width: 686px; height: 23px; margin: 0 auto; position: absolute; top: 186px; left: 50%; margin-left: -343px; z-index: 9;} .home-solution-focus .swiper-button-box .swiper-button-prev,.home-solution-focus .swiper-button-box .swiper-button-next{ width: 27px; height: 23px; background-position: 0 0; background-repeat: no-repeat; background-size: cover; position: absolute; cursor: pointer;} .home-solution-focus .swiper-button-box .swiper-button-prev{ background-image: url(../images/icon/arrow_left.png); left: 0;} .home-solution-focus .swiper-button-box .swiper-button-next{ background-image: url(../images/icon/arrow_right.png); right: 0;} .home-technology{ background: url(../images/home_technology_bg.jpg) top center no-repeat; background-size: 100% auto; padding: 120px 0 45px 0;} .home-technology .base-title-box{ color: #fff;} .home-technology-inner{ margin-top: 115px;} .home-technology-inner .swiper-container{ margin: 0 -15px;} .home-technology-inner .swiper-slide{ float: left; width: 33.333333%; padding: 0 15px;} .home-technology-inner .block-box{ height: 450px; background-color: #f7f7f7; text-align: center;/* -moz-box-shadow:0 0 45px #929292; -webkit-box-shadow:0 0 45px #929292; box-shadow:0 0 45px #929292; */} .home-technology-inner .block-box a{ display: block; padding: 105px 0 100px 0;} .home-technology-inner .block-box .pic img{ display: inline-block; height: 128px;} .home-technology-inner .block-box .btn-box{ width: 217px; height: 64px; line-height: 62px; border: 1px solid #e5314d; font-size: 24px; color: #e5314d; margin: 54px auto 0 auto; position: relative;} .home-technology-inner .block-box .btn-box .icon{ width: 32px; height: 32px; line-height: 32px; background-color: #f7f7f7; font-size: 16px; text-align: center; position: absolute; top: -16px; right: -16px;} .home-cooperative-partner{ padding: 45px 0 25px 0;} .home-cooperative-partner-inner{ margin-top: 55px; position: relative;} .home-cooperative-partner-inner ul{ border-top: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc;} .home-cooperative-partner-inner li{ float: left; width: 20%; border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc;} .home-cooperative-partner-inner li .pic{ width: 100%; height: 286px; text-align: center; display: table;} .home-cooperative-partner-inner li .pic a{ display: table-cell;vertical-align: middle; cursor: default;} .home-cooperative-partner-inner li .pic img{ display: inline-block; width: 290px;} .home-cooperative-partner-inner .bot-pagination-box{ margin-top: 38px; text-align: center;} .home-cooperative-partner-inner .pagination-inner{ display: inline-block; padding: 0 100px; position: relative;} .home-cooperative-partner-inner .pagination{ position: relative; bottom: auto;} .home-cooperative-partner-inner .swiper-pagination-switch{ background-color: #000;} .home-cooperative-partner-inner .swiper-active-switch{ background-color: #dc3832;} .home-cooperative-partner-inner .swiper-button-prev,.home-cooperative-partner-inner .swiper-button-next{ width: 27px; height: 23px; background-position: 0 0; background-repeat: no-repeat; background-size: cover; position: absolute; top: 50%; margin-top: -11.5px; cursor: pointer;} .home-cooperative-partner-inner .swiper-button-prev{ background-image: url(../images/icon/arrow_left.png); left: 0;} .home-cooperative-partner-inner .swiper-button-next{ background-image: url(../images/icon/arrow_right.png); right: 0;} .home-cooperative-partner-inner .btn-more-box{ text-align: center; margin-top: 25px;} .home-cooperative-partner-inner .btn-more-box a{ display: block; width: 217px; height: 64px; line-height: 62px; border: 1px solid #d52828; font-size: 24px; color: #d52828; margin: 0 auto; position: relative;} .home-cooperative-partner-inner .btn-more-box a .icon{ width: 32px; height: 32px; line-height: 32px; background-color: #fff; font-size: 16px; text-align: center; position: absolute; top: -16px; right: -16px;} .home-about-city{ padding: 90px 0 145px 0; background-color: #f7f7f7; position: relative;} .home-about-city-focus{ margin-top: 42px;} .home-about-city-focus .focus-inner{ width: 1030px; margin: 0 auto; position: relative;} .home-about-city-focus .focus-inner .block-box{ margin: 0 15px; position: relative;} .home-about-city-focus .focus-inner .block-box .pic img{ display: block; width: 100%;} .home-about-city-focus .focus-inner .block-box .cont{ width: 100%; position: absolute; left: 0; bottom: 25px; padding: 0 25px; font-size: 14px; color: #fff; line-height: 1.5em;} .home-about-city-focus .focus-inner .block-box .cont .title{ font-size: 24px; margin-bottom: 15px;} .home-about-city-focus .swiper-button-prev,.home-about-city-focus .swiper-button-next{ width: 27px; height: 23px; background-position: 0 0; background-repeat: no-repeat; background-size: cover; position: absolute; top: 50%; margin-top: -11.5px; cursor: pointer;} .home-about-city-focus .swiper-button-prev{ background-image: url(../images/icon/arrow_left.png); left: -172px;} .home-about-city-focus .swiper-button-next{ background-image: url(../images/icon/arrow_right.png); right: -172px;} .home-about-city-focus .btn-more-box{ text-align: center; margin-top: 28px;} .home-about-city-focus .btn-more-box a{ display: block; width: 217px; height: 64px; line-height: 62px; border: 1px solid #d52828; font-size: 24px; color: #d52828; margin: 0 auto; position: relative;} .home-about-city-focus .btn-more-box a .icon{ width: 32px; height: 32px; line-height: 32px; background-color: #f7f7f7; font-size: 16px; text-align: center; position: absolute; top: -16px; right: -16px;} .home-demand-form{ padding-bottom: 105px; margin-top: -112px;} .home-demand-form .form-inner{ background-color: #fff; padding: 95px 220px 60px 220px; -moz-box-shadow:0 0 95px #eee; -webkit-box-shadow:0 0 95px #eee; box-shadow:0 0 95px #eee;} .home-demand-form .form-inner .top-title{ font-size: 30px; text-align: center; padding-bottom: 30px; border-bottom: 3px solid #000;} .form-view{ margin-top: 50px;} .form-view .block-box{ margin-top: 20px; line-height: 60px; font-size: 24px;} .form-view .block-box .type{ float: left; width: 140px; color: #000; margin-right: 20px; text-align: right;} .form-view .block-box .cont-right{ float: left; width: 57%; position: relative;} .form-view .block-box .cont-right .input-box{ float: left; width: 100%;} .form-view .block-box .cont-right .input-box .input-text{ width: 100%; border: 1px solid #a6a6a6; line-height: 24px; font-size: 24px; padding: 11px 15px;} .form-view .block-box .cont-right .input-box .input-text:focus{ border-color: #000;} .form-view .block-box .cont-right textarea{ display: block; width: 100%; font-size: 24px; line-height: 1.5; padding: 10px 15px;} .form-view .block-box .cont-right textarea:focus{ border-color: #000;} .form-view .col-md-12 .block-box .cont-right{ width: 79%;} .form-view .bottom-btn-box{ margin-top: 50px; text-align: center;} .form-view .bottom-btn-box a{ display: inline-block; width: 337px; height: 68px; line-height: 68px; text-align: center; font-size: 30px; color: #fff; background: #d9453e; background: linear-gradient(90deg,#ed5578,#d9453e);} .form-view .block-box.yzm-box .cont-right .input-box{ width: 37%;} .form-view .block-box.yzm-box .cont-right img{ float: left; height: 60px; margin-left: 15px; cursor: pointer;} /* 内页 banner */ .sub-banner img{ display: block; width: 100%;} .inside-page-container{ padding-top: 50px;} .inside-page-top-title{ font-size: 60px; line-height: 60px; text-align: center;} .inside-page-top-txt{ width: 960px; font-size: 24px; line-height: 1.5em; text-align: center; margin: 0 auto; padding-top: 30px;} .solution-top-txt{ font-size: 18px; text-align: left;} /* 公司简介 */ .base-sub-nav{ margin-top: 40px; border-bottom: 1px solid #dfdfdf; position: relative; text-align: center;} .base-sub-nav .edit-container{ padding: 0 15px;} .base-sub-nav li{ display: inline-block; width: 19%; line-height: 66px; font-size: 28px; text-align: center;} .base-sub-nav li a{ display: inline-block; position: relative;} .base-sub-nav li a.active{ color: #d93630;} .base-sub-nav li a .bot_line{ width: 60px; height: 7px; background-color: #dc3832; position: absolute; left: 50%; margin-left: -30px; bottom: -4px; display: none;} .base-sub-nav li a.active .bot_line{ display: block;} .base-sub-nav-child{ background-color: #f7f7f7; line-height: 70px; font-size: 24px; text-align: center;} .base-sub-nav-child a{ margin: 0 30px;} .base-sub-nav-child a.active{ color: #d93630; text-decoration: underline;} .since-view{ margin-top: 45px; background: url(../images/about/since_bg.jpg) top center no-repeat; background-size: cover; padding: 140px 0 145px 0;} .since-view .pic-box{ float: right;} .since-view .pic-box .block-box{ text-align: center;} .since-view .txt-box{ font-size: 16px; color: #fff; padding-right: 120px;} .since-view .txt-box .top-title{ font-size: 40px;} .since-view .txt-box .cont{ line-height: 28px; margin-top: 25px; text-align: justify;} .since-view .txt-box .more{ margin-top: 50px;} .since-view .txt-box .more a{ display: inline-block; padding-right: 23px; background: url(../images/icon/icon_more.png) right center no-repeat; color: #fff;} .esoon-view{ padding: 65px 0 60px 0; position: relative;} .esoon-view .bg{ width: 50%; height: 100%; background-color: #f7f7f7; position: absolute; left: 0; top: 0;} .esoon-view .txt-box{ padding-right: 140px; text-align: justify; position: relative; z-index: 9;} .esoon-view .txt-box .top-title{ font-size: 40px; line-height: 40px;} .esoon-view .txt-box .top-title .title{ font-style: italic; margin-bottom: 10px;} .esoon-view .txt-box .cont-inner{ padding-top: 12px;} .esoon-view .txt-box .cont-inner .block{ margin-top: 22px;} .esoon-view .txt-box .cont-inner .block .title{ font-size: 24px; line-height: 24px; border-left: 6px solid #dc3832; padding-left: 8px;} .esoon-view .txt-box .cont-inner .block .cont{ font-size: 16px; color: #888; line-height: 26px; margin-top: 15px;} .esoon-view .map{ width: 1034px; height: 776px; background: url(../images/about/map_bg.png) 0 0 no-repeat; position: relative; margin-left: -212px;} .esoon-view .map .dot-block{ width: 22px; height: 22px; position: absolute;} .esoon-view .map .dot-block .noumenon{ width: 100%; height: 100%; background-color: #dc3832; border-radius: 100%; position: absolute; top: 0; left: 0; z-index: 5;} .esoon-view .map .dot-block .big{ width: 386%; height: 386%; background-color: #dc3832; border-radius: 100%; position: absolute; top: 50%; left: 50%; margin: -193% 0 0 -193%; z-index: 1; opacity: 0.18; animation: dotEffect 2.5s infinite;-webkit-animation: dotEffect 2.5s infinite;-moz-animation: dotEffect 2.5s infinite;-o-animation: dotEffect 2.5s infinite;} .esoon-view .map .dot-block .small{ width: 212%; height: 212%; background-color: #dc3832; border-radius: 100%; position: absolute; top: 50%; left: 50%; margin: -106% 0 0 -106%; z-index: 2; opacity: 0.18; animation: dotEffect 2.5s infinite;-webkit-animation: dotEffect 2.5s infinite;-moz-animation: dotEffect 2.5s infinite;-o-animation: dotEffect 2.5s infinite;} .esoon-view .map .dot-block .title{ width: 100px; font-size: 24px; line-height: 24px; position: absolute; z-index: 9;} .esoon-view .map .dot-block.beijing{ top: 274px; left: 670px;} .esoon-view .map .dot-block.beijing .title{ top: 0; left: 26px;} .esoon-view .map .dot-block.shanghai{ top: 451px; left: 782px;} .esoon-view .map .dot-block.shanghai .title{ top: -3px; left: 60px;} .esoon-view .map .dot-block.changzhou{ top: 455px; left: 731px;} .esoon-view .map .dot-block.changzhou .title{ top: -34px; left: -78px;} .esoon-view .map .dot-block.shenzhen{ top: 581px; left: 661px;} .esoon-view .map .dot-block.shenzhen .title{ top: -74px; left: -3px;} .esoon-view .map .dot-block.fuzhou{ top: 577px; left: 733px;} .esoon-view .map .dot-block.fuzhou .title{ top: 47px; left: 36px;} .esoon-view .map .dot-block.xianggang{ top: 633px; left: 668px;} .esoon-view .map .dot-block.xianggang .title{ top: 34px; left: 12px;} .esoon-view .map .dot-block.guangzhou{ top: 574px; left: 609px;} .esoon-view .map .dot-block.guangzhou .title{ top: -25px; left: -53px;} @-webkit-keyframes dotEffect{0%{-webkit-transform:scale(1.0);} 50%{-webkit-transform:scale(0.8);} 100% {-webkit-transform:scale(1.0);}} @-moz-keyframes dotEffect{ 0% {-moz-transform:scale(1.0);} 50% {-moz-transform:scale(0.8);} 100% {-moz-transform:scale(1.0);}} @-o-keyframes dotEffect{0%{-o-transform:scale(1.0);} 50%{-o-transform:scale(0.8);} 100%{-o-transform:scale(1.0);}} /* 文化理念 */ .core-value-view{ background-color: #f7f7f7; padding: 80px 0 100px 0;} .core-value-view .top-title{ font-size: 40px;} .core-value-view .cont{ font-size: 32px; color: #dc3832; font-style: italic; margin-top: 20px;} .idea-view{ padding: 35px 0 70px 0;} .idea-list .top-title{ font-size: 40px;} .idea-list .cont-inner{ padding-top: 5px; text-align: justify;} .idea-list .cont-inner .block{ margin-top: 20px;} .idea-list .cont-inner .block .title{ font-size: 32px; line-height: 32px; border-left: 6px solid #dc3832; padding-left: 8px;} .idea-list .cont-inner .block .cont{ font-size: 16px; color: #888; line-height: 26px; margin-top: 15px;} .idea-label-box{ margin-top: 70px; background: url(../images/about/idea_bg.jpg) center no-repeat; background-size: cover; padding: 52px 108px;} .idea-label-box .block-box{ color: #fff; text-align: center; padding: 0 65px;} .idea-label-box .block-box .icon img{ height: 111px;} .idea-label-box .block-box .title{ font-size: 32px; margin-top: 25px;} .idea-label-box .block-box p{ font-size: 16px; margin-top: 15px;} .idea-txt{ font-size: 16px; line-height: 2em; color: #888; margin-top: 40px;} /* 荣誉资质 */ .honor-focus{ padding: 32px 0; background-color: #f7f7f7;} .honor-focus-inner{ padding: 0 195px; position: relative;} .honor-focus-inner .block-box{ padding: 0 15px;} .honor-focus-inner .block-box .pic img{ display: block; width: 100%; margin: 0 auto;} .honor-focus-inner .pagination{ position: relative; bottom: auto; margin-top: 10px;} .honor-focus-inner .swiper-pagination-switch{ background-color: #000;} .honor-focus-inner .swiper-active-switch{ background-color: #dc3832;} .honor-focus-inner .swiper-button-prev,.honor-focus-inner .swiper-button-next{ width: 23px; height: 46px; background-position: 0 0; background-repeat: no-repeat; background-size: cover; position: absolute; top: 50%; margin-top: -23px; z-index: 9; cursor: pointer;} .honor-focus-inner .swiper-button-prev{ background-image: url(../images/icon/arrow_left2.png); left: 0;} .honor-focus-inner .swiper-button-next{ background-image: url(../images/icon/arrow_right2.png); right: 0;} .honor-list{ padding: 45px 0 80px 0;} .honor-list-inner{ border-left: 1px solid #000; margin-left: 145px;} .honor-list-inner .inner-block{ position: relative;} .honor-list-inner .inner-block .year{ font-size: 40px; color: #dc3832; line-height: 40px; position: absolute; top: 0; left: -145px;} .honor-list-inner .inner-block .dot{ width: 10px; height: 10px; background-color: #000; border-radius: 100%; position: absolute; top: 0; left: -4.5px;} .honor-list-inner .inner-block .cont-inner{ font-size: 16px; line-height: 24px; border-bottom: 1px solid #d9d9d9; padding-bottom: 25px; margin: 0 0 25px 40px;} .honor-list-inner .inner-block:nth-last-child(1) .cont-inner{ border-bottom: 0;} .honor-list-inner .more{ margin-left: 40px;} .honor-list-inner .more a{ display: inline-block; padding-right: 30px; background: url(../images/icon/icon_more2.png) right center no-repeat; font-size: 16px; color: #dc3832;} /* 合作伙伴 */ .partner-view{ padding: 60px 0 80px 0;} .partner-view .top-title{ font-size: 32px; line-height: 32px;} .partner-view .txt{ font-size: 16px; margin-top: 30px;} .partnership-plan{ background-color: #f7f7f7;} .partnership-plan .cont-inner{ margin-top: 35px;} .partnership-plan .cont-inner .block-box{ background-color: #fff; padding: 20px 40px 30px 40px; height: 375px;} .partnership-plan .cont-inner .block-box .logo{ border-bottom: 1px solid #e2e2e2; padding: 0 10px 25px 10px;} .partnership-plan .cont-inner .block-box .cont{ font-size: 16px; line-height: 1.5em; padding: 10px 10px 0 10px; text-align: justify;} .partnership-plan .cont-inner .block-box .cont p{ margin-top: 10px;} .partnership-plan .cont-inner .block-box .cont a{ color: #dc3832; text-decoration: underline;} .partner-logo-box{ margin-top: 70px;} .partner-logo-box ul{ margin: 0 -33px;} .partner-logo-box li{ float: left; padding: 5px 33px;} .partner-logo-box li .pic{ height: 86px; display: table;} .partner-logo-box li .pic a{ display: table-cell; vertical-align: middle;} .partner-logo-box li .pic img{ height: 86px;} .customer .list-inner{ margin-top: 20px;} .customer .list-inner ul{ margin: 0 -10px;} .customer .list-inner li{ float: left; width: 20%; margin-top: 20px; padding: 0 10px;} .customer .list-inner li .block-box{ border: 1px solid #dcdcdc; position: relative; width: 100%; height: 226px; display: table;} .customer .list-inner li a{ display: table-cell; vertical-align: middle;} .customer .list-inner li .pic img{ display: block; width: 85%; margin: 0 auto;} .customer .list-inner li .cont-inner{ width: 100%; height: 100%; background-color: #dc3832; position: absolute; top: 0; left: 0; display: none;} .customer .list-inner li .cont-inner .more-btn{ text-align: center; width: 188px; height: 54px; line-height: 52px; border: 1px solid #fff; font-size: 24px; color: #fff; position: absolute; top: 50%; left: 50%; margin: -22px 0 0 -94px;} .customer .list-inner li .cont-inner .more-btn span .icon{ width: 32px; height: 32px; line-height: 32px; background-color: #dc3832; font-size: 16px; text-align: center; position: absolute; top: -16px; right: -16px;} .customer .list-inner li:hover .cont-inner{ display: block;} .customer .list-inner li.list-hide{ display: none;} .customer .list-inner .more{ margin-top: 35px; text-align: center;} .customer .list-inner .more a{ display: inline-block; padding-right: 30px; background: url(../images/icon/icon_more2.png) right center no-repeat; font-size: 16px; color: #dc3832;} /* 新闻动态 */ .news-list{ padding: 0 0 50px 0;} .news-list ul{ margin: 0 -15px;} .news-list li{ float: left; width: 25%; padding: 0 15px; margin: 40px 0 25px 0;} .news-list .block-box{ padding-bottom: 25px; border-bottom: 1px solid #ececec;} .news-list .block-box .pic img{ display: block; width: 100%;} .news-list .block-box .cont{ margin-top: 15px;} .news-list .block-box .cont .title{ font-size: 18px; font-weight: bold; line-height: 1.5em; height: 50px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .news-list .block-box .cont .title span{ display: inline-block; height: 20px; line-height: 20px; background-color: #dc3832; font-size: 14px; color: #fff; font-weight: normal; padding: 0 5px; margin-right: 3px; position: relative; top: -2px;} .news-list .block-box .cont .time{ font-size: 16px; color: #717171; margin-top: 10px;} .news-list .more{ margin-top: 25px; text-align: center;} .news-list .more a{ display: inline-block; padding-right: 30px; background: url(../images/icon/icon_more2.png) right center no-repeat; font-size: 16px; color: #dc3832;} .news-content{ padding: 60px 0 70px 0;} .news-content .top-title-box{ text-align: center; width: 1000px; margin: 0 auto;} .news-content .top-title-box .title{ font-size: 32px;} .news-content .top-title-box .time{ font-size: 16px; margin-top: 10px;} .news-content .content-inner{ width: 1000px; margin: 20px auto 0 auto; font-size: 16px; color: #888; line-height: 1.5em; text-align: justify;} .news-content .content-inner p{ padding-top: 15px;} .news-content .content-inner .img{ padding-top: 15px; text-align: center;} .news-content .content-inner .img img{ display: block; width: 80%; margin: 0 auto;} .news-content .content-inner .video-box{ padding-top: 15px; text-align: center;} .news-content .content-inner .video-box video{ display: block; width: 80%; margin: 0 auto;} .content-pic-focus{ margin: 35px -20% 0 -20%;} .content-pic-focus .block-box{ margin: 0 10px; position: relative;} .content-pic-focus .block-box .pic img{ display: block; width: 100%;} .content-pic-focus .block-box .opacity{ width: 100%; height: 100%; background-color: #000; opacity: 0.45; position: absolute; bottom: 0; left: 0;} .content-pic-focus .block-box .title{ width: 100%; color: #fff; padding: 0 20px; position: absolute; left: 0; bottom: 15px;} .content-pic-focus .swiper-slide-active .block-box .opacity{ background: url(../images/about/content_pic_title_bg.png) left bottom repeat-x; opacity: 1;} .content-pic-focus .pagination{ position: relative; bottom: auto; margin-top: 10px;} .content-pic-focus .swiper-pagination-switch{ background-color: #000;} .content-pic-focus .swiper-active-switch{ background-color: #dc3832;} .content-pic-focus .mask-left,.content-pic-focus .mask-right{ width: 480px; height: 100%; background-position: 0 0; background-repeat: repeat-y; background-size: 100% auto; position: absolute; top: 0;} .content-pic-focus .mask-left{ background-image: url(../images/about/mask_left.png); left: 0;} .content-pic-focus .mask-right{ background-image: url(../images/about/mask_right.png); right: 0;} .content-pic-focus .swiper-button-prev,.content-pic-focus .swiper-button-next{ width: 23px; height: 46px; background-position: 0 0; background-repeat: no-repeat; background-size: cover; position: absolute; top: 50%; margin-top: -40px; cursor: pointer;} .content-pic-focus .swiper-button-prev{ background-image: url(../images/icon/arrow_left2.png); left: 0;} .content-pic-focus .swiper-button-next{ background-image: url(../images/icon/arrow_right2.png); right: 0;} .recommended-reading{ background-color: #f7f7f7; padding: 50px 0 60px 0;} .recommended-reading .top-title{ font-size: 32px; line-height: 32px;} .recommended-reading .list-inner{ margin-top: 25px;} .recommended-reading .list-inner .block-box .pic{ position: relative;} .recommended-reading .list-inner .block-box .pic img{ display: block; width: 100%;} .recommended-reading .list-inner .block-box .pic .tag{ font-size: 14px; color: #fff; height: 28px; line-height: 28px; background-color: #dc3832; position: absolute; top: 0; left: 0; padding: 0 10px;} .recommended-reading .list-inner .block-box .cont{ margin-top: 15px;} .recommended-reading .list-inner .block-box .cont .title{ font-size: 24px; text-align: justify; height: 68px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .recommended-reading .list-inner .block-box .cont .time{ font-size: 16px; margin-top: 20px;} /* 产品 */ .product-list{ padding: 35px 0 115px 0;} .product-list .block-box{ margin-top: 40px; background-color: #f7f7f7;} .product-list .block-box a{ display: block;} .product-list .block-box .pic{ float: left; width: 55%;} .product-list .block-box .pic img{ display: block; width: 100%;} .product-list .block-box .cont-inner{ float: right; width: 45%; padding: 0 30px; text-align: justify;} .product-list .block-box .cont-inner .top-title .title{ font-size: 32px; line-height: 32px;} .product-list .block-box .cont-inner .visible-block{ padding-top: 40px;} .product-list .block-box .cont-inner .visible-block .top-title{ border-bottom: 1px solid #000; padding-bottom: 12px;} .product-list .block-box .cont-inner .visible-block .top-title p{ font-size: 24px; margin-top: 5px;} .product-list .block-box .cont-inner .visible-block .cont{ font-size: 16px; color: #888; line-height: 1.5em; margin-top: 32px; height: 168px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical;} .product-list .block-box .cont-inner .hidden-block{ color: #fff; text-align: center; padding-top: 130px; display: none;} .product-list .block-box .cont-inner .hidden-block .top-title p{ font-size: 24px; margin-top: 5px;} .product-list .block-box .cont-inner .hidden-block .more-btn{ margin-top: 40px;} .product-list .block-box .cont-inner .hidden-block .more-btn span{ display: block; width: 178px; height: 44px; line-height: 42px; border: 1px solid #fff; font-size: 16px; color: #fff; margin: 0 auto; position: relative;} .product-list .block-box .cont-inner .hidden-block .more-btn span .icon{ width: 32px; height: 32px; line-height: 32px; background-color: #dc3832; font-size: 16px; text-align: center; position: absolute; top: -16px; right: -16px;} .product-list .block-box:hover{ background-color: #dc3832;} .product-list .block-box:hover .visible-block{ display: none;} .product-list .block-box:hover .hidden-block{ display: block;} .product-content-container{ padding-top: 55px;} .product-view .top-title{ text-align: center;} .product-view .top-title .title{ font-size: 40px; line-height: 40px;} .product-view .top-title .txt{ font-size: 16px; line-height: 1.5em; width: 640px; margin: 30px auto 0 auto;} .product-pain-spot{ padding: 45px 0 35px 0; background-color: #f7f7f7;} .product-pain-spot .list-inner li{ float: left; width: 50%; padding: 0 110px 0 125px; margin: 70px 0 40px 0;} .product-pain-spot .list-inner li .icon{ float: left; width: 100px;} .product-pain-spot .list-inner li .icon img{ display: block; width: 100%;} .product-pain-spot .list-inner li .cont{ float: right; width: 360px; height: 100px; line-height: 100px; font-size: 24px; position: relative;} .product-pain-spot .list-inner li .cont p{ line-height: 1.25em; display:inline-block; vertical-align:middle;} .product-label{ padding: 45px 0 55px 0; background-color: #f7f7f7;} .product-label .list-inner{ margin-top: 45px; text-align: center; font-size: 0;} .product-label .list-inner ul{ margin: 0 -35px;} .product-label .list-inner li{ display: inline-block; width: 14.285714%; text-align: center; padding: 0 5px; vertical-align: top; margin: 10px 0;} .product-label .list-inner li .icon img{ display: block; width: 130px; margin: 0 auto;} .product-label .list-inner li .title{ font-size: 18px; font-weight: bold; margin-top: 20px;} .product-label .list-inner li p{ font-size: 16px; margin-top: 5px;} .product-label .list-inner_1 li{ width: 50%; margin: 0 auto;} .product-label .list-inner_2 li{ width: 50%;} .product-label .list-inner_3 li{ width: 33.333333%;} .product-label .list-inner_4 li{ width: 25%;} .product-label .list-inner_5 li{ width: 20%;} .product-label .list-inner_6 li{ width: 16.666666%;} .product-label .list-inner_7 li{ width: 14.285714%;} .product-advantage{ padding: 75px 0 100px 0;} .product-advantage .list-inner{ margin-top: 60px;} .product-advantage .list-inner .swiper-slide{ float: left; width: 16.66666%; position: relative; overflow: hidden;} .product-advantage .list-inner .swiper-slide .pic{ height: 421px; position: relative; transition: all 0.5s;} .product-advantage .list-inner .swiper-slide .pic img{ height: 100%; position: absolute; left: 50%; margin-left: -50%;} .product-advantage .list-inner .swiper-slide .opacity{ width: 100%; height: 100%; background-color: #000; position: absolute; top: 0; left: 0; opacity: 0.35;} .product-advantage .list-inner .swiper-slide .cont-inner{ width: 100%; position: absolute; bottom: 40px; left: 0; padding: 0 20px; color: #fff; text-align: justify;} .product-advantage .list-inner .swiper-slide .cont-inner .title{ font-size: 32px; line-height: 32px; width: 85%; border-bottom: 1px solid #fff; padding-bottom: 28px;} .product-advantage .list-inner .swiper-slide .cont-inner p{ font-size: 16px; line-height: 1.5em; margin-top: 25px; height: 48px; min-height: 48px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .product-advantage .list-inner .swiper-slide:hover .pic{ transform:scale(1.1);} .product-advantage .list-inner .swiper-slide:hover .cont-inner p{ height: auto; -webkit-line-clamp: inherit;} .product-advantage .list-inner_2 .swiper-slide{ width: 50%;} .product-advantage .list-inner_2 .swiper-slide .cont-inner p{ height: 48px; -webkit-line-clamp:2;} .product-advantage .list-inner_3 .swiper-slide{ width: 33.333333%;} .product-advantage .list-inner_3 .swiper-slide .cont-inner p{ height: 48px; -webkit-line-clamp:2;} .product-advantage .list-inner_4 .swiper-slide{ width: 25%;} .product-advantage .list-inner_5 .swiper-slide{ width: 20%;} .product-advantage .list-inner_6 .swiper-slide{ width: 16.66666%;} .product-partner{ padding: 85px 0 55px 0;/* background-color: #f7f7f7; */} .product-partner .list-inner{ margin-top: 30px; overflow: hidden;} .product-partner .list-inner ul{ position: relative; left: 1px;} .product-partner .list-inner li{ float: left; width: 25%; padding: 0 10px; margin-top: 20px; border-right: 1px solid #dcdcdc;} .product-partner .list-inner li .pic{ width: 100%; height: 82px; display: table;} .product-partner .list-inner li .pic a{ display: table-cell; vertical-align: middle;} .product-partner .list-inner li .pic img{ display: block; width: 85%; margin: 0 auto;} .product-partner .list-inner .btn-more-box{ text-align: center; margin-top: 60px;} .product-partner .list-inner .btn-more-box a{ display: block; width: 217px; height: 64px; line-height: 62px; border: 1px solid #d52828; font-size: 24px; color: #d52828; margin: 0 auto; position: relative;} .product-partner .list-inner .btn-more-box a .icon{ width: 32px; height: 32px; line-height: 32px; background-color: #fff; font-size: 16px; text-align: center; position: absolute; top: -16px; right: -16px;} .online-message{ padding: 65px 0; background-color: #dc3832; color: #fff; text-align: center;} .online-message a{ color: #fff;} .online-message .top-title{ font-size: 32px; line-height: 32px;} .online-message .phone{ font-size: 50px; font-style: italic; margin-top: 10px;} .online-message .btn-more-box{ text-align: center; margin-top: 35px;} .online-message .btn-more-box a{ display: block; width: 217px; height: 64px; line-height: 62px; border: 1px solid #fff; font-size: 24px; color: #fff; margin: 0 auto; position: relative;} .online-message .btn-more-box a .icon{ width: 32px; height: 32px; line-height: 32px; background-color: #dc3832; font-size: 16px; text-align: center; position: absolute; top: -16px; right: -16px;} .return-container{ line-height: 46px; background-color: #f7f7f7; text-align: center; font-size: 16px;} .return-container a{ display: inline-block; text-decoration: underline;} .loading{width: 100%;margin:1% auto;display: none;} .loading img{display: block;width: 50px;margin:0 auto;} .loading p{text-align: center;} /* 解决方案 */ .solution-list{ padding: 60px 0 110px 0;} .solution-list .block-box{ background-color: #f7f7f7;} .solution-list .block-box .pic img{ display: block; width: 100%;} .solution-list .block-box .cont-inner .hidden-block{ display: none;} .solution-list .block-box .cont-inner .title{ font-size: 32px; line-height: 32px;} .solution-list .block-box .cont-inner .visible-block .cont{ font-size: 16px; color: #888; line-height: 1.5em; text-align: justify; height: 120px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical;} .solution-list .block-box .cont-inner .hidden-block{ color: #fff; text-align: center;} .solution-list .block-box .cont-inner .hidden-block .more-btn{ text-align: center;} .solution-list .block-box .cont-inner .hidden-block .more-btn span{ display: block; width: 217px; height: 64px; line-height: 62px; border: 1px solid #fff; font-size: 24px; color: #fff; margin: 0 auto; position: relative;} .solution-list .block-box .cont-inner .hidden-block .more-btn span .icon{ width: 32px; height: 32px; line-height: 32px; background-color: #dc3832; font-size: 16px; text-align: center; position: absolute; top: -16px; right: -16px;} .solution-list .block-big .view-block{ float: left; width: 50%;} .solution-list .block-big .view-block .cont-inner{ padding: 0 90px;} .solution-list .block-big .view-block .cont-inner .visible-block{ padding-top: 100px;} .solution-list .block-big .view-block .cont-inner .visible-block .cont{ margin-top: 35px;} .solution-list .block-big .view-block .cont-inner .hidden-block{ padding-top: 120px;} .solution-list .block-big .view-block .cont-inner .hidden-block .more-btn{ margin-top: 65px;} .solution-list .block-small{ margin: 52px 0;} .solution-list .block-small .view-block .cont-inner{ padding: 30px 20px 0 20px; height: 236px;} .solution-list .block-small .view-block .cont-inner .visible-block .cont{ margin-top: 15px;} .solution-list .block-small .view-block .cont-inner .hidden-block{ padding-top: 25px;} .solution-list .block-small .view-block .cont-inner .hidden-block .more-btn{ margin-top: 35px;} .solution-list .block-big.odd .pic-block{ float: right;} .solution-list .block-box:hover{ background-color: #dc3832;} .solution-list .block-box:hover .visible-block{ display: none;} .solution-list .block-box:hover .hidden-block{ display: block;} /* 服务支持 */ .service-support-container{ padding: 30px 0 95px 0;} .professional-services-inner .top-txt{ width: 820px; text-align: center; font-size: 24px; line-height: 2em; margin: 0 auto;} .professional-services-inner .list-inner{ margin-top: 30px;} .professional-services-inner .list-inner li{ padding: 45px 0 60px 0;} .professional-services-inner .list-inner li .pic{ padding: 25px 0;} .professional-services-inner .list-inner li .pic img{ display: block; width: 117px; margin: 0 auto;} .professional-services-inner .list-inner li .cont-inner{ padding-right: 260px; text-align: justify;} .professional-services-inner .list-inner li .cont-inner .title{ font-size: 32px;} .professional-services-inner .list-inner li .cont-inner .cont{ font-size: 16px; color: #888; line-height: 1.5em; margin-top: 10px;} .professional-services-inner .list-inner li.even{ background-color: #f8f8f8;} .learning-development-list li{ padding: 30px 45px 35px 45px; position: relative;} .learning-development-list li a{ display: block;} .learning-development-list li .time{ float: left; width: 18%; font-size: 24px; margin-top: 3px;} .learning-development-list li .time span{ display: block; font-size: 46px; line-height: 46px;} .learning-development-list li .cont-inner{ float: right; width: 82%; text-align: justify; padding-right: 175px;} .learning-development-list li .cont-inner .title{ font-size: 24px;} .learning-development-list li .cont-inner .cont{ font-size: 16px; color: #888; line-height: 1.5em; margin-top: 10px;} .learning-development-list li .icon-arrow{ width: 20px; height: 40px; background: url(../images/icon/more_right.png) 0 0 no-repeat; background-size: cover; position: absolute; top: 50%; margin-top: -20px; right: 45px; display: none;} .learning-development-list li.even{ background-color: #f8f8f8;} .learning-development-list li:hover{ background-color: #dc3832;} .learning-development-list li:hover a{ color: #fff;} .learning-development-list li:hover .cont-inner .cont{ color: #fff;} .learning-development-list li:hover .icon-arrow{ display: block;} .learning-development-list .more{ margin-top: 50px; text-align: center;} .learning-development-list .more a{ display: inline-block; padding-right: 30px; background: url(../images/icon/icon_more2.png) right center no-repeat; font-size: 16px; color: #dc3832;} .knowledge-center-container{ margin-top: 20px;} .retrieval-inner{ text-align: center;} .retrieval-inner .block-box{ display: inline-block; position: relative; vertical-align: top; font-size: 24px;} .retrieval-inner .block-box .base-select-box, .retrieval-inner .block-box .input-box{ position: relative; overflow: hidden; border: 1px solid #a6a6a6; background-color: #fff; margin: 0 8px;} .retrieval-inner .block-box .input-box{ width: 468px;} .retrieval-inner .block-box .input-box .input-text{ float: left; width: 100%; border: 0; line-height: 26px; padding: 12px 10px;} .retrieval-inner .block-box .input-box .input-search{ width: 100%; padding-right: 50px;} .retrieval-inner .block-box .input-box .search-btn{ border: 0; width: 50px; height: 50px; background: url(../images/icon/icon_search.png) center no-repeat; position: absolute; top: 0; right: 0;} .retrieval-inner .block-box .base-select-box{ width: 178px;} .retrieval-inner .block-box .base-select-box .select{ width: 112%; border: 0; line-height: 26px; padding: 12px 10px;} .retrieval-inner .block-box .base-select-box .glyphicon{ position: absolute; top: 50%; margin-top: -10px; right: 15px; font-size: 20px; color: #000;} .knowledge-center-list li{ margin-top: 50px;} .knowledge-center-list li .pic img{ display: block; width: 100%;} .knowledge-center-list li .cont-inner{ padding-top: 15px; text-align: justify;} .knowledge-center-list li .cont-inner .top-title .title{ float: left; width: 80%; font-size: 24px;} .knowledge-center-list li .cont-inner .top-title .time{ float: right; font-size: 16px;} .knowledge-center-list li .cont-inner .cont{ width: 80%; font-size: 16px; color: #888; line-height: 1.5em; margin-top: 10px; height: 120px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical;} .knowledge-center-list li .cont-inner .icon{ width: 43px; height: 43px; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; margin-top: 38px;} .knowledge-center-list li .cont-inner .icon.icon-video{ background-image: url(../images/icon/icon_video.png);} .knowledge-center-list li:hover .cont-inner .icon.icon-video{ background-image: url(../images/icon/icon_video_on.png);} .knowledge-center-list li .cont-inner .icon.icon-pdf{ background-image: url(../images/icon/icon_pdf.png);} .knowledge-center-list li:hover .cont-inner .icon.icon-pdf{ background-image: url(../images/icon/icon_pdf_on.png);} .knowledge-center-list .more{ margin-top: 50px; text-align: center;} .knowledge-center-list .more a{ display: inline-block; padding-right: 30px; background: url(../images/icon/icon_more2.png) right center no-repeat; font-size: 16px; color: #dc3832;} /* 视频弹框 */ .video-layer{display:none;position: fixed;width:100%;height:100%;left:0;right:0;top:0;bottom:0;z-index:9999;} .video-layer .opacity{position: absolute;width:100%;height:100%;top:0;left:0;background: #000;filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9;} .video-layer .layer-inner{position:absolute; top: 50%; left: 50%; margin: -275px 0 0 -490px;width:980px;height:550px;} .video-layer .layer-content{font-size: 24px;color:#fff;line-height: 40px;position: absolute;top:-10px;left:0;} .video-layer .layer-container{width:100%;height:100%;background: #000;position: absolute; top: 0; left: 0;} .video-layer .layer-inner .layer-close{position: absolute;top:-50px;right:0;cursor:pointer;z-index:10;width:36px;height:36px;background:url(../images/icon/layer_close.png) center center no-repeat; background-size: cover;} /* 联系我们 */ .business-cooperation-txt-view{ background-color: #f7f7f7; padding: 55px 0 60px 0; text-align: justify;} .business-cooperation-txt-view .top-title{ font-size: 32px;} .business-cooperation-txt-view .cont{ font-size: 16px; color: #888; line-height: 1.5em;} .business-cooperation-txt-view .cont p{ padding-top: 35px;} .business-cooperation-form{ padding: 35px 0 90px 0;} .business-cooperation-form .inner-box{ border: 1px solid #bbb; position: relative; width: 975px; margin: 0 auto;} .business-cooperation-form .inner-box .title-th{ background-color: #dc3832; line-height: 80px; font-size: 24px; color: #fff; text-align: center;} .business-cooperation-form .inner-box .cont-li{ padding: 42px 60px;} .business-cooperation-form .inner-box .cont-li .cont-inner .block-box{ margin-top: 25px; line-height: 40px; font-size: 16px; float: left; width: 50%;} .business-cooperation-form .inner-box .cont-li .cont-inner .block-box .type{ float: left; width: 170px;} .red{ color: #dc3832;} .business-cooperation-form .inner-box .cont-li .cont-inner .block-box .cont-right{ float: left; width: 214px;} .business-cooperation-form .inner-box .cont-li .cont-inner .block-box .cont-right .input-box{ float: left; width: 100%;} .business-cooperation-form .inner-box .cont-li .cont-inner .block-box .cont-right .input-box .input-text{ width: 100%; border: 1px solid #a6a6a6; line-height: 26px; font-size: 16px; padding: 6px 10px;} .business-cooperation-form .inner-box .cont-li .cont-inner .block-box .cont-right .input-box .input-text:focus{ border-color: #000;} .business-cooperation-form .inner-box .cont-li .cont-inner .block-box.through{ width: 100%;} .business-cooperation-form .inner-box .cont-li .cont-inner .block-box.through .type{ width: auto;} .business-cooperation-form .inner-box .cont-li .cont-inner .block-box.through .cont-right{ width: auto;} .business-cooperation-form .inner-box .cont-li .cont-inner .block-box.through .cont-right label{ float: left; margin: 0 0 0 40px; font-weight: normal;} .business-cooperation-form .inner-box .cont-li .cont-inner .block-box.through .cont-right label .input_radio,.business-cooperation-form .inner-box .cont-li .cont-inner .block-box.through .cont-right label .input_checkbox{ margin-right: 8px;} .business-cooperation-form .inner-box .cont-li .cont-inner .block-box.through .cont-right .other{ float: left;} .business-cooperation-form .inner-box .cont-li .cont-inner .block-box.through .cont-right .other span{ float: left; margin-right: 8px;} .business-cooperation-form .inner-box .cont-li .cont-inner .block-box.through .cont-right .other .input-box{ width: 170px;} .business-cooperation-form .inner-box .cont-li .cont-inner .block-box.through .cont-right.youshi{ line-height: 1.5em; margin-top: 8px;} .business-cooperation-form .inner-box .cont-li .cont-inner .block-box.through .cont-right.youshi label{ width: 25%; margin-right: 0;} .business-cooperation-form .inner-box .cont-li .cont-inner .block-box.through .cont-right textarea{ display: block; width: 100%; margin-top: 8px; line-height: 1.5em; padding: 6px 10px;} .business-cooperation-form .inner-box .cont-li .cont-inner .block-box.through .cont-right textarea:focus{ border-color: #000;} .business-cooperation-form .inner-box .cont-li .cont-inner .block-box.textarea-box .cont-right{ float: none; width: 100%;} .business-cooperation-form .yzm-box{ font-size: 14px; line-height: 40px; width: 336px; margin: 55px auto 0 auto;} .business-cooperation-form .yzm-box .block-box .type{ float: left;} .business-cooperation-form .yzm-box .block-box .cont-right{ float: left; margin-left: 15px;} .business-cooperation-form .yzm-box .block-box .cont-right .input-box{ float: left; width: 120px;} .business-cooperation-form .yzm-box .block-box .cont-right .input-box .input-text{ width: 100%; border: 1px solid #a6a6a6; line-height: 26px; font-size: 16px; padding: 6px 10px;} .business-cooperation-form .yzm-box .block-box .cont-right .input-box .input-text:focus{ border-color: #000;} .business-cooperation-form .yzm-box .block-box .cont-right img{ float: left; height: 40px; margin-left: 15px; cursor: pointer;} .business-cooperation-form .bottom-btn{ margin-top: 30px; text-align: center;} .business-cooperation-form .bottom-btn .input-btn{ display: inline-block; width: 336px; height: 68px; line-height: 68px; background: #d9453e; background: linear-gradient(90deg,#ed5578,#d9453e); font-size: 30px; color: #fff;} .job-container{ padding: 50px 0;} .job-container .txt-inner{ font-size: 16px; color: #888;} .job-container .txt-inner .title-h1{ font-size: 32px; color: #000;} .job-container .txt-inner p{ padding-top: 10px;} .job-container .txt-inner .email-txt{ font-size: 24px; color: #000; margin-top: 30px;} .job-container .txt-inner .email-txt a{ color: #dc3b36; text-decoration: underline;} .job-list{ margin-top: 20px;} .job-list .tbaed li,.job-list-inner .top-box li{ float: left; width: 16.666666%; height: 80px; line-height: 80px; font-size: 24px; text-align: center; position: relative;} .job-list .tbaed{ background-color: #dc3832; color: #fff;} .job-list-inner .top-box{ cursor: pointer; border-bottom: 1px solid #e5e5e5;} .job-list-inner .top-box li .icon{ width: 22px; height: 22px; background: url(../images/icon/icon_unfold_hiding.png) 0 0 no-repeat; background-size: auto 100%; position: absolute; top: 50%; left: 50%; margin: -11px 0 0 -11px;} .job-list-inner .top-box li.wh1{ line-height: 1; display: table; text-align: left; padding: 0 10px;} .job-list-inner .top-box li.wh1 span{ display:table-cell; vertical-align: middle;} .job-list-inner .cont-inner{ background-color: #f7f7f7; padding: 20px 45px 75px 45px; font-size: 16px; color: #888; line-height: 1.5em; text-align: justify; display: none;} .job-list-inner .cont-inner .title{ color: #000; padding: 40px 0 5px 0;} .job-list-inner .cont-inner .cont{} .job-list-inner .inner-box.current .top-box li .icon{ background-position: -22px 0;} .job-list-inner .inner-box.current .cont-inner{ display: block;} .job-list .more{ margin-top: 80px; text-align: center;} .job-list .more a{ display: inline-block; padding-right: 30px; background: url(../images/icon/icon_more2.png) right center no-repeat; font-size: 16px; color: #dc3832;} .contact-us-container .txt-inner{ font-size: 16px; color: #888; padding: 70px 0 50px 0;} .contact-us-container .txt-inner .title-h1{ font-size: 32px; color: #000;} .contact-us-container .txt-inner p{ padding-top: 10px;} .contact-us-container .phone-txt{ font-size: 24px; color: #000;} .contact-us-container .phone-txt a{ font-size: 36px; font-style: italic; font-weight: bold;} .contact-us-map-view{ background-color: #dc3832; padding: 10px 0; position: relative; z-index: 9;} .contact-us-map-view .map{ width: 738px; height: 572px; background: url(../images/contact_us/map_bg.png) 0 0 no-repeat; position: relative;} .contact-us-map-view .map .dot-block{ width: 19px; height: 19px; position: absolute;} .contact-us-map-view .map .dot-block .noumenon{ width: 100%; height: 100%; background-color: #fff; border-radius: 100%; position: absolute; top: 0; left: 0; z-index: 5;} .contact-us-map-view .map .dot-block .big{ width: 368%; height: 368%; background-color: #fff; border-radius: 100%; position: absolute; top: 50%; left: 50%; margin: -184% 0 0 -184%; z-index: 1; opacity: 0.18; animation: dotEffect 2.5s infinite;-webkit-animation: dotEffect 2.5s infinite;-moz-animation: dotEffect 2.5s infinite;-o-animation: dotEffect 2.5s infinite;} .contact-us-map-view .map .dot-block .small{ width: 200%; height: 200%; background-color: #fff; border-radius: 100%; position: absolute; top: 50%; left: 50%; margin: -100% 0 0 -100%; z-index: 2; opacity: 0.48; animation: dotEffect 2.5s infinite;-webkit-animation: dotEffect 2.5s infinite;-moz-animation: dotEffect 2.5s infinite;-o-animation: dotEffect 2.5s infinite;} .contact-us-map-view .map .dot-block .title{ width: 100px; font-size: 20px; line-height: 20px; color: #fff; position: absolute; z-index: 9;} .contact-us-map-view .map .dot-block.beijing{ top: 213px; left: 497px;} .contact-us-map-view .map .dot-block.beijing .title{ top: 0; left: -66px;} .contact-us-map-view .map .dot-block.shanghai{ top: 341px; left: 589px;} .contact-us-map-view .map .dot-block.shanghai .title{ top: 0; left: 51px;} .contact-us-map-view .map .dot-block.changzhou{ top: 378px; left: 530px;} .contact-us-map-view .map .dot-block.changzhou .title{ top: -11px; left: -68px;} .contact-us-map-view .map .dot-block.shenzhen{ top: 462px; left: 481px;} .contact-us-map-view .map .dot-block.shenzhen .title{ top: -52px; left: 7px;} .contact-us-map-view .map .dot-block.fuzhou{ top: 457px; left: 546px;} .contact-us-map-view .map .dot-block.fuzhou .title{ top: 40px; left: 22px;} .contact-us-map-view .map .dot-block.xianggang{ top: 497px; left: 500px;} .contact-us-map-view .map .dot-block.xianggang .title{ top: 32px; left: 3px;} .contact-us-map-view .map .dot-block.guangzhou{ top: 458px; left: 445px;} .contact-us-map-view .map .dot-block.guangzhou .title{ top: -4px; left: -73px;} .contact-us-map-view .address-inner{ height: 450px; padding-left: 70px; margin-top: 70px; overflow-x: hidden; overflow-y: auto;} .contact-us-map-view .address-list{ width: 90%;} .contact-us-map-view .address-list li{ padding: 30px 5px; border-bottom: 1px solid #fff; color: #fff;} .contact-us-map-view .address-list li .city{ float: left; width: 70px; font-size: 24px;} .contact-us-map-view .address-list li .cont{ float: right; width: 485px; font-size: 16px; line-height: 1.5em; text-align: justify;} .contact-us-container .home-demand-form{ margin-top: 0; padding: 50px 0;} /* 合作案例 */ .cooperation-cases-container{ padding: 30px 0 45px 0;} .cooperation-cases-container .retrieval-inner{ text-align: left;} .cooperation-cases-container .retrieval-inner .block-box .base-select-box, .cooperation-cases-container .retrieval-inner .block-box .input-box{ margin: 0 16px 0 0;} .cooperation-cases-list.customer .list-inner{ margin-top: 10px;} .cooperation-cases-content{ padding-top: 0;} .cooperation-cases-content .top-title-box .title{ font-size: 60px;} /* 法律声明 */ .legal-statement-list{ padding: 50px 0 100px 0; text-align: justify;} .legal-statement-list .edit-container{ border-top: 1px solid #eee;} .legal-statement-list .inner-box .top-box{ font-size: 24px; line-height: 1.5em; padding: 22px 8px; border-bottom: 1px solid #eee; position: relative; cursor: pointer;} .legal-statement-list .inner-box .top-box .top-title{ width: 75%;} .legal-statement-list .inner-box .top-box .icon{ width: 22px; height: 22px; background: url(../images/icon/icon_unfold_hiding.png) 0 0 no-repeat; background-size: auto 100%; position: absolute; top: 50%; margin-top: -11px; right: 8px;} .legal-statement-list .inner-box .cont-inner{ background-color: #fafafa; font-size: 16px; color: #888; line-height: 1.5em; padding: 30px 30px 50px 30px; display: none;} .legal-statement-list .inner-box .cont-inner .cont{} .legal-statement-list .inner-box .cont-inner .cont .title{ color: #000; padding-top: 20px;} .legal-statement-list .inner-box .cont-inner .cont p{ padding-top: 20px;} .legal-statement-list .inner-box.current .top-box .icon{ background-position: -22px 0;} .legal-statement-list .inner-box.current .cont-inner{ display: block;} /* 搜索结果 */ .search-container{ padding: 30px 0 55px 0;} .search-list{ margin-top: 20px;} .search-number{ font-size: 24px; color: #dc3832;} .search-list-inner{ margin-top: 20px;} .search-list-inner li{ padding: 35px 0; border-top: 1px solid #d9d9d9; text-align: justify;} .search-list-inner li a{ display: block; width: 70%;} .search-list-inner li .top-title{ font-size: 24px;} .search-list-inner li .cont{ font-size: 16px; color: #888; line-height: 1.5em; margin-top: 10px;} .search-list-inner li .sign{ color: #dc3832;} .search-list-inner .more{ margin-top: 45px; text-align: center;} .search-list-inner .more a{ display: inline-block; padding-right: 30px; background: url(../images/icon/icon_more2.png) right center no-repeat; font-size: 16px; color: #dc3832;} /* 404 */ .container-404{ padding: 100px 0; text-align: center;} .container-404 .pic img{ display: block; width: 60%; margin: 0 auto;} .container-404 .cont{ font-size: 16px; line-height: 1.5; margin-top: 45px;} .container-404 .cont .title{ font-size: 40px; margin-bottom: 10px;} .container-404 .cont p a{ font-size: 24px; font-style: italic;} .container-404 .btn-more-box{ text-align: center; margin-top: 65px;} .container-404 .btn-more-box a{ display: block; width: 264px; height: 56px; line-height: 54px; border: 1px solid #d52828; font-size: 24px; color: #d52828; margin: 0 auto; position: relative;} .container-404 .btn-more-box a .icon{ width: 32px; height: 32px; line-height: 32px; background-color: #fff; font-size: 16px; text-align: center; position: absolute; top: -16px; right: -16px;} /* 提示弹框 */ .error-layer{display:none;position: fixed;width:100%;height:100%;left:0;right:0;top:0;bottom:0;z-index:9999;} .error-layer .opacity{position: absolute;width:100%;height:100%;top:0;left:0;background: #000;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7;} .error-layer .layer-inner{position:absolute; top: 50%; left: 50%; margin: -160px 0 0 -300px; width:600px; height:320px;background: #fff;} .error-layer .layer-inner .layer-close{position: absolute;top:-45px;right:0;cursor:pointer;z-index:10;width:36px;height:36px;background:url(../images/icon/layer_close.png) center center no-repeat; background-size: 26px;} .error-layer .layer-container{width:100%;height:100%; padding: 90px 40px 0 40px; text-align: center;} .error-layer .layer-container .cont{font-size: 18px; margin-top: 30px;} @media (max-width: 767px){ /* 缩小60% */ .edit-container{ width: auto;} /*浏览器升级提示*/ .browser-tips{ font-size: 14px;} .pagination{ bottom: 10px;} .swiper-pagination-switch{ width: 18px; height: 1px; margin: 0 6px;} .swiper-active-switch{ width: 28px; height: 4px;} .bodymain{ padding-top: 56px;} /* 头部 header */ .header{ height: 56px;} .header .logo{ margin: 18px 0 0 15px;} .header .logo img{ height: 20px;} .header .menu-icon{ width: 24px; height: 24px; margin-top: -12px; right: 15px;} /* 底部 footer */ .footer{ padding: 25px 15px;} .footer-left{ position: initial;} .footer-left .logo img{ height: 20px;} .footer-links{ margin-top: 15px;} .footer-links .links{ font-size: 12px;} .footer-links .links a{ margin-right: 30px; margin-top: 10px;} .footer .copyright{ margin-top: 15px; font-size: 11px;} .footer-right{ position: initial; font-size: 12px; text-align: center; margin-top: 20px;} .footer-qrCode p{ margin-top: 15px;} /* 首页 */ .home-banner .txt-box{ margin-top: -10%;} .home-banner .txt-box .title{ font-size: 20px;} .home-banner .txt-box .cont{ font-size: 12px; margin-top: 10px;} .home-banner .swiper-button-prev,.home-banner .swiper-button-next{ display: none;} .base-title-box .title{ font-size: 20px; line-height: 1.5em;} .base-title-box .cont{ font-size: 16px; margin-top: 10px;} .home-media{ padding: 30px 15px 40px 15px;} .home-media-inner .block-box{ font-size: 14px; margin: 30px 0 0 0;} .home-media-inner .block-box .pic img{ width: 98px;} .home-media-inner .block-box .title{ margin-top: 18px;} .home-slogan-inner{ padding: 40px 15px; background-size: 120%;} .home-slogan-inner .base-title-box .title{ margin: 0 -15px;} .home-slogan-inner .btn-box{ margin-top: 25px;} .home-slogan-inner .btn-box a{ width: 234px; height: 53px; line-height: 50px; padding: 3px 3px 0 0; font-size: 16px;} .home-solution{ padding: 30px 15px 35px 15px;} .home-solution-focus{ margin-top: 20px;} .home-solution-focus .block-box{ width: 195px; margin: 12px auto 20px auto; padding: 0 30px 15px 0; -moz-box-shadow: 3px 4px 15px #596264; -webkit-box-shadow: 3px 4px 15px #596264; box-shadow: 3px 4px 15px #596264;} .home-solution-focus .swiper-slide-active .block-box{ -moz-box-shadow: 15px 15px 0 #596264; -webkit-box-shadow: 15px 15px 0 #596264; box-shadow: 15px 15px 0 #596264;} .home-solution-focus .block-box .title{ font-size: 13px; margin-top: 15px;} .home-solution-focus .swiper-button-box{ width: 320px; top: 112px; margin-left: -160px;} .home-technology{ padding: 35px 0 15px 0; background-size: auto 50%;} .home-technology-inner{ margin: 30px -25% 0 -25%;} .home-technology-inner .swiper-container{ margin: 0 10px;} .home-technology-inner .swiper-slide{ padding: 0 10px;} .home-technology-inner .block-box{ height: 197px;/* -moz-box-shadow: 0 0 30px #929292; -webkit-box-shadow: 0 0 30px #929292; box-shadow: 0 0 30px #929292; */} .home-technology-inner .block-box a{ padding: 35px 0 30px 0;} .home-technology-inner .block-box .pic img{ height: 64px;} .home-technology-inner .block-box .btn-box{ width: 130px; height: 38px; line-height: 36px; font-size: 14px; margin-top: 30px;} .home-technology-inner .block-box .btn-box .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} .home-cooperative-partner{ padding: 15px 0 20px 0;} .home-cooperative-partner-inner{ margin-top: 20px;} .home-cooperative-partner-inner li{ width: 50%;} .home-cooperative-partner-inner li .pic{ height: 80px;} .home-cooperative-partner-inner li .pic img{ width: 116px;} .home-cooperative-partner-inner .bot-pagination-box{ margin-top: 20px;} .home-cooperative-partner-inner .btn-more-box{ margin-top: 20px;} .home-cooperative-partner-inner .btn-more-box a{ width: 130px; height: 38px; line-height: 36px; font-size: 14px;} .home-cooperative-partner-inner .btn-more-box a .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} .home-about-city{ padding: 30px 0 30px 0;} .home-about-city-focus{ margin-top: 20px;} .home-about-city-focus .focus-inner{ width: auto; margin: 0 -25%;} .home-about-city-focus .focus-inner .block-box{ margin: 0 10px;} .home-about-city-focus .focus-inner .block-box .cont{ bottom: 10px; padding: 0 10px; font-size: 12px;} .home-about-city-focus .focus-inner .block-box .cont .title{ font-size: 20px; margin-bottom: 12px;} .home-about-city-focus .swiper-button-prev,.home-about-city-focus .swiper-button-next{ display: none;} .home-about-city-focus .btn-more-box{ margin-top: 22px;} .home-about-city-focus .btn-more-box a{ width: 130px; height: 38px; line-height: 36px; font-size: 14px;} .home-about-city-focus .btn-more-box a .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} .home-demand-form{ padding: 0 15px 30px 15px; margin-top: 0; background-color: #f7f7f7;} .home-demand-form .form-inner{ padding: 20px 15px; -moz-box-shadow:0 0 65px #eee; -webkit-box-shadow:0 0 65px #eee; box-shadow:0 0 65px #eee;} .home-demand-form .form-inner .top-title{ font-size: 14px; padding-bottom: 10px; border-bottom-width: 2px;} .home-demand-form .form-inner .top-title strong{ display: block; font-size: 18px;} .form-view{ margin-top: 0;} .form-view .block-box{ font-size: 14px; line-height: 46px; margin-top: 10px;} .form-view .block-box .type{ float: none; width: 100%; text-align: left;} .form-view .block-box .cont-right{ float: none; width: 100%;} .form-view .block-box .cont-right .input-box .input-text{ font-size: 16px; line-height: 16px; padding: 10px 12px;} .form-view .block-box .cont-right textarea{ font-size: 18px; padding: 10px 12px;} .form-view .col-md-12 .block-box .cont-right{ width: 100%;} .form-view .bottom-btn-box{ margin-top: 25px;} .form-view .bottom-btn-box a{ width: 185px; height: 42px; line-height: 42px; font-size: 18px;} .form-view .block-box.yzm-box .cont-right .input-box{ width: 42%;} .form-view .block-box.yzm-box .cont-right img{ height: 46px;} /* 公司简介 */ .inside-page-container{ padding-top: 30px;} .inside-page-top-title{ font-size: 20px; line-height: 20px;} .inside-page-top-txt{ width: 100%; font-size: 14px; padding: 15px 15px 0 15px;} .solution-top-txt{ font-size: 14px;} .base-sub-nav{ margin-top: 15px;} .base-sub-nav .edit-container{ overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch;} .base-sub-nav ul{ display: block; white-space: nowrap;} .base-sub-nav li{ float: none; display: inline-block; width: auto; font-size: 16px; line-height: 52px; margin-right: 25px;} .base-sub-nav li a .bot_line{ width: 48px; height: 5px; bottom: -3px; margin-left: -24px;} .base-sub-nav:before { content: ''; position: absolute; width: 40px; height: 100%; top: 0; right: 0; z-index: 9; background: rgba(255, 255, 255, 0); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, white), color-stop(100%, white)); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, white), to(white)); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 50%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f2f2f2', GradientType=1 );} .base-sub-nav-child{ font-size: 14px; line-height: 46px;} .base-sub-nav-child a{ margin: 0 10px;} .since-view{ margin-top: 20px; padding: 40px 15px 35px 15px;} .since-view .pic-box .block-box img{ width: 90%;} .since-view .txt-box{ font-size: 13px; padding-right: 0; margin-top: 30px;} .since-view .txt-box .top-title{ font-size: 18px;} .since-view .txt-box .cont{ line-height: 22px; margin-top: 10px;} .since-view .txt-box .more{ margin-top: 20px; text-align: right;} .esoon-view{ padding: 30px 15px;} .esoon-view .bg{ width: 100%;} .esoon-view .txt-box{ padding-right: 0;} .esoon-view .txt-box .top-title{ font-size: 18px; line-height: 18px;} .esoon-view .txt-box .cont-inner{ padding-top: 10px;} .esoon-view .txt-box .cont-inner .block{ margin-top: 15px;} .esoon-view .txt-box .cont-inner .block .title{ font-size: 16px; line-height: 16px; border-left-width: 4px;} .esoon-view .txt-box .cont-inner .block .cont{ font-size: 14px; line-height: 22px; margin-top: 10px;} .esoon-view .map{ margin: 30px auto 0 auto; zoom: 0.33; -moz-transform:scale(0.33); -moz-transform-origin:top left; /* Firefox */ -o-transform:scale(0.33); -o-transform-origin:top left; /* Opera */ } .esoon-view .map .dot-block .title{ font-size: 12px;} /* 文化理念 */ .core-value-view{ padding: 30px 15px 40px 15px;} .core-value-view .top-title{ font-size: 18px;} .core-value-view .cont{ font-size: 16px; margin-top: 10px;} .idea-view{ padding: 30px 15px;} .idea-list .top-title{ font-size: 18px;} .idea-list .cont-inner .block{ margin-top: 15px;} .idea-list .cont-inner .block .title{ font-size: 16px; line-height: 16px; border-left-width: 4px;} .idea-list .cont-inner .block .cont{ font-size: 14px; line-height: 22px; margin-top: 10px;} .idea-label-box{ padding: 0 15px 30px 15px; margin: 20px -15px 0 -15px;} .idea-label-box .block-box{ padding: 0; margin-top: 30px;} .idea-label-box .block-box .icon img{ height: 66px;} .idea-label-box .block-box .title{ font-size: 16px; margin-top: 15px;} .idea-label-box .block-box p{ font-size: 14px; margin-top: 5px;} .idea-txt{ font-size: 14px; margin-top: 25px;} /* 荣誉资质 */ .honor-focus{ padding: 20px 0;} .honor-focus-inner{ padding: 0;} .honor-focus-inner .block-box .pic img{ width: 80%;} .honor-focus-inner .swiper-button-prev, .honor-focus-inner .swiper-button-next{ width: 18px; height: 36px; margin-top: -18px;} .honor-focus-inner .swiper-button-prev{ left: 15px;} .honor-focus-inner .swiper-button-next{ right: 15px;} .honor-focus-inner .pagination{ display: none;} .honor-list{ padding: 30px 15px;} .honor-list-inner{ margin-left: 60px;} .honor-list-inner .inner-block .year{ font-size: 18px; line-height: 18px; left: -60px;} .honor-list-inner .inner-block .dot{ left: -5px;} .honor-list-inner .inner-block .cont-inner{ font-size: 14px; padding-bottom: 15px; margin: 0 0 15px 20px;} .honor-list-inner .more{ margin-left: 20px;} .honor-list-inner .more a{ font-size: 14px; background-size: 10px auto; padding-right: 23px;} /* 合作伙伴 */ .partner-view{ padding: 30px 15px 35px 15px;} .partner-view .top-title{ font-size: 18px; line-height: 18px;} .partner-view .txt{ font-size: 14px; margin-top: 15px;} .partnership-plan .cont-inner{ margin-top: 0;} .partnership-plan .cont-inner .block-box{ padding: 15px 15px 20px 15px; height: auto; margin-top: 20px;} .partnership-plan .cont-inner .block-box .logo{ padding-bottom: 20px;} .partnership-plan .cont-inner .block-box .logo img{ height: 45px;} .partnership-plan .cont-inner .block-box .cont{ font-size: 14px;} .partner-logo-box{ margin-top: 10px;} .partner-logo-box ul{ margin: 0 -23px;} .partner-logo-box li{ padding: 0 23px; width: 50%; margin-top: 10px;} .partner-logo-box li .pic{ height: 59px;} .partner-logo-box li .pic img{ max-height: 59px; max-width: 100%;} .customer .list-inner{ margin-top: 0;} .customer .list-inner li{ margin-top: 15px; width: 50%;} .customer .list-inner li .block-box{ height: 80px;} .customer .list-inner li .cont-inner .more-btn{ width: 130px; height: 38px; line-height: 36px; margin: -14px 0 0 -65px; font-size: 14px;} .customer .list-inner li .cont-inner .more-btn span .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} .customer .list-inner .more{ margin-top: 25px;} .customer .list-inner .more a{ font-size: 14px; background-size: 10px auto; padding-right: 23px;} /* 新闻动态 */ .news-list{ padding: 0 15px 30px 15px;} .news-list ul{ margin: 0 -10px;} .news-list li{ padding: 0 10px; margin: 20px 0 0 0; width: 100%;} .news-list .block-box{ padding-bottom: 15px;} .news-list .block-box .cont .title{ font-size: 16px;} .news-list .block-box .cont .title span{ font-size: 13px; top: -1px;} .news-list .more{ margin-top: 15px;} .news-list .more a{ font-size: 14px; background-size: 10px auto; padding-right: 23px;} .news-content{ padding: 25px 15px 30px 15px;} .news-content .top-title-box{ width: 100%;} .news-content .top-title-box .title{ font-size: 18px;} .news-content .top-title-box .time{ font-size: 14px;} .news-content .content-inner{ width: 100%; font-size: 14px; margin-top: 10px;} .news-content .content-inner .img img{ width: 100%;} .news-content .content-inner .video-box video{ width: 100%;} .content-pic-focus{ margin: 20px 0 0 0;} .content-pic-focus .block-box{ margin: 0;} .content-pic-focus .block-box .title{ padding: 0 15px; bottom: 10px;} .content-pic-focus .block-box .opacity{ opacity: 0;} .content-pic-focus .swiper-button-prev, .content-pic-focus .swiper-button-next{ display: none;} .content-pic-focus .mask-left, .content-pic-focus .mask-right{ display: none;} .recommended-reading{ padding: 25px 15px 30px 15px;} .recommended-reading .top-title{ font-size: 22px; line-height: 22px;} .recommended-reading .list-inner{ margin-top: 0;} .recommended-reading .list-inner .block-box{ margin-top: 20px;} .recommended-reading .list-inner .block-box .pic .tag{ font-size: 12px; height: 24px; line-height: 24px;} .recommended-reading .list-inner .block-box .cont{ margin-top: 12x;} .recommended-reading .list-inner .block-box .cont .title{ font-size: 16px; height: auto;} .recommended-reading .list-inner .block-box .cont .time{ font-size: 14px; margin-top: 5px;} /* 产品 */ .product-list{ padding: 10px 15px 30px 15px;} .product-list .block-box{ margin-top: 20px; background-color: #dc3832;} .product-list .block-box .pic{ width: 50%;} .product-list .block-box .cont-inner{ padding: 0 15px; width: 50%;} .product-list .block-box .cont-inner .top-title .title{ font-size: 16px; line-height: 16px;} .product-list .block-box .cont-inner .visible-block{ display: none;} .product-list .block-box .cont-inner .hidden-block{ padding-top: 40px; display: block;} .product-list .block-box .cont-inner .hidden-block .top-title p{ font-size: 14px;} .product-list .block-box .cont-inner .hidden-block .more-btn{ margin-top: 20px;} .product-list .block-box .cont-inner .hidden-block .more-btn span{ display: block; width: 130px; height: 38px; line-height: 36px; border: 1px solid #fff; font-size: 14px; color: #fff; margin: 0 auto; position: relative;} .product-list .block-box .cont-inner .hidden-block .more-btn span .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} .product-content-container{ padding-top: 30px;} .product-view .top-title .title{ font-size: 18px; line-height: 18px;} .product-view .top-title .txt{ font-size: 14px; width: 100%; margin-top: 15px;} .product-pain-spot{ padding: 30px 0;} .product-pain-spot .list-inner li{ padding: 0 15px; margin: 25px 0 0 0;} .product-pain-spot .list-inner li .icon{ float: none; width: 50%; margin: 0 auto;} .product-pain-spot .list-inner li .cont{ float: none; width: 100%; height: 68px; line-height: normal; font-size: 14px; margin-top: 15px;} .product-label{ padding: 30px 15px;} .product-label .list-inner{ margin-top: 0;} .product-label .list-inner ul{ margin: 0 -15px;} .product-label .list-inner li{ float: left; width: 50%; margin: 20px 0 0 0;} .product-label .list-inner li .icon img{ width: 50%;} .product-label .list-inner li .title{ font-size: 15px; margin-top: 15px; height: 22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .product-label .list-inner li p{ font-size: 14px; height: 40px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .product-advantage{ padding: 30px 0 0 0;} .product-advantage .list-inner{ margin: 25px -15% 0 -15%;} .product-advantage .list-inner .swiper-slide .cont-inner{ bottom: 30px; padding: 0 15px;} .product-advantage .list-inner .swiper-slide .cont-inner .title{ font-size: 18px; line-height: 18px; padding-bottom: 15px;} .product-advantage .list-inner .swiper-slide .cont-inner p{ font-size: 14px; margin-top: 15px; height: auto; min-height: auto; -webkit-line-clamp: inherit;} .product-advantage .list-inner .swiper-slide .pic{ height: 285px;} .product-advantage .list-inner_2{ margin: 25px 0 0 0;} .product-partner{ padding: 30px 0;} .product-partner .list-inner{ margin-top: 20px;} .product-partner .list-inner ul{ top: -1px;} .product-partner .list-inner li{ margin-top: 0; width: 50%; border-top: 1px solid #dcdcdc;} .product-partner .list-inner li .pic img{ width: 116px;} .product-partner .list-inner .btn-more-box{ margin-top: 25px;} .product-partner .list-inner .btn-more-box a{ width: 130px; height: 38px; line-height: 36px; font-size: 14px;} .product-partner .list-inner .btn-more-box a .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} .online-message{ padding: 30px 0;} .online-message .top-title{ font-size: 18px; line-height: 18px;} .online-message .phone{ font-size: 26px;} .online-message .btn-more-box{ margin-top: 25px;} .online-message .btn-more-box a{ width: 130px; height: 38px; line-height: 36px; font-size: 14px;} .online-message .btn-more-box a .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} .return-container{ font-size: 14px;} /* 解决方案 */ .solution-list{ padding: 15px 15px 20px 15px;} .solution-list .block-box{ background-color: #dc3832;} .solution-list .block-box .cont-inner .title{ font-size: 16px; line-height: 16px;} .solution-list .block-box .cont-inner .hidden-block .more-btn span{ width: 130px; height: 38px; line-height: 36px; font-size: 14px;} .solution-list .block-box .cont-inner .hidden-block .more-btn span .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} .solution-list .block-big,.solution-list .block-small{ margin: 10px 0;} .solution-list .block-big .view-block{ float: none; width: 100%;} .solution-list .block-big .view-block .cont-inner{ padding: 30px 15px;} .solution-list .block-big .view-block .cont-inner .visible-block{ display: none;} .solution-list .block-big .view-block .cont-inner .hidden-block{ padding-top: 0; display: block;} .solution-list .block-big .view-block .cont-inner .hidden-block .more-btn{ margin-top: 25px;} .solution-list .block-big.odd .pic-block{ float: none;} .solution-list .block-small .view-block .cont-inner{ padding: 30px 15px; height: auto;} .solution-list .block-small .view-block .cont-inner .visible-block{ display: none;} .solution-list .block-small .view-block .cont-inner .hidden-block{ padding-top: 0; display: block;} .solution-list .block-small .view-block .cont-inner .hidden-block .more-btn{ margin-top: 25px;} /* 服务支持 */ .service-support-container{ padding: 20px 15px 35px 15px;} .professional-services-inner .top-txt{ width: 100%; font-size: 14px;} .professional-services-inner .list-inner{ margin-top: 20px;} .professional-services-inner .list-inner li{ padding: 30px 15px;} .professional-services-inner .list-inner li .pic{ padding: 0 0;} .professional-services-inner .list-inner li .pic img{ width: 70px;} .professional-services-inner .list-inner li .cont-inner{ padding-right: 0; margin-top: 15px;} .professional-services-inner .list-inner li .cont-inner .title{ font-size: 16px; text-align: center;} .professional-services-inner .list-inner li .cont-inner .cont{ font-size: 14px;} .learning-development-list li{ padding: 15px;} .learning-development-list li .time{ float: none; width: 100%; font-size: 14px; margin-top: 0;} .learning-development-list li .time span{ font-size: 20px; line-height: 20px;} .learning-development-list li .cont-inner{ float: none; width: 100%; padding-right: 0; margin-top: 15px;} .learning-development-list li .cont-inner .title{ font-size: 16px;} .learning-development-list li .cont-inner .cont{ font-size: 14px; margin-top: 5px;} .learning-development-list li .icon-arrow{ width: 15px; height: 30px; margin-top: -15px; right: 35px;} .learning-development-list li:hover .icon-arrow{ display: none;} .learning-development-list .more{ margin-top: 25px;} .learning-development-list .more a{ font-size: 14px; background-size: 10px auto; padding-right: 23px;} .knowledge-center-container{ margin-top: 0;} .retrieval-inner .block-box{ font-size: 14px; display: block; margin-bottom: 15px;} .retrieval-inner .block-box .base-select-box, .retrieval-inner .block-box .input-box{ margin: 0;} .retrieval-inner .block-box .base-select-box{ width: 100%;} .retrieval-inner .block-box .base-select-box .select{ padding: 9px 10px;} .retrieval-inner .block-box .base-select-box .glyphicon{ font-size: 16px; margin-top: -8px;} .retrieval-inner .block-box .input-box{ width: 100%;} .retrieval-inner .block-box .input-box .input-text{ padding: 9px 10px;} .retrieval-inner .block-box .input-box .input-search{ width: 100%; padding-right: 44px;} .retrieval-inner .block-box .input-box .search-btn{ width: 44px; height: 44px; background-size: 36px 36px;} .knowledge-center-list li{ margin-top: 20px;} .knowledge-center-list li .cont-inner{ padding-top: 15px;} .knowledge-center-list li .cont-inner .top-title .title{ float: none; font-size: 16px; width: 100%;} .knowledge-center-list li .cont-inner .top-title .time{ float: none; font-size: 13px; margin-top: 5px;} .knowledge-center-list li .cont-inner .cont{ font-size: 14px; height: 105px; margin-top: 5px; float: left;} .knowledge-center-list li .cont-inner .icon{ width: 30px; height: 30px; margin-top: 5px; float: right;} .knowledge-center-list .more{ margin-top: 30px;} .knowledge-center-list .more a{ font-size: 14px; background-size: 10px auto; padding-right: 23px;} /* 视频弹框 */ .video-layer .layer-inner{ width: 100%; height: 214px; margin: -107px 0 0 -50%;} .video-layer .layer-inner .layer-close{ width: 30px; height: 30px; top: -40px; background-size: 22px;} /* 联系我们 */ .business-cooperation-txt-view{ padding: 25px 15px;} .business-cooperation-txt-view .top-title{ font-size: 16px;} .business-cooperation-txt-view .cont{ font-size: 14px; width: 100%;} .business-cooperation-txt-view .cont p{ padding-top: 15px;} .business-cooperation-form{ padding: 25px 0 60px 0;} .business-cooperation-form .inner-box{ width: auto; border: 0;} .business-cooperation-form .inner-box .title-th{ line-height: 55px; font-size: 16px;} .business-cooperation-form .inner-box .cont-li{ padding: 0 15px;} .business-cooperation-form .inner-box .cont-li .cont-inner .block-box{ font-size: 14px; margin-top: 15px; width: 100%;} .business-cooperation-form .inner-box .cont-li .cont-inner .block-box .type{ width: 100%;} .business-cooperation-form .inner-box .cont-li .cont-inner .block-box .cont-right{ width: 100%;} .business-cooperation-form .inner-box .cont-li .cont-inner .block-box.through .type{ width: 100%;} .business-cooperation-form .inner-box .cont-li .cont-inner .block-box.through .cont-right{ width: 100%;} .business-cooperation-form .inner-box .cont-li .cont-inner .block-box.through .cont-right label{ margin: 0 40px 0 0;} .business-cooperation-form .yzm-box{ margin-top: 20px; width: 100%;} .business-cooperation-form .yzm-box .block-box .cont-right .input-box{ width: 90px;} .business-cooperation-form .bottom-btn{ margin-top: 25px;} .business-cooperation-form .bottom-btn .input-btn{ width: 185px; height: 42px; line-height: 42px; font-size: 16px;} .job-container{ padding: 25px 0;} .job-container .txt-inner{ font-size: 14px; padding: 0 15px;} .job-container .txt-inner .title-h1{ font-size: 16px;} .job-container .txt-inner p{ padding-top: 5px;} .job-container .txt-inner .email-txt{ font-size: 14px; margin-top: 15px;} .job-list .tbaed li, .job-list-inner .top-box li{ width: 22%; height: 48px; line-height: 48px; font-size: 14px;} .job-list .tbaed li.wh1, .job-list-inner .top-box li.wh1{ width: 34%;} .job-list-inner .top-box li .icon{ width: 16px; height: 16px; margin: -8px 0 0 -8px;} .job-list-inner .inner-box.current .top-box li .icon{ background-position: -16px 0;} .job-list-inner .cont-inner{ padding: 5px 15px 20px 15px; font-size: 14px;} .job-list-inner .cont-inner .title{ padding-top: 15px;} .job-list-inner .cont-inner .cont{ width: 100%;} .job-list .more{ margin-top: 25px;} .job-list .more a{ font-size: 14px; background-size: 10px auto; padding-right: 23px;} .contact-us-container .txt-inner{ font-size: 14px; padding: 25px 15px;} .contact-us-container .txt-inner .title-h1{ font-size: 18px;} .contact-us-container .phone-txt{ font-size: 16px;} .contact-us-container .phone-txt a{ font-size: 22px;} .contact-us-map-view{ padding: 20px 0 30px 0;} .contact-us-map-view .map{ margin: 0 auto; zoom: 0.46; -moz-transform:scale(0.46); -moz-transform-origin:top left; /* Firefox */ -o-transform:scale(0.46); -o-transform-origin:top left; /* Opera */ } .contact-us-map-view .map .dot-block .title{ font-size: 12px;} .contact-us-map-view .address-inner{ height: 315px; padding: 0 15px; margin-top: 20px;} .contact-us-map-view .address-list{ width: 95%;} .contact-us-map-view .address-list li{ padding: 15px 5px;} .contact-us-map-view .address-list li .city{ width: 20%; font-size: 16px;} .contact-us-map-view .address-list li .cont{ width: 80%; font-size: 14px;} .contact-us-container .home-demand-form{ padding: 0 0 30px 0;} /* 合作案例 */ .cooperation-cases-container{ padding: 25px 15px;} .cooperation-cases-list.customer .list-inner{ margin-top: 0;} .cooperation-cases-content{ padding-top: 0;} .cooperation-cases-content .top-title-box .title{ font-size: 20px;} /* 法律声明 */ .legal-statement-list{ padding: 25px 0 40px 0;} .legal-statement-list .inner-box .top-box{ font-size: 16px; padding: 12px 15px;} .legal-statement-list .inner-box .top-box .icon{ width: 16px; height: 16px; margin-top: -8px; right: 15px;} .legal-statement-list .inner-box .cont-inner{ font-size: 14px; padding: 10px 15px 20px 15px;} .legal-statement-list .inner-box .cont-inner .cont{ width: 100%;} .legal-statement-list .inner-box .cont-inner .cont .title{ padding-top: 10px;} .legal-statement-list .inner-box .cont-inner .cont p{ padding-top: 10px;} .legal-statement-list .inner-box.current .top-box .icon{ background-position: -16px 0;} /* 搜索结果 */ .search-container{ padding: 25px 15px 30px 15px;} .search-number{ font-size: 16px;} .search-list-inner{ margin-top: 15px;} .search-list-inner li{ padding: 15px 0;} .search-list-inner li a{ width: 100%;} .search-list-inner li .top-title{ font-size: 16px;} .search-list-inner li .cont{ font-size: 14px;} .search-list-inner .more{ margin-top: 25px;} .search-list-inner .more a{ font-size: 14px; background-size: 10px auto; padding-right: 23px;} /* 404 */ .container-404{ padding: 100px 15px;} .container-404 .pic img{ width: 80%;} .container-404 .cont{ font-size: 14px; margin-top: 35px;} .container-404 .cont .title{ font-size: 24px;} .container-404 .cont p a{ font-size: 20px;} .container-404 .btn-more-box{ margin-top: 50px;} .container-404 .btn-more-box a{ width: 184px; height: 40px; line-height: 38px; font-size: 16px;} .container-404 .btn-more-box a .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} .error-layer .layer-inner{ left: 0; margin: -110px 0 0 0; width:100%; height:220px;} .error-layer .layer-inner .layer-close{ width: 30px; height: 30px; top: -40px; background-size: 22px;} .error-layer .layer-container{ padding: 50px 20px 0 20px;} .error-layer .layer-container .cont{font-size: 14px; margin-top: 15px;} } @media (min-width: 768px) and (max-width: 991px){ /* 缩小60% */ .edit-container{ width: auto;} /*浏览器升级提示*/ .browser-tips{ font-size: 14px;} .pagination{ bottom: 10px;} .swiper-pagination-switch{ width: 18px; height: 1px; margin: 0 6px;} .swiper-active-switch{ width: 28px; height: 4px;} .bodymain{ padding-top: 56px;} /* 头部 header */ .header{ height: 56px;} .header .logo{ margin: 18px 0 0 15px;} .header .logo img{ height: 20px;} .header .menu-icon{ width: 24px; height: 24px; margin-top: -12px; right: 15px;} /* 底部 footer */ .footer{ padding: 25px 15px;} .footer-left{ position: initial;} .footer-left .logo img{ height: 20px;} .footer-links{ margin-top: 15px;} .footer-links .links{ font-size: 12px; margin-top: 5px;} .footer-links .links a{ margin-right: 30px; margin-top: 10px;} .footer .copyright{ margin-top: 15px; font-size: 12px;} .footer-right{ position: initial; font-size: 12px; text-align: center; margin-top: 20px;} .footer-qrCode p{ margin-top: 15px;} /* 首页 */ .home-banner .txt-box{ margin-top: -5%;} .home-banner .txt-box .title{ font-size: 22px;} .home-banner .txt-box .cont{ font-size: 12px; margin-top: 10px;} .home-banner .swiper-button-prev,.home-banner .swiper-button-next{ display: none;} .base-title-box .title{ font-size: 22px; line-height: 1.5em;} .base-title-box .cont{ font-size: 18px; margin-top: 10px;} .home-media{ padding: 30px 15px 40px 15px;} .home-media-inner .block-box{ font-size: 14px; margin: 30px 0 0 0;} .home-media-inner .block-box .pic img{ width: 98px;} .home-media-inner .block-box .title{ margin-top: 18px;} .home-slogan-inner{ padding: 40px 15px; background-size: 120%;} .home-slogan-inner .base-title-box .title{ margin: 0 -15px;} .home-slogan-inner .btn-box{ margin-top: 25px;} .home-slogan-inner .btn-box a{ width: 234px; height: 53px; line-height: 50px; padding: 3px 3px 0 0; font-size: 16px;} .home-solution{ padding: 30px 15px 35px 15px;} .home-solution-focus{ margin-top: 20px;} .home-solution-focus .block-box{ width: 195px; margin: 12px auto 20px auto; padding: 0 30px 15px 0; -moz-box-shadow: 3px 4px 15px #596264; -webkit-box-shadow: 3px 4px 15px #596264; box-shadow: 3px 4px 15px #596264;} .home-solution-focus .swiper-slide-active .block-box{ -moz-box-shadow: 15px 15px 0 #596264; -webkit-box-shadow: 15px 15px 0 #596264; box-shadow: 15px 15px 0 #596264;} .home-solution-focus .block-box .title{ font-size: 13px; margin-top: 15px;} .home-solution-focus .swiper-button-box{ width: 320px; top: 112px; margin-left: -160px;} .home-technology{ padding: 35px 0 15px 0; background-size: 100% auto;} .home-technology-inner{ margin: 30px -25% 0 -25%;} .home-technology-inner .swiper-container{ margin: 0 10px;} .home-technology-inner .swiper-slide{ padding: 0 10px;} .home-technology-inner .block-box{ height: 197px;/* -moz-box-shadow: 0 0 30px #929292; -webkit-box-shadow: 0 0 30px #929292; box-shadow: 0 0 30px #929292; */} .home-technology-inner .block-box a{ padding: 35px 0 30px 0;} .home-technology-inner .block-box .pic img{ height: 64px;} .home-technology-inner .block-box .btn-box{ width: 130px; height: 38px; line-height: 36px; font-size: 14px; margin-top: 30px;} .home-technology-inner .block-box .btn-box .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} .home-cooperative-partner{ padding: 15px 0 20px 0;} .home-cooperative-partner-inner{ margin-top: 20px;} .home-cooperative-partner-inner li{ width: 50%;} .home-cooperative-partner-inner li .pic{ height: 110px;} .home-cooperative-partner-inner li .pic img{ width: 45%;} .home-cooperative-partner-inner .bot-pagination-box{ margin-top: 20px;} .home-cooperative-partner-inner .btn-more-box{ margin-top: 20px;} .home-cooperative-partner-inner .btn-more-box a{ width: 130px; height: 38px; line-height: 36px; font-size: 14px;} .home-cooperative-partner-inner .btn-more-box a .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} .home-about-city{ padding: 30px 0 30px 0;} .home-about-city-focus{ margin-top: 20px;} .home-about-city-focus .focus-inner{ width: auto; margin: 0 -25%;} .home-about-city-focus .focus-inner .block-box{ margin: 0 10px;} .home-about-city-focus .focus-inner .block-box .cont{ bottom: 10px; padding: 0 10px; font-size: 12px;} .home-about-city-focus .focus-inner .block-box .cont .title{ font-size: 20px; margin-bottom: 12px;} .home-about-city-focus .swiper-button-prev,.home-about-city-focus .swiper-button-next{ display: none;} .home-about-city-focus .btn-more-box{ margin-top: 22px;} .home-about-city-focus .btn-more-box a{ width: 130px; height: 38px; line-height: 36px; font-size: 14px;} .home-about-city-focus .btn-more-box a .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} .home-demand-form{ padding: 0 15px 30px 15px; margin-top: 0; background-color: #f7f7f7;} .home-demand-form .form-inner{ padding: 20px 15px; -moz-box-shadow:0 0 65px #eee; -webkit-box-shadow:0 0 65px #eee; box-shadow:0 0 65px #eee;} .home-demand-form .form-inner .top-title{ font-size: 14px; padding-bottom: 10px; border-bottom-width: 2px;} .home-demand-form .form-inner .top-title strong{ display: block; font-size: 18px;} .form-view{ margin-top: 0;} .form-view .block-box{ font-size: 14px; line-height: 46px; margin-top: 10px;} .form-view .block-box .type{ float: none; width: 100%; text-align: left;} .form-view .block-box .cont-right{ float: none; width: 100%;} .form-view .block-box .cont-right .input-box .input-text{ font-size: 16px; line-height: 16px; padding: 10px 12px;} .form-view .block-box .cont-right textarea{ font-size: 18px; padding: 10px 12px;} .form-view .col-md-12 .block-box .cont-right{ width: 100%;} .form-view .bottom-btn-box{ margin-top: 25px;} .form-view .bottom-btn-box a{ width: 185px; height: 42px; line-height: 42px; font-size: 18px;} .form-view .block-box.yzm-box .cont-right img{ height: 46px;} /* 公司简介 */ .inside-page-container{ padding-top: 30px;} .inside-page-top-title{ font-size: 20px; line-height: 20px;} .inside-page-top-txt{ width: 100%; font-size: 14px; padding: 15px 15px 0 15px;} .solution-top-txt{ font-size: 14px;} .base-sub-nav{ margin-top: 15px;} .base-sub-nav li{ font-size: 16px; line-height: 52px;} .base-sub-nav li a .bot_line{ width: 48px; height: 5px; bottom: -3px; margin-left: -24px;} .base-sub-nav-child{ font-size: 14px; line-height: 46px;} .base-sub-nav-child a{ margin: 0 10px;} .since-view{ margin-top: 20px; padding: 40px 15px 35px 15px;} .since-view .pic-box .block-box img{ width: 60%;} .since-view .txt-box{ font-size: 13px; padding-right: 0; margin-top: 30px;} .since-view .txt-box .top-title{ font-size: 18px;} .since-view .txt-box .cont{ line-height: 22px; margin-top: 10px;} .since-view .txt-box .more{ margin-top: 20px; text-align: right;} .esoon-view{ padding: 30px 15px;} .esoon-view .bg{ width: 100%;} .esoon-view .txt-box{ padding-right: 0;} .esoon-view .txt-box .top-title{ font-size: 18px; line-height: 18px;} .esoon-view .txt-box .cont-inner{ padding-top: 10px;} .esoon-view .txt-box .cont-inner .block{ margin-top: 15px;} .esoon-view .txt-box .cont-inner .block .title{ font-size: 16px; line-height: 16px; border-left-width: 4px;} .esoon-view .txt-box .cont-inner .block .cont{ font-size: 14px; line-height: 22px; margin-top: 10px;} .esoon-view .map{ margin: 30px auto 0 auto; zoom: 0.6; -moz-transform:scale(0.6); -moz-transform-origin:top left; /* Firefox */ -o-transform:scale(0.6); -o-transform-origin:top left; /* Opera */ } .esoon-view .map .dot-block .title{ font-size: 12px;} /* 文化理念 */ .core-value-view{ padding: 30px 15px 40px 15px;} .core-value-view .top-title{ font-size: 18px;} .core-value-view .cont{ font-size: 16px; margin-top: 10px;} .idea-view{ padding: 30px 15px;} .idea-list .top-title{ font-size: 18px;} .idea-list .cont-inner .block{ margin-top: 15px;} .idea-list .cont-inner .block .title{ font-size: 16px; line-height: 16px; border-left-width: 4px;} .idea-list .cont-inner .block .cont{ font-size: 14px; line-height: 22px; margin-top: 10px;} .idea-label-box{ padding: 0 15px 30px 15px; margin: 20px -15px 0 -15px;} .idea-label-box .block-box{ padding: 0; margin-top: 30px;} .idea-label-box .block-box .icon img{ height: 66px;} .idea-label-box .block-box .title{ font-size: 16px; margin-top: 15px;} .idea-label-box .block-box p{ font-size: 14px; margin-top: 5px;} .idea-txt{ font-size: 14px; margin-top: 25px;} /* 荣誉资质 */ .honor-focus{ padding: 20px 0;} .honor-focus-inner{ padding: 0;} .honor-focus-inner .block-box .pic img{ width: 60%;} .honor-focus-inner .swiper-button-prev, .honor-focus-inner .swiper-button-next{ width: 18px; height: 36px; margin-top: -18px;} .honor-focus-inner .swiper-button-prev{ left: 30px;} .honor-focus-inner .swiper-button-next{ right: 30px;} .honor-focus-inner .pagination{ display: none;} .honor-list{ padding: 30px 15px;} .honor-list-inner{ margin-left: 60px;} .honor-list-inner .inner-block .year{ font-size: 18px; line-height: 18px; left: -60px;} .honor-list-inner .inner-block .dot{ left: -5px;} .honor-list-inner .inner-block .cont-inner{ font-size: 14px; padding-bottom: 15px; margin: 0 0 15px 20px;} .honor-list-inner .more{ margin-left: 20px;} .honor-list-inner .more a{ font-size: 14px; background-size: 10px auto; padding-right: 23px;} /* 合作伙伴 */ .partner-view{ padding: 30px 15px 35px 15px;} .partner-view .top-title{ font-size: 18px; line-height: 18px;} .partner-view .txt{ font-size: 14px; margin-top: 15px;} .partnership-plan .cont-inner{ margin-top: 0;} .partnership-plan .cont-inner .block-box{ padding: 15px 15px 20px 15px; height: auto; margin-top: 20px;} .partnership-plan .cont-inner .block-box .logo{ padding-bottom: 20px;} .partnership-plan .cont-inner .block-box .logo img{ height: 45px;} .partnership-plan .cont-inner .block-box .cont{ font-size: 14px;} .partner-logo-box{ margin-top: 10px;} .partner-logo-box ul{ margin: 0 -23px;} .partner-logo-box li{ padding: 0 23px; width: 50%; margin-top: 10px;} .partner-logo-box li .pic{ height: 59px;} .partner-logo-box li .pic img{ max-height: 59px; max-width: 100%;} .customer .list-inner{ margin-top: 0;} .customer .list-inner li{ margin-top: 15px; width: 50%;} .customer .list-inner li .block-box{ height: 110px;} .customer .list-inner li .cont-inner .more-btn{ width: 130px; height: 38px; line-height: 36px; margin: -14px 0 0 -65px; font-size: 14px;} .customer .list-inner li .cont-inner .more-btn span .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} .customer .list-inner li .pic img{ width: 45%;} .customer .list-inner .more{ margin-top: 25px;} .customer .list-inner .more a{ font-size: 14px; background-size: 10px auto; padding-right: 23px;} /* 新闻动态 */ .news-list{ padding: 0 15px 30px 15px;} .news-list ul{ margin: 0 -10px;} .news-list li{ padding: 0 10px; margin: 20px 0 10px 0; width: 50%;} .news-list .block-box{ padding-bottom: 15px;} .news-list .block-box .cont .title{ font-size: 16px;} .news-list .block-box .cont .title span{ font-size: 13px; top: -1px;} .news-list .more{ margin-top: 15px;} .news-list .more a{ font-size: 14px; background-size: 10px auto; padding-right: 23px;} .news-content{ padding: 25px 15px 30px 15px;} .news-content .top-title-box{ width: 100%;} .news-content .top-title-box .title{ font-size: 18px;} .news-content .top-title-box .time{ font-size: 14px;} .news-content .content-inner{ width: 100%; font-size: 14px; margin-top: 10px;} .news-content .content-inner .img img{ width: 100%;} .news-content .content-inner .video-box video{ width: 100%;} .content-pic-focus{ margin: 20px 0 0 0;} .content-pic-focus .block-box{ margin: 0;} .content-pic-focus .block-box .title{ padding: 0 15px; bottom: 10px;} .content-pic-focus .block-box .opacity{ opacity: 0;} .content-pic-focus .swiper-button-prev, .content-pic-focus .swiper-button-next{ display: none;} .content-pic-focus .mask-left, .content-pic-focus .mask-right{ display: none;} .recommended-reading{ padding: 25px 15px 30px 15px;} .recommended-reading .top-title{ font-size: 22px; line-height: 22px;} .recommended-reading .list-inner{ margin-top: 0;} .recommended-reading .list-inner .block-box{ margin-top: 20px;} .recommended-reading .list-inner .block-box .pic .tag{ font-size: 12px; height: 24px; line-height: 24px;} .recommended-reading .list-inner .block-box .cont{ margin-top: 12x;} .recommended-reading .list-inner .block-box .cont .title{ font-size: 16px; height: auto;} .recommended-reading .list-inner .block-box .cont .time{ font-size: 14px; margin-top: 5px;} /* 产品 */ .product-list{ padding: 10px 15px 30px 15px;} .product-list .block-box{ margin-top: 20px; background-color: #dc3832;} .product-list .block-box .pic{ width: 50%;} .product-list .block-box .cont-inner{ padding: 0 15px; width: 50%;} .product-list .block-box .cont-inner .top-title .title{ font-size: 22px; line-height: 22px;} .product-list .block-box .cont-inner .visible-block{ display: none;} .product-list .block-box .cont-inner .hidden-block{ padding-top: 130px; display: block;} .product-list .block-box .cont-inner .hidden-block .top-title p{ font-size: 16px;} .product-list .block-box .cont-inner .hidden-block .more-btn{ margin-top: 40px;} .product-list .block-box .cont-inner .hidden-block .more-btn span{ display: block; width: 130px; height: 38px; line-height: 36px; border: 1px solid #fff; font-size: 14px; color: #fff; margin: 0 auto; position: relative;} .product-list .block-box .cont-inner .hidden-block .more-btn span .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} .product-content-container{ padding-top: 30px;} .product-view .top-title .title{ font-size: 18px; line-height: 18px;} .product-view .top-title .txt{ font-size: 14px; width: 100%; margin-top: 15px;} .product-pain-spot{ padding: 30px 0;} .product-pain-spot .list-inner li{ width: 33.333333%; padding: 0 15px; margin: 25px 0 0 0;} .product-pain-spot .list-inner li .icon{ float: none; width: 50%; margin: 0 auto;} .product-pain-spot .list-inner li .cont{ float: none; width: 100%; height: 68px; line-height: normal; font-size: 14px; margin-top: 15px;} .product-label{ padding: 30px 15px;} .product-label .list-inner{ margin-top: 0;} .product-label .list-inner ul{ margin: 0 -15px;} .product-label .list-inner li{ float: left; width: 33.333333%; margin: 20px 0 0 0;} .product-label .list-inner li .icon img{ width: 50%;} .product-label .list-inner li .title{ font-size: 15px; margin-top: 15px; height: 22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .product-label .list-inner li p{ font-size: 14px; height: 40px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .product-advantage{ padding: 30px 0 0 0;} .product-advantage .list-inner{ margin: 25px 0 0 0;} .product-advantage .list-inner .swiper-slide .cont-inner{ bottom: 30px; padding: 0 15px;} .product-advantage .list-inner .swiper-slide .cont-inner .title{ font-size: 18px; line-height: 18px; padding-bottom: 15px;} .product-advantage .list-inner .swiper-slide .cont-inner p{ font-size: 14px; margin-top: 15px; height: auto; min-height: auto; -webkit-line-clamp: inherit;} .product-advantage .list-inner .swiper-slide .pic{ height: 285px;} .product-advantage .list-inner_2{ margin: 25px 0 0 0;} .product-partner{ padding: 30px 0;} .product-partner .list-inner{ margin-top: 20px;} .product-partner .list-inner ul{ top: -1px;} .product-partner .list-inner li{ margin-top: 0; width: 50%; border-top: 1px solid #dcdcdc;} .product-partner .list-inner li .pic{ height: 110px;} .product-partner .list-inner li .pic img{ width: 45%;} .product-partner .list-inner .btn-more-box{ margin-top: 25px;} .product-partner .list-inner .btn-more-box a{ width: 130px; height: 38px; line-height: 36px; font-size: 14px;} .product-partner .list-inner .btn-more-box a .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} .online-message{ padding: 30px 0;} .online-message .top-title{ font-size: 18px; line-height: 18px;} .online-message .phone{ font-size: 26px;} .online-message .btn-more-box{ margin-top: 25px;} .online-message .btn-more-box a{ width: 130px; height: 38px; line-height: 36px; font-size: 14px;} .online-message .btn-more-box a .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} .return-container{ font-size: 14px;} /* 解决方案 */ .solution-list{ padding: 15px 15px 20px 15px;} .solution-list .block-box{ background-color: #dc3832;} .solution-list .block-box .cont-inner .title{ font-size: 16px; line-height: 16px;} .solution-list .block-box .cont-inner .hidden-block .more-btn span{ width: 130px; height: 38px; line-height: 36px; font-size: 14px;} .solution-list .block-box .cont-inner .hidden-block .more-btn span .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} .solution-list .block-big,.solution-list .block-small{ margin: 10px 0;} .solution-list .block-big .view-block{ float: none; width: 100%;} .solution-list .block-big .view-block .cont-inner{ padding: 30px 15px;} .solution-list .block-big .view-block .cont-inner .visible-block{ display: none;} .solution-list .block-big .view-block .cont-inner .hidden-block{ padding-top: 0; display: block;} .solution-list .block-big .view-block .cont-inner .hidden-block .more-btn{ margin-top: 25px;} .solution-list .block-big.odd .pic-block{ float: none;} .solution-list .block-small .view-block .cont-inner{ padding: 30px 15px; height: auto;} .solution-list .block-small .view-block .cont-inner .visible-block{ display: none;} .solution-list .block-small .view-block .cont-inner .hidden-block{ padding-top: 0; display: block;} .solution-list .block-small .view-block .cont-inner .hidden-block .more-btn{ margin-top: 25px;} /* 服务支持 */ .service-support-container{ padding: 20px 15px 35px 15px;} .professional-services-inner .top-txt{ width: 480px; font-size: 14px;} .professional-services-inner .list-inner{ margin-top: 20px;} .professional-services-inner .list-inner li{ padding: 30px 15px;} .professional-services-inner .list-inner li .pic{ padding: 0 0;} .professional-services-inner .list-inner li .pic img{ width: 70px;} .professional-services-inner .list-inner li .cont-inner{ padding-right: 0; margin-top: 15px;} .professional-services-inner .list-inner li .cont-inner .title{ font-size: 16px; text-align: center;} .professional-services-inner .list-inner li .cont-inner .cont{ font-size: 14px;} .learning-development-list li{ padding: 15px;} .learning-development-list li .time{ float: none; width: 100%; font-size: 14px; margin-top: 0;} .learning-development-list li .time span{ font-size: 20px; line-height: 20px;} .learning-development-list li .cont-inner{ float: none; width: 100%; padding-right: 0; margin-top: 15px;} .learning-development-list li .cont-inner .title{ font-size: 16px;} .learning-development-list li .cont-inner .cont{ font-size: 14px; margin-top: 5px;} .learning-development-list li .icon-arrow{ width: 15px; height: 30px; margin-top: -15px; right: 35px;} .learning-development-list li:hover .icon-arrow{ display: none;} .learning-development-list .more{ margin-top: 25px;} .learning-development-list .more a{ font-size: 14px; background-size: 10px auto; padding-right: 23px;} .knowledge-center-container{ margin-top: 0;} .retrieval-inner .block-box{ font-size: 14px; display: block; margin-bottom: 15px;} .retrieval-inner .block-box .base-select-box, .retrieval-inner .block-box .input-box{ margin: 0;} .retrieval-inner .block-box .base-select-box{ width: 100%;} .retrieval-inner .block-box .base-select-box .select{ padding: 9px 10px;} .retrieval-inner .block-box .base-select-box .glyphicon{ font-size: 16px; margin-top: -8px;} .retrieval-inner .block-box .input-box{ width: 100%;} .retrieval-inner .block-box .input-box .input-text{ padding: 9px 10px;} .retrieval-inner .block-box .input-box .input-search{ width: 100%; padding-right: 44px;} .retrieval-inner .block-box .input-box .search-btn{ width: 44px; height: 44px; background-size: 36px 36px;} .knowledge-center-list li{ margin-top: 20px;} .knowledge-center-list li .cont-inner{ padding-top: 15px;} .knowledge-center-list li .cont-inner .top-title .title{ float: none; font-size: 16px; width: 100%;} .knowledge-center-list li .cont-inner .top-title .time{ float: none; font-size: 13px; margin-top: 5px;} .knowledge-center-list li .cont-inner .cont{ font-size: 14px; height: 105px; margin-top: 5px; float: left;} .knowledge-center-list li .cont-inner .icon{ width: 30px; height: 30px; margin-top: 5px; float: right;} .knowledge-center-list .more{ margin-top: 30px;} .knowledge-center-list .more a{ font-size: 14px; background-size: 10px auto; padding-right: 23px;} /* 视频弹框 */ .video-layer .layer-inner{ width: 750px; height: 422px; margin: -211px 0 0 -375px;} .video-layer .layer-inner .layer-close{ width: 30px; height: 30px; top: -40px;} /* 联系我们 */ .business-cooperation-txt-view{ padding: 25px 15px;} .business-cooperation-txt-view .top-title{ font-size: 16px;} .business-cooperation-txt-view .cont{ font-size: 14px; width: 100%;} .business-cooperation-txt-view .cont p{ padding-top: 15px;} .business-cooperation-form{ padding: 25px 0 60px 0;} .business-cooperation-form .inner-box{ width: auto; border: 0;} .business-cooperation-form .inner-box .title-th{ line-height: 55px; font-size: 16px;} .business-cooperation-form .inner-box .cont-li{ padding: 0 15px;} .business-cooperation-form .inner-box .cont-li .cont-inner .block-box{ font-size: 14px; margin-top: 15px; width: 100%;} .business-cooperation-form .inner-box .cont-li .cont-inner .block-box .type{ width: 100%;} .business-cooperation-form .inner-box .cont-li .cont-inner .block-box .cont-right{ width: 100%;} .business-cooperation-form .inner-box .cont-li .cont-inner .block-box.through .type{ width: 100%;} .business-cooperation-form .inner-box .cont-li .cont-inner .block-box.through .cont-right{ width: 100%;} .business-cooperation-form .inner-box .cont-li .cont-inner .block-box.through .cont-right label{ margin: 0 40px 0 0;} .business-cooperation-form .yzm-box{ margin-top: 20px; width: 100%;} .business-cooperation-form .yzm-box .block-box .cont-right .input-box{ width: 90px;} .business-cooperation-form .bottom-btn{ margin-top: 25px;} .business-cooperation-form .bottom-btn .input-btn{ width: 185px; height: 42px; line-height: 42px; font-size: 16px;} .job-container{ padding: 25px 0;} .job-container .txt-inner{ font-size: 14px; padding: 0 15px;} .job-container .txt-inner .title-h1{ font-size: 16px;} .job-container .txt-inner p{ padding-top: 5px;} .job-container .txt-inner .email-txt{ font-size: 14px; margin-top: 15px;} .job-list .tbaed li, .job-list-inner .top-box li{ width: 25%; height: 48px; line-height: 48px; font-size: 14px;} .job-list-inner .top-box li .icon{ width: 16px; height: 16px; margin: -8px 0 0 -8px;} .job-list-inner .inner-box.current .top-box li .icon{ background-position: -16px 0;} .job-list-inner .cont-inner{ padding: 5px 15px 20px 15px; font-size: 14px;} .job-list-inner .cont-inner .title{ padding-top: 15px;} .job-list-inner .cont-inner .cont{ width: 100%;} .job-list .more{ margin-top: 25px;} .job-list .more a{ font-size: 14px; background-size: 10px auto; padding-right: 23px;} .contact-us-container .txt-inner{ font-size: 14px; padding: 25px 15px;} .contact-us-container .txt-inner .title-h1{ font-size: 18px;} .contact-us-container .phone-txt{ font-size: 16px;} .contact-us-container .phone-txt a{ font-size: 22px;} .contact-us-map-view{ padding: 20px 0 30px 0;} .contact-us-map-view .map{ margin: 0 auto; zoom: 0.7; -moz-transform:scale(0.7); -moz-transform-origin:top left; /* Firefox */ -o-transform:scale(0.7); -o-transform-origin:top left; /* Opera */ } .contact-us-map-view .map .dot-block .title{ font-size: 12px;} .contact-us-map-view .address-inner{ height: 315px; padding: 0 15px; margin-top: 20px;} .contact-us-map-view .address-list{ width: 95%;} .contact-us-map-view .address-list li{ padding: 15px 5px;} .contact-us-map-view .address-list li .city{ width: 20%; font-size: 16px;} .contact-us-map-view .address-list li .cont{ width: 80%; font-size: 14px;} .contact-us-container .home-demand-form{ padding: 0 0 30px 0;} /* 合作案例 */ .cooperation-cases-container{ padding: 25px 15px;} .cooperation-cases-list.customer .list-inner{ margin-top: 0;} .cooperation-cases-content{ padding-top: 0;} .cooperation-cases-content .top-title-box .title{ font-size: 20px;} /* 法律声明 */ .legal-statement-list{ padding: 25px 0 40px 0;} .legal-statement-list .inner-box .top-box{ font-size: 16px; padding: 12px 15px;} .legal-statement-list .inner-box .top-box .icon{ width: 16px; height: 16px; margin-top: -8px; right: 15px;} .legal-statement-list .inner-box .cont-inner{ font-size: 14px; padding: 10px 15px 20px 15px;} .legal-statement-list .inner-box .cont-inner .cont{ width: 100%;} .legal-statement-list .inner-box .cont-inner .cont .title{ padding-top: 10px;} .legal-statement-list .inner-box .cont-inner .cont p{ padding-top: 10px;} .legal-statement-list .inner-box.current .top-box .icon{ background-position: -16px 0;} /* 搜索结果 */ .search-container{ padding: 25px 15px 30px 15px;} .search-number{ font-size: 16px;} .search-list-inner{ margin-top: 15px;} .search-list-inner li{ padding: 15px 0;} .search-list-inner li a{ width: 100%;} .search-list-inner li .top-title{ font-size: 16px;} .search-list-inner li .cont{ font-size: 14px;} .search-list-inner .more{ margin-top: 25px;} .search-list-inner .more a{ font-size: 14px; background-size: 10px auto; padding-right: 23px;} /* 404 */ .container-404{ padding: 100px 15px;} .container-404 .cont{ font-size: 14px; margin-top: 35px;} .container-404 .cont .title{ font-size: 24px;} .container-404 .cont p a{ font-size: 20px;} .container-404 .btn-more-box{ margin-top: 50px;} .container-404 .btn-more-box a{ width: 184px; height: 40px; line-height: 38px; font-size: 16px;} .container-404 .btn-more-box a .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} /* 提示弹框 */ .error-layer .layer-inner .layer-close{ width: 30px; height: 30px; top: -40px;} .error-layer .layer-container .cont{font-size: 16px; margin-top: 30px;} } @media (min-width: 992px) and (max-width: 1199px){ /* 缩小70% */ /* 共用样式 */ .edit-container{ width: 970px;} /*浏览器升级提示*/ .browser-tips{ font-size: 14px;} .pagination{ bottom: 22px;} .swiper-pagination-switch{ width: 18px; height: 1px; margin: 0 6px;} .swiper-active-switch{ width: 28px; height: 4px;} .bodymain{ padding-top: 78px;} /* 头部 header */ .header{ height: 78px;} .header .logo{ margin: 26px 0 0 20px;} .header .logo img{ height: 26px;} /* 底部 footer */ .footer{ padding: 40px 20px;} .footer-left .logo img{ height: 28px;} .footer-links .links{ font-size: 14px;} .footer-links .links a{ margin-right: 32px;} .footer .copyright{ margin-top: 25px; font-size: 13px;} .footer-right{ font-size: 13px;} /* 首页 */ .home-banner .txt-box .title{ font-size: 36px;} .home-banner .txt-box .cont{ font-size: 16px; margin-top: 20px;} .base-title-box .title{ font-size: 36px; line-height: 36px;} .base-title-box .cont{ font-size: 24px; margin-top: 15px;} .home-media{ padding: 42px 0 80px 0;} .home-media-inner .block-box{ font-size: 16px; margin: 50px 0 10px 0;} .home-media-inner .block-box .pic img{ width: 118px;} .home-media-inner .block-box .title{ margin-top: 18px;} .home-slogan-inner{ padding: 100px 0;} .home-slogan-inner .btn-box{ margin-top: 72px;} .home-slogan-inner .btn-box a{ width: 280px; height: 64px; line-height: 60px; padding: 4px 4px 0 0; font-size: 18px;} .home-solution{ padding: 60px 0 85px 0;} .home-solution-focus{ margin-top: 50px;} .home-solution-focus .block-box{ width: 260px; margin: 12px auto 20px auto; padding: 0 30px 15px 0; -moz-box-shadow: 3px 4px 15px #596264; -webkit-box-shadow: 3px 4px 15px #596264; box-shadow: 3px 4px 15px #596264;} .home-solution-focus .swiper-slide-active .block-box{ -moz-box-shadow: 15px 15px 0 #596264; -webkit-box-shadow: 15px 15px 0 #596264; box-shadow: 15px 15px 0 #596264;} .home-solution-focus .block-box .title{ font-size: 16px; margin-top: 32px;} .home-solution-focus .swiper-button-box{ width: 500px; top: 158px; margin-left: -250px;} .home-technology{ padding: 85px 0 30px 0;} .home-technology-inner{ margin-top: 80px;} .home-technology-inner .block-box{ height: 292px;/* -moz-box-shadow: 0 0 30px #929292; -webkit-box-shadow: 0 0 30px #929292; box-shadow: 0 0 30px #929292; */} .home-technology-inner .block-box a{ padding: 67px 0 65px 0;} .home-technology-inner .block-box .pic img{ height: 78px;} .home-technology-inner .block-box .btn-box{ width: 150px; height: 45px; line-height: 43px; font-size: 16px; margin-top: 37px;} .home-technology-inner .block-box .btn-box .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} .home-cooperative-partner{ padding: 30px 0 20px 0;} .home-cooperative-partner-inner{ margin-top: 40px;} .home-cooperative-partner-inner li .pic{ height: 200px;} .home-cooperative-partner-inner li .pic img{ width: 174px;} .home-cooperative-partner-inner .bot-pagination-box{ margin-top: 25px;} .home-cooperative-partner-inner .btn-more-box{ margin-top: 20px;} .home-cooperative-partner-inner .btn-more-box a{ width: 150px; height: 45px; line-height: 43px; font-size: 16px;} .home-cooperative-partner-inner .btn-more-box a .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} .home-about-city{ padding: 62px 0 100px 0;} .home-about-city-focus{ margin-top: 32px;} .home-about-city-focus .focus-inner{ width: 824px;} .home-about-city-focus .focus-inner .block-box .cont{ bottom: 20px; padding: 0 20px; font-size: 13px;} .home-about-city-focus .focus-inner .block-box .cont .title{ font-size: 20px; margin-bottom: 12px;} .home-about-city-focus .swiper-button-prev{ left: -50px;} .home-about-city-focus .swiper-button-next{ right: -50px;} .home-about-city-focus .btn-more-box{ margin-top: 22px;} .home-about-city-focus .btn-more-box a{ width: 150px; height: 45px; line-height: 43px; font-size: 16px;} .home-about-city-focus .btn-more-box a .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} .home-demand-form{ padding-bottom: 72px; margin-top: -78px;} .home-demand-form .form-inner{ padding: 65px 132px 40px 132px; -moz-box-shadow:0 0 65px #eee; -webkit-box-shadow:0 0 65px #eee; box-shadow:0 0 65px #eee;} .home-demand-form .form-inner .top-title{ font-size: 20px; padding-bottom: 20px; border-bottom-width: 2px;} .form-view{ margin-top: 35px;} .form-view .block-box{ font-size: 16px; line-height: 46px; margin-top: 15px;} .form-view .block-box .type{ width: 95px;} .form-view .block-box .cont-right .input-box .input-text{ font-size: 16px; line-height: 16px; padding: 10px 12px;} .form-view .block-box .cont-right textarea{ font-size: 18px; padding: 10px 12px;} .form-view .bottom-btn-box{ margin-top: 35px;} .form-view .bottom-btn-box a{ width: 235px; height: 48px; line-height: 48px; font-size: 20px;} .form-view .block-box.yzm-box .cont-right img{ height: 46px;} /* 公司简介 */ .inside-page-container{ padding-top: 35px;} .inside-page-top-title{ font-size: 36px; line-height: 36px;} .inside-page-top-txt{ width: 672px; font-size: 16px; padding-top: 20px;} .solution-top-txt{ font-size: 14px;} .base-sub-nav{ margin-top: 28px;} .base-sub-nav li{ font-size: 20px; line-height: 60px;} .base-sub-nav li a .bot_line{ width: 48px; height: 5px; bottom: -3px; margin-left: -24px;} .base-sub-nav-child{ font-size: 16px; line-height: 50px;} .base-sub-nav-child a{ margin: 0 20px;} .since-view{ margin-top: 30px; padding: 100px 0 105px 0;} .since-view .pic-box .block-box img{ width: 100%;} .since-view .txt-box{ font-size: 13px; padding-right: 75px;} .since-view .txt-box .top-title{ font-size: 28px;} .since-view .txt-box .cont{ line-height: 22px; margin-top: 20px;} .since-view .txt-box .more{ margin-top: 35px;} .esoon-view{ padding: 45px 0 40px 0;} .esoon-view .txt-box{ padding-right: 70px;} .esoon-view .txt-box .top-title{ font-size: 32px; line-height: 32px;} .esoon-view .txt-box .cont-inner{ padding-top: 10px;} .esoon-view .txt-box .cont-inner .block{ margin-top: 15px;} .esoon-view .txt-box .cont-inner .block .title{ font-size: 16px; line-height: 16px; border-left-width: 4px;} .esoon-view .txt-box .cont-inner .block .cont{ font-size: 14px; line-height: 22px; margin-top: 10px;} .esoon-view .map{ margin-top: 100px; margin-left: -220px; zoom: 0.6; -moz-transform:scale(0.6); -moz-transform-origin:top left; /* Firefox */ -o-transform:scale(0.6); -o-transform-origin:top left; /* Opera */ } /* 文化理念 */ .core-value-view{ padding: 55px 0 70px 0;} .core-value-view .top-title{ font-size: 28px;} .core-value-view .cont{ font-size: 22px; margin-top: 15px;} .idea-view{ padding: 30px 0 50px 0;} .idea-list .top-title{ font-size: 28px;} .idea-list .cont-inner .block{ margin-top: 15px;} .idea-list .cont-inner .block .title{ font-size: 22px; line-height: 22px; border-left-width: 4px;} .idea-list .cont-inner .block .cont{ font-size: 14px; line-height: 22px; margin-top: 10px;} .idea-label-box{ margin-top: 50px; padding: 35px 75px;} .idea-label-box .block-box{ padding: 0 45px;} .idea-label-box .block-box .icon img{ height: 77px;} .idea-label-box .block-box .title{ font-size: 22px; margin-top: 20px;} .idea-label-box .block-box p{ font-size: 14px; margin-top: 10px;} .idea-txt{ font-size: 14px; margin-top: 30px;} /* 荣誉资质 */ .honor-focus{ padding: 25px 0;} .honor-focus-inner{ padding: 0 135px;} .honor-focus-inner .swiper-button-prev, .honor-focus-inner .swiper-button-next{ width: 18px; height: 36px; margin-top: -18px;} .honor-list{ padding: 35px 0 65px 0;} .honor-list-inner{ margin-left: 116px;} .honor-list-inner .inner-block .year{ font-size: 28px; line-height: 28px; left: -116px;} .honor-list-inner .inner-block .cont-inner{ font-size: 14px; padding-bottom: 20px; margin: 0 0 20px 32px;} .honor-list-inner .more{ margin-left: 32px;} .honor-list-inner .more a{ font-size: 14px; background-size: 10px auto; padding-right: 23px;} /* 合作伙伴 */ .partner-view{ padding: 40px 0 55px 0;} .partner-view .top-title{ font-size: 22px; line-height: 22px;} .partner-view .txt{ font-size: 14px; margin-top: 20px;} .partnership-plan .cont-inner{ margin-top: 25px;} .partnership-plan .cont-inner .block-box{ padding: 15px 25px 25px 25px; height: 355px;} .partnership-plan .cont-inner .block-box .logo{ padding-bottom: 20px;} .partnership-plan .cont-inner .block-box .logo img{ height: 52px;} .partnership-plan .cont-inner .block-box .cont{ font-size: 14px;} .partner-logo-box{ margin-top: 50px;} .partner-logo-box ul{ margin: 0 -23px;} .partner-logo-box li{ padding: 5px 23px;} .partner-logo-box li .pic{ height: 57px;} .partner-logo-box li .pic img{ height: 57px;} .customer .list-inner{ margin-top: 15px;} .customer .list-inner li{ margin-top: 15px;} .customer .list-inner li .block-box{ height: 160px;} .customer .list-inner li .cont-inner .more-btn{ width: 130px; height: 38px; line-height: 36px; margin: -14px 0 0 -65px; font-size: 16px;} .customer .list-inner li .cont-inner .more-btn span .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} .customer .list-inner .more{ margin-top: 25px;} .customer .list-inner .more a{ font-size: 14px; background-size: 10px auto; padding-right: 23px;} /* 新闻动态 */ .news-list{ padding-bottom: 35px;} .news-list ul{ margin: 0 -10px;} .news-list li{ padding: 0 10px; margin: 30px 0 15px 0;} .news-list .block-box{ padding-bottom: 20px;} .news-list .block-box .cont .title{ font-size: 16px;} .news-list .block-box .cont .title span{ font-size: 13px; top: -1px;} .news-list .more{ margin-top: 15px;} .news-list .more a{ font-size: 14px; background-size: 10px auto; padding-right: 23px;} .news-content{ padding: 40px 0 50px 0;} .news-content .top-title-box{ width: 700px;} .news-content .top-title-box .title{ font-size: 22px;} .news-content .top-title-box .time{ font-size: 14px;} .news-content .content-inner{ width: 700px; font-size: 14px;} .content-pic-focus{ margin: 25px -16% 0 -16%;} .content-pic-focus .block-box .title{ padding: 0 15px; bottom: 10px;} .content-pic-focus .swiper-button-prev, .content-pic-focus .swiper-button-next{ width: 18px; height: 36px; margin-top: -33px;} .content-pic-focus .mask-left, .content-pic-focus .mask-right{ width: 288px;} .recommended-reading{ padding: 35px 0 40px 0;} .recommended-reading .top-title{ font-size: 22px; line-height: 22px;} .recommended-reading .list-inner{ margin-top: 20px;} .recommended-reading .list-inner .block-box .pic .tag{ font-size: 12px; height: 24px; line-height: 24px;} .recommended-reading .list-inner .block-box .cont{ margin-top: 12x;} .recommended-reading .list-inner .block-box .cont .title{ font-size: 16px; height: 44px;} .recommended-reading .list-inner .block-box .cont .time{ font-size: 14px; margin-top: 15px;} /* 产品 */ .product-list{ padding: 25px 0 80px 0;} .product-list .block-box{ margin-top: 30px;} .product-list .block-box .cont-inner{ padding: 0 20px;} .product-list .block-box .cont-inner .top-title .title{ font-size: 22px; line-height: 22px;} .product-list .block-box .cont-inner .visible-block{ padding-top: 20px;} .product-list .block-box .cont-inner .visible-block .top-title{ padding-bottom: 10px;} .product-list .block-box .cont-inner .visible-block .top-title p{ font-size: 16px;} .product-list .block-box .cont-inner .visible-block .cont{ font-size: 13px; margin-top: 15px; height: 152px; -webkit-line-clamp: 8;} .product-list .block-box .cont-inner .hidden-block{ padding-top: 85px;} .product-list .block-box .cont-inner .hidden-block .top-title p{ font-size: 16px;} .product-list .block-box .cont-inner .hidden-block .more-btn{ margin-top: 30px;} .product-list .block-box .cont-inner .hidden-block .more-btn span{ display: block; width: 142px; height: 38px; line-height: 36px; border: 1px solid #fff; font-size: 14px; color: #fff; margin: 0 auto; position: relative;} .product-list .block-box .cont-inner .hidden-block .more-btn span .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} .product-content-container{ padding-top: 40px;} .product-view .top-title .title{ font-size: 28px; line-height: 28px;} .product-view .top-title .txt{ font-size: 14px; width: 512px; margin-top: 20px;} .product-pain-spot{ padding: 30px 0 20px 0;} .product-pain-spot .list-inner li{ padding: 0 70px 0 80px; margin: 45px 0 25px 0;} .product-pain-spot .list-inner li .icon{ width: 70px;} .product-pain-spot .list-inner li .cont{ width: 245px; height: 70px; line-height: 70px; font-size: 16px;} .product-label{ padding: 30px 0 35px 0;} .product-label .list-inner{ margin-top: 30px;} .product-label .list-inner ul{ margin: 0 -25px;} .product-label .list-inner li{} .product-label .list-inner li .icon img{ width: 90px;} .product-label .list-inner li .title{ font-size: 15px; margin-top: 15px;} .product-label .list-inner li p{ font-size: 14px;} .product-advantage{ padding: 50px 0 70px 0;} .product-advantage .list-inner{ margin-top: 40px;} .product-advantage .list-inner .swiper-slide .cont-inner{ bottom: 30px; padding: 0 15px;} .product-advantage .list-inner .swiper-slide .cont-inner .title{ font-size: 22px; line-height: 22px; padding-bottom: 15px;} .product-advantage .list-inner .swiper-slide .cont-inner p{ font-size: 14px; margin-top: 15px; height: 42px; min-height: 42px;} .product-advantage .list-inner .swiper-slide .pic{ height: 284px;} .product-partner{ padding: 60px 0 40px 0;} .product-partner .list-inner{ margin-top: 20px;} .product-partner .list-inner li{ margin-top: 15px;} .product-partner .list-inner .btn-more-box{ margin-top: 40px;} .product-partner .list-inner .btn-more-box a{ width: 150px; height: 45px; line-height: 43px; font-size: 16px;} .product-partner .list-inner .btn-more-box a .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} .online-message{ padding: 45px 0;} .online-message .top-title{ font-size: 22px; line-height: 22px;} .online-message .phone{ font-size: 36px;} .online-message .btn-more-box{ margin-top: 25px;} .online-message .btn-more-box a{ width: 150px; height: 45px; line-height: 43px; font-size: 16px;} .online-message .btn-more-box a .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} .return-container{ font-size: 14px;} /* 解决方案 */ .solution-list{ padding: 40px 0 75px 0;} .solution-list .block-box .cont-inner .title{ font-size: 22px; line-height: 22px;} .solution-list .block-box .cont-inner .visible-block .cont{ font-size: 14px; height: 126px; -webkit-line-clamp: 6;} .solution-list .block-box .cont-inner .hidden-block .more-btn span{ width: 150px; height: 45px; line-height: 43px; font-size: 16px;} .solution-list .block-box .cont-inner .hidden-block .more-btn span .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} .solution-list .block-big .view-block .cont-inner{ padding: 0 60px;} .solution-list .block-big .view-block .cont-inner .visible-block{ padding-top: 60px;} .solution-list .block-big .view-block .cont-inner .visible-block .cont{ margin-top: 25px;} .solution-list .block-big .view-block .cont-inner .hidden-block{ padding-top: 85px;} .solution-list .block-big .view-block .cont-inner .hidden-block .more-btn{ margin-top: 45px;} .solution-list .block-small{ margin: 35px 0;} .solution-list .block-small .view-block .cont-inner{ padding: 20px 15px 0 15px; height: 200px;} .solution-list .block-small .view-block .cont-inner .hidden-block{ padding-top: 25px;} .solution-list .block-small .view-block .cont-inner .hidden-block .more-btn{ margin-top: 35px;} /* 服务支持 */ .service-support-container{ padding: 20px 0 65px 0;} .professional-services-inner .top-txt{ width: 550px; font-size: 16px;} .professional-services-inner .list-inner{ margin-top: 20px;} .professional-services-inner .list-inner li{ padding: 30px 0 40px 0;} .professional-services-inner .list-inner li .pic{ padding: 20px 0;} .professional-services-inner .list-inner li .pic img{ width: 82px;} .professional-services-inner .list-inner li .cont-inner{ padding-right: 140px;} .professional-services-inner .list-inner li .cont-inner .title{ font-size: 22px;} .professional-services-inner .list-inner li .cont-inner .cont{ font-size: 14px;} .learning-development-list li{ padding: 20px 30px 25px 30px;} .learning-development-list li .time{ font-size: 16px;} .learning-development-list li .time span{ font-size: 32px; line-height: 32px;} .learning-development-list li .cont-inner{ padding-right: 120px;} .learning-development-list li .cont-inner .title{ font-size: 16px;} .learning-development-list li .cont-inner .cont{ font-size: 14px;} .learning-development-list li .icon-arrow{ width: 15px; height: 30px; margin-top: -15px; right: 35px;} .learning-development-list .more{ margin-top: 35px;} .learning-development-list .more a{ font-size: 14px; background-size: 10px auto; padding-right: 23px;} .knowledge-center-container{ margin-top: 15px;} .retrieval-inner .block-box{ font-size: 16px;} .retrieval-inner .block-box .base-select-box, .retrieval-inner .block-box .input-box{ margin: 0 5px;} .retrieval-inner .block-box .base-select-box{ width: 142px;} .retrieval-inner .block-box .base-select-box .select{ padding: 9px 10px;} .retrieval-inner .block-box .base-select-box .glyphicon{ font-size: 16px; margin-top: -8px;} .retrieval-inner .block-box .input-box{ width: 328px;} .retrieval-inner .block-box .input-box .input-text{ padding: 9px 10px;} .retrieval-inner .block-box .input-box .input-search{ padding-right: 44px;} .retrieval-inner .block-box .input-box .search-btn{ width: 44px; height: 44px; background-size: 36px 36px;} .knowledge-center-list li{ margin-top: 40px;} .knowledge-center-list li .cont-inner{ padding-top: 0;} .knowledge-center-list li .cont-inner .top-title .title{ font-size: 16px;} .knowledge-center-list li .cont-inner .top-title .time{ font-size: 13px;} .knowledge-center-list li .cont-inner .cont{ font-size: 14px; height: 105px; margin-top: 5px;} .knowledge-center-list li .cont-inner .icon{ width: 30px; height: 30px; margin-top: 15px;} .knowledge-center-list .more{ margin-top: 35px;} .knowledge-center-list .more a{ font-size: 14px; background-size: 10px auto; padding-right: 23px;} /* 视频弹框 */ .video-layer .layer-inner{ width: 750px; height: 422px; margin: -211px 0 0 -375px;} .video-layer .layer-inner .layer-close{ width: 30px; height: 30px; top: -40px;} /* 联系我们 */ .business-cooperation-txt-view{ padding: 40px 0 45px 0;} .business-cooperation-txt-view .top-title{ font-size: 22px;} .business-cooperation-txt-view .cont{ font-size: 14px;} .business-cooperation-txt-view .cont p{ padding-top: 20px;} .business-cooperation-form{ padding: 25px 0 60px 0;} .business-cooperation-form .inner-box .title-th{ line-height: 55px; font-size: 16px;} .business-cooperation-form .inner-box .cont-li{ padding: 30px 60px;} .business-cooperation-form .inner-box .cont-li .cont-inner .block-box{ font-size: 14px; margin-top: 20px;} .business-cooperation-form .yzm-box{ margin-top: 45px;} .business-cooperation-form .bottom-btn{ margin-top: 25px;} .business-cooperation-form .bottom-btn .input-btn{ height: 55px; line-height: 55px; font-size: 20px;} .job-container{ padding: 35px 0;} .job-container .txt-inner{ font-size: 14px;} .job-container .txt-inner .title-h1{ font-size: 22px;} .job-container .txt-inner p{ padding-top: 8px;} .job-container .txt-inner .email-txt{ font-size: 16px; margin-top: 20px;} .job-list .tbaed li, .job-list-inner .top-box li{ height: 56px; line-height: 56px; font-size: 16px;} .job-list-inner .top-box li .icon{ width: 18px; height: 18px; margin: -9px 0 0 -9px;} .job-list-inner .inner-box.current .top-box li .icon{ background-position: -18px 0;} .job-list-inner .cont-inner{ padding: 15px 30px 50px 30px; font-size: 14px;} .job-list-inner .cont-inner .title{ padding-top: 25px;} .job-list .more{ margin-top: 50px;} .job-list .more a{ font-size: 14px; background-size: 10px auto; padding-right: 23px;} .contact-us-container .txt-inner{ font-size: 14px; padding: 50px 0 35px 0;} .contact-us-container .txt-inner .title-h1{ font-size: 22px;} .contact-us-container .phone-txt{ font-size: 16px;} .contact-us-container .phone-txt a{ font-size: 26px;} .contact-us-map-view{ max-height: 425px; overflow: hidden;} .contact-us-map-view .map{ zoom: 0.66; -moz-transform:scale(0.7); -moz-transform-origin:top left; /* Firefox */ -o-transform:scale(0.7); -o-transform-origin:top left; /* Opera */ } .contact-us-map-view .address-inner{ height: 315px; padding-left: 10px; margin-top: 55px;} .contact-us-map-view .address-list li{ padding: 20px 5px;} .contact-us-map-view .address-list li .city{ width: 70px; font-size: 16px;} .contact-us-map-view .address-list li .cont{ width: 330px; font-size: 14px;} .contact-us-container .home-demand-form{ padding: 35px 0;} /* 合作案例 */ .cooperation-cases-container{ padding: 25px 0 35px 0;} .cooperation-cases-content{ padding-top: 0;} .cooperation-cases-content .top-title-box .title{ font-size: 36px;} /* 法律声明 */ .legal-statement-list{ padding: 35px 0 70px 0;} .legal-statement-list .inner-box .top-box{ font-size: 16px; padding: 15px 8px;} .legal-statement-list .inner-box .top-box .icon{ width: 18px; height: 18px; margin-top: -9px;} .legal-statement-list .inner-box .cont-inner{ font-size: 14px; padding: 20px 25px 35px 25px;} .legal-statement-list .inner-box .cont-inner .cont .title{ padding-top: 15px;} .legal-statement-list .inner-box .cont-inner .cont p{ padding-top: 15px;} .legal-statement-list .inner-box.current .top-box .icon{ background-position: -18px 0;} /* 搜索结果 */ .search-container{ padding: 25px 0 40px 0;} .search-number{ font-size: 16px;} .search-list-inner{ margin-top: 15px;} .search-list-inner li{ padding: 20px 0;} .search-list-inner li .top-title{ font-size: 16px;} .search-list-inner li .cont{ font-size: 14px;} .search-list-inner .more{ margin-top: 25px;} .search-list-inner .more a{ font-size: 14px; background-size: 10px auto; padding-right: 23px;} /* 404 */ .container-404 .cont{ font-size: 14px; margin-top: 35px;} .container-404 .cont .title{ font-size: 28px;} .container-404 .cont p a{ font-size: 20px;} .container-404 .btn-more-box{ margin-top: 50px;} .container-404 .btn-more-box a{ width: 184px; height: 40px; line-height: 38px; font-size: 16px;} .container-404 .btn-more-box a .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} /* 提示弹框 */ .error-layer .layer-inner .layer-close{ width: 30px; height: 30px; top: -40px;} .error-layer .layer-container .cont{font-size: 16px; margin-top: 30px;} } @media (min-width: 1200px) and (max-width: 1439px){ /* 缩小70% */ /* 共用样式 */ .edit-container{ width: 1000px;} /*浏览器升级提示*/ .browser-tips{ font-size: 14px;} .pagination{ bottom: 22px;} .swiper-pagination-switch{ width: 18px; height: 1px; margin: 0 6px;} .swiper-active-switch{ width: 28px; height: 4px;} .bodymain{ padding-top: 78px;} /* 头部 header */ .header{ height: 78px;} .header .logo{ margin: 26px 0 0 60px;} .header .logo img{ height: 26px;} .header-inner{ margin-right: 20px;} .header-inner .nav li{ line-height: 78px; font-size: 16px; margin-left: 50px;} .header-inner .nav li a .bot_line{ height: 5px; bottom: -3px;} .header-inner .header-right{ margin-left: 20px;} .header-inner .header-right .icon-search, .header-inner .header-right .icon-service{ width: 32px; height: 78px; margin-left: 20px;} .header-inner .header-right .icon-search .icon, .header-inner .header-right .icon-service .icon{ width: 32px; height: 32px; margin-top: -16px;} .header-inner .header-right .icon-search .hidden-cont{ width: 300px; padding: 15px;} .header-inner .header-right .icon-search .hidden-cont .box{ height: 36px; border-radius: 36px;} .header-inner .header-right .icon-search .hidden-cont .box .input-text{ width: 229px; height: 36px; line-height: 36px; border-radius: 36px; font-size: 14px;} .header-inner .header-right .icon-search .hidden-cont .box .search-btn{ width: 36px; height: 36px; border-radius: 36px; background-size: 36px;} .header-inner .header-right .language{ font-size: 13px; line-height: 78px; margin-left: 20px;} .header-inner .header-right .language span{ margin: 0 10px;} .header .sub-menu-container{ padding: 16px 0;} .header .sub-menu-container li{ font-size: 13px; margin: 8px 0;} /* 底部 footer */ .footer{ padding: 45px 55px 35px 40px;} .footer-left .logo img{ height: 28px;} .footer-links .links{ font-size: 14px;} .footer-links .links a{ margin-right: 32px;} .footer .copyright{ margin-top: 25px; font-size: 13px;} .footer-right{ font-size: 13px;} /* 首页 */ .home-banner .txt-box .title{ font-size: 42px;} .home-banner .txt-box .cont{ font-size: 16px; margin-top: 20px;} .base-title-box .title{ font-size: 42px; line-height: 42px;} .base-title-box .cont{ font-size: 28px; margin-top: 15px;} .home-media{ padding: 42px 0 80px 0;} .home-media-inner .block-box{ font-size: 16px; margin: 50px 0 10px 0;} .home-media-inner .block-box .pic img{ width: 138px;} .home-media-inner .block-box .title{ margin-top: 18px;} .home-slogan-inner .box{ padding: 100px 0;} .home-slogan-inner .btn-box{ margin-top: 72px;} .home-slogan-inner .btn-box a{ width: 328px; height: 75px; line-height: 70px; padding: 5px 5px 0 0; font-size: 20px;} .home-solution{ padding: 60px 0 85px 0;} .home-solution-focus{ margin-top: 50px;} .home-solution-focus .block-box{ width: 260px; margin: 12px auto 20px auto; padding: 0 30px 15px 0; -moz-box-shadow: 3px 4px 15px #596264; -webkit-box-shadow: 3px 4px 15px #596264; box-shadow: 3px 4px 15px #596264;} .home-solution-focus .swiper-slide-active .block-box{ -moz-box-shadow: 15px 15px 0 #596264; -webkit-box-shadow: 15px 15px 0 #596264; box-shadow: 15px 15px 0 #596264;} .home-solution-focus .block-box .title{ font-size: 16px; margin-top: 32px;} .home-solution-focus .swiper-button-box{ width: 550px; top: 158px; margin-left: -275px;} .home-technology{ padding: 85px 0 30px 0;} .home-technology-inner{ margin-top: 80px;} .home-technology-inner .block-box{ height: 315px;/* -moz-box-shadow: 0 0 30px #929292; -webkit-box-shadow: 0 0 30px #929292; box-shadow: 0 0 30px #929292; */} .home-technology-inner .block-box a{ padding: 72px 0 70px 0;} .home-technology-inner .block-box .pic img{ height: 90px;} .home-technology-inner .block-box .btn-box{ width: 150px; height: 45px; line-height: 43px; font-size: 16px; margin-top: 37px;} .home-technology-inner .block-box .btn-box .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} .home-cooperative-partner{ padding: 30px 0 20px 0;} .home-cooperative-partner-inner{ margin-top: 40px;} .home-cooperative-partner-inner li .pic{ height: 200px;} .home-cooperative-partner-inner li .pic img{ width: 196px;} .home-cooperative-partner-inner .bot-pagination-box{ margin-top: 25px;} .home-cooperative-partner-inner .btn-more-box{ margin-top: 20px;} .home-cooperative-partner-inner .btn-more-box a{ width: 150px; height: 45px; line-height: 43px; font-size: 16px;} .home-cooperative-partner-inner .btn-more-box a .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} .home-about-city{ padding: 62px 0 100px 0;} .home-about-city-focus{ margin-top: 32px;} .home-about-city-focus .focus-inner{ width: 824px;} .home-about-city-focus .focus-inner .block-box .cont{ bottom: 20px; padding: 0 20px; font-size: 13px;} .home-about-city-focus .focus-inner .block-box .cont .title{ font-size: 20px; margin-bottom: 12px;} .home-about-city-focus .swiper-button-prev{ left: -70px;} .home-about-city-focus .swiper-button-next{ right: -70px;} .home-about-city-focus .btn-more-box{ margin-top: 22px;} .home-about-city-focus .btn-more-box a{ width: 150px; height: 45px; line-height: 43px; font-size: 16px;} .home-about-city-focus .btn-more-box a .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} .home-demand-form{ padding-bottom: 72px; margin-top: -78px;} .home-demand-form .form-inner{ padding: 65px 154px 40px 154px; -moz-box-shadow:0 0 65px #eee; -webkit-box-shadow:0 0 65px #eee; box-shadow:0 0 65px #eee;} .home-demand-form .form-inner .top-title{ font-size: 20px; padding-bottom: 20px; border-bottom-width: 2px;} .form-view{ margin-top: 35px;} .form-view .block-box{ font-size: 16px; line-height: 46px; margin-top: 15px;} .form-view .block-box .type{ width: 95px;} .form-view .block-box .cont-right .input-box .input-text{ font-size: 16px; line-height: 16px; padding: 10px 12px;} .form-view .block-box .cont-right textarea{ font-size: 18px; padding: 10px 12px;} .form-view .bottom-btn-box{ margin-top: 35px;} .form-view .bottom-btn-box a{ width: 235px; height: 48px; line-height: 48px; font-size: 20px;} .form-view .block-box.yzm-box .cont-right img{ height: 46px;} /* 公司简介 */ .inside-page-container{ padding-top: 35px;} .inside-page-top-title{ font-size: 42px; line-height: 42px;} .inside-page-top-txt{ width: 672px; font-size: 16px; padding-top: 20px;} .solution-top-txt{ font-size: 14px;} .base-sub-nav{ margin-top: 28px;} .base-sub-nav li{ font-size: 20px; line-height: 60px;} .base-sub-nav li a .bot_line{ width: 48px; height: 5px; bottom: -3px; margin-left: -24px;} .base-sub-nav-child{ font-size: 16px; line-height: 50px;} .base-sub-nav-child a{ margin: 0 20px;} .since-view{ margin-top: 30px; padding: 100px 0 105px 0;} .since-view .pic-box .block-box img{ width: 100%;} .since-view .txt-box{ font-size: 13px; padding-right: 75px;} .since-view .txt-box .top-title{ font-size: 28px;} .since-view .txt-box .cont{ line-height: 22px; margin-top: 20px;} .since-view .txt-box .more{ margin-top: 35px;} .esoon-view{ padding: 45px 0 40px 0;} .esoon-view .txt-box{ padding-right: 70px;} .esoon-view .txt-box .top-title{ font-size: 32px; line-height: 32px;} .esoon-view .txt-box .cont-inner{ padding-top: 10px;} .esoon-view .txt-box .cont-inner .block{ margin-top: 15px;} .esoon-view .txt-box .cont-inner .block .title{ font-size: 16px; line-height: 16px; border-left-width: 4px;} .esoon-view .txt-box .cont-inner .block .cont{ font-size: 14px; line-height: 22px; margin-top: 10px;} .esoon-view .map{ margin-top: 100px; margin-left: -120px; zoom: 0.7; -moz-transform:scale(0.65); -moz-transform-origin:top left; /* Firefox */ -o-transform:scale(0.65); -o-transform-origin:top left; /* Opera */ } /* 文化理念 */ .core-value-view{ padding: 55px 0 70px 0;} .core-value-view .top-title{ font-size: 28px;} .core-value-view .cont{ font-size: 22px; margin-top: 15px;} .idea-view{ padding: 30px 0 50px 0;} .idea-list .top-title{ font-size: 28px;} .idea-list .cont-inner .block{ margin-top: 15px;} .idea-list .cont-inner .block .title{ font-size: 22px; line-height: 22px; border-left-width: 4px;} .idea-list .cont-inner .block .cont{ font-size: 14px; line-height: 22px; margin-top: 10px;} .idea-label-box{ margin-top: 50px; padding: 35px 75px;} .idea-label-box .block-box{ padding: 0 45px;} .idea-label-box .block-box .icon img{ height: 77px;} .idea-label-box .block-box .title{ font-size: 22px; margin-top: 20px;} .idea-label-box .block-box p{ font-size: 14px; margin-top: 10px;} .idea-txt{ font-size: 14px; margin-top: 30px;} /* 荣誉资质 */ .honor-focus{ padding: 25px 0;} .honor-focus-inner{ padding: 0 135px;} .honor-focus-inner .swiper-button-prev, .honor-focus-inner .swiper-button-next{ width: 18px; height: 36px; margin-top: -18px;} .honor-list{ padding: 35px 0 65px 0;} .honor-list-inner{ margin-left: 116px;} .honor-list-inner .inner-block .year{ font-size: 28px; line-height: 28px; left: -116px;} .honor-list-inner .inner-block .cont-inner{ font-size: 14px; padding-bottom: 20px; margin: 0 0 20px 32px;} .honor-list-inner .more{ margin-left: 32px;} .honor-list-inner .more a{ font-size: 14px; background-size: 10px auto; padding-right: 23px;} /* 合作伙伴 */ .partner-view{ padding: 40px 0 55px 0;} .partner-view .top-title{ font-size: 22px; line-height: 22px;} .partner-view .txt{ font-size: 14px; margin-top: 20px;} .partnership-plan .cont-inner{ margin-top: 25px;} .partnership-plan .cont-inner .block-box{ padding: 15px 25px 25px 25px; height: 355px;} .partnership-plan .cont-inner .block-box .logo{ padding-bottom: 20px;} .partnership-plan .cont-inner .block-box .logo img{ height: 52px;} .partnership-plan .cont-inner .block-box .cont{ font-size: 14px;} .partner-logo-box{ margin-top: 50px;} .partner-logo-box ul{ margin: 0 -23px;} .partner-logo-box li{ padding: 5px 23px;} .partner-logo-box li .pic{ height: 59px;} .partner-logo-box li .pic img{ height: 59px;} .customer .list-inner{ margin-top: 15px;} .customer .list-inner li{ margin-top: 15px;} .customer .list-inner li .block-box{ height: 160px;} .customer .list-inner li .cont-inner .more-btn{ width: 130px; height: 38px; line-height: 36px; margin: -14px 0 0 -65px; font-size: 16px;} .customer .list-inner li .cont-inner .more-btn span .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} .customer .list-inner .more{ margin-top: 25px;} .customer .list-inner .more a{ font-size: 14px; background-size: 10px auto; padding-right: 23px;} /* 新闻动态 */ .news-list{ padding-bottom: 35px;} .news-list ul{ margin: 0 -10px;} .news-list li{ padding: 0 10px; margin: 30px 0 15px 0;} .news-list .block-box{ padding-bottom: 20px;} .news-list .block-box .cont .title{ font-size: 16px;} .news-list .block-box .cont .title span{ font-size: 13px; top: -1px;} .news-list .more{ margin-top: 15px;} .news-list .more a{ font-size: 14px; background-size: 10px auto; padding-right: 23px;} .news-content{ padding: 40px 0 50px 0;} .news-content .top-title-box{ width: 800px;} .news-content .top-title-box .title{ font-size: 22px;} .news-content .top-title-box .time{ font-size: 14px;} .news-content .content-inner{ width: 800px; font-size: 14px;} .content-pic-focus{ margin: 25px -16% 0 -16%;} .content-pic-focus .block-box .title{ padding: 0 15px; bottom: 10px;} .content-pic-focus .swiper-button-prev, .content-pic-focus .swiper-button-next{ width: 18px; height: 36px; margin-top: -33px;} .content-pic-focus .mask-left, .content-pic-focus .mask-right{ width: 332px;} .recommended-reading{ padding: 35px 0 40px 0;} .recommended-reading .top-title{ font-size: 22px; line-height: 22px;} .recommended-reading .list-inner{ margin-top: 20px;} .recommended-reading .list-inner .block-box .pic .tag{ font-size: 12px; height: 24px; line-height: 24px;} .recommended-reading .list-inner .block-box .cont{ margin-top: 12x;} .recommended-reading .list-inner .block-box .cont .title{ font-size: 16px; height: 44px;} .recommended-reading .list-inner .block-box .cont .time{ font-size: 14px; margin-top: 15px;} /* 产品 */ .product-list{ padding: 25px 0 80px 0;} .product-list .block-box{ margin-top: 30px;} .product-list .block-box .cont-inner{ padding: 0 20px;} .product-list .block-box .cont-inner .top-title .title{ font-size: 22px; line-height: 22px;} .product-list .block-box .cont-inner .visible-block{ padding-top: 20px;} .product-list .block-box .cont-inner .visible-block .top-title{ padding-bottom: 10px;} .product-list .block-box .cont-inner .visible-block .top-title p{ font-size: 16px;} .product-list .block-box .cont-inner .visible-block .cont{ font-size: 13px; margin-top: 15px; height: 152px; -webkit-line-clamp: 8;} .product-list .block-box .cont-inner .hidden-block{ padding-top: 85px;} .product-list .block-box .cont-inner .hidden-block .top-title p{ font-size: 16px;} .product-list .block-box .cont-inner .hidden-block .more-btn{ margin-top: 30px;} .product-list .block-box .cont-inner .hidden-block .more-btn span{ display: block; width: 142px; height: 38px; line-height: 36px; border: 1px solid #fff; font-size: 14px; color: #fff; margin: 0 auto; position: relative;} .product-list .block-box .cont-inner .hidden-block .more-btn span .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} .product-content-container{ padding-top: 40px;} .product-view .top-title .title{ font-size: 28px; line-height: 28px;} .product-view .top-title .txt{ font-size: 14px; width: 512px; margin-top: 20px;} .product-pain-spot{ padding: 30px 0 20px 0;} .product-pain-spot .list-inner li{ padding: 0 70px 0 80px; margin: 45px 0 25px 0;} .product-pain-spot .list-inner li .icon{ width: 70px;} .product-pain-spot .list-inner li .cont{ width: 260px; height: 70px; line-height: 70px; font-size: 16px;} .product-label{ padding: 30px 0 35px 0;} .product-label .list-inner{ margin-top: 30px;} .product-label .list-inner ul{ margin: 0 -25px;} .product-label .list-inner li{} .product-label .list-inner li .icon img{ width: 90px;} .product-label .list-inner li .title{ font-size: 15px; margin-top: 15px;} .product-label .list-inner li p{ font-size: 14px;} .product-advantage{ padding: 50px 0 70px 0;} .product-advantage .list-inner{ margin-top: 40px;} .product-advantage .list-inner .swiper-slide .cont-inner{ bottom: 30px; padding: 0 15px;} .product-advantage .list-inner .swiper-slide .cont-inner .title{ font-size: 22px; line-height: 22px; padding-bottom: 15px;} .product-advantage .list-inner .swiper-slide .cont-inner p{ font-size: 14px; margin-top: 15px; height: 42px; min-height: 42px;} .product-advantage .list-inner .swiper-slide .pic{ height: 293px;} .product-partner{ padding: 60px 0 40px 0;} .product-partner .list-inner{ margin-top: 20px;} .product-partner .list-inner li{ margin-top: 15px;} .product-partner .list-inner .btn-more-box{ margin-top: 40px;} .product-partner .list-inner .btn-more-box a{ width: 150px; height: 45px; line-height: 43px; font-size: 16px;} .product-partner .list-inner .btn-more-box a .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} .online-message{ padding: 45px 0;} .online-message .top-title{ font-size: 22px; line-height: 22px;} .online-message .phone{ font-size: 36px;} .online-message .btn-more-box{ margin-top: 25px;} .online-message .btn-more-box a{ width: 150px; height: 45px; line-height: 43px; font-size: 16px;} .online-message .btn-more-box a .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} .return-container{ font-size: 14px;} /* 解决方案 */ .solution-list{ padding: 40px 0 75px 0;} .solution-list .block-box .cont-inner .title{ font-size: 22px; line-height: 22px;} .solution-list .block-box .cont-inner .visible-block .cont{ font-size: 14px; height: 126px; -webkit-line-clamp: 6;} .solution-list .block-box .cont-inner .hidden-block .more-btn span{ width: 150px; height: 45px; line-height: 43px; font-size: 16px;} .solution-list .block-box .cont-inner .hidden-block .more-btn span .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} .solution-list .block-big .view-block .cont-inner{ padding: 0 60px;} .solution-list .block-big .view-block .cont-inner .visible-block{ padding-top: 60px;} .solution-list .block-big .view-block .cont-inner .visible-block .cont{ margin-top: 25px;} .solution-list .block-big .view-block .cont-inner .hidden-block{ padding-top: 85px;} .solution-list .block-big .view-block .cont-inner .hidden-block .more-btn{ margin-top: 45px;} .solution-list .block-small{ margin: 35px 0;} .solution-list .block-small .view-block .cont-inner{ padding: 20px 15px 0 15px; height: 200px;} .solution-list .block-small .view-block .cont-inner .hidden-block{ padding-top: 25px;} .solution-list .block-small .view-block .cont-inner .hidden-block .more-btn{ margin-top: 35px;} /* 服务支持 */ .service-support-container{ padding: 20px 0 65px 0;} .professional-services-inner .top-txt{ width: 550px; font-size: 16px;} .professional-services-inner .list-inner{ margin-top: 20px;} .professional-services-inner .list-inner li{ padding: 30px 0 40px 0;} .professional-services-inner .list-inner li .pic{ padding: 20px 0;} .professional-services-inner .list-inner li .pic img{ width: 82px;} .professional-services-inner .list-inner li .cont-inner{ padding-right: 160px;} .professional-services-inner .list-inner li .cont-inner .title{ font-size: 22px;} .professional-services-inner .list-inner li .cont-inner .cont{ font-size: 14px;} .learning-development-list li{ padding: 20px 30px 25px 30px;} .learning-development-list li .time{ font-size: 16px;} .learning-development-list li .time span{ font-size: 32px; line-height: 32px;} .learning-development-list li .cont-inner{ padding-right: 120px;} .learning-development-list li .cont-inner .title{ font-size: 16px;} .learning-development-list li .cont-inner .cont{ font-size: 14px;} .learning-development-list li .icon-arrow{ width: 15px; height: 30px; margin-top: -15px; right: 35px;} .learning-development-list .more{ margin-top: 35px;} .learning-development-list .more a{ font-size: 14px; background-size: 10px auto; padding-right: 23px;} .knowledge-center-container{ margin-top: 15px;} .retrieval-inner .block-box{ font-size: 16px;} .retrieval-inner .block-box .base-select-box, .retrieval-inner .block-box .input-box{ margin: 0 5px;} .retrieval-inner .block-box .base-select-box{ width: 142px;} .retrieval-inner .block-box .base-select-box .select{ padding: 9px 10px;} .retrieval-inner .block-box .base-select-box .glyphicon{ font-size: 16px; margin-top: -8px;} .retrieval-inner .block-box .input-box{ width: 328px;} .retrieval-inner .block-box .input-box .input-text{ padding: 9px 10px;} .retrieval-inner .block-box .input-box .input-search{ padding-right: 44px;} .retrieval-inner .block-box .input-box .search-btn{ width: 44px; height: 44px; background-size: 36px 36px;} .knowledge-center-list li{ margin-top: 40px;} .knowledge-center-list li .cont-inner{ padding-top: 0;} .knowledge-center-list li .cont-inner .top-title .title{ font-size: 16px;} .knowledge-center-list li .cont-inner .top-title .time{ font-size: 13px;} .knowledge-center-list li .cont-inner .cont{ font-size: 14px; height: 105px; margin-top: 5px;} .knowledge-center-list li .cont-inner .icon{ width: 30px; height: 30px; margin-top: 15px;} .knowledge-center-list .more{ margin-top: 35px;} .knowledge-center-list .more a{ font-size: 14px; background-size: 10px auto; padding-right: 23px;} /* 视频弹框 */ .video-layer .layer-inner{ width: 750px; height: 422px; margin: -211px 0 0 -375px;} .video-layer .layer-inner .layer-close{ width: 30px; height: 30px; top: -40px;} /* 联系我们 */ .business-cooperation-txt-view{ padding: 40px 0 45px 0;} .business-cooperation-txt-view .top-title{ font-size: 22px;} .business-cooperation-txt-view .cont{ font-size: 14px;} .business-cooperation-txt-view .cont p{ padding-top: 20px;} .business-cooperation-form{ padding: 25px 0 60px 0;} .business-cooperation-form .inner-box .title-th{ line-height: 55px; font-size: 16px;} .business-cooperation-form .inner-box .cont-li{ padding: 30px 60px;} .business-cooperation-form .inner-box .cont-li .cont-inner .block-box{ font-size: 14px; margin-top: 20px;} .business-cooperation-form .yzm-box{ margin-top: 45px;} .business-cooperation-form .bottom-btn{ margin-top: 25px;} .business-cooperation-form .bottom-btn .input-btn{ height: 55px; line-height: 55px; font-size: 20px;} .job-container{ padding: 35px 0;} .job-container .txt-inner{ font-size: 14px;} .job-container .txt-inner .title-h1{ font-size: 22px;} .job-container .txt-inner p{ padding-top: 8px;} .job-container .txt-inner .email-txt{ font-size: 16px; margin-top: 20px;} .job-list .tbaed li, .job-list-inner .top-box li{ height: 56px; line-height: 56px; font-size: 16px;} .job-list-inner .top-box li .icon{ width: 18px; height: 18px; margin: -9px 0 0 -9px;} .job-list-inner .inner-box.current .top-box li .icon{ background-position: -18px 0;} .job-list-inner .cont-inner{ padding: 15px 30px 50px 30px; font-size: 14px;} .job-list-inner .cont-inner .title{ padding-top: 25px;} .job-list .more{ margin-top: 50px;} .job-list .more a{ font-size: 14px; background-size: 10px auto; padding-right: 23px;} .contact-us-container .txt-inner{ font-size: 14px; padding: 50px 0 35px 0;} .contact-us-container .txt-inner .title-h1{ font-size: 22px;} .contact-us-container .phone-txt{ font-size: 16px;} .contact-us-container .phone-txt a{ font-size: 26px;} .contact-us-map-view{ max-height: 425px; overflow: hidden;} .contact-us-map-view .map{ margin-left: 0; zoom: 0.7; -moz-transform:scale(0.7); -moz-transform-origin:top left; /* Firefox */ -o-transform:scale(0.7); -o-transform-origin:top left; /* Opera */ } .contact-us-map-view .address-inner{ height: 315px; padding-left: 10px; margin-top: 55px;} .contact-us-map-view .address-list li{ padding: 20px 5px;} .contact-us-map-view .address-list li .city{ width: 70px; font-size: 16px;} .contact-us-map-view .address-list li .cont{ width: 345px; font-size: 14px;} .contact-us-container .home-demand-form{ padding: 35px 0;} /* 合作案例 */ .cooperation-cases-container{ padding: 25px 0 35px 0;} .cooperation-cases-content{ padding-top: 0;} .cooperation-cases-content .top-title-box .title{ font-size: 42px;} /* 法律声明 */ .legal-statement-list{ padding: 35px 0 70px 0;} .legal-statement-list .inner-box .top-box{ font-size: 16px; padding: 15px 8px;} .legal-statement-list .inner-box .top-box .icon{ width: 18px; height: 18px; margin-top: -9px;} .legal-statement-list .inner-box .cont-inner{ font-size: 14px; padding: 20px 25px 35px 25px;} .legal-statement-list .inner-box .cont-inner .cont .title{ padding-top: 15px;} .legal-statement-list .inner-box .cont-inner .cont p{ padding-top: 15px;} .legal-statement-list .inner-box.current .top-box .icon{ background-position: -18px 0;} /* 搜索结果 */ .search-container{ padding: 25px 0 40px 0;} .search-number{ font-size: 16px;} .search-list-inner{ margin-top: 15px;} .search-list-inner li{ padding: 20px 0;} .search-list-inner li .top-title{ font-size: 16px;} .search-list-inner li .cont{ font-size: 14px;} .search-list-inner .more{ margin-top: 25px;} .search-list-inner .more a{ font-size: 14px; background-size: 10px auto; padding-right: 23px;} /* 404 */ .container-404 .cont{ font-size: 14px; margin-top: 35px;} .container-404 .cont .title{ font-size: 28px;} .container-404 .cont p a{ font-size: 20px;} .container-404 .btn-more-box{ margin-top: 50px;} .container-404 .btn-more-box a{ width: 184px; height: 40px; line-height: 38px; font-size: 16px;} .container-404 .btn-more-box a .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} /* 提示弹框 */ .error-layer .layer-inner .layer-close{ width: 30px; height: 30px; top: -40px;} .error-layer .layer-container .cont{font-size: 16px; margin-top: 30px;} } @media (min-width: 1440px) and (max-width: 1680px){ /* 缩小80% */ /* 共用样式 */ .edit-container{ width: 1152px;} /*浏览器升级提示*/ .browser-tips{ font-size: 14px;} .pagination{ bottom: 25px;} .swiper-pagination-switch{ width: 18px; height: 1px; margin: 0 6px;} .swiper-active-switch{ width: 28px; height: 4px;} .bodymain{ padding-top: 88px;} /* 头部 header */ .header{ height: 88px;} .header .logo{ margin: 29px 0 0 65px;} .header .logo img{ height: 30px;} .header-inner{ margin-right: 22px;} .header-inner .nav li{ line-height: 88px; font-size: 18px; margin-left: 60px;} .header-inner .nav li a .bot_line{ height: 5px; bottom: -3px;} .header-inner .header-right{ margin-left: 24px;} .header-inner .header-right .icon-search, .header-inner .header-right .icon-service{ width: 36px; height: 88px; margin-left: 24px;} .header-inner .header-right .icon-search .icon, .header-inner .header-right .icon-service .icon{ width: 36px; height: 36px; margin-top: -18px;} .header-inner .header-right .icon-search .hidden-cont{ width: 300px; padding: 15px;} .header-inner .header-right .icon-search .hidden-cont .box{ height: 36px; border-radius: 36px;} .header-inner .header-right .icon-search .hidden-cont .box .input-text{ width: 229px; height: 36px; line-height: 36px; border-radius: 36px; font-size: 14px;} .header-inner .header-right .icon-search .hidden-cont .box .search-btn{ width: 36px; height: 36px; border-radius: 36px; background-size: 36px;} .header-inner .header-right .language{ font-size: 14px; line-height: 88px; margin-left: 20px;} .header-inner .header-right .language span{ margin: 0 10px;} .header .sub-menu-container{ padding: 16px 0;} .header .sub-menu-container li{ font-size: 14px; margin: 8px 0;} /* 底部 footer */ .footer{ padding: 45px 55px 35px 40px;} .footer-left .logo img{ height: 32px;} .footer-links .links{ font-size: 14px;} .footer-links .links a{ margin-right: 32px;} .footer .copyright{ margin-top: 25px; font-size: 13px;} .footer-right{ font-size: 13px;} /* 首页 */ .home-banner .txt-box .title{ font-size: 48px;} .home-banner .txt-box .cont{ font-size: 20px; margin-top: 25px;} .base-title-box .title{ font-size: 48px; line-height: 48px;} .base-title-box .cont{ font-size: 32px; margin-top: 15px;} .home-media{ padding: 48px 0 92px 0;} .home-media-inner .block-box{ font-size: 20px; margin: 56px 0 12px 0;} .home-media-inner .block-box .pic img{ width: 157px;} .home-media-inner .block-box .title{ margin-top: 20px;} .home-slogan-inner{ padding: 116px 0;} .home-slogan-inner .btn-box{ margin-top: 84px;} .home-slogan-inner .btn-box a{ width: 374px; height: 85px; line-height: 79px; padding: 6px 6px 0 0; font-size: 24px;} .home-solution{ padding: 65px 0 95px 0;} .home-solution-focus{ margin-top: 60px;} .home-solution-focus .block-box{ width: 260px; margin: 12px auto 20px auto; padding: 0 30px 15px 0; -moz-box-shadow: 3px 4px 15px #596264; -webkit-box-shadow: 3px 4px 15px #596264; box-shadow: 3px 4px 15px #596264;} .home-solution-focus .swiper-slide-active .block-box{ -moz-box-shadow: 15px 15px 0 #596264; -webkit-box-shadow: 15px 15px 0 #596264; box-shadow: 15px 15px 0 #596264;} .home-solution-focus .block-box .title{ font-size: 16px; margin-top: 32px;} .home-solution-focus .swiper-button-box{ width: 550px; top: 158px; margin-left: -275px;} .home-technology{ padding: 95px 0 35px 0;} .home-technology-inner{ margin-top: 90px;} .home-technology-inner .block-box{ height: 356px;/* -moz-box-shadow: 0 0 35px #929292; -webkit-box-shadow: 0 0 35px #929292; box-shadow: 0 0 35px #929292; */} .home-technology-inner .block-box a{ padding: 82px 0 80px 0;} .home-technology-inner .block-box .pic img{ height: 100px;} .home-technology-inner .block-box .btn-box{ width: 174px; height: 52px; line-height: 50px; font-size: 18px; margin-top: 42px;} .home-technology-inner .block-box .btn-box .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} .home-cooperative-partner{ padding: 35px 0 20px 0;} .home-cooperative-partner-inner{ margin-top: 45px;} .home-cooperative-partner-inner li .pic{ height: 230px;} .home-cooperative-partner-inner li .pic img{ width: 232px;} .home-cooperative-partner-inner .bot-pagination-box{ margin-top: 30px;} .home-cooperative-partner-inner .btn-more-box{ margin-top: 20px;} .home-cooperative-partner-inner .btn-more-box a{ width: 174px; height: 52px; line-height: 50px; font-size: 18px;} .home-cooperative-partner-inner .btn-more-box a .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} .home-about-city{ padding: 70px 0 115px 0;} .home-about-city-focus{ margin-top: 32px;} .home-about-city-focus .focus-inner{ width: 875px;} .home-about-city-focus .focus-inner .block-box .cont{ bottom: 20px; padding: 0 20px; font-size: 13px;} .home-about-city-focus .focus-inner .block-box .cont .title{ font-size: 20px; margin-bottom: 12px;} .home-about-city-focus .swiper-button-prev{ left: -120px;} .home-about-city-focus .swiper-button-next{ right: -120px;} .home-about-city-focus .btn-more-box{ margin-top: 22px;} .home-about-city-focus .btn-more-box a{ width: 174px; height: 52px; line-height: 50px; font-size: 18px;} .home-about-city-focus .btn-more-box a .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} .home-demand-form{ padding-bottom: 85px; margin-top: -90px;} .home-demand-form .form-inner{ padding: 75px 175px 45px 175px; -moz-box-shadow:0 0 65px #eee; -webkit-box-shadow:0 0 65px #eee; box-shadow:0 0 65px #eee;} .home-demand-form .form-inner .top-title{ font-size: 24px; padding-bottom: 24px; border-bottom-width: 2px;} .form-view{ margin-top: 40px;} .form-view .block-box{ font-size: 18px; line-height: 49px; margin-top: 15px;} .form-view .block-box .cont-right .input-box .input-text{ font-size: 18px; line-height: 18px; padding: 10px 12px;} .form-view .block-box .cont-right textarea{ font-size: 18px; padding: 10px 12px;} .form-view .bottom-btn-box{ margin-top: 40px;} .form-view .bottom-btn-box a{ width: 270px; height: 54px; line-height: 54px; font-size: 24px;} .form-view .block-box.yzm-box .cont-right img{ height: 49px;} /* 公司简介 */ .inside-page-container{ padding-top: 40px;} .inside-page-top-title{ font-size: 48px; line-height: 48px;} .inside-page-top-txt{ width: 768px; font-size: 20px; padding-top: 25px;} .solution-top-txt{ font-size: 14px;} .base-sub-nav{ margin-top: 32px;} .base-sub-nav li{ font-size: 22px; line-height: 60px;} .base-sub-nav li a .bot_line{ width: 48px; height: 5px; bottom: -3px; margin-left: -24px;} .base-sub-nav-child{ font-size: 20px; line-height: 56px;} .base-sub-nav-child a{ margin: 0 25px;} .since-view{ margin-top: 35px; padding: 110px 0 115px 0;} .since-view .pic-box .block-box img{ width: 100%;} .since-view .txt-box{ font-size: 14px; padding-right: 95px;} .since-view .txt-box .top-title{ font-size: 32px;} .since-view .txt-box .cont{ line-height: 24px; margin-top: 20px;} .since-view .txt-box .more{ margin-top: 40px;} .esoon-view{ padding: 52px 0 48px 0;} .esoon-view .txt-box{ padding-right: 90px;} .esoon-view .txt-box .top-title{ font-size: 32px; line-height: 32px;} .esoon-view .txt-box .cont-inner{ padding-top: 10px;} .esoon-view .txt-box .cont-inner .block{ margin-top: 15px;} .esoon-view .txt-box .cont-inner .block .title{ font-size: 20px; line-height: 20px; border-left-width: 4px;} .esoon-view .txt-box .cont-inner .block .cont{ font-size: 14px; line-height: 22px; margin-top: 12px;} .esoon-view .map{ margin-left: -130px; zoom: 0.8; -moz-transform:scale(0.75); -moz-transform-origin:top left; /* Firefox */ -o-transform:scale(0.75); -o-transform-origin:top left; /* Opera */ } /* 文化理念 */ .core-value-view{ padding: 65px 0 80px 0;} .core-value-view .top-title{ font-size: 32px;} .core-value-view .cont{ font-size: 24px; margin-top: 15px;} .idea-view{ padding: 30px 0 55px 0;} .idea-list .top-title{ font-size: 32px;} .idea-list .cont-inner .block{ margin-top: 15px;} .idea-list .cont-inner .block .title{ font-size: 24px; line-height: 24px; border-left-width: 4px;} .idea-list .cont-inner .block .cont{ font-size: 14px; line-height: 22px; margin-top: 12px;} .idea-label-box{ margin-top: 55px; padding: 40px 85px;} .idea-label-box .block-box{ padding: 0 52px;} .idea-label-box .block-box .icon img{ height: 88px;} .idea-label-box .block-box .title{ font-size: 24px; margin-top: 20px;} .idea-label-box .block-box p{ font-size: 14px; margin-top: 10px;} .idea-txt{ font-size: 14px; margin-top: 30px;} /* 荣誉资质 */ .honor-focus{ padding: 25px 0;} .honor-focus-inner{ padding: 0 155px;} .honor-focus-inner .swiper-button-prev, .honor-focus-inner .swiper-button-next{ width: 18px; height: 36px; margin-top: -18px;} .honor-list{ padding: 35px 0 65px 0;} .honor-list-inner{ margin-left: 116px;} .honor-list-inner .inner-block .year{ font-size: 32px; line-height: 32px; left: -116px;} .honor-list-inner .inner-block .cont-inner{ font-size: 14px; padding-bottom: 20px; margin: 0 0 20px 32px;} .honor-list-inner .more{ margin-left: 32px;} .honor-list-inner .more a{ font-size: 14px; background-size: 10px auto; padding-right: 23px;} /* 合作伙伴 */ .partner-view{ padding: 45px 0 65px 0;} .partner-view .top-title{ font-size: 26px; line-height: 26px;} .partner-view .txt{ font-size: 14px; margin-top: 25px;} .partnership-plan .cont-inner{ margin-top: 30px;} .partnership-plan .cont-inner .block-box{ padding: 15px 25px 25px 25px; height: 320px;} .partnership-plan .cont-inner .block-box .logo{ padding-bottom: 20px;} .partnership-plan .cont-inner .block-box .logo img{ height: 60px;} .partnership-plan .cont-inner .block-box .cont{ font-size: 14px;} .partner-logo-box{ margin-top: 55px;} .partner-logo-box ul{ margin: 0 -23px;} .partner-logo-box li{ padding: 5px 23px;} .partner-logo-box li .pic{ height: 70px;} .partner-logo-box li .pic img{ height: 70px;} .customer .list-inner{ margin-top: 15px;} .customer .list-inner li{ margin-top: 15px;} .customer .list-inner li .block-box{ height: 180px;} .customer .list-inner li .cont-inner .more-btn{ width: 150px; height: 44px; line-height: 42px; margin: -17px 0 0 -75px; font-size: 18px;} .customer .list-inner li .cont-inner .more-btn span .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} .customer .list-inner .more{ margin-top: 25px;} .customer .list-inner .more a{ font-size: 14px; background-size: 10px auto; padding-right: 23px;} /* 新闻动态 */ .news-list{ padding-bottom: 40px;} .news-list ul{ margin: 0 -10px;} .news-list li{ padding: 0 10px; margin: 30px 0 20px 0;} .news-list .block-box{ padding-bottom: 20px;} .news-list .block-box .cont .title{ font-size: 16px;} .news-list .block-box .cont .title span{ font-size: 13px; top: -1px;} .news-list .more{ margin-top: 15px;} .news-list .more a{ font-size: 14px; background-size: 10px auto; padding-right: 23px;} .news-content{ padding: 50px 0 55px 0;} .news-content .top-title-box{ width: 800px;} .news-content .top-title-box .title{ font-size: 26px;} .news-content .top-title-box .time{ font-size: 14px;} .news-content .content-inner{ width: 800px; font-size: 14px;} .content-pic-focus{ margin: 25px -16% 0 -16%;} .content-pic-focus .block-box .title{ padding: 0 15px; bottom: 10px;} .content-pic-focus .swiper-button-prev, .content-pic-focus .swiper-button-next{ width: 18px; height: 36px; margin-top: -33px;} .content-pic-focus .mask-left, .content-pic-focus .mask-right{ width: 332px;} .recommended-reading{ padding: 40px 0 45px 0;} .recommended-reading .top-title{ font-size: 26px; line-height: 26px;} .recommended-reading .list-inner{ margin-top: 20px;} .recommended-reading .list-inner .block-box .pic .tag{ font-size: 13px; height: 26px; line-height: 26px;} .recommended-reading .list-inner .block-box .cont .title{ font-size: 20px; height: 56px;} .recommended-reading .list-inner .block-box .cont .time{ font-size: 14px; margin-top: 15px;} /* 产品 */ .product-list{ padding: 25px 0 90px 0;} .product-list .block-box{ margin-top: 30px;} .product-list .block-box .cont-inner{ padding: 0 20px;} .product-list .block-box .cont-inner .top-title .title{ font-size: 26px; line-height: 26px;} .product-list .block-box .cont-inner .visible-block{ padding-top: 30px;} .product-list .block-box .cont-inner .visible-block .top-title{ padding-bottom: 10px;} .product-list .block-box .cont-inner .visible-block .top-title p{ font-size: 20px;} .product-list .block-box .cont-inner .visible-block .cont{ font-size: 14px; margin-top: 25px; height: 148px;} .product-list .block-box .cont-inner .hidden-block{ padding-top: 100px;} .product-list .block-box .cont-inner .hidden-block .top-title p{ font-size: 20px;} .product-list .block-box .cont-inner .hidden-block .more-btn{ margin-top: 30px;} .product-list .block-box .cont-inner .hidden-block .more-btn span{ display: block; width: 142px; height: 38px; line-height: 36px; border: 1px solid #fff; font-size: 14px; color: #fff; margin: 0 auto; position: relative;} .product-list .block-box .cont-inner .hidden-block .more-btn span .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} .product-content-container{ padding-top: 45px;} .product-view .top-title .title{ font-size: 32px; line-height: 32px;} .product-view .top-title .txt{ font-size: 14px; width: 512px; margin-top: 25px;} .product-pain-spot{ padding: 35px 0 25px 0;} .product-pain-spot .list-inner li{ padding: 0 80px 0 90px; margin: 50px 0 30px 0;} .product-pain-spot .list-inner li .icon{ width: 80px;} .product-pain-spot .list-inner li .cont{ width: 305px; height: 80px; line-height: 80px; font-size: 20px;} .product-label{ padding: 35px 0 40px 0;} .product-label .list-inner{ margin-top: 35px;} .product-label .list-inner ul{ margin: 0 -30px;} .product-label .list-inner li{} .product-label .list-inner li .icon img{ width: 104px;} .product-label .list-inner li .title{ font-size: 15px; margin-top: 15px;} .product-label .list-inner li p{ font-size: 14px;} .product-advantage{ padding: 60px 0 80px 0;} .product-advantage .list-inner{ margin-top: 45px;} .product-advantage .list-inner .swiper-slide .cont-inner{ botom: 30px; padding: 0 15px;} .product-advantage .list-inner .swiper-slide .cont-inner .title{ font-size: 24px; line-height: 24px; padding-bottom: 20px;} .product-advantage .list-inner .swiper-slide .cont-inner p{ font-size: 14px; margin-top: 20px; height: 42px; min-height: 42px;} .product-advantage .list-inner .swiper-slide .pic{ height: 337px;} .product-partner{ padding: 65px 0 45px 0;} .product-partner .list-inner{ margin-top: 25px;} .product-partner .list-inner li{ margin-top: 15px;} .product-partner .list-inner .btn-more-box{ margin-top: 50px;} .product-partner .list-inner .btn-more-box a{ width: 174px; height: 52px; line-height: 50px; font-size: 18px;} .product-partner .list-inner .btn-more-box a .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} .online-message{ padding: 50px 0;} .online-message .top-title{ font-size: 26px; line-height: 26px;} .online-message .phone{ font-size: 40px;} .online-message .btn-more-box{ margin-top: 30px;} .online-message .btn-more-box a{ width: 174px; height: 52px; line-height: 50px; font-size: 18px;} .online-message .btn-more-box a .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} .return-container{ font-size: 14px;} /* 解决方案 */ .solution-list{ padding: 50px 0 85px 0;} .solution-list .block-box .cont-inner .title{ font-size: 26px; line-height: 26px;} .solution-list .block-box .cont-inner .visible-block .cont{ font-size: 14px; height: 105px;} .solution-list .block-box .cont-inner .hidden-block .more-btn span{ width: 174px; height: 52px; line-height: 50px; font-size: 18px;} .solution-list .block-box .cont-inner .hidden-block .more-btn span .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} .solution-list .block-big .view-block .cont-inner{ padding: 0 70px;} .solution-list .block-big .view-block .cont-inner .visible-block{ padding-top: 80px;} .solution-list .block-big .view-block .cont-inner .visible-block .cont{ margin-top: 30px;} .solution-list .block-big .view-block .cont-inner .hidden-block{ padding-top: 95px;} .solution-list .block-big .view-block .cont-inner .hidden-block .more-btn{ margin-top: 50px;} .solution-list .block-small{ margin: 40px 0;} .solution-list .block-small .view-block .cont-inner{ padding: 25px 15px 0 15px; height: 190px;} .solution-list .block-small .view-block .cont-inner .hidden-block{ padding-top: 20px;} .solution-list .block-small .view-block .cont-inner .hidden-block .more-btn{ margin-top: 30px;} /* 服务支持 */ .service-support-container{ padding: 25px 0 75px 0;} .professional-services-inner .top-txt{ width: 620px; font-size: 18px;} .professional-services-inner .list-inner{ margin-top: 25px;} .professional-services-inner .list-inner li{ padding: 35px 0 45px 0;} .professional-services-inner .list-inner li .pic{ padding: 20px 0;} .professional-services-inner .list-inner li .pic img{ width: 92px;} .professional-services-inner .list-inner li .cont-inner{ padding-right: 200px;} .professional-services-inner .list-inner li .cont-inner .title{ font-size: 26px;} .professional-services-inner .list-inner li .cont-inner .cont{ font-size: 14px;} .learning-development-list li{ padding: 25px 35px 30px 35px;} .learning-development-list li .time{ font-size: 20px;} .learning-development-list li .time span{ font-size: 36px; line-height: 36px;} .learning-development-list li .cont-inner{ padding-right: 140px;} .learning-development-list li .cont-inner .title{ font-size: 20px;} .learning-development-list li .cont-inner .cont{ font-size: 14px;} .learning-development-list li .icon-arrow{ width: 15px; height: 30px; margin-top: -15px; right: 35px;} .learning-development-list .more{ margin-top: 40px;} .learning-development-list .more a{ font-size: 14px; background-size: 10px auto; padding-right: 23px;} .knowledge-center-container{ margin-top: 15px;} .retrieval-inner .block-box{ font-size: 18px;} .retrieval-inner .block-box .base-select-box, .retrieval-inner .block-box .input-box{ margin: 0 5px;} .retrieval-inner .block-box .base-select-box{ width: 142px;} .retrieval-inner .block-box .base-select-box .select{ padding: 9px 10px;} .retrieval-inner .block-box .base-select-box .glyphicon{ font-size: 16px; margin-top: -8px;} .retrieval-inner .block-box .input-box{ width: 374px;} .retrieval-inner .block-box .input-box .input-text{ padding: 9px 10px;} .retrieval-inner .block-box .input-box .input-search{ padding-right: 44px;} .retrieval-inner .block-box .input-box .search-btn{ width: 44px; height: 44px; background-size: 36px 36px;} .knowledge-center-list li{ margin-top: 40px;} .knowledge-center-list li .cont-inner{ padding-top: 0;} .knowledge-center-list li .cont-inner .top-title .title{ font-size: 20px;} .knowledge-center-list li .cont-inner .top-title .time{ font-size: 14px;} .knowledge-center-list li .cont-inner .cont{ font-size: 14px; height: 105px;} .knowledge-center-list li .cont-inner .icon{ width: 34px; height: 34px; margin-top: 28px;} .knowledge-center-list .more{ margin-top: 40px;} .knowledge-center-list .more a{ font-size: 14px; background-size: 10px auto; padding-right: 23px;} /* 视频弹框 */ .video-layer .layer-inner{ width: 750px; height: 422px; margin: -211px 0 0 -375px;} .video-layer .layer-inner .layer-close{ width: 30px; height: 30px; top: -40px;} /* 联系我们 */ .business-cooperation-txt-view{ padding: 45px 0 50px 0;} .business-cooperation-txt-view .top-title{ font-size: 26px;} .business-cooperation-txt-view .cont{ font-size: 14px;} .business-cooperation-txt-view .cont p{ padding-top: 25px;} .business-cooperation-form{ padding: 25px 0 70px 0;} .business-cooperation-form .inner-box .title-th{ line-height: 65px; font-size: 20px;} .business-cooperation-form .inner-box .cont-li{ padding: 30px 60px;} .business-cooperation-form .inner-box .cont-li .cont-inner .block-box{ font-size: 14px; margin-top: 20px;} .business-cooperation-form .yzm-box{ margin-top: 45px;} .business-cooperation-form .bottom-btn{ margin-top: 25px;} .business-cooperation-form .bottom-btn .input-btn{ height: 55px; line-height: 55px; font-size: 24px;} .job-container{ padding: 40px 0;} .job-container .txt-inner{ font-size: 14px;} .job-container .txt-inner .title-h1{ font-size: 26px;} .job-container .txt-inner .email-txt{ font-size: 18px; margin-top: 25px;} .job-list .tbaed li, .job-list-inner .top-box li{ height: 64px; line-height: 64px; font-size: 20px;} .job-list-inner .top-box li .icon{ width: 18px; height: 18px; margin: -9px 0 0 -9px;} .job-list-inner .inner-box.current .top-box li .icon{ background-position: -18px 0;} .job-list-inner .cont-inner{ padding: 15px 35px 60px 35px; font-size: 14px;} .job-list-inner .cont-inner .title{ padding-top: 30px;} .job-list .more{ margin-top: 60px;} .job-list .more a{ font-size: 14px; background-size: 10px auto; padding-right: 23px;} .contact-us-container .txt-inner{ font-size: 14px; padding: 55px 0 40px 0;} .contact-us-container .txt-inner .title-h1{ font-size: 26px;} .contact-us-container .phone-txt{ font-size: 18px;} .contact-us-container .phone-txt a{ font-size: 28px;} .contact-us-map-view{ max-height: 480px; overflow: hidden;} .contact-us-map-view .map{ zoom: 0.8; -moz-transform:scale(0.8); -moz-transform-origin:top left; /* Firefox */ -o-transform:scale(0.8); -o-transform-origin:top left; /* Opera */ } .contact-us-map-view .address-inner{ height: 360px; padding-left: 20px; margin-top: 55px;} .contact-us-map-view .address-list li{ padding: 20px 5px;} .contact-us-map-view .address-list li .city{ width: 70px; font-size: 18px;} .contact-us-map-view .address-list li .cont{ width: 400px; font-size: 14px;} .contact-us-container .home-demand-form{ padding: 40px 0;} /* 合作案例 */ .cooperation-cases-container{ padding: 25px 0 35px 0;} .cooperation-cases-content{ padding-top: 0;} .cooperation-cases-content .top-title-box .title{ font-size: 48px;} /* 法律声明 */ .legal-statement-list{ padding: 40px 0 80px 0;} .legal-statement-list .inner-box .top-box{ font-size: 18px; padding: 18px 8px;} .legal-statement-list .inner-box .top-box .icon{ width: 18px; height: 18px; margin-top: -9px;} .legal-statement-list .inner-box .cont-inner{ font-size: 14px; padding: 25px 25px 40px 25px;} .legal-statement-list .inner-box .cont-inner .cont .title{ padding-top: 15px;} .legal-statement-list .inner-box .cont-inner .cont p{ padding-top: 15px;} .legal-statement-list .inner-box.current .top-box .icon{ background-position: -18px 0;} /* 搜索结果 */ .search-container{ padding: 25px 0 45px 0;} .search-number{ font-size: 18px;} .search-list-inner{ margin-top: 15px;} .search-list-inner li{ padding: 25px 0;} .search-list-inner li .top-title{ font-size: 18px;} .search-list-inner li .cont{ font-size: 14px;} .search-list-inner .more{ margin-top: 30px;} .search-list-inner .more a{ font-size: 14px; background-size: 10px auto; padding-right: 23px;} /* 404 */ .container-404 .cont{ font-size: 14px; margin-top: 35px;} .container-404 .cont .title{ font-size: 32px;} .container-404 .cont p a{ font-size: 20px;} .container-404 .btn-more-box{ margin-top: 50px;} .container-404 .btn-more-box a{ width: 212px; height: 46px; line-height: 44px; font-size: 18px;} .container-404 .btn-more-box a .icon{ width: 26px; height: 26px; line-height: 26px; font-size: 14px; top: -13px; right: -14px;} /* 提示弹框 */ .error-layer .layer-inner .layer-close{ width: 30px; height: 30px; top: -40px;} .error-layer .layer-container .cont{font-size: 16px; margin-top: 30px;} } /* 特殊缩放 */ @media (min-width: 1200px) and (max-width: 1279px){ /* 缩小70% */ /* 头部 header */ .header .logo{ margin-left: 40px;} .header-inner .nav li{ margin-left: 40px;} /* 底部 footer */ .footer{ padding: 40px 40px;} }