@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:#262832;} 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,textarea{ 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: "思源黑体简体"; 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; } @font-face { font-family: "汉仪风尚黑"; src: url("../fonts/HYFengShangHei_65W.woff2") format("woff2"), url("../fonts/HYFengShangHei_65W.woff") format("woff"), url("../fonts/HYFengShangHei_65W.ttf") format("truetype"), url("../fonts/HYFengShangHei_65W.eot") format("embedded-opentype"), url("../fonts/HYFengShangHei_65W.svg") format("svg"); font-weight: normal; font-style: normal; } body {color: #262832;font: 14px/1.5 '思源黑体简体', Arial, Helvetica, sans-serif; margin: 0 auto; /* overflow-x: hidden; */ /* min-width: 1600px; */} label{ max-width: initial;} select{ appearance: none; -moz-appearance: none; -webkit-appearance: none;} *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} input,textarea{ font-family: '思源黑体简体';} .bodymain{width:100%;overflow: hidden;position: relative;left:0; z-index: 5;} /*公用样式*/ .edit-container{ margin-right: auto;margin-left: auto; position: relative; width: 1600px;} .visible-xs{ display: none !important;} /*浏览器升级提示*/ .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-pagination{ position: absolute; left: 0; text-align: center; bottom:35px !important; z-index: 9; margin: 0; font-size: 0;} .swiper-pagination-bullet{ display: inline-block; width: 12px; height: 12px; border-radius: 100%; background: #565e6c; cursor: pointer; opacity: 1; vertical-align: middle; opacity: 1;} .swiper-pagination-bullet-active{ background-color: #e7233b; opacity: 1;} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 10px;} ::-webkit-scrollbar {/*滚动条整体样式*/ width: 4px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } ::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ background: #e7233b; } ::-webkit-scrollbar-track {/*滚动条里面轨道*/ background: #e3e3e3; } .body-hidden{ overflow: hidden;} /* 头部 header */ .header{ width: 100%; position: fixed; top: 0; left: 0; z-index: 999;} .header-top{ height: 70px; padding: 0 40px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; position: relative; z-index: 9; background-color: rgba(255, 255, 255, 0.4);} .header-top .logo{ float: left; height: 49px; margin-top: 10.5px;} .header-top .logo img{ display: block; height: 100%;} .header-top .nav{ float: left; margin-left: 140px;} .header-top .nav li{ float: left; font-size: 18px; font-weight: bold; line-height: 70px; padding: 0 24px;} .header-top .nav li.active a,.header-top .nav li:hover a{ color: #e7233b;} .header-top.active{ background-color: #fff;} .header-t-right{ float: right;} .header-search{ float: left; width: 200px; height: 38px; margin-top: 16px; border: 1px solid #fff; border-radius: 38px; overflow: hidden; position: relative;} .header-search form{ height: 100%; position: relative;} .header-search .input-text{ width: 100%; height: 100%; padding: 0 70px 0 15px; border: 0; background-color: rgba(255, 255, 255, 0.35); font-size: 18px;} .header-search .search-btn{ width: 58px; height: 32px; background: url(../images/icon/icon-search.png) center no-repeat rgba(255, 255, 255, 0.57); background-size: 22px auto; position: absolute; top: 2px; right: 4px; border-radius: 32px; cursor: pointer;} .header-language{ float: left; line-height: 30px; margin: 20px 0 0 15px; font-size: 16px; font-weight: bold;} .header-language .first{ cursor: pointer; padding-left: 25px; position: relative;} .header-language .first .icon{ width: 20px; height: 20px; position: absolute; top: 50%; margin-top: -10px; left: 0;} .header-language .first .icon img{ display: block; width: 100%;} .header-language .first span{ padding: 0 2px; display: inline-block; border-bottom: 1px solid transparent;} .header-language .first:hover span{ border-bottom-color: #333;} .header-slogan{ float: left; height: 93px; margin-left: 40px;} .header-slogan img{ height: 100%;} .header-active .header-top{ background-color: #fff;} .header-active .header-search .input-text{ background-color: #f7f7f7;} .header-active .header-search .search-btn{ background-color: #fff;} .header-nav-hidden-box{ width: 100%; position: absolute; top: 70px; left: 0; background-color: #fff; display: none;} .header-nav-hidden-box .one-nav-side{ height: 100%; display: none; position: relative;} .header-nav-hidden-box .one-nav-side::before{ content: ''; width: 398px; height: 100%; background-color: rgba(239, 241, 244, 0.63); position: absolute; top: 0; left: 0;} .header-nav-hidden-box .subnav-left-box{ float: left; width: 398px; /* background-color: rgba(239, 241, 244, 0.63); */ padding: 50px 0; position: relative; z-index: 5;} .header-nav-hidden-box .subnav-left-box .icon{ height: 157px;} .header-nav-hidden-box .subnav-left-box .icon img{ display: block; height: 100%; margin: 0 auto;} .header-nav-hidden-box .subnav-left-box li{ padding: 0 50px; font-size: 18px; line-height: 40px; margin-bottom: 20px; cursor: pointer;} .header-nav-hidden-box .subnav-left-box li:last-child{ margin-bottom: 0;} .header-nav-hidden-box .subnav-left-box li a{ display: block;} .header-nav-hidden-box .subnav-left-box li:hover,.header-nav-hidden-box .subnav-left-box li.active{ color: #e7233b; border-right: 4px solid #e7233b;} .header-nav-hidden-box .subnav-left-box li:hover a,.header-nav-hidden-box .subnav-left-box li.active a{ color: #e7233b;} .header-nav-hidden-box .subnav-right-box{ padding: 55px 0 50px 398px; height: 100%;} .header-nav-hidden-box .subnav-right-scroll{ height: 100%; overflow-y: auto;} .header-nav-hidden-box .subnav-right-box .two-nav-side{ padding: 0 180px 0 80px; display: none;} .header-nav-hidden-box .subnav-right-box .two-nav-side .side-table{ font-size: 0; margin: 0 -15px;} .header-nav-hidden-box .subnav-right-box .two-nav-side .side-table .side-td{ display: inline-block; vertical-align: top; width: 25%; margin-bottom: 10px; padding: 0 15px;} .header-nav-hidden-box .subnav-right-box .two-nav-side .side-table .side-td .block-box{ margin-bottom: 20px;} .header-nav-hidden-box .subnav-right-box .two-nav-side .side-table .side-td .block-box:last-child{ margin-bottom: 0;} .header-nav-hidden-box .subnav-right-box .two-nav-side .side-table .side-td .title{ font-size: 16px; color: #e7233b; margin-bottom: 10px;} .header-nav-hidden-box .subnav-right-box .two-nav-side .side-table .side-td .title a{ color: #e7233b;} .header-nav-hidden-box .subnav-right-box .two-nav-side .side-table .side-td .title a:hover{ font-weight: bold; text-decoration: underline;} .header-nav-hidden-box .subnav-right-box .two-nav-side .side-table .side-td .cont{ font-size: 14px;} .header-nav-hidden-box .subnav-right-box .two-nav-side .side-table .side-td .cont dd{ padding: 5px 0;} .header-nav-hidden-box .subnav-right-box .two-nav-side .side-table .side-td .cont dd a:hover{ font-weight: bold; text-decoration: underline;} .header-nav-hidden-box .one-nav-side .edit-container{ width: 1200px;} .header-nav-hidden-box .one-nav-side .sub-nav-side{ padding: 35px 0;} .header-nav-hidden-box .one-nav-side .sub-nav-side li{ float: left; font-size: 24px; margin-right: 30px; padding-right: 30px; position: relative;} .header-nav-hidden-box .one-nav-side .sub-nav-side li::before{ content: ''; width: 2px; height: 18px; background-color: #a8a8a8; position: absolute; top: 50%; margin-top: -9px; right: -1px;} .header-nav-hidden-box .one-nav-side .sub-nav-side li:last-child{ margin-right: 0; padding-right: 0;} .header-nav-hidden-box .one-nav-side .sub-nav-side li:last-child::before{ display: none;} .header-nav-hidden-box .subnav-right-scroll::-webkit-scrollbar {/*滚动条整体样式*/ width: 7px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .header-nav-hidden-box .subnav-right-scroll::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ background: #e7233b; } .header-nav-hidden-box .subnav-right-scroll::-webkit-scrollbar-track {/*滚动条里面轨道*/ background: #e3e3e3; } .icon-menu{ width: 35px; height: 35px; background: url(../images/icon/icon-menu.png) center no-repeat; background-size: cover; position: absolute; left: 20px; top: 50%; margin-top: -17.5px; cursor: pointer; display: none;} /* 底部 footer */ .footer{ position: relative;} .footer-top{ background-color: #edf2fb; position: relative; padding: 40px 0;} .footer-top .footer-logo{ height: 87px; position: absolute; left: 0; top: 50%; transform:translate(0,-50%);} .footer-top .footer-logo img{ display: block; height: 100%;} .footer-top .stock-code{ font-size: 20px; font-weight: bold; text-align: center;} .footer-top-center{ width: 790px; margin: 0 auto;} .footer-top .code-box{ text-align: center; position: absolute; right: 0; top: 50%; transform:translate(0,-50%);} .footer-top .code-box .pic img{ display: block; width: 120px; margin: 0 auto;} .footer-top .code-box .title{ font-size: 16px; font-weight: bold; margin-top: 15px;} .footer-top .code-box .qrcode-box ul{ font-size: 0;} .footer-top .code-box .qrcode-box li{ display: inline-block; vertical-align: top; margin: 0 15px; cursor: pointer; position: relative;} .footer-top .code-box .qrcode-box li .icon{ width: 43px; height: 43px; background-position: 0 0; background-repeat: no-repeat; background-size: cover; border: 1px solid #303030; border-radius: 100%;} .footer-top .code-box .qrcode-box li.weixin .icon{ background-image: url(../images/icon/qrcode-icon-weixin.png);} .footer-top .code-box .qrcode-box li.shipinhao .icon{ background-image: url(../images/icon/qrcode-icon-shipinhao.png);} .footer-top .code-box .qrcode-box li.weibo .icon{ background-image: url(../images/icon/qrcode-icon-weibo.png);} .footer-top .code-box .qrcode-box li.bzhan .icon{ background-image: url(../images/icon/qrcode-icon-bzhan.png);} .footer-top .code-box .qrcode-box li .hidden-box{ width: 130px; position: absolute; left: 50%; margin-left: -65px; bottom: 100%; padding-bottom: 15px; display: none;} .footer-top .code-box .qrcode-box li .hidden-box .cont{ background-color: #fff; box-shadow: 0 0 15px rgba(97, 104, 121, 0.35);} .footer-top .code-box .qrcode-box li .hidden-box .cont img{ display: block; width: 100%;} .footer-top .code-box .qrcode-box li.weixin:hover .icon{ background-image: url(../images/icon/qrcode-icon-weixin-on.png); background-color: #303030;} .footer-top .code-box .qrcode-box li.shipinhao:hover .icon{ background-image: url(../images/icon/qrcode-icon-shipinhao-on.png); background-color: #303030;} .footer-top .code-box .qrcode-box li.weibo:hover .icon{ background-image: url(../images/icon/qrcode-icon-weibo-on.png); background-color: #303030;} .footer-top .code-box .qrcode-box li.bzhan:hover .icon{ background-image: url(../images/icon/qrcode-icon-bzhan-on.png); background-color: #303030;} .footer-top .code-box .qrcode-box li:hover .hidden-box{ display: block;} .footer-top-center .related-websites{ margin-top: 30px; border: 1px solid #cbcfd7; line-height: 40px; font-size: 16px; position: relative;} .footer-top-center .related-websites .type{ width: 120px; position: absolute; left: 0; top: 0; font-weight: bold; text-align: center;} .footer-top-center .related-websites .type::before{ content: ''; width: 1px; height: 20px; background-color: #cbcfd7; position: absolute; right: 0; top: 50%; transform:translate(0,-50%);} .footer-top-center .related-websites .cont{ padding-left: 120px;} .footer-top-center .related-websites .cont a{ float: left; margin-left: 26px; padding-left: 13px; position: relative;} .footer-top-center .related-websites .cont a::before{ content: ''; width: 6px; height: 6px; background-color: #9c9c9c; border-radius: 50%; position: absolute; left: 0; top: 50%; transform:translate(0,-50%);} .footer-top-center .related-websites .cont a:hover{ text-decoration: underline;} .footer-top-center .footer-links{ margin-top: 30px; text-align: center; font-size: 0;} .footer-top-center .footer-links a{ display: inline-block; font-size: 16px; margin: 0 30px; position: relative;} .footer-top-center .footer-links a::before{ content: ''; width: 1px; height: 20px; background-color: #cbcfd7; position: absolute; right: -30px; top: 50%; transform:translate(0,-50%);} .footer-top-center .footer-links a:last-child::before{ display: none;} .copyright{ font-size: 16px; background-color: #fff; padding: 25px 0; text-align: center; background-color: #f9fbff;} /* 手机导航 */ .menu-layer{ width: 100%; height: calc(100% - 50px); position: fixed; top: 50px; left: 0; z-index: 999; background-color: #fff; display: none;} .menu-layer .layer-container{ height: 100%;} .menu-top-box{ padding: 15px 20px; position: relative; border-bottom: 1px solid #c5c5c5; background-color: #f5f6f8;} .menu-search{ width: 200px; height: 40px; border-radius: 38px; overflow: hidden; position: relative; margin: 0 auto;} .menu-search form{ height: 100%; position: relative;} .menu-search .input-text{ width: 100%; height: 100%; padding: 0 70px 0 15px; border: 0; background-color: #fff; font-size: 14px;} .menu-search .search-btn{ width: 56px; height: 32px; background: url(../images/icon/icon-search-m.png) center no-repeat #f5f6f8; background-size: 20px auto; position: absolute; top: 4px; right: 4px; border-radius: 32px; cursor: pointer;} .menu-language{ line-height: 40px; font-size: 14px; font-weight: bold; position: absolute; top: 50%; transform:translate(0,-50%); right: 20px;} .menu-language .first{ cursor: pointer; position: relative;} .menu-language .first span{ padding: 0 2px; display: inline-block; border-bottom: 1px solid #333;} .menu-layer .layer-inner{ height: calc(100% - 71px);} .menu-layer .menu-nav{ float: left; width: 280px; height: 100%; background-color: #f5f6f8; overflow-y: auto; padding: 20px 0;} .menu-layer .menu-nav li{ font-size: 16px; line-height: 46px; position: relative; cursor: pointer;} .menu-layer .menu-nav li a{ display: block;} .menu-layer .menu-nav li span{ display: block; padding-left: 54px;} .menu-layer .menu-nav li.active span{ font-weight: bold; color: #e7233b;} .menu-layer .menu-nav li.active::before{ content: ''; width: 5px; height: 28px; background-color: #e7233b; position: absolute; right: 0; top: 50%; transform:translate(0,-50%);} .menu-layer .menu-subnav-right{ height: 100%; overflow-y: scroll; padding: 20px 15px; line-height: 46px; font-size: 16px;} .menu-nav-side{ display: none;} .menu-nav-side .side-item .side-title{ border-bottom: 1px solid #e3e6ec; font-weight: bold; padding: 0 15px; position: relative; cursor: pointer;} .menu-nav-side .side-item .side-title a,.menu-nav-side .side-item .side-title span{ display: block;} .menu-nav-side .side-item .side-title .icon-arrow{ width: 14px; height: 14px; background: url(../images/icon/icon-side-title-arrow.png) center no-repeat; background-size: cover; position: absolute; top: 50%; margin-top: -7px; right: 20px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease;} .menu-nav-side .side-item .side-cont{ padding: 0 15px; display: none; border-bottom: 1px solid #e3e6ec;} .menu-nav-side .side-item .side-cont .side-block{ margin-bottom: 10px;} .menu-nav-side .side-item .side-cont .side-block .title{ font-weight: bold;} .menu-nav-side .side-item .side-title.title-hover.active{ color: #e7233b;} .menu-nav-side .side-item .side-title.title-hover.active .icon-arrow{ transform: rotate(180deg);} /* 动画 */ .js-m { opacity: 0; -webkit-transform: translate(0, 30px); -ms-transform: translate(0, 30px); transform: translate(0, 30px); -webkit-transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82); transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82); } .delay1 { -webkit-transition-delay: .2s !important; transition-delay: .2s !important; } .delay2 { -webkit-transition-delay: .4s !important; transition-delay: .4s !important; } .delay3 { -webkit-transition-delay: .6s !important; transition-delay: .6s !important; } .delay4 { -webkit-transition-delay: .8s !important; transition-delay: .8s !important; } .delay5 { -webkit-transition-delay: 1s !important; transition-delay: 1s !important; } .delay6 { -webkit-transition-delay: 1.2s !important; transition-delay: 1.2s !important; } .delay7 { -webkit-transition-delay: 1.4s !important; transition-delay: 1.4s !important; } .delay8 { -webkit-transition-delay: 1.6s !important; transition-delay: 1.6s !important; } .delay9 { -webkit-transition-delay: 1.8s !important; transition-delay: 1.8s !important; } .js-m.animate { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } /* 首页 banner */ .home-banner{ position: relative; overflow: hidden;} .home-banner .swiper-container{ height: 100%;} .home-banner .swiper-slide{ overflow: hidden;} .home-banner .swiper-slide img{ display: block; width: 100%; height: 100%; object-fit:cover; transform: scale(1.15);} .home-banner .swiper-slide .swiper-inner{ width: 100%; position: absolute; top: 50%; transform:translate(0,-55%); left: 0; z-index: 9;} .home-banner .swiper-slide .swiper-inner .edit-container{ width: 1440px; margin: 0 auto;} .home-banner .swiper-slide .swiper-inner img{ transform: scale(1);} .home-banner .swiper-slide .swiper-inner .video-box{ float: left; width: 52%; overflow: hidden;} .home-banner .swiper-slide .swiper-inner .video-txt{ width: 47.5%; height: 100%; position: absolute; top: 0; left: 46.875%;} .home-banner .swiper-slide .swiper-inner .video-txt-inner{ width: 100%; overflow: hidden; position: absolute; top: 50%; transform:translate(0,-50%); left: 0;} .home-banner .swiper-slide .swiper-inner .banner-txt-box{ width: 42%; font-family: "汉仪风尚黑", Arial, Helvetica, sans-serif;} .home-banner .swiper-slide .swiper-inner .banner-txt-box .title{ font-size: 70px; line-height: 1.2;} .home-banner .swiper-slide .swiper-inner .banner-txt-box .cont{ font-size: 24px; line-height: 1.8; padding: 0 10px; margin-top: 20px;} .home-banner .swiper-slide .swiper-inner .banner-txt-box .more-btn{ padding: 0 10px; margin-top: 30px;} .home-banner .swiper-slide .swiper-inner .banner-txt-box .more-btn a{ display: inline-block; line-height: 42px; padding: 0 28px; font-size: 18px; color: #fff; background-color: #e7233b; border-radius: 42px;} .home-banner .swiper-pagination{ width: 1600px; left: 50%; margin-left: -800px; bottom: 7.8%; background: url(../images/home-banner-pagination-bg.png) center left repeat-x; font-size: 0;} .home-banner .swiper-pagination .dot{ width: 46px; height: 46px; display: inline-block; position: relative; margin: 0 108px; border-radius: 50%;} .home-banner .swiper-pagination .dot.current{ background-image: url(../images/icon-banner-swiper-pagination-dot-on.png);} .circle_process .circle-bg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 4px solid #b5b6b9; border-radius: 50%; background: url(../images/icon-banner-swiper-pagination-dot.png) center no-repeat rgba(255, 255, 255, 1); background-size: 65%;} .circle_process .circle-animation{width:50%;height:100%;position:absolute;top:0;overflow:hidden} .circle_process .right{right:0} .circle_process .left{left:0} .circle_process .circle{width:200%;height:100%;border:4px solid transparent;border-radius:50%;position:absolute;top:0;transform:rotate(-135deg)} .circle_process .rightcircle{border-top:4px solid #474747;border-right:4px solid #474747;right:0} .circle_process .leftcircle{border-bottom:4px solid #474747;border-left:4px solid #474747;left:0} @-webkit-keyframes circle_right{ 0%{-webkit-transform:rotate(-135deg)} 50%,100%{-webkit-transform:rotate(45deg)} } @-webkit-keyframes circle_left{ 0%,50%{-webkit-transform:rotate(-135deg)} 100%{-webkit-transform:rotate(45deg)} } .home-banner .swiper-pagination .dot.current .rightcircle{ -webkit-animation: circle_right 6s linear infinite;} .home-banner .swiper-pagination .dot.current .leftcircle{ -webkit-animation: circle_left 6s linear infinite;} .base-title-box{ position: relative; z-index: 5; font-weight: bold; line-height: 1;} .base-title-box .type-title{ font-size: 24px; color: #8b9fb5; margin-bottom: 25px;} .base-title-box .title-box{ font-size: 36px; position: relative; z-index: 5;} .base-title-box .title-box span{ position: relative;} .base-title-box .title-box span .more{ width: 62px; height: 62px; background-color: rgba(185, 191, 213, 0.15); border-radius: 50%; position: absolute; top: -28px; right: -46px; z-index: -1; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease;} .base-title-box .title-box span .more .icon{ width: 24px; height: 24px; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease;} .base-title-box .title-box span .more .icon img{ display: block; width: 100%;} .base-title-box .title-box span .more .text{ font-size: 16px; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); color: #fff; opacity: 0; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease;} .base-title-box .title-box span:hover .more{ width: 80px; height: 80px; background-color: #e7233b; top: -38px; right: -65px;} .base-title-box .title-box span:hover .more .icon{ opacity: 0;} .base-title-box .title-box span:hover .more .text{ opacity: 1;} .home-information{ padding: 60px 0;} .home-information-inner{ background-color: #f4f7ff; border-radius: 10px;} .home-news{ float: left; width: 50%; padding: 70px 0; border-right: 1px solid #d0d4e0;} .home-news .base-title-box{ padding: 0 90px;} .home-news .list-inner{ margin-top: 20px; height: 640px; overflow-y: auto; padding: 0 90px;} .home-news .list-inner li{ padding: 20px 10px; border-bottom: 1px solid #9c9c9c;} .home-news .list-inner li .block-box{ position: relative; padding-left: 125px;} .home-news .list-inner li .block-box .time{ font-size: 18px; font-weight: bold; line-height: 1; position: absolute; left: 0; top: 0; font-family: Arial, Helvetica, sans-serif;} .home-news .list-inner li .block-box .time .time-b{ font-size: 46px; color: #e7233b; margin-top: 5px;} .home-news .list-inner li .block-box .right-box{ margin-top: -5px;} .home-news .list-inner li .block-box .right-box .title{ font-size: 20px; line-height: 1.5; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .home-news .list-inner li .block-box .right-box .cont{ font-size: 16px; color: #666; line-height: 1.8; margin-top: 5px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;} .home-news .list-inner li:last-child{ border-bottom: 0;} .home-activity{ float: right; width: 50%; padding: 70px 90px;} .home-activity .pic{ border-radius: 10px; overflow: hidden;} .home-activity .pic img{ display: block; width: 100%; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;} .home-activity .base-title-box{ margin-top: 50px;} .home-activity .cont{ margin-top: 25px;} .home-activity .cont .title1{ font-size: 28px;} .home-activity .cont .title2{ font-size: 24px;} .home-activity .cont .more-btn{ font-size: 16px; margin-top: 25px;} .home-activity .pic:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);} .home-cloud{ padding: 60px 0;} .home-cloud-focus .swiper-slide .slide-inner{ padding: 0 100px;} .home-cloud-focus .swiper-slide .txt-left-box{ float: left; width: 38%; margin-top: 18%;} .home-cloud-focus .swiper-slide .txt-left-box-inner{} .home-cloud-focus .swiper-slide .txt-left-box .cont-box{ font-size: 18px; margin-top: 40px;} .home-cloud-focus .swiper-slide .txt-left-box .cont-box .more-btn{ margin-top: 25px; font-size: 16px;} .home-cloud-focus .swiper-slide .pic-box{ float: right; width: 56%;} .home-cloud-focus .swiper-slide .pic-box img{ display: block; width: 100%;} .home-cloud-focus .swiper-pagination{ width: 1600px; bottom: 30% !important; left: 50%; margin-left: -800px; text-align: left; padding: 0 100px;} .home-product{ padding: 60px 0;} .home-product-inner{ background: url(../images/home-product-bg.jpg) center no-repeat; background-size: cover; padding: 75px 0 60px 0; border-radius: 10px;} .home-product-inner .base-title-box{ padding: 0 100px;} .home-product-focus{ margin-top: 40px;} .home-product-focus .swiper-slide{ transform: scale(0.6); transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; padding: 0 15px;} .home-product-focus .swiper-slide .block-box{} .home-product-focus .swiper-slide .block-box .pic img{ display: block; width: 426px; margin: 0 auto;} .home-product-focus .swiper-slide .block-box .cont-box{ margin-top: 30px; text-align: center;} .home-product-focus .swiper-slide .block-box .cont-box .type-title{ font-size: 28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: none;} .home-product-focus .swiper-slide .block-box .cont-box .title{ font-size: 28px; font-weight: bold; margin-top: 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .home-product-focus .swiper-slide .block-box .cont-box .more-btn{ font-size: 16px; margin-top: 10px; display: none;} .home-product-focus .swiper-slide .block-box .cont-box .more-btn span{ display: inline-block; border-bottom: 1px solid #e7233b; color: #e7233b; padding-bottom: 25px;} .home-product-focus .swiper-slide-active{ transform: scale(1);} .home-product-focus .swiper-slide-active .block-box .cont-box .type-title{ display: block;} .home-product-focus .swiper-slide-active .block-box .cont-box .more-btn{ display: block;} .home-product-focus .swiper-arrow{ width: 44px; height: 44px; background-color: #bac8de; border-radius: 50%; position: absolute; bottom: 12%; z-index: 5; background-repeat: no-repeat; background-size: 8px auto; background-position: center; cursor: pointer;} .home-product-focus .swiper-arrow-prev{ left: 30.5%; background-image: url(../images/icon/icon-focus-arrow-prev.png);} .home-product-focus .swiper-arrow-next{ right: 30.5%; background-image: url(../images/icon/icon-focus-arrow-next.png);} .home-case{ padding: 60px 0;} .home-case .base-title-box{ text-align: center;} .home-case .base-title-inner{ display: inline-block;} .home-case-list{ margin-top: 55px;} .home-case-list ul{ margin: 0 -35px;} .home-case-list li{ float: left; width: 33.333%; padding: 0 35px;} .home-case-list li .block-box .pic{ border-radius: 10px; overflow: hidden;} .home-case-list li .block-box .pic img{ display: block; width: 100%; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;} .home-case-list li .block-box .cont-box{ margin-top: 15px;} .home-case-list li .block-box .cont-box .type-label{ border: 1px solid #858c97; border-radius: 5px; padding: 1px; font-size: 20px; line-height: 46px;} .home-case-list li .block-box .cont-box .type-label .type{ float: left; width: 90px; border-radius: 5px; background-color: #858c97; font-weight: bold; text-align: center; color: #fff;} .home-case-list li .block-box .cont-box .type-label .label-cont{ float: left;} .home-case-list li .block-box .cont-box .type-label .label-cont span{ float: left; padding: 0 30px; position: relative;} .home-case-list li .block-box .cont-box .type-label .label-cont span::before{ content: ''; width: 2px; height: 18px; background-color: #c0c0c0; position: absolute; top: 50%; transform:translate(0,-50%); right: 0;} .home-case-list li .block-box .cont-box .type-label .label-cont span:last-child{ padding-right: 0;} .home-case-list li .block-box .cont-box .type-label .label-cont span:last-child::before{ display: none;} .home-case-list li .block-box .cont-box .title{ margin-top: 20px; font-size: 20px; font-weight: bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .home-case-list li .block-box .cont-box .cont{ font-size: 16px; line-height: 2; margin-top: 5px; height: 6em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .home-case-list li .block-box .cont-box .more-btn{ font-size: 16px; margin-top: 35px;} .home-case-list li:nth-of-type(1){ margin-top: 40px;} .home-case-list li:nth-of-type(2){ margin-top: 80px;} .home-case-list li .block-box:hover .pic img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);} .home-partner{ background-color: #fff; padding: 60px 0;} .home-partner .base-title-box{ text-align: center;} .home-partner .base-title-inner{ display: inline-block;} .home-partner-list{ margin-top: 50px; text-align: center; font-size: 0; overflow: hidden;} .home-partner-list ul{ margin: 0 -110px;} .home-partner-list li{ display: inline-block; vertical-align: top; margin: 0 110px;} .home-partner-list li .icon img{ display: block; height: 205px; margin: 0 auto;} .home-partner-list li .title{ font-size: 20px; font-weight: bold; line-height: 1; padding-bottom: 20px; border-bottom: 1px solid transparent;} .home-partner-list li .anime-icon{ margin: 0 auto; width: 200px; height: 200px; background-repeat: no-repeat; background-position: 0 0; background-size: 100%; background-position-y: 0;} .home-partner-list li a:hover .title{ color: #e7233b; border-color: #e7233b;} .anime-hover:hover .anime-icon{ animation: mouse-in .5s; animation-timing-function:steps(19); animation-fill-mode:forwards;} .anime-icon.mouse-out-class{ animation: mouse-out .5s; animation-timing-function:steps(19); animation-fill-mode:forwards;} @keyframes mouse-in{ from{ background-position-y: 0; } to{ background-position-y: -3800px; } } @keyframes mouse-out{ from{ background-position-y: -3800px; } to{ background-position-y: 0; } } .home-leftsidebar{ width: 14px; position: fixed; left: 48px; top: 50%; transform:translate(0,-50%); z-index: 99; display: none;} .home-leftsidebar li{ margin-bottom: 18px; cursor: pointer;} .home-leftsidebar li .icon{ width: 12px; height: 12px; margin: 0 auto; position: relative;} .home-leftsidebar li .icon i{ width: 8px; height: 8px; background-color: #b4b4b4; border-radius: 100%; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);} .home-leftsidebar li .title{ margin-top: 15px; font-size: 14px; line-height: 1.2; display: none;} .home-leftsidebar li.active .icon i,.home-leftsidebar li:hover .icon i{ width: 12px; height: 12px; background-color: #e7233b;} .home-leftsidebar li.active .title{ display: block;} .home-leftsidebar li:last-child{ margin-bottom: 0;} .sub-banner{ position: relative;} .sub-banner img{ display: block; width: 100%;} .sub-banner .banner-inner{ width: 100%; position: absolute; left: 0; top: 50%; transform:translate(0,-35%);} .sub-banner .banner-txt{ width: 65%;} .sub-banner .banner-txt .type-title{ font-size: 24px; font-weight: bold; color: #b22835; margin-bottom: 30px;} .sub-banner .banner-txt .title{ font-size: 36px; font-weight: bold; margin-bottom: 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .sub-banner .banner-txt .cont{ font-size: 18px; line-height: 2; text-align:justify; text-justify:inter-ideograph; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;} .sub-banner .banner-txt .cont .s-title{ font-size: 24px; line-height: 1.5;} .sub-banner .banner-txt .banner-btn-box{ margin-top: 40px; font-size: 0;} .sub-banner .banner-txt .banner-btn-box a{ display: inline-block; font-size: 16px; color: #fff; min-width: 180px; line-height: 50px; padding: 0 30px; background-color: #e7233b; border-radius: 50px; margin-right: 30px; text-align: center;} .sub-banner .banner-txt .banner-btn-box a:last-child{ margin-right: 0;} .sub-banner .banner-txt .banner-nav-btn-box{ margin-top: 40px;} .sub-banner .banner-txt .banner-nav-btn-box li{ float: left; line-height: 50px; text-align: center; font-size: 16px; margin-right: 30px;} .sub-banner .banner-txt .banner-nav-btn-box li a{ display: block; color: #333; padding: 0 30px;} .sub-banner .banner-txt .banner-nav-btn-box li.active a{ background-color: #e7233b; border-radius: 50px; color: #fff;} .sub-banner .banner-txt .banner-nav-btn-box li:hover a{ color: #e7233b;} .sub-banner .banner-txt .banner-nav-btn-box li.active:hover a{ color: #fff;} .sub-banner .banner-txt .banner-nav-btn-box li:last-child{ margin-right: 0;} .sub-base-title{ font-size: 36px; line-height: 1; font-weight: bold;} .product-overview-section{ padding: 70px 0;} .product-overview-inner .top-txt-box{ font-size: 18px; line-height: 2; margin-top: 30px;} .product-overview-inner .top-txt-box .img{ margin-top: 30px;} .product-overview-inner .top-txt-box .img img{ display: block; width: 80%; margin: 0 auto;} .product-overview-inner .top-txt-box .pic-box{ float: left; width: 40%;} .product-overview-inner .top-txt-box .pic-box img{ display: block; width: 80%; margin: 0 auto;} .product-overview-inner .top-txt-box .cont-box{ float: right; width: 60%;} .product-overview-list{ padding-top: 20px;} .product-overview-list .product-overview-list-block{ border: 2px solid #c4cbda; border-radius: 10px; padding: 20px 30px 20px 240px; position: relative; margin-top: 20px;} .product-overview-list .product-overview-list-block .block-type{ width: 240px; font-size: 24px; text-align: center; position: absolute; left: 0; top: 50%; transform:translate(0,-50%);} .product-overview-list .product-overview-list-block .list-box{ font-size: 18px;} .product-overview-list .product-overview-list-block .list-box .list-box-block{ background-color: #f4f7fc; border-radius: 10px; padding: 0 10px; position: relative; margin-bottom: 10px; overflow: hidden; line-height: 60px;} .product-overview-list .product-overview-list-block .list-box .list-box-block:last-child{ margin-bottom: 0;} .product-overview-list .product-overview-list-block .list-box .list-box-block li{ padding: 0 45px; border-bottom: 2px dotted #ddd;} .product-overview-list .product-overview-list-block .list-box .list-box-block li:last-child{ border-bottom: 0;} .product-overview-list .product-overview-list-block .list-box .list-box-block2{ padding-left: 240px;} .product-overview-list .product-overview-list-block .list-box .list-box-block2 .type-title{ width: 240px; font-weight: bold; color: #7488a3; text-align: center; position: absolute; left: 0; top: 50%; transform:translate(0,-50%);} .product-overview-list .product-overview-list-block .list-box .list-box-block2 ul{ position: relative; top: 2px;} .product-overview-list .product-overview-list-block .list-box .list-box-block2 li{ padding: 0; border-bottom: 0;} .product-overview-list .product-overview-list-block .list-box .list-box-block2 li dd{ float: left; width: 33.333%; border-bottom: 2px dotted #ddd; padding: 0 20px;} .product-overview-list .product-overview-list-block .list-box .list-box-block3{ text-align: center;} .product-overview-list .product-overview-list-block .list-box .list-box-block3 span{ display: inline-block; padding: 0 20px; position: relative;} .product-overview-list .product-overview-list-block .list-box .list-box-block3 span::before{ content: ''; width: 2px; height: 18px; background-color: #333; position: absolute; top: 50%; transform:translate(0,-50%); right: 0;} .product-overview-list .product-overview-list-block .list-box .list-box-block3 span:last-child::before{ display: none;} .core-value-section{ padding: 70px 0; background-color: #f3f7fc;} .core-value-inner{ margin-top: 10px;} .core-value-inner ul{ margin: 0 -15px;} .core-value-inner li{ float: left; width: 33.333%; padding: 0 15px; margin-top: 30px;} .core-value-inner li .block-box{ /* background-color: rgba(255, 255, 255, 0.48); */ border-radius: 10px; padding: 60px;} .core-value-inner li .block-box .icon img{ display: block; width: 37%; margin: 0 auto;} .core-value-inner li .block-box .cont-box{ line-height: 2; margin-top: 20px;} .core-value-inner li .block-box .cont-box .title{ font-size: 20px; font-weight: bold; text-align: center;} .core-value-inner li .block-box .cont-box .cont{ font-size: 16px; /* height: 6em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; */} .core-value-inner-1 li{ width: 25%;} .core-value-inner-1 li .block-box{ padding: 40px;} .core-value-inner-2 li{ width: 20%;} .core-value-inner-2 li .block-box{ padding: 30px;} .core-value-section .top-title{ font-size: 36px; line-height: 1; font-weight: bold; text-align: center; margin-bottom: 40px;} .technical-features-section{ padding: 70px 0 0 0;} .technical-features-inner{ margin-top: 40px; background-color: #f3f7fc; border-radius: 10px; padding: 20px 45px 60px 45px;} .technical-features-inner .tabs{ line-height: 65px; border-bottom: 1px solid #dfdfdf; font-size: 0; text-align: center;} .technical-features-inner .tabs li{ display: inline-block; vertical-align: top; font-size: 20px; margin: 0 35px; cursor: pointer;} .technical-features-inner .tabs li.active{ font-weight: bold; color: #e7233b;} .technical-features-inner .tabs-content{ padding: 0 125px; margin-top: 40px;} .technical-features-inner .tabs-content .box{ display: none;} .technical-features-inner .tabs-content .box .title{ font-size: 20px; font-weight: bold;} .technical-features-inner .tabs-content .box .cont{ font-size: 16px; line-height: 2;} .technical-features-inner .tabs-content .box .cont p{ margin-top: 10px;} .technical-features-inner .tabs-content .box .cont .img{ margin-top: 30px;} .technical-features-inner .tabs-content .box .cont .img img{ display: block; width: 80%; margin: 0 auto;} .industry-case-section{ padding: 70px 0;} .industry-case-inner{ margin-top: 10px;} .industry-case-inner ul{ margin: 0 -15px;} .industry-case-inner li{ float: left; width: 33.333%; padding: 0 15px; margin-top: 30px;} .industry-case-inner li .block-box{} .industry-case-inner li .block-box .pic{ overflow: hidden; border-radius: 10px;} .industry-case-inner li .block-box .pic img{ display: block; width: 100%; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;} .industry-case-inner li .block-box .cont-box{ margin-top: 15px;} .industry-case-inner li .block-box .cont-box .type-label{ border: 1px solid #858c97; border-radius: 5px; padding: 1px; font-size: 20px; height: 46px; line-height: 42px;} .industry-case-inner li .block-box .cont-box .type-label .type{ float: left; width: 100px; border-radius: 5px; background-color: #858c97; font-weight: bold; text-align: center; color: #fff;} .industry-case-inner li .block-box .cont-box .type-label .label-cont{ float: left;} .industry-case-inner li .block-box .cont-box .type-label .label-cont span{ float: left; padding: 0 30px; position: relative;} .industry-case-inner li .block-box .cont-box .type-label .label-cont span::before{ content: ''; width: 2px; height: 18px; background-color: #c0c0c0; position: absolute; top: 50%; transform:translate(0,-50%); right: 0;} .industry-case-inner li .block-box .cont-box .type-label .label-cont span:last-child{ padding-right: 0;} .industry-case-inner li .block-box .cont-box .type-label .label-cont span:last-child::before{ display: none;} .industry-case-inner li .block-box .cont-box .title{ margin-top: 20px; font-size: 20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .industry-case-inner li .block-box .cont-box .cont{ font-size: 16px; line-height: 2; margin-top: 5px; height: 6em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .industry-case-inner li .block-box .cont-box .more-btn{ margin-top: 15px; font-size: 16px;} .industry-case-inner li .block-box:hover .pic img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);} .know-more-section{ border-top: 1px solid #b9b9b9; padding: 50px 0; text-align: center;} .know-more-inner .title{ font-size: 36px; line-height: 1;} .know-more-inner .know-more-btn-box{ margin-top: 40px; font-size: 0;} .know-more-inner .know-more-btn-box a{ display: inline-block; font-size: 16px; color: #fff; min-width: 180px; line-height: 50px; padding: 0 30px; background-color: #e7233b; border-radius: 50px; margin: 0 15px; text-align: center;} .industry-overview-section{ padding: 70px 0;} .industry-overview-inner .top-txt-box{ font-size: 16px; line-height: 2; margin-top: 30px;} .industry-overview-inner .top-txt-box .title{ font-size: 20px; font-weight: bold; color: #e7233b;} .industry-overview-inner-list{ margin-top: 10px;} .industry-overview-inner-list ul{ margin: 0 -15px;} .industry-overview-inner-list li{ float: left; width: 25%; padding: 0 15px; margin-top: 30px;} .industry-overview-inner-list li .block-box{ background-color: #eef0f7; border-radius: 10px; padding: 40px;} .industry-overview-inner-list li .block-box .icon img{ display: block; width: 37%; margin: 0 auto;} .industry-overview-inner-list li .block-box .cont-box{ line-height: 2; margin-top: 20px;} .industry-overview-inner-list li .block-box .cont-box .title{ font-size: 20px; font-weight: bold;} .industry-overview-inner-list li .block-box .cont-box .title span{ color: #e7233b;} .industry-overview-inner-list li .block-box .cont-box .cont{ font-size: 16px; height: 8em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;} .solution-section{ padding: 70px 0; background-color: #f3f7fc;} .solution-inner{ margin-top: 10px;} .solution-inner ul{ margin: 0 -15px;} .solution-inner li{ float: left; width: 33.333%; padding: 0 15px; margin-top: 30px;} .solution-inner li .block-box .pic{ overflow: hidden; border-radius: 10px;} .solution-inner li .block-box .pic img{ display: block; width: 100%;} .solution-inner li .block-box .cont-box{ line-height: 2; margin-top: 20px;} .solution-inner li .block-box .cont-box .title{ font-size: 20px; font-weight: bold;} .solution-inner li .block-box .cont-box .cont{ font-size: 16px; height: 6em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;} .main-product-section{ padding: 70px 0; background-color: #f3f7fc;} .main-product-inner{ margin-top: 10px;} .main-product-inner ul{ margin: 0 -15px;} .main-product-inner li{ float: left; width: 25%; padding: 0 15px; margin-top: 30px;} .main-product-inner li .block-box{ background-color: #fff; border-radius: 10px; padding: 20px; position: relative;} .main-product-inner li .block-box .icon{ float: left; width: 45%;} .main-product-inner li .block-box .icon img{ display: block; width: 108px; margin: 0 auto;} .main-product-inner li .block-box .cont-box{ float: right; width: 55%; height: 108px; padding-left: 5%; font-size: 20px; font-weight: bold; position: relative; display: table;} .main-product-inner li .block-box .cont-box span{ display:table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:0;}} .main-product-inner li .block-box .cont-box .title1,.main-product-inner li .block-box .cont-box .title2{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .information-activities-section{ padding: 70px 0;} .information-activities-foucs{ margin: 40px -15px 0 -15px;} .information-activities-foucs .swiper-slide{ padding: 0 15px; float: left; width: 33.333%;} .information-activities-foucs .swiper-slide .block-box .time{ font-size: 18px; font-weight: bold; line-height: 1; font-family: Arial, Helvetica, sans-serif;} .information-activities-foucs .swiper-slide .block-box .time .time-b{ font-size: 46px; color: #e7233b; margin-bottom: 5px;} .information-activities-foucs .swiper-slide .block-box .cont-box{ margin-top: 20px;} .information-activities-foucs .swiper-slide .block-box .cont-box .title{ font-size: 20px; font-weight: bold; height: 3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .information-activities-foucs .swiper-slide .block-box .cont-box .cont{ font-size: 16px; line-height: 1.8; margin-top: 5px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;} .information-activities-foucs .swiper-pagination{ position: initial; margin-top: 30px;} .about-digital-section{ padding: 70px 0; background: url(../images/about-digital-bg.jpg) bottom center no-repeat; background-size: cover;} .about-digital-section .en-title{ font-size: 140px; font-family: "Helvetica"; font-weight: bold; font-style: italic; color: #e6ecf2; text-align: center; line-height: 1;} .about-digital-section .cont-inner .top-box{ text-align: center; font-weight: bold;} .about-digital-section .cont-inner .top-box .title{ font-size: 36px;} .about-digital-section .cont-inner .top-box .stock-code{ font-size: 20px; color: #e7233b; margin-top: 10px;} .about-digital-section .cont-inner .cont{ font-size: 18px; color: #7f7f7f; line-height: 2;} .about-digital-section .cont-inner .cont p{ margin-top: 20px;} .about-qysl-section{ padding: 70px 0; background: url(../images/about-qysl-bg.jpg) top center no-repeat; background-size: cover;} /* .about-qysl-inner{ width: 1400px; margin: 0 auto;} */ .about-qysl-inner .top-title{ font-size: 36px; line-height: 1; font-weight: bold; text-align: center;} .about-qysl-inner .cont{ font-size: 18px; line-height: 2; text-align: center; margin-top: 30px;} .about-qysl-inner .list-box{ margin-top: 10px;} .about-qysl-inner .list-box ul{ margin: 0 -15px;} .about-qysl-inner .list-box li{ float: left; width: 20%; padding: 0 15px; margin-top: 30px;} .about-qysl-inner .list-box li .block-box{ background-color: rgba(255, 255, 255, 0.35); border: 1px solid #fff; border-radius: 10px; min-height: 250px; padding: 40px; text-align: center; position:relative; display:table; width: 100%; font-size: 20px;} .about-qysl-inner .list-box li .block-box .inner{ display:table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:0;} .about-qysl-inner .list-box li .block-box .title{ font-size: 36px; font-weight: bold; color: #e7233b; line-height: 1; margin-bottom: 20px;} .about-qysl-inner .list-box li .block-box .title span{ font-size: 48px;} .about-qysl-inner .notes{ margin-top: 40px; font-size: 16px; text-align: center;} .about-iic-section .pic-box{ float: right; width: 50%;} .about-iic-section .pic-box img{ display: block; width: 100%;} .about-iic-section .cont-inner{ float: left; width: 50%; padding: 70px 90px 70px 160px;} .about-iic-section .cont-inner .en-title{ font-size: 120px; font-family: "Helvetica"; font-weight: bold; color: #e6ecf2; line-height: 1;} .about-iic-section .cont-inner .title{ font-size: 36px; font-weight: bold;} .about-iic-section .cont-inner .cont{ font-size: 18px; color: #7f7f7f; line-height: 2; margin-top: 10px;} .about-iic-section .cont-inner .cont p{ margin-top: 30px;} .about-iic-section .cont-inner .cont p:first-child{ margin-top: 0;} .about-us-section{ padding: 70px 0; background: url(../images/icon/home-body-bg.png) left top repeat; background-size: 18px;} /* .about-us-inner ul{ margin: 0 -50px;} */ .about-us-inner li{ float: left; width: 50%; padding: 0 50px; font-size: 0;} .about-us-inner li .block-box .icon{ display: inline-block; vertical-align: middle; height: 160px;} .about-us-inner li .block-box .icon img { display: block; height: 100%;} .about-us-inner li .block-box .title{ display: inline-block; vertical-align: middle; font-size: 24px; font-weight: bold;} .about-us-inner li .anime-icon{ display: inline-block; vertical-align: middle; width: 200px; height: 200px; background-repeat: no-repeat; background-position: 0 0; background-size: 100%; background-position-y: 0;} .chairman-section{ padding: 70px 0; background-color: #f9fbff;} .chairman-section .pic-box{ float: right; width: 35%; margin-bottom: -145px; position: relative; z-index: 5; border-radius: 10px; overflow: hidden;} .chairman-section .pic-box img{ display: block; width: 100%;} .chairman-section .pic-box2{ margin-bottom: 0 !important;} .chairman-section .cont-inner{ float: left; width: 60%;} .chairman-section .cont-inner .top-title{ font-size: 36px; font-weight: bold;} .chairman-section .cont-inner .cont{ font-size: 20px; color: #6f7076; line-height: 2;} .chairman-section .cont-inner .cont p{ margin-top: 30px;} .chairman-section .cont-inner .cont strong{ color: #333;} .chairman-section .cont-inner1{ float: left; width: 100%;} .chairman-section .cont-inner1 .top-title{ font-size: 36px; font-weight: bold;} .chairman-section .cont-inner1 .cont{ font-size: 20px; color: #6f7076; line-height: 2;} .chairman-section .cont-inner1 .cont p{ margin-top: 30px;} .chairman-section .cont-inner1 .cont strong{ color: #333;} .chairman-section .cont-inner1 .img{ text-align: center; margin-top: 20px;} .chairman-section .cont-inner1 .img img{ display: block; width: 40%; margin: 0 auto;} .introduction-leaders-section{ padding: 70px 0;} .introduction-leaders-section .top-title{ font-size: 36px; font-weight: bold;} .introduction-leaders-section .cont{ font-size: 20px; line-height: 2; color: #6f7076;} .introduction-leaders-section .cont p{ margin-top: 30px;} .news-container{ padding: 70px 0 70px 260px; background-color: #f9fbff; position: relative;} .news-container2{ padding: 70px 0; background-color: #f9fbff; position: relative;} .news-container2 .waterfull{ margin-top: 0;} .sub-leftsidebar{ width: 260px; background-color: #fff; position: absolute; top: 0; bottom: 0; left: 0; padding: 70px 25px; overflow-y: auto;} .sub-leftsidebar .item-block{ border-bottom: 1px solid #e3e7ee; padding: 0 0 30px 45px; margin-bottom: 30px;} .sub-leftsidebar .item-block .title{ font-size: 20px; font-weight: bold;} .sub-leftsidebar .item-block dl dd{ font-size: 16px; margin-top: 20px; padding-left: 25px; position: relative; cursor: pointer;} .sub-leftsidebar .item-block dl dd::before{ content: ''; width: 14px; height: 14px; background-color: #e6e8f3; border: 1px solid #a6abc0; border-radius: 3px; position: absolute; left: 0; top: 50%; margin-top: -8px;} .sub-leftsidebar .item-block dl dd.active::before{ background-color: #e7233b; border-color: #e7233b;} .sub-leftsidebar .item-block dl dd input{ display: none;} .sub-leftsidebar .item-block:last-child{ padding-bottom: 0; margin-bottom: 0; border-bottom: 0;} .sub-leftsidebar .search-btn{ padding-left: 45px;} .sub-leftsidebar .search-btn a{ display: inline-block; font-size: 16px; color: #fff; line-height: 40px; padding: 0 30px; background-color: #e7233b; border-radius: 40px; text-align: center;} .sub-leftsidebar.fixed{ position: fixed; top: 0; left: 0; height: 100%;} .sub-leftsidebar.news .item-block .title{ background: url(../images/icon/icon-side-title-arrow.png) 130px center no-repeat; background-size: 12px; cursor: pointer;} .sub-leftsidebar.news .item-block dl{ display: none;} .sub-leftsidebar.news .item-block.active .title{ background-image: url(../images/icon/icon-side-title-arrow2.png);} .sub-leftsidebar.news .item-block.active dl{ display: block;} .news-list-section{ width: 1400px; margin: 0 auto;} .news-list-focus{ border-radius: 10px; overflow: hidden;} .news-list-focus .swiper-slide .block-box{ position: relative;} .news-list-focus .swiper-slide .block-box img{ display: block; width: 100%;} .news-list-focus .swiper-slide .block-box .bottom-box{ width: 100%; height: 100px; line-height: 100px; background-color: rgba(000, 000, 000, 0.72); position: absolute; left: 0; bottom: 0; padding: 0 35px 0 55px; color: #fff;} .news-list-focus .swiper-slide .block-box .bottom-box .title-box{ float: left; width: 56%; position: relative;} .news-list-focus .swiper-slide .block-box .bottom-box .title-box .title{ font-size: 24px; font-weight: bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .news-list-focus .swiper-slide .block-box .bottom-box .title-box .type{ position: absolute; top: 0; right: -122px;} .news-list-focus .swiper-slide .block-box .bottom-box .title-box .type span{ display: inline-block; vertical-align: middle; line-height: 36px; padding: 0 20px; background-color: #858c97; border-radius: 5px; font-size: 18px;} .news-list-focus .swiper-slide .block-box .bottom-box .time{ float: right; font-size: 18px;} .news-list-focus .swiper-pagination-box{ width: 100%; position: absolute; left: 0; bottom: 120px; z-index: 9; text-align: center;} .news-list-focus .swiper-pagination-box .swiper-pagination{ position: relative; bottom: auto !important; display: inline-block; vertical-align: middle; margin: 0 100px;} .news-list-focus .swiper-pagination-box .swiper-pagination .swiper-pagination-bullet{ margin: 0 16px;} .news-list-focus .swiper-pagination-box .swiper-arrow{ display: inline-block; vertical-align: middle; width: 38px; height: 38px; background-size: 18px auto; background-repeat: no-repeat; background-position: center; cursor: pointer;} .news-list-focus .swiper-pagination-box .swiper-arrow-prev{ background-image: url(../images/icon/icon-focus-arrow-prev.png);} .news-list-focus .swiper-pagination-box .swiper-arrow-next{ background-image: url(../images/icon/icon-focus-arrow-next.png);} .waterfull{ margin: 70px -15px 0 -15px;} .waterfull li{ float: left; width: 33.333%; padding: 0 15px; margin-bottom: 30px;} .waterfull li .block-box{ border: 1px solid #e3e8f1; border-radius: 10px; background-color: #fff; overflow: hidden;} .waterfull li .block-box .pic-box{ height: 329px;} .waterfull li .block-box .pic-box img{ display: block; width: 100%; height: 100%; object-fit: cover;} .waterfull li .block-box .cont-box .title-box{ padding: 30px 20px; border-bottom: 1px solid #e3e8f1;} .waterfull li .block-box .cont-box .title-box .title{ font-size: 20px; height: 3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .waterfull li .block-box .cont-box .bottom-box{ font-size: 16px; color: #8e959d; line-height: 50px; padding: 0 20px;} .waterfull li .block-box .cont-box .bottom-box .time,.waterfull li .block-box .cont-box .bottom-box .type{ display: inline-block; vertical-align: middle;} .waterfull li .block-box .cont-box .bottom-box .time{ font-size: 18px; margin-right: 40px;} #imloading{ text-align: center; display: none;} .news-details-container{ padding: 140px 0 70px 0; background-color: #f3f7fc;} .news-details-top-box{ position: relative;} .news-details-top-box .left-box{ float: left; width: 65%;} .news-details-top-box .left-box .time{ font-size: 18px; font-weight: bold; line-height: 1;} .news-details-top-box .left-box .time .time-b{ font-size: 48px; color: #e7233b; margin-top: 5px;} .news-details-top-box .left-box .title-box{ position: relative;} .news-details-top-box .left-box .title-box .title{ font-size: 28px; font-weight: bold;} .news-details-top-box .left-box .title-box .type{ position: absolute; top: 50%; margin-top: -18px; right: -122px;} .news-details-top-box .left-box .title-box .type span{ display: inline-block; vertical-align: middle; line-height: 36px; padding: 0 20px; background-color: #858c97; border-radius: 5px; font-size: 18px; color: #fff;} .news-details-top-box .share-box{ position: absolute; bottom: 0; right: 0;} .social-share .social-share-icon{ display: inline-block; vertical-align: top; width: 50px; height: 50px; background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; margin-left: 20px; border: 1px solid #d2d6e4; border-radius: 10px;} .social-share .social-share-icon:first-child{ margin-left: 0;} .social-share .icon-weibo{ background-image: url(../images/icon/icon-share-weibo.png);} .social-share .icon-wechat{ background-image: url(../images/icon/icon-share-wechat.png);} .social-share .icon-wechat .wechat-qrcode{position:absolute;bottom:-205px;left:-84px;z-index:9;display:none;width:200px;height:192px;border:1px solid #eee;background-color:#fff;box-shadow:0 2px 10px #aaa;color:#666;text-align:center;font-size:12px;-moz-transition:all 350ms;transition:all .2s;-webkit-tansition:all 350ms} .social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px} .social-share .icon-wechat .wechat-qrcode.bottom:after{display:none} .social-share .icon-wechat .wechat-qrcode h4{margin:0;padding:0;height:26px;background-color:#f3f3f3;color:#777;font-weight:400;font-size:12px;line-height:26px} .social-share .icon-wechat .wechat-qrcode .qrcode{margin:10px auto;width:105px} .social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0!important} .social-share .icon-wechat .wechat-qrcode .help p{margin:0;padding:0;font-weight:400;line-height:16px} .social-share .icon-wechat .wechat-qrcode:after{position:absolute;top:-13px;left:50%;margin-left:-6px;width:0;height:0;border-color:transparent transparent #f3f3f3 transparent;border-style:solid;border-width:8px 6px 6px 6px;content:''} .social-share .icon-wechat:hover .wechat-qrcode{display:block} .details-content-inner{ background-color: #fff; border-radius: 10px; margin-top: 45px; padding: 30px 0 60px 0;} .details-content-inner .content-inner{ width: 1400px; margin: 0 auto; font-size: 16px; line-height: 2;} .details-content-inner .content-inner p{ margin-top: 30px; text-indent: 2em;} .details-content-inner .content-inner .img{ margin-top: 30px;} .details-content-inner .content-inner .img img,.details-content-inner .content-inner .img video{ display: block; width: 80%; margin: 0 auto;} .details-content-inner .content-inner .img p{ text-indent: 0; text-align: center; margin-top: 10px;} /*投资者交流*/ .investor-comminicate-section{ padding: 20px 0; } .investor-comminicate-section .comminicate-list{ overflow: hidden;} .investor-comminicate-section .comminicate-list li{ display: block;width: 100%; border-bottom: #c7c7c7 solid 1px; padding: 40px 15px; position: relative; } .investor-comminicate-section .comminicate-list li:after{ content: ""; position: absolute; width: 0; height: 2px; bottom: -1px; left: 0;background-color: #e7233b; } .investor-comminicate-section .comminicate-list li:hover:after{ width: 510px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;} .investor-comminicate-section .comminicate-list li .icon{ width: 30px; position: absolute; left: 15px; top: 0; } .investor-comminicate-section .comminicate-list li .icon img{ width: 100%; display: block; } .investor-comminicate-section .comminicate-list li .cont{ font-size: 20px; margin-left: 70px; /* text-overflow: ellipsis;white-space: nowrap;overflow: hidden; */ } .investor-comminicate-section .comminicate-list li .title{ float: left; width: 80%; position: relative;} .investor-comminicate-section .comminicate-list li .time{ float: right; font-size: 16px;} .investor-comminicate-section .comminicate-list .list-more{ width: 17px; margin:50px auto; cursor: pointer;} .investor-comminicate-section .comminicate-list .list-more img{ width: 100%; display: block; } .investor-more-section{ padding: 0 0 70px 0;} .investor-more-section .investor-other-box{ overflow: hidden; background-color:#f7faff; padding: 70px 40px; border-radius: 5px; } .investor-more-section .investor-other-top{ overflow: hidden; margin-bottom: 30px; } .investor-more-section .investor-other-top .block-box{ float: left; background-color:#fff; margin-left: 2%; width: 15%; text-align: center; height: 185px; display: flex;align-items: center;justify-content: center; border:#e5e9f3 solid 1px; border-radius: 10px; padding: 0 15px;} .investor-more-section .investor-other-top .block-box:first-child{ margin-left: 0;width: 51%;} .investor-more-section .investor-other-top .block-box:last-child{ width: 30%; } .investor-more-section .block-box .title{ font-size: 20px; color: #212121; font-weight: bold; margin-bottom: 15px; } .investor-more-section .block-box .cont{ font-size: 16px; color: #5a5d5f; } .investor-more-section .block-box .cont span{ display: inline-block; margin: 0 10px; } .investor-more-section .investor-other-bottom{ overflow: hidden; } .investor-more-section .investor-other-bottom .block-box{ float: left; background-color:#fff; margin-left: 2%;text-align: center; height:240px; display: flex;align-items: center;justify-content: center; border:#e5e9f3 solid 1px; border-radius: 10px; } .investor-more-section .investor-other-bottom .block-box:first-child{ margin-left: 0;width: 68%;} .investor-more-section .investor-other-bottom .block-box:last-child{ width: 30%; } /*公司公告*/ .announcement-container{ padding: 70px 0 70px 260px; position: relative;} .announcement-container .sub-leftsidebar{padding: 70px 25px; border-right: #e3e3e3 solid 1px;} .announcement-container .sub-leftsidebar .years-more{ font-size: 14px; color: #3e414b; display: block; margin-top: 20px; cursor: pointer;} .announcement-container .sub-leftsidebar .years-more img{width: 14px; display: inline-block; margin: 6px 0 0 10px; } .announcement-list-section { width: 1400px;margin: 0 auto;} .announcement-list-section .announcement-list{overflow: hidden;} .announcement-list-section .announcement-list li{ padding: 0 10px 30px 10px; margin-bottom: 30px; border-bottom: 1px solid #e3e3e3; position: relative;} .announcement-list-section .announcement-list li:after{ content: ""; position: absolute; width: 0; height: 2px; bottom: -1px; left: 0;background-color: #e7233b; } .announcement-list-section .announcement-list li:hover:after{ width: 510px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;} .announcement-list-section .announcement-list li .block-box{ position: relative; padding-left: 125px;} .announcement-list-section .announcement-list li .block-box .time{ font-size: 18px; font-weight: bold; line-height: 1; position: absolute; left: 0; top:5px;} .announcement-list-section .announcement-list li .block-box .time .time-b{ font-size: 48px; color: #e7233b; margin-top: 5px;} .announcement-list-section .announcement-list li .block-box .right-box{ min-height: 72px;} .announcement-list-section .announcement-list li .block-box .right-box .title{ font-size: 20px; line-height: 1.5; font-weight: bold; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .announcement-list-section .announcement-list li .block-box .right-box .cont{ font-size: 16px; line-height: 1.8; margin-top: 15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;} .announcement-list-section .announcement-list li:last-child{ border-bottom: 0; margin-bottom: 0;} .announcement-list-section .announcement-list li:last-child:after{ width: 0;} .announcement-list-section .list-more{ width: 17px; margin:50px auto; cursor: pointer;} .announcement-list-section .list-more img{ width: 100%; display: block; } /*资质奖项*/ .about-qyzz-section{padding: 70px 0;} .qyzz-foucs{margin: 40px -15px 0 -15px;} .qyzz-foucs .swiper-slide{ padding: 0 15px; margin-bottom: 30px;} .qyzz-foucs .swiper-slide .block-box{ text-align: center;} .qyzz-foucs .swiper-slide .block-box .pic-box{ background-color: #edf0f8; padding: 30px 0; border-radius: 10px; margin-bottom: 30px;} .qyzz-foucs .swiper-slide .block-box .pic{ margin: 0 auto; text-align: center; width: 310px; height: 383px; position: relative;} .qyzz-foucs .swiper-slide .block-box .pic img{ display: block; max-width:100%; max-height:100%; box-shadow: 0 0 30px #c5dbf1; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);} .qyzz-foucs .swiper-slide .block-box .cont-box{ position: relative; z-index: 5;} .qyzz-foucs .swiper-slide .block-box .title{ display: block;font-size: 20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height: 3em;} .qyzz-foucs .swiper-pagination{position: initial;} .about-ryjx-section{padding: 70px 0; background: url(../images/about-ryjx-bg.jpg) top center no-repeat; background-size: cover;} .about-ryjx-inner{position: relative;} .about-ryjx-inner .tabs{width: 100%; position: absolute; left: 0; bottom: 0;font-size: 0; text-align: center;} .about-ryjx-inner .tabs li{ display: inline-block; font-size: 22px;padding:5px 30px; cursor: pointer; font-weight: bold;} .about-ryjx-inner .tabs li.active{ background-color: #e7233b; border-radius: 40px; color: #fff;} .about-ryjx-inner .tabs-content{ padding: 40px 40px 100px; margin-top: 40px;} .about-ryjx-inner .tabs-content .box{ display: none;} .about-ryjx-inner .tabs-content .box.active{ display: block; } .about-ryjx-inner .tabs-content .box .hidden-content{ display: none; } .about-ryjx-inner .tabs-content .box .ryjx-slide{ margin: 0 auto;} .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-slide{ transform: scale(0.6); /* transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; */ padding: 0 15px;} .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-slide .block-box{} .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-slide .block-box .pic {min-height: 400px; display: flex;align-items: center;justify-content: center;} .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-slide .block-box .pic img{ display: block; width: 100%;margin: 0 auto;} .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-slide .block-box .cont-box{ margin-top: 30px; text-align: center;} .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-slide .block-box .cont-box .title{ font-size: 30px; font-weight: bold; margin-top: 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-slide .block-box .cont-box .cont{ font-size: 22px;margin-top: 5px; } .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-slide .block-box .cont-box .more-btn{ font-size: 24px; margin-top: 10px; display: none;} .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-slide .block-box .cont-box .more-btn span{ display: inline-block; border-bottom: 1px solid #e7233b; color: #e7233b; padding-bottom: 25px;} .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-slide-active{ transform: scale(1);} .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-slide-active .block-box .cont-box .type-title{ display: block;} .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-slide-active .block-box .cont-box .more-btn{ display: block;} .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-arrow{ width: 44px; height: 44px; background-color: #bac8de; border-radius: 50%; position: absolute; bottom: 2%; z-index: 5; background-repeat: no-repeat; background-size: 8px auto; background-position: center; cursor: pointer;} .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-arrow-prev{ left: 30.5%; background-image: url(../images/icon/icon-focus-arrow-prev.png);} .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-arrow-next{ right: 30.5%; background-image: url(../images/icon/icon-focus-arrow-next.png);} .about-ryjx-inner .tabs-content .box .ryjx-slide.active{ width: 60%;} .ecological-partners-txt-section{ background: url(../images/ecological-partners-txt-bg.jpg) bottom center no-repeat; background-size: 100% auto; padding: 70px 0;} /* .ecological-partners-txt-section .inner-box{ width: 1200px; margin: 0 auto;} */ .ecological-partners-txt-section .inner-box .sub-base-title{ text-align: center;} .ecological-partners-txt-section .inner-box .cont{ font-size: 18px; line-height: 2; margin-top: 30px;} .ecological-partners-txt-section .inner-box .cont .img{ margin-top: 30px;} .ecological-partners-txt-section .inner-box .cont .img img{ display: block; width: 80%; margin: 0 auto;} .ecological-partners-section{ background: url(../images/ecological-partners-bg.jpg) bottom center no-repeat; background-size: cover; padding: 70px 0;} .ecological-partners-section .inner-box{ /* width: 1280px; margin: 0 auto; */} .ecological-partners-section .inner-box .sub-base-title{ text-align: center;} .ecological-partners-section .inner-box .list-inner{ padding-top: 10px;} .ecological-partners-section .inner-box .list-inner ul{ margin: 0 -15px;} .ecological-partners-section .inner-box .list-inner li{ float: left; width: 14.285%; padding: 0 15px; margin-top: 30px;} .ecological-partners-section .inner-box .list-inner li .block-box{ border: 1px solid #cfd6eb; border-radius: 5px; background-color: #fff; overflow: hidden;} .ecological-partners-section .inner-box .list-inner li .block-box img{ display: block; width: 100%;} .ecological-partners-section .inner-box .list-inner li .block-box:hover{ box-shadow:0 8px 27px rgba(000,000,000,0.23);} .ecological-partners-focus{ padding-top: 25px;} .ecological-partners-focus .swiper-container{ margin: 0 -15px;} .ecological-partners-focus .swiper-wrapper{ display: block;} .ecological-partners-focus .swiper-slide{ float: left; width: 14.285%; padding: 15px;} .ecological-partners-focus .swiper-slide .block-box{ border: 1px solid #cfd6eb; border-radius: 5px; background-color: #fff; overflow: hidden; height: 168px; position: relative;} .ecological-partners-focus .swiper-slide .block-box img{ display: block; max-width: 80%; max-height: 80%; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);} .ecological-partners-focus .swiper-slide .block-box:hover{ box-shadow:0 0 15px rgba(000,000,000,0.23);} .ecological-partners-focus.foucs-animate .swiper-wrapper{ display: flex;} .ecological-partners-focus.foucs-animate .swiper-pagination{ position: initial; margin-top: 15px;} .case-describe-section{ padding: 70px 0;} .case-describe-section .list-inner li{ border: 1px solid #c9c9c9; padding: 60px 90px; margin-bottom: 40px;} .case-describe-section .list-inner li .cont{ margin-top: 20px; font-size: 16px; line-height: 2;} .case-describe-section .list-inner li:hover{ background-color: #f3f7fc; border-color: #f3f7fc;} .case-describe-section .list-inner li:last-child{ margin-bottom: 0;} .contactus-container{ padding: 50px 0 50px 260px; background-color: #f9fbff; position: relative;} .contactus-leftsidebar{ width: 260px; background-color: #fff; position: absolute; top: 0; bottom: 0; left: 0; padding: 70px 25px; overflow-y: auto; font-size: 18px;} .contactus-leftsidebar li .title{ line-height: 34px; padding: 0 32px; cursor: pointer;} .contactus-leftsidebar li .title:hover,.contactus-leftsidebar li.active .title{ background: url(../images/icon/icon-city-arrow.png) 94% center no-repeat; background-size: 10px auto; color: #e7233b;} .contactus-leftsidebar li dl{ border-top: 1px solid #e1e4ea; border-bottom: 1px solid #e1e4ea; display: none;} .contactus-leftsidebar li dd{ line-height: 42px; padding: 0 32px; cursor: pointer;} .contactus-leftsidebar li dd:hover,.contactus-leftsidebar li dd.active{ color: #e7233b;} .contactus-leftsidebar li.active dl{ display: block;} .contactus-leftsidebar.fixed{ position: fixed; top: 0; left: 0; height: 100%;} .contactus-list-section{ width: 1400px; margin: 0 auto;} .contactus-list-section ul{ margin: 0 -10px;} .contactus-list-section li{ float: left; width: 33.333%; padding: 25px 10px 30px 10px;} .contactus-list-section li .block-box{ border: 1px solid #e3e8f1; border-radius: 5px; background-color: #fff;} .contactus-list-section li .block-box .cont{ padding: 30px 42px;} .contactus-list-section li .block-box .cont .city-title{ font-size: 24px; font-weight: bold; padding-left: 30px; background: url(../images/icon/icon-city.png) left center no-repeat; background-size: 18px auto;} .contactus-list-section li .block-box .cont .address{ font-size: 20px; color: #737579; margin-top: 5px; height: 3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .contactus-list-section li .block-box .bot-box{ border-top: 1px solid #e6e8f3; font-size: 16px; padding: 10px 42px;} .contactus-list-section li .block-box .bot-box .label{ position: relative; padding: 5px 0;} .contactus-list-section li .block-box .bot-box .label span{ display: inline-block; padding-left: 30px; background-repeat: no-repeat; background-position: left center; background-size: 21px auto;} .contactus-list-section li .block-box .bot-box .label.phone span{ background-image: url(../images/icon/icon-phone.png);} .contactus-list-section li .block-box .bot-box .label.fax span{ background-image: url(../images/icon/icon-fax.png);} .contactus-list-section li.active .block-box .cont .city-title{ background-image: url(../images/icon/icon-city-on.png); color: #e7233b;} .section-404{ position: relative;} .section-404 img{ display: block; width: 100%; height: 100%; object-fit: cover;} .section-404 .cont-inner{ width: 100%; position: absolute; left: 0; top: 50%; transform:translate(0,-50%); text-align: center;} .section-404 .cont-inner .title{ font-size: 276px; color: #c2c5d2; line-height: 1; font-family: Arial, Helvetica, sans-serif;} .section-404 .cont-inner .btn-box{ margin-top: 30px;} .section-404 .cont-inner .btn-box a{ display: inline-block; width: 190px; line-height: 52px; background-color: #e7233b; border-radius: 52px; font-size: 20px; color: #fff;} .sub-banner .search-inner{ width: 100%; position: absolute; left: 0; bottom: 8.5%; text-align: center;} .sub-banner .search-inner .title{ font-size: 60px; line-height: 1; font-weight: bold;} .sub-banner .search-inner .search-box{ display: inline-block; vertical-align: top; width: 600px; height: 78px; margin-top: 40px; border: 1px solid #c2cfe1; border-radius: 38px; overflow: hidden; position: relative; -moz-box-shadow: 0 32px 87px rgba(51,56,65,0.18); -webkit-box-shadow: 0 32px 87px rgba(51,56,65,0.18); box-shadow: 0 32px 87px rgba(51,56,65,0.18);} .sub-banner .search-inner .search-box form{ height: 100%; position: relative;} .sub-banner .search-inner .search-box .input-text{ width: 100%; height: 100%; padding: 0 120px 0 44px; border: 0; background-color: rgba(255, 255, 255, 0.55); font-size: 24px;} .sub-banner .search-inner .search-box .search-btn{ width: 100px; height: 68px; background: url(../images/icon/icon-search-on.png) center no-repeat #e7233b; background-size: 36px auto; position: absolute; top: 4px; right: 5px; border-radius: 68px; cursor: pointer;} .sub-banner .search-inner .result-box{ font-size: 24px; color: #e7233b; margin-top: 40px;} .search-result-list{ padding-top: 50px;} .search-result-list .edit-container{ width: 1400px;} .search-result-list li{ border-bottom: 1px solid #e5e5e5; padding: 40px 20px; position: relative;} .search-result-list li .title{ font-size: 28px;} .search-result-list li .cont{ font-size: 16px; margin-top: 10px;} .search-result-list li:after{ content: ""; position: absolute; width: 0; height: 2px; bottom: -1px; left: 0;background-color: #e7233b; } .search-result-list li:hover:after{ width: 510px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease;} .search-result-list .list-more{ width: 17px; margin:50px auto; cursor: pointer;} .search-result-list .list-more img{ width: 100%; display: block; } .technical-core-value-section{ padding: 70px 0; background-color: #f3f7fc;} .technical-core-value-inner{ margin-top: 10px;} .technical-core-value-inner ul{ margin: 0 -15px;} .technical-core-value-inner li{ float: left; width: 33.333%; padding: 0 15px; margin-top: 30px;} .technical-core-value-inner li .block-box{ background-color: rgba(255, 255, 255, 0.48); border-radius: 10px; padding: 60px;} .technical-core-value-inner li .block-box .icon img{ display: block; width: 37%; margin: 0 auto;} .technical-core-value-inner li .block-box .cont-box{ line-height: 2; margin-top: 20px; text-align: center;} .technical-core-value-inner li .block-box .cont-box .title{ font-size: 20px; font-weight: bold; line-height: 1.5; height: 3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .technical-core-value-inner li .block-box .cont-box .cont{ font-size: 16px; height: 4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .technical-core-value-inner-1 li{ width: 25%;} .technical-core-value-inner-1 li .block-box{ padding: 40px;} .technical-core-value-inner-2 li{ width: 20%;} .technical-core-value-inner-2 li .block-box{ padding: 30px;} .technical-top-box{ padding: 70px 0;} .technical-top-box .cont-box{ font-size: 18px; line-height: 2; margin-top: 30px;} .technical-top-box .cont-box .img{ margin-top: 30px;} .technical-top-box .cont-box .img img{ display: block; width: 80%; margin: 0 auto;} .technical-overview-section{ padding: 70px 0;} .technical-overview-section .sub-base-title{ text-align: center; padding-bottom: 20px;} .technical-overview-list .technical-overview-list-block{ border: 2px solid #c4cbda; border-radius: 10px; padding: 20px 30px 20px 290px; position: relative; margin-top: 20px;} .technical-overview-list .technical-overview-list-block .block-type{ width: 290px; font-size: 24px; text-align: center; position: absolute; left: 0; top: 50%; transform:translate(0,-50%);} .technical-overview-list .technical-overview-list-block .block-type .icon{ width: 50px; margin: 0 auto 10px auto;} .technical-overview-list .technical-overview-list-block .block-type .icon img{ display: block; width: 100%;} .technical-overview-list .technical-overview-list-block .block-type2{ width: 290px; font-size: 24px; text-align: center; position: absolute; left: 0; top: 50%; transform:translate(0,-50%);} .technical-overview-list .technical-overview-list-block .block-type2 .icon{ width: 90px; margin: 0 auto;} .technical-overview-list .technical-overview-list-block .block-type2 .icon img{ display: block; width: 100%;} .technical-overview-list .technical-overview-list-block .list-box{ font-size: 18px;} .technical-overview-list .technical-overview-list-block .list-box .list-box-block{ border-radius: 10px; position: relative; overflow: hidden;} .technical-overview-list .technical-overview-list-block .list-box .list-box-block ul{ margin: 0 -10px;} .technical-overview-list .technical-overview-list-block .list-box .list-box-block li{ float: left; width: 33.333%; padding: 0 10px;} .technical-overview-list .technical-overview-list-block .list-box .list-box-block li .block-box{ background-color: #f4f7fc; border-radius: 10px; padding: 45px 35px; height: 316px;} .technical-overview-list .technical-overview-list-block .list-box .list-box-block .title{ font-weight: bold; color: #e7233b; margin-bottom: 10px;} .technical-overview-list .technical-overview-list-block .list-box .list-box-block2{ background-color: #f4f7fc; border-radius: 10px; padding: 30px 35px;} .home-icon{ position: absolute; transition:all 0.1s ease; -webkit-transition:all 0.1s ease; -moz-transition:all 0.1s ease;} .home-icon img{ display: block; width: 100%;} .home-icon1{ width: 22.1875%; top: 34.7%; left: 7%;} .home-icon2{ width: 8%; top: 35.63%; right: 13%;} .home-icon3{ width: 8%; top: 47%; left: 41.35%;} .home-icon4{ width: 18%; top: 70%; left: 9%;} .home-icon5{ width: 8%; top: 71.16%; right: 19.5%;} /* 在线咨询弹框 */ .body-hidden{ overflow: hidden;} .offside-suspension{ position: fixed; right: 50px; bottom: 180px; z-index: 900;} .customer-service-entrance{ /* display: none; */ width: 64px; height: 194px; background-color: #58688d; /* position: fixed; right: 20px; top: 50%; margin-top: -100px; z-index: 900; */ border-radius: 10px; padding: 8px 7px; cursor: pointer; -moz-box-shadow:0 0 27px rgba(30,48,89,0.54); -webkit-box-shadow:0 0 27px rgba(30,48,89,0.54); box-shadow:0 0 27px rgba(30,48,89,0.54);} .customer-service-entrance .photo img{ display: block; width: 100%; background-color: #fff; border-radius: 100%;} .customer-service-entrance span{ display: block; width: 24px; font-size: 24px; color: #fff; text-align: center; line-height: 1.1; margin: 10px auto 0 auto;} .customer-service-layer{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999; font-size: 16px; display: none;} .customer-service-layer .opacity{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #000; opacity: 0.6;} .customer-service-layer .layer-container{ width: 880px; height: 628px; position: absolute; top: 50%; left: 50%; margin: -314px 0 0 -440px; background-color: #fff; border-radius: 5px; overflow: hidden;} .customer-service-layer .layer-inner{ height: 100%; padding-top: 70px; position: relative;} .customer-service-layer .layer-container .layer-close{ font-size: 24px; color: #171d39; line-height: 1; position: absolute; top: 20px; right: 38px; z-index: 9; cursor: pointer;} .customer-service-layer .layer-inner .top-box{ width: 100%; height: 70px; line-height: 54px; background: url(../images/icon/customer-service-bg.png) left top repeat #ebf1fa; background-size: 12px; font-size: 24px; font-weight: bold; color: #1f2a44; padding: 8px 12px; position: absolute; top: 0; left: 0;} .customer-service-layer .layer-inner .top-box .photo{ float: left; height: 54px;} .customer-service-layer .layer-inner .top-box .photo img{ display: block; height: 100%; background-color: #171d39; border-radius: 100%;} .customer-service-layer .layer-inner .top-box .title{ float: left; margin-left: 15px;} .customer-service-layer .layer-inner .content-inner{ height: 100%; position: relative;} .customer-service-layer .layer-inner .content-inner .nav-one{ float: left; width: 180px; height: 100%; background-color: #e9f0fa; padding: 20px 0 20px 15px;} .customer-service-layer .layer-inner .content-inner .nav-one li{ margin-top: 20px; line-height: 32px; padding-left: 18px; border-radius: 32px 0 0 32px; font-size: 16px; cursor: pointer;} .customer-service-layer .layer-inner .content-inner .nav-one li.active{ /* background-color: #f3f3f3; */ color: #e7233b;} .customer-service-layer .layer-inner .content-inner .nav-two{ float: left; width: 180px; height: 100%; background-color: #f8faff; padding: 20px 0; border-right: 1px solid #d9d9d9;} .customer-service-layer .layer-inner .content-inner .nav-two .box{ display: none;} .customer-service-layer .layer-inner .content-inner .nav-two li{ margin-top: 20px; line-height: 1.5; padding: 0 10px 0 40px; font-size: 14px; cursor: pointer; background: url(../images/icon-red-dot.png) 25px 6px no-repeat;} .customer-service-layer .layer-inner .content-inner .nav-two li.active{ color: #e7233b;} .customer-service-layer .layer-inner .content-inner .content-right{ float: right; width: 520px; height: 100%; position: relative;} .customer-service-layer .layer-inner .content-inner .content-right .inner-box{ padding: 15px 20px 15px 20px; height: 378px; position: relative; overflow-x: hidden; overflow-y: auto;} .customer-service-layer .layer-inner .content-inner .content-right .inner-box li{ margin-top: 20px;} .customer-service-layer .layer-inner .content-inner .content-right .inner-box li .photo{ width: 54px;} .customer-service-layer .layer-inner .content-inner .content-right .inner-box li .photo img{ display: block; width: 100%; border: 1px solid #d8d8d8; border-radius: 100%;} .customer-service-layer .layer-inner .content-inner .content-right .inner-box li .cont{ width: 400px;} .customer-service-layer .layer-inner .content-inner .content-right .inner-box li .cont span{ display: inline-block; background-color: #f8faff; padding: 15px 20px; border-radius: 10px;} .customer-service-layer .layer-inner .content-inner .content-right .inner-box li .cont span a{ color: #e7233b;} .customer-service-layer .layer-inner .content-inner .content-right .inner-box li .cont span img{ width: 180px !important; height: auto !important;} .customer-service-layer .layer-inner .content-inner .content-right .inner-box li .cont span span{ padding: 0; display: inline;} .customer-service-layer .layer-inner .content-inner .content-right .inner-box li.A .photo{ float: left;} .customer-service-layer .layer-inner .content-inner .content-right .inner-box li.A .cont{ float: left; padding-left: 10px;} .customer-service-layer .layer-inner .content-inner .content-right .inner-box li.Q .photo{ float: right;} .customer-service-layer .layer-inner .content-inner .content-right .inner-box li.Q .cont{ float: right; padding-right: 10px; text-align: right;} .customer-service-layer .layer-inner .content-inner .content-right .text-layout{ height: 180px; background-color: #fff;} .text-layout-tabs{ height: 50px; position: relative; background-color: #f8faff;} .text-layout-tabs .box{ width: 472px; height: 50px; margin: 0 auto; box-shadow:3px 3px 13px rgba(000,000,000,0.13) inset; padding: 0 15px;} .text-layout-tabs .swiper-slide{ width: auto; height: 50px !important; padding: 9px 0; cursor: pointer;} .text-layout-tabs .swiper-slide span{ display: block; line-height: 32px; padding: 0 20px; border-radius: 32px;} .text-layout-tabs .swiper-slide.active span{ background-color: #e7233b; color: #fff;} .text-layout-tabs .swiper-arrow{ width: 24px; height: 100%; background-repeat: no-repeat; background-position: center; position: absolute; top: 0; cursor: pointer;} .text-layout-tabs .swiper-arrow-prev{ background-image: url(../images/icon-arrow-left.png); left: 0;} .text-layout-tabs .swiper-arrow-next{ background-image: url(../images/icon-arrow-right.png); right: 0;} .text-layout .textArea{ height: 130px; position: relative;} .text-layout .textArea textarea{ width: 100%; height: 78px; border: 0; padding: 15px 25px; resize: none;} .text-layout .textArea .submit-btn{ width: 102px; line-height: 36px; background-color: #ebf1fa; border-radius: 5px; position: absolute; bottom: 15px; right: 25px; text-align: center; cursor: pointer;} .form-trigger{ color: #e7233b;} .form-trigger:hover{ color: #e7233b;} .text-layout .textArea .autocomplete{ width: 100%; position: absolute; left: 0; bottom: 100%; z-index: 9; background-color: #fff;} .text-layout .textArea .autocomplete li{ padding: 10px 25px; border-bottom: 1px solid #eaeaea; cursor: pointer;} .text-layout .textArea .autocomplete li:hover{ background-color: #eaeaea;} .contact-from-layer{ width: 286px; height: 100%; position: absolute; top: 0; right: -286px; z-index: 9; background-color: #f9f9f9; -moz-box-shadow:0 0 16px rgba(000,000,000,0.09); -webkit-box-shadow:0 0 16px rgba(000,000,000,0.09); box-shadow:0 0 16px rgba(000,000,000,0.09); display: none;} .contact-from-layer .s-layer-close{ width: 30px; height: 30px; background: url(../images/s-layer-close.png) center no-repeat; position: absolute; top: 15px; right: 10px; cursor: pointer;} .contact-from-layer .s-layer-container{ height: 100%; overflow-x: hidden; overflow-y: auto;} .contact-from-layer .s-layer-container .top-txt{ padding: 10px 60px 10px 30px; border-bottom: 1px solid #d9d9d9;} .contact-from-layer .s-layer-container .form{ padding: 15px 30px 95px 30px; position: relative;} .red{ color: #e7233b;} .contact-from-layer .s-layer-container .form .item-block{ margin-top: 10px;} .contact-from-layer .s-layer-container .form .item-block .input-box{ margin-top: 5px;} .contact-from-layer .s-layer-container .form .item-block .input-box .input-text{ width: 100%; height: 44px; line-height: 44px; padding: 0 15px; border: 1px solid #ededed;} .contact-from-layer .s-layer-container .form .item-block .input-box .select{ width: 100%; height: 44px; line-height: 44px; padding: 0 15px; border: 1px solid #ededed; appearance: auto; -moz-appearance: auto; -webkit-appearance: auto;} .contact-from-layer .s-layer-container .form .item-block .input-box textarea{ width: 100%; padding: 10px 15px; border: 1px solid #ededed; resize: none;} .contact-from-layer .s-layer-container .form .s-submit-btn{ width: 120px; line-height: 32px; background-color: #e7233b; text-align: center; color: #fff; border-radius: 32px; position: absolute; left: 50%; margin-left: -60px; bottom: 35px; cursor: pointer;} .error{ color: #f00; font-size: 12px; margin-top: 5px;} .return-top{ width: 48px; height: 48px; background: url(../images/icon/icon-upward.png) 0 0 no-repeat; background-size: cover; position: absolute; left: 50%; margin-left: -24px; bottom: -84px; z-index: 900; opacity: 0.4; cursor: pointer; display: none;} .return-top:hover{ opacity: 1;} .base-table table{width: 100% !important;border: 1px solid #ddd;border-collapse: collapse; font-size: 16px;} .base-table table th{padding: 10px 15px;border: 1px solid #ddd;border-collapse: collapse; background-color: #e6ecf2;} .base-table table td{padding: 10px 15px;border: 1px solid #ddd;border-collapse: collapse;} .aqfw-box{ padding: 50px 30px; border: 1px solid #c2cbdc; border-radius: 10px; margin-top: 70px; position: relative;} .aqfw-box img{ display: block; width: 100%;} .aqfw-box .sub-base-title{ width: 100%; position: absolute; top: -17px; left: 0; text-align: center; font-size: 32px;} .aqfw-box .sub-base-title span{ display: inline-block; vertical-align: top; padding: 0 40px; background-color: #fff;} .jsjg-section{ background-color: #f3f7fc; padding: 70px 0;} .jsjg-section .pic-box{ float: left; width: 50%; padding-right: 3%;} .jsjg-section .pic-box img{ display: block; width: 100%;} .jsjg-section .cont-inner{ float: right; width: 50%; padding-top: 110px;} .jsjg-section .cont-inner dl{ margin-top: 10px;} .jsjg-section .cont-inner dd{ padding: 30px 0 30px 15px; font-size: 20px; line-height: 2; border-bottom: 1px dotted #8093b2; position: relative;} .jsjg-section .cont-inner dd .icon{ width: 10px; position: absolute; left: 0; top: 45px;} .jsjg-section .cont-inner dd .icon img{ display: block; width: 100%;} .jsjg-section .cont-inner dd:last-child{ border-bottom: 0;} .customer-service-local-layer{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999; font-size: 18px; display: none;} .customer-service-local-layer .opacity{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #000; opacity: 0.6;} .customer-service-local-layer .layer-container{ width: 880px; height: 628px; position: absolute; top: 50%; left: 50%; margin: -314px 0 0 -440px; background-color: #fff; border-radius: 5px; overflow: hidden; background-color: #f9f9f9;} .customer-service-local-layer .layer-inner{ height: 100%; padding-top: 70px; position: relative;} .customer-service-local-layer .layer-container .layer-close{ font-size: 24px; color: #171d39; line-height: 1; position: absolute; top: 20px; right: 38px; z-index: 9; cursor: pointer;} .customer-service-local-layer .layer-inner .top-box{ width: 100%; height: 70px; line-height: 54px; background: url(../images/icon/customer-service-bg.png) left top repeat #ebf1fa; background-size: 12px; font-size: 24px; font-weight: bold; color: #1f2a44; padding: 8px 12px; position: absolute; top: 0; left: 0;} .customer-service-local-layer .layer-inner .top-box .photo{ float: left; height: 54px;} .customer-service-local-layer .layer-inner .top-box .photo img{ display: block; height: 100%; background-color: #171d39; border-radius: 100%;} .customer-service-local-layer .layer-inner .top-box .title{ float: left; margin-left: 15px;} .customer-service-local-layer .layer-inner .content-inner{ height: 100%; position: relative; width: 50%; margin: 0 auto; padding: 10px 0 40px 0;} .customer-service-local-layer .layer-inner .content-inner .form-box{ /* margin: 0 -15px; */} .customer-service-local-layer .layer-inner .content-inner .form-box .form-block{ /* float: left; width: 50%; */ /* padding: 0 15px; */ margin-top: 30px;} .customer-service-local-layer .layer-inner .content-inner .form-box .form-block .input-block{ position: relative;} .customer-service-local-layer .layer-inner .content-inner .form-box .form-block .input-block .input-text{ display: block; width: 100%; height: 50px; font-size: 18px; padding: 0 15px; border: 1px solid #ededed;} .customer-service-local-layer .layer-inner .content-inner .form-box .form-block .input-block textarea{ display: block; width: 100%; font-size: 18px; padding: 10px 15px; border: 1px solid #ededed;} .customer-service-local-layer .layer-inner .content-inner .form-box .form-block.yzm-block .input-block .input-text{ padding-right: 125px;} .customer-service-local-layer .layer-inner .content-inner .form-box .form-block.yzm-block .input-block .yzm-img{ height: 35px; position: absolute; top: 50%; margin-top: -17.5px; right: 15px;} .customer-service-local-layer .layer-inner .content-inner .form-box .error{ width: 100%; position: absolute;} .customer-service-local-layer .layer-inner .content-inner .submit-btn{ margin-top: 30px;} .customer-service-local-layer .layer-inner .content-inner .submit-btn a{ display: block; width: 180px; line-height: 44px; background-color: #e7233b; text-align: center; color: #fff; border-radius: 32px; cursor: pointer; margin: 0 auto;} .customer-service-local-layer .layer-inner .content-inner .form-box .form-block.throughhead{ width: 100%;} /* 提示弹框 */ .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;} .error-layer .layer-inner .layer-close{position: absolute;top:-45px;right:0;cursor:pointer;z-index:10;width:40px;height:40px;background:url(../images/icon/layer-close.png) center center no-repeat; background-size: 20px; cursor: pointer;} .error-layer .layer-container{width:100%;height:100%; padding: 90px 40px 0 40px; text-align: center;background: #fff; border-radius: 5px;} .error-layer .layer-container .cont{font-size: 18px; margin-top: 30px;} .proList-box2{ padding: 70px 0;} .pro-list-ul{ margin-top: 40px;} .pro-list-ul ul{ margin: 0 -15px;} .pro-list-ul li{ margin-bottom: 30px; width: 50%; padding: 0 15px; float: left;} .pro-list-ul li .block-box{ background: #f7f9fb; padding:15px; overflow: hidden;} .pro-list-ul li .block-box:hover{box-shadow: 0px 0px 10px rgba(122,122,122,.2)} .pro-list-ul li a{display: flex; align-items: center; width:100%; height:100%;} .pro-list-ul li .pic{width:30%; height:auto; overflow: hidden; margin-right: 30px; background-color: #f7f9fb} .pro-list-ul li .pic img{width:100%; height:auto; display: block;} .pro-list-ul li .txt{flex:1; padding-right: 40px;} .pro-list-ul li .txt h3{font-size: 24px;} .pro-list-ul li .txt p{margin-top: 10px; font-size: 16px; color:#8e8888; line-height: 1.5;} .typical-applications-section{ padding: 70px 0;} .typical-applications-section .top-title{ font-size: 36px; line-height: 1; font-weight: bold; text-align: center; margin-bottom: 40px;} .typical-applications-section .top-title2-box{ text-align: center;} .typical-applications-section .top-title2-box .title{ font-size: 36px; line-height: 1; font-weight: bold; position: relative;} .typical-applications-section .top-title2-box .title::before{ content: ''; width: 400px; height: 1px; background-color: #666; position: absolute; left: 50%; top: 50%; margin: -0.5px 0 0 -200px;} .typical-applications-section .top-title2-box .title span{ display: inline-block; vertical-align: top; padding: 0 25px; background-color: #fff; position: relative; z-index: 9;} .typical-applications-section .top-title2-box .s-title{ font-size: 14px; color: #666; margin-top: 10px;} .typical-applications-section .bottom-btn-box{ margin-top: 40px; text-align: center;} .typical-applications-section .bottom-btn-box a{ display: inline-block; vertical-align: top; font-size: 16px; color: #bd4141; /* min-width: 180px; */ line-height: 50px; padding: 0 40px 0 70px; border: 1px solid #bd4141; border-radius: 50px; margin: 0 30px; background-repeat: no-repeat; background-position: 40px center; background-size: 20px;} .typical-applications-section .bottom-btn-box .icon-btn-download{ background-image: url(../images/icon/icon-btn-download.png);} .typical-applications-section .bottom-btn-box .icon-btn-video{ background-image: url(../images/icon/icon-btn-video.png);} .typical-applications-section .bottom-btn-box .icon-btn-buy{ background-image: url(../images/icon/icon-btn-arrow-right.png); padding: 0 70px 0 40px; background-position: 116px center;} /* 视频弹框 */ .video-layer{ width: 100%; height: 100%;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1111;display: none;} .video-layer .opacity{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: 0.8;} .video-layer .layer-inner{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;} .video-layer .layer-inner .layer-close{ width: 36px; height: 36px; background: url(../images/icon/layer-close.png) center no-repeat; background-size: 30px; position: absolute; top: 25px; right: 25px; z-index: 11; cursor: pointer;} .video-layer .layer-container{ width: 1000px; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);} .video-layer .layer-container .video-box video{ display: block; width: 100%;} .video-layer .layer-container .title{ margin-top: 25px; font-size: 20px; line-height: 20px; color: #fff;} .product-functionality-section{ padding: 120px 0; background-color: #f3f7fc;} .product-functionality-section ul{ margin-top: 50px; border-radius: 12px; overflow: hidden; box-shadow:0 0 40px rgba(26,93,160,0.1);} .product-functionality-section ul:first-child{ margin-top: 0;} .product-functionality-section li{ float: left; width: 33.333%; background-color: #fff;} .product-functionality-section li.bg{ background-color: #cbd6e7;} .product-functionality-section li .block-box{ height: 398px; text-align: center;} .product-functionality-section li .block-box a{ display: block; height: 100%;} .product-functionality-section li .block-box .icon{ width: 130px; margin: 0 auto; padding-top: 60px;} .product-functionality-section li .block-box .icon img{ display: block; width: 100%;} .product-functionality-section li .block-box .cont-box{ margin-top: 70px;} .product-functionality-section li .block-box .cont-box .title{ font-size: 28px;} .product-functionality-section li .block-box .cont-box .title span{ display: inline-block; vertical-align: top; padding-bottom: 15px; border-bottom: 3px solid #e7233b;} .product-functionality-section li .block-box .cont-box .more{ font-size: 18px; color: #666; margin-top: 25px;} @media (max-width: 1680px){ /* 缩小80% */ .edit-container{ width: 1280px;} /*浏览器升级提示*/ .browser-tips{ font-size: 14px;} .swiper-pagination-bullet{ width: 10px; height: 10px;} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 8px;} /* 头部 header */ .header-top{ height: 56px; padding: 0 32px;} .header-top .logo{ height: 39px; margin-top: 8.5px;} .header-top .nav{ margin-left: 112px;} .header-top .nav li{ font-size: 15px; line-height: 56px; padding: 0 19px;} .header-search{ width: 160px; height: 30px; margin-top: 13px;} .header-search .input-text{ font-size: 15px; padding-right: 56px;} .header-search .search-btn{ width: 46px; height: 24px; background-size: 17px auto;} .header-language{ font-size: 13px; line-height: 24px; margin: 16px 0 0 12px;} .header-language .first{ padding-left: 20px;} .header-language .first .icon{ width: 16px; height: 16px; margin-top: -8px;} .header-slogan{ height: 74px; margin-left: 32px;} .header-nav-hidden-box{ top: 56px;} .header-nav-hidden-box .one-nav-side::before{ width: 318px;} .header-nav-hidden-box .subnav-left-box{ width: 318px; padding: 40px 0;} .header-nav-hidden-box .subnav-left-box li{ padding: 0 40px; font-size: 16px; line-height: 32px; margin-bottom: 15px;} .header-nav-hidden-box .subnav-right-box{ padding: 44px 0 40px 318px;} .header-nav-hidden-box .subnav-right-box .two-nav-side{ padding: 0 144px 0 64px;} .header-nav-hidden-box .subnav-right-box .two-nav-side .side-table .side-td .block-box{ margin-bottom: 15px;} .header-nav-hidden-box .subnav-right-box .two-nav-side .side-table .side-td .block-box .title{ font-size: 14px;} .header-nav-hidden-box .subnav-right-box .two-nav-side .side-table .side-td .block-box .cont{ font-size: 13px;} /* 底部 footer */ .footer-top{ padding: 32px 0;} .footer-top .footer-logo{ height: 69px;} .footer-top .stock-code{ font-size: 16px;} .footer-top-center{ width: 632px;} .footer-top .code-box .pic img{ width: 96px;} .footer-top .code-box .title{ font-size: 14px; margin-top: 10px;} .footer-top .code-box .qrcode-box li{ margin: 0 10px;} .footer-top .code-box .qrcode-box li .icon{ width: 35px; height: 35px;} .footer-top .code-box .qrcode-box li .hidden-box{ width: 104px; margin-left: -52px;} .footer-top-center .related-websites{ margin-top: 25px; line-height: 32px; font-size: 14px;} .footer-top-center .related-websites .type{ width: 96px;} .footer-top-center .related-websites .cont{ padding-left: 96px;} .footer-top-center .related-websites .cont a{ margin-left: 16px; padding-left: 10px;} .footer-top-center .related-websites .cont a::before{ width: 4px; height: 4px;} .footer-top-center .footer-links{ margin-top: 25px;} .footer-top-center .footer-links a{ font-size: 14px; margin: 0 25px;} .footer-top-center .footer-links a::before{ height: 16px; right: -25px;} .copyright{ font-size: 14px; padding: 20px 0;} /* 首页 banner */ .home-banner .swiper-slide .swiper-inner .edit-container{ width: 1152px;} .home-banner .swiper-slide .swiper-inner .banner-txt-box .title{ font-size: 56px;} .home-banner .swiper-slide .swiper-inner .banner-txt-box .cont{ font-size: 20px; padding: 0 8px; margin-top: 15px;} .home-banner .swiper-slide .swiper-inner .banner-txt-box .more-btn{ padding: 0 8px; margin-top: 25px;} .home-banner .swiper-slide .swiper-inner .banner-txt-box .more-btn a{ font-size: 16px; line-height: 38px; padding: 0 25px;} .home-banner .swiper-pagination{ width: 1280px; margin-left: -640px;} .home-banner .swiper-pagination .dot{ width: 36px; height: 36px; margin: 0 86px;} .circle_process .circle-bg{ border-width: 2px;} .circle_process .circle{ border-width: 2px;} .circle_process .leftcircle{ border-bottom-width: 2px; border-left-width: 2px;} .circle_process .rightcircle{ border-top-width: 2px; border-right-width: 2px;} .base-title-box .type-title{ font-size: 22px; margin-bottom: 20px;} .base-title-box .title-box{ font-size: 28px;} .base-title-box .title-box span .more{ width: 50px; height: 50px; top: -22px; right: -36px;} .base-title-box .title-box span:hover .more{ width: 64px; height: 64px; top: -30px; right: -52px;} .base-title-box .title-box span .more .icon{ width: 19px; height: 19px;} .base-title-box .title-box span .more .text{ font-size: 13px;} .home-information{ padding: 48px 0;} .home-news{ padding: 56px 0;} .home-news .base-title-box{ padding: 0 72px;} .home-news .list-inner{ margin-top: 15px; padding: 0 72px; height: 530px;} .home-news .list-inner li{ padding: 15px 10px;} .home-news .list-inner li .block-box{ padding-left: 100px;} .home-news .list-inner li .block-box .time{ font-size: 14px;} .home-news .list-inner li .block-box .time .time-b{ font-size: 36px;} .home-news .list-inner li .block-box .right-box .title{ font-size: 16px;} .home-news .list-inner li .block-box .right-box .cont{ font-size: 14px;} .home-activity{ padding: 56px 72px;} .home-activity .base-title-box{ margin-top: 40px;} .home-activity .cont{ margin-top: 20px;} .home-activity .cont .title1{ font-size: 22px;} .home-activity .cont .title2{ font-size: 18px;} .home-activity .cont .more-btn{ font-size: 14px; margin-top: 20px;} .home-cloud{ padding: 48px 0;} .home-cloud-focus .swiper-slide .slide-inner{ padding: 0 80px;} .home-cloud-focus .swiper-slide .txt-left-box .cont-box{ font-size: 16px; margin-top: 32px;} .home-cloud-focus .swiper-slide .txt-left-box .cont-box .more-btn{ margin-top: 20px; font-size: 14px;} .home-cloud-focus .swiper-pagination{ width: 1280px; margin-left: -640px; padding: 0 80px;} .home-product{ padding: 48px 0;} .home-product-inner{ padding: 60px 0 48px 0;} .home-product-inner .base-title-box{ padding: 0 80px;} .home-product-focus{ margin-top: 32px;} .home-product-focus .swiper-slide .block-box .pic img{ width: 340px;} .home-product-focus .swiper-slide .block-box .cont-box{ margin-top: 25px;} .home-product-focus .swiper-slide .block-box .cont-box .type-title{ font-size: 22px;} .home-product-focus .swiper-slide .block-box .cont-box .title{ font-size: 22px;} .home-product-focus .swiper-slide .block-box .cont-box .more-btn{ font-size: 14px;} .home-product-focus .swiper-slide .block-box .cont-box .more-btn span{ padding-bottom: 20px;} .home-product-focus .swiper-arrow{ width: 35px; height: 35px; bottom: 12.5%;} .home-case{ padding: 48px 0;} .home-case-list{ margin-top: 45px;} .home-case-list ul{ margin: 0 -28px;} .home-case-list li{ padding: 0 28px;} .home-case-list li:nth-of-type(1){ margin-top: 32px;} .home-case-list li:nth-of-type(2){ margin-top: 64px;} .home-case-list li .block-box .cont-box .type-label{ font-size: 16px; line-height: 36px;} .home-case-list li .block-box .cont-box .type-label .type{ width: 72px;} .home-case-list li .block-box .cont-box .type-label .label-cont span{ padding: 0 25px;} .home-case-list li .block-box .cont-box .title{ margin-top: 15px; font-size: 16px;} .home-case-list li .block-box .cont-box .cont{ font-size: 14px;} .home-case-list li .block-box .cont-box .more-btn{ font-size: 14px; margin-top: 30px;} .home-partner{ padding: 48px 0;} .home-partner-list{ margin-top: 40px;} .home-partner-list ul{ margin: 0 -88px;} .home-partner-list li{ margin: 0 88px;} .home-partner-list li .icon img{ height: 164px;} .home-partner-list li .title{ font-size: 16px; padding-bottom: 15px;} .home-partner-list li .anime-icon{ width: 160px; height: 160px;} @keyframes mouse-in{ from{ background-position-y: 0; } to{ background-position-y: -3040px; } } @keyframes mouse-out{ from{ background-position-y: -3040px; } to{ background-position-y: 0; } } .home-leftsidebar{ left: 38px;} .home-leftsidebar li{ margin-bottom: 14px;} .home-leftsidebar li .title{ margin-top: 12px; font-size: 13px;} .sub-banner .banner-txt .type-title{ font-size: 28px; margin-bottom: 25px;} .sub-banner .banner-txt .title{ font-size: 28px;} .sub-banner .banner-txt .cont{ font-size: 16px;} .sub-banner .banner-txt .cont .s-title{ font-size: 20px;} .sub-banner .banner-txt .banner-btn-box{ margin-top: 32px;} .sub-banner .banner-txt .banner-btn-box a{ font-size: 14px; min-width: 144px; line-height: 40px; padding: 0 25px; margin-right: 25px;} .sub-banner .banner-txt .banner-nav-btn-box{ margin-top: 32px;} .sub-banner .banner-txt .banner-nav-btn-box li{ /* width: 132px; */ line-height: 40px; font-size: 14px; margin-right: 25px;} .sub-banner .banner-txt .banner-nav-btn-box li a{ padding: 0 25px;} .sub-base-title{ font-size: 28px;} .product-overview-section{ padding: 56px 0;} .product-overview-inner .top-txt-box{ font-size: 16px; margin-top: 25px;} .product-overview-inner .top-txt-box .img{ margin-top: 25px;} .product-overview-list{ padding-top: 15px;} .product-overview-list .product-overview-list-block{ margin-top: 15px; padding: 15px 25px 15px 190px;} .product-overview-list .product-overview-list-block .block-type{ width: 190px; font-size: 20px;} .product-overview-list .product-overview-list-block .list-box{ font-size: 16px;} .product-overview-list .product-overview-list-block .list-box .list-box-block{ line-height: 48px;} .product-overview-list .product-overview-list-block .list-box .list-box-block li{ padding: 0 15px;} .product-overview-list .product-overview-list-block .list-box .list-box-block2{ padding-left: 190px;} .product-overview-list .product-overview-list-block .list-box .list-box-block2 .type-title{ width: 190px;} .product-overview-list .product-overview-list-block .list-box .list-box-block2 li dd{ padding: 0 15px;} .product-overview-list .product-overview-list-block .list-box .list-box-block3 span{ padding: 0 15px;} .product-overview-list .product-overview-list-block .list-box .list-box-block3 span::before{ height: 14px;} .core-value-section{ padding: 56px 0;} .core-value-inner{ margin-top: 0;} .core-value-inner li .block-box{ padding: 48px;} .core-value-inner li .block-box .cont-box{ margin-top: 15px;} .core-value-inner li .block-box .cont-box .title{ font-size: 16px;} .core-value-inner li .block-box .cont-box .cont{ font-size: 14px;} .core-value-inner-1 li .block-box{ padding: 32px;} .core-value-inner-2 li .block-box{ padding: 25px;} .core-value-section .top-title{ font-size: 28px; margin-bottom: 25px;} .technical-features-section{ padding: 56px 0 0 0;} .technical-features-inner{ margin-top: 30px; padding: 15px 36px 48px 36px;} .technical-features-inner .tabs{ line-height: 52px;} .technical-features-inner .tabs li{ font-size: 16px; margin: 0 30px;} .technical-features-inner .tabs-content{ padding: 0 100px; margin-top: 32px;} .technical-features-inner .tabs-content .box .title{ font-size: 16px;} .technical-features-inner .tabs-content .box .cont{ font-size: 14px;} .technical-features-inner .tabs-content .box .cont .img{ margin-top: 25px;} .industry-case-section{ padding: 56px 0;} .industry-case-inner{ margin-top: 0;} .industry-case-inner li .block-box .cont-box .type-label{ font-size: 16px; height: 36px; line-height: 32px;} .industry-case-inner li .block-box .cont-box .type-label .type{ width: 80px;} .industry-case-inner li .block-box .cont-box .type-label .label-cont span{ padding: 0 25px;} .industry-case-inner li .block-box .cont-box .title{ margin-top: 15px; font-size: 16px;} .industry-case-inner li .block-box .cont-box .cont{ font-size: 14px;} .industry-case-inner li .block-box .cont-box .more-btn{ margin-top: 10px; font-size: 14px;} .know-more-section{ padding: 40px 0;} .know-more-inner .title{ font-size: 28px;} .know-more-inner .know-more-btn-box{ margin-top: 32px;} .know-more-inner .know-more-btn-box a{ font-size: 14px; min-width: 144px; line-height: 40px; padding: 0 25px; margin: 0 12.5px;} .industry-overview-section{ padding: 56px 0;} .industry-overview-inner .top-txt-box{ font-size: 14px; margin-top: 25px;} .industry-overview-inner .top-txt-box .title{ font-size: 16px;} .industry-overview-inner-list{ margin-top: 0;} .industry-overview-inner-list li .block-box{ padding: 32px;} .industry-overview-inner-list li .block-box .cont-box{ margin-top: 15px;} .industry-overview-inner-list li .block-box .cont-box .title{ font-size: 16px;} .industry-overview-inner-list li .block-box .cont-box .cont{ font-size: 14px;} .solution-section{ padding: 56px 0;} .solution-inner{ margin-top: 0;} .solution-inner li .block-box .cont-box .title{ font-size: 16px;} .solution-inner li .block-box .cont-box .cont{ font-size: 14px;} .main-product-section{ padding: 56px 0;} .main-product-inner{ margin-top: 20px;} .main-product-inner li{ margin-top: 20px;} .main-product-inner li .block-box{ padding: 15px;} .main-product-inner li .block-box .icon img{ width: 86px;} .main-product-inner li .block-box .cont-box{ height: 86px; font-size: 16px;} .information-activities-section{ padding: 56px 0;} .information-activities-foucs{ margin-top: 30px;} .information-activities-foucs .swiper-slide .block-box .time .time-b{ font-size: 36px;} .information-activities-foucs .swiper-slide .block-box .time{ font-size: 14px;} .information-activities-foucs .swiper-slide .block-box .cont-box{ margin-top: 15px;} .information-activities-foucs .swiper-slide .block-box .cont-box .title{ font-size: 16px;} .information-activities-foucs .swiper-slide .block-box .cont-box .cont{ font-size: 14px;} .information-activities-foucs .swiper-pagination{ margin-top: 25px;} .about-digital-section{ padding: 56px 0;} .about-digital-section .en-title{ font-size: 112px;} .about-digital-section .cont-inner .top-box .title{ font-size: 28px;} .about-digital-section .cont-inner .top-box .stock-code{ font-size: 18px;} .about-digital-section .cont-inner .cont{ font-size: 16px;} .about-digital-section .cont-inner .cont p{ margin-top: 15px;} .about-qysl-section{ padding: 56px 0;} /* .about-qysl-inner{ width: 1120px;} */ .about-qysl-inner .top-title{ font-size: 28px;} .about-qysl-inner .cont{ font-size: 16px; margin-top: 25px;} .about-qysl-inner .list-box{ margin-top: 0;} .about-qysl-inner .list-box li .block-box{ padding: 32px; min-height: 200px; font-size: 16px;} .about-qysl-inner .list-box li .block-box .title{ font-size: 28px; margin-bottom: 15px;} .about-qysl-inner .list-box li .block-box .title span{ font-size: 38px;} .about-qysl-inner .notes{ font-size: 14px; margin-top: 32px;} .about-iic-section .cont-inner{ padding: 56px 72px 56px 128px;} .about-iic-section .cont-inner .en-title{ font-size: 96px;} .about-iic-section .cont-inner .title{ font-size: 28px;} .about-iic-section .cont-inner .cont{ font-size: 16px;} .about-iic-section .cont-inner .cont p{ margin-top: 25px;} .about-us-section{ padding: 56px 0;} .about-us-inner li{ padding: 0 40px;} .about-us-inner li .block-box .icon{ height: 140px;} .about-us-inner li .block-box .title{ font-size: 20px;} .about-us-inner li .anime-icon{ width: 160px; height: 160px;} .chairman-section{ padding: 56px 0;} .chairman-section .pic-box{ margin-bottom: -116px;} .chairman-section .cont-inner .top-title{ font-size: 28px;} .chairman-section .cont-inner .cont{ font-size: 16px;} .chairman-section .cont-inner .cont p{ margin-top: 25px;} .chairman-section .cont-inner1 .top-title{ font-size: 28px;} .chairman-section .cont-inner1 .cont{ font-size: 16px;} .chairman-section .cont-inner1 .cont p{ margin-top: 25px;} .introduction-leaders-section{ padding: 56px 0;} .introduction-leaders-section .top-title{ font-size: 28px;} .introduction-leaders-section .cont{ font-size: 16px;} .introduction-leaders-section .cont p{ margin-top: 25px;} .news-container{ padding: 56px 0 56px 234px;} .news-container2{ padding: 56px 0;} .sub-leftsidebar{ width: 234px; padding: 56px 20px;} .sub-leftsidebar .item-block{ padding: 0 0 25px 35px; margin-bottom: 25px;} .sub-leftsidebar .item-block .title{ font-size: 16px;} .sub-leftsidebar .item-block dl dd{ font-size: 14px; margin-top: 15px; padding-left: 22px;} .sub-leftsidebar .item-block dl dd::before{ width: 14px; height: 14px; margin-top: -8px;} .sub-leftsidebar .search-btn{ padding-left: 35px;} .sub-leftsidebar .search-btn a{ font-size: 14px; line-height: 32px; padding: 0 25px;} .sub-leftsidebar.news .item-block .title{ background-position: 104px center; background-size: 10px;} .news-list-section{ width: 1120px;} .news-list-focus .swiper-slide .block-box .bottom-box{ height: 80px; line-height: 80px; padding: 0 28px 0 44px;} .news-list-focus .swiper-slide .block-box .bottom-box .title-box .title{ font-size: 20px;} .news-list-focus .swiper-slide .block-box .bottom-box .title-box .type{ right: -98px;} .news-list-focus .swiper-slide .block-box .bottom-box .title-box .type span{ line-height: 28px; padding: 0 15px; font-size: 16px;} .news-list-focus .swiper-slide .block-box .bottom-box .time{ font-size: 16px;} .news-list-focus .swiper-pagination-box{ bottom: 96px;} .news-list-focus .swiper-pagination-box .swiper-pagination{ margin: 0 80px;} .news-list-focus .swiper-pagination-box .swiper-pagination .swiper-pagination-bullet{ margin: 0 13px;} .news-list-focus .swiper-pagination-box .swiper-arrow{ width: 30px; height: 30px; background-size: 16px auto;} .waterfull{ margin-top: 56px;} .waterfull li .block-box .pic-box{ height: 261px;} .waterfull li .block-box .cont-box .title-box{ padding: 25px 15px;} .waterfull li .block-box .cont-box .title-box .title{ font-size: 16px;} .waterfull li .block-box .cont-box .bottom-box{ font-size: 14px; line-height: 40px; padding: 0 15px;} .waterfull li .block-box .cont-box .bottom-box .time{ font-size: 14px; margin-right: 32px;} .news-details-container{ padding: 112px 0 56px 0;} .news-details-top-box .left-box .time{ font-size: 14px;} .news-details-top-box .left-box .time .time-b{ font-size: 36px;} .news-details-top-box .left-box .title-box .title{ font-size: 22px;} .news-details-top-box .left-box .title-box .type{ right: -98px; margin-top: -14px;} .news-details-top-box .left-box .title-box .type span{ line-height: 28px; padding: 0 15px; font-size: 16px;} .social-share .social-share-icon{ width: 40px; height: 40px; margin-left: 15px;} .details-content-inner{ margin-top: 35px; padding: 20px 0 45px 0;} .details-content-inner .content-inner{ width: 1120px; font-size: 14px;} .details-content-inner .content-inner p{ margin-top: 25px;} .details-content-inner .content-inner .img{ margin-top: 25px;} /*投资者交流*/ .investor-comminicate-section{ padding: 16px 0; } .investor-comminicate-section .comminicate-list li{ padding: 32px 15px;} .investor-comminicate-section .comminicate-list li:hover:after{ width:408px; } .investor-comminicate-section .comminicate-list li .icon{ width: 24px;left: 12px; top: 0; } .investor-comminicate-section .comminicate-list li .cont{ font-size: 16px; margin-left: 56px;} .investor-comminicate-section .comminicate-list li .time{ font-size: 14px;} .investor-comminicate-section .comminicate-list .list-more{ width: 13px; margin:40px auto; } .investor-more-section{ padding: 0 0 56px 0;} .investor-more-section .investor-other-box{ padding: 56px 32px; } .investor-more-section .investor-other-top{ margin-bottom: 24px; } .investor-more-section .investor-other-top .block-box{height: 148px; } .investor-more-section .block-box .title{ font-size: 16px; margin-bottom: 12px; } .investor-more-section .block-box .cont{ font-size: 14px; } .investor-more-section .block-box .cont span{ margin: 0 8px; } .investor-more-section .investor-other-bottom .block-box{ height:192px;} /*公司公告*/ .announcement-container{ padding: 56px 0 56px 208px; } .announcement-container .sub-leftsidebar{padding: 56px 20px;} .announcement-container .sub-leftsidebar .years-more{ font-size: 13px;margin-top: 16px; } .announcement-container .sub-leftsidebar .years-more img{width: 12px; margin: 4px 0 0 8px; } .announcement-list-section { width: 1120px;} .announcement-list-section .announcement-list li{ padding: 0 10px 25px 10px; margin-bottom: 25px;} .announcement-list-section .announcement-list li:hover:after{ width: 408px;} .announcement-list-section .announcement-list li .block-box{ padding-left: 100px;} .announcement-list-section .announcement-list li .block-box .time{ font-size: 14px;top:4px;} .announcement-list-section .announcement-list li .block-box .time .time-b{ font-size: 36px;margin-top: 4px;} .announcement-list-section .announcement-list li .block-box .right-box .title{ font-size: 16px; } .announcement-list-section .announcement-list li .block-box .right-box .cont{ font-size: 14px; margin-top: 12px;} .announcement-list-section .list-more{ width: 14px; margin:40px auto;} /*资质奖项*/ .about-qyzz-section{padding: 36px 0;} .qyzz-foucs{margin-top: 36px;} .qyzz-foucs .swiper-slide{ margin-bottom: 25px;} .qyzz-foucs .swiper-slide .block-box .pic-box{ padding: 25px 0; margin-bottom: 25px;} .qyzz-foucs .swiper-slide .block-box .pic{ width: 248px; height: 306px;} .qyzz-foucs .swiper-slide .block-box .pic img{ box-shadow: 0 0 24px #c5dbf1;} .qyzz-foucs .swiper-slide .block-box .title{ font-size: 18px; } .qyzz-foucs .swiper-pagination{margin-top: 16px;} .about-ryjx-section{padding:64px 0 80px 0;} .about-ryjx-inner .tabs li{ font-size: 18px;padding:5px 25px;} .about-ryjx-inner .tabs-content{ padding: 32px 32px 80px; margin-top: 32px;} .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-slide{ padding: 0 12px;} .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-slide .block-box .pic {min-height:320px; } .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-slide .block-box .cont-box{ margin-top: 24px;} .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-slide .block-box .cont-box .title{ font-size: 18px;margin-top: 5px; } .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-slide .block-box .cont-box .cont{ font-size: 18px;margin-top: 5px; } .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-slide .block-box .cont-box .more-btn{ font-size: 24px; margin-top: 8px;} .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-slide .block-box .cont-box .more-btn span{ padding-bottom: 20px;} .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-arrow{ width:35px; height: 35px;background-size: 6px auto;} .ecological-partners-txt-section{ padding: 56px 0;} .ecological-partners-txt-section .inner-box .cont{ font-size: 16px; margin-top: 25px;} .ecological-partners-txt-section .inner-box .cont .img{ margin-top: 25px;} .ecological-partners-section{ padding: 56px 0;} .ecological-partners-section .inner-box{ /* width: 1024px; */} .ecological-partners-section .inner-box .list-inner{ padding-top: 0;} .ecological-partners-focus .swiper-slide .block-box{ height: 130px;} .case-describe-section{ padding: 56px 0;} .case-describe-section .list-inner li{ padding: 48px 72px; margin-bottom: 32px;} .case-describe-section .list-inner li .cont{ margin-top: 15px; font-size: 14px;} .contactus-container{ padding: 40px 0 40px 234px;} .contactus-leftsidebar{ width: 234px; padding: 56px 20px; font-size: 16px;} .contactus-leftsidebar li .title{ line-height: 28px; padding: 0 25px;} .contactus-leftsidebar li dd{ line-height: 34px; padding: 0 25px;} .contactus-leftsidebar li .title:hover,.contactus-leftsidebar li.active .title{ background-size: 8px auto;} .contactus-list-section{ width: 1120px;} .contactus-list-section li{ padding: 20px 10px 25px 10px;} .contactus-list-section li .block-box .cont{ padding: 25px 34px;} .contactus-list-section li .block-box .cont .city-title{ font-size: 20px; background-size: 14px auto; padding-left: 25px;} .contactus-list-section li .block-box .cont .address{ font-size: 16px;} .contactus-list-section li .block-box .bot-box{ font-size: 14px; padding: 10px 34px;} .contactus-list-section li .block-box .bot-box .label span{ padding-left: 25px; background-size: 17px auto;} .section-404 .cont-inner .title{ font-size: 220px;} .section-404 .cont-inner .btn-box{ margin-top: 25px;} .section-404 .cont-inner .btn-box a{ width: 152px; line-height: 42px; font-size: 16px;} .sub-banner .search-inner .title{ font-size: 48px;} .sub-banner .search-inner .search-box{ width: 480px; height: 62px; margin-top: 32px;} .sub-banner .search-inner .search-box .input-text{ padding: 0 88px 0 35px; font-size: 18px;} .sub-banner .search-inner .search-box .search-btn{ width: 80px; height: 54px; background-size: 28px auto; top: 3px; right: 5px;} .sub-banner .search-inner .result-box{ font-size: 18px; margin-top: 32px;} .search-result-list{ padding-top: 40px;} .search-result-list .edit-container{ width: 1120px;} .search-result-list li{ padding: 32px 20px; position: relative;} .search-result-list li .title{ font-size: 22px;} .search-result-list li .cont{ font-size: 14px;} .search-result-list li:hover:after{ width: 408px;} .search-result-list .list-more{ width: 13px; margin:40px auto;} .technical-top-box{ padding: 56px 0;} .technical-top-box .cont-box{ font-size: 16px; margin-top: 25px;} .technical-top-box .cont-box .img{ margin-top: 25px;} .technical-core-value-section{ padding: 56px 0;} .technical-core-value-inner li .block-box{ padding: 32px;} .technical-core-value-inner li .block-box .cont-box{ margin-top: 15px;} .technical-core-value-inner li .block-box .cont-box .title{ font-size: 16px;} .technical-core-value-inner li .block-box .cont-box .cont{ font-size: 14px;} .technical-core-value-inner-1 li .block-box{ padding: 32px;} .technical-core-value-inner-2 li .block-box{ padding: 25px;} .technical-overview-section{ padding: 56px 0;} .technical-overview-list .technical-overview-list-block{ margin-top: 15px; padding: 15px 25px 15px 232px;} .technical-overview-list .technical-overview-list-block .block-type{ width: 232px; font-size: 20px;} .technical-overview-list .technical-overview-list-block .block-type .icon{ width: 40px; margin-bottom: 5px;} .technical-overview-list .technical-overview-list-block .block-type2{ width: 232px; font-size: 20px;} .technical-overview-list .technical-overview-list-block .block-type2 .icon{ width: 72px;} .technical-overview-list .technical-overview-list-block .list-box{ font-size: 16px;} .technical-overview-list .technical-overview-list-block .list-box .list-box-block .title{ margin-bottom: 5px;} .technical-overview-list .technical-overview-list-block .list-box .list-box-block ul{ margin: 0 -7.5px;} .technical-overview-list .technical-overview-list-block .list-box .list-box-block li{ padding: 0 7.5px;} .technical-overview-list .technical-overview-list-block .list-box .list-box-block li .block-box{ padding: 35px 28px; height: 295px;} .technical-overview-list .technical-overview-list-block .list-box .list-box-block2{ padding: 25px 28px;} .offside-suspension{ right: 40px;} .customer-service-entrance{ width: 50px; height: 156px;} .customer-service-entrance span{ font-size: 18px;} .return-top{ width: 38px; height: 38px; margin-left: -19px; bottom: -65px;} .base-table table{ font-size: 14px;} .base-table table th{ padding: 8px 12px;} .base-table table td{ padding: 8px 12px;} .aqfw-box{ margin-top: 56px; padding: 40px 25px;} .aqfw-box .sub-base-title{ font-size: 24px; top: -13px;} .aqfw-box .sub-base-title span{ padding: 0 32px;} .jsjg-section{ padding: 56px 0;} .jsjg-section .cont-inner{ padding-top: 85px;} .jsjg-section .cont-inner dd{ padding: 25px 0 25px 15px; font-size: 16px;} .jsjg-section .cont-inner dd .icon{ width: 8px; top: 37px;} .customer-service-local-layer{ font-size: 16px;} .customer-service-local-layer .layer-inner .content-inner .form-box .form-block .input-block .input-text{ font-size: 16px;} .customer-service-local-layer .layer-inner .content-inner .form-box .form-block .input-block textarea{ font-size: 16px;} .proList-box2{ padding: 56px 0;} .pro-list-ul{ margin-top: 32px;} .pro-list-ul li .pic{ margin-right: 25px;} .pro-list-ul li .txt{ padding-right: 32px;} .pro-list-ul li .txt h3{ font-size: 20px;} .pro-list-ul li .txt p{ font-size: 14px;} .typical-applications-section{ padding: 56px 0;} .typical-applications-section .top-title{ font-size: 28px; margin-bottom: 32px;} .typical-applications-section .top-title2-box .title{ font-size: 28px;} .typical-applications-section .top-title2-box .title::before{ width: 320px; margin-left: -160px;} .typical-applications-section .top-title2-box .title span{ padding: 0 20px;} .typical-applications-section .top-title2-box .s-title{ font-size: 12px;} .typical-applications-section .bottom-btn-box{ margin-top: 32px;} .typical-applications-section .bottom-btn-box a{ line-height: 40px; padding: 0 32px 0 56px; margin: 0 25px; background-position: 32px center; background-size: 16px;} .typical-applications-section .bottom-btn-box .icon-btn-buy{ padding: 0 56px 0 32px;} /* 视频弹框 */ .video-layer .layer-container{ width: 800px;} .product-functionality-section{ padding: 96px 0;} .product-functionality-section li .block-box{ height: 320px;} .product-functionality-section li .block-box .icon{ width: 104px; padding-top: 48px;} .product-functionality-section li .block-box .cont-box{ margin-top: 56px;} .product-functionality-section li .block-box .cont-box .title{ font-size: 22px;} .product-functionality-section li .block-box .cont-box .title span{ padding-bottom: 12px; border-width: 2px;} .product-functionality-section li .block-box .cont-box .more{ font-size: 16px; margin-top: 20px;} } @media (max-width: 1440px){ /* 缩小70% */ .edit-container{ width: 1120px;} /*浏览器升级提示*/ .browser-tips{ font-size: 14px;} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 8px;} .swiper-pagination-bullet{ width: 10px; height: 10px;} /* 头部 header */ .header-top{ height: 50px; padding: 0 28px;} .header-top .logo{ height: 34px; margin-top: 8px;} .header-top .nav{ margin-left: 70px;} .header-top .nav li{ font-size: 14px; line-height: 50px; padding: 0 16px;} .header-search{ width: 140px; margin-top: 10px;} .header-search .input-text{ font-size: 14px; padding-right: 50px;} .header-search .search-btn{ width: 40px;} .header-language{ margin-top: 13px;} .header-slogan{ height: 65px; margin-left: 28px;} .header-nav-hidden-box{ top: 50px;} .header-nav-hidden-box .one-nav-side::before{ width: 278px;} .header-nav-hidden-box .subnav-left-box{ width: 278px; padding: 35px 0;} .header-nav-hidden-box .subnav-left-box li{ padding: 0 35px; font-size: 14px; line-height: 28px; margin-bottom: 15px;} .header-nav-hidden-box .subnav-right-box{ padding: 38px 0 35px 278px;} .header-nav-hidden-box .subnav-right-box .two-nav-side{ padding: 0 126px 0 56px;} .header-nav-hidden-box .subnav-right-box .two-nav-side .side-table{ margin: 0 -10px;} .header-nav-hidden-box .subnav-right-box .two-nav-side .side-table .side-td{ padding: 0 10px;} .header-nav-hidden-box .subnav-right-box .two-nav-side .side-table .side-td .block-box{ margin-bottom: 12px;} .header-nav-hidden-box .subnav-right-box .two-nav-side .side-table .side-td .block-box .title{ font-size: 13px;} .header-nav-hidden-box .subnav-right-box .two-nav-side .side-table .side-td .block-box .cont{ font-size: 13px;} /* 底部 footer */ .footer-top .footer-logo{ height: 60px;} .footer-top .stock-code{ font-size: 14px;} .footer-top-center{ width: 580px;} .footer-top .code-box .pic img{ width: 84px;} .footer-top .code-box .qrcode-box li{ margin: 0 7.5px;} .footer-top .code-box .qrcode-box li .icon{ width: 35px; height: 35px;} .footer-top .code-box .qrcode-box li .hidden-box{ width: 104px;} .footer-top-center .related-websites{ margin-top: 20px;} .footer-top-center .related-websites .type{ width: 84px;} .footer-top-center .related-websites .cont{ padding-left: 84px;} .footer-top-center .related-websites .cont a{ margin-left: 10px;} .footer-top-center .footer-links{ margin-top: 20px;} .copyright{ padding: 18px 0;} /* 首页 banner */ .home-banner .swiper-slide .swiper-inner .edit-container{ width: 1000px;} .home-banner .swiper-slide .swiper-inner .banner-txt-box .title{ font-size: 50px;} .home-banner .swiper-slide .swiper-inner .banner-txt-box .cont{ font-size: 16px; padding: 0 5px; margin-top: 15px;} .home-banner .swiper-slide .swiper-inner .banner-txt-box .more-btn{ padding: 0 5px; margin-top: 25px;} .home-banner .swiper-slide .swiper-inner .banner-txt-box .more-btn a{ font-size: 14px; line-height: 38px; padding: 0 25px;} .home-banner .swiper-pagination{ width: 1120px; margin-left: -560px;} .home-banner .swiper-pagination .dot{ width: 32px; height: 32px; margin: 0 75px;} .base-title-box .type-title{ font-size: 18px;} .base-title-box .title-box{ font-size: 25px;} .base-title-box .title-box span .more{ width: 43px; height: 43px; top: -19px; right: -32px;} .base-title-box .title-box span .more .icon{ width: 17px; height: 17px;} .base-title-box .title-box span .more .text{ font-size: 12px;} .base-title-box .title-box span:hover .more{ width: 56px; height: 56px; top: -26px; right: -45px;} .home-information{ padding: 42px 0;} .home-news{ padding: 50px 0;} .home-news .base-title-box{ padding: 0 62px;} .home-news .list-inner{ padding: 0 62px; height: 460px;} .home-news .list-inner li .block-box{ padding-left: 87px;} .home-news .list-inner li .block-box .time{ font-size: 14px;} .home-news .list-inner li .block-box .time .time-b{ font-size: 32px;} .home-news .list-inner li .block-box .right-box .title{ font-size: 16px;} .home-news .list-inner li .block-box .right-box .cont{ font-size: 14px;} .home-activity{ padding: 50px 62px;} .home-activity .base-title-box{ margin-top: 35px;} .home-activity .cont .title1{ font-size: 19px;} .home-activity .cont .title2{ font-size: 16px;} .home-activity .cont .more-btn{ font-size: 14px;} .home-cloud{ padding: 42px 0;} .home-cloud-focus .swiper-slide .txt-left-box .cont-box{ font-size: 14px; margin-top: 25px;} .home-cloud-focus .swiper-slide .slide-inner{ padding: 0 70px;} .home-cloud-focus .swiper-pagination{ width: 1120px; margin-left: -560px; padding: 0 70px;} .home-product{ padding: 42px 0;} .home-product-inner{ padding: 52px 0 42px 0;} .home-product-inner .base-title-box{ padding: 0 70px;} .home-product-focus{ margin-top: 28px;} .home-product-focus .swiper-slide .block-box .pic img{ width: 298px;} .home-product-focus .swiper-slide .block-box .cont-box .type-title{ font-size: 19px;} .home-product-focus .swiper-slide .block-box .cont-box .title{ font-size: 19px;} .home-product-focus .swiper-slide .block-box .cont-box .more-btn{ font-size: 14px;} .home-product-focus .swiper-slide .block-box .cont-box .more-btn span{ padding-bottom: 15px;} .home-case{ padding: 42px 0;} .home-case-list ul{ margin: 0 -25px;} .home-case-list li{ padding: 0 25px;} .home-case-list li:nth-of-type(1){ margin-top: 28px;} .home-case-list li:nth-of-type(2){ margin-top: 56px;} .home-case-list li .block-box .cont-box .type-label{ font-size: 14px; line-height: 32px;} .home-case-list li .block-box .cont-box .type-label .type{ width: 62px;} .home-case-list li .block-box .cont-box .type-label .label-cont span{ padding: 0 20px;} .home-case-list li .block-box .cont-box .title{ font-size: 16px;} .home-case-list li .block-box .cont-box .cont{ font-size: 14px;} .home-case-list li .block-box .cont-box .more-btn{ font-size: 14px; margin-top: 25px;} .home-partner{ padding: 42px 0;} .home-partner-list{ margin-top: 35px;} .home-partner-list ul{ margin: 0 -75px;} .home-partner-list li{ margin: 0 75px;} .home-partner-list li .icon img{ height: 145px;} .home-partner-list li .title{ font-size: 16px;} .home-partner-list li .anime-icon{ width: 140px; height: 140px;} @keyframes mouse-in{ from{ background-position-y: 0; } to{ background-position-y: -2660px; } } @keyframes mouse-out{ from{ background-position-y: -2660px; } to{ background-position-y: 0; } } .home-leftsidebar{ left: 33px;} .sub-banner .banner-txt .type-title{ font-size: 26px; margin-bottom: 20px;} .sub-banner .banner-txt .title{ font-size: 25px;} .sub-banner .banner-txt .cont{ font-size: 14px;} .sub-banner .banner-txt .cont .s-title{ font-size: 18px;} .sub-banner .banner-txt .banner-btn-box{ margin-top: 25px;} .sub-banner .banner-txt .banner-btn-box a{ margin-right: 20px;} .sub-banner .banner-txt .banner-nav-btn-box{ margin-top: 25px;} .sub-banner .banner-txt .banner-nav-btn-box li{ margin-right: 20px;} .sub-base-title{ font-size: 25px;} .product-overview-section{ padding: 50px 0;} .product-overview-inner .top-txt-box{ font-size: 14px;} .product-overview-list .product-overview-list-block .block-type{ width: 170px; font-size: 18px;} .product-overview-list .product-overview-list-block{ padding-left: 170px;} .product-overview-list .product-overview-list-block .list-box{ font-size: 14px;} .product-overview-list .product-overview-list-block .list-box .list-box-block{ line-height: 42px;} .product-overview-list .product-overview-list-block .list-box .list-box-block2{ padding-left: 170px;} .product-overview-list .product-overview-list-block .list-box .list-box-block2 .type-title{ width: 170px;} .product-overview-list .product-overview-list-block .list-box .list-box-block3 span::before{ height: 12px;} .core-value-section{ padding: 50px 0;} .core-value-inner{ margin-top: 0;} .core-value-inner li .block-box{ padding: 42px;} .core-value-inner li .block-box .cont-box .title{ font-size: 16px;} .core-value-inner li .block-box .cont-box .cont{ font-size: 14px;} .core-value-inner-1 li .block-box{ padding: 28px;} .core-value-inner-2 li .block-box{ padding: 20px;} .core-value-section .top-title{ font-size: 25px; margin-bottom: 20px;} .technical-features-section{ padding: 50px 0 0 0;} .technical-features-inner{ padding: 15px 30px 40px 30px;} .technical-features-inner .tabs{ line-height: 46px;} .technical-features-inner .tabs li{ font-size: 16px; margin: 0 25px;} .technical-features-inner .tabs-content{ margin-top: 25px; padding: 0 85px;} .technical-features-inner .tabs-content .box .title{ font-size: 16px;} .industry-case-section{ padding: 50px 0;} .industry-case-inner li .block-box .cont-box{ margin-top: 20px;} .industry-case-inner li .block-box .cont-box .type-label{ font-size: 14px; height: 32px; line-height: 28px;} .industry-case-inner li .block-box .cont-box .type-label .type{ width: 70px;} .industry-case-inner li .block-box .cont-box .type-label .label-cont span{ padding: 0 20px;} .industry-case-inner li .block-box .cont-box .title{ font-size: 16px;} .industry-case-inner li .block-box .cont-box .cont{ font-size: 14px;} .industry-case-inner li .block-box .cont-box .more-btn{ font-size: 14px;} .know-more-section{ padding: 42px 0 52px 0;} .know-more-inner .title{ font-size: 25px;} .know-more-inner .know-more-btn-box{ margin-top: 25px;} .industry-overview-section{ padding: 50px 0;} .industry-overview-inner .top-txt-box{ font-size: 14px;} .industry-overview-inner .top-txt-box .title{ font-size: 16px;} .industry-overview-inner-list li .block-box{ padding: 28px;} .industry-overview-inner-list li .block-box .cont-box .title{ font-size: 16px;} .industry-overview-inner-list li .block-box .cont-box .cont{ font-size: 14px;} .solution-section{ padding: 50px 0;} .solution-inner li .block-box .cont-box .title{ font-size: 16px;} .solution-inner li .block-box .cont-box .cont{ font-size: 14px;} .main-product-section{ padding: 50px 0;} .main-product-inner li .block-box .icon img{ width: 76px;} .main-product-inner li .block-box .cont-box{ height: 76px; font-size: 16px;} .information-activities-section{ padding: 50px 0;} .information-activities-foucs{ margin-top: 25px;} .information-activities-foucs .swiper-slide{ padding: 0 15px;} .information-activities-foucs .swiper-slide .block-box .time{ font-size: 14px;} .information-activities-foucs .swiper-slide .block-box .time .time-b{ font-size: 32px;} .information-activities-foucs .swiper-slide .block-box .cont-box .title{ font-size: 16px;} .information-activities-foucs .swiper-slide .block-box .cont-box .cont{ font-size: 14px;} .about-digital-section{ padding: 50px 0;} .about-digital-section .en-title{ font-size: 98px;} .about-digital-section .cont-inner .top-box .title{ font-size: 25px;} .about-digital-section .cont-inner .top-box .stock-code{ font-size: 16px;} .about-digital-section .cont-inner .cont{ font-size: 14px;} .about-qysl-section{ padding: 50px 0;} /* .about-qysl-inner{ width: 980px;} */ .about-qysl-inner .top-title{ font-size: 25px;} .about-qysl-inner .cont{ font-size: 14px;} .about-qysl-inner .list-box li .block-box{ padding: 25px; min-height: 175px; font-size: 14px;} .about-qysl-inner .list-box li .block-box .title{ font-size: 25px;} .about-qysl-inner .list-box li .block-box .title span{ font-size: 32px;} .about-qysl-inner .notes{ font-size: 14px; margin-top: 28px;} .about-iic-section .cont-inner{ padding: 50px 60px 50px 112px;} .about-iic-section .cont-inner .en-title{ font-size: 84px;} .about-iic-section .cont-inner .title{ font-size: 25px;} .about-iic-section .cont-inner .cont{ font-size: 14px;} .about-iic-section .cont-inner .cont p{ margin-top: 20px;} .about-us-section{ padding: 60px 0 35px 0;} .about-us-inner li{ padding: 0 35px;} .about-us-inner li .block-box .icon{ height: 120px;} .about-us-inner li .block-box .title{ font-size: 18px;} .about-us-inner li .anime-icon{ width: 140px; height: 140px;} .chairman-section{ padding: 50px 0;} .chairman-section .pic-box{ margin-bottom: -102px;} .chairman-section .cont-inner .top-title{ font-size: 25px;} .chairman-section .cont-inner .cont{ font-size: 14px;} .chairman-section .cont-inner .cont p{ margin-top: 20px;} .chairman-section .cont-inner1 .top-title{ font-size: 25px;} .chairman-section .cont-inner1 .cont{ font-size: 14px;} .chairman-section .cont-inner1 .cont p{ margin-top: 20px;} .introduction-leaders-section{ padding: 50px 0;} .introduction-leaders-section .top-title{ font-size: 25px;} .introduction-leaders-section .cont{ font-size: 14px;} .introduction-leaders-section .cont p{ margin-top: 20px;} .news-container{ padding: 50px 0 50px 208px;} .news-container2{ padding: 50px 0;} .sub-leftsidebar{ width: 208px; padding: 50px 20px;} .sub-leftsidebar .item-block{ padding: 0 0 20px 30px; margin-bottom: 20px;} .sub-leftsidebar .item-block .title{ font-size: 16px;} .sub-leftsidebar .item-block dl dd{ font-size: 14px; padding-left: 20px;} .sub-leftsidebar .item-block dl dd::before{ width: 12px; height: 12px; margin-top: -8px;} .sub-leftsidebar .search-btn{ padding-left: 30px;} .sub-leftsidebar .search-btn a{ font-size: 14px;} .sub-leftsidebar.news .item-block .title{ background-position: 91px center;} .news-list-section{ width: 980px;} .news-list-focus .swiper-slide .block-box .bottom-box{ height: 70px; line-height: 70px; padding: 0 25px 0 38px;} .news-list-focus .swiper-slide .block-box .bottom-box .title-box .title{ font-size: 16px;} .news-list-focus .swiper-slide .block-box .bottom-box .title-box .type{ right: -85px;} .news-list-focus .swiper-slide .block-box .bottom-box .title-box .type span{ line-height: 26px; font-size: 14px;} .news-list-focus .swiper-slide .block-box .bottom-box .time{ font-size: 14px;} .news-list-focus .swiper-pagination-box .swiper-pagination{ margin: 0 70px;} .news-list-focus .swiper-pagination-box .swiper-pagination .swiper-pagination-bullet{ margin: 0 10px;} .news-list-focus .swiper-pagination-box .swiper-arrow{ background-size: 14px auto;} .waterfull{ margin-top: 50px;} .waterfull li{ margin-bottom: 30px;} .waterfull li .block-box .pic-box{ height: 227px;} .waterfull li .block-box .cont-box .title-box{ padding: 25px 15px;} .waterfull li .block-box .cont-box .title-box .title{ font-size: 16px;} .waterfull li .block-box .cont-box .bottom-box{ line-height: 40px;} .news-details-container{ padding: 100px 0 50px 0;} .news-details-top-box .left-box .time{ font-size: 14px;} .news-details-top-box .left-box .time .time-b{ font-size: 32px;} .news-details-top-box .left-box .title-box .title{ font-size: 19px;} .news-details-top-box .left-box .title-box .type{ right: -85px;} .news-details-top-box .left-box .title-box .type span{ line-height: 26px; font-size: 14px;} .details-content-inner{ margin-top: 30px; padding: 15px 0 40px 0;} .details-content-inner .content-inner{ width: 980px; font-size: 14px;} /* .details-content-inner .content-inner p{ margin-top: 20px;} .details-content-inner .content-inner .img{ margin-top: 20px;} */ /*投资者交流*/ .investor-comminicate-section{ padding: 14px 0; } .investor-comminicate-section .comminicate-list li{ padding: 28px 15px; } .investor-comminicate-section .comminicate-list li:hover:after{ width: 357px;} .investor-comminicate-section .comminicate-list li .icon{ width: 24px;left: 10px; top: 0; } .investor-comminicate-section .comminicate-list li .cont{ font-size: 16px; margin-left: 49px;} .investor-comminicate-section .comminicate-list li .time{ font-size: 14px;} .investor-comminicate-section .comminicate-list .list-more{ width: 12px; margin:35px auto;} .investor-more-section{ padding: 0 0 50px 0;} .investor-more-section .investor-other-box{ padding: 50px 28px; } .investor-more-section .investor-other-top{margin-bottom: 20px; } .investor-more-section .investor-other-top .block-box{ height: 130px; } .investor-more-section .block-box .title{ font-size: 16px;margin-bottom: 10px; } .investor-more-section .block-box .cont{ font-size: 14px;} .investor-more-section .block-box .cont span{ margin: 0 7px; } .investor-more-section .investor-other-bottom .block-box{ height:168px; } /*公司公告*/ .announcement-container{ padding: 50px 0 50px 208px;} .announcement-container .sub-leftsidebar{padding: 50px 20px;} .announcement-container .sub-leftsidebar .years-more{ font-size: 12px; margin-top: 14px; } .announcement-container .sub-leftsidebar .years-more img{width: 10px; margin: 4px 0 0 7px; } .announcement-list-section { width: 980px;} .announcement-list-section .announcement-list li{ padding: 0 10px 20px 10px; margin-bottom: 20px;} .announcement-list-section .announcement-list li:hover:after{ width: 357px; } .announcement-list-section .announcement-list li .block-box{padding-left: 88px;} .announcement-list-section .announcement-list li .block-box .time{ font-size: 14px; top:3px;} .announcement-list-section .announcement-list li .block-box .time .time-b{ font-size: 32px; margin-top: 3px;} .announcement-list-section .announcement-list li .block-box .right-box .title{ font-size: 16px;} .announcement-list-section .announcement-list li .block-box .right-box .cont{ font-size: 14px; margin-top: 10px; } .announcement-list-section .list-more{ width: 12px; margin:35px auto;} /*资质奖项*/ .about-qyzz-section{padding: 32px 0;} .qyzz-foucs{margin-top: 32px;} .qyzz-foucs .swiper-slide{ margin-bottom: 20px;} .qyzz-foucs .swiper-slide .block-box .pic-box{ padding: 20px 0; margin-bottom: 20px;} .qyzz-foucs .swiper-slide .block-box .pic{ width: 217px; height: 268px;} .qyzz-foucs .swiper-slide .block-box .pic img{box-shadow: 0 0 20px #c5dbf1;} .qyzz-foucs .swiper-slide .block-box .title{font-size: 16px; } .qyzz-foucs .swiper-pagination{margin-top: 14px;} .about-ryjx-section{padding:56px 0 70px 0;} .about-ryjx-inner .tabs li{ font-size: 16px;padding:5px 20px;} .about-ryjx-inner .tabs-content{ padding: 28px 28px 70px; margin-top: 28px;} .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-slide{padding: 0 10px;} .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-slide .block-box .pic {min-height: 280px; } .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-slide .block-box .cont-box{ margin-top: 21px; } .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-slide .block-box .cont-box .title{ font-size: 16px; margin-top: 3px;} .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-slide .block-box .cont-box .cont{ font-size: 16px;margin-top: 3px; } .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-slide .block-box .cont-box .more-btn{ font-size:16px; margin-top:7px;} .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-slide .block-box .cont-box .more-btn span{ padding-bottom: 18px;} .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-arrow{ width: 30px; height: 30px;background-size: 8px auto;} .ecological-partners-txt-section{ padding: 50px 0;} .ecological-partners-txt-section .inner-box .cont{ font-size: 14px;} .ecological-partners-section{ padding: 50px 0;} .ecological-partners-section .inner-box{ /* width: 840px; */} .ecological-partners-focus .swiper-slide .block-box{ height: 112px;} .case-describe-section{ padding: 50px 0;} .case-describe-section .list-inner li{ padding: 42px 63px; margin-bottom: 25px;} .contactus-container{ padding: 35px 0 35px 208px;} .contactus-leftsidebar{ width: 208px; padding: 50px 20px; font-size: 14px;} .contactus-leftsidebar li .title{ padding: 0 20px;} .contactus-leftsidebar li dd{ padding: 0 20px;} .contactus-list-section{ width: 980px;} .contactus-list-section li{ padding: 15px 10px 20px 10px;} .contactus-list-section li .block-box{ height: 220px;} .contactus-list-section li .block-box .cont{ padding: 20px 20px;} .contactus-list-section li .block-box .cont .city-title{ font-size: 18px; background-size: 14px auto;} .contactus-list-section li .block-box .cont .address{ font-size: 14px;} .contactus-list-section li .block-box .bot-box{ font-size: 14px; padding: 10px 20px;} .contactus-list-section li .block-box .bot-box .label span{ padding-left: 20px; background-size: 15px auto;} .section-404 .cont-inner .title{ font-size: 192px;} .section-404 .cont-inner .btn-box{ margin-top: 20px;} .section-404 .cont-inner .btn-box a{ width: 132px; line-height: 36px; font-size: 14px;} .sub-banner .search-inner .title{ font-size: 42px;} .sub-banner .search-inner .search-box{ width: 420px; height: 54px; margin-top: 25px;} .sub-banner .search-inner .search-box .input-text{ padding: 0 100px 0 30px; font-size: 14px;} .sub-banner .search-inner .search-box .search-btn{ width: 70px; height: 46px; background-size: 26px auto; position: absolute; top: 3px; right: 4px;} .sub-banner .search-inner .result-box{ font-size: 16px; margin-top: 25px;} .search-result-list{ padding-top: 32px;} .search-result-list .edit-container{ width: 980px;} .search-result-list li{ padding: 25px 20px;} .search-result-list li .title{ font-size: 18px;} .search-result-list li:hover:after{ width: 355px;} .search-result-list .list-more{ width: 12px; margin:35px auto;} .technical-top-box{ padding: 50px 0;} .technical-top-box .cont-box{ font-size: 14px;} .technical-core-value-section{ padding: 50px 0;} .technical-core-value-inner li .block-box{ padding: 28px;} .technical-core-value-inner li .block-box .cont-box .title{ font-size: 16px;} .technical-core-value-inner li .block-box .cont-box .cont{ font-size: 14px;} .technical-core-value-inner-1 li .block-box{ padding: 28px;} .technical-core-value-inner-2 li .block-box{ padding: 20px;} .technical-overview-section{ padding: 50px 0;} .technical-overview-list .technical-overview-list-block{ padding: 15px 20px 15px 200px;} .technical-overview-list .technical-overview-list-block .block-type{ width: 200px; font-size: 18px;} .technical-overview-list .technical-overview-list-block .block-type .icon{ width: 35px;} .technical-overview-list .technical-overview-list-block .block-type2{ width: 200px; font-size: 18px;} .technical-overview-list .technical-overview-list-block .block-type2 .icon{ width: 62px;} .technical-overview-list .technical-overview-list-block .list-box{ font-size: 14px;} .technical-overview-list .technical-overview-list-block .list-box .list-box-block li .block-box{ padding: 25px; height: 245px;} .aqfw-box{ margin-top: 50px; padding: 35px 20px;} .aqfw-box .sub-base-title{ font-size: 22px; top: -12px;} .aqfw-box .sub-base-title span{ padding: 0 25px;} .jsjg-section{ padding: 50px 0;} .jsjg-section .cont-inner{ padding-top: 75px;} .jsjg-section .cont-inner dd{ padding: 20px 0 20px 15px; font-size: 14px;} .jsjg-section .cont-inner dd .icon{ top: 30px;} .offside-suspension{ right: 32px;} .proList-box2{ padding: 50px 0;} .pro-list-ul{ margin-top: 25px;} .pro-list-ul li .pic{ margin-right: 20px;} .pro-list-ul li .txt{ padding-right: 25px;} .pro-list-ul li .txt h3{ font-size: 18px;} .pro-list-ul li .txt p{ font-size: 12px;} .typical-applications-section{ padding: 50px 0;} .typical-applications-section .top-title{ font-size: 25px; margin-bottom: 28px;} .typical-applications-section .top-title2-box .title{ font-size: 25px;} .typical-applications-section .top-title2-box .s-title{ font-size: 12px;} .typical-applications-section .bottom-btn-box{ margin-top: 28px;} .product-functionality-section{ padding: 84px 0;} .product-functionality-section li .block-box{ height: 280px;} .product-functionality-section li .block-box .icon{ width: 92px; padding-top: 42px;} .product-functionality-section li .block-box .cont-box{ margin-top: 50px;} .product-functionality-section li .block-box .cont-box .title{ font-size: 18px;} .product-functionality-section li .block-box .cont-box .title span{ padding-bottom: 10px; border-width: 2px;} .product-functionality-section li .block-box .cont-box .more{ font-size: 14px; margin-top: 15px;} } /* 特殊缩放 */ @media (max-width: 1280px){ .home-leftsidebar{ left: 20px;} } @media (max-width: 1200px){ /* 缩小70% */ /* 共用样式 */ .edit-container{ width: 960px;} /*浏览器升级提示*/ .browser-tips{ font-size: 14px;} /* 头部 header */ .header-top .nav{ display: none;} .header-t-right{ display: none;} .header-top .logo{ float: none; height: auto; width: 102px; margin: 0 auto; padding-top: 8px;} .header-top .logo img{ height: auto; width: 100%;} .icon-menu{ display: block;} /* 底部 footer */ .footer-top .footer-logo{ height: 44px;} /* 首页 banner */ .home-banner .swiper-slide .swiper-inner .edit-container{ width: 960px;} .home-banner .swiper-slide .swiper-inner .banner-txt-box .title{ font-size: 42px;} .home-banner .swiper-pagination{ width: 960px; margin-left: -480px;} .base-title-box .title-box{ font-size: 22px;} .base-title-box .type-title{ font-size: 16px;} .home-news .base-title-box{ padding: 0 30px;} .home-news .list-inner{ padding: 0 30px;} .home-news .list-inner li .block-box .time .time-b{ font-size: 28px;} .home-activity{ padding: 50px 30px;} .home-activity .cont .title1{ font-size: 18px;} .home-activity .cont .title2{ font-size: 16px;} .home-cloud-focus .swiper-slide .slide-inner{ padding: 0 30px;} .home-cloud-focus .swiper-pagination{ width: 960px; margin-left: -480px; bottom: 10% !important; padding: 0 30px;} .home-product-focus .swiper-slide .block-box .pic img{ width: 213px;} .home-product-focus .swiper-slide .block-box .cont-box .type-title{ font-size: 18px;} .home-product-focus .swiper-slide .block-box .cont-box .title{ font-size: 18px;} .home-product-focus .swiper-arrow{ bottom: 14.5%;} .home-case-list ul{ margin: 0 -15px;} .home-case-list li{ padding: 0 15px;} .home-case-list li .block-box .cont-box .type-label .label-cont span{ padding: 0 15px;} .home-product-inner .base-title-box{ padding: 0 30px;} .home-partner-list ul{ margin: 0 -55px;} .home-partner-list li{ margin: 0 55px;} .home-partner-list li .icon img{ height: 102px;} .home-partner-list li .anime-icon{ width: 120px; height: 120px;} @keyframes mouse-in{ from{ background-position-y: 0; } to{ background-position-y: -2280px; } } @keyframes mouse-out{ from{ background-position-y: -2280px; } to{ background-position-y: 0; } } .home-leftsidebar{ display: none !important;} .sub-banner .banner-txt .type-title{ font-size: 22px;} .sub-banner .banner-txt .cont .s-title{ font-size: 18px;} .sub-banner .banner-txt .banner-btn-box{ margin-top: 20px;} .sub-base-title{ font-size: 22px;} .product-overview-list .product-overview-list-block{ padding-left: 144px;} .product-overview-list .product-overview-list-block .block-type{ width: 144px; font-size: 18px;} .product-overview-list .product-overview-list-block .list-box{ font-size: 14px;} .product-overview-list .product-overview-list-block .list-box .list-box-block2{ padding-left: 144px;} .product-overview-list .product-overview-list-block .list-box .list-box-block2 .type-title{ width: 144px;} .technical-features-inner .tabs-content{ padding: 0 0;} .know-more-inner .title{ font-size: 22px;} .industry-overview-inner-list li .block-box{ padding: 42px 15px 15px 15px;} .about-digital-section .en-title{ font-size: 84px;} .about-digital-section .cont-inner .top-box .title{ font-size: 22px;} .about-digital-section .cont-inner .top-box .stock-code{ font-size: 16px;} .about-digital-section .cont-inner .cont{ font-size: 14px;} /* .about-qysl-inner{ width: 100%;} */ .about-iic-section .cont-inner{ padding: 30px 40px;} .about-iic-section .cont-inner .en-title{ font-size: 72px;} .about-iic-section .cont-inner .title{ font-size: 22px;} .about-iic-section .cont-inner .cont{ font-size: 14px; line-height: 1.5;} .about-iic-section .cont-inner .cont p{ margin-top: 15px;} .about-us-inner li{ padding: 0 30px;} .about-us-inner li .block-box .icon{ height: 96px;} .about-us-inner li .block-box .title{ font-size: 18px;} .about-us-inner li .anime-icon{ width: 120px; height: 120px;} .chairman-section .cont-inner .top-title{ font-size: 22px;} .chairman-section .cont-inner .cont{ font-size: 14px;} .chairman-section .cont-inner .cont p{ margin-top: 15px;} .chairman-section .cont-inner1 .top-title{ font-size: 22px;} .chairman-section .cont-inner1 .cont{ font-size: 14px;} .chairman-section .cont-inner1 .cont p{ margin-top: 15px;} .introduction-leaders-section .top-title{ font-size: 22px;} .introduction-leaders-section .cont{ font-size: 14px;} .introduction-leaders-section .cont p{ margin-top: 15px;} .news-container{ padding: 50px 0 50px 208px;} .news-container2{ padding: 50px 0;} .sub-leftsidebar{ padding: 50px 20px;} .news-list-section{ width: 700px;} .waterfull{ margin-top: 50px;} .waterfull li{ width: 50%;} .waterfull li .block-box .pic-box{ height: 247px;} .news-details-container{ padding: 108px 0 45px 0;} .social-share .icon-wechat .wechat-qrcode{ left: auto; right: 0;} .social-share .icon-wechat .wechat-qrcode:after{ left: auto; margin-left: 0; right: 11px;} .details-content-inner .content-inner{ width: 920px;} /*公司公告*/ .announcement-container{ padding: 50px 0 50px 208px;} .announcement-container .sub-leftsidebar{padding: 50px 20px;} .announcement-container .sub-leftsidebar .years-more{ font-size: 12px; margin-top: 14px; } .announcement-container .sub-leftsidebar .years-more img{width: 10px; margin: 4px 0 0 7px; } .announcement-list-section { width: 700px;} .announcement-list-section .announcement-list li{ padding: 0 10px 20px 10px; } .announcement-list-section .announcement-list li:hover:after{ width: 357px; } .announcement-list-section .announcement-list li .block-box{padding-left: 88px;} .announcement-list-section .announcement-list li .block-box .time{ font-size: 14px; top:3px;} .announcement-list-section .announcement-list li .block-box .time .time-b{ font-size: 32px; margin-top: 3px;} .announcement-list-section .announcement-list li .block-box .right-box .title{ font-size: 16px;} .announcement-list-section .announcement-list li .block-box .right-box .cont{ font-size: 12px; margin-top: 10px; } .announcement-list-section .list-more{ width: 12px; margin:35px auto;} /*资质奖项*/ .about-qyzz-section{padding: 32px 0;} .qyzz-foucs{margin-top: 32px;} .qyzz-foucs .swiper-slide{} .qyzz-foucs .swiper-slide .block-box .pic-box{} .qyzz-foucs .swiper-slide .block-box .pic{ width: 175px; height: 216px;} .qyzz-foucs .swiper-slide .block-box .pic img{box-shadow: 0 0 15px #c5dbf1;} .qyzz-foucs .swiper-slide .block-box .title{font-size: 16px; } .qyzz-foucs .swiper-pagination{margin-top: 14px;} .about-ryjx-section{padding:56px 0 70px 0;} .about-ryjx-inner .tabs li{ font-size: 16px;padding:5px 20px;} .about-ryjx-inner .tabs-content{ padding: 28px 28px 70px; margin-top: 28px;} .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-slide{padding: 0 10px;} .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-slide .block-box .pic {min-height: 280px; } .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-slide .block-box .cont-box{ margin-top: 21px; } .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-slide .block-box .cont-box .title{ font-size: 16px; margin-top: 3px;} .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-slide .block-box .cont-box .cont{ font-size: 16px;margin-top: 3px; } .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-slide .block-box .cont-box .more-btn{ font-size:16px; margin-top:7px;} .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-slide .block-box .cont-box .more-btn span{ padding-bottom: 18px;} .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-arrow{ width: 30px; height: 30px;background-size: 8px auto;} /* .ecological-partners-txt-section{ padding: 125px 0 105px 0;} .ecological-partners-txt-section .inner-box .cont{ font-size: 14px;} .ecological-partners-section{ padding: 60px 0 65px 0;} */ .ecological-partners-focus .swiper-slide .block-box{ height: 92px;} .contactus-list-section{ width: 700px;} .contactus-list-section li{ width: 50%;} .contactus-list-section li .block-box{ height: auto;} .contactus-list-section li .block-box .cont{ padding: 15px 20px;} .contactus-list-section li .block-box .cont .city-title{ font-size: 18px; background-size: 14px auto; padding-left: 20px;} .contactus-list-section li .block-box .cont .address{ font-size: 14px;} .contactus-list-section li .block-box .bot-box{ padding: 5px 0;} .contactus-list-section li .block-box .bot-box .label{ float: none; width: 100%; padding: 5px 0; text-align: left; padding-left: 20px;} .section-404 .cont-inner .title{ font-size: 166px;} .sub-banner .search-inner .title{ font-size: 36px;} .sub-banner .search-inner .search-box{ width: 360px; height: 46px; margin-top: 20px;} .sub-banner .search-inner .search-box .search-btn{ width: 60px; height: 38px; background-size: 20px auto; position: absolute; top: 3px; right: 4px;} .sub-banner .search-inner .result-box{ font-size: 14px; margin-top: 15px;} .technical-container .edit-container{ width: 960px;} .technical-core-value-inner li .block-box .cont-box .title{ font-size: 20px;} .main-product-inner li .block-box .icon img{ width: 64px;} .main-product-inner li .block-box .cont-box{ height: 64px;} .industry-case-inner li .block-box .cont-box .type-label .label-cont span{ padding: 0 15px;} } @media (max-width: 992px){ /* 缩小60% */ .edit-container{ width: 100%;} .visible-xs{ display: block !important;} .hidden-xs{ display: none !important;} /*浏览器升级提示*/ .browser-tips{ font-size: 14px;} .swiper-pagination-bullet{ width: 0.16rem; height: 0.16rem;} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 0.15rem;} .bodymain{ padding-top: 1.12rem;} /* 头部 header */ .header-top{ height: 1.12rem; background-color: #fff; padding: 0 0.4rem;} .header-top .logo{ padding-top: 0.3rem; width: 1.58rem;} .icon-menu{ width: 0.7rem; height: 0.7rem; left: 0.4rem; margin-top: -0.35rem;} /* 底部 footer */ .footer-top{ padding: 0.45rem 0.4rem 0.3rem 0.4rem;} .footer-top .footer-logo{ display: none;} .footer-top-center{ width: 100%;} .footer-top-center .related-websites{ display: none;} .footer-top-center .footer-links{ display: none;} .footer-top .code-box{ position: initial; transform: translate(0,0); margin-top: 0.3rem;} .footer-top .code-box .pic img{ width: 1.6rem;} .footer-top .code-box .title{ font-size: 0.28rem; margin-top: 0.15rem; font-weight: bold;} .footer-top .stock-code{ position: initial; text-align: center; font-size: 0.28rem; margin-top: 0.1rem; font-weight: bold;} .copyright{ font-size: 0.24rem; padding: 0.2rem 0.4rem;} /* 手机导航 */ .menu-layer{ height: calc(100% - 1.12rem); top: 1.12rem;} .menu-top-box{ padding: 0.3rem 0.4rem;} .menu-search{ width: 3.94rem; height: 0.5rem; border-radius: 38px;} .menu-search .input-text{ padding: 0 0.7rem 0 0.3rem; font-size: 0.28rem;} .menu-search .search-btn{ width: 0.56rem; height: 0.4rem; background-size: 0.24rem auto; top: 0.05rem; right: 0.08rem; border-radius: 0.4rem;} .menu-language{ line-height: 0.5rem; font-size: 0.24rem; right: 0.4rem;} .menu-language .first span{ padding: 0 0.02rem;} .menu-layer .layer-inner{ height: calc(100% - 1.12rem);} .menu-layer .menu-nav{ width: 2.8rem; padding: 0.4rem 0;} .menu-layer .menu-nav li{ font-size: 0.26rem; line-height: 0.72rem;} .menu-layer .menu-nav li span{ padding-left: 0.54rem;} .menu-layer .menu-nav li.active::before{ width: 0.05rem; height: 0.28rem;} .menu-layer .menu-subnav-right{ padding: 0.4rem 0.15rem; line-height: 0.72rem; font-size: 0.24rem;} .menu-nav-side .side-item .side-title{ padding: 0 0.15rem;} .menu-nav-side .side-item .side-title .icon-arrow{ width: 0.25rem; height: 0.25rem; margin-top: -0.125rem; right: 0.4rem;} .menu-nav-side .side-item .side-cont{ padding: 0 0.15rem;} .menu-nav-side .side-item .side-cont .side-block{ margin-bottom: 0.2rem;} /* 首页 banner */ .home-banner{ height: 10.1rem;} /* .home-banner .swiper-slide .swiper-inner{ transform: translate(0,-50%);} */ .home-banner .swiper-slide .swiper-inner .edit-container{ width: 100%; padding: 0 0.48rem;} .home-banner .swiper-slide .swiper-inner .video-box{ float: none; width: 100%;} .home-banner .swiper-slide .swiper-inner .video-txt{ width: 100%; height: auto; position: initial; margin-top: 0.3rem;} .home-banner .swiper-slide .swiper-inner .video-txt-inner{ position: initial; transform: translate(0,0);} .home-banner .swiper-slide .swiper-inner .banner-txt-box{ width: 100%;} .home-banner .swiper-slide .swiper-inner .banner-txt-box .title{ font-size: 0.45rem; text-shadow: 1px 1px 1px #fff;} .home-banner .swiper-slide .swiper-inner .banner-txt-box .cont{ font-size: 0.32rem; padding: 0 0.05rem; margin-top: 0.2rem; text-shadow: 1px 1px 1px #fff;} .home-banner .swiper-slide .swiper-inner .banner-txt-box .more-btn{ padding: 0 0.05rem; margin-top: 0.4rem;} .home-banner .swiper-slide .swiper-inner .banner-txt-box .more-btn a{ font-size: 0.26rem; line-height: 0.7rem; padding: 0 0.6rem;} .home-banner .swiper-pagination .dot{ width: 0.44rem; height: 0.44rem; margin: 0 0.48rem;} .home-banner .swiper-pagination{ width: calc(100% - 0.96rem); margin-left: 0; transform: translate(-50%,0); bottom: 0.44rem !important;} .base-title-box .type-title{ font-size: 0.32rem; margin-bottom: 0.2rem;} .base-title-box .title-box{ font-size: 0.4rem;} .base-title-box .title-box span .more{ display: none;} .base-block-btn{ line-height: 0.78rem; border: 1px solid #a1a9ac; text-align: center; border-radius: 0.15rem; font-size: 0.26rem;} .base-block-btn a{ display: block;} .details-block-btn{ background-color: #515358; border-color: #515358; color: #fff;} .details-block-btn a{ color: #fff;} .home-information{ padding: 0.7rem 0.4rem;} .home-information-inner{ background-color: transparent;} .home-news{ float: none; width: 100%; padding: 0.5rem 0.4rem; border-right: 0; background-color: #f4f7ff; border-radius: 0.15rem;} .home-news .base-title-box{ padding: 0 0.1rem;} .home-news .list-inner{ margin-top: 0; padding: 0; overflow: hidden; height: 7.9rem;} .home-news .list-inner li{ padding: 0.4rem 0.2rem;} .home-news .list-inner li .block-box{ padding-left: 1.56rem;} .home-news .list-inner li .block-box .time{ font-size: 0.24rem; top: 0.1rem;} .home-news .list-inner li .block-box .time .time-b{ font-size: 0.6rem;} .home-news .list-inner li .block-box .right-box .title{ font-size: 0.28rem; -webkit-line-clamp: 3; height: 1.26rem;} .home-news .list-inner li .block-box .right-box .cont{ display: none;} .home-activity{ float: none; width: 100%; padding: 0.5rem 0.4rem; background-color: #f4f7ff; border-radius: 0.15rem; margin-top: 0.3rem;} .home-activity .pic{ border-radius: 0.15rem; margin: 0.35rem 0;} .home-activity .base-title-box{ padding: 0 0.1rem; margin-top: 0;} .home-activity .cont{ padding: 0 0.1rem;} .home-activity .cont .title1{ font-size: 0.36rem;} .home-activity .cont .title2{ font-size: 0.32rem;} .home-activity .base-block-btn{ margin-top: 0.3rem;} .home-cloud{ padding: 0.7rem 0.4rem;} .home-cloud .base-title-box{ text-align: center;} .home-cloud-focus{ padding: 0 0.4rem;} .home-cloud-focus .swiper-slide .txt-left-box{ float: none; width: 100%; margin-top: 0;} .home-cloud-focus .swiper-slide .slide-inner{ padding: 0;} .home-cloud-focus .swiper-slide .txt-left-box .cont-box{ font-size: 0.28rem; margin-top: 0.4rem;} .home-cloud-focus .swiper-slide .txt-left-box .cont-box .cont{ line-height: 2;} .home-cloud-focus .swiper-slide .pic-box{ float: none; width: 100%;} .home-cloud-focus .base-block-btn{ margin: 0.3rem 0.4rem 0 0.4rem;} .home-cloud-focus .swiper-pagination{ width: 100%; left: 0; margin-left: 0; padding: 0 0.4rem; text-align: center; bottom: 0.3rem !important;} .home-product{ padding: 0.7rem 0.4rem;} .home-product-inner{ background: none; padding: 0;} .home-product-inner .base-title-box{ text-align: center;} .home-product-focus{ margin: 0.4rem -40% 0 -0.2rem;} .home-product-focus .swiper-slide{ transform: scale(1); transition: all 0s ease; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; padding: 0 0.2rem;} .home-product-focus .swiper-slide .block-box{ padding: 1rem 0.4rem 0.5rem 0.4rem; background: url(../images/home-product-bg.jpg) center no-repeat; background-size: cover; border-radius: 0.15rem;} .home-product-focus .swiper-slide .block-box .pic img{ width: 100%;} .home-product-focus .swiper-slide .block-box .cont-box{ margin-top: 0.4rem;} .home-product-focus .swiper-slide .block-box .cont-box .type-title{ display: block; font-size: 0.28rem;} .home-product-focus .swiper-slide .block-box .cont-box .title{ font-size: 0.28rem; margin-top: 0.1rem;} .home-product-focus .swiper-slide .block-box .cont-box .more-btn{ display: block; width: 2rem; height: 0.68rem; line-height: 0.68rem; margin: 0.4rem auto 0 auto; font-size: 0.28rem; background-color: #515358; border-radius: 0.15rem;} .home-product-focus .swiper-slide .block-box .cont-box .more-btn a{ display: block;} .home-product-focus .swiper-slide .block-box .cont-box .more-btn span{ padding-bottom: 0; border-bottom: 0; color: #fff;} .home-product-focus .swiper-arrow{ display: none;} .home-product-inner .base-block-btn{ margin-top: 0.55rem;} .home-case{ padding: 0.7rem 0.4rem;} .home-case-list{ margin-top: 0.6rem;} .home-case-list ul{ margin: 0;} .home-case-list li{ float: none; width: 100%; padding: 0.4rem 0.4rem; background-color: #f4f7ff; border-radius: 0.15rem; margin-top: 0.25rem !important;} .home-case-list li:nth-of-type(1),.home-case-list li:nth-of-type(2){ margin-top: 0;} .home-case-list li .block-box .pic{ border-radius: 0.15rem;} .home-case-list li .block-box .cont-box{ margin-top: 0.4rem;} .home-case-list li .block-box .cont-box .type-label{ font-size: 0.28rem;} .home-case-list li .block-box .cont-box .type-label .type{ width: 0.9rem;} .home-case-list li .block-box .cont-box .type-label .label-cont span{ padding: 0 0.3rem;} .home-case-list li .block-box .cont-box .type-label .label-cont span::before{ height: 0.18rem;} .home-case-list li .block-box .cont-box .title{ font-size: 0.28rem; margin-top: 0.3rem;} .home-case-list li .block-box .cont-box .cont{ font-size: 0.26rem; height: auto; -webkit-line-clamp: 3;} .home-case .base-block-btn{ margin-top: 0.3rem;} .home-partner{ padding: 0.7rem 0.4rem;} .home-partner-list{ margin-top: 0.45rem;} .home-partner-list ul{ margin: 0;} .home-partner-list li{ width: 33.333%; margin: 0 auto; padding: 0 0.4rem;} .home-partner-list li .icon img{ height: auto; width: 100%;} .home-partner-list li .title{ font-size: 0.28rem;} .home-partner-list li .anime-icon{ width: 70px; height: 70px;} @keyframes mouse-in{ from{ background-position-y: 0; } to{ background-position-y: -1330px; } } @keyframes mouse-out{ from{ background-position-y: -1330px; } to{ background-position-y: 0; } } /* .sub-banner{ margin-top: 1.12rem;} */ .sub-banner .banner-txt{ width: 100%; padding: 0 0.4rem;} .sub-banner .banner-txt .type-title{ font-size: 0.32rem; margin-bottom: 0.2rem;} .sub-banner .banner-txt .title{ font-size: 0.4rem; margin-bottom: 0.1rem;} .sub-banner .banner-txt .cont{ font-size: 0.26rem; -webkit-line-clamp: initial; margin-top: 0.2rem;} .sub-banner .banner-txt .cont .s-title{ font-size: 0.32rem; line-height: 2;} .sub-banner .banner-inner{ position: initial; top: 0; transform: translate(0); margin-top: -20%;} .sub-banner .banner-txt{ background-color: rgba(235, 240, 249, 0.6); border-radius: 0.15rem; padding: 0.4rem; width: calc(100% - 0.8rem); margin: 0 auto;} .sub-banner .banner-txt .banner-btn-box{ margin-top: 0.3rem;} .sub-banner .banner-txt .banner-btn-box a{ font-size: 0.26rem; min-width: 2.4rem; line-height: 0.7rem; padding: 0 0.4rem; margin-right: 0.2rem;} .sub-banner .banner-txt .banner-nav-btn-box{ margin-top: 0.1rem;} .sub-banner .banner-txt .banner-nav-btn-box li{ width: 50%; height: 0.7rem; line-height: 0.7rem; margin-top: 0.2rem; font-size: 0.26rem; margin-right: 0;} .sub-banner .banner-txt .banner-nav-btn-box li a{ padding: 0 0.1rem;} .sub-base-title{ font-size: 0.4rem;} .product-overview-section{ padding: 0.7rem 0.4rem;} .product-overview-inner .top-txt-box{ font-size: 0.26rem; margin-top: 0.3rem;} .product-overview-inner .top-txt-box .img{ margin-top: 0.3rem;} .product-overview-inner .top-txt-box .img img{ width: 100%;} .product-overview-inner .top-txt-box .pic-box{ float: none; width: 100%;} .product-overview-inner .top-txt-box .cont-box{ float: none; width: 100%; margin-top: 0.4rem;} .product-overview-list .product-overview-list-block{ padding: 0.4rem;} .product-overview-list .product-overview-list-block .block-type{ position: initial; width: 100%; top: 0; transform: translate(0); font-size: 0.32rem;} .product-overview-list .product-overview-list-block .list-box{ font-size: 0.26rem; margin-top: 0.3rem;} .product-overview-list .product-overview-list-block .list-box .list-box-block{ line-height: 1.5; padding: 0 0.2rem;} .product-overview-list .product-overview-list-block .list-box .list-box-block li{ padding: 0.2rem;} .product-overview-list .product-overview-list-block .list-box .list-box-block2{ padding: 0.2rem 0.2rem 0 0.2rem;} .product-overview-list .product-overview-list-block .list-box .list-box-block2 .type-title{ position: initial; width: 100%; top: 0; transform: translate(0);} .product-overview-list .product-overview-list-block .list-box .list-box-block2 li{ padding: 0;} .product-overview-list .product-overview-list-block .list-box .list-box-block2 li dd{ float: none; width: 100%; padding: 0.2rem 0.2rem;} .product-overview-list .product-overview-list-block .list-box .list-box-block2 li dd:last-child{ border-bottom: 0;} .product-overview-list .product-overview-list-block .list-box .list-box-block3{ padding: 0.2rem;} .product-overview-list .product-overview-list-block .list-box .list-box-block3 span{ padding: 0 0.2rem;} .core-value-section{ padding: 0.7rem 0.4rem;} .core-value-inner{ margin-top: 0.4rem;} .core-value-inner li{ float: none; width: 100%; margin-top: 0.4rem;} .core-value-inner li .block-box{ padding: 0.4rem;} .core-value-inner li .block-box .icon img{ width: 1.8rem;} .core-value-inner li .block-box .cont-box{ margin-top: 0.3rem;} .core-value-inner li .block-box .cont-box .title{ font-size: 0.32rem;} .core-value-inner li .block-box .cont-box .cont{ font-size: 0.26rem; /* height: auto; -webkit-line-clamp: initial; */} .core-value-section .top-title{ font-size: 0.4rem; line-height: 1.5;} .technical-features-section{ padding: 0.7rem 0.4rem 0 0.4rem;} .technical-features-inner{ margin-top: 0.4rem; padding: 0.2rem 0.4rem 0.4rem 0.4rem;} .technical-features-inner .tabs{ line-height: 0.92rem;} .technical-features-inner .tabs li{ font-size: 0.32rem; margin: 0 0.2rem;} .technical-features-inner .tabs-content .box .title{ font-size: 0.32rem;} .technical-features-inner .tabs-content .box .cont{ font-size: 0.26rem;} .technical-features-inner .tabs-content .box .cont .img{ margin-top: 0.3rem;} .technical-features-inner .tabs-content .box .cont .img img{ width: 100%;} .industry-case-section{ padding: 0.7rem 0.4rem;} .industry-case-inner{ margin-top: 0.4rem;} .industry-case-inner li{ float: none; width: 100%; margin-top: 0.4rem;} .industry-case-inner li .block-box .cont-box{ margin-top: 0.4rem;} .industry-case-inner li .block-box .cont-box .type-label{ font-size: 0.28rem; height: 0.6rem; line-height: calc(0.6rem - 4px);;} .industry-case-inner li .block-box .cont-box .type-label .type{ width: 1.6rem;} .industry-case-inner li .block-box .cont-box .type-label .label-cont span{ padding: 0 0.3rem;} .industry-case-inner li .block-box .cont-box .type-label .label-cont span::before{ height: 0.18rem;} .industry-case-inner li .block-box .cont-box .title{ font-size: 0.32rem; margin-top: 0.3rem;} .industry-case-inner li .block-box .cont-box .cont{ font-size: 0.26rem; height: auto; -webkit-line-clamp: 3;} .industry-case-inner li .block-box .cont-box .more-btn{ display: none; width: 2rem; height: 0.68rem; line-height: 0.68rem; margin-top: 0.3rem; font-size: 0.26rem; background-color: #515358; border-radius: 0.15rem; text-align: center;} .industry-case-inner li .block-box .cont-box .more-btn a{ display: block; color: #fff;} .know-more-section{ padding: 0.7rem 0.4rem;} .know-more-inner .title{ font-size: 0.4rem;} .know-more-inner .know-more-btn-box{ margin-top: 0.4rem;} .know-more-inner .know-more-btn-box a{ font-size: 0.26rem; min-width: 2.4rem; line-height: 0.7rem; padding: 0 0.4rem; margin: 0 0.1rem;} .industry-overview-section{ padding: 0.7rem 0.4rem;} .industry-overview-inner .top-txt-box{ font-size: 0.26rem; margin-top: 0.3rem;} .industry-overview-inner .top-txt-box .title{ font-size: 0.32rem} .industry-overview-inner-list{ margin-top: 0.4rem;} .industry-overview-inner-list li{ float: none; width: 100%; margin-top: 0.4rem;} .industry-overview-inner-list li .block-box{ padding: 0.4rem;} .industry-overview-inner-list li .block-box .icon img{ width: 1.8rem;} .industry-overview-inner-list li .block-box .cont-box{ margin-top: 0.3rem;} .industry-overview-inner-list li .block-box .cont-box .title{ font-size: 0.32rem; text-align: center;} .industry-overview-inner-list li .block-box .cont-box .cont{ font-size: 0.26rem; height: auto; -webkit-line-clamp: initial;} .solution-section{ padding: 0.7rem 0.4rem;} .solution-inner{ margin-top: 0.4rem;} .solution-inner li{ float: none; width: 100%; margin-top: 0.4rem;} .solution-inner li .block-box .cont-box{ margin-top: 0.3rem;} .solution-inner li .block-box .cont-box .title{ font-size: 0.32rem;} .solution-inner li .block-box .cont-box .cont{ font-size: 0.26rem;} .main-product-section{ padding: 0.7rem 0.4rem;} .main-product-inner{ margin-top: 0.4rem;} .main-product-inner li{ float: none; width: 100%; margin-top: 0.4rem;} .main-product-inner li .block-box{ padding: 0.3rem 0.2rem;} .main-product-inner li .block-box .icon{ width: 35%;} .main-product-inner li .block-box .icon img{ width: 1.4rem;} .main-product-inner li .block-box .cont-box{width: 65%; height: 1.4rem; font-size: 0.32rem;} .information-activities-section{ padding: 0.7rem 0.4rem;} .information-activities-foucs{ margin: 0.4rem -65% 0 -65%;} .information-activities-foucs .swiper-slide .block-box .time{ font-size: 0.26rem;} .information-activities-foucs .swiper-slide .block-box .time .time-b{ font-size: 0.6rem;} .information-activities-foucs .swiper-slide .block-box .cont-box{ margin-top: 0.4rem;} .information-activities-foucs .swiper-slide .block-box .cont-box .title{ font-size: 0.32rem;} .information-activities-foucs .swiper-slide .block-box .cont-box .cont{ font-size: 0.24rem;} .information-activities-foucs .swiper-pagination{ margin-top: 0.4rem;} .about-digital-section{ padding: 0.7rem 0.4rem;} .about-digital-section .en-title{ font-size: 0.84rem} .about-digital-section .cont-inner{ width: 100%;} .about-digital-section .cont-inner .top-box .title{ font-size: 0.42rem;} .about-digital-section .cont-inner .top-box .stock-code{ font-size: 0.26rem; margin-top: 0.2rem;} .about-digital-section .cont-inner .cont{ font-size: 0.26rem;} .about-digital-section .cont-inner .cont p{ margin-top: 0.2rem;} .about-qysl-section{ padding: 0.7rem 0.4rem;} /* .about-qysl-inner{ width: 100%;} */ .about-qysl-inner .top-title{ font-size: 0.4rem;} .about-qysl-inner .cont{ font-size: 0.24rem; margin-top: 0.2rem;} .about-qysl-inner .list-box{ margin-top: 0.4rem;} .about-qysl-inner .list-box li{ float: none; width: 100%; margin-top: 0.4rem;} .about-qysl-inner .list-box li .block-box{ padding: 0.4rem; min-height: auto; font-size: 0.28rem;} .about-qysl-inner .list-box li .block-box .title{ font-size: 0.32rem} .about-qysl-inner .list-box li .block-box .title span{ font-size: 0.6rem} .about-qysl-inner .notes{ margin-top: 0.5rem; font-size: 0.26rem;} .about-iic-section .pic-box{ float: none; width: 100%;} .about-iic-section .cont-inner{ float: none; width: 100%; padding: 0.7rem 0.4rem;} .about-iic-section .cont-inner .en-title{ font-size: 1.12rem;} .about-iic-section .cont-inner .title{ font-size: 0.4rem;} .about-iic-section .cont-inner .cont{ font-size: 0.26rem; margin-top: 0.3rem;} .about-iic-section .cont-inner .cont p{ margin-top: 0.3rem;} .about-us-section{ padding: 0.3rem 0.4rem;} .about-us-inner li{ padding: 0; float: none; width: 100%; margin-top: 0.4rem;} .about-us-inner li .block-box .icon{ width: 1.6rem; height: auto;} .about-us-inner li .block-box .icon img{ width: 100%; height: auto;} .about-us-inner li .block-box .title{ font-size: 0.32rem;} .about-us-inner li .anime-icon{ width: 70px; height: 70px;} .chairman-section{ padding: 0.7rem 0.4rem; margin-top: 0.4rem;} .chairman-section .pic-box{ float: none; width: 50%; margin: 0 auto;} .chairman-section .pic-box2{ width: 100%;} .chairman-section .cont-inner{ float: none; width: 100%; margin-top: 0.4rem;} .chairman-section .cont-inner .top-title{ font-size: 0.4rem;} .chairman-section .cont-inner .cont{ font-size: 0.26rem;} .chairman-section .cont-inner .cont p{ margin-top: 0.2rem;} .chairman-section .cont-inner1{ float: none; width: 100%; margin-top: 0.4rem;} .chairman-section .cont-inner1 .top-title{ font-size: 0.4rem;} .chairman-section .cont-inner1 .cont{ font-size: 0.26rem;} .chairman-section .cont-inner1 .cont p{ margin-top: 0.2rem;} .chairman-section .cont-inner1 .img{ margin-top: 0.4rem;} .chairman-section .cont-inner1 .img img{ width: 80%;} .introduction-leaders-section{ padding: 0.7rem 0.4rem;} .introduction-leaders-section .top-title{ font-size: 0.4rem;} .introduction-leaders-section .cont{ font-size: 0.26rem;} .introduction-leaders-section .cont-inner .cont p{ margin-top: 0.2rem;} .news-container{ padding: 0;} .news-container2{ padding: 0;} .sub-leftsidebar{ position: relative; bottom: auto; width: 100%; padding: 0.7rem 0.4rem;} .sub-leftsidebar .item-block{ padding: 0 0.4rem 0.3rem 0.4rem; margin-bottom: 0.3rem;} .sub-leftsidebar .item-block .title{ font-size: 0.32rem;} .sub-leftsidebar .item-block dl dd{ float: left; width: 50%; padding: 0 0.4rem; margin-top: 0.3rem; font-size: 0.26rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .sub-leftsidebar .item-block dl dd::before{ width: 0.24rem; height: 0.24rem; margin-top: -0.16rem;} .sub-leftsidebar .search-btn{ padding-left: 0.4rem;} .sub-leftsidebar .search-btn a{ font-size: 0.26rem; line-height: 0.6rem; padding: 0 0.6rem;} .sub-leftsidebar.news .item-block .title{ background-position: right center;} .news-list-section{ width: 100%; padding: 0.7rem 0.4rem;} .news-list-focus .swiper-slide .block-box .bottom-box{ height: 0.8rem; line-height: 0.8rem; padding: 0 0.3rem;} .news-list-focus .swiper-slide .block-box .bottom-box .title-box .title{ font-size: 0.26rem;} .news-list-focus .swiper-slide .block-box .bottom-box .title-box .type{ right: -1rem;} .news-list-focus .swiper-slide .block-box .bottom-box .title-box .type span{ line-height: 0.4rem; font-size: 0.2rem; padding: 0 0.2rem;} .news-list-focus .swiper-slide .block-box .bottom-box .time{ font-size: 0.24rem;} .news-list-focus .swiper-pagination-box{ bottom: 1rem;} .news-list-focus .swiper-pagination-box .swiper-arrow{ display: none;} .waterfull{ margin: 0.4rem 0 0 0;} .waterfull li{ width: 100%; padding: 0; margin-bottom: 0.4rem;} .waterfull li .block-box .pic-box{ height: auto;} .waterfull li .block-box .cont-box .title-box{ padding: 0.4rem;} .waterfull li .block-box .cont-box .title-box .title{ font-size: 0.32rem;} .waterfull li .block-box .cont-box .bottom-box{ line-height: 0.9rem; padding: 0 0.4rem; font-size: 0.26rem;} .waterfull li .block-box .cont-box .bottom-box .time{ font-size: 0.26rem; margin-right: 0.4rem;} .waterfull li:last-child{ margin-bottom: 0;} .news-details-container{ padding: 0.7rem 0.4rem;} .news-details-top-box .left-box{ width: 100%; float: none;} .news-details-top-box .left-box .time{ font-size: 0.26rem;} .news-details-top-box .left-box .time .time-b{ font-size: 0.6rem;} .news-details-top-box .left-box .title-box{ margin-top: 0.1rem;} .news-details-top-box .left-box .title-box .title{ font-size: 0.32rem;} .news-details-top-box .left-box .title-box .type{ margin-top: 0.1rem; position: initial;} .news-details-top-box .left-box .title-box .type span{ line-height: 0.5rem; font-size: 0.26rem; padding: 0 0.2rem;} .news-details-top-box .share-box{ text-align: right; margin-top: 0.1rem; position: initial;} .social-share .social-share-icon{ width: 0.7rem; height: 0.7rem; margin-left: 0.2rem;} .details-content-inner{ margin-top: 0.4rem; padding: 0.2rem 0.4rem 0.4rem 0.4rem;} .details-content-inner .content-inner{ width: 100%; font-size: 0.23rem;} .details-content-inner .content-inner p{ margin-top: 0.3rem;} .details-content-inner .content-inner .img{ margin-top: 0.3rem;} .details-content-inner .content-inner .img img,.details-content-inner .content-inner .img video{ width: 100%;} /*投资者交流*/ .investor-comminicate-section{ padding: 0.5rem 0.4rem; } .investor-comminicate-section .comminicate-list li{ height: auto; line-height: 1.5; padding: 0.4rem 0.1rem;} .investor-comminicate-section .comminicate-list li:hover:after{width: 0;} .investor-comminicate-section .comminicate-list li .icon{ width: 0.5rem; left: 0; top: -0.05rem; } .investor-comminicate-section .comminicate-list li .cont{ font-size: 0.32rem; margin-left: 0.7rem; white-space: initial;} .investor-comminicate-section .comminicate-list li .title{ float: none; width: 100%;} .investor-comminicate-section .comminicate-list li .time{ float: none; font-size: 0.26rem; padding-left: 0.7rem; margin-top: 0.1rem;} .investor-comminicate-section .comminicate-list .list-more{ width: 0.28rem; margin: 0.5rem auto;} .investor-more-section{ padding: 0 0.4rem 0.5rem 0.4rem;} .investor-more-section .investor-other-box{ padding: 0.3rem; } .investor-more-section .investor-other-top{margin-bottom:0; } .investor-more-section .investor-other-top .block-box{ margin-left: 0;margin-bottom: 0.3rem; width: 100%; height: auto; padding: 0.28rem 0.1rem; } .investor-more-section .investor-other-top .block-box:first-child{ margin-left: 0;width: 100%;} .investor-more-section .investor-other-top .block-box:last-child{ width: 100%; } .investor-more-section .block-box .title{ font-size:0.32rem; margin-bottom: 0.1rem; } .investor-more-section .block-box .cont{ font-size: 0.26rem; } .investor-more-section .block-box .cont span{ margin: 0 0.01rem; } .investor-more-section .investor-other-bottom .block-box{ margin-left: 0;margin-bottom: 0.3rem;height:auto;padding: 0.3rem 0.2rem; } .investor-more-section .investor-other-bottom .block-box:first-child{ margin-left: 0;width: 100%;} .investor-more-section .investor-other-bottom .block-box:last-child{ width: 100%; } /*公司公告*/ .announcement-container{ padding: 0;} .announcement-container .sub-leftsidebar{ position: relative;bottom: auto;width: 100%;padding: 0.7rem 0.4rem;} .announcement-container .sub-leftsidebar .years-more{ font-size: 0.26rem; margin-top: 0.3rem; display: inline-block;} .announcement-container .sub-leftsidebar .years-more img{width: 0.26rem; display: inline-block; margin:0.14rem 0 0 0.1rem; } .announcement-list-section { width: 100%;padding: 0 0.4rem 0.7rem 0.4rem;} .announcement-list-section .announcement-list li{padding: 0.4rem 0.2rem; margin-bottom: 0;} .announcement-list-section .announcement-list li:hover:after{ width: 0; } .announcement-list-section .announcement-list li .block-box{ padding-left: 1.56rem;} .announcement-list-section .announcement-list li .block-box .time{ font-size: 0.26rem; top: 0.1rem;} .announcement-list-section .announcement-list li .block-box .time .time-b{ font-size: 0.6rem;} .announcement-list-section .announcement-list li .block-box .right-box{ min-height: 0.92rem;} .announcement-list-section .announcement-list li .block-box .right-box .title{ font-size: 0.32rem; line-height: 1.5; -webkit-line-clamp: 3;} .announcement-list-section .announcement-list li .block-box .right-box .cont{display: none;} .announcement-list-section .list-more{ width: 0.28rem; margin: 0.5rem auto;} /*资质奖项*/ .about-qyzz-section{ padding: 0.7rem 0.4rem;} .qyzz-foucs{margin: 0.4rem -0.2rem 0 -0.2rem;} .qyzz-foucs .swiper-slide{ padding: 0 0.2rem; margin-bottom: 0.3rem;} .qyzz-foucs .swiper-slide .block-box .pic-box{ padding: 0.4rem 0; margin-bottom: 0.3rem;} .qyzz-foucs .swiper-slide .block-box .pic{ width: 85%; height: 3rem;} .qyzz-foucs .swiper-slide .block-box .pic img{ box-shadow: 0 0 0.3rem #c5dbf1;} .qyzz-foucs .swiper-slide .block-box .title{ font-size: 0.28rem; } .qyzz-foucs .swiper-pagination{margin: 0.1rem auto 0 auto;} .qyzz-foucs .swiper-pagination-bullets-dynamic{ left: auto !important; transform: translateX(0) !important;} .about-ryjx-section{padding: 0.7rem 0.4rem; background:none;} .about-ryjx-inner .tabs{ top: 0; bottom: unset; position: initial; margin-top: 0.4rem;} .about-ryjx-inner .tabs li{font-size:0.24rem;padding:0.1rem 0.2rem;} .about-ryjx-inner .tabs-content{ padding: 0 0; margin-top: 0;} .about-ryjx-inner .tabs-content .box .ryjx-slide{margin: 0.4rem -75% 0.4rem -75%;} .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-slide{ transform: scale(1); transition: all 0s ease; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; padding: 0 0.2rem;} .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-slide .block-box{ margin-top: 0.3rem;} .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-slide .block-box .pic {min-height: 4.5rem; } .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-slide .block-box .pic img{ width: 100%;} .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-slide .block-box .cont-box{ margin-top: 0.4rem;} .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-slide .block-box .cont-box .title{font-size: 0.28rem; margin-top: 0.1rem;} .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-slide .block-box .cont-box .cont{ font-size: 0.28rem;margin-top: 0.1rem; } .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-arrow{ display: none; width: 44px; height: 44px; background-color: #bac8de; border-radius: 50%; position: absolute; bottom: 0;} .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-arrow-prev{ left:5%; } .about-ryjx-inner .tabs-content .box .ryjx-slide .swiper-arrow-next{ right: 30.5%;} .ecological-partners-txt-section{ padding: 0.7rem 0.4rem;} .ecological-partners-txt-section .inner-box{ width: 100%;} .ecological-partners-txt-section .inner-box .cont{ font-size: 0.26rem; margin-top: 0.3rem;} .ecological-partners-txt-section .inner-box .cont .img{ margin-top: 0.3rem;} .ecological-partners-txt-section .inner-box .cont .img img{ width: 100%;} .ecological-partners-section{ padding: 0.7rem 0.4rem;} .ecological-partners-section .inner-box{ width: 100%;} .ecological-partners-section .inner-box .list-inner{ padding-top: 0;} .ecological-partners-section .inner-box .list-inner ul{ margin: 0 -0.2rem;} .ecological-partners-section .inner-box .list-inner li{ width: 50%; padding: 0 0.2rem; margin-top: 0.4rem;} .ecological-partners-section .inner-box .list-inner li .block-box:hover{ background-color: #fff;} .ecological-partners-section .inner-box .list-inner li .block-box:hover .logo1{ display: block;} .ecological-partners-section .inner-box .list-inner li .block-box:hover .logo2{ display: none;} .ecological-partners-focus .swiper-container{ margin: 0 -0.2rem;} .ecological-partners-focus .swiper-slide{ width: 33.333%; padding: 0.2rem;} .ecological-partners-focus .swiper-slide .block-box{ height: 1.62rem;} .ecological-partners-focus.foucs-animate .swiper-pagination{ margin: 0.1rem auto 0 auto;} .ecological-partners-focus.foucs-animate .swiper-pagination-bullets-dynamic{ left: auto !important; transform: translateX(0) !important;} .case-describe-section{ padding: 0.7rem 0.4rem;} .case-describe-section .list-inner li{ padding: 0.6rem 0.4rem; margin-bottom: 0.4rem;} .case-describe-section .list-inner li .cont{ margin-top: 0.2rem; font-size: 0.26rem;} .contactus-container{ padding: 0.7rem 0.4rem;} .contactus-leftsidebar{ position: relative; bottom: auto; width: 100%; padding: 0; font-size: 0.28rem; overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid #f6f6f6;} .contactus-leftsidebar ul{ display: block; white-space: nowrap;} .contactus-leftsidebar li{ display: inline-block; vertical-align: top; height: 3rem; width: 1.75rem; padding-top: 0.3rem; text-align: center;} .contactus-leftsidebar li .title{ margin-bottom: 0.3rem;} .contactus-leftsidebar li dl{ display: block; border: 0;} .contactus-leftsidebar li dd{ line-height: 1.8;} .contactus-leftsidebar li.even{ background-color: #f6f6f6;} .contactus-list-section{ width: 100%;} .contactus-list-section ul{ margin: 0;} .contactus-list-section li{ float: none; width: 100%; padding: 0.3rem 0 0 0;} .contactus-list-section li .block-box .cont{ padding: 0.3rem 0.4rem;} .contactus-list-section li .block-box .cont .city-title{ font-size: 0.36rem; background-size: 0.28rem auto; padding-left: 0.4rem;} .contactus-list-section li .block-box .cont .address{ font-size: 0.28rem; margin-top: 0.1rem;} .contactus-list-section li .block-box .bot-box{ padding: 0.2rem 0; font-size: 0.28rem; height: auto; -webkit-line-clamp: initial;} .contactus-list-section li .block-box .bot-box .label{ padding: 0.1rem 0.4rem;} .contactus-list-section li .block-box .bot-box .label span{ padding-left: 0.4rem; background-size: 0.3rem;} .section-404{ margin-top: -1.12rem;} .section-404 .cont-inner .title{ font-size: 2.2rem;} .section-404 .cont-inner .btn-box{ margin-top: 0.20rem;} .section-404 .cont-inner .btn-box a{ width: 2.64rem; line-height: 0.72rem; font-size: 0.28rem;} .sub-banner .search-inner .title{ font-size: 0.42rem;} .sub-banner .search-inner .search-box{ width: 5rem; height: 0.6rem; margin-top: 0.3rem;} .sub-banner .search-inner .search-box .input-text{ padding: 0 1.3rem 0 0.3rem; font-size: 0.28rem;} .sub-banner .search-inner .search-box .search-btn{ width: 1rem; height: 0.5rem; background-size: 0.26rem auto; position: absolute; top: 0.03rem; right: 0.03rem;} .sub-banner .search-inner .result-box{ font-size: 0.28rem; margin-top: 0.3rem;} .search-result-list{ padding: 0.3rem 0.4rem 0 0.4rem;} .search-result-list .edit-container{ width: 100%;} .search-result-list li{ padding: 0.3rem 0.2rem;} .search-result-list li .title{ font-size: 0.32rem;} .search-result-list li .cont{ font-size: 0.28rem; margin-top: 0.2rem;} .search-result-list .list-more{ width: 0.28rem; margin: 0.5rem auto;} .technical-container .edit-container{ width: 100%;} .technical-top-box{ padding: 0.7rem 0.4rem;} .technical-top-box .cont-box { font-size: 0.24rem; margin-top: 0.3rem;} .technical-top-box .cont-box .img{ margin-top: 0.3rem;} .technical-top-box .cont-box .img img{ width: 100%;} .technical-core-value-section{ padding: 0.7rem 0.4rem;} .technical-core-value-inner{ margin-top: 0.4rem;} .technical-core-value-inner li{ float: none; width: 100%; margin-top: 0.4rem;} .technical-core-value-inner li .block-box{ padding: 0.6rem;} .technical-core-value-inner li .block-box .icon img{ width: 2rem;} .technical-core-value-inner li .block-box .cont-box{ margin-top: 0.3rem; line-height: 2;} .technical-core-value-inner li .block-box .cont-box .title{ font-size: 0.32rem; height: auto; -webkit-line-clamp: initial;} .technical-core-value-inner li .block-box .cont-box .cont{ font-size: 0.24rem; height: auto; -webkit-line-clamp: initial;} .technical-overview-section{ padding: 0.7rem 0.4rem;} .technical-overview-list .technical-overview-list-block{ padding: 0.4rem;} .technical-overview-list .technical-overview-list-block .block-type{ position: initial; width: 100%; transform: translate(0,0); font-size: 0.36rem;} .technical-overview-list .technical-overview-list-block .block-type .icon{ width: 0.7rem;} .technical-overview-list .technical-overview-list-block .block-type2{ position: initial; width: 100%; transform: translate(0,0); font-size: 0.36rem;} .technical-overview-list .technical-overview-list-block .block-type2 .icon{ width: 0.9rem;} .technical-overview-list .technical-overview-list-block .list-box{ font-size: 0.28rem; margin-top: 0.3rem;} .technical-overview-list .technical-overview-list-block .list-box .list-box-block li{ float: none; width: 100%;} .technical-overview-list .technical-overview-list-block .list-box .list-box-block li .block-box{ padding: 0.4rem 0.4rem 0 0.4rem; height: auto;} .technical-overview-list .technical-overview-list-block .list-box .list-box-block li:last-child .block-box{ padding-bottom: 0.4rem;} .technical-overview-list .technical-overview-list-block .list-box .list-box-block2{ padding: 0.4rem;} .home-icon3,.home-icon4,.home-icon5{ display: none;} /* 在线咨询弹框 */ .offside-suspension{ right: 20px;} .customer-service-entrance{ width: 50px; height: 156px;} .customer-service-entrance span{ font-size: 18px;} .customer-service-layer{ font-size: 14px;} .customer-service-layer .layer-container{ width: 100%; height: 100%; top: 0; left: 0; margin: 0; border-radius: 0;} .customer-service-layer .layer-container .layer-close{ font-size: 18px; top: 14px; right: 20px;} .customer-service-layer .layer-inner .top-box{ height: 50px; line-height: 40px; font-size: 18px; padding: 5px 10px;} .customer-service-layer .layer-inner .top-box .photo{ height: 40px;} .customer-service-layer .layer-inner .top-box .title{ margin-left: 10px;} .customer-service-layer .layer-inner{ padding-top: 50px;} .customer-service-layer .layer-inner .content-inner .nav-one{ float: none; width: 100%; height: 55px; padding: 15px 20px 0 20px; overflow-x: auto;} .customer-service-layer .layer-inner .content-inner .nav-one li{ margin-top: 0; line-height: 40px; display: inline-block; border-radius: 10px 10px 0 0; padding: 0 10px;} .customer-service-layer .layer-inner .content-inner .nav-two{ float: none; width: 100%; height: auto; max-height: 188px; padding: 0 20px; overflow-x: hidden; overflow-y: auto;} .customer-service-layer .layer-inner .content-inner .nav-two ul{ margin: 10px 0;} .customer-service-layer .layer-inner .content-inner .nav-two li{ margin-top: 0; line-height: 2; display: block; background-size: 6px; background-position: 0 center; padding: 0 10px 0 15px;} .customer-service-layer .layer-inner .content-inner .content-right{ float: none; width: 100%; height: auto; padding-bottom: 180px;} .customer-service-layer .layer-inner .content-inner .content-right .inner-box{ height: 100%;} .customer-service-layer .layer-inner .content-inner .content-right .inner-box li .cont{ width: 80%;} .customer-service-layer .layer-inner .content-inner .content-right .inner-box li .cont span{ padding: 10px 15px;} .customer-service-layer .layer-inner .content-inner .content-right .inner-box li .cont span img{ width: 120px !important; height: auto !important;} .customer-service-layer .layer-inner .content-inner .content-right .text-layout{ width: 100%; position: fixed; left: 0; bottom: 0;} .text-layout-tabs .box{ width: 100%; padding: 0 10px;} .text-layout-tabs .swiper-arrow{ display: none;} .text-layout-tabs .swiper-container{ width: auto; overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch;} .text-layout-tabs .swiper-wrapper{ width: auto; height: 50px; display: block; white-space: nowrap;} .text-layout-tabs .swiper-slide{ float: none; display: inline-block;} .customer-service-layer .layer-inner .content-inner .content-right .inner-box li .photo{ width: 44px;} .contact-from-layer .s-layer-container .form .item-block .input-box .input-text{ height: 36px; line-height: 36px;} .contact-from-layer .s-layer-container .form .item-block .input-box .select{ height: 36px; line-height: 36px;} .return-top{ width: 36px; height: 36px; margin-left: -18px; bottom: -65px;} .base-table{ overflow-x: auto; padding-bottom: 10px;} .base-table table{ position: relative; white-space: nowrap;} .base-table table::-webkit-scrollbar{/*滚动条整体样式*/ width: 1px; /*高宽分别对应横竖滚动条的尺寸*/ height: 2px; } .base-table table::-webkit-scrollbar-thumb{/*滚动条里面小方块*/ border-radius: 10px; /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */ height: 5px; background: #e7233b; } .base-table table::-webkit-scrollbar-track{/*滚动条里面轨道*/ /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */ border-radius: 5px; background: #d4d4d4; } .aqfw-box{ margin-top: 0.6rem; padding: 0.6rem 0.4rem 0.4rem 0.4rem;} .aqfw-box .sub-base-title{ font-size: 0.4rem; top: -0.21rem;} .aqfw-box .sub-base-title span{ padding: 0 0.4rem;} .jsjg-section{ padding: 0.7rem 0.4rem;} .jsjg-section .pic-box{ float: none; width: 100%;} .jsjg-section .cont-inner{ float: none; width: 100%; padding-top: 0.5rem;} .jsjg-section .cont-inner dd{ padding: 0.2rem 0 0.2rem 0.3rem; font-size: 0.28rem;} .jsjg-section .cont-inner dd .icon{ width: 0.16rem; top: 0.4rem;} .customer-service-local-layer{ font-size: 14px;} .customer-service-local-layer .layer-container{ width: 100%; height: 100%; top: 0; left: 0; margin: 0; border-radius: 0;} .customer-service-local-layer .layer-container .layer-close{ font-size: 18px; top: 14px; right: 20px;} .customer-service-local-layer .layer-inner .top-box{ height: 50px; line-height: 40px; font-size: 18px; padding: 5px 10px;} .customer-service-local-layer .layer-inner .top-box .photo{ height: 40px;} .customer-service-local-layer .layer-inner .top-box .title{ margin-left: 10px;} .customer-service-local-layer .layer-inner{ padding-top: 50px;} .customer-service-local-layer .layer-inner .content-inner{ width: 80%;} .customer-service-local-layer .layer-inner .content-inner .form-box .form-block{ margin-top: 0.6rem;} .customer-service-local-layer .layer-inner .content-inner .form-box .form-block .input-block .input-text{ height: 44px; font-size: 14px;} .customer-service-local-layer .layer-inner .content-inner .form-box .form-block .input-block textarea{ font-size: 14px;} .customer-service-local-layer .layer-inner .content-inner .submit-btn{ margin-top: 0.6rem;} .customer-service-local-layer .layer-inner .content-inner .submit-btn a{ width: 144px; line-height: 36px;} /* 提示弹框 */ .error-layer .layer-inner{ left: 0; margin: 0; width:100%; height:auto; transform:translate(0,-50%); padding: 0 20px;} .error-layer .layer-inner .layer-close{ width: 40px; height: 40px; top: -40px; right: 20px; background-size: 20px;} .error-layer .layer-container{ width: 100%; height: auto; padding: 25px 20px 37px 20px;} .error-layer .layer-container .icon img{ width: 38px;} .error-layer .layer-container .cont{font-size: 14px; margin-top: 15px;} .proList-box2{ padding: 0.7rem 0.4rem;} .pro-list-ul{ margin-top: 0.4rem;} .pro-list-ul li{ float: none; width: 100%; margin-bottom: 0.4rem;} .pro-list-ul li .block-box{ padding: 0.3rem;} .pro-list-ul li .pic{ margin-right: 0.4rem;} .pro-list-ul li .txt{ padding-right: 0;} .pro-list-ul li .txt h3{ font-size: 0.32rem;} .pro-list-ul li .txt p{ font-size: 0.24rem;} .typical-applications-section{ padding: 0.7rem 0.4rem;} .typical-applications-section .top-title{ font-size: 0.4rem; line-height: 1.5; margin-bottom: 0.4rem;} .typical-applications-section .top-title2-box .title{ font-size: 0.4rem;} .typical-applications-section .top-title2-box .title::before{ width: 5rem; margin-left: -2.5rem;} .typical-applications-section .top-title2-box .title span{ padding: 0 0.3rem;} .typical-applications-section .bottom-btn-box{ margin-top: 0;} .typical-applications-section .bottom-btn-box a{ margin-top: 0.4rem; padding: 0 0.8rem 0 1.4rem; background-position: 0.8rem center; font-size: 0.26rem; line-height: 0.8rem;} .typical-applications-section .bottom-btn-box .icon-btn-buy{ padding: 0 1.4rem 0 0.8rem; background-position: 2.32rem center;} /* 视频弹框 */ .video-layer .layer-container{ width: 100%;} .video-layer .layer-inner .layer-close{ width: 0.7rem; height: 0.7rem; background-size: 0.5rem; top: 0.3rem; right: 0.3rem;} .product-functionality-section{ padding: 0.7rem 0.4rem;} .product-functionality-section ul{ margin-top: 0.4rem;} .product-functionality-section li{ float: none; width: 100%;} .product-functionality-section li .block-box{ height: auto} .product-functionality-section li .block-box .icon{ width: 1.6rem; padding-top: 0.4rem;} .product-functionality-section li .block-box .cont-box{ margin-top: 0.4rem; padding-bottom: 0.4rem;} .product-functionality-section li .block-box .cont-box .title{ font-size: 0.32rem;} .product-functionality-section li .block-box .cont-box .title span{ padding-bottom: 0.2rem;} .product-functionality-section li .block-box .cont-box .more{ font-size: 0.26rem; margin-top: 0.2rem;} } @media (max-width: 768px){ } /* 超小屏 */ @media (max-width: 640px){ }