@charset "utf-8"; /* 这个css是初始化的css,在任何项目里面都可以使用 */ /* 禁用iPhone中Safari的字号自动调整 */ html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; /* 解决IOS默认滑动很卡的情况 */ -webkit-overflow-scrolling: touch; font-size: 16px; } /* 禁止缩放表单 */ input[type="submit"], input[type="reset"], input[type="button"], input { resize: none; border: none; } button { /* border: none; */ } .map img { max-width: inherit; } /* 取消链接高亮 */ a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* 设置HTML5元素为块 */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* 图片自适应 */ img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ -ms-interpolation-mode: bicubic; /*为了照顾ie图片缩放失真*/ } /* 初始化 */ body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; } body { font-family: 'PingFang SC', 'Source Han Sans CN', helvetica, arial, verdana, tahoma, sans-serif; color: #555; overflow-x: hidden; padding-top: 6.25rem; } button:focus { outline: none; } em, i { font-style: normal; } ul, li { list-style-type: none; } .w100 { width: 100%; } .pr { position: relative; } .pa { position: absolute; } a:hover, a:link, a:visited { text-decoration: none; } .clearfix { zoom: 1; } input:focus, textarea:focus { outline: none; } .overh { overflow: hidden; } .fl { float: left; } .fr { float: right; } .ta { text-align: center; } .tr { text-align: right; } .tl { text-align: left; } .displaynone { display: none; } .swiper-button-prev:focus, .swiper-button-next:focus { outline: none; } .wen_hied { display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; } .f14px { font-size: 14px; } .f16px { font-size: 16px; } .book { border: 1px solid #000; } .db { display: block; } .dnb { display: inline-block; } .flight { font-weight: lighter; } .fbold { font-weight: bold; } .imghover { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ transform: scale(1.2); -ms-transform: scale(1.2); /* IE 9 */ -moz-transform: scale(1.2); /* Firefox */ -webkit-transform: scale(1.2); /* Safari 和 Chrome */ -o-transform: scale(1.2); } .sca1 { transform: scale(1); -ms-transform: scale(1); /* IE 9 */ -moz-transform: scale(1); /* Firefox */ -webkit-transform: scale(1); /* Safari 和 Chrome */ -o-transform: scale(1); } .sca0 { transform: scale(0); -ms-transform: scale(0); /* IE 9 */ -moz-transform: scale(0); /* Firefox */ -webkit-transform: scale(0); /* Safari 和 Chrome */ -o-transform: scale(0); } .tran { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .hovercolor { color: #8cca1d; } .zhong { display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */ justify-content: center; align-items: center; } .z { left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); /* IE 9 */ -moz-transform: translate(-50%, -50%); /* Firefox */ -webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */ -o-transform: translate(-50%, -50%); } .l0 { top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari 和 Chrome */ -o-transform: translateY(-50%); transform: translateY(-50%); } .cen { left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); /* IE 9 */ -moz-transform: translateX(-50%); /* Firefox */ -webkit-transform: translateX(-50%); /* Safari 和 Chrome */ -o-transform: translateX(-50%); } .f48 { font-size: 48px; } .wen_hied { display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; } .p15 { padding: 15px; } .w50 { width: 50%; } .blod { font-weight: bold; } .wen_hied2 { display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; } .w55 { width: 55%; } @media (min-width: 75rem) { .container { width: 75rem; } } .eBusiness { margin-left: 0.0625rem; font-size: 0.9375rem; padding: 0 0.9375rem; cursor: pointer; } .eBusiness:hover .wbus-ul { transform: scale(1); -ms-transform: scale(1); /* IE 9 */ -moz-transform: scale(1); /* Firefox */ -webkit-transform: scale(1); /* Safari 和 Chrome */ -o-transform: scale(1); transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .eBusiness .wbus-ul { transform: scale(0); -ms-transform: scale(0); /* IE 9 */ -moz-transform: scale(0); /* Firefox */ -webkit-transform: scale(0); /* Safari 和 Chrome */ -o-transform: scale(0); width: 100%; left: 0; right: 0; top: 100%; background: #ffffff; padding: 0.3125rem 0; box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.3); } .eBusiness .wbus-ul li a { display: block; line-height: 1.875rem; text-align: center; color: #000000; } .wbus-ul li a:hover { background: #d01b12; color: #ffffff; } .daohangs { padding: 0 5.625rem; line-height: 6.1875rem; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; } .daohangs.active { line-height: 4.1875rem; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; } .ul-nav>li { margin: 0 2rem; position: relative; float: left; overflow-x: hidden; } .ul-nav>li>a { font-size: 1.25rem; color: #3d3d3d; } .ul-nav>li:after { content: ''; left: -100%; width: 100%; height: 0.125rem; position: absolute; right: 0; bottom: 0; background: #d01b12; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .ul-nav>li:hover:after { left: 0; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .ul-nav>li:nth-child(4) .er-sivs .sna-ul li { width: 33.33%; } .daohangs { position: fixed; background: #ffffff; left: 0; top: 0; right: 0; z-index: 99; border-bottom: 0.0625rem solid #e6e6e6; } .daohangs .eBusiness { float: left; } .daohangs .right-nav span { display: inline-block; color: #3d3d3d; font-size: 0.875rem; margin-right: 2.5rem; } .right-nav>a { color: #3d3d3d; display: inline-block; margin-right: 10px; font-size: 12px; } .right-nav>a:hover { color: #d01b12; } .daohangs .right-nav .icon-down { font-size: 0.75rem; } .daohangs .right-nav>i { font-size: 1.5625rem; } .ban { height: 33.75rem; } .ban .ban-zi { color: #ffffff; font-size: 2.75rem; font-weight: bold; text-shadow: 0rem 0.125rem 0.1875rem rgba(0, 0, 0, 0.4); left: 50%; top: 60%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); /* IE 9 */ -moz-transform: translate(-50%, -50%); /* Firefox */ -webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */ -o-transform: translate(-50%, -50%); } .ban .weizhi { background: rgba(255, 255, 255, 0.9); left: 0; right: 0; padding: 0 5.625rem; line-height: 3.125rem; } .ban .weizhi a { padding: 0 1.875rem; color: #3d3d3d; font-size: 0.875rem; border-right: 0.0625rem solid #dcdcdc; } .ban .weizhi a i { color: #3d3d3d; } .ban .weizhi a .icon-youjiantou { color: #000000; } .ban .weizhi a:hover { color: #d01b12; } .ban .weizhi a:hover i { color: #d01b12; } .posvide { border-bottom: 0.0625rem solid #e6e6e6; } .posvide .posvide-ul { line-height: 4.375rem; } .posvide .posvide-ul li { border-right: 0.0625rem solid #e6e6e6; float: left; overflow: hidden; } .posvide .posvide-ul li a { color: #333333; font-size: 1rem; font-weight: bold; padding: 0 1.8125rem; display: inline-block; position: relative; } .posvide .posvide-ul li a:after { content: ''; left: -100%; width: 100%; height: 0.125rem; position: absolute; right: 0; bottom: 0; background: #d01b12; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .posvide .posvide-ul li:hover a, .posvide .posvide-ul li.active a { color: #d01b12; } .posvide .posvide-ul li:hover a:after, .posvide .posvide-ul li.active a:after { left: 0; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .biaoti { color: #000000; font-size: 2.375rem; margin-bottom: 2.1875rem; } .content { padding-top: 4.5rem; } .real-time-div { border: 1px solid #e6e6e6; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ margin-bottom: 1.875rem; } .real-time-div .real-bot-top { padding: 0.9375rem 1.25rem; } .real-time-div .real-bot-top .data { color: #c30006; font-size: 1rem; } .real-time-div .real-bot-top .title { color: #000000; font-size: 1.25rem; margin-top: 0.625rem; line-height: 1.875rem; height: 1.875rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; } .real-time-div .real-bot-top .title a { color: #000000; } .real-time-div .real-bot-bot { padding: 0.9375rem 1.25rem; border-top: 0.0625rem solid #e6e6e6; } .real-time-div .real-bot-bot .bshare-custom { display: inline-block; } .real-time-div .real-bot-bot .bshare-custom a { background: transparent; height: auto; padding-left: 0; color: #919191; font-size: 1.25rem; } .real-time-div .overh img { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .real-time-div:hover { background-color: #ffffff; box-shadow: 0rem 0.3125rem 0.9375rem 0rem rgba(0, 0, 0, 0.1); transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .real-time-div:hover .real-bot-top .title a { color: #d01b12; } .real-time-div:hover .overh img { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ transform: scale(1.2); -ms-transform: scale(1.2); /* IE 9 */ -moz-transform: scale(1.2); /* Firefox */ -webkit-transform: scale(1.2); /* Safari 和 Chrome */ -o-transform: scale(1.2); } .page-div { background: #eeeeee; padding: 0.625rem 0; margin-top: 3.125rem; } #page { clear: both; text-align: center; display: table; width: 100%; } #page ul { display: inline-block; } #page li { float: left; padding: 0.3125rem 0.875rem; margin-right: 0.375rem; color: #666; font-size: 0.75rem; list-style: none; } #page li a { color: #666; display: inline-block; padding: 0.3125rem 0.875rem; text-align: center; margin: -0.3125rem -0.875rem -0.3125rem -0.875rem; } #page li.active, #page li:hover { background-color: #d01b12; color: #ffffff; } #page li.active a, #page li:hover a { color: #ffffff; } .footer { color: #ffffff; font-size: 1rem; } .footer .footer-top { background: #a7abad; padding: 2.5rem 0 2.125rem 0; } .footer .footer-top .divfoot { margin-right: 4%; } .footer .footer-top .divfoot .foot-titte { color: #ffffff; font-size: 1rem; line-height: 2.5rem; border-bottom: 0.0625rem solid #ffffff; } .footer .footer-top .divfoot .foot-titte a { display: inline-block; color: #ffffff; border-bottom: 0.0625rem solid #d01b12; position: relative; margin-bottom: -0.0625rem; } .footer .footer-top .divfoot .foot-titte a:hover { color: #d01b12; } .footer .footer-top .divfoot .foot-ul { margin-top: 0.9375rem; } .footer .footer-top .divfoot .foot-ul li { line-height: 1.875rem; } .footer .footer-top .divfoot .foot-ul li a { color: #ffffff; font-size: .9rem; } .footer .footer-top .divfoot .foot-ul li a:hover { color: #d01b12; } .footer .footer-top .divfoot .foot-ul1 li { width: 33.33%; float: left; } .footer .footer-top .divfoot2 { width: 23%; } .footer .footer-top .ma-img { margin-top: 0.9375rem; padding: 0 5px; text-align: center; } .footer .footer-top .ma-img p { margin-top: 10px; } .dianhas { padding-left: 30px; } .dianhas li { position: relative; padding-left: 20px; } .dianhas li i { position: absolute; left: 0; } .footer .foot-bot { color: #ffffff; font-size: 0.9rem; font-weight: bold; line-height: 4.0625rem; background: #d01b12; } .footer .foot-bot .bshare-custom { display: inline-block; } .footer .foot-bot .bshare-custom a { background: transparent; height: auto; padding-left: 0; color: #fff; font-size: 1.25rem; } .footer .footer-top .divfoot .foot-ul, .footer .footer-top .ma-img p { font-size: .9rem; } .link-top { color: #000000; font-size: 1.125rem; line-height: 2.5rem; margin-bottom: 3.75rem; } .link-top .lin-div { position: relative; height: 10rem; } .link-top .lin-div:after { content: ''; position: absolute; height: 0.125rem; width: 1.25rem; background: #d01b12; bottom: -0.625rem; left: 0; } .map { background-color: #ffffff; padding: 0.9375rem; box-shadow: 0rem 0rem 0.9375rem 0rem rgba(0, 0, 0, 0.1); } .map img { max-width: inherit; } .biaodan { margin-top: 1.25rem; } .biaodan .inp-div { padding-left: 7rem; margin-bottom: 1.25rem; } .biaodan .inp-div .div-span { left: 0; top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari 和 Chrome */ -o-transform: translateY(-50%); transform: translateY(-50%); color: #474747; font-size: 1.0625rem; } .biaodan .inp-div .div-span span { color: #d01b12; } .biaodan .inp-div input { height: 3.75rem; border: 1px solid #dddddd; width: 100%; padding-left: 0.625rem; color: #474747; font-size: 1.0625rem; } .biaodan .inp-div select { height: 3.75rem; border: 1px solid #dddddd; width: 100%; padding: 0 0.625rem; color: #474747; font-size: 1.0625rem; } .biaodan .inp-div textarea { height: 9.1875rem; border: 1px solid #dddddd; width: 100%; padding: 0.625rem; color: #474747; font-size: 1.0625rem; resize: none; } .biaodan .inp-div button { background: #d01b12; border: none; color: #ffffff; font-size: 1.25rem; height: 3.4375rem; line-height: 3.4375rem; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ padding: 0 3.75rem; } .biaodan .inp-div button:hover { box-shadow: inset 0 0 0 1.875rem #ff0000; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .biaodan .inp-div .zhuyi { color: #ff0000; font-size: 1.0625rem; display: inline-block; line-height: 3.4375rem; margin-left: 2.5rem; } .shiming { margin-top: 3.125rem; margin-bottom: 5rem; } .shiming .taile { color: #000000; font-size: 1.8125rem; } .shiming .yaso { color: #626262; font-size: 1.0625rem; line-height: 2.5rem; margin-top: 0.625rem; } .recruitment-cons1 { margin: 2.5rem 0 2.5rem 0; } .zhao-xinghs { padding: 1.5625rem; padding-bottom: 3.125rem; } .zhao-xinghs .gongc-p { color: #000000; font-size: 1.25rem; } .cons-bian2 { margin: 0.625rem 0; } .zhao-xinghs .cons-bian2 span { font-size: 0.9375rem; color: #575757; } .zhao-xinghs .cons-bian2 a { margin-top: 0; } .zhao-xinghs .z-uls { background: #f5f5f5; padding: 1.25rem 0 1.25rem 1.875rem; } .zhao-xinghs .z-uls li { width: 33.333%; float: left; color: #575757; font-size: 0.9375rem; line-height: 2.5rem; } .zhao-xinghs .gang-nei { color: #575757; font-size: 0.9375rem; line-height: 1.875rem; margin: 1.25rem 0; } .zhao-xinghs .tou-a a { font-size: 1.0625rem; color: #ffffff; line-height: 2.8125rem; border: 1px solid #d01b12; padding: 0 1.875rem; background: #d01b12; display: inline-block; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .zhao-xinghs .tou-a a:hover { box-shadow: inset 0 0 0 1.875rem #ff0000; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .ghe { border-top: 0.0625rem solid #e3e3e3; color: #575757; font-size: 0.9375rem; line-height: 1.875rem; padding: 1.25rem 0; } .recruitment-xiao { margin-bottom: 5rem; } .recruitment-xiao .xiao-zhao-con { margin-top: 3.125rem; } .recruitment-xiao .xiao-zhao-con .xia-zha-ul li { padding: 1.875rem 1.25rem 1.875rem 2.5rem; } .recruitment-xiao .xiao-zhao-con .xia-zha-ul li:nth-child(odd) { background: #f5f5f5; } .recruitment-xiao .xiao-zhao-con .xia-zha-ul li a { display: block; } .recruitment-xiao .xiao-zhao-con .xia-zha-ul li a .fl { width: 80%; } .recruitment-xiao .xiao-zhao-con .xia-zha-ul li a .fl .huas { font-size: 1.125rem; color: #000000; line-height: 1.875rem; height: 1.875rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; } .recruitment-xiao .xiao-zhao-con .xia-zha-ul li a .fl .shenx { color: #575757; font-size: 0.9375rem; margin-top: 0.625rem; } .recruitment-xiao .xiao-zhao-con .xia-zha-ul li a .fl .shenx span { display: inline-block; padding-right: 1.25rem; line-height: 1; border-right: 0.0625rem solid #b6b6b6; margin-right: 1.25rem; } .recruitment-xiao .xiao-zhao-con .xia-zha-ul li a .fl .shenx span:last-child { border-right: none; } .recruitment-xiao .xiao-zhao-con .xia-zha-ul li a .fr { width: 13%; line-height: 3.75rem; border-left: 0.0625rem solid #b6b6b6; text-align: center; } .recruitment-xiao .xiao-zhao-con .xia-zha-ul li a .fr span { line-height: 1.875rem; background: #7b7b7b; color: #ffffff; padding: 0 1.25rem; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ display: inline-block; } .recruitment-xiao .xiao-zhao-con .xia-zha-ul li a:hover .fl .huas { color: #d01b12; } .recruitment-xiao .xiao-zhao-con .xia-zha-ul li a:hover .fr span { box-shadow: inset 0 0 0 1.875rem #ff0000; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ /* Opera */ } .gang form { display: inline-block; } .gang select { color: #797979; font-size: 1rem; background: #ffffff; height: 2.5rem; padding: 0 1.25rem; margin-right: 1.25rem; } .gang .sou { width: 29.375rem; border: 1px solid #c7c7c7; display: inline-block; } .gang .sou input { width: 80%; float: left; height: 2.5rem; padding-left: 1.875rem; } .gang .sou button { width: 20%; border: none; float: right; height: 2.5rem; background: #d01b12; color: #ffffff; } .gang .sou .i-co { top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari 和 Chrome */ -o-transform: translateY(-50%); transform: translateY(-50%); left: 0.3125rem; } .xz-liuc li { width: 20%; padding: 0.9375rem; border-left: 0.0625rem solid #dddddd; float: left; } .xz-liuc li .num { color: #d01b12; font-size: 2.0625rem; } .xz-liuc li .sheng-p { color: #3a3a3a; font-size: 1.125rem; padding: 0.625rem 0; } .recruitment-xiao .biaoti { margin-top: 3.75rem; } .morde-xiao { margin-top: 3.75rem; } .morde-xiao span { color: #646464; cursor: pointer; display: inline-block; line-height: 2.5rem; padding: 0 1.25rem; border-radius: 1.875rem; border: 1px solid #646464; font-size: 1rem; } .morde-xiao span i { font-size: 1.25rem; } .morde-xiao span:hover { background: #d01b12; color: #ffffff; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .xia-zha-ul1 { display: none; } .snji-ul { padding: 0rem 0 0.9375rem 0; border-bottom: 0.0625rem solid #e6e6e6; margin-bottom: 3.125rem; text-align: center; } .snji-ul li { display: inline-block; margin: 0 1.25rem; position: relative; } .snji-ul li a { color: #4b4b4b; font-size: 1rem; } .snji-ul li:after { content: ''; opacity: 0; border-width: 0.125rem; border-color: #d01b12; border-style: solid; border-radius: 50%; background-color: #ffffff; position: absolute; width: 0.5rem; height: 0.5rem; bottom: -1.1875rem; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); /* IE 9 */ -moz-transform: translateX(-50%); /* Firefox */ -webkit-transform: translateX(-50%); /* Safari 和 Chrome */ -o-transform: translateX(-50%); } .snji-ul li:hover a, .snji-ul li.active a { color: #d01b12; } .snji-ul li:hover:after, .snji-ul li.active:after { opacity: 1; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .linian-ul li { margin-bottom: 2.1875rem; } .linian-ul li>div { width: 48%; } .linian-ul li>div .title { font-size: 1.875rem; color: #000000; margin-top: 0.625rem; } .linian-ul li>div .yaos1 { color: #656565; margin-top: 0.625rem; font-size: 1rem; line-height: 2.1875rem; } .linian-ul li:nth-child(2n)>div.fl { float: right; } .linian-ul li:nth-child(2n)>div.fr { float: left; } .yuangong-div { padding-bottom: 0.625rem; border-bottom: 0.0625rem solid #ededed; margin-bottom: 2.5rem; } .yuangong-div .overh { background: #ededed; padding: 0.625rem 0; } .yuangong-div .jie-title { color: #000000; font-size: 1.3125rem; margin: 0.625rem 0; } .yuangong-div .jie-yaos { display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; } .div-s-lunbo-ul li { display: inline-block; color: #000000; font-size: 1.3125rem; margin-right: 1.25rem; cursor: pointer; font-size: 1.1875rem; } .div-s-lunbo-ul li:hover, .div-s-lunbo-ul li.active { color: #d01b12; } .div-s-lunbo { margin-top: 1.25rem; } .div-s-lunbo .swiper-button-next, .div-s-lunbo .swiper-button-prev { background: transparent; width: auto; height: auto; position: relative; left: auto; margin-top: 0; top: 0; display: inline-block; right: auto; opacity: 1; } .div-s-lunbo .yangshi { right: 0; bottom: 0; float: left; background: #fff; opacity: 1; z-index: 4; } .div-s-lunbo .yangshi .swiper-button-next.swiper-button-disabled, .div-s-lunbo .yangshi .swiper-button-prev.swiper-button-disabled { /* opacity: 1; */ } .div-s-lunbo .swiper-pagination { bottom: 0px; left: auto; color: #202020; font-size: 15px; line-height: 39px; padding: 0 2px; width: auto; position: relative; display: inline-block; } .div-s-lunbo>div { display: none; } .cnati-zi { top: 20px; left: 0; z-index: 3; background-color: rgba(208, 27, 18, .8); opacity: 0.8; padding: 0 30px; line-height: 52px; height: 52px; color: #FFFFFF; font-size: 21px; text-align: center; } .zen-a { background-color: #ffffff; box-shadow: 0rem 0.3125rem 0.9375rem 0rem rgba(0, 0, 0, 0.1); margin-bottom: 1.875rem; } .zen-a .overh { width: 45%; } .zen-a .overh img { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .zen-a .overh:hover img { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ transform: scale(1.2); -ms-transform: scale(1.2); /* IE 9 */ -moz-transform: scale(1.2); /* Firefox */ -webkit-transform: scale(1.2); /* Safari 和 Chrome */ -o-transform: scale(1.2); } .zen-a .reid { width: 55%; padding: 1.25rem; } .zen-a .reid .title { color: #000000; font-size: 1.1875rem; line-height: 1.875rem; height: 1.875rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; } .zen-a .reid .title a { color: #000000; } .zen-a .reid .title a:hover { color: #d01b12; } .zen-a .reid .data { color: #6f6f6f; font-size: 0.875rem; line-height: 1.875rem; } .zen-a .reid .yaos { height: 3.75rem; line-height: 1.875rem; font-size: 0.9375rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; } .zen-a .reid .moes-a { color: #c30006; font-size: 0.9375rem; display: inline-block; margin-top: 0.625rem; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .zen-a .reid .moes-a:hover { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ margin-top: 0.3125rem; } .zerens { padding-bottom: 2.5rem; } .xing-biao { color: #0b0b0b; font-size: 1.4375rem; } .cons-bian2 { color: #888888; font-size: 0.9375rem; } .cs-cons1 { color: #888888; font-size: 0.9375rem; line-height: 1.875rem; padding: 1.875rem 0; } .xingsw { margin-top: 1.875rem; border-top: 0.0625rem solid #e5e5e5; } .xing-bots { margin-top: 1.25rem; border-top: 0.0625rem solid #eeeeee; padding: 1.5rem 0; } .xing-bots .more a { color: #575757; font-size: 0.9375rem; border: 1px solid #eeeeee; line-height: 1.875rem; padding: 0 0.9375rem; height: 1.875rem; display: inline-block; } .xing-bots .more a:hover { background: #d01b12; color: #ffffff; } .shang { width: 80%; } .shang>div { color: #000000; font-size: 0.9375rem; margin-top: 0.625rem; } .shang>div a { color: #575757; font-size: 0.9375rem; } .shang>div a:hover { color: #d01b12; } .xingsw .more { margin: 2.5rem 0; } .xingsw .more a:hover { border: 1px solid #d01b12; color: #d01b12; } .detall .bshare-custom { display: inline-block; } .about-usa { color: #5e5e5e; font-size: 1.0625rem; line-height: 1.875rem; } .shu-s-ul li { width: 50%; float: left; padding: 1.25rem 0; } .shu-s-ul li:nth-child(1), .shu-s-ul li:nth-child(2) { border-bottom: 0.0625rem solid #dedede; } .shu-s-ul li:nth-child(odd) .hsu-img { border-right: 0.0625rem solid #dedede; } .shu-s-ul li .sgu-img { left: .8rem; top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari 和 Chrome */ -o-transform: translateY(-50%); transform: translateY(-50%); } .shu-s-ul li .hsu-img { padding: 1.25rem 2.5rem 1.25rem 5rem; } .shu-s-ul li .titlq { color: #000000; font-size: 1.2rem; } .shu-s-ul li .shu-yao { color: #5e5e5e; margin-top: 1.0625rem; } .abou-con { margin-top: 3.125rem; background: #f4f4f4; } .abou-con .shu-s-ul { width: 55%; margin-left: 5%; padding-top: 3.5%; } .abou-con .shu-s-ul li { width: 100%; } .abou-con .shu-s-ul li:nth-child(odd) .hsu-img { border-right: none; } .fuwus-ul li { margin-bottom: 0; position: relative; } .fuwus-ul li>div { width: 50%; } .fuwus-ul li>.fr { position: absolute; top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari 和 Chrome */ -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; } .fuwus-ul li:nth-child(odd)>.fr { right: 0; left: auto; padding-left: 3.125rem; } .fuwus-ul li:nth-child(even)>.fr { padding-right: 3.125rem; } .download { margin-bottom: 3.125rem; } .download .table thead tr { background: #d01b12; } .download .table thead tr th { color: #fff; line-height: 3.125rem; font-size: 1.1875rem; border-bottom: none; font-weight: 400; padding: 0 0 0 1.5625rem; text-align: center; } .download .table thead tr th:nth-child(1) { text-align: left; } .download .table tbody tr { cursor: pointer; } .download .table tbody tr td { border-top: none; border-bottom: 0.0625rem solid #ddd; text-align: center; font-size: 1rem; color: #656565; line-height: 3.5rem; padding: 0 0 0 0.625rem; } .download .table tbody tr td:nth-child(1) { color: #000000; font-size: 1.125rem; text-align: left; } .download .table tbody tr td:nth-child(1) a { color: #000000; } .download .table tbody tr td:nth-child(1) i { color: #d01b12; } .download .table tbody tr td i { font-size: 1.5625rem; display: inline-block; margin-right: 0.625rem; } .download .table tbody tr td a { color: #656565; } .download .table tbody tr:hover { background: #eeeeee; } .download .table tbody tr:hover a { color: #d01b12; } .investor .table { border-top: 0.0625rem solid #000000; } .new-lista li { border: 1px solid #e3e3e3; margin-bottom: 1.5625rem; cursor: pointer; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .new-lista li:nth-child(odd) { background: #f5f5f5; } .new-lista li .new-tops { line-height: 4.375rem; padding: 0 3.125rem; color: #5e5e5e; font-size: 1rem; } .new-lista li .new-bots { padding: 2.1875rem 3.125rem; } .new-lista li .new-bots .bins { color: #000000; font-size: 1.375rem; line-height: 1.875rem; height: 1.875rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; } .new-lista li .new-bots .bins a { color: #000000; } .new-lista li .new-bots .yasi { color: #626262; font-size: 1rem; height: 3.75rem; line-height: 1.875rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; margin-top: 0.625rem; } .new-lista li:hover { background: #fff; border: 1px solid #fff; box-shadow: 0rem 0.3125rem 0.9375rem 0rem rgba(0, 0, 0, 0.1); transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ margin-top: -0.3125rem; } .new-lista li:hover .new-tops { background: #d01b12; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ color: #FFFFFF; } .recreational-div { margin-bottom: 4.375rem; border-right: 0.0625rem solid #efefef; } .recreational-div .dats { color: #808080; font-size: 0.8125rem; } .recreational-div .title { color: #000000; font-size: 1.1875rem; height: 1.875rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; margin: 0.625rem 0; overflow: hidden; line-height: 1.875rem; } .recreational-div .title a { color: #000000; } .recreational-div .overh { margin: 0.625rem 0; } .recreational-div .overh img { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .recreational-div .yus { color: #5e5e5e; font-size: 1rem; line-height: 1.875rem; height: 5.625rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 3; } .recreational-div .ioc-a { margin-top: 0.625rem; } .recreational-div .ioc-a a { color: #5e5e5e; } .recreational-div .col-sm-4 { border-left: 0.0625rem solid #efefef; padding: 1.875rem 1.5625rem 2.5rem 1.5625rem; } .recreational-div .col-sm-4:hover { background: #d01b12; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .recreational-div .col-sm-4:hover .overh img { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ transform: scale(1.2); -ms-transform: scale(1.2); /* IE 9 */ -moz-transform: scale(1.2); /* Firefox */ -webkit-transform: scale(1.2); /* Safari 和 Chrome */ -o-transform: scale(1.2); } .recreational-div .col-sm-4:hover .dats, .recreational-div .col-sm-4:hover .title a, .recreational-div .col-sm-4:hover .yus, .recreational-div .col-sm-4:hover .ren { color: #FFFFFF; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .recreational-div .col-sm-4:hover .ioc-a a { color: #e88d89; } .industry-ul { margin-top: 1.5rem; padding-bottom: 5rem; } .industry-ul li { border-top: 0.0625rem solid #dfdfe3; padding: 1.5625rem 0; line-height: 2rem; } .industry-ul li .neir { background: #d01b12; color: #fff; display: inline-block; line-height: 1rem; padding: 0.625rem; margin-right: 0.625rem; } .industry-ul li .doa { cursor: pointer; color: #000000; font-size: 1.375rem; padding: 0 1.875rem; position: relative; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; } .industry-ul li .doa .industry-i { position: absolute; line-height: 1; right: 1rem; top: 14%; } .industry-ul li:hover, .industry-ul li.active { background: #f5f5f5; } .industry-ul li.active .doa, .industry-ul li:hover .doa { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; } .industry-ul li.active .doa .industry-i, .industry-ul li:hover .doa .industry-i { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; transform: rotate(-180deg); } .industry-ul li .industry-con { display: none; } .industry-ul li .industry-con .cons1 { color: #000000; font-size: 1.0625rem; line-height: 1.5rem; padding: 1.5625rem 1.875rem; border-top: 0.0625rem solid #dfdfe3; margin-top: 1.5625rem; } .gaishu-title { font-size: 1.875rem; color: #000000; margin-bottom: 1.875rem; } .gia-biao .table { border: none; } .gia-biao .table tbody tr td { border-left: none; color: #656565; font-size: 1rem; line-height: 1.875rem; padding: 1.25rem 1.875rem; } .gia-biao .table tbody tr td:nth-child(1) { color: #000000; width: 30%; font-size: 1.0625rem; padding: 1.25rem 1.875rem; } .gia-biao .table tbody tr td:nth-child(2n) { border-right: none; } .investments-ul li { padding: 2.5rem 0; } .investments-ul li:nth-child(1) { background: #f5f5f5; } .investments-ul li:nth-child(even) .fl { float: right; } .investments-ul li:nth-child(even) .fr { float: left; } .investments-ul li .fr { overflow: hidden; } .investments-ul li .fr img { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .investments-ul li .fr:hover img { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ transform: scale(1.2); -ms-transform: scale(1.2); /* IE 9 */ -moz-transform: scale(1.2); /* Firefox */ -webkit-transform: scale(1.2); /* Safari 和 Chrome */ -o-transform: scale(1.2); } .investments-ul li .investments-ul-div>div { width: 48%; } .investments-ul li .ren { font-size: 1rem; color: #000000; line-height: 1.875rem; } .investments-ul li .yaoi { color: #656565; font-size: 1rem; line-height: 1.875rem; text-align: justify; height: 11.25rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 6; overflow: hidden; } .investments-ul li .more { margin-top: 1.875rem; } .investments-ul li .more a { line-height: 2.1875rem; display: inline-block; color: #646464; border: 1px solid #646464; font-size: 1rem; padding: 0 1.5625rem; border-radius: 1.5625rem; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .investments-ul li .more a:hover { box-shadow: inset 0 0 1.875rem #d01b12; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ color: #FFFFFF; } .accounting { background: #f5f5f5; padding: 2.5rem 0; } .accounting .accou-biao .table { text-align: center; } .accounting .accou-biao .table thead tr { background: #d01b12; } .accounting .accou-biao .table thead tr th { vertical-align: middle; color: #fff; font-size: 0.875rem; text-align: center; line-height: 1.5625rem; height: 6.25rem; } .accounting .accou-biao .table tbody tr td { vertical-align: middle; color: #656565; font-size: 0.875rem; height: 3.75rem; } .pro-selection { background: url(/images/30.jpg); padding: 4.375rem 5.625rem; color: #ffffff; } .pro-selection .title { font-size: 1.8125rem; } .pro-selection .yaos { font-size: 1.0625rem; line-height: 1.875rem; margin-top: 0.625rem; } .history .his-left-ul { width: 25%; } .history .his-left-ul li { border-bottom: 0.0625rem solid #fff; background: #f5f5f5; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .history .his-left-ul li a { display: block; color: #5f5f5f; font-size: 1rem; text-align: center; line-height: 3.4375rem; } .history .his-left-ul li:hover, .history .his-left-ul li.active { box-shadow: inset 0 0 0 4.375rem #d01b12; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .history .his-left-ul li:hover a, .history .his-left-ul li.active a { color: #ffffff; } .history .his-right-div { width: 73%; } .history .his-right-div .his-right-ul { padding-left: 3.125rem; position: relative; } .history .his-right-div .his-right-ul:after { position: absolute; content: ''; background: url(/images/18.png) left top; left: 0; top: 0; height: 100%; width: 1.875rem; } .history .his-right-div .his-right-ul li { padding: 1.875rem; margin-bottom: 1.875rem; position: relative; background: #f5f5f5; } .history .his-right-div .his-right-ul li:after { position: absolute; content: ''; left: -3.375rem; top: 1.9375rem; border-width: 0.25rem; border-color: #d01b12; border-style: solid; background: #ffffff; z-index: 3; border-radius: 50%; width: 1rem; height: 1rem; } .history .his-right-div .his-right-ul li .nian { color: #d01b12; font-size: 1.25rem; } .history .his-right-div .his-right-ul li .nei { margin-top: 0.625rem; color: #575757; font-size: 1rem; line-height: 1.875rem; padding-left: 1.0625rem; position: relative; } .history .his-right-div .his-right-ul li .nei:after { position: absolute; content: ''; left: 0; top: 0.8125rem; background: #d01b12; width: 0.25rem; height: 0.25rem; } .interaction-uls { padding: 2.8125rem 0; } .interaction-uls li { width: 33.33%; text-align: center; padding: 1.25rem 0; border-right: 0.0625rem solid #d9d9d9; } .interaction-uls li:last-child { border-right: none; } .interaction-uls li .titls { color: #1a1a1a; font-size: 1.5rem; margin-top: 0.625rem; } .intelligence-ul li { background: #eceae8; } .intelligence-ul li>.le { width: 40%; padding: 5%; margin-left: 10%; } .intelligence-ul li>.re { width: 50%; } .intelligence-ul li .title { color: #1a1a1a; font-size: 1.5rem; } .intelligence-ul li .yaso { font-size: 1rem; margin-top: 0.625rem; color: #555555; line-height: 1.875rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 7; overflow: hidden; text-align: justify; } .intelligence-ul li:nth-child(2n)>.le { float: right; margin-left: 0; margin-right: 10%; } .intelligence-ul li:nth-child(2n)>.re { float: left; } .functions-con { padding: 3.75rem 0; } .functions-con .hd { color: #1a1a1a; font-size: 2.0625rem; } .functions-con .neirs { font-size: 1.0625rem; color: #1a1a1a; margin-top: 0.625rem; } .functions-con .swiper-container { padding: 2rem 0; } .functions-con1 .swiper-slide { background: #fff; text-align: center; padding: 2.5rem 0; border-width: 0.0625rem; border-color: #dadada; border-style: solid; box-shadow: 0rem 0.3125rem 0.9375rem 0rem rgba(0, 0, 0, 0.1); } .functions-con1 .swiper-slide .p1 { color: #000000; font-size: 1.5rem; margin-top: 0.3125rem; } .functions-con1 .swiper-slide .p1 a { color: #000000; } .functions-con1 .swiper-slide .p1 a:hover { color: #d01b12; } .functions-con1 .swiper-slide .p2 { color: #777777; font-size: 1.0625rem; margin-top: 0.9375rem; } .product-book { background: url(/images/36.jpg) no-repeat; height: 24.625rem; background-size: cover; color: #eceae8; padding-top: 7.5rem; } .product-book .title { font-size: 2.0625rem; } .product-book .moer { margin-top: 1.25rem; } .product-book .moer a { font-size: 1.0625rem; color: #eceae8; border: 1px solid #eceae8; padding: 0 2.5rem; display: inline-block; line-height: 3.125rem; margin: 0 0.625rem; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; } .product-book .moer a:hover { box-shadow: inset 0 0 0 30px #eceae8; color: #d01b12; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; } .functions-con3 .swiper-slide:hover .overh img { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); } .functions-con3 .swiper-slide .overh img { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; } .functions-con2 .swiper-slide { box-shadow: 0rem 0.3125rem 0.9375rem 0rem rgba(0, 0, 0, 0.1); } .functions-con2 .tops-overh { background: #d01b12; padding: 1.25rem; border-top-left-radius: 0.3125rem; border-top-right-radius: 0.3125rem; text-align: center; } .functions-con2 .tops-overh .title { font-size: 1.5625rem; color: #fff; margin-top: 0.9375rem; } .functions-con2 .cen-ul li { color: #4c4c4c; font-size: 1.0625rem; line-height: 3.4375rem; height: 3.4375rem; border-bottom: 0.0625rem solid #e4e4e4; text-align: center; } .functions-con2 .cen-ul li:last-child { border-bottom: none; } .functions-con2 .bot-con { background: #e4e4e4; padding: 1.5625rem; } .functions-con2 .bot-con ul li { width: 50%; padding-left: 1.25rem; height: 2.1875rem; line-height: 2.1875rem; float: left; position: relative; color: #1a1a1a; font-size: 1rem; } .functions-con2 .bot-con ul li span { position: absolute; left: 0; top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari 和 Chrome */ -o-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%; background-color: #d01b12; width: 0.25rem; height: 0.25rem; } .functions-con2 .ziaxian-a a { display: block; background: #d01b12; color: #fff; line-height: 3.125rem; text-align: center; height: 3.125rem; font-weight: bold; border-bottom-left-radius: 0.3125rem; border-bottom-right-radius: 0.3125rem; font-size: 1rem; } .functions-con2 .more { margin-top: 2.5rem; } .functions-con2 .more a { line-height: 3.125rem; display: inline-block; color: #646464; border: 1px solid #646464; font-size: 1.0625rem; padding: 0 2.5rem; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; } .functions-con2 .more a:hover { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ box-shadow: inset 0 0 0rem 1.875rem #d01b12; color: #fff; } .mores { margin-top: 1.75rem; } .mores a { line-height: 2.1875rem; display: inline-block; color: #646464; border: 1px solid #646464; font-size: 1rem; padding: 0 1.5625rem; border-radius: 1.5625rem; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; } .mores a:hover { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ box-shadow: inset 0 0 0rem 1.875rem #d01b12; color: #fff; } .abou-us1 { padding: 3.75rem 0 2.5rem 0; } .programme-uld { margin-top: 2.1875rem; } .programme-uld li { background-color: #eceae8; } .programme-uld li>.fl { width: 40%; margin-left: 10%; padding: 6.3125rem; text-align: center; } .programme-uld li>.fr { width: 50%; } .programme-uld li>.fr img { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .programme-uld li>.fr:hover img { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ transform: scale(1.2); -ms-transform: scale(1.2); /* IE 9 */ -moz-transform: scale(1.2); /* Firefox */ -webkit-transform: scale(1.2); /* Safari 和 Chrome */ -o-transform: scale(1.2); } .programme-uld li>.fr a { display: block; position: relative; } .programme-uld li>.fr a::after { content: ''; border: solid 2px #d01b12; position: absolute; left: -1.25rem; top: -1.25rem; right: 1.25rem; bottom: 1.25rem; z-index: 2; } .programme-uld li .title { font-size: 2.0625rem; color: #1a1a1a; margin-bottom: 3.75rem; position: relative; } .programme-uld li .title a { color: #1a1a1a; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; } .programme-uld li .title a:hover { color: #d01b12; } .programme-uld li .title:after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); /* IE 9 */ -moz-transform: translateX(-50%); /* Firefox */ -webkit-transform: translateX(-50%); /* Safari 和 Chrome */ -o-transform: translateX(-50%); bottom: -1.125rem; width: 1.8125rem; height: 0.25rem; background-color: #d01b12; } .programme-uld li .yaso { display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 4; overflow: hidden; font-size: 1.0625rem; line-height: 1.875rem; color: #454545; } .programme-uld li .more { margin-top: 1.875rem; } .programme-uld li .more a { width: 8.3125rem; height: 2.75rem; background-color: #d01b12; text-align: center; display: inline-block; line-height: 2.75rem; color: #fff; font-size: 1.0625rem; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .programme-uld li .more a:hover { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ box-shadow: inset 0 0 0 1.875rem #1a1a1a; } .programme-uld li:nth-child(2n)>.fl { float: right; margin-left: 0; margin-right: 10%; } .programme-uld li:nth-child(2n)>.fr { float: left; } .programme-uld li:nth-child(2n)>.fr a::after { content: ''; border: solid 2px #d01b12; position: absolute; left: -1.25rem; top: -1.25rem; right: 3.875rem; bottom: 1.25rem; z-index: 2; } .customer { background: url(/images/38.jpg) no-repeat; color: #eceae8; background-size: cover; padding: 9.4375rem 0; text-align: center; } .customer .pp1 { font-size: 2.5rem; line-height: 1; } .customer .pp2 { font-size: 1.3125rem; margin: 1.875rem 0; line-height: 1; } .customer .more a { width: 8.3125rem; height: 2.75rem; border: 1px solid #fff; text-align: center; display: inline-block; line-height: 2.75rem; color: #fff; font-size: 1.0625rem; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .customer .more a:hover { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ box-shadow: inset 0 0 0 1.875rem #d01b12; } .shu-con { color: #fff; background: url(/images/45.jpg) no-repeat; background-size: cover; padding: 10rem 0; position: relative; background-attachment: fixed; background-size: cover; background-position: center center; } .shu-con .overh { display: inline-block; width: 5.1875rem; height: 5.1875rem; background-color: #ffffff; box-shadow: 0rem 0rem 0.625rem 0rem rgba(0, 0, 0, 0.45); line-height: 5.1875rem; border-radius: 100%; } .shu-con .su-c { font-size: 1.875rem; margin: 1.125rem 0; line-height: 1; } .shu-con .yao { font-size: 1.0625rem; } .fazhangli { background-color: #f5f5f5; padding: 4.375rem 0 3.125rem 0; } .fazhangli .gallery-top { padding: 0.625rem; } .fazhangli .gallery-top .swiper-slide { box-shadow: 0rem 0rem 0.625rem rgba(0, 0, 0, 0.1); background: #fff; } .fazhangli .gallery-top .swiper-slide>.fl { width: 38%; } .fazhangli .gallery-top .swiper-slide>.fl .nian { font-size: 1.25rem; color: #ffffff; width: 4.9375rem; height: 1.875rem; background-color: #c30006; text-align: center; line-height: 1.875rem; z-index: 2; left: 0; top: 2.4375rem; } .fazhangli .gallery-top .swiper-slide>.fl .taile { font-size: 1.25rem; color: #ffffff; left: 0; right: 0; bottom: 0; height: 3.5rem; line-height: 3.5rem; z-index: 2; text-align: center; background: rgba(0, 0, 0, 0.4); } .fazhangli .gallery-top .swiper-slide>.fr { width: 62%; padding: 3.875rem; } .fazhangli .gallery-top .swiper-slide>.fr .ninas { font-size: 1.5rem; color: #c30006; } .fazhangli .gallery-top .swiper-slide>.fr .yaos { font-size: 1.0625rem; margin-top: 1.875rem; line-height: 2.1875rem; color: #6f6f6f; } .fazhangli .gallery-top .jiantou { width: 51%; height: 6.0625rem; bottom: 0.625rem; z-index: 2; border-top: 0.0625rem solid #e7e7e7; right: 3.875rem; } .fazhangli .gallery-top .jiantou .swiper-button-next, .fazhangli .gallery-top .jiantou .swiper-button-prev { display: inline-block; width: auto; height: auto; background: transparent; left: 0; margin-left: 0.3125rem; position: relative; top: 1.25rem; margin-top: 0; } .fazhangli .xins { position: relative; } .fazhangli .xins:after { position: absolute; content: ''; height: 0.0625rem; background-color: #b3b3b3; left: 0rem; right: 0; top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari 和 Chrome */ -o-transform: translateY(-50%); transform: translateY(-50%); } .fazhangli .gallery-thumbs .swiper-slide { height: 8.5625rem; position: relative; text-align: center; } .fazhangli .gallery-thumbs .swiper-slide span { margin-top: 2.1875rem; position: absolute; top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari 和 Chrome */ -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 1.3125rem; color: #040404; } .fazhangli .gallery-thumbs .swiper-slide.swiper-slide-thumb-active span { color: #c30006; } .fazhangli .gallery-thumbs:after { content: ''; position: absolute; height: 1rem; left: 0; right: 0; background: url(/images/32.png); margin-top: -0.5rem; top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari 和 Chrome */ -o-transform: translateY(-50%); transform: translateY(-50%); } .qualification { padding: 4.375rem 0 3.125rem; } .qualification .swiper-slide { background-color: #ffffff; box-shadow: 0.1875rem 0.25rem 0.9375rem 0rem rgba(0, 0, 0, 0.1); overflow: hidden; cursor: pointer; } .qualification .swiper-slide .title { position: absolute; height: 3.5rem; background-color: rgba(34, 34, 34, 0.7); color: #fff; line-height: 3.5rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; padding: 0 0.625rem; bottom: 0; left: 0; right: 0; } .qualification .swiper-slide .box-img { background-color: #c30006; opacity: 0.9; left: -100%; width: 100%; top: 0; bottom: 0; } .qualification .swiper-slide .box-img .box-zi { left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); /* IE 9 */ -moz-transform: translate(-50%, -50%); /* Firefox */ -webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */ -o-transform: translate(-50%, -50%); } .qualification .swiper-slide .box-img .box-zi .tis { font-size: 1.1875rem; margin-top: 0.75rem; color: #fff; } .qualification .swiper-slide:hover .box-img { left: 0; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .qualification .swiper-slide:hover .title { display: none; } .qualification .mores { margin-top: 2.5rem; } .zeren-con { padding: 4.375rem 0 3.25rem; background-color: #f5f5f5; } .zeren-con .swiper-container { padding: 0 0.625rem; } .product-huod .ners { margin-top: 1.875rem; font-size: 1.0625rem; line-height: 1.875rem; } .product-huod .ners sup { margin-right: 1.25rem; } .product-huod .ners sub { margin-left: 3.75rem; } .product-huod .ners p { font-size: 1.3125rem; margin-bottom: 0.625rem; } .product-huod .mores a { color: #fff; border: 1px solid #fff; } .hezuo-ban ul li { width: 33.3333%; float: left; border: 1px solid #fff; text-align: center; } .hezuo-ban ul li .tairl { position: absolute; left: 0; right: 0; font-size: 1.625rem; color: #f9f9f9; height: 4.375rem; background: rgba(0, 0, 0, 0.7); line-height: 4.375rem; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ bottom: 0; } .hezuo-ban ul li .tairl a { color: #f9f9f9; } .hezuo-ban ul li img { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .hezuo-ban ul li:hover img { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ transform: scale(1.2); -ms-transform: scale(1.2); /* IE 9 */ -moz-transform: scale(1.2); /* Firefox */ -webkit-transform: scale(1.2); /* Safari 和 Chrome */ -o-transform: scale(1.2); } .hezuo-ban ul li:hover .tairl { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ box-shadow: inset 0 0 0 2.5rem #d01b12; } .ban-fangan { background-color: #f5f5f5; height: 3.125rem; } .ban-fangan .weizhi { background-color: #f5f5f5; } .zhu-titlte { font-size: 2.375rem; color: #000000; margin: 3.4375rem 0 1.875rem; } .zhu-yao { font-size: 1.25rem; color: #000000; margin-bottom: 2.6875rem; } .support-uls li { width: 32%; float: left; border: solid 1px #dadada; background-color: #ffffff; box-shadow: 0.1875rem 0.25rem 0.9375rem 0rem rgba(0, 0, 0, 0.1); margin-right: 1.5%; padding: 2.75rem 2.1875rem 5rem 1.875rem; } .support-uls li .titles { color: #000000; font-size: 1.5rem; } .support-uls li .sup-yao { font-size: 1.0625rem; line-height: 2.0625rem; color: #777777; margin-top: 1.6875rem; height: 6.1875rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 3; overflow: hidden; } .support-uls li:last-child { margin-right: 0; } .support-uls li.active { background: #d01b12; } .support-uls li.active .titles { color: #fff; } .support-uls li.active .sup-yao { color: #fff; } .related-products { background-color: #efefef; margin-top: 4.875rem; padding-bottom: 3.75rem; } .related-products .swiper-slide { background: #fff; } .related-products .swiper-slide .fr { width: 40%; } .related-products .swiper-slide .fr img { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .related-products .swiper-slide .fr:hover img { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ transform: scale(1.2); -ms-transform: scale(1.2); /* IE 9 */ -moz-transform: scale(1.2); /* Firefox */ -webkit-transform: scale(1.2); /* Safari 和 Chrome */ -o-transform: scale(1.2); } .related-products .swiper-slide .titls1 { font-size: 1.1875rem; line-height: 2.25rem; height: 2.25rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; color: #000000; } .related-products .swiper-slide .titls1 a { color: #000000; } .related-products .swiper-slide .titls1 a:hover { color: #d01b12; } .related-products .swiper-slide .yaos { font-size: 1rem; line-height: 1.875rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; height: 3.75rem; color: #464646; margin-top: 0.625rem; } .related-products .swiper-slide .mos1-a { line-height: 1.875rem; color: #d01b12; font-size: 1rem; margin-top: 1.875rem; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ display: inline-block; } .related-products .swiper-slide .mos1-a:hover { color: #d01b12; margin-top: 1.25rem; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .related-products .swiper-slide .fl { width: 60%; padding: 1.875rem; } .related-products .swiper-container { padding-bottom: 3.75rem; } .related-products .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #d01b12; position: relative; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .related-products .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active:after { content: ''; border-radius: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); /* IE 9 */ -moz-transform: translate(-50%, -50%); /* Firefox */ -webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */ -o-transform: translate(-50%, -50%); width: 1.875rem; height: 1.875rem; border: 1px solid #d01b12; } .related-products .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 0.625rem; } .relevant-cases { padding-bottom: 3.75rem; } .relevant-cases .swiper-slide .overh img { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .relevant-cases .swiper-slide .overh:hover img { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ transform: scale(1.2); -ms-transform: scale(1.2); /* IE 9 */ -moz-transform: scale(1.2); /* Firefox */ -webkit-transform: scale(1.2); /* Safari 和 Chrome */ -o-transform: scale(1.2); } .relevant-cases .swiper-slide .bot-divs { padding: 1.5625rem; border: solid 1px #e9e9e9; background-color: #ffffff; } .relevant-cases .swiper-slide .bot-divs .title { font-size: 1.3125rem; line-height: 1.875rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; height: 1.875rem; color: #000000; } .relevant-cases .swiper-slide .bot-divs .title a { color: #000000; } .relevant-cases .swiper-slide .bot-divs .title a:hover { color: #d01b12; } .relevant-cases .swiper-slide .bot-divs .data { line-height: 1.875rem; margin: 0.625rem 0; letter-spacing: 0.0625rem; color: #e60012; font-size: 1rem; } .relevant-cases .swiper-slide .bot-divs .yaso { font-size: 1rem; line-height: 1.875rem; height: 3.75rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; color: #646464; } .relevant-cases .swiper-container { padding-bottom: 3.75rem; } .relevant-cases .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #d01b12; position: relative; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .relevant-cases .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active:after { content: ''; border-radius: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); /* IE 9 */ -moz-transform: translate(-50%, -50%); /* Firefox */ -webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */ -o-transform: translate(-50%, -50%); width: 1.875rem; height: 1.875rem; border: 1px solid #d01b12; } .relevant-cases .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 0.625rem; } .product-list { padding-bottom: 4.125rem; } .product-list .le { width: 72%; } .product-list .le .bisn { font-size: 1.75rem; line-height: 2.8125rem; color: #000000; } .product-list .le .ysus { font-size: 1.1875rem; margin-top: 1.5625rem; line-height: 2.1875rem; color: #464646; } .product-list .product-list-uls { border: solid 0.0625rem #e9e9e9; margin-top: 1.25rem; } .product-list .product-list-uls li { padding: 1.1875rem; border-bottom: solid 0.0625rem #e9e9e9; } .product-list .product-list-uls li>.fl { width: 58%; } .product-list .product-list-uls li>.fl .titles { font-size: 1.75rem; color: #000000; height: 1.875rem; line-height: 1.875rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; } .product-list .product-list-uls li>.fl .titles a { color: #000000; } .product-list .product-list-uls li>.fl .titles a:hover { color: #d01b12; } .product-list .product-list-uls li>.fl .divs-yao { font-size: 1rem; margin-top: 0.625rem; line-height: 1.875rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 6; overflow: hidden; color: #464646; } .product-list .product-list-uls li>.fl .divs-yao .dis-con .disn { width: 0.3125rem; height: 0.3125rem; background-color: #d01b12; display: inline-block; margin-right: 0.625rem; } .product-list .product-list-uls li .mores1-a { line-height: 1.875rem; color: #d01b12; font-size: 1rem; margin-top: 1.875rem; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ display: inline-block; } .product-list .product-list-uls li .mores1-a:hover { color: #d01b12; margin-top: 1.25rem; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .product-list .product-list-uls li>.fr { width: 40%; } .product-list .product-list-uls li>.fr img { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .product-list .product-list-uls li>.fr:hover img { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ transform: scale(1.2); -ms-transform: scale(1.2); /* IE 9 */ -moz-transform: scale(1.2); /* Firefox */ -webkit-transform: scale(1.2); /* Safari 和 Chrome */ -o-transform: scale(1.2); } .product-list .ree { width: 26%; } .product-list .ree .div-top { background-color: #f4f4f4; border: solid 1px #e9e9e9; } .product-list .ree .div-top .zhanyao { padding: 1.25rem; font-size: 1.1875rem; line-height: 2.1875rem; color: #464646; } .product-list .ree .bot-divs { margin-top: 1.875rem; } .product-list .ree .bot-divs .pp1 { font-size: 1.75rem; line-height: 2.25rem; color: #000000; margin-bottom: 1.25rem; } .product-list .ree .bot-divs .pp2 { color: #4f4f4f; line-height: 2.25rem; margin-top: 1.25rem; font-size: 0.9375rem; } .pro-relevant-cases { background-color: #efefef; margin-top: 3.125rem; } .banner-xiaan { bottom: 30px; left: 50%; cursor: pointer; transform: translateX(-50%); -ms-transform: translateX(-50%); /* IE 9 */ -moz-transform: translateX(-50%); /* Firefox */ -webkit-transform: translateX(-50%); /* Safari 和 Chrome */ -o-transform: translateX(-50%); z-index: 2; } .banner_siae { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); /* IE 9 */ -moz-transform: translate(-50%, -50%); /* Firefox */ -webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */ -o-transform: translate(-50%, -50%); width: 90%; color: #fff; } .banner_siae p:nth-of-type(1) { font-size: 2.75rem; box-shadow: 0rem 0rem 0rem 0rem rgba(0, 0, 0, 0.4); font-weight: bold; text-align: center; } .banner_siae p:nth-of-type(2) { font-size: 1.375rem; text-align: center; text-align: center; margin-top: 1.25rem; box-shadow: 0rem 0rem 0rem 0rem rgba(0, 0, 0, 0.4); } .banner .swiper-pagination-bullet { background: #fff; width: 0.625rem; height: 0.625rem; opacity: 1; margin: 0 0.625rem; } .banner .swiper-pagination-bullet-active { width: 1.5625rem; border-radius: 2.1875rem; background: #d01b12; } .banner_ico { position: absolute; bottom: 14%; width: 100%; text-align: center; height: 1.5625rem; } .banner_ico .swiper-pagination { width: 21%; left: 52%; transform: translateX(-50%); } .banner_ico .iconfont { color: #fff; z-index: 66; position: absolute; bottom: 16%; left: 43.5%; } .br1-yao { font-size: 1.0625rem; line-height: 2.0625rem; letter-spacing: 0rem; color: #5e5e5e; } .brand-power .shu-s-ul { margin-top: 1.3125rem; text-align: center; } .brand-power .shu-s-ul li { width: 33.3%; } .brand-power .shu-s-ul li:nth-child(2) .hsu-img { border-right: 0.0625rem solid #dedede; } .brand-power .shu-s-ul li:nth-child(1), .brand-power .shu-s-ul li:nth-child(2) { border-bottom: none; } .index-video-con { margin-top: 3.125rem; } .top-design { background-color: #f2f5f8; padding-bottom: 3.75rem; } .top-design .swiper-container { padding: 2.9375rem 0 3.75rem; } .top-design .swiper-slide { background-color: #ffffff; padding: 2.5rem; cursor: pointer; } .top-design .swiper-slide .overh1 a { display: inline-block; overflow: hidden; border: solid 1px #e3e3e3; border-radius: 50%; } .top-design .swiper-slide .overh1 a .img2 { display: none; } .top-design .swiper-slide .overh1 .tubio { width: 2rem; height: 2rem; background-color: #dfdfdf; line-height: 2rem; bottom: -0.625rem; border-radius: 100%; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); /* IE 9 */ -moz-transform: translateX(-50%); /* Firefox */ -webkit-transform: translateX(-50%); /* Safari 和 Chrome */ -o-transform: translateX(-50%); display: inline-block; } .top-design .swiper-slide .overh1 .tubio i { color: #6e6e6e; } .top-design .swiper-slide .title { font-size: 1.3125rem; color: #000000; margin: 1.875rem 0 1.5625rem 0; line-height: 1.875rem; height: 1.875rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; } .top-design .swiper-slide .title a { color: #000000; } .top-design .swiper-slide .yaos { font-size: 1rem; line-height: 1.875rem; color: #646464; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 6; overflow: hidden; height: 11.25rem; } .top-design .swiper-slide .bg-img { width: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; } .top-design .swiper-slide:hover { background: transparent; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .top-design .swiper-slide:hover .overh1 a { border: solid 1px #c30006; } .top-design .swiper-slide:hover .overh1 a .img1 { display: none; } .top-design .swiper-slide:hover .overh1 a .img2 { display: inline-block; } .top-design .swiper-slide:hover .overh1 .tubio { background: #d01b12; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .top-design .swiper-slide:hover .overh1 .tubio i { color: #fff; } .top-design .swiper-slide:hover .title a { color: #d01b12; } .color_swiper-pagination { padding-bottom: 3.75rem !important; } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 0.625rem !important; } .color_swiper-pagination .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 0.625rem !important; } .color_swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #d01b12; position: relative; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .color_swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after { content: ''; border-radius: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); /* IE 9 */ -moz-transform: translate(-50%, -50%); /* Firefox */ -webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */ -o-transform: translate(-50%, -50%); width: 1.875rem; height: 1.875rem; border: 1px solid #d01b12; } .color_swiper-pagination .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 0.625rem; } .index-solution-con .index-solution-a { overflow: hidden; } .index-solution-con .index-solution-a a { display: block; } .index-solution-con .index-solution-a .title { font-size: 1.375rem; color: #ffffff; left: 4.375rem; bottom: 2.5rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; line-height: 3.125rem; height: 3.125rem; } .index-solution-con .index-solution-a .title a { color: #ffffff; } .index-solution-con .index-solution-a .title:after { content: ''; width: 1.3125rem; height: 0.25rem; background-color: #c30006; left: 0; position: absolute; top: 0rem; } .index-solution-con .index-solution-a .hover-a { background-color: #c30006; opacity: 0.9; top: 0; bottom: 0; left: -100%; width: 100%; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .index-solution-con .index-solution-a .hover-a .div-a { left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); /* IE 9 */ -moz-transform: translate(-50%, -50%); /* Firefox */ -webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */ -o-transform: translate(-50%, -50%); width: 100%; text-align: center; color: #fff; } .index-solution-con .index-solution-a .hover-a .div-a .p1 { font-size: 1.75rem; line-height: 1.875rem; } .index-solution-con .index-solution-a .hover-a .div-a span { font-size: 1rem; border-radius: 1.1875rem; border: solid 1px #ffffff; display: inline-block; width: 7.9375rem; height: 2.375rem; line-height: 2.375rem; margin-top: 1.25rem; } .index-solution-con .index-solution-a:hover .title { display: none; } .index-solution-con .index-solution-a:hover .hover-a { left: 0; right: 0; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .index-solution-con .le-left { width: 50%; } .index-solution-con .le-left .bot-div>div { width: 50%; } .index-solution-con .le-con { width: 25%; } .index-solution-con .fr-right { width: 25%; } .index-energy { margin: 3.75rem 0; } .index-energy .overh img { cursor: pointer; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; } .index-energy .overh:hover img { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); /* Firefox 4 */ -webkit-transform: rotateZ(180deg); /* Safari and Chrome */ -o-transform: rotateZ(180deg); } .index-energy .p1 { font-size: 1.3125rem; color: #000000; color: #646464; line-height: 1.875rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; margin: 0.9375rem 0; } .index-energy .yaos { font-size: 1rem; color: #646464; line-height: 1.875rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; } .index-solution-con { margin-top: 2.8125rem; } .masterpiece { background-color: #f2f5f8; padding-bottom: 5rem; } .masterpiece-lunbo { margin-top: 2.8125rem; } .masterpiece-lunbo .swiper-slide { background: #fff; } .masterpiece-lunbo .swiper-slide .overh { float: left; width: 50%; } .masterpiece-lunbo .swiper-slide .overh img { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .masterpiece-lunbo .swiper-slide .overh:hover img { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ transform: scale(1.2); -ms-transform: scale(1.2); /* IE 9 */ -moz-transform: scale(1.2); /* Firefox */ -webkit-transform: scale(1.2); /* Safari 和 Chrome */ -o-transform: scale(1.2); } .masterpiece-lunbo .swiper-slide .bot-divs { padding: 3.125rem; background-color: #ffffff; float: right; width: 50%; } .masterpiece-lunbo .swiper-slide .bot-divs .title { font-size: 1.3125rem; line-height: 1.875rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; height: 1.875rem; color: #000000; } .masterpiece-lunbo .swiper-slide .bot-divs .title a { color: #000000; } .masterpiece-lunbo .swiper-slide .bot-divs .title a:hover { color: #d01b12; } .masterpiece-lunbo .swiper-slide .bot-divs .data { line-height: 1.875rem; margin: 0.625rem 0; letter-spacing: 0.0625rem; color: #e60012; font-size: 1rem; } .masterpiece-lunbo .swiper-slide .bot-divs .yaso { font-size: 1rem; line-height: 1.875rem; height: 9.375rem; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 5; overflow: hidden; color: #646464; } .masterpiece-lunbo .swiper-container { padding: 0rem 0 4.375rem 0; } .masterpiece-lunbo .swiper-container .swiper-pagination-bullet { width: 3.75rem; height: 0.1875rem; background-color: #fff; border-radius: 0.0625rem; opacity: 1; } .masterpiece-lunbo .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; background-color: #e60012; } .corporate-news { padding-bottom: 4.375rem; } .corporate-news .corporate-news-ul { margin: 1.5625rem 0 2.5rem; text-align: center; } .corporate-news .corporate-news-ul li { display: inline-block; font-size: 1.0625rem; color: #5e5e5e; margin: 0 0.625rem; cursor: pointer; } .corporate-news .corporate-news-ul li.active, .corporate-news .corporate-news-ul li:hover { color: #e60012; } .corporate-news-lunbo>.div1 { display: none; } .corporate-news-lunbo .swiper-slide { padding: 0 2.1875rem 3.3125rem 2.1875rem; border-right: 0.0625rem solid #e3e3e3; } .corporate-news-lunbo .swiper-slide:nth-child(1) { border-left: 0.0625rem solid #e3e3e3; } .corporate-news-lunbo .swiper-slide .type-p { font-size: 1rem; color: #e60012; line-height: 1.875rem; } .corporate-news-lunbo .swiper-slide .title { line-height: 1.875rem; height: 1.875rem; margin-top: 0.3125rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; } .corporate-news-lunbo .swiper-slide .title a { font-size: 1.3125rem; color: #000000; } .corporate-news-lunbo .swiper-slide .title a:hover { color: #e60012; } .corporate-news-lunbo .swiper-slide .data { font-size: 1rem; color: #646464; margin: 0.625rem 0 0.8125rem 0; } .corporate-news-lunbo .swiper-slide .yaso { font-size: 1rem; line-height: 1.875rem; color: #646464; height: 5.625rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 3; overflow: hidden; } .color_swiper-pagination1 .swiper-container { padding-bottom: 3.75rem; } .color_swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #d01b12; position: relative; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .color_swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active:after { content: ''; border-radius: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); /* IE 9 */ -moz-transform: translate(-50%, -50%); /* Firefox */ -webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */ -o-transform: translate(-50%, -50%); width: 1.875rem; height: 1.875rem; border: 1px solid #d01b12; } .color_swiper-pagination1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 0.625rem; } .maintenance { background: #f9fafc url(/images/42.png) no-repeat center bottom; height: 31.25rem; padding-top: 3rem; } .maintenance .maintenance-div { border-right: 0.0625rem solid #e3e3e3; } .maintenance .maintenance-div .over img, .yuangong-div .overh img { cursor: pointer; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; } .maintenance .maintenance-div .over:hover img, .yuangong-div .overh:hover img { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); /* Firefox 4 */ -webkit-transform: rotateZ(180deg); /* Safari and Chrome */ -o-transform: rotateZ(180deg); } .maintenance .maintenance-div:nth-child(1) { border-left: 0.0625rem solid #e3e3e3; } .maintenance .maintenance-div .atitle { font-size: 1.3125rem; color: #000000; margin: 0.625rem 0; } .maintenance .maintenance-div .yao { font-size: 1rem; color: #646464; line-height: 1.875rem; } .maintenance .maintenance-div .mo a { color: #646464; line-height: 1.875rem; } .maintenance .maintenance-div .mo a:hover { color: #d01b12; } .doubt-div { margin-top: 2.875rem; padding: 1.875rem 4.375rem 1.25rem 3.625rem; border-top: 0.1875rem solid #e60012; background: rgba(255, 255, 255, 0.3); } .doubt-div .fl { width: 30%; border-right: 0.0625rem solid #e3e3e3; } .doubt-div .fl .p1 { font-size: 1.5rem; color: #000000; } .doubt-div .fl .p2 { margin-top: 0.625rem; font-size: 1rem; color: #646464; } .doubt-div .fr { width: 65%; } .doubt-div .fr .p3 { color: #454545; font-size: 1.625rem; margin-top: 0.625rem; } .doubt-div .fr .p3 span { color: #e60012; } .doubt-div .fr .p4 { font-size: 1rem; color: #646464; } .doubt-div .fr .diang-i { width: 4.1875rem; height: 4.1875rem; background-color: #c30006; line-height: 4.1875rem; border-radius: 100%; text-align: center; top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari 和 Chrome */ -o-transform: translateY(-50%); transform: translateY(-50%); right: 0; } .doubt-div .fr .diang-i i { color: #fff; font-size: 1.875rem; } .zhanyaos1 { font-size: 1.125rem; color: #000000; margin: 2.8125rem 0; } .branch .gang select { height: 2.8125rem; margin-bottom: 10px; } .branch .gang input { height: 2.8125rem; } .branch .gang .sou button { height: 2.8125rem; } .branch .gang form span { font-size: 1.125rem; line-height: 2.8125rem; color: #000000; margin-right: 0.625rem; } .branch .gang form .bann { height: 2.8125rem; background: #d01b12; border: none; margin-right: 1.5625rem; color: #ffffff; padding: 0 0.625rem; } .jie-divs { margin-bottom: 4.375rem; } .jie-divs .jie-cs span { width: 15.6875rem; height: 3.6875rem; background-color: #d01b12; border-radius: 0.3125rem 0.3125rem 0rem 0rem; font-size: 1.375rem; text-align: center; display: inline-block; line-height: 3.6875rem; color: #ffffff; } .jie-divs .table-responsive { box-shadow: 0rem 0rem 0.9375rem 0rem rgba(0, 0, 0, 0.15); } .jie-divs .table-responsive .table { margin-bottom: 0; } .jie-divs .table-responsive .table thead tr { border-bottom: none; } .jie-divs .table-responsive .table thead tr th { font-size: 1.25rem; color: #000000; height: 3.875rem; line-height: 3.875rem; padding: 0; text-align: center; border-bottom: none; background-color: #eeeeee; } .jie-divs .table-responsive .table tbody tr { border-bottom: none; } .jie-divs .table-responsive .table tbody tr td { padding: 0; height: 3.875rem; line-height: 3.875rem; background-color: #f8f8f8; border-bottom: none; border-top: none; text-align: center; } .pro-bans { color: #FFFFFF; } .pro-bans .ban-zi { padding: 1.875rem; top: 37%; left: 15%; background-color: #d01b12; transform: translate(0, 0); -ms-transform: translate(0, 0); -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); } .pro-bans .ban-zi .p1 { font-size: 2.75rem; letter-spacing: 0.375rem; color: #ffffff; text-shadow: 0.0625rem 0.125rem 0.1875rem 0rem rgba(0, 0, 0, 0.4); } .pro-bans .ban-zi .p2 { font-size: 1.375rem; letter-spacing: 0.125rem; color: #ffffff; text-shadow: 0.0625rem 0.125rem 0.1875rem 0rem rgba(0, 0, 0, 0.4); } .applicable-solutions { background-color: #efefef; padding-bottom: 3.125rem; } .applicable-solutions .overh img { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .applicable-solutions .overh:hover img { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ transform: scale(1.2); -ms-transform: scale(1.2); /* IE 9 */ -moz-transform: scale(1.2); /* Firefox */ -webkit-transform: scale(1.2); /* Safari 和 Chrome */ -o-transform: scale(1.2); } .applicable-solutions .title { font-size: 1.3125rem; color: #000000; background: #FFFFFF; line-height: 4.625rem; height: 4.625rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; text-align: center; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .applicable-solutions .title a { padding: 0 0.625rem; color: #000000; } .applicable-solutions .title:hover { box-shadow: inset 0 0 0 2.5rem #d01b12; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .applicable-solutions .title:hover a { color: #FFFFFF; display: block; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .product-decoration { padding-bottom: 3.5rem; } .product-decoration .swiper-slide { background-color: #ffffff; box-shadow: 0rem 0.3125rem 0.9375rem 0rem rgba(0, 0, 0, 0.1); } .product-decoration .overh .quanjin { width: 6.75rem; height: 2.25rem; background-color: #c30006; border-radius: 1.125rem; line-height: 2.25rem; text-align: center; color: #fff; font-size: 0.8125rem; top: 1.25rem; right: 1.0625rem; } .product-decoration .overh>img { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .product-decoration .overh:hover>img { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ transform: scale(1.2); -ms-transform: scale(1.2); /* IE 9 */ -moz-transform: scale(1.2); /* Firefox */ -webkit-transform: scale(1.2); /* Safari 和 Chrome */ -o-transform: scale(1.2); } .product-decoration .title { font-size: 1.3125rem; color: #000000; background: #FFFFFF; line-height: 4.625rem; height: 4.625rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; text-align: center; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .product-decoration .title a { padding: 0 0.625rem; color: #000000; } .product-decoration .title:hover { box-shadow: inset 0 0 0 2.5rem #d01b12; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .product-decoration .title:hover a { color: #FFFFFF; display: block; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .smart-service { color: #fff; padding: 3.125rem 0 10rem; text-align: center; } .smart-service .zhu-titlte, .smart-service .br1-yao { color: #FFFFFF; } .smart-service .mores a { border: 1px solid #fff; color: #fff; } .product-parameters { padding-bottom: 5rem; } .product-parameters .product-parameters-ul { display: inline-block; } .product-parameters li { display: inline-block; float: left; cursor: pointer; background-color: #ffffff; border: solid 1px #000000; height: 3.1875rem; font-size: 1.3125rem; line-height: 3.1875rem; padding: 0 2.5rem; } .product-parameters li:hover, .product-parameters li.active { background-color: #000000; color: #fff; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .product-parameters .product-parameters-con { background-color: #f8f8f8; /* padding: 2.5rem 3.125rem; */ margin-top: 1.25rem; font-size: 1rem; color: #595959; line-height: 1.875rem; } .product-parameters .product-parameters-con table { border-left: 1px solid #dcdcdc; } .product-parameters .product-parameters-con .table thead tr th { font-weight: 400; text-align: center; border-bottom: none; line-height: 3.125rem; font-size: 1rem; color: #595959; } .product-parameters .product-parameters-con table tbody tr td { font-size: 1rem; border-top: none; text-align: center; color: #595959; line-height: 30px; padding: 10px 0; border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; } .product-parameters .product-parameters-con table tbody tr:nth-child(1) td { color: #Fff; } .product-parameters .product-parameters-con table tbody tr:nth-child(1) { background: #d01b12; } .product-parameters .product-parameters-con .zhuyi { font-size: 1rem; line-height: 1.875rem; color: #ffffff; } .prod-information { padding-top: 5rem; } .prod-information .prod-information-div { margin: 1.875rem 0 3.75rem; text-align: center; } .prod-information .prod-information-div .overh { width: 5.25rem; height: 5.25rem; display: inline-block; background-color: #d01b12; border-radius: 100%; line-height: 5.25rem; } .prod-information .prod-information-div .p1 { font-size: 1.9375rem; line-height: 2.375rem; margin-top: 0.625rem; color: #656565; } .prod-information .prod-information-div .p2 { font-size: 1rem; line-height: 2.375rem; color: #5d5d5d; } .prod-posvide { text-align: center; height: 4.375rem; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; } .prod-posvide.active { position: fixed; background: #fff; left: 0; right: 0; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; top: 73px; z-index: 9; } .prod-posvide .posvide-ul { display: inline-block; } /* .prod-posvide .posvide-ul li:last-child a { height: 2.625rem; margin: 0 0.625rem; background-color: #d01b12; display: inline-block; color: #FFFFFF; line-height: 2.625rem; padding: 0 1.25rem; } */ .cooper-div-top { border: 1px solid #e6e6e6; } .box-top { padding: 1.25rem; } .flan { left: 0; line-height: 2.5rem; height: 2.5rem; border-radius: 0.1875rem; background: #d01b12; color: #Fff; width: 6.4375rem; text-align: center; } .box-top .hangye-ul li { float: left; padding: 0 0.9375rem; text-align: center; line-height: 2.5rem; } .box-top .hangye-ul li a { color: #595959; font-size: 0.9375rem; } .box-top .hangye-ul li:hover a, .box-top .hangye-ul li.active a { color: #d01b12; } .box-top .title { color: #1b1b1b; font-size: 1.3125rem; } .cooper-div-top-an { padding-left: 7.25rem; margin-bottom: 0.625rem; } .case-boot { margin: 2.5rem 0; } .case-a { margin-bottom: 1.875rem; } .case-a .overh img { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ } .case-a .overh:hover img { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ transform: scale(1.2); -ms-transform: scale(1.2); /* IE 9 */ -moz-transform: scale(1.2); /* Firefox */ -webkit-transform: scale(1.2); /* Safari 和 Chrome */ -o-transform: scale(1.2); } .case-a .bot-divs { padding: 1.5625rem; border: solid 1px #e9e9e9; background-color: #ffffff; } .case-a .bot-divs .title { font-size: 1.3125rem; line-height: 1.875rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; height: 1.875rem; color: #000000; } .case-a .bot-divs .title a { color: #000000; } .case-a .bot-divs .title a:hover { color: #d01b12; } .case-a .bot-divs .data { line-height: 1.875rem; margin: 0.625rem 0; letter-spacing: 0.0625rem; color: #e60012; font-size: 1rem; } .case-a .bot-divs .yaso { font-size: 1rem; line-height: 1.875rem; height: 3.75rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; color: #646464; } /* 加入我们 */ .joinus { padding: 5.9375rem 0 5.3125rem 0; } .sociology_col { color: #6b6b6b; font-size: 1rem; line-height: 3.75rem; font-weight: bold; background-color: #e5e5e5; margin-bottom: 0.1875rem; } .sociology_col span { width: 16.6%; float: left; text-align: center; display: block; } .sociology_quan { color: #2f2f2f; font-size: 0.9375rem; margin-bottom: 0.1875rem; line-height: 4.6875rem; } .sociology_quan { background: #e5e5e5; } .sociology_quan.active .sociology_top { background: #d01b12; color: #fff; } .sociology_top { background-color: #e5e5e5; cursor: pointer; } .sociology_top>span { width: 16.6%; float: left; text-align: center; display: block; } .sociology_span { color: #d01b12; font-size: 1.875rem; font-weight: bold; text-align: center; } .sociology_span span:nth-of-type(2) { display: none; } .sociology_bott p { font-size: 1.125rem; color: #000000; } .sociology_bott { background: #f8f8f8; padding: 2.5rem 4.375rem 8.75rem 4.375rem; line-height: 2rem; border: 1px solid #eae6e6; } .sociology_bott p span { display: inline-block; margin-left: 5.625rem; } .sociology_bott a { color: #fff; font-size: 1.0625rem; line-height: 3rem; padding: 0 1.75rem; background: #d01b12; margin-top: 1.875rem; border: none; display: inline-block; } .sociology_bott { display: none; } .sociology_quan.active { margin-bottom: 0; } .sociology_quan.active .sociology_bott { display: block; } .sociology_quan.active .sociology_span span:nth-of-type(2) { display: block; } .sociology_quan.active .sociology_span span:nth-of-type(1) { display: none; } .joinus_top_inp { border: 1px solid #e5e5e5; line-height: 3.4375rem; width: 100%; } .joinus_top_inp input { width: 93%; float: left; border: none; padding-left: 1.375rem; } .joinus_top_inp button { background: none; border: none; color: #989898; width: 7%; } .joinus_fen { border: 1px solid #e5e5e5; border-top: none; line-height: 3.4375rem; } .joinus_fen select { width: 100%; height: 3.4375rem; padding: 0 0.9375rem 0 1.375rem; border: none; } .joinus_fen .row>div:nth-of-type(2) { position: relative; } .joinus_fen .row>div:nth-of-type(2)::before { position: absolute; left: 0; top: 50%; content: "|"; display: block; transform: translateY(-50%); color: #e5e5e5; } .joinus_fen .row>div:nth-of-type(2)::after { position: absolute; right: 0; top: 50%; content: "|"; display: block; transform: translateY(-50%); color: #e5e5e5; } .message_inp>div:nth-of-type(1) { width: 25%; float: left; color: #474747; font-size: 1.0625rem; line-height: 55px; text-align: right; } .message_inp>div:nth-of-type(1) span { color: red; } .message_inp>div:nth-of-type(2) { width: 70%; float: right; } .message_er>div input, .message_inp>div input { border: 1px solid #dddddd; width: 100%; line-height: 55px; height: 55px; } .message_er>div:nth-of-type(1) { width: 8%; float: left; color: #474747; font-size: 1.0625rem; line-height: 55px; /* padding-left: 2%; */ text-align: right; } .message_er>div:nth-of-type(2) { width: 90.5%; float: right; } .message_er { margin: 22px 0; } .message_text div:nth-of-type(1) { width: 8.5%; float: left; color: #474747; font-size: 1.0625rem; line-height: 55px; text-align: right; } .message_text div:nth-of-type(2) { width: 90.5%; float: right; } .message_text div textarea { border: 1px solid #dddddd; width: 100%; height: 142px; } .message_butt div:nth-of-type(2) { color: #ff0000; font-size: 1.0625rem; line-height: 55px; float: left; } .message_butt div:nth-of-type(1) { float: left; margin-right: 55px; } .message_butt div button { color: #fff; font-size: 1.25rem; border: 1px solid #d01b12; background: #d01b12; line-height: 55px; padding: 0 65px; } .message_butt { margin-top: 22px; width: 90.5%; float: right; } .message_fom { margin-top: 40px; } .pro-xuanxi { margin-bottom: 70px; } .honor_col_wid { overflow: hidden; padding: 0; width: 23%; float: left; background-color: #ffffff; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1); margin-right: 1.5%; margin-bottom: 1.5%; } .honor_size { position: absolute; left: -100%; top: 0; right: 0; bottom: 0; width: 100%; background: rgba(195, 0, 6, 0.9); color: #fff; font-size: 1.1875rem; padding-top: 40px; text-align: center; transition: 400ms ease-in-out; cursor: pointer; overflow: hidden; } .honor_col_wid:hover .honor_size { left: 0%; transition: 400ms ease-in-out; } .honor_size .wenzis { left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); /* IE 9 */ -moz-transform: translate(-50%, -50%); /* Firefox */ -webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */ -o-transform: translate(-50%, -50%); width: 90%; } .honor_div { position: relative; } .honnr { padding-bottom: 3rem; } .honor_size { position: absolute; } .detailInfoLeft { width: 50%; margin: 0 auto; } .honor_size p { margin-top: 20px; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; font-size: 19px; } .bigImg { width: 25%; top: 20%; position: relative; padding-bottom: 52px; margin: auto; } .bigImg .smallPrev { position: absolute; right: -58px; top: 42%; background: rgba(0, 0, 0, 0.85); } .bigImg .smallNext { position: absolute; right: -58px; top: 26%; background: rgba(0, 0, 0, 0.85); } .bigImg .smallPrev img, .bigImg .smallNext img { padding: 20px; } .detailInfoLeft { background: rgba(0, 0, 0, 0.85); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 88; display: none; } .dispaly_blo { display: block !important; } .i_close { position: absolute; top: 13%; right: -58px; padding: 20px; background: rgba(0, 0, 0, 0.85); cursor: pointer; } .hongg_ta { position: absolute; left: 0; right: 0; bottom: 0; color: #fff; font-size: 1.3125rem; line-height: 52px; width: 100%; margin: auto; padding-left: 35px; background-color: #000000; } #div_sitemap { display: none; position: fixed; right: 0; top: 0; left: 0; bottom: 0; z-index: 300; background-color: #ffffff; } #div_sitemap h1 { display: none; position: absolute; left: 50px; top: 15px; } #div_sitemap .fr { right: 7%; top: 30px; padding: 24px 25px 22px !important; position: relative; z-index: 2; } #div_sitemap .fr i { font-size: 40px; color: #d01b12; } #ul_sitemap { margin: 0 auto; width: 80%; position: absolute; left: 0; right: 0; top: 40px; background: #ffffff; } #ul_sitemap_inner { display: table; margin: 0 auto; height: 800px; } #ul_sitemap_inner>li { padding: 33px 15px; display: table-cell; width: 12.5%; } #ul_sitemap_inner>li>a { font-size: 18px; color: #000; font-weight: 700; } #ul_sitemap_inner .ul_submenu { display: block !important; border-top: 1px solid #d01b12; margin: 25px 0 0 0; padding-top: 6px; } #ul_sitemap_inner .ul_submenu>li { display: table-row; } #ul_sitemap_inner .ul_submenu>li>a { display: block; padding-top: 19px; text-align: left; font-size: 16px; color: #d01b12; font-weight: 400; border-bottom: 1px solid transparent; } #ul_sitemap_inner .ul_submenu>li>a:hover { transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; /* Opera */ border-bottom: 1px solid #d01b12; } .er-sivs { position: fixed; overflow: hidden; background: #ffffff; left: 0; right: 0; display: none; border-top: 1px solid #ececec; z-index: 999; } .er-sivs>.fl { width: 24%; padding: 50px 50px 50px 5.625rem; background: #ececec; } .er-sivs>.fr { width: 73%; } .er-sivs .sna-ul { padding-right: 0%; padding-bottom: 40px; } .er-sivs .sna-ul>li { float: left; /*width: 19.666%;*/ width: 28%; line-height: 2.05; padding-right: 30px; } .er-sivs .sna-ul>li>p { color: #000000; font-size: 17px; padding: 18px 0; border-bottom: 1px solid #b3b3b3; } .er-sivs .sna-ul>li>p a { color: #000000; } .er-sivs .sna-ul>li>p a:hover { color: #d01b12; } .er-sivs .sna-ul>li .sna-div { margin-top: 20px; } .er-sivs .sna-ul>li .sna-div a { display: block; color: #646464; font-size: 15px; } .er-sivs .sna-ul>li .sna-div a:hover { color: #d01b12; } .threeChildCate li a { font-size: 13px !important; color: #999 !important; } .threeChildCate li a:hover { color: #d01b12 !important; } .phonethreeChildCate dd { display: block; padding: 6px 25px 6px 30px; color: #828282; font-size: 13px; font-weight: 400; border-top: 1px solid #eeeeee; transition: color 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); } .ul-nav>li.active .er-sivs { display: block !important; } .bott_top { display: none; } .searchbox { padding: 15px; background: #fff; width: 100%; top: 105px; border-top: 2px solid #d01b12; text-align: center; z-index: 44; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; position: fixed; } .searchbox.active { top: 73px; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; } .displaynone { display: none; } .searchs { max-width: 600px; margin: 0 auto; } .clearfix { zoom: 1; } .searchs .sertext { display: block; padding: 0; outline: 0; padding-left: 12px; width: 78%; float: left; border: 1px solid #cdcdcd; color: #a2a2a2; font-size: 12px; height: 52px; line-height: 52px; transition: 0.4s; } .serbtn { padding: 0; margin: 0; border: none; outline: 0; width: 22%; float: right; height: 52px; text-align: center; line-height: 52px; background: #d01b12; color: #fff; font-size: 15px; cursor: pointer; transition: 0.44s; } .phone { box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); display: none; top: 0; position: fixed; background: #ffffff; z-index: 99; line-height: 60px; width: 100%; } .phone i { font-size: 20px; color: #d01b12; } .sidebar-menu { display: none; position: fixed; top: 0; bottom: 0; right: 0; width: 250px; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; background: #d01b12; transition: right 0.5s; z-index: 99999; } .sidebar-menu.is-active { display: block; transition: right 0.5s; } .sidebar-menu__item .sib-a { padding: 10px 0px 10px 25px; color: #828282; font-size: 13px; width: 50%; } .sidebar-menu__link.icon-icon { width: 50%; text-align: right; color: #dadada; } .sidebar-menu__header { height: 50px; background: transparent; z-index: auto; position: relative; display: block; padding: 20px 25px; height: 100%; width: 100%; color: #fff; } .sidebar-menu__title { color: #ccc; font-size: 15px; font-weight: 400; text-transform: uppercase; } .sidebar-menu__title>i { display: inline-block; float: right; font-size: 28px; line-height: inherit; } .sidebar-menu__title:active, .sidebar-menu__title:focus, .sidebar-menu__title:hover { color: #fff; text-decoration: none; } .sidebar-menu__title::first-letter { text-transform: uppercase; } .sidebar-menu__title::before { content: "\e907"; display: block; position: absolute; top: 50%; right: 20px; margin-top: -10px; color: #fff; font-size: 20px; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; letter-spacing: 0; font-feature-settings: "liga"1; font-variant-ligatures: discretionary-ligatures; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; all: unset; } .sidebar-menu__list { position: fixed; top: 61px; right: 0; bottom: 0; margin: 0; padding: 0; width: 250px; list-style: none; background-color: #fff; transition: right 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); } .sidebar-menu__item { padding: 0; width: 100%; border-bottom: 1px solid #eeeeee; } .colos { line-height: 70px; } .sidebar-menu__item:first-child { border-top: 0; } .sidebar-menu__item.sidebar-menu__item--back, .sidebar-menu__item.sidebar-menu__item--back:hover, .sidebar-menu__link.sidebar-menu__subtitle { background-color: #6397be !important; } .sidebar-menu__item.sidebar-menu__item--back .sidebar-menu__link { color: #fff !important; } .sidebar-menu__item:hover { background-color: #fff; cursor: pointer; } .sidebar-menu__item:hover>.sidebar-menu__link { color: #6e6e6e; } .phone_i { display: inline-block; line-height: 60px; padding: 0 15px; } .sidebar-menu__item:hover>.sidebar-menu__link .glyphicon-menu-right { color: #6e6e6e; } .sidebar-menu__item .sidebar-menu__list { position: absolute; top: 0; right: 0; z-index: 1; transform: translateX(300px); transition: transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); } .sidebar-menu__item .sidebar-menu__list.is-active { transform: translateX(0); } .sidebar-menu__item .sidebar-menu__list .sidebar-menu__list { z-index: 2; } .sidebar-menu__item .sidebar-menu__list .sidebar-menu__list .sidebar-menu__list { z-index: 3; } .sidebar-menu__item .sidebar-menu__list .sidebar-menu__list .sidebar-menu__list .sidebar-menu__list { z-index: 4; } .sidebar-menu__link { display: block; padding: 10px 25px; color: #828282; font-size: 13px; font-weight: 400; transition: color 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); } .sidebar-menu__link::first-letter { text-transform: uppercase; } .sidebar-menu__link:active, .sidebar-menu__link:focus, .sidebar-menu__link:hover { text-decoration: none; } .sidebar-menu__link span.glyphicon-menu-left { float: left; font-size: 12px; color: #fff; line-height: 20px; margin-right: 4px; } .sidebar-menu__link .glyphicon-menu-right { color: #bababa; float: right; } .fangan-ers-div.er-sivs .sna-ul li { width: 25%; } .rightfix { position: fixed; top: 22.125rem; right: 5%; width: 70px; /* border: 1px solid #c81624; */ border-right: none; z-index: 99; background: #fff; } .fix_ul li { font-size: 0.75rem; background: #d01b12; text-align: center; float: none; position: relative; cursor: pointer; width: 70px; height: 70px; padding-top: 0.625rem; border-top: 0.0625rem solid #dee2e7; margin-bottom: 0rem; color: #fff; } .fix_ul li:nth-of-type(1) { border-top: none; } .fix_ul li i { font-size: 1.25rem; color: #fff; } .fix_ul li a p { color: #fff; font-size: 0.8125rem; } .right_div { position: absolute; right: 70px; top: 0rem; transform: scale(0); -ms-transform: scale(0); /* IE 9 */ -moz-transform: scale(0); /* Firefox */ -webkit-transform: scale(0); /* Safari 和 Chrome */ -o-transform: scale(0); background: #fff; padding: 0.3125rem; line-height: 3.75rem; transition: all 0.2s ease-in-out; min-width: 7.5rem; border: 1px solid #eeeeee; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; } .fix_ul li:hover a { color: #848484; } .fix_ul li:hover .right_div { transform: scale(1); -ms-transform: scale(1); /* IE 9 */ -moz-transform: scale(1); /* Firefox */ -webkit-transform: scale(1); /* Safari 和 Chrome */ -o-transform: scale(1); transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; /* Firefox 4 */ -webkit-transition: 400ms ease-in-out; /* Safari and Chrome */ -o-transition: 400ms ease-in-out; } .fix_ul li:hover { background: #fff; border: 1px solid #d01b12; } .fix_ul li:hover p, .fix_ul li:hover i { color: #d01b12; } /* 一键导航 */ .mobile-foot { display: none; background: #d01b12; padding: 8px 0; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999; } .mobile-foot a { color: #fff; height: 35px; line-height: 33px; border: 1px solid #fff; border-radius: 4px; text-align: center; width: 22%; padding: 0 15px; font-size: 0.8125rem; margin: 0 5px; transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; padding: 0px; } .btn { display: inline-block; margin-bottom: 0; font-size: 0.875rem; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid transparent; } .pull-right { float: right; } .pull-left { float: left; } .product-huod { padding-top: 4rem; } .dnayes { padding-bottom: 3rem; } .index-video-con { cursor: pointer; } .foldong { position: relative; background: url(/images/75.jpg) no-repeat; background-attachment: fixed; background-size: cover; background-position: center center; height: 31.25rem; } .foldong1 { position: relative; background: url(/images/73.jpg) no-repeat; background-attachment: fixed; background-size: cover; background-position: center center; height: 31.25rem; } /* 商城 */ .xiaodna { background-color: #f5f5f5; padding: 4.8125rem 0 3.125rem; margin-top: 4.375rem; } .xiaodna-div .xiaodan-ul { line-height: 2.8125rem; font-size: 1.0625rem; letter-spacing: 0rem; color: #6b6b6b; } .xiaodna-div .xiaodan-ul li span { width: 0.375rem; height: 0.375rem; background-color: #d01b12; display: inline-block; position: relative; top: -0.1875rem; margin-right: 0.625rem; } .xiaodna-div .xiaodan-ul li strong { color: #000000; } .biaozhang-ul li { float: left; width: 33.33%; padding: 2.6875rem 1.625rem; position: relative; } .biaozhang-ul li:after { content: ''; position: absolute; width: 0.0625rem; height: 5rem; right: 0; background-color: #d9d9d9; bottom: 2.6875rem; } .biaozhang-ul li:nth-child(3n)::after { opacity: 0; } .biaozhang-ul li .fl { width: 20%; } .biaozhang-ul li .fr { width: 75%; } .biaozhang-ul li .fr .title { font-size: 1.25rem; line-height: 2.5rem; color: #000000; } .biaozhang-ul li .fr .ys1 { font-size: 1rem; line-height: 1.875rem; color: #6b6b6b; } .peizhi-ban { padding: 5.625rem 0; } .peizhi-ban .title { font-size: 2.375rem; color: #fff; } .peizhi-ban .mores a { color: #FFFFFF; background-color: #e60012; border: 1px solid transparent; } .peizhi-ban .mores a:hover { box-shadow: inset 0 0 0rem 1.875rem rgb(0, 0, 0); border: 1px solid #FFFFFF; } .peizhi-ban .mores { margin-top: 2.1875rem; } .miaoshan { margin-top: 1rem; } .zhang-divs { height: 90px; overflow: hidden; } .zhang-divs.active { height: auto; } .functions-con3 { background-color: #efefef; } .functions-con3 .swiper-slide { padding: 2.5rem; } .functions-con3 .swiper-slide .p2 { height: 48px; } .download-center-div .zhankai-a { margin-bottom: 40px; } .download-center-div .zerens { height: 586px; overflow: hidden; padding-bottom: 0; } .download-center-div.active .zerens { height: auto; } .ziliaos { background: #f1f1f1; } .footer .footer-top .divfoot1 { min-width: 8%; } .logo-ul li { font-size: 17px; line-height: 34px; padding-left: 100px; color: #646464; height: 68px; margin: 35px 0; display: flex; align-items: center; } .logo-ul li .log-imgs { top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari 和 Chrome */ -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; } .ju-div { display: flex; display: -moz-box; /* Firefox */ display: -ms-flexbox; /* IE10 */ display: -webkit-box; /* Safari */ display: -webkit-flex; /* Chrome, WebKit */ align-items: center; height: 344px; justify-content: center; } .pingpai-div { background-color: #f2f5f8; padding-top: 80px; } .pingpai-div .col-sm-6 { margin-bottom: 1.875rem; } .qiyuans { font-size: 17px; line-height: 34px; color: #000000; margin-top: 30px; } .q1iyuan-divs { font-size: 16px; line-height: 34px; height: 68px; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; letter-spacing: 0px; color: #646464; } .nina-divs { font-size: 17px; line-height: 33px; letter-spacing: 1px; color: #5e5e5e; margin-bottom: 50px; } .gou-divs { font-size: 21px; line-height: 45px; letter-spacing: 0px; margin-top: 25px; color: #ffffff; } .juli-divs { margin-bottom: 40px; } .pings-lunbo .swiper-button-next, .pings-lunbo .swiper-button-prev { width: 70px; height: 70px; } .pings-lunbo .swiper-button-next { background-image: url(/images/88.png) !important; background-size: 100% 100% !important; right: 0; margin-top: -30px; } .pings-lunbo .swiper-button-prev { background-image: url(/images/87.png) !important; background-size: 100% 100% !important; left: 0; margin-top: -30px; } @media (max-width: 1600px) {} @media (max-width: 1500px) { .banner_ico .swiper-pagination { width: 13%; } .masterpiece-lunbo .swiper-slide .bot-divs .yaso { line-height: 1.7rem; height: 6.8rem; -webkit-line-clamp: 4; } .product-huod { padding-top: 3.5rem; } .abou-con .shu-s-ul { width: 100%; margin-left: 0; padding-top: 0; } .shu-s-ul li .shu-yao { margin-top: 0; } .shu-s-ul li { padding: .5rem 0; } .programme-uld li>.fl { padding: 2rem; } .programme-uld li .title { font-size: 2.0625rem; margin-bottom: 1.75rem; } .biaoti { font-size: 1.5rem; } .ul-nav>li { margin: 0 0.9375rem; } .programme-uld li>.fl { width: 45%; margin-left: 5%; } .programme-uld li:nth-child(2n)>.fl { width: 45%; margin-right: 5%; } .programme-uld li .title { font-size: 1.5rem; } } @media (max-width: 1366px) { .intelligence-ul li>.le { padding: 2%; width: 45%; margin-left: 5%; } .intelligence-ul li:nth-child(2n)>.le { margin-right: 5%; } } @media (max-width: 1360px) { .ul-nav>li>a { font-size: 1rem; } .ul-nav>li { margin: 0 1rem; } } @media (max-width: 1200px) { .top-design .swiper-slide { padding: 1.25rem; } .download-center-div .zerens { height: 397px; } .masterpiece-lunbo .swiper-slide .bot-divs { padding: 1.125rem; } .intelligence-ul li>.le { width: 50%; margin-left: 0%; } .intelligence-ul li:nth-child(2n)>.le { margin-right: 0%; } .posvide .posvide-ul li a { padding: 0 1.5rem; } .shu-s-ul li { padding: 0rem 0; } .shu-s-ul li .hsu-img { padding: 1rem 1rem 1rem 4rem; } html { font-size: 14px; } .ul-nav>li { margin: 0 0.625rem; } .daohangs { padding: 0 1.25rem; } .ul-nav>li>a { font-size: 1.125rem; } .footer .footer-top .divfoot { margin-right: 1%; } } @media (max-width: 990px) { .shu-s-ul li .sgu-img { left: 0; } .banner-xiaan { display: none; } .phone { display: block; } body { padding-top: 62px; } .banner_siae p:nth-of-type(1) { font-size: 1.75rem; text-align: center; } .banner_ico .swiper-pagination { width: 20%; left: 54%; } .link-top .lin-div { height: auto; } .shu-s-ul li .sgu-img img { width: 70%; } .message_inp>div:nth-of-type(2) { width: 64%; } .message_inp>div:nth-of-type(1) { width: 30%; } .shu-s-ul li .titlq { font-size: 1.5rem; } .support-uls li .titles { font-size: 1.2rem; } .zhu-titlte { font-size: 1.8rem; margin: 1.4375rem 0 1.75rem; } .product-list .ree .bot-divs .pp1 { font-size: 1.5rem; } html { font-size: 13px; } .daohangs { display: none; } .ban { height: 21.25rem; } .posvide { display: none; } .programme-uld li .yaso { -webkit-line-clamp: 2; } .ban-fangan { height: 3.125rem; } .content { padding-top: 1.5rem; } .product-huod { padding-top: 2.5rem; } .zen-a .reid .yaos { -webkit-line-clamp: 1; height: 1.875rem; } } @media (max-width: 767px) { .index-video-con { margin-top: 0.125rem; position: relative; height: 140px; width: 100%; overflow: hidden; } .index-video-con>img { width: 170% !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 170%; } .brand-power .shu-s-ul li:nth-of-type(1) { padding: 17px 0px; } .shu-s-ul li .titlq { font-size: 1rem; } .shu-s-ul li:nth-child(odd) .hsu-img { border-right: 0; } .about-usa { text-align: justify; } .mobile-foot { display: block; } .foldong1, .foldong { height: 13.25rem; } .branch .gang select { width: 80%; } .download-center-div .zerens { height: 324px; } .rightfix { display: none; } .link-top .lin-div { margin-bottom: 30px; } .ban { height: 15.25rem; } body { padding-bottom: 50px; } .footer .footer-top { padding: 1.25rem; } .footer .footer-top .divfoot1 { width: 50%; } .footer .footer-top .divfoot .foot-ul1 li { width: 50%; } .footer .footer-top .divfoot2, .footer-top .row .divfoot:nth-child(1), .footer-top .row .divfoot:nth-child(2) { display: none; } .content { padding: 3rem 1.25rem; } .cooper-div-top { border: none; } .case-boot { margin: 1.25rem 0; } .ban .ban-zi { font-size: 2rem; } .product-list .le { width: 100%; } .product-list .ree { width: 100%; } .product-list .le .bisn, .product-list .product-list-uls li>.fl .titles { font-size: 1.5rem; } .product-list .product-list-uls li>.fr { width: 100%; margin-top: 1.25rem; } .product-list .product-list-uls li>.fl { width: 100%; } .product-list .ree .bot-divs .pp2 { text-align: center; } .relevant-cases { padding: 1.25rem; } .zhu-titlte { font-size: 1.5rem; color: #000000; margin: 1rem 0 1rem; } .footer .foot-bot { line-height: 2; padding: 1.25rem; } .pro-bans .ban-zi .p1 { font-size: 1.5rem; } .pro-bans .ban-zi { padding: .875rem; width: 100%; left: 0; position: relative; -ms-transform: translateY(0%); -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); top: auto; } .pro-bans .ban-zi .p2 { font-size: 1rem; } .ban .weizhi { display: none; } .prod-information { padding: 1.25rem; } .prod-information .prod-information-div .p1 { font-size: 1.375rem; } .prod-information .prod-information-div { margin: 1.875rem 0 0.75rem; } #a2 { padding: 1.25rem; } .product-parameters .product-parameters-con { padding: 1.25rem; } .smart-service, .product-decoration, .applicable-solutions { padding: 3rem 1.25rem; } .product-decoration .swiper-slide .overh>a img { width: 100%; } .programme-uld li>.fl, .programme-uld li:nth-child(2n)>.fl { float: left; } .programme-uld li>.fr, .programme-uld li:nth-child(2n)>.fr { float: right; } .programme-uld li>.fl, .programme-uld li>.fr { width: 100%; } .programme-uld li:nth-child(2n)>.fl { width: 100%; margin-right: 0; } .programme-uld li>.fl { margin-left: 0; } .programme-uld { margin: 0; padding: 3rem 1.25rem; background-color: #eceae8; } .programme-uld li { margin-bottom: 1.25rem; overflow: hidden; } .customer { padding: 3rem 1.25rem; } .customer .pp1 { font-size: 1.5rem; } .customer .pp2 { font-size: 1.2rem; margin: 0.8rem; line-height: 1.5; } .biaoti { font-size: 1.5rem; } .ban-fangan { display: none; } .support-uls li { width: 100%; } .related-products { margin-top: 2rem; padding: 3rem 1.25rem; } .related-products .swiper-slide .fl { width: 100%; padding: 1rem; } .related-products .swiper-slide .fr { width: 100%; } .message_inp>div:nth-of-type(1) { width: 100%; float: none; text-align: left; line-height: 35px; } .message_inp>div:nth-of-type(2) { width: 100%; float: none; } .message_text div:nth-of-type(1), .message_er>div:nth-of-type(1) { width: 100%; float: none; text-align: left; } .message_text div:nth-of-type(2), .message_er>div:nth-of-type(2) { width: 100%; float: none; } .message_er>div input, .message_inp>div input { line-height: 45px; height: 45px; } .message_er { margin: 0px 0; } .message_er>div:nth-of-type(1), .message_text div:nth-of-type(1) { line-height: 45px; } .message_text div textarea { height: 120px; } .message_butt { width: 100%; } .message_butt div button { color: #fff; font-size: 1rem; line-height: 40px; padding: 0 45px; } .message_butt div:nth-of-type(2) { line-height: 30px; } .message_fom { margin: 0; padding: 1.25rem 0; } .pro-selection .title { font-size: 1.5rem; } .pro-selection { padding: 3rem 1.25rem; } .industry-ul li .doa { font-size: 1.2rem; } .fuwus-ul li>div { width: 100%; } .fuwus-ul li>.fr { position: relative; top: 0%; -ms-transform: translateY(0%); -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); padding: 1.25rem 0; } .fuwus-ul li:nth-child(odd)>.fr { padding-left: 0; } .fuwus-ul li:nth-child(even)>.fr { padding-right: 0; } .history .his-left-ul { width: 100%; } .history .his-right-div { width: 100%; margin-top: 1.25rem; } .abou-us1 { padding: 3rem 1.25rem; text-align: justify; } .shu-con { padding: 3rem 0; } .shu-con .yao { margin-bottom: 1.25rem; } .shu-con .su-c { font-size: 1.5rem; margin: 0.5rem 0; } .fazhangli .gallery-top .swiper-slide>.fl { width: 100%; } .fazhangli .gallery-top .swiper-slide>.fr { width: 100%; padding: 1.25rem 1.25rem 7rem 1.25rem; } .fazhangli .gallery-top .swiper-slide>.fr .yaos { margin-top: .5rem; } .fazhangli { padding: 2.5rem 0.625rem; } .qualification { padding: 3rem 1.25rem; } .zeren-con { padding: 2.5rem 0.625rem; } .zen-a .reid { width: 100%; } .zen-a .overh { width: 100%; } .zen-a { margin-bottom: 0.25rem; } .product-huod .ners { font-size: 1rem; } .product-huod { padding: 2.5rem 1.25rem; margin-top: .5rem; height: auto; } .product-huod .ners p { font-size: 1.2rem; } .hezuo-ban ul li { width: 100%; } .hezuo-ban ul li .tairl { font-size: 1.5rem; } .intelligence-ul li>.le { width: 100%; } .intelligence-ul li>.re { width: 100%; } .intelligence-ul { padding: 0rem 1.25rem; } .intelligence-ul li>.le { padding: 1.25rem; } .functions-con { padding: 3rem 1.25rem; } .functions-con .swiper-container { padding: 1rem 0; } .interaction-uls li .titls { font-size: 1.2rem; } .gang .sou { width: auto; margin-top: 0.5rem; } .gang select { margin-right: 0; } .branch .gang form .bann { margin-top: 0.5rem; } .jie-divs { padding: 3rem 0rem 0 0; margin: 0; } .jie-divs .table-responsive .table tbody tr td { padding: 0 1.25rem; } .link-top { margin-bottom: 0; } .link-top .tr { text-align: center; } .shiming { margin: 0; } .biaodan .inp-div .zhuyi { width: 100%; line-height: 25px; margin-left: 0; margin-top: 1rem; } .xing-bots { margin: 0; } .shang { width: 100%; } .investments-ul li .investments-ul-div>div { width: 100%; } .investments-ul li .gaishu-title { padding: 0; } .investments-ul li .investments-ul-div>div.fl { margin-bottom: 20px; } .recreational-div { margin-bottom: 0.375rem; } .recreational-div .col-sm-4 { padding: 1rem; } .gang select { margin-right: 5px; } .recruitment-xiao { padding: 1.25rem; margin-bottom: 0; } .recruitment-xiao .xiao-zhao-con { margin-top: 1.25rem; } .recruitment-xiao .xiao-zhao-con .xia-zha-ul li { padding: 1.25rem; } .recruitment-xiao .xiao-zhao-con .xia-zha-ul li a .fl .shenx { display: none; } .recruitment-xiao .xiao-zhao-con .xia-zha-ul li a .fl { width: 60%; } .recruitment-xiao .xiao-zhao-con .xia-zha-ul li a .fr { width: 40%; } .xz-liuc li { width: 50%; } .zhao-xinghs .z-uls { padding: 1.25rem; } .zhao-xinghs .z-uls li { width: 50%; } .zhao-xinghs { padding: 1.25rem; } .new-lista li .new-tops { padding: 0 1.25rem; } .new-lista li .new-bots { padding: 1.25rem; } .snji-ul { display: none; } .joinus { padding: 1.25rem 0; } .sociology_bott { padding: 1.25rem; } .sociology_col span:last-child, .sociology_top>span:last-child { display: none; } .sociology_top>span, .sociology_col span { width: 20%; } .sociology_bott a { margin-top: 0; } .recruitment-xiao .biaoti { margin-top: 2rem; margin-bottom: 1rem; } .yuangong-div { margin-bottom: 1.25rem; } .linian-ul li>div { width: 100%; float: none; margin-bottom: 1.25rem; } .brand-power { padding: 1.25rem; } .banner_siae p:nth-of-type(2) { display: none; } .banner_siae p:nth-of-type(1) { font-size: 1.5rem; } .banner_ico .swiper-pagination { width: 100%; margin-top: -6px; } .brand-power .shu-s-ul li { width: 33.33%; } .brand-power .shu-s-ul li:nth-child(2) .hsu-img { border-right: none; } .top-design { padding: 1.25rem; } .index-solution { padding: 1.25rem; } .index-solution-con .le-left { width: 100%; } .index-solution-con .le-con { width: 100%; } .index-solution-con .fr-right { width: 100%; } .index-solution-con .le-left .bot-div>div { width: 100%; } .index-solution-con .index-solution-a .title { left: 1.25rem; bottom: 1rem; } .masterpiece, .corporate-news { padding: 3rem 1.25rem; } .masterpiece-lunbo .swiper-slide .overh { width: 100%; } .masterpiece-lunbo .swiper-slide .bot-divs { width: 100%; } .maintenance { height: auto; } .doubt-div { margin-top: 1rem; padding: 1.25rem; } .doubt-div .fl { width: 100%; } .doubt-div .fr { width: 100%; padding-right: 60px; } .doubt-div .fr .p3 { font-size: 1.5rem; } .shu-s-ul li .hsu-img { padding: 1rem 0rem 1rem 4rem; } .box-top { padding: 0rem; } .case-boot { margin: 1.25rem -15px; } .industry-ul li .doa { padding: 0 2rem 0 0; } .fazhangli .gallery-top .jiantou { width: 100%; } .accounting { padding: 1.25rem; } .honor_col_wid { width: 49%; margin-right: 2%; margin-bottom: 2%; } .honor_col_wid:nth-child(4n) { margin-right: 2%; } .honor_col_wid:nth-child(2n) { margin-right: 0; } .bigImg { width: 65%; } .banner_ico .iconfont { left: 34.5%; margin-bottom: -11px; display: none; } .banner_ico .swiper-pagination { margin-top: 7px; left: 0px; } .banner_ico .swiper-pagination { transform: translateX(0%); } .br1-yao { text-align: justify; } .biaozhang-ul li { width: 100%; } .peizhi-ban .title { font-size: 1.5rem; } .peizhi-ban .mores { margin-top: 1.1875rem; } .xiaodna { margin-top: 0%; padding: 3rem 1.25rem; } .biaozhang-ul li { padding: 1rem 0; } .biaoti { margin-bottom: 1.1875rem; } .functions-con3 .swiper-slide .p2 { height: 57px; } .functions-con3 .swiper-slide { padding: 1.25rem; } .functions-con3 .swiper-slide .p2 { height: 95px; } .product-book .title { font-size: 1.5rem; } .product-book { height: auto; padding: 5rem 1.25rem; } .dianhas { width: 100%; padding-left: 0; } .footer .footer-top .divfoot1 { width: 100%; margin-bottom: 20px; } } @media (min-width: 768px) { #myModals .modal-dialog { width: 45%; margin: 7% auto; } } .pagebar { width: 100%; margin: auto; color: #888888; text-align: center; font-size: 14px; overflow: hidden; } .pagebar i { font-size: 22px; } .pageborder { width: 45px; height: 45px; border: 1px solid #CFD8DC; display: inline-block; line-height: 46px; } .pagebar a { display: inline-block; height: 26px; line-height: 26px; padding: 0px 14px; text-align: center; color: rgb(0, 0, 0); background-color: rgb(238, 238, 238); font-family: 微软雅黑, 宋体; font-size: 12px; } .pagebar span { display: inline-block; height: 26px; line-height: 26px; padding: 0px 14px; text-align: center; color: #ffffff; background-color: #d01b12; } .pagebar a:hover { color: #ffffff; background-color: #d01b12; text-decoration: none; } .pageborder a i { font-size: 22px; line-height: 40px; } .pagetext { width: 45px; line-height: 45px; display: inline-block; font-size: 18px; } .pageinput { box-shadow: none; width: 45px; height: 45px; font-size: 18px; text-align: center; line-height: 40px; color: #ff5500; border: 1px solid #CFD8DC; display: inline-block; } .no_data { text-align: center; font-size: 1.4rem; } .index-video-con>img { width: 100%; } .banner_siae { display: none; } .product-parameters-con>div:nth-child(2) tr { border-bottom: 1px solid #eeeeee; text-align: center; } .product-parameters-con>div:nth-child(2) { border: 1px solid #eeeeee; border-bottom: none; } .product-parameters-con>div:nth-child(2) tr td { border-left: 1px solid #eeeeee; } @media (min-width: 768px) { #prolunbo1 .modal-dialog { width: 80%; margin: 30px auto; } } .banns1 { height: auto; } .banns1 .weizhi { position: absolute; top: 0; } .functions-con2 { display: none; } .relevant-cases { display: none; } .baozhangs { font-size: 1.0625rem; line-height: 2.0625rem; color: #5e5e5e; } .baozhangs li { margin-bottom: 20px; } .baozhangs li h4 { font-weight: bold; margin-bottom: 5px; color: #000; } .content { overflow: hidden; } .c-top { overflow: hidden; padding-bottom: 80px; border-bottom: 1px solid #eee; } .c-top h3 { text-align: center; font-size: 24px; color: #333; font-weight: normal; } .c-top ul { max-width: 1180px; margin: 0 auto; overflow: hidden; margin-top: 59px; } .c-top ul li { float: left; width: calc(49% - 2px); margin-left: 2%; background: #f9f9f9; border: 1px solid #eee; } .c-top ul li:nth-of-type(1) { margin-left: 0; } .c-top ul li .pic { width: 45%; height: 260px; float: left; background-size: cover; background-repeat: no-repeat; background-position: center; margin-right: 39px; } .c-top ul li h4 { font-size: 24px; color: #333; font-weight: normal; margin-top: 68px; margin-bottom: 30px; } .c-top ul li h4 i { font-size: 25px; margin-right: 10px; } .c-top ul li p { font-size: 14px; color: #999; line-height: 30px; width: 40%; float: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } .c-top ul li:last-child h4 i { font-size: 25px; float: left; margin-top: 6px; } .c-body { background: url('../images/znyw/c-bg_03.jpg') repeat; padding-top: 80px; padding-bottom: 60px; } .c-body .y-top { overflow: hidden; margin-top: 80px; margin-bottom: 20px; max-width: 1180px; margin: 0 auto; } .c-body .y-top ul li { width: 32%; float: left; margin-left: 2%; background: #f9f9f9; text-align: center; border: 1px solid #eee; box-sizing: border-box; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position: relative; min-height: 320px; max-height: 327px; margin-bottom: 20px; } .c-body .y-top ul li:nth-of-type(2n-1) { margin-left: 0; } .c-body .y-top ul li.width49 { width: 49%; } .c-body .y-top ul li .middel-icon { margin: 45px 0; margin-bottom: 30px; } .c-body .y-top ul li .middel-icon i { color: #333; font-size: 26px; } .c-body .y-top ul li h3 { font-size: 24px; color: #333; font-weight: normal; } .c-body .y-top ul li p { font-size: 14px; color: #999; line-height: 27px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; width: 80%; margin: 0 auto; margin-top: 25px; } .c-body .y-top ul li.width49 p { width: 50%; } .c-body .y-top ul li:hover { background: #cf0f37; border: 1px solid #cf0f37; } .c-body .y-top ul li:hover h3 { color: #fff !important; } .c-body .y-top ul li:hover p { color: #fff; } .c-body .y-top ul li:hover i { color: #fff !important; } .c-body .y-top ul li i.icon-youjiantou { color: #333; font-weight: bold; margin-top: 38px; display: block; position: absolute; bottom: 43px; width: 100%; text-align: center; } .procase .fuwus-ul { overflow: hidden; } .procase .fuwus-ul li { width: 49%; float: left; } .procase .fuwus-ul li>div { width: 100%; } .procase .fuwus-ul li>.fr { position: relative; top: 0%; -ms-transform: translateY(0%); -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); padding-left: 0; } @media(max-width:767px) { .c-top ul li { width: 100%; margin-bottom: 20px; } .c-top h3 { font-size: 19px; } .c-top ul { margin-top: 20px; } .c-top ul li h4 { font-size: 16px; color: #333; font-weight: normal; margin-top: 65px; margin-bottom: 14px; } .c-top ul li p { line-height: 24px; } .c-top { padding-bottom: 30px; } .functions-con3 .swiper-slide .p2 { height: 114px; } .product-list { padding-bottom: 1.125rem; } } .menulist { width: calc(100% - 199px); } .menulist>ul { width: calc(90% - 156px); display: flex; flex-direction: row; justify-content: center; } .ul-nav>li:nth-child(1) .er-sivs .sna-ul>li:nth-child(1) .sna-div-left { display: block; width: 50%; float: left; } .ul-nav>li:nth-child(1) .er-sivs .sna-ul>li:nth-child(1) .sna-div-right { display: block; width: 40%; float: right; } .ul-nav>li:nth-child(1) .er-sivs .sna-ul>li:nth-child(2) .sna-div-left { display: block; width: 50%; float: left; } .ul-nav>li:nth-child(1) .er-sivs .sna-ul>li:nth-child(2) .sna-div-right { display: block; width: 40%; float: right; } .ul-nav>li:nth-child(5) .er-sivs .sna-ul>li:nth-child(1) .sna-div-left { display: block; width: 50%; float: left; } .ul-nav>li:nth-child(5) .er-sivs .sna-ul>li:nth-child(1) .sna-div-right { display: block; width: 40%; float: right; } /* 李 20210525 */ .round-solutions { padding-bottom: 118px; margin-top: 40px; } .round-solutions .pp1 { font-size: 1.4375rem; line-height: 45px; color: #d01b12; } .round-solutions .pp2 { font-size: 1rem; margin-top: 20px; line-height: 28px; letter-spacing: 0px; color: #6b6b6b; } .round-solutions .pp2 span { color: #d01b12; } .round-solutions .div3 { margin-top: 20px; } .round-solutions .pp3 { margin-top: 20px; font-size: 1rem; text-align: center; margin-top: 20px; line-height: 28px; letter-spacing: 0px; color: #6b6b6b; } .four-service { background-color: #efefef; padding: 80px 0; } .content-sj { padding-bottom: 110px; } .four-service-con { margin-top: 45px; } .four-service-con .p1 { font-size: 1.25rem; color: #000000; } .four-service-con .div1 { font-size: 1rem; line-height: 30px; color: #616161; } .four-service-bot { padding: 40px 20px; } .some-cases .some-cases-lunbo .swiper-slide .title { font-size: 1.3125rem; line-height: 53px; letter-spacing: 0px; color: #000000; height: 53px; padding: 0 27px; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; } .some-cases .some-cases-lunbo .swiper-slide .title a { color: #000000; } .some-cases .some-cases-lunbo .swiper-slide:hover .title a { color: #c30006; } .retrofitting-div .prod-information-div { margin-bottom: 0; } @media(max-width:767px) { .product-parameters .product-parameters-con table tbody tr td { padding: 5px; line-height: 19px; } .some-cases { padding: 30px 15px; } } .lunbo-jiankas .swiper-button-next, .lunbo-jiankas .swiper-button-prev { background: transparent !important; width: auto !important; height: auto !important; opacity: .5; } .lunbo-jiankas .swiper-button-next { right: 0; } .lunbo-jiankas .swiper-button-prev { left: 0; } .lunbo-jiankas .swiper-slide img { width: 100%; } .lunbo-jiankas .swiper-container { padding: 0 50px; } .case-boot .case-a .bot-divs .data, .masterpiece-lunbo .swiper-slide .bot-divs .data { display: none; } .masterpiece-lunbo .swiper-slide .bot-divs .yaso { margin-top: 15px; } .phone1 { display: none; } @media(max-width:767px) { .shu-s-ul li .sgu-img { position: static; top: 0%; -ms-transform: translateY(0%); -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } .shu-s-ul li .sgu-img img { width: 45px; } .shu-s-ul li .hsu-img { padding-left: 0; } .brand-power .shu-s-ul li:nth-of-type(1) { width: 20%; } .brand-power .shu-s-ul li:nth-of-type(2) { margin: 0 5%; } .brand-power .shu-s-ul li { width: 35%; } .shu-s-ul li .titlq { height: 36px; margin-top: 10px; } .brand-power .shu-s-ul li:nth-of-type(1) { padding: 0; } .phone1 { display: block; } .pc { display: none; } .masterpiece-lunbo .swiper-container .swiper-pagination { display: none; } .masterpiece-lunbo .swiper-slide .bot-divs .yaso { height: auto; } .doubt-div .fr .diang-i { width: 40px; height: 40px; line-height: 40px; } .doubt-div .fr .diang-i i { font-size: 1.5rem; } } .friendlink { color:#FFF; font-size:.9rem; overflow:hidden; width:100%; } .friendlink a{ color:#FFF; font-size:.9rem; margin-right:1rem; }