/* 字体图标样式  开始*/ @font-face { font-family: "iconfont"; src: url('iconfont.eot?t=1540967680458'); /* IE9*/ src: url('iconfont.eot?t=1540967680458#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('iconfont.ttf?t=1540967680458') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('iconfont.svg?t=1540967680458#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-yuandian1:before { content: "\e647"; } .icon-mail:before { content: "\e62b"; } .icon-edit:before { content: "\e65b"; } .icon-asterisk:before { content: "\e600"; } .icon-phone:before { content: "\e601"; } .icon-efficiency:before { content: "\e69d"; } .icon-top:before { content: "\e717"; } .icon-right:before { content: "\e661"; } .icon-hand_right:before { content: "\ec57"; } .icon-shezhi:before { content: "\e718"; } .icon-mail02:before { content: "\e60d"; } .icon-zixun:before { content: "\e609"; } .icon-jia:before { content: "\e619"; } .icon-jian:before { content: "\e60e"; } .icon-guojia:before { content: "\e63e"; } .icon-right1:before { content: "\e63b"; } .icon-xuanzhong:before { content: "\e618"; } .icon-MyclientCopy:before { content: "\e635"; } .icon-yuandian:before { content: "\e62f"; } .icon-time:before { content: "\e667"; } .icon-zuanshi:before { content: "\e673"; } .icon-gongju:before { content: "\e66b"; } .icon-ios-shijian:before { content: "\e602"; } /* 字体图标样式  结束*/ /* 公共样式 开始 */ body { font-size: 16px; line-height: 24px; font-family: 'Arial'; color: #333; background-color: #fff; overflow-x: hidden; } * { margin: 0; padding: 0; } img,video{ max-width: 100%; height: auto !important; } li { list-style: none } a { text-decoration: none; } .pull-left { float: left; } .pull-right { float: right; } .clearfix:after, .clearfix:before { display: table; content: " "; clear: both; } .warp { width: 1400px; margin: 0 auto; } /* .btn{ opacity: .8; transition: opacity 0.25s; cursor: pointer; } .btn:hover{ opacity: 1; } */ .font-h1 { font-size: 40px; } .margin-top-25 { margin-top: 25px; } /*自动隐藏文字*/ .ellipsis-1 { padding-right: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ellipsis-2 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /* 字体大小 */ .font-24 { font-size: 24px !important; line-height: 1em; } .font-32 { font-size: 32px !important; line-height: 1em; } .font-36 { font-size: 36px !important; line-height: 1em; } .font-54 { font-size: 54px !important; line-height: 1em; } /* 页面间距 */ .margin-top-65 { margin-top: 65px !important; } /* 公共样式 结束 */ .header { background-color: #051e3c; line-height: 80px; } .logo { float: left; } .nav { float: right; } .nav li { float: left; margin-left: 50px; } .nav li a { color: #fff; font-size: 18px; font-family: "Poppins", sans-serif; } .nav li.on a { color: #ff9823; } .dangqian { background: #def0ff; background: -webkit-linear-gradient(#def0ff, #f2f8fe); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#def0ff, #f2f8fe); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#def0ff, #f2f8fe); /* Firefox 3.6 - 15 */ background: linear-gradient(#def0ff, #f2f8fe); /* 标准的语法 */ line-height: 45px; font-size: 16px; color: #707987; /* margin-bottom: 40px; */ } .dangqian a { color: #707987; } .inner-top { margin-top: 40px; margin-bottom: 40px; } .inner-top>img { width: 53%; float: left; } .inner-top .txt { width: 42%; float: right; color: #707987; } /* .inner-title-tb{ background: url(../images/tb-dian.png) no-repeat left center; padding-left: 40px; line-height: 36px; } */ .i-t-tb.inner-title { background: url(../images/tb-dian.png) no-repeat left center; padding-left: 40px; line-height: 36px; } .inner-top .txt h1 { margin: 0 0 20px; color: #092a44; font-size: 40px; line-height: 48px; } .inner-top .txt>p { line-height: 30px; } .inner-jj-bg { background: url(../images/inner-top-bg.jpg) no-repeat left bottom; line-height: 45px; padding: 0 15px 10px; position: relative; margin: 30px 0; } .inner-jj-bg p { font-size: 18px; color: #000; } .inner-jj-bg p:before { background-color: #034aff; color: #fff; padding: 7px; border-radius: 50%; margin-right: 15px; } .inner-kefu { position: absolute; right: 0; bottom: 5px; } .inner-kefu a { line-height: 0; display: block; } .inner-kefu a.i-kf-txt { line-height: 30px; font-size: 16px; color: #fff; background-color: #034aff; text-align: center; border-radius: 15px; } .inner-top .txt .btn-group { margin-top: 35px; } .inner-top .txt .btn-group .btn-get { background: url(../images/btn-bg.png) no-repeat center top; padding: 10px 32px 20px; color: #fff; font-size: 22px; } .inner-top .txt .btn-group a.icon-mail { padding-left: 20px; font-size: 20px; line-height: 45px; color: #49515d; font-weight: bold; } .inner-top .txt .btn-group a.icon-mail:before { background-color: #eff7ff; color: #346cff; font-size: 26px; padding: 10px; border-radius: 50%; margin-right: 5px; } .inner-top02 { background-color: #ebfaff; margin: 80px 0 60px; padding: 30px 0; } .i-t-left { /* width: 56%; */ color: #707987; font-size: 18px; line-height: 30px; /* float: left; */ } .i-t-left h3, .i-t-txt02 h3, .i-t-txt h3 { background: url(../images/tb-dian.png) no-repeat left center; padding-left: 40px; line-height: 36px; font-size: 28px; color: #092a44; margin-bottom: 15px; } .i-t-left p { margin-bottom: 10px; } .i-t-left p strong { color: #1ea0ff; } .i-t-left p img,.i-t-left p video { width: 800px!important; } .i-t-right { /* width: 40%; */ margin: 20px 0; /* float: right; */ } .i-t-right img, .i-t-img02 img { max-width: 100%; height: auto; } .inner-title { font-size: 40px; color: #092a44; font-weight: bold; margin: 20px 0 25px; background: url(../images/mate-title-bg.png) no-repeat left center; padding-left: 80px; line-height: 85px; margin-bottom: 30px; } .i-t-img02 { /* width: 44%; float: left; */ } .i-t-txt02 { /* width: 51%; float: right; */ } .i-t-txt { color: #707987; font-size: 18px; line-height: 30px; } .i-t-txt p { margin-bottom: 10px; } .i-t-txt p strong { color: #1ea0ff; } .i-t-txt p img,.i-t-txt p video { width: 800px!important; } .inner-top03 { padding-bottom: 55px; background: url(../images/txt-bg.jpg) no-repeat 90% bottom; } .jianbian-bg { height: 50px; background: -webkit-linear-gradient(#ebfaff, #fff); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#ebfaff, #fff); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#ebfaff, #fff); /* Firefox 3.6 - 15 */ background: linear-gradient(#ebfaff, #fff); /* 标准的语法 */ } .inner-slide { background: -webkit-linear-gradient(left, #42c2f6, #087ae5); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #42c2f6, #087ae5); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #42c2f6, #087ae5); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #42c2f6, #087ae5); /* 标准的语法 */ padding: 1px 12px 1px 25px; border-radius: 8px 75px 75px 8px; box-shadow: 0 15px 15px rgb(168, 200, 230); position: relative; margin: 30px 0; } .inner-slide .inner-title-tb { background-image: url(../images/tb-dian02.png); margin-top: 10px; color: #fff; } .inner-slide p { line-height: 30px; color: #fff; } .slide-bg { position: absolute; width: 62px; height: 66px; background: url(../images/slide-bg.png) no-repeat center; right: 12px; top: 12px; text-align: center; } /* .slide-bg i{ font-size: 45px; margin-top:50px; display: block; color: #ff5d12; cursor: pointer; transition: transform 1s; -moz-transition: transform 1s; -webkit-transition: transform 1s; -o-transition: transform 1s; } .slide-bg i.active{ transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); }  */ .slide-bg img { cursor: pointer; position: absolute; left: 25px; top: 22px; transition: transform 1s; -moz-transition: transform 1s; /* Firefox 4 */ -webkit-transition: transform 1s; /* Safari 和 Chrome */ -o-transition: transform 1s; /* Opera */ } .slide-bg.active img { transform: rotate(180deg); -ms-transform: rotate(180deg); /* IE 9 */ -moz-transform: rotate(180deg); /* Firefox */ -webkit-transform: rotate(180deg); /* Safari 和 Chrome */ -o-transform: rotate(180deg); /* Opera */ } .slide-bg img.jia { display: block; } .slide-bg img.jian { display: none; } .slide-bg.active img.jia { display: none; } .slide-bg.active img.jian { display: block; } .hidden { display: none; } .pimg-list { margin: 0 -2px; } .pimg-list li { float: left; width: 16.66%; margin-bottom: 4px; overflow: hidden; box-sizing: border-box; padding: 0 2px; } /* .pimg-list li span{ display: block; margin: 0 2px; } */ .pimg-list li img { max-width: 100%; float: left; } .title-txt { color: #707987; font-size: 18px; margin-bottom: 35px; } .title-txt a { color: #ff9823; } .title-margin { margin: 50px 0 20px; } .bot-list { width: 44%; float: left; } .bot-list:last-child { width: 51%; float: right; } .bot-list dt { margin-right: 25px; float: left; width: 330px; } .bot-list dt img { width: 100%; } .bot-title { font-size: 22px; line-height: 32px; color: #092a44; font-weight: bold; margin-bottom: 25px; color: #092a44; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .bot-list dd p { color: #707987; line-height: 26px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bot-list dd p b { color: #49515d; } .bot-list dd .inner-bot-more { position: relative; display: inline-block; padding: 7px 80px 7px 40px; color: #fff; background: -webkit-linear-gradient(left, #0955b8, #14a5f1); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #0955b8, #14a5f1); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #0955b8, #14a5f1); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #0955b8, #14a5f1); /* 标准的语法 */ font-size: 14px; font-weight: bold; margin: 55px 0 0 -35px; z-index: 2; border-radius: 0 20px 20px 0; } .bot-list dd .inner-bot-more:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; background: url(../images/right.png) no-repeat 130px center; } .liuyan { padding: 50px 0; background: url(../images/ly-bg.jpg) no-repeat center; margin-top: 50px; background-size: cover; } .liuyan .warp { /* width: 1600px; */ } .ly-menu { padding: 30px; background-color: #fff; width: 50%; box-sizing: border-box; box-shadow: 0 0 5px 2px rgba(87, 146, 211, .4); float: left; border-radius: 6px; } .form-group { margin-bottom: 20px; overflow: hidden; line-height: 34px; } .form-group label { float: left; width: 110px; font-weight: bold; color: #092a44; text-align: right; padding-right: 15px; } .form-group label i { color: #fe1b03; } .form-list { overflow: hidden; margin: 0 -7px; } .form-list li { width: 25%; float: left; box-sizing: border-box; padding: 0 7px; } .form-group span.input-border { border: 1px solid #c4c4c4; border-radius: 4px; overflow: hidden; display: block; margin-bottom: 0; } .form-group>span.input-border { width: 73%; float: left; } .lianxi-form .form-group>span.input-border { width: auto; } .form-group>.form-list { width: 86.4%; float: left; } .form-group input { border: 0; outline: none; } .form-group span.input-border i { font-size: 20px; width: 28px; text-align: center; display: inline-block; color: #025bff; } .ly-menu .form-group:nth-child(5) span.input-border img { top: 10px; transform: none; } .form-list li:last-child span { margin-right: 0; } .form-list li select { border: 0; outline: none; width: 100%; color: #888; } .btn-lytj { display: inline-block; padding: 10px 45px; background: -webkit-linear-gradient(left, #0955b8, #14a5f1); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #0955b8, #14a5f1); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #0955b8, #14a5f1); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #0955b8, #14a5f1); /* 标准的语法 */ color: #fff; font-size: 18px; border-radius: 4px; margin-left: 125px; margin-bottom: 30px; } .ly-right { width: 42%; float: right; } .ly-right ul { margin: 0 -20px; } .ly-right ul li { width: 160px; float: left; margin: 0 20px; } .ly-right ul li p { margin-top: 25px; font-size: 14px; padding-left: 10px; color: #49515d; } .ly-right .inner-title { margin-top: 55px; } .ly-right .title-txt { margin-bottom: 55px; } .copy { background-color: #051e3c; color: #fff; line-height: 60px; text-align: center; /* margin-top: 60px; */ } .copy a { color: #ffa032; } /* 首页 */ .b-t { color: #fff; overflow: hidden; } .b-t .t1 { font-size: 24px; line-height: 36px; margin: 70px 0 25px; } .b-t .line { width: 90px; height: 1px; background-color: #fff; } .b-t .t2 { font-size: 60px; font-weight: bold; line-height: 80px; margin: 30px 0 15px; } .b-t .h1 { font-size: 100px; line-height: 120px; font-weight: black; letter-spacing: 5px; margin-bottom: 35px; } .b-t .text-accent-btn {} .b-t a.btn { color: #fff; width: 130px; display: block; position: relative; padding: 10px 36px; border-radius: 4px; overflow: hidden; font-size: 24px; font-weight: bold; margin-bottom: 90px; } .b-t a.btn:before, .b-t a.btn:after { position: absolute; top: -2px; left: -2px; bottom: -2px; right: -2px; content: ''; z-index: -1; transition: all .3s; } .b-t a.btn:before { background: linear-gradient(228.54deg, #1DBEDE 30.16%, #5656DF 89.45%); } .b-t a.btn:after { opacity: 0; background: linear-gradient(-228.54deg, #1DBEDE 30.16%, #5656DF 89.45%); } .b-t a.btn:hover:before { opacity: 0; } .b-t a.btn:hover:after { opacity: 1; } .banner .slick-slide { background-size: cover !important; } .i-p-list { text-align: center; margin: 50px 0; } .i-p-list li { float: left; width: 16.66%; } .i-p-list li a { display: block; font-size: 18px; color: #092a44; } .i-p-list li a:hover { color: #14a5f0; } .i-p-list li a img { display: block; margin: 0 auto; } .our-roducts { background-color: #f3fbfd; padding: 50px 0; } .index-title { text-align: center; } .index-title span { position: relative; font-size: 42px; font-weight: bold; padding: 0 15px; z-index: 2; } .index-title span:before { content: ''; position: absolute; width: 100%; height: 50%; bottom: 0; background-color: #14a5f0; left: 0; z-index: -1; } .tit-txt { text-align: center; font-size: 20px; color: #49515d; margin: 25px 0 0; } .o-p-list { margin: 0 -15px; } .o-p-list li { float: left; width: 25%; margin-bottom: 20px; } .o-p-list li .img-hover { margin: 0 15px; overflow: hidden; display: block; } .o-p-list li .img-hover img { max-width: 100%; } .o-p-list li .txt { margin: 0 15px; background-color: #fff; border-top: 1px solid #a7b5ca; padding: 15px 5px 15px 15px; transition: all 0.25s; -moz-transition: all 0.25s; /* Firefox 4 */ -webkit-transition: all 0.25s; /* Safari 和 Chrome */ -o-transition: all 0.25s; /* Opera */ } .o-p-list li .txt .op-title { font-size: 20px; font-weight: bold; color: #092a44; margin-bottom: 10px; display: block; } .o-p-list li .txt .op-num { display: block; float: left; font-size: 14px; color: #707987; line-height: 20px; margin-top: 10px; } .o-p-list li .txt .op-num b { display: inline-block; font-size: 18px; color: #49515d; } .op-btn { color: #707987; padding: 0 24px; border: 2px solid #707987; border-radius: 20px; margin-top: 5px; } .o-p-list li .txt:hover { background-color: #14a5f0; color: #fff; } .o-p-list li .txt:hover .op-title, .o-p-list li .txt:hover .op-num, .o-p-list li .txt:hover .op-num b, .o-p-list li .txt:hover .op-btn { color: #fff; border-color: #fff; } /* .o-p-list li .img-hover:hover img{ transform: scale(1.1, 1.1); } */ .img-hover { overflow: hidden; } .img-hover img { transition: transform 0.25s; -moz-transition: transform 0.25s; /* Firefox 4 */ -webkit-transition: transform 0.25s; /* Safari 和 Chrome */ -o-transition: transform 0.25s; /* Opera */ } .img-hover:hover img { transform: scale(1.1, 1.1); } .in-about { background: url(../images/about-bg.jpg) no-repeat center; background-size: cover; padding: 100px 0 110px; color: #fff; } .in-about .index-title, .in-about .in-tit-txt { color: #fff; text-align: left; } .in-about .in-tit-txt { font-size: 16px; margin: 30px 0; } .in-about .index-title span:before { background-color: #ffa032; } .about-left { width: 28%; float: left; } .about-left>p { line-height: 36px; } .about-left>p i { margin-right: 10px; } .about-left>a { border: 1px solid #fff; color: #fff; display: inline-block; padding: 7px 50px; border-radius: 4px; margin-top: 40px; } .about-list { border-left: 1px solid #49515d; margin-left: 2%; width: 15%; float: left; } .about-list li { border-bottom: 1px solid #49515d; text-align: center; padding: 45px 0; } .about-list li:last-child { border-bottom: 0; } .about-list li b { font-family: 'Helvetica condensed'; font-size: 48px; line-height: 48px; display: block; margin-bottom: 10px; } .solution { width: 48%; float: left; } .sol-l, .sol-r { width: 48%; } .sol-l { background: url(../images/sol01.jpg) no-repeat center; float: left; } .sol-r { background: url(../images/sol02.jpg) no-repeat center; float: right; } .solution .txt { color: #fff; background: -webkit-linear-gradient(transparent, #081d4c); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(transparent, #081d4c); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(transparent, #081d4c); /* Firefox 3.6 - 15 */ background: linear-gradient(transparent, #081d4c); /* 标准的语法 */ padding: 10px; } .solution .txt>span { font-weight: bold; font-size: 18px; background: -webkit-linear-gradient(left, #1658ad, #14a5f1); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #1658ad, #14a5f1); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #1658ad, #14a5f1); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #1658ad, #14a5f1); /* 标准的语法 */ padding: 10px 15px; border-radius: 30px 0 30px 0; display: inline-block; margin-bottom: 200px; } .solution .txt>span a { color: #fff; } .solution .txt>p { line-height: 30px; } .solution .txt>p.color { color: #ff9e00; } .index-news { width: 46%; float: right; } .i-n-list {} .i-n-list li { color: #707987; overflow: hidden; margin-bottom: 5px; } .i-n-list li p { margin-bottom: 5px; } .i-n-list li a.title { font-size: 20px; display: block; color: #49515d; font-weight: bold; margin: 5px 0 10px; } .i-n-list li a.more { float: right; font-size: 14px; color: #707987; } .i-n-list li a:hover { color: #14a5f0; } .index-bottom { background: url(../images/bottom-bg.jpg); padding: 50px 0 30px; } .i-b-left { width: 30%; margin-right: 7%; float: left; } .i-b-left p { color: #fff; margin-bottom: 5px; } .i-b-left p a { color: #ffa032; } .fenxiang { margin-top: 30px; } .fenxiang a { display: inline-block; margin-right: 15px; } .i-b-title { font-size: 20px; font-weight: bold; color: #fff; margin: 20px 0; } .i-b-center { width: 27%; margin-right: 7%; float: left; } .i-b-center ul {} .i-b-center ul li { overflow: hidden; margin-bottom: 35px; } .i-b-center ul li img { float: left; margin-right: 20px; } .i-b-center ul li p { color: #6e6e6e; margin: 5px 0; } .i-b-center ul li p i { color: #ffa032; } .i-b-center ul li span a { font-size: 20px; color: #fff; } .i-b-right { width: 29%; float: left; } .input-border { position: relative; border: 2px solid #535353; border-radius: 4px; color: #fff; margin-bottom: 15px; } .input-border img { width: 20px; position: absolute; left: 12px; top: 50%; transform: translateY(-50%); } .i-b-right .input-border { font-size: 14px; color: #888; } .input-border i { color: #ffa032; float: left; margin-right: 5px; } .input-border input, .input-border textarea { width: 100%; height: 36px; display: block; padding-left: 45px; padding-right: 12px; background-color: transparent; border: 0; outline: none; color: #888; font-family: 'Arial'; line-height: 36px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .input-border textarea { width: 100%; padding-top: 11px; padding-bottom: 11px; font-size: 16px; line-height: 1.4; height: 100px; resize: none; } .input-border textarea::placeholder { color: #888; font-family: 'Arial'; font-size: 14px; } .btn-sub { font-size: 20px; color: #fff; padding: 10px 50px; background-color: #ffa032; border-radius: 4px; outline: none; border: 0; cursor: pointer; } .copy { text-align: center; line-height: 60px; color: #fff; } /* 案例列表页 */ .inner-banner { background-position: top center; background-repeat: no-repeat; padding: 45px 0; text-align: center; /* margin-top: -40px; */ } .list-banner { background-image: url(../images/case-banner.jpg); background-size: cover; } .case2-banner { background-image: url(../images/case2-banner.jpg); background-size: cover; } .case2-banner .warp img { display: none; } .list-banner p, .case2-banner p { font-size: 26px; font-weight: bold; color: #fff; font-family: Fjalla One, Helvetica Neue, Helvetica, Open Sans, Arial, sans-serif; text-transform: capitalize; margin-bottom: 25px; line-height: 34px; } .case2-banner p { margin: 85px 0; } .case-list { padding: 70px 0 45px; } .case-list:nth-child(odd) { background-color: #f5f5f5; } .case-list .img { float: left; width: 57%; position: relative; z-index: 5; margin-right: 3.6%; } .case-list .img img { width: 100%; position: relative; z-index: 5; float: left; } .case-list .img a.btn-bg { position: absolute; z-index: 6; padding: 8px 30px 8px 20px; top: 10px; right: -25px; font-size: 22px; color: #fff; font-weight: bold; } .case-list .img a.btn-bg img { width: 20px; margin-right: 15px; float: left; } a.btn-bg:before, a.btn-bg:after { position: absolute; top: -2px; left: -2px; bottom: -2px; right: -2px; content: ''; z-index: -1; transition: all .3s; border-radius: 30px 0 0 0; } a.btn-bg:before { background: linear-gradient(-228.54deg, #1658ad 30.16%, #14a5f1 89.45%); } a.btn-bg:after { opacity: 0; background: linear-gradient(228.54deg, #1658ad 30.16%, #14a5f1 89.45%); } a.btn-bg:hover:before { opacity: 0; } a.btn-bg:hover:after { opacity: 1; } .case-list .img span.tb { display: inline-block; border-left: 50px solid #0958ba; border-top: 25px solid transparent; border-bottom: 25px solid transparent; position: absolute; top: 27px; right: -25px; z-index: 1; } .case-list .img .img-hover { display: block; } .case-list .txt { width: 39%; float: right; } .case-list .txt .title { font-size: 22px; font-weight: bold; color: #092a44; margin: 10px 0 20px; } .case-list .txt .list li { border-top: 1px solid #ddd; padding: 15px 0; overflow: hidden; } .case-list .txt .list li .img-hover { display: block; width: 29%; float: left; margin-right: 24px; } .case-list .txt .list li .img-hover img { width: 100%; float: left; } .case-list .txt .list li .name { font-size: 20px; font-weight: bold; color: #092a44; display: block; padding: 15px 0; } .case-list .txt .list li p { font-size: 14px; color: #707987; } .case-list .txt .list li p b { font-size: 18px; color: #49515d; } .project-list { padding: 70px 0 45px; } .project-list:nth-child(odd) { background-color: #f5f5f5; } .project-list .img-hover { width: 48%; margin-right: 4%; float: left; display: block; } .project-list .img-hover img { width: 100%; position: relative; z-index: 5; float: left; } .project-list .txt { width: 47%; float: right; } .project-list .txt .p1 { font-size: 22px; font-weight: bold; color: #49515d; border-bottom: 1px solid #ddd; line-height: 55px; } .project-list .txt .title { position: relative; font-size: 42px; line-height: 1.14; color: #0956b8; font-weight: bold; margin: 20px 0 30px; padding-bottom: 8px; display: block; opacity: .9; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .project-list .txt .title:hover { opacity: 1; } .project-list .txt .title:before { content: ''; width: 100px; height: 2px; background-color: #ffa032; position: absolute; bottom: 0; } .project-list .txt .icon-yuandian { line-height: 36px; font-size: 18px; color: #707987; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .project-list .txt .icon-yuandian:before { margin-right: 5px; } .project-list .txt .btn { margin-top: 50px; } .project-list .txt .btn a { padding: 8px 80px; font-size: 18px; font-weight: bold; border-radius: 20px; overflow: hidden; display: inline-block; margin-right: 20px; } .project-list .txt .btn a:before { background: #49515d !important; } .project-list .txt .btn a:before, .project-list .txt .btn a:after { border-radius: 20px; z-index: -1; } .project-list .txt .btn a.btn-bg { position: relative; color: #fff; z-index: 9; } .project-list .txt .btn a.get { border: 2px solid #707987; color: #707987; padding: 6px 75px; } .project-list .txt .btn a.get:hover { color: #0956b8; border-color: #0956b8; } /* 物料列表 */ .mate-banner { background-image: url(../images/banner-mate.jpg); background-size: cover; color: #fff; width: 60%; /* padding-left: 20%; padding-right: 20%; */ padding: 70px 20% 80px; } .mate-banner .p1 { font-size: 32px; } .mate-banner .h1 { font-size: 54px; line-height: 1em; position: relative; margin: 30px 0 20px; padding-bottom: 30px; } .mate-banner .h1:after { content: ''; position: absolute; width: 16%; height: 2px; background-color: #ff9823; bottom: 0; left: 42%; } .mate-bg { background-color: #f5f5f5; padding: 1px 0; } .mate-title { background: url(../images/mate-title-bg.png) no-repeat left center; padding-left: 80px; line-height: 85px; margin-bottom: 30px; font-size: 36px; margin-top: 65px; } .mate-list { margin: 0 -20px 30px; } .mate-list li { margin-bottom: 40px; width: 33.33%; float: left; } .mate-list li .box-shaow { margin: 0 20px; } .mate-list li .box-shaow:hover { box-shadow: 0 0 5px 3px rgba(1, 1, 1, .1); } .mate-list li a.img-hover { display: block; } .mate-list li a.img-hover img { float: left; } .mate-list li .txt a.btn-bg:before { background: #49515d; } .mate-list li .txt a.btn-bg:before, .mate-list li .txt a.btn-bg:after { border-radius: 4px; z-index: -1; } .mate-list li .txt a.btn-bg { position: relative; color: #fff; z-index: 9; padding: 8px 45px; font-size: 16px; font-weight: bold; border-radius: 4px; overflow: hidden; display: inline-block; float: right; } .mate-list li .txt { background-color: #fff; padding: 20px; } .mate-list li .txt span { line-height: 40px; color: #0956b8; } .mate-list li .txt .m-t-title { font-weight: bold; background: url(../images/tb-dian.png) no-repeat left center; padding-left: 35px; background-size: 25px; color: #0956b8; font-size: 24px; display: block; } .mate-list li .txt p { height: 48px; color: #707987; margin: 20px 0; } /* 返回顶部 */ .return-top { width: 110px; height: 50px; line-height: 50px; text-align: center; background-color: #14a5f0; color: #fff; font-size: 22px; font-weight: bold; position: fixed; right: -110px; z-index: 999; bottom: 100px; cursor: pointer; transition: right 0.25s; -moz-transition: right 0.25s; /* Firefox 4 */ -webkit-transition: right 0.25s; /* Safari 和 Chrome */ -o-transition: right 0.25s; /* Opera */ } .return-top i { font-size: 22px; margin-right: 8px; } .return-top.show { right: 0; } /* 新闻中心 */ .news-banner { background-image: url(../images/banner-news.jpg); background-size: cover; color: #fff; width: 60%; /* padding-left: 20%; padding-right: 20%; */ padding: 100px 20% 115px; } .news-banner .h1 { font-size: 54px; line-height: 1em; position: relative; margin: 30px 0 20px; padding-bottom: 30px; } .news-banner .h1:after { content: ''; position: absolute; width: 16%; height: 2px; background-color: #ff9823; bottom: 0; left: 42%; } .inner-news-list { margin: 65px -30px 0; } .inner-news-list li { width: 50%; float: left; box-sizing: border-box; padding: 0 30px 30px; color: #707987; } .inner-news-list li h3 { margin-bottom: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .inner-news-list li h3 a { font-size: 20px; font-weight: bold; color: #092a44; } .inner-news-list li time { margin-bottom: 15px; display: block; background: url(../images/time.png) no-repeat left center; padding-left: 25px; } .inner-news-list li p { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 44px; } .inner-news-list li a.more { margin-top: 15px; position: relative; font-size: 18px; color: #49515d; border: 2px solid #49515d; width: 300px; display: block; height: 38px; line-height: 38px; text-align: center; border-radius: 22px; } .inner-news-list li a.more:before { background: transparent; } .inner-news-list li a.more:before, .inner-news-list li a.more:after { border-radius: 22px; } .inner-news-list li a.more:hover { color: #fff; border-color: transparent; } .inner-news-list li .line { margin-top: 30px; border-bottom: 1px solid #ddd; } /* 分页 */ .page { text-align: center; margin-bottom: 70px; padding-top: 20px; } .page li { display: inline-block; margin: 0 5px; border: 1px solid #ddd; padding: 10px 15px; line-height: 14px; } .page li a { display: block; color: #333; font-size: 14px; } .page li:hover, .page li.current { background-color: #093d94; color: #fff; } .page li:hover a { color: #fff; } /* 联系我们 */ .lianxi-banner { background-image: url(../images/banner-lianxi.jpg); background-size: cover; color: #fff; width: 60%; padding: 60px 20% 320px; } .lianxi-banner .h1 { font-size: 50px; line-height: 1em; position: relative; margin: 30px 0 20px; padding-bottom: 30px; } .lianxi-banner .h1:after { content: ''; position: absolute; width: 16%; height: 2px; background-color: #ff9823; bottom: 0; left: 42%; } .lianxi-form { background-color: #fff; margin-top: -270px; border-radius: 8px; padding: 40px 40px 15px; line-height: 34px; box-shadow: 0 0 9px 2px rgba(87, 146, 211, .4) } .lianxi-form .inner-title { margin-top: 0; } .lianxi-form span.input-border { float: none; position: relative; border: 1px solid #c4c4c4; border-radius: 4px; overflow: hidden; display: block; margin-bottom: 0; } .lianxi-form span.input-border i { color: #1064ff; } .lianxi-form span.input-border img { width: 20px; position: absolute; left: 12px; top: 50%; transform: translateY(-50%); } .lianxi-form .form-group span.input-border img { top: 8%; transform: none; } .lianxi-form label { font-weight: bold; color: #49515d; } .lianxi-form label i { color: #fe1b03; } .lianxi-form .form-group label { float: none; } .lianxi-form .form-list { margin-bottom: 10px; } .lianxi-form .btn-lytj { float: right; margin-bottom: 0; } .lianxi-form .txt { color: #707987; } .lianxi-form .txt:before { color: #6dc3ff; font-size: 24px; float: left; margin-right: 5px; } .lianxi-bg { background-color: #f5f5f5; padding: 45px 0; margin-top: 50px; } .lx-menu { margin: 0 -30px; } .lx-menu li { width: 33.33%; box-sizing: border-box; float: left; padding: 0 30px; text-align: center; } .lx-menu li:nth-child(2) a:last-child { background-color: #ff9823; padding: 0 15px; border-radius: 20px; color: #fff; min-height: 0; display: inline-block; margin-bottom: 24px; } .lx-menu li .border { background-color: #fff; border: 2px solid #eee; padding: 45px 30px 60px; } .lx-menu li .border p { font-size: 24px; color: #092a44; margin: 30px 0 20px; } .lx-menu li .border a { color: #707987; display: block; min-height: 48px; } .pimg-list.pimg2 { margin-bottom: 60px; } /* 404页面 */ .left404 { float: left; width: 50%; margin-top: 30px; position: relative; } .wa404 { float: right; width: 58%; border: 2px solid #535353; margin-left: -125px; box-sizing: border-box; margin-left: -8%; padding: 60px 4% 150px 12%; text-align: center; margin-bottom: 80px; } .wa404 h1 { font-size: 240px; line-height: 180px; margin-bottom: 30px; color: #092a44; } .wa404 span { font-size: 36px; color: #49515d; } .wa404 p { font-size: 18px; color: #707987; margin: 15px 0; } .wa404 a { display: inline-block; font-size: 14px; color: #49515d; border: 2px solid #ddd; width: 190px; box-sizing: border-box; line-height: 46px; border-radius: 25px; position: relative; margin: 0 10px; } .wa404 a.btn-bg { color: #fff; border-color: transparent; } .wa404 a.btn-bg:before, .wa404 a.btn-bg:after { border-radius: 25px; } /* 案例内页 */ .alny02 { background-color: #f0faff; padding: 25px 0 50px; margin: 60px 0 30px; } .alny02 ul { margin: 0 -1%; font-size: 0; } .alny02 ul li { box-sizing: border-box; width: 23%; margin: 0 1%; display: inline-block; vertical-align: top; text-align: center; font-size: 18px; box-shadow: 0 0 20px 3px rgba(1, 1, 1, .15); } .alny02 ul li>a img { width: 100%; float: left; } .alny02 ul li .bg { position: relative; height: 60px; background-color: #fff; overflow: hidden; width: 100%; color: #49515d; line-height: 45px; } .alny02 ul li .bg>img { position: absolute; right: 8px; top: 7px; z-index: 5; } .alny02 ul li .bg .abs { position: absolute; width: 100%; height: 100%; background-color: #0956b8; top: 30px; right: 91%; transition: all 0.25s; -moz-transition: all 0.25s; /* Firefox 4 */ -webkit-transition: all 0.25s; /* Safari 和 Chrome */ -o-transition: all 0.25s; /* Opera */ } .alny02 ul li .bg .abs img { float: right; margin-top: 8px; margin-right: 9px; } .alny02 ul li .bg .abs a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: #fff; } .alny02 ul li:hover { box-shadow: 0 0 30px 2px rgba(10, 115, 249, .25); } .alny02 ul li:hover .abs { top: 0; right: 0; } .alny02 ul li:hover .abs img { display: none; } .bg-c { background-color: #f0faff; margin-top: 50px; padding-bottom: 50px; } .alny03 { margin-top: 30px; } .alny03 ul { margin: 0 -1%; } .alny03 ul li { box-sizing: border-box; width: 23%; margin: 0 1%; float: left; text-align: center; font-size: 18px; box-shadow: 0 0 20px 3px rgba(1, 1, 1, .15); } .alny03 ul li>img { width: 100%; float: left; } .alny03 ul li a { display: block; min-height: 45px; background-color: #fff; overflow: hidden; width: 100%; color: #49515d; line-height: 45px; } .alny03 ul li a:hover { color: #0956b8; } .no-bg.alny02 { background-color: transparent; margin: 0; } .no-bg.alny02 li { margin-top: 40px; } .no-bg.alny02 li>a { display: block; overflow: hidden; } .no-bg.alny02 li>a img { width: 100%; float: left; } .inner-banner .fl { margin-top: 30px; overflow: hidden; } .inner-banner .fl li { width: 14.28%; float: left; } .inner-banner .fl li a { display: block; height: 57px; background-color: #fff; padding-top: 8px; color: #092a44; margin-top: 15px; } .inner-banner .fl li span { display: block; background: url(../images/line.png) no-repeat center; background-size: 100%; font-size: 26px; } .inner-banner .fl li:hover a, .inner-banner .fl li.tab a { background-color: #ff9823; color: #fff; } .inner-banner .fl li:hover span, .inner-banner .fl li.tab span { color: #ff9823; } .cp-banner { background-image: url(../images/banner-cp.jpg); color: #fff; width: 60%; /* padding-left: 20%; padding-right: 20%; */ padding: 40px 20% 65px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .cp-banner .wrapper { width: 80%; margin: 0 auto; } .cp-banner .h1 { font-size: 54px; line-height: 1em; position: relative; margin: 30px 0 20px; padding-bottom: 30px; } .cp-banner .h1:after { content: ''; position: absolute; width: 16%; height: 2px; background-color: #ff9823; bottom: 0; left: 42%; } .inner-jj-bg p.wl-t { color: #707987; line-height: 30px; font-size: 16px; padding-right: 135px; } /* 新闻内页 */ .news-main {} .news-main h1 { text-align: center; font-size: 42px; line-height: 48px; color: #092a44; margin-top: 40px; } .news-main .bg { text-align: center; background-color: #f5f5f5; line-height: 45px; color: #707987; margin: 35px 0 25px; } .news-main .bg .iconfont:before { color: #2ca5e8; margin-right: 5px; } .news-main .bg time { padding-right: 40px; } .news-main .bg span { padding-left: 40px; } .news-main .bg span a { color: #ff5223; font-size: 20px; } .news-page { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 15px 0; overflow: hidden; margin-top: 40px; } .news-page li { box-sizing: border-box; width: 50%; float: left; padding-bottom: 15px; } .news-page li.bor { border-left: 1px solid #ddd; padding-left: 75px; } .news-page li strong { display: block; font-size: 20px; color: #092a44; margin: 15px 0; } .news-page li strong img { vertical-align: middle; margin-left: 10px; } .news-page li a { color: #707987; } .inl { overflow: hidden; } .inl li { width: 50%; float: left; box-sizing: border-box; background: url(../images/dian.jpg) no-repeat left center; padding-left: 15px; } .inl li a { display: block; width: 90%; color: #707987; line-height: 36px; } .guanyu-banner { background: url(../images/banner-gy.jpg) no-repeat center top -10px; background-size: cover; text-align: left; color: #fff; padding-bottom: 70px; margin-bottom: 45px; } .guanyu-banner .h1 { font-size: 40px; color: #fff; background: url(../images/gyb-t.png) no-repeat left 6px; line-height: 90px; padding-left: 70px; } .guanyu-banner span { font-size: 32px; line-height: 42px; display: block; margin: 30px 0 40px; } .guanyu-banner p { line-height: 32px; } .gy-warp { background: url(../images/gybg02.jpg) no-repeat center top; padding-top: 90px; margin-bottom: 80px; } .gy-warp .lianxi-form { margin-top: 0; } .gy-row { margin-bottom: 50px; overflow: hidden; } .gy-row .l { float: left; margin-right: 50px; } .gy-row h2 { font-size: 40px; color: #092a44; line-height: 50px; } .gy-row h2.bg { background: url(../images/gyt1.jpg) no-repeat left top; margin: 60px 0 50px; padding-top: 40px; } .gy-row p { font-size: 18px; color: #707987; line-height: 30px; margin-bottom: 40px; } .gy-row a { display: inline-block; position: relative; padding: 10px 50px; color: #fff; } .gy-row a:before, .gy-row a:after { border-radius: 30px; } .gy-row>a { float: left; padding: 0; } .gy-row .r { float: right; /* margin-left: 50px; */ } .gy-row .rt.l { width: 50%; background: url(../images/gyt2.jpg) no-repeat right bottom; padding-bottom: 100px; padding-right: 70px; margin-right: 0; } .gy-row .mate-title { line-height: 85px; margin-top: 0; } .int-bg { background-color: #f5f5f5; padding: 30px 0; } .int-bg .mate-title { line-height: 85px; margin-top: 0; } .int-bg .t-txt { color: #707987; font-size: 18px; margin-bottom: 40px; } .int-bg ul { margin: 0 -30px; } .int-bg ul li { box-sizing: border-box; width: 33.33%; padding: 0 30px; float: left; } .int-bg ul li img {} .int-bg ul li p { color: #707987; line-height: 30px; margin-top: 10px; } .slick-slide { background-position-y: top !important; } /* 产品内页参数  pc端隐藏 */ .mresulted { display: none; } /* 产品详情页 */ .gb-left { width: calc(76% - 50px); float: left; box-sizing: border-box; } .gb-left .warp { max-width: 100%; } .inner-top02 { padding: 30px 25px; } .i-t-txt02 { padding: 0 25px; } .right-con { float: right; width: 24%; margin-top: 80px; } .share h4, .relate h4, .re-case h4, .t-con h4, .match h4 { font-size: 18px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 15px; border-bottom: 1px solid #ddd; padding-bottom: 5px; } .info-con p { font-size: 13px; color: #333; margin-bottom: 10px; font-family: Verdana, Geneva, sans-serif; } .info-con p.address { padding-left: 38px; background: url(../images/contact-icon-loca.png) no-repeat 1px 4px; } .info-con p.tel { padding-left: 40px; background: url(../images/contact-icon-tel.png) no-repeat 8px center; height: 27px; line-height: 27px; margin-bottom: 10px; } .info-con p.e-mail { padding-left: 40px; background: url(../images/mail.png) no-repeat 8px center; height: 27px; line-height: 27px; background-size: 22px; font-size: 15px; color: #333; } .info-con p.e-mail a { color: #333; } .share, .relate, .re-case, .match { margin-bottom: 20px; overflow: hidden; background: #f0f0f0; padding: 20px; box-sizing: border-box; width: calc(1400px * 0.24); } .share a { margin-right: 5px; } .info-con { overflow: hidden; background: #f5f5f5; padding: 15px 20px; margin-bottom: 20px; box-sizing: border-box; width: calc(1400px * 0.24); } .match ul { overflow: hidden; } .match ul li { float: left; width: 47%; margin: 0 7px 10px 0; } .match ul li img { width: 100%; height: auto; } .match ul li p { text-align: center; font-family: Verdana, Geneva, sans-serif; color: #333; padding-top: 4px; font-size: 13px; } .relate ul li { margin-bottom: 15px; } .relate ul li a { color: #0c4a9b; text-decoration: underline; display: block; margin-bottom: 8px; font-family: Verdana, Geneva, sans-serif; font-size: 13px; } .relate ul li span { display: block; font-family: Verdana, Geneva, sans-serif; font-size: 13px; } .re-case ul li { margin-bottom: 15px; } .re-case ul li img { width: 100%; height: auto; margin-bottom: 5px; } .re-case ul li p { color: #333; font-family: Verdana, Geneva, sans-serif; font-size: 13px; } /* 右侧推荐贴顶固定 */ .right-con.gd { /* position: absolute; */ margin-top: 0; z-index: 999; right: calc((100% - 1400px) / 2); } .right-con.gd .info-con { position: fixed; top: 0; z-index: 999; } .right-con.gd .share { position: fixed; top: 306px; z-index: 999; } .right-con.gd .relate { margin-top: 534px; } @media(max-width: 1600px) { .liuyan { /* background-size: auto 100%; */ } .warp { width: 1280px; } /* .liuyan .warp{ width: 1400px; } */ .ly-right ul li { width: 25%; } .form-group input { width: 80%; } .form-group .btn-lytj { width: auto; } .nav li { margin-left: 40px; } .gy-row .r { width: 44%; } .right-con.gd { right: calc((100% - 1280px) / 2); } } @media(max-width: 1440px) { .warp { width: 1170px; } .liuyan .warp { /* width: 1280px; */ } .inner-top .txt .btn-group a.icon-mail a { font-size: 16px; } .bot-list dt { width: 230px; } .bot-list dt img { width: 100%; } .bot-list dd p { font-size: 14px; } .bot-title { margin-bottom: 10px; font-size: 18px; line-height: 24px; } .bot-list dd .inner-bot-more { margin-top: 15px; } .nav li a { font-size: 16px; } .form-group>span.input-border { width: 73%; } .mate-list li .txt span { display: inline-block; width: 45%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .inner-top .txt .btn-group .btn-get { padding: 8px 25px 20px; background-size: 100%; } .inner-top .txt .btn-group a.icon-mail { font-size: 18px; } .alny02 ul li .bg { height: 50px; line-height: 40px; } .alny02 ul li .bg .abs { top: 25px; right: 90%; } .int-bg ul li img { max-width: 100%; } .lx-menu li { padding: 0 25px; } .slick-slide { background-size: cover !important; background-position-y: top !important; } .right-con.gd { right: calc((100% - 1170px) / 2); } .o-p-list li .txt .op-num { float: none; } .op-btn { display: table; float: none; margin-top: 10px; } .case-list .txt .list li .name { padding: 10px 0; } .project-list .txt .title { margin: 15px 0; font-size: 38px; } .case-list .txt .title { margin-top: 0; } } @media(max-width: 1280px) { .warp { width: 970px; } .liuyan .warp { /* width: 970px; */ } .nav li { margin-left: 25px; } .nav li a { /* font-size: 18px; */ } .inner-top .txt>p { font-size: 14px; } .inner-jj-bg p { font-size: 16px; } .inner-top .txt .btn-group .btn-get { font-size: 16px; background-size: 100%; } .inner-top .txt .btn-group a.icon-mail i { font-size: 20px; padding: 7px; } .inner-top .txt .btn-group a.icon-mail a { font-size: 14px; } .i-t-txt { font-size: 16px; } .ly-right { display: none; } .ly-menu { width: auto; } .bot-list dt { width: 200px; } .bot-list dd p { font-size: 12px; } .bot-title { font-size: 16px; line-height: 20px; margin-bottom: 5px; } .bot-list dd p { line-height: 22px; } .logo { width: 230px; margin-top: 7px; } .i-p-list li { padding: 0 10px; box-sizing: border-box; } .o-p-list li .txt .op-title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .i-b-center ul li p { margin: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .cp-banner { width: 70%; padding: 40px 15% 65px; } .no-bg.alny02 li { margin-top: 25px; } .inner-top>img { width: 45%; } .inner-top .txt { width: 50%; } .form-group>span.input-border { width: 73%; } .alny03 ul li img { max-width: 100%; float: left; } .project-list .txt .btn a { padding: 8px 60px; } .project-list .txt .btn a.get { padding: 6px 53px; } .project-list .txt .title { margin: 15px 0; font-size: 34px; } .project-list .txt .btn { margin-top: 20px; } .mate-list li a.img-hover img { max-width: 100%; } .mate-list li .txt a.btn-bg { padding: 8px 25px; } .mate-list li .txt .m-t-title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .gy-row>a { width: 40%; margin-right: 50px; } .gy-row a img { width: 100%; } .gy-row h2.bg { margin: 20px 0; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .gy-row p { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } .gy-row .rt.l { width: 45%; } .lx-menu li { padding: 0 10px; } .lx-menu { margin: 0 -20px; } .lx-menu li .border { padding: 45px 20px 60px; height: 290px; } .right-con.gd { right: calc((100% - 970px) / 2); } .case-list .txt .list li .name { padding: 5px 0; } } @media(max-width: 1024px) { .slick-slide { background-size: auto 100% !important; background-position-y: top !important; } .b-t .t1 { font-size: 18px; line-height: 24px; margin: 30px 0 10px; } .b-t .t2 { font-size: 40px; line-height: 40px; margin: 20px 0; } .b-t .h1 { font-size: 80px; line-height: 80px; margin-bottom: 30px; } .b-t a.btn { margin-bottom: 20px; } .cp-banner .h1 { font-size: 36px; margin: 0 0 15px; padding-bottom: 15px; } .cp-banner .p2 { font-size: 14px; } .inner-banner .fl li span { display: none; } .inner-banner .fl { margin-top: 30px; } .inner-banner { background-size: auto 100% !important; } .inner-banner img { max-width: 100%; } .cp-banner { width: 90%; padding: 40px 5% 25px; } .list-banner { padding: 60px 50px 45px; } .mate-banner, .news-banner { padding: 40px 20%; } .mate-banner .p1, .news-banner .p1, .lianxi-banner .p1 { font-size: 22px; } .mate-banner .h1, .news-banner .h1, .lianxi-banner .h1 { font-size: 36px; } .mate-banner .p2, .news-banner .p2 { font-size: 14px; } .mate-title { margin: 40px 0 20px; } .mate-list { margin: 0 -15px 30px; } .mate-list li .box-shaow { margin: 0 15px; } .guanyu-banner { padding-bottom: 110px; } .guanyu-banner .h1 { font-size: 36px; line-height: 70px; background-size: auto 90%; padding-left: 50px; } .guanyu-banner span { font-size: 24px; line-height: 32px; margin: 15px 0 25px; } .guanyu-banner p { line-height: 26px; font-size: 14px; } .lianxi-banner { width: 90%; padding: 10px 5% 150px; } .lianxi-form { margin-top: -100px; } .lx-menu li .border { padding: 30px 15px 40px; } .inner-top .txt>p:nth-child(1) { display: none; } .inner-top .txt h1 { font-size: 30px; margin: 0; } .inner-top .txt p.jd { display: none; } .inner-jj-bg { margin: 5px 0; } .inner-top .txt>p { line-height: 20px; } .inner-top .txt .btn-group { margin-top: 10px; } .project-list .txt .title { font-size: 30px; } } /* * * Animate.css */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 1; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .animated.t2, .animated.h1 { -webkit-animation-duration: 1.2s; animation-duration: 1.2s; } .animated.btn { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .wow-outer { position: relative; overflow: hidden; } html:not(.lt-ie10) .not-animated { opacity: 0; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .slick-active .animated { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @media(max-width: 1600px) { .inner-jj-bg { margin: 10px 0; } } @media(max-width: 1440px) { .inner-banner .fl { margin-top: 30px; } .inner-banner .fl li a { height: 80px; } .inner-top .txt .btn-group { margin-top: 20px; } .inner-top .txt h1 { margin: 10px 0 10px; } } .hidden { padding-top: 1px; display: block; } .table_box { display: none; } .table_box p, .table_box table { margin-top: 15px; } .table_box .table_title { overflow: hidden; margin-left: -2.5%; padding-top: 20px; } .table_box .table_title li { float: left; border: 1px solid #00355d; border-radius: 30px; margin-left: 2.5%; margin-bottom: 20px; font-size: 16px; line-height: 48px; color: #00355d; padding: 0 20px; display: block; cursor: pointer; } .table_box .table_title .table_title_active { background: #00355d; color: #fff; } .table_box .table_list li { display: none; } .table_box .table_list li table td, .hidden table td { padding: 8px 10px; line-height: 1.2; } .table_box .table_list .table_list_active { display: block; } .index-bottom .input-border { border: none; } .index-bottom .input-border input, .index-bottom .input-border textarea { border: 2px solid #535353; border-radius: 4px; } .index-bottom .input-border textarea { padding-left: 12px; }