/*mixin @include*/ /*%** @extend*/ .page { padding-top: 0; } .wel-banner .imgs { /*transition:5s ease-in-out;*/ } .it-active .items-bots { display: none; } @font-face { font-family: "cnfont2"; src: url("../fonts/cnfont2.woff") format("woff"), url("../fonts/cnfont2.ttf") format("truetype"), url("../fonts/cnfont2.eot") format("embedded-opentype"), url("../fonts/cnfont2.svg") format("svg"); } .cnfont2 { font-family: "cnfont2"; } .se4-box .words { /*font-family: "SourceHanSerifCN-SemiBold","鎬濇簮瀹嬩綋";*/ /*font-family: "cnfont2";*/ } .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-left { display: none !important; } .news-boxlist { font-family: "Pingfang sc regular", "Pingfang sc bold"; } .it-active { position: relative; z-index: 3; overflow: visible !important; height: auto !important; padding: 0 !important; border: none !important; } .it-active:after { display: none !important; } .it-active .items-tops { position: relative; padding-left: .65rem; padding-right: 1rem; display: block; height: 1.3rem; line-height: 1.3rem; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.1); position: relative; padding-left: .65rem; padding-right: 1rem; cursor: pointer; background: #f5f5f5; } .it-active .items-tops:before { position: absolute; content: ""; width: 10px; height: 10px; top: 0; bottom: 0; right: .8rem; margin: auto; background: url(../img/b0.png) no-repeat center; background-size: 100%; } .it-active .items-bots a { border: 1px solid #e5e5e5; display: block; height: 1.3rem; line-height: 1.3rem; position: relative; color: #666666; padding-right: .25rem; padding-left: 1.25rem; position: relative; font-size: 14px; } .it-active .items-bots a:before { position: absolute; content: ""; width: 6px; height: 6px; background: #cccccc; border-radius: 50%; left: .75rem; top: 0; bottom: 0; margin: auto; } .it-active .items-bots { width: 100%; top: 1.3rem; background: #fff; left: 0; } .aboutlist4-swiper2 .wordbox { opacity: 0; line-height: 1.25; color: #333333; text-align: center; transition: .5s ease-in-out; padding: 10px 2px; display: none; } .aboutlist4-swiper2 .wordbox .span { color: #e30b25; } .aboutlist4-swiper2 .swiper-slide { position: relative; } .aboutlist4-swiper2 .swiper-slide:before { width: 100%; height: 100%; content: ""; left: 0; top: 0; background: rgba(255, 255, 255, .5); position: absolute; transition: .5s ease-in-out; } .aboutlist4-swiper2 .swiper-slide-active:before { transition: .5s ease-in-out; opacity: 0; } .aboutlist4-swiper2 .swiper-slide-active .wordbox { transition: .5s ease-in-out; opacity: 1; display: block; } .brand-lists .lists-tops .right-logo img { width: 2.5rem; height: 2.5rem; display: inline-block; vertical-align: middle; /*-webkit-filter: grayscale(1); filter: gray; filter: grayscale(1); */ } .aboutlist4-swiper2 { width: 100%; margin: 0 auto; } .swiper-container {} .aboutlist4-swiper2 .imgs { background-size: 100%; background-repeat: no-repeat; background-position: center; } .wel-new-btnbox .items { width: 20%; height: 50px; line-height: 50px; background: rgba(255, 255, 255, .9); text-align: center; color: #4c4c4c; } .wel-new-btnbox { position: absolute; width: 100%; left: 0; bottom: 0; z-index: 5; } .wel-new-btnbox .items:nth-child(n+2) { border-left: 1px solid #d3d4d4 } .about-one .words { color: #666; } .wel-banner a { display: block; } .se3-swiper .swiper-slide .images { position: relative; } .se3-swiper .swiper-slide .images:before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, .2); display: none; } .se3-swiper .swiper-slide .vide { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 20; display: none; } .se3-swiper .swiper-slide-active .vide { display: block; } .se3-swiper .swiper-slide-active .images:before { opacity: 0; } .wel-banner .words { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; } .w1380 { width: 72%; max-width: 1380px; margin: 0 auto; } .studyinfo .industryajax-items:nth-child(3n+1) .words { background: #4d4a77 !important; } .studyinfo .industryajax-items:nth-child(3n+2) .words { background: #7a98c3 !important; } .studyinfo .industryajax-items:nth-child(3n+3) .words { background: #b06352 !important; } .con-banner .images { overflow: hidden; } .con-banner .images img.mbox { width: 220%; margin-left: -60%; max-width: none; } .wel-banner .swiper-slide-active .imgs { /*transition:5s ease-in-out;*/ /*transform:scale3d(1.2,1.2,1);*/ } /*transform*/ /*caijian*/ /*@media*/ /*@media not screen and (max-width: 1023px){}*/ .news-details { width: 910px; margin: 0 auto; padding-top: 2.5rem; padding-bottom: 2.75rem; max-width: 90%; } .news-details .time { line-height: 1; margin-top: .75rem; } .newsdetails-tit { padding: 0 1.25rem; line-height: 1.36; } .new-detailscon { color: #666666; line-height: 1.9; margin-top: .9rem; text-indent: 2em; font-family: "Microsoft Yahei", "Microsoft YaHei Light", " Source Han Serif SC", "Source Han Sans CN", "Noto Sans S Chinese Light", "Pingfang sc regular", "Pingfang sc bold", "Helvetica Neue", Helvetica, Tahoma, sans-serif; padding-bottom: 2.2rem; } .news-details-bots { height: 1.5rem; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; line-height: 1.5rem; position: relative; } .news-details-bots .back { position: absolute; width: 1.25rem; height: 1.25rem; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: url(../imgbox/i35.png) no-repeat center; background-size: 100%; } .news-details-bots .back:hover { background: url(../imgbox/i36.png) no-repeat center; background-size: 100%; } .news-details-bots .btns { display: inline-block; vertical-align: middle; height: 100%; overflow: hidden; transition: .5s ease-in-out; } .news-details-bots .btns:hover { transition: .5s ease-in-out; color: #e30b25; } .news-details-bots .prev, .news-details-bots .next { max-width: 40%; font-size: 14px; color: #666666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .video-fixed .cha { width: 40px; height: 40px; background: url(../img/jpg/close-vid2.png) #000 no-repeat center/80% auto; position: absolute; top: 40px; right: 40px; cursor: pointer; } .video-fixed { position: fixed; width: 100%; height: 100%; /*background: rgba(0, 0, 0, 0.5);*/ z-index: 230; top: 0; left: 0; cursor: pointer; display: none; transform: scale3d(0, 0, 1); transition: .8s ease-in-out; } .video-fixed.ons { transition: .8s ease-in-out; transform: scale3d(1, 1, 1); } .video-fixed .videoboxs .box { height: 100%; } .video-fixed .videoboxs { width: 80%; height: 80%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background: #000; /*padding: 30px;*/ box-sizing: border-box; } @media screen and (max-width: 1023px) { .w1380 { width: 90%; } .video-fixed .videoboxs { width: 90%; height: 90%; } } @media screen and (max-width: 767px) { .video-fixed .videoboxs { width: 100%; height: 80%; bottom: 0; margin: auto; } .video-fixed .cha { right: .2rem; top: -1.2rem; width: 1rem; height: 1rem; } } /**/ .m-header { height: 50px; width: 100%; position: absolute; width: 100%; } .search-dialog { position: absolute; right: 23.177%; top: 50%; transform: translateY(-50%); display: none; z-index: 20; } .search-dialog .search-close { position: absolute; width: .55rem; height: 30px; background-repeat: no-repeat; background-position: center; background-size: 100%; background-image: url(../img/jpg/search-close.png); right: -2.2rem; top: 50%; margin-top: -15px; } .search-dialog .search { width: 11.9rem; border: 1px solid #cac9c9; padding: .1rem .2rem; border-radius: 4px; } .search-dialog .search input[type=text] { float: left; width: calc(100% - 20px); height: 30px; line-height: 30px; font-size: .45rem; color: #cac9c9; background-color: transparent; } .search-dialog .search input[type=submit] { float: right; width: 15px; height: 35px; background-repeat: no-repeat; background-size: 100%; background-image: url(../img/search.svg); background-color: transparent; background-position: center; } .m-header .w-header.fixed { width: 100%; position: fixed; top: 0; transition: .5s ease-in-out; left: 0; } .m-header .w-header { position: absolute; width: 100%; padding: 0 25px; box-sizing: border-box; z-index: 24; height: 50px; transition: .5s ease-in-out; z-index: 300; background: #fff; } .m-header .welcome-a img { height: 30px; vertical-align: middle; display: inline-block; transition: .5s ease-in-out; } .m-header .welcome-a .icobox { line-height: 1; display: inline-block; vertical-align: middle; font-size: 12px; } .m-header .welcome-a .i1 { position: absolute; left: 0; top: 0; bottom: 0; margin: auto; opacity: 0; z-index: 1; } .m-header .w-header .nav-btn .hover .line2 { display: none; } .m-header .w-header.fixed .nav-btn .line { background: #333; transition: .5s ease-in-out; } .m-header .w-header.fixed { background: #fff; } .m-header .w-header.fixed .welcome-a .i0 { opacity: 0; } .m-header .w-header.fixed .welcome-a .i1 { opacity: 1; } .m-header .w-header.fixed .welcome-a img { transition: .5s ease-in-out; } .m-header .w-header.fixed .nav-sousuo svg path { fill: #333; /*color:#333;*/ transition: .5s ease-in-out; } .m-header .welcome-a { display: block; /*width: 165px;*/ height: 100%; line-height: 50px; position: relative; } .m-header .search-cover { float: right; width: 35px; height: 48px; display: block; line-height: 48px; } .m-header .search-cover img { width: 100%; vertical-align: middle; } .m-header .nav-sousuo { margin-right: 28px; margin-left: 25px; font-size: 0; color: #fff; line-height: 50px; height: 50px; background-size: 100%; width: 40px; transition: .5s ease-in-out; background: url(../imgbox/search.png) no-repeat center; background-size: 70%; } .m-header .nav-sousuo svg { height: 25px; height: 25px; display: inline-block; vertical-align: middle; } .m-header .nav-sousuo svg path { fill: #333; transition: .5s ease-in-out; } .m-header .nav-sousuo a { color: #666666; font-size: 14px; display: inline-block; margin: 0 2px; } .m-header .nav-sousuo a.active { color: #f3980f; } .m-header .uio { float: right; /*height: 100%;*/ height: 20px; width: 27px; position: relative; margin-top: 12px; } .m-header .search-bg { position: fixed; left: 0; top: 48px; width: 100%; height: 150px; z-index: 10; background: #ffffff; display: none; } .m-header .subsearch { padding-right: 15px; border-right: 1px solid #d2d2d2; box-sizing: border-box; } .m-header .subsearch .sp { width: 35px; height: 35px; background-size: 80%; } .m-header .subsearch img { height: 100%; } .m-header .search-bg .m-close-search { display: block; width: 10px; height: 10px; background-size: 100% auto; position: fixed; right: 4%; top: 10px; cursor: pointer; z-index: 11; } .m-header .search-bg .m-search-box { width: 92%; margin: 0 auto; border-bottom: 1px solid #f2f2f2; position: absolute; left: 3%; top: 48px; height: 40px; z-index: 11; } .m-header .search-bg .m-search-box .tex { border: none; font-size: 12px; color: #a7a7a7; height: 41px; padding-left: 5px; box-sizing: border-box; width: 60%; background: none; } .m-header .search-bg .m-search-box .search-btn { border: none; width: 30px; height: 30px; background-size: 100%; margin-top: 6px; } .m-header .btn-na { margin-right: 15px; } .footerlangs a { color: #333333; font-size: 16px; } .m-header .nav-btn { position: absolute; right: 0; top: 0; width: 100%; height: 100%; vertical-align: middle; cursor: pointer; } .m-header .nav-btn .line { position: absolute; display: block; width: 100%; height: 2px; background-color: #333333; left: 0; border-radius: 2px; } .m-header .nav-btn .line1 { top: 0; -webkit-transform-origin: left top 0; -ms-transform-origin: left top 0; transform-origin: left top 0; } .m-header .nav-btn .line2 { top: 9px; } .m-header .nav-btn .line3 { bottom: 0; -webkit-transform-origin: left bottom 0; -ms-transform-origin: left bottom 0; transform-origin: left bottom 0; } .bocweb-footer .bocweb-footer-bot br { display: none; } .m-header .nav-btn.active { -webkit-animation: rotate 0.3s linear 0s; animation: rotate 0.3s linear 0s; } .m-header .nav-btn.hover .line { left: 0; /*background-color: #fff;*/ } .m-header .sub-menu { width: 100%; /*height: calc(100% - 50px);*/ height: 100%; padding: 50px 0 0; display: none; position: fixed; left: 0; top: 0; /*background-color: white;*/ background-color: #ffffff; opacity: 1; filter: alpha(opacity=100); z-index: 15; overflow-y: auto; z-index: 200; } .m-header .sub-menu li .sub-tit { padding: 0 3%; box-sizing: border-box; } .m-header .sub-menu li .sub-tit .tu-box { padding: 20px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); box-sizing: border-box; position: relative; } .m-header .sub-menu li:nth-child(2n+1) { background: #f7f7f7; } .m-header .sub-menu li .sub-tit .tu-box .imgbox { position: absolute; left: 0; top: 0; width: 20px; height: 20px; bottom: 0; margin: auto; } .m-header .sub-menu li .sub-tit.on .tu-box { border-bottom-color: transparent; } .m-header .sub-menu li a { display: block; } .m-header .sub-menu .tit { display: block; width: 100%; padding: 10px 3%; box-sizing: border-box; line-height: 33px; color: #333333; position: relative; font-size: 15px; line-height: 20px; } .m-header .sub-menu .tit a { color: #666; } .m-header .sub-menu .tit1 { display: block; width: 100%; line-height: 33px; color: #333333; position: relative; font-size: 15px; line-height: 18px; box-sizing: border-box; } .m-header .sub-menu .sub-tit.on.on .btn-v { background: url(../img/jpg/img6.png) center center no-repeat; background-size: 100%; } .m-header .sub-menu .btn-v { display: inline-block; height: 20px; width: 20px; float: right; margin-top: 0; background: url(../img/jpg/img5.png) center center no-repeat; background-size: 100%; } .m-header .sub-menu .sub-tit1.on { background-color: #ff0001; color: #fff; } .m-header .sub-menu .sub-tit.on:after { background-size: 100% auto; } .m-header .sub-menu .sec-list { line-height: 28px; padding: 1px 1.5%; display: none; } .m-header .sub-menu .tit { text-transform: capitalize; } .m-header .sub-menu .sec-list a { background-size: 8px auto; line-height: 2; font-size: 13px; padding: 5px 0; /*border-bottom: 1px solid #e0e0e0;*/ box-sizing: border-box; } .m-header .sub-menu .sec-list p:last-child a { border-bottom: none; } .m-header .sub-menu .sec-list a { padding-left: 21px; color: #333; display: block; } .m-header .w-header .inj { line-height: 25px; height: 25px; margin-top: 10px; color: #ffffff; } .m-header .w-header .inj a { color: #ffffff; font-size: 14px; } .m-header .w-header .inj.en { margin-left: 25px; } .m-header .w-header .ser { width: 25px; height: 25px; background: url(../img/jpg/ser.png) no-repeat center; background-size: 100%; } .search-dialogbox { position: absolute; width: 100%; height: 100%; min-height: 1rem; z-index: 200; background: #fff; left: 0; top: 0; display: none; } @media screen and (max-width: 767px) { .m-header .nav-sousuo { margin-left: .25rem; margin-right: .25rem; } .m-header .w-header { padding: 0 3%; } } .secwen { opacity: 0; filter: alpha(opacity=0); transform: translateY(60px); transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1); } .animate.secwen { opacity: 1; transform: translateY(0); filter: alpha(opacity=100); transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1); } .animated.secwen { opacity: 1; transform: translateY(0); filter: alpha(opacity=100); transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1); } .secwen-left { opacity: 0; filter: alpha(opacity=0); transform: translateX(-60px); transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1); } .secwen-left.animate { opacity: 1; filter: alpha(opacity=100); transform: translateX(0); transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1); } .secwen-right { opacity: 0; filter: alpha(opacity=0); transform: translateX(60px); transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1); } .secwen-right.animate { opacity: 1; filter: alpha(opacity=100); transform: translateX(0); transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1); } .animate.add1 { transition-delay: .1s; } .animate.add2 { transition-delay: .2s; } .animate.add3 { transition-delay: .3s; } .animate.add4 { transition-delay: .4s; } .animate.add5 { transition-delay: .5s; } .animate.add6 { transition-delay: .6s; } .animate.add7 { transition-delay: .7s; } .animate.add8 { transition-delay: .8s; } .animate.add9 { transition-delay: .9s; } .animate.add10 { transition-delay: 1.0s; } .animate.add11 { transition-delay: 1.1s; } .con-banner .imgs { height: 16rem; } .con-banner.industry-banner .imgs { height: 19.5rem; } .bocweb-header { line-height: 88px; height: 88px; position: absolute; width: 100%; padding-left: 1rem; padding-right: .9rem; } .bocweb-header .bocweb-nav { font-size: 0; } .bocweb-header .bocweb-nav .nav { display: inline-block; vertical-align: top; position: relative; } .bocweb-header .bocweb-nav .nav .li { height: 1.25rem; line-height: 1.25rem; padding: 0 .65rem; text-align: center; } .bocweb-header .bocweb-nav .nav a { display: block; } .bocweb-header .bocweb-nav .nav:nth-child(1) .nav-tops:before { display: none; } .bocweb-header .bocweb-nav .nav-tops { line-height: 88px; padding: 0 .65rem; position: relative; } .bocweb-header .bocweb-nav .nav-tops:before { position: absolute; content: ""; left: -1px; top: 0; bottom: 0; margin: auto; width: 2px; height: 2px; border-radius: 50%; background: rgba(255, 255, 255, 0.8); } .bocweb-header .bocweb-nav .nav-bots { box-shadow: 0 0 10px 3px rgba(0, 0, 0, .1); display: none; position: absolute; left: 0; margin-left: -25%; width: 150%; top: 88px; } .bocweb-header .bocweb-nav .nav-btns { font-size: 0; padding-left: .75rem; } .bocweb-header .btn-i { height: 88px; line-height: 88px; display: inline-block; vertical-align: top; } .bocweb-header .btn-i.langs .btns { background-image: url(../img/langs2.png); } .bocweb-header .btn-i.menus { padding-left: .3rem; padding-right: .75rem; } .bocweb-header .btn-i.menus .btns { background-image: url(../img/menus2.png); } .bocweb-header .btn-i.searchs { padding-left: .75rem; position: relative; } .bocweb-header .btn-i.searchs:before { position: absolute; content: ""; width: 1px; height: .45rem; background: rgba(255, 255, 255, 0.2); left: 0; top: 50%; transform: translateY(-50%); } .bocweb-header .btn-i.searchs .btns { background-image: url(../img/searchs2.png); } .bocweb-header .btn-i .btns { width: 20px; height: 20px; display: inline-block !important; vertical-align: middle; cursor: pointer; transition: .5s ease-in-out; background-size: 100%; background-repeat: no-repeat; background-position: center; } .bocweb-header .btn-i .btns:hover { transition: .5s ease-in-out; } .bocweb-header a { color: #fff; } .bocweb-header .bocweb-logo { line-height: 88px; height: 88px; display: block; } .bocweb-header .logoimg { position: relative; display: inline-block; vertical-align: middle; } .bocweb-header .logoimg .i0 { position: absolute; left: 0; top: 0; opacity: 1; } .bocweb-header .logoimg .i1 { opacity: 0; } .bocweb-footer { background: #202022; color: #fff; } .bocweb-footer a { color: #fff; } .bocweb-footernav { padding-top: 1.75rem; /*padding-bottom: 3.5rem; */ padding-bottom: 1.5rem; } .bocweb-footernav .nav { width: 11%; margin-left: 11.25%; } .bocweb-footernav .nav:nth-child(5n+1) { margin-left: 0; } .bocweb-footernav .nav a { display: block; } .bocweb-footernav .nav-tops { line-height: 1.25; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 0.375rem 0; } .bocweb-footernav .nav-bots { margin-top: .2rem; } .bocweb-footernav .nav-bots .li { line-height: 2; color: rgba(255, 255, 255, 0.5); transition: .5s ease-in-out; } .bocweb-footernav .nav-bots .li:hover { transition: .5s ease-in-out; color: #fff; } .bdsharebuttonbox { font-size: 0; text-align: right; margin-top: .5rem; } .bdsharebuttonbox .items { display: inline-block; vertical-align: middle; float: none; line-height: 1.2; padding: 0; background: transparent; } .bdsharebuttonbox a.items { width: .5rem; height: .5rem; margin: 0; margin-left: .4rem; } .bdsharebuttonbox span { color: rgba(255, 255, 255, 0.5); } .bocweb-footerbots .aboutmaps-center { padding-bottom: 0; padding-top: 1rem; } .bocweb-footerbots { padding-bottom: 1.125rem; } .bocweb-footerbots .imgs { font-size: 0; } .bocweb-footerbots .imgs .i, .bocweb-footerbots .imgs .aboutmaps-center { display: inline-block; vertical-align: bottom; padding: 0; } .bocweb-footerbots .imgs .aboutmaps-center { margin-left: .5rem; } .bocweb-footerbots .aboutmaps-center .li { width: auto; } .bocweb-footerbots .aboutmaps-center .li .span { margin-top: .2rem; } .bocweb-footerbots .imgs .i { width: 4.25rem; } .bocweb-footerbots .text { margin-top: .35rem; line-height: 1.4; color: rgba(255, 255, 255, 0.3); } .bocweb-footerbots .text a img { display: inline-block; vertical-align: middle; } .bocweb-footerbots .text a { display: inline-block; vertical-align: top; color: rgba(255, 255, 255, 0.3); transition: .5s ease-in-out; } .bocweb-footerbots .text a:hover { transition: .5s ease-in-out; color: #fff; } .bocweb-footerbots .select { position: relative; } .bocweb-footerbots .select .selects-bots { position: absolute; left: 0; width: 100%; bottom: 1.2rem; line-height: 1rem; background: #3e3e3f; max-height: 120px; overflow-y: auto; color: #fff; display: none; } .bocweb-footerbots .select .selects-bots a { color: #fff; display: block; padding-left: .45rem; padding-right: .7rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .bocweb-footerbots .select .selects-tops { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.1); padding-right: .7rem; padding-left: .45rem; color: #fff; height: 1.2rem; line-height: 1.2rem; width: 300px; position: relative; cursor: pointer; } .bocweb-footerbots .select .selects-tops:before { position: absolute; content: ""; width: 10px; height: 8px; right: .5rem; top: 0; bottom: 0; margin: auto; background: url(../img/btns.png) no-repeat center; background-size: 100%; } .bocweb-header .bocweb-nav .nav a { transition: .5s ease-in-out; } .bocweb-header .bocweb-nav .nav a:hover, .bocweb-header .bocweb-nav .nav a.active { transition: .5s ease-in-out; color: #e30b25; } .bocweb-header .btn-i.weixin { margin-right: 10px; } .bocweb-header .btn-i.weixin .btns { background: url(../img/weixin2.png) no-repeat center; background-size: 100%; } .ikj { position: absolute; left: 50%; top: 88px; transform: translateX(-50%); width: 100px; text-align: center; line-height: 1.5; display: none; } .ikj .span { margin-top: .25rem; } body.body-black .bocweb-header .btn-i.weixin .btns, .bocweb-header .btn-i.weixin .btns:hover { background-image: url(../img/weixin.png); } .bocweb-header .btn-i.langs .btns:hover { background-image: url(../img/langs1.png); } .bocweb-header .btn-i.menus .btns:hover { background-image: url(../img/menus1.png); } .bocweb-header .btn-i.searchs .btns:hover { background-image: url(../img/searchs1.png); } .bocweb-header .btn-i.langs .btns { color: #fff; } body.body-black .bocweb-header .btn-i.langs .btns { color: #000; background-image: url(../img/langs.png); } body.body-black .bocweb-header .btn-i.menus .btns { background-image: url(../img/menus.png); } body.body-black .bocweb-header .btn-i.searchs .btns { background-image: url(../img/searchs.png); } body.body-black .bocweb-header .btn-i.langs .btns:hover { background-image: url(../img/langs1.png); } body.body-black .bocweb-header .btn-i.menus .btns:hover { background-image: url(../img/menus1.png); } body.body-black .bocweb-header .btn-i.searchs .btns:hover { background-image: url(../img/searchs1.png); } body.body-black .bocweb-header .logoimg .i1 { opacity: 1; } body.body-black .bocweb-header .logoimg .i0 { opacity: 0; } body.body-black .bocweb-header a { color: #333333; } body.body-black .bocweb-header .bocweb-nav .nav-tops:before { background-color: rgba(0, 0, 0, 0.4); } body.body-black .bocweb-header .btn-i.searchs:before { background-color: rgba(0, 0, 0, 0.4); } .bocweb-mfooter .bocweb-footerbots .select .selects-tops { width: 100%; } .bocweb-mfooter { padding-top: 1.5rem; padding-bottom: 2rem; text-align: center; } .bocweb-mfooter .bocweb-footerbots { padding-bottom: 0; } .bocweb-mfooter .logo { width: 4.25rem; height: 1.25rem; margin: 0 auto; } .bocweb-mfooter .select { display: block; vertical-align: top; max-width: 90%; margin: 0 auto; margin-top: .75rem; margin-bottom: .75rem; text-align: left; } .bocweb-mfooter .bdsharebuttonbox { text-align: center; } .welbody #fp-nav.left { left: 0; } .welbody #fp-nav ul li, .welbody .fp-slidesNav ul li { margin: 0; width: 68px; height: 14px; } .welbody #fp-nav ul li .fp-tooltip.left, .welbody .fp-slidesNav ul li .fp-tooltip.left { left: 110%; top: -5px; opacity: 0; } .welbody #fp-nav ul li .fp-tooltip, .welbody .fp-slidesNav ul li .fp-tooltip { opacity: 1; width: auto; color: #e30b25; } .welbody #fp-nav ul li a, .welbody .fp-slidesNav ul li a { display: block; position: relative; } .welbody #fp-nav ul li a:before, .welbody .fp-slidesNav ul li a:before { position: absolute; content: ""; width: 100%; height: 1px; left: 0; bottom: 0; top: 0; background: #e30b25; margin: auto; z-index: 0; opacity: 0; } .welbody #fp-nav ul li span, .welbody .fp-slidesNav ul li span { background: transparent; border: 1px solid #e30b25; width: 14px !important; height: 14px !important; left: 44px; top: 0; margin: 0 !important; z-index: 3; } .welbody #fp-nav ul li a.active+.fp-tooltip.left, .welbody .fp-slidesNav ul li a.active+.fp-tooltip.left { opacity: 1; } .welbody #fp-nav ul li a.active span, .welbody .fp-slidesNav ul li a.active span { background-color: #e30b25; } .welbody #fp-nav ul li a.active:before, .welbody .fp-slidesNav ul li a.active:before { opacity: 1; } .welbody #fp-nav ul li:nth-child(n+2) { margin-top: .5rem; } .fp-viewing-0.welbody #fp-nav ul li a:before, .fp-viewing-0.welbody .fp-slidesNav ul li a:before, .fp-viewing-0.welbody #fp-nav ul li a.active span, .fp-viewing-0.welbody .fp-slidesNav ul li a.active span { background: #fff; border-color: #fff; } .fp-viewing-0.welbody #fp-nav ul li span, .fp-viewing-0.welbody .fp-slidesNav ul li span { border-color: #fff; } .fp-viewing-0.welbody #fp-nav ul li .fp-tooltip, .fp-viewing-0.welbody .fp-slidesNav ul li .fp-tooltip { color: #fff; } html, body { font-family: " Source Han Serif SC", "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Pingfang sc bold", "Helvetica Neue", Helvetica, Tahoma, sans-serif; } .bold { font-weight: bold; } .tc { text-align: center; } .pcbox { display: block; } .mbox { display: none; } .w1400 { width: 1400px; max-width: 73%; margin: 0 auto; } .w1500 { width: 1500px; max-width: 76%; margin: 0 auto; } .pc768 { display: block; } .m768 { display: none; } .w1600 { width: 1600px; max-width: 83%; margin: 0 auto; } img.w100 { width: 100%; } .page { display: block; } .page a { float: none; display: inline-block; vertical-align: top; } @media (max-width: 1023px) { .pcbox { display: none; } .mbox { display: block; } .bocweb-header { padding: 0; } .bocweb-header { line-height: 50px; height: 50px; } .bocweb-header a { color: #333; } } @media (max-width: 767px) { .wel-new-btnbox .items { font-size: 13px; height: 40px; line-height: 40px; } .pc768 { display: none; } .m768 { display: block; } } /*contact*/ .con-boxlist { min-height: 100vh; position: relative; } .con-boxlist .tit-menu { font-size: 16px; margin-top: .65rem; width: calc(100% - 70px); } @media (max-width: 1681px) { .con-boxlist .tit-menu { font-size: 15px; } } @media (max-width: 1481px) { .con-boxlist .tit-menu { font-size: 14px; } } @media (max-width: 1281px) { .con-boxlist .tit-menu { font-size: 13px; } } .con-boxlist .tit-menu .items { display: block; height: 1.3rem; line-height: 1.3rem; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.1); position: relative; padding-left: .65rem; padding-right: 1rem; cursor: pointer; background: #f5f5f5; } .con-boxlist .tit-menu .items:hover, .con-boxlist .tit-menu .items.active { background: #fff; color: #e30b25; } .con-boxlist .tit-menu .items .items-tops:hover:before, .con-boxlist .tit-menu .items.active .items-tops:before, .con-boxlist .tit-menu .items:hover:after, .con-boxlist .tit-menu .items.active:after { background: url(../img/b1.png) no-repeat center; background-size: 100%; } .con-boxlist .tit-menu .items:hover:before, .con-boxlist .tit-menu .items.active:before { opacity: 1; transition: .5s ease-in-out; } .con-boxlist .tit-menu .items:before, .con-boxlist .tit-menu .items:after { position: absolute; content: ""; } .con-boxlist .tit-menu .items:before { height: 2px; width: 100%; left: 0; top: 0; background: #e30b25; opacity: 0; transition: .5s ease-in-out; } .con-boxlist .tit-menu .items:after { width: 10px; height: 10px; top: 0; bottom: 0; right: .8rem; margin: auto; background: url(../img/b0.png) no-repeat center; background-size: 100%; } .con-boxlist .con-fleft { position: absolute; width: 290px; top: 0; padding-top: 2.5rem; left: 13.5%; color: #666666; } .con-boxlist .con-fleft a { color: #666666; } .con-boxlist .con-fleft .tits { color: #333333; line-height: 1; } .con-boxlist .con-fleft.fixed { position: fixed; } .w290 { width: calc(100% - 290px); } @media (max-width: 1370px) { .con-boxlist .con-fleft { left: 7.5%; } } .contacts-boxlist .con-tits { line-height: 1; color: #e30b25; padding-bottom: 1rem; border-bottom: 2px solid #6d6d6d; } .contacts-boxlist .con-items1 { padding-top: 2.5rem; } .talent-tops .select .li { transition: .5s ease-in-out; } .talent-tops .select .li.active { color: #fff; background-color: #e30b25; transition: .5s ease-in-out; } .talent-tops { padding-top: 1.1rem; padding-bottom: .9rem; border-bottom: 1px solid #cccfd5; color: #333333; } .talent-tops .talent-fl { width: 58%; line-height: 1.3; padding-right: 1.5rem; } .talent-tops .talent-fl span { font-weight: bold; } .talent-tops .talent-fl .li { padding-left: 1.35rem; position: relative; } .talent-tops .talent-fl .li:before { position: absolute; content: ""; width: .6rem; height: .6rem; left: .6rem; top: .3em; } .talent-tops .talent-fl .li.add:before { background: url(../img/add.png) no-repeat center; background-size: 100%; } .talent-tops .talent-fl .li.che:before { background: url(../img/che.png) no-repeat center; background-size: 100%; } .talent-tops .talent-fl .che { margin-top: .6rem; } .talent-tops .talent-fr { width: 42%; padding-top: .2rem; font-size: 0; } .talent-tops .select { position: relative; display: inline-block; vertical-align: top; width: calc((100% - .4rem)/2); } .talent-tops .select:nth-child(n+2) { margin-left: .4rem; } .talent-tops .select .sel-bots { border: 1px solid #cccccc; display: none; } .talent-tops .select .li { background: #fff; line-height: 1.4; padding: 8px .9rem; padding-right: 3px; border-bottom: 1px solid #cccccc; overflow: hidden; cursor: pointer; } .talent-tops .select .li:last-child { border-bottom: none; } .talent-tops .select .sel-tops { width: 5.6rem; max-width: 100%; height: 1.25rem; line-height: 1.25rem; border: 1px solid #cccccc; cursor: pointer; padding-left: .7rem; padding-right: .9rem; position: relative; transition: .5s ease-in-out; } .talent-tops .select .sel-tops.active { color: #fff; background-color: #e30b25; transition: .5s ease-in-out; } .talent-tops .select .sel-tops.active:before { background: url(../img/b2.png) no-repeat center; background-size: 100%; transition: .5s ease-in-out; } .talent-tops .select .sel-tops:before { position: absolute; content: ""; width: 12px; height: 12px; background: url(../img/b3.png) no-repeat center; background-size: 100%; right: 0.6rem; top: 0; bottom: 0; margin: auto; transition: .5s ease-in-out; } .talent-tops .select .sel-bots { position: absolute; left: 0; top: 1.25rem; width: 100%; } .pagination a.page-last { width: auto; padding: 0 4px; } .talent-bots { padding-top: .9rem; padding-bottom: 2.4rem; } .talent-bots .pagination { text-align: left; } .talent-bots .pagination a { text-align: center; } .talent-bots .page { margin-top: 1rem; } .talent-bots .list-tops, .talent-bots .tr-tops { font-size: 0; } .talent-bots .td { display: inline-block; padding: 0 .5rem; padding-left: 1.5rem; line-height: 1.5rem; height: 1.5rem; vertical-align: top; } .talent-bots .td1 { width: 32%; } .talent-bots .td2 { width: 42%; } .talent-bots .td3 { width: 26%; } .talent-bots .tr { margin-top: .3rem; } .talent-bots .list-tops { background: #f2f3f4; border: 1px solid #d9dce0; } .talent-bots .list-tops .td { overflow: hidden; } .talent-bots .list-tops .td:nth-child(n+2) { border-left: 1px solid #e2e3e4; } .talent-bots .tr-tops { border: 1px solid #e5e5e5; cursor: pointer; } .talent-bots .tr-tops .td:nth-child(n+2) { border-left: 1px solid #e2e3e4; } .talent-bots .words-bots { padding-top: 1.2rem; } .talent-bots .close { color: #e30b25; cursor: pointer; } .talent-bots .mailbox a { width: 128px; display: block; height: 36px; text-align: center; line-height: 36px; color: #fff; background: #e30b25; color: #fff; } .talent-bots .tr-bots { border: 1px solid #e7e7e7; padding: .9rem 1rem; padding-bottom: 1.625rem; display: none; color: #333333; } .talent-bots .tr-bots .tits { line-height: 1; margin-bottom: .4rem; } .talent-bots .tr-bots .txts { line-height: 2; padding-bottom: 1rem; border-bottom: 1px solid #eaeaea; } .aboutmaps { background: #f5f5f5; padding-top: 2.5rem; padding-bottom: 2.65rem; } .aboutmaps-tops { padding-top: 1.25rem; padding-bottom: 1.1rem; } .aboutmaps-tops .tits { line-height: 1; margin-bottom: .7rem; color: #333333; } .aboutmaps-tops .txts { width: 60%; } .aboutmaps-tops .txts .i { position: relative; padding-left: .9rem; color: #333333; line-height: 1.2rem; height: 1.2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; border-bottom: 1px solid #e1e1e1; } .aboutmaps-tops .txts .i img { position: absolute; left: .35rem; top: 0; bottom: 0; margin: auto; width: .45rem; } .aboutmaps-bots .map { height: 14rem; border: 1px solid #e0e0e0; } .aboutmaps-center { padding-bottom: 1.25rem; font-size: 0; } .aboutmaps-center .li { width: 20%; display: inline-block; vertical-align: top; text-align: center; padding: 0 2px; } .aboutmaps-center .li .imgs { width: 3.25rem; height: 3.25rem; padding: .2rem; border: 1px solid #cecece; margin: 0 auto; } .aboutmaps-center .li .span { margin-top: .8rem; line-height: 1.5em; max-height: 3em; /*display: -webkit-box;*/ /*-webkit-box-orient: vertical;*/ /*-webkit-line-clamp: 2;*/ /*overflow: hidden; */ } .messages { color: #fff; padding-top: 2.5rem; padding-bottom: 4.1rem; } .messages .con3-tits { line-height: 1; } .messages .con3-txts { line-height: 1.5; margin-top: .6rem; } .messages .messages-forms { padding-top: 1rem; } .con-boxlist .con-fleft.fixed .tits { color: #e30b25; } .messages-forms textarea, .messages-forms select, .messages-forms input { display: block; border: none; outline: none; background: none; background-color: rgba(255, 255, 255, 0.2); border-radius: 3px; } .messages-forms .selects { height: 1.3rem; line-height: 1.3rem; background-color: rgba(255, 255, 255, 0.2); border-radius: 3px; position: relative; cursor: pointer; } .messages-forms .selects .selects-bot { position: absolute; left: 0; width: 100%; top: 1.3rem; display: none; } .messages-forms .selects .selects-top { padding-left: 2.2rem; padding-right: 1rem; position: relative; } .messages-forms .selects .selects-top:before { position: absolute; content: ""; width: 10px; height: 10px; top: 0; bottom: 0; right: .75rem; margin: auto; background: url(../img/b4.png) no-repeat center; background-size: 100%; } .messages-forms .selects .i { padding: 5px 0; padding-left: 2.2rem; padding-right: .4rem; line-height: 1.5; } .messages-forms .forms-left { width: 37%; } .messages-forms .forms-right { width: 63%; padding-left: .6rem; } .messages-forms .input { position: relative; line-height: 1.3rem; display: block; } .messages-forms .input:nth-child(n+2) { margin-top: .65rem; } .messages-forms .input .span { position: absolute; left: 0; top: 0; padding-left: .55rem; } .messages-forms .textarea textarea { padding: 0 .6rem; } .messages-forms .yz { width: calc(100% - 3.625rem); padding-right: 4rem; position: relative; } .messages-forms .yz img { position: absolute; right: 0; top: 0; height: 100%; background: #333333; border-radius: 3px; cursor: pointer; } .messages-forms .submit { margin-top: .5rem; } .messages-forms .submit input { height: 1.3rem; line-height: 1.3rem; width: 3.8rem; border-radius: 3px; background: #e30b25; } .messages-forms textarea { width: 100%; height: 5.25rem; resize: none; } .messages-forms input[type=text] { height: 1.3rem; padding-left: 2.2rem; padding-right: .4rem; font-size: .35rem; width: 100%; border: 1px solid rgba(255, 255, 255, 0.2); } /*contact*/ .pagination { text-align: left; } .pagination a { text-align: center; } .social-items1 { padding-top: 2.5rem; padding-bottom: 2.75rem; } .social-tit { position: relative; } .social-tit .imgs { position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 2.25rem; line-height: 2.25rem; } .social-tit .imgs img { display: inline-block; vertical-align: middle; width: auto; max-height: 100%; } .social-tit .tits { line-height: 1; color: #e30b25; position: relative; padding-right: 1.75rem; } .social-tit .tits .mores { display: block; width: 1rem; height: 1rem; border-radius: 50%; background-color: #e30b25; background-image: url(../img/i3.png); background-size: 100%; background-repeat: no-repeat; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; } .social-words { padding-top: 1.25rem; text-indent: 2em; color: #333333; line-height: 1.875; padding-bottom: 2rem; } .news-boxlist .news-titles { position: relative; z-index: 20; } .con-swiper .swiper-pagination { position: static; width: 100%; line-height: 1; text-align: left; } .con-swiper .swiper-pagination .swiper-pagination-bullet { display: inline-block; height: 4px; vertical-align: top; width: 1.5rem; background: #999999; border-radius: 0; opacity: 1; transition: .5s ease-in-out; } .con-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { transition: .5s ease-in-out; opacity: 1; background: #e30b25; } .con-swiper .swiper-pagination .swiper-pagination-bullet:hover { transition: .5s ease-in-out; opacity: 1; background: #e30b25; } .social-swiper .swiper-pagination { margin-top: 1.9rem; } .news-items1 { padding-top: 2.5rem; padding-bottom: 4rem; } .news-titles .tits { line-height: 1; color: #e30b25; } .news-boxlist .news-titles { margin-bottom: 1rem; } .news-boxlist .selects-top { position: relative; cursor: pointer; } .news-boxlist .selects-top:before { position: absolute; content: ""; width: 10px; height: 10px; right: .5rem; background: url(../img/j.png) no-repeat center; background-size: 100%; top: 0; bottom: 0; margin: auto; } .news-boxlist .selects-bots { position: absolute; height: 140px; overflow: hidden; left: 0; top: 1.25rem; overflow-y: auto; width: 100%; display: none; } .news-boxlist .selects-bots { box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1); } .glqh .tits { line-height: 1.2; } .news-boxlist .selects-bots .i-i0:nth-child(n+2) { border-top: 1px solid rgba(0, 0, 0, .1); } .news-boxlist .selects-bots .i-i0 { padding-left: .5rem; padding-top: 8px; padding-bottom: 8px; cursor: pointer; display: block; color: #666; background: #fff; } .news-boxlist .txt2s { font-size: 0; } .news-boxlist .txt2s .i { display: inline-block; vertical-align: top; position: relative; } .news-boxlist .txt2s .i.input { width: 10.75rem; margin-left: .5rem; } .news-boxlist .txt2s .i.select { width: 6.35rem; } .news-boxlist .txt2s input[type=submit] { position: absolute; top: 0; bottom: 0; right: .5rem; margin: auto; width: .5rem; height: .5rem; background: url(../img/searchs22.png) no-repeat center; background-size: 100%; text-indent: -999px; } .news-boxlist .txt2s input[type=text], .news-boxlist .txt2s .selects-top { line-height: 1.25rem; width: 100%; border: 1px solid #cfcfcf; height: 1.25rem; padding-left: .5rem; } .news-tops { position: relative; } .news-tops:before { position: absolute; content: ""; width: 200%; left: 0; top: 0; height: 100%; background: #e30b25; } .news-tops .imgs { width: 40%; } .news-tops .imgs img { width: 100%; } .news-tops .words { width: 60%; padding-left: 1rem; } .news-tops .words .tits { line-height: 1.5em; height: 1.5em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .news-tops .words .txts { line-height: 1.7em; height: 5.1em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-bottom: .4rem; text-align: justify; margin-top: .45rem; } .news-tops .words .time { line-height: 1; color: rgba(255, 255, 255, 0.5); } .news-tops .items { display: block; padding: 1rem .9rem; background: #e30b25; color: #fff; position: relative; } .news-tops .items .imgs, .news-tops .items .words { position: relative; z-index: 3; } .news-bots .page { margin-top: 1.35rem; } .news-bots .lists { border: 1px solid #e1e1e1; border-right: none; } .news-bots .li { display: block; padding-top: .25rem; padding-bottom: .25rem; color: #333333; position: relative; } .news-bots .li:before { position: absolute; content: ""; width: 200%; bottom: 0; height: 1px; background: #e6e6e6; } .news-bots .li .box { position: relative; line-height: 1.4rem; height: 1.4rem; } .news-bots .li .number { position: absolute; left: 0; top: 0; font-size: 0; width: 216px; text-align: center; } .news-bots .li .number .tits, .news-bots .li .number .txts { display: inline-block; vertical-align: middle; } .news-bots .li .number .txts { position: relative; margin-left: .5rem; padding-left: .5rem; } .news-bots .li .number .txts:before { position: absolute; content: ""; width: 1px; height: 100%; background: #cecece; left: 0; top: 0; } .news-bots .li .text { padding-left: 220px; padding-right: .5rem; height: 1.4rem; line-height: 1.4rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .videos-lists { font-size: 0; } .videos-lists .items { width: 46%; margin-left: 8%; display: inline-block; margin-bottom: .9rem; vertical-align: top; cursor: pointer; } .videos-lists .items:nth-child(2n+1) { margin-left: 0; } .videos-lists .videspan { height: 70px; line-height: 70px; overflow: hidden; text-align: center; } .videos-lists .videspan span { display: inline-block; vertical-align: middle; line-height: 1.3em; max-height: 2.6em; width: 100%; overflow: hidden; } .videos-lists .videimgs { position: relative; height: 8.75rem; overflow: hidden; } .videos-lists .videimgs img { height: 100%; width: 100%; object-fit: cover; transition: .5s ease-in-out; } .videos-lists .videimgs:before { width: 1.25rem; height: 1.25rem; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: url(../img/videos.png) no-repeat center; background-size: 100%; } .newspaper-lists { font-size: 0; } .newspaper-lists .items { display: inline-block; vertical-align: top; width: calc((100% - .8rem)/2); margin-left: .8rem; border: 1px solid #ececec; } .newspaper-lists .items:nth-child(2n+1) { margin-left: 0; } .newspaper-lists .items:nth-child(n+3) { margin-top: .7rem; } .newspaper-lists .items .imgs { /*width: 8rem;*/ width: 60%; overflow: hidden; } .newspaper-lists .items .imgs img { transition: .5s ease-in-out; } .newspaper-lists .items .words { /*width: calc(100% - 8rem);*/ width: 40%; padding: .5rem .1rem; padding-top: 1.1rem; text-align: center; color: #808080; } .newspaper-lists .items .tits { line-height: 1; } .newspaper-lists .items .txts { line-height: 1.5em; overflow: hidden; color: #333333; margin-top: .3rem; margin-bottom: .8rem; } .newspaper-lists .items .more { display: block; width: 3rem; height: .9rem; line-height: .9rem; margin: 0 auto; border-radius: .9rem; background: #999999; color: #fff; font-size: 0; transition: .5s ease-in-out; } .newspaper-lists .items .more b, .newspaper-lists .items .more span { display: inline-block; vertical-align: middle; font-weight: normal; } .newspaper-lists .items .more span { width: 6px; height: 8px; background: url(../img/i4.png) no-repeat center; background-size: 100%; margin-left: .2rem; } .industry-titles { text-align: center; background: #e30b25; } .industry-titles .itemsbox { font-size: 0; padding: 0 1rem; } .industry-titles .itemsbox .items { width: 25%; text-align: center; display: inline-block; vertical-align: middle; padding-top: 1rem; padding-bottom: 1.05rem; cursor: pointer; } .industry-titles .itemsbox .items.active { transition: .5s ease-in-out; } .industry-titles .itemsbox .items.active .span:before { opacity: 1; transition: .5s ease-in-out; } .industry-titles .itemsbox .imgs { width: 1.2rem; height: 1.2rem; margin: 0 auto; } .industry-titles .itemsbox .span { position: relative; } .industry-titles .itemsbox .span:before { position: absolute; content: ""; width: 4em; height: 4px; background: #fff; left: 0; bottom: -.5rem; right: 0; margin: auto; opacity: 0; transition: .5s ease-in-out; } .industry-titles .itemsbox .span span { line-height: 1.2em; height: 1.2em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; color: #fff; margin-top: .45rem; } .indust-titles { line-height: 1; color: #e30b25; } .industryajax-box { padding-top: 1.25rem; padding-bottom: 2.375rem; } .industryajax-box .indust-titles { margin-bottom: .9rem; } .industryajax-box .industryajax-items { margin-bottom: .5rem; } .industryajax-items { border-top: 1px solid #cecece; display: block; } .industryajax-items .images, .industryajax-items .words { width: 50%; overflow: hidden; } .industryajax-items img { display: block; transition: .5s ease-in-out; } .industryajax-items .words { padding: 1.25rem; color: #666; padding-left: 1.5rem; } .industryajax-items .words .tits { line-height: 1.2em; height: 1.2em; color: #333333; } .industryajax-items .words .txts { line-height: 1.7em; height: 5.1em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-top: .85rem; } .industryajax-items .words .more { width: 1rem; height: 1rem; border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: 100%; background-image: url(../img/i9.png); background-color: #333333; margin-top: 1.5rem; transition: .5s ease-in-out; } .industry-info-top { padding-top: 1.375rem; padding-bottom: 2.75rem; border-bottom: 1px solid #d6d6d6; } .industry-info-top .words { line-height: 1.875; color: #333333; margin-top: 1rem; margin-bottom: 1.25rem; } .industry-info-top .words-swiper .swiper-pagination { margin-top: 1.2rem; text-align: center; } .social-swiper img { width: 100%; } .industry-info-bots { padding-top: .8rem; padding-bottom: 2.75rem; } .industry-info-bots .words { padding-top: .7rem; } .industry-info-bots .words .tits { line-height: 1.5em; height: 1.5em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .industry-info-bots .words .txts { line-height: 1.7em; height: 3.4em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #666666; margin-top: .25rem; } .industry-info-bots .titles { position: relative; color: #333333; margin-bottom: .75rem; } .industry-info-bots .btn { font-size: 0; } .industry-info-bots .swiper-button-prev, .industry-info-bots .swiper-button-next { /*position: static;*/ display: inline-block; vertical-align: top; width: 1.2rem; height: 1.2rem; border-radius: 50%; background-image: none; background-color: #d6d6d6; top: 4rem; margin: 0; } .industry-info-bots .swiper-button-prev { left: 2%; background-image: url(../img/left.png); } .industry-info-bots .swiper-button-next { right: 2%; background-image: url(../img/right.png); } .industry-info-bots .imgs { overflow: hidden; } .industry-info-bots .imgs img { transition: .5s ease-in-out; } .industry-info-bots .swiper-button-next { margin-left: .5rem; } .industry-info-bots .swiper-slide { width: 30%; margin-right: 5%; } .industry-info-bots .swiper-slide:nth-child(1) { margin-right: 0; } .studyinfo-titles { line-height: 1; color: #e30b25; } .studyinfo { padding-top: 1.35rem; padding-bottom: 2.25rem; } .studyinfo .studyinfo-titles { margin-bottom: 1rem; } .studyinfo .lists { padding-bottom: 3.4rem; } .studyinfo .industryajax-items { border-top: none; position: relative; } .studyinfo .industryajax-items:nth-child(n+2) { margin-top: 2.5rem; } .studyinfo .industryajax-items .w-text { height: 100%; padding-right: 5px; overflow-y: auto; } .studyinfo .industryajax-items .words { position: absolute; top: 0; height: 100%; color: #fff; } .studyinfo .industryajax-items .words .tits { color: #fff; } .studyinfo .industryajax-items .words .txts { display: block; overflow: visible; height: auto; } .studyinfo .industryajax-items .words.fr { right: 0; } .studyinfo .industryajax-items .words.fl { left: 0; } .studyinfo .industryajax-items .fr { transform: translateY(3.4rem); } .studyinfo-swiper { padding-bottom: 2.25rem; } .studyinfo-swiper .swiper-pagination { margin-top: .9rem; text-align: center; } .about-one .ab-bots { margin-top: .5rem; } .about-one .number { font-size: 0; text-align: right; font-family: "Tw Cen MT"; color: rgba(51, 51, 51, 0.2); transform: translateY(10px); } .about-one .number .span, .about-one .number .num { display: inline-block; vertical-align: bottom; line-height: .9; } .about-one .number .span { font-family: Arial; transform: translateY(-5px); } .about-one .number .num { line-height: .7; font-weight: bold; } .about-one .imgs { position: relative; z-index: 2; overflow: hidden; } .about-one .imgs img { transition: .5s ease-in-out; } .about-one .words-bots { margin-top: -1.5rem; width: calc(100% - 4.25rem); position: relative; z-index: 2; height: 5.5rem; line-height: 5.5rem; background: #e30b25; } .about-one .words-bots .swiper-slide:nth-child(1) .li:before { display: none; } .about-one .words-bots .li { line-height: 1; display: inline-block; vertical-align: middle; color: #fff; padding-left: 1.25rem; padding-right: 1.25rem; position: relative; } .about-one .words-bots .li:before { position: absolute; content: ""; width: 1px; height: 2.65rem; left: 0; top: 0; bottom: 0; margin: auto; background: rgba(255, 255, 255, 0.5); } .about-one .words-bots .span-bot { margin-top: .5rem; } .about-one .words-bots .nums { padding-right: .75rem; position: relative; } .about-one .words-bots .nums b, .about-one .words-bots .nums span { position: absolute; right: 0; line-height: 1; } .about-one .words-bots .nums .span-num { font-family: Arial; line-height: .8; } .about-one .words-bots .nums span { bottom: 0; } .about-one .words-bots .nums b { top: 0; } .about-one .ab-bots-right { right: 5rem; bottom: 1.4rem; position: absolute; z-index: 5; cursor: pointer; } .ab-bots-right { width: 1.375rem; height: 2.7rem; background: url(../img/ikj.png) no-repeat center; background-size: 100%; } .con-boxlist .con-fleft { z-index: 100; } .ab-video { position: relative; cursor: pointer; } .ab-video .words { position: absolute; text-align: center; left: 50%; top: 50%; color: rgba(255, 255, 255, 0.5); line-height: 1; transform: translate(-50%, -50%); padding-top: 2.75rem; } .ab-video .words:before { position: absolute; content: ""; width: 2rem; height: 2rem; left: 0; right: 0; top: 0; margin: auto; background: url(../img/i10.png) no-repeat center; background-size: 100%; } .con-header { position: absolute; z-index: 200; width: 100%; left: 0; top: 0; } .videoboxs { background: #000; } .section { overflow: hidden; } .welbody #fp-nav ul li:nth-child(7) { display: none !important; } body.body-black .isscroll { color: #a2a2a2; } body.body-black .isscroll:before { background: #a2a2a2; } body.body-black .isscroll2 { background: url(../img/i12.png) no-repeat center; background-size: 100%; } .isscroll2 { width: 16px; height: 110px; position: fixed; bottom: 1rem; right: 1.1rem; background: url(../img/i11.png) no-repeat center; z-index: 20; background-size: 100%; } .isscroll { position: fixed; bottom: 1rem; right: 1.1rem; color: #fff; z-index: 20; padding-bottom: 50px; height: 110px; } .isscroll span { display: block; transform: rotate(90deg); line-height: .5; } .isscroll:before { width: 1px; height: 50px; left: 0; right: 0; margin: auto; content: ""; bottom: 0; background: #fff; position: absolute; } .wel-banner .imgs { height: 100vh; } .wel-banner .btns { position: absolute; line-height: 1; bottom: 1rem; margin: 0; left: 0; right: 0; margin: auto; text-align: center; z-index: 3; } .wel-banner .swiper-pagination { position: static; width: 100%; } .wel-banner .swiper-pagination .swiper-pagination-bullet { display: inline-block; vertical-align: middle; opacity: 1; background: #fff; width: 10px; height: 10px; margin: 0 .2rem; } .wel-banner .swiper-pagination .swiper-pagination-bullet-active { background: #e30b25; } .w1470 { width: 1470px; margin: 0 auto; max-width: 80%; } .wel-section2 { position: relative; } .welnew-tits { display: block; position: relative; line-height: 1.5rem; height: 1.5rem; color: #333333; } .welnew-tits:hover { color: #333333; } .welnew-tits:before { position: absolute; content: ""; width: .65rem; height: .65rem; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 50%; background: url(../img/b6.png) #e30b25 no-repeat center; background-size: 100%; } .wel-tits { line-height: 1; color: #666666; } .welnew-lefttops { position: relative; display: block; margin-bottom: .25rem; } .welnew-lefttops .span { height: 1.9rem; line-height: 1.9rem; color: #333; overflow: hidden; /*position: absolute;*/ /*left: 0;*/ /*bottom: 0;*/ /*text-align: center;*/ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; /*background-color: rgba(227, 11, 37, 0.8);*/ width: 100%; } .welnew-lefttops .spantit { line-height: 1.8em; height: 3.6em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #666; } .wel-news-box { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .wel-news-box .wel-tits { margin-bottom: .9rem; } .wel-newslist .wel-newleft { width: 42%; } .wel-newslist .wel-newright { width: 58%; padding-left: 1.6rem; } .wel-newslist .welnew-leftbots .lists { border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; } .wel-newslist .lists { padding-bottom: .55rem; padding-top: .4rem; } .wel-newslist .lists .li { display: block; position: relative; line-height: 2.25em; height: 2.25em; padding-right: 2.65rem; color: #333333; } .wel-newslist .lists .li .tits { position: absolute; right: 0; top: 50%; transform: translateY(-50%); padding-left: .35rem; } .wel-newslist .lists .li .txts { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; line-height: 2.25em; height: 2.25em; } .wel-newright .welnew-tits { border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; } .welnew-rightbots { padding-top: .5rem; padding-bottom: .8rem; border-bottom: 1px solid #e2e3e1; } .welnew-rightbots .welnew-tits { border-bottom: none; } .welnew-rightbots .itemsbox { margin-top: .25rem; } .welnew-rightbots .itemsleft { display: block; width: 62.5%; border: 1px solid #e7e7e8; position: relative; } .welnew-rightbots .i-words { position: absolute; right: 0; top: 0; height: 100%; width: 58%; padding: .8rem 1rem; color: #808080; } .welnew-rightbots .i-words .tits { line-height: 1; } .welnew-rightbots .i-words .txts { color: #333333; line-height: 1.5em; height: 3em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: .7rem; margin-top: .45rem; } .welnew-rightbots .i-words .mores { display: block; width: 3rem; height: .9rem; line-height: .9rem; text-align: center; border-radius: .9rem; background: #999999; color: #fff; font-size: 0; transition: .5s ease-in-out; } .welnew-rightbots .i-words .mores b, .welnew-rightbots .i-words .mores span { display: inline-block; vertical-align: middle; font-weight: normal; } .welnew-rightbots .i-words .mores span { width: 6px; height: 8px; background: url(../img/i4.png) no-repeat center; background-size: 100%; margin-left: .2rem; } .welnew-rightbots img { display: block; transition: .5s ease-in-out; } .welnew-rightbots .itemsright { width: 37.5%; padding-left: 1rem; } .welnew-rightbots .itemsright .i { display: block; color: #808080; padding-bottom: .4rem; padding-top: .55rem; border-top: 1px solid #efefef; } .welnew-rightbots .itemsright .i:last-child { border-bottom: 1px solid #efefef; } .welnew-rightbots .itemsright .tits, .welnew-rightbots .itemsright .txts { line-height: 1.5em; height: 1.5em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .welnew-rightbots .itemsright .tits { color: #333; } .welnew-rightbots .i-imgs { width: 42%; } .wel-con-box { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .wel-con-box .swiper-container-3d .swiper-slide-shadow-left, .wel-con-box .swiper-container-3d .swiper-slide-shadow-right, .wel-con-box .swiper-slide-shadow-left.swiper-slide-shadow-right { display: none; } .wel-video-items { position: relative; cursor: pointer; } .wel-video-items .words { position: absolute; width: 70%; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; text-align: center; padding-top: 2.35rem; opacity: 0; } .wel-video-items .words:before { position: absolute; content: ""; width: 1.625rem; height: 1.625rem; background: url(../img/b7.png) no-repeat center; background-size: 100%; left: 0; right: 0; top: 0; margin: auto; } .wel-video-items .words .span { line-height: 1.5em; height: 3em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .se6-swiper .swiper-button-prev, .se6-swiper .swiper-button-next { margin: 0; width: .75rem; height: 1.25rem; background: transparent; } .se6-swiper .swiper-button-prev { background: url(../img/b8.png) no-repeat center; background-size: 100%; } .se6-swiper .swiper-button-next { background: url(../img/b9.png) no-repeat center; background-size: 100%; } .se6-swiper .swiper-pagination { width: 100%; text-align: center; line-height: 1; } .se6-swiper .swiper-pagination .swiper-pagination-bullet { background: #aaaaaa; margin: 0 .2rem; display: inline-block; vertical-align: middle; opacity: 1; } .se6-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #e30b25; } .se3-swiper .swiper-slide { opacity: 0; /*&.swiper-slide-prev + .swiper-slide ,&.swiper-slide-next + .swiper-slide , &.swiper-slide-active,&.swiper-slide-prev,&.swiper-slide-next{ opacity: 1; }*/ } .se3-swiper .swiper-slide.active { opacity: 1; } .se3-swiper .swiper-button-prev, .se3-swiper .swiper-button-next { margin: 0; width: .75rem; height: 1.25rem; background: transparent; } .se3-swiper .swiper-button-prev { background: url(../img/b8.png) no-repeat center; background-size: 100%; } .se3-swiper .swiper-button-next { background: url(../img/b9.png) no-repeat center; background-size: 100%; } .se3-swiper .swiper-slide-active .words { opacity: 1; } .se3-swiper .swiper-pagination { position: absolute; bottom: -2rem; width: 100%; text-align: center; line-height: 1; } .se3-swiper .swiper-pagination .swiper-pagination-bullet { background: #aaaaaa; margin: 0 .2rem; display: inline-block; vertical-align: middle; opacity: 1; } .se3-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #e30b25; } .section3 .wel-tits { margin-bottom: .95rem; } .section4 .images { width: 57%; } .section4 .words { width: 43%; } .sec5-list { height: 100%; } .sec5-list .li-words { width: 29em; opacity: 0; transition-delay: 0; } .sec5-list .li-words .tits { line-height: 1; } .sec5-list .li-words .txts { line-height: 1.7em; height: 5.1em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin: 0 auto; margin-top: 1rem; margin-bottom: 2.1rem; } .sec5-list .li { float: left; width: 20%; height: 100%; /*transition:.5s ease-in-out;*/ position: relative; } .sec5-list .li .images { height: 100%; overflow: hidden; transition: .5s ease-in-out; } .sec5-list .li .images .imgs { /*transition:.6s ease-in-out;*/ height: 100%; width: 200%; margin-left: -50%; } .sec5-list .li .words { position: absolute; width: 100%; height: 100%; left: 0; top: 0; color: #fff; text-align: center; overflow: hidden; } .sec5-list .li.active { /*transition:.5s ease-in-out;*/ width: 40%; } .sec5-list .li.active .li-words { opacity: 1; transition-delay: 0; transition: .7s ease-in-out; } .sec5-list .li.active .images { transition: .6s ease-in-out; } .sec5-list .li.active .images .imgs { width: 100%; /*transition:.6s ease-in-out;*/ margin-left: 0; } .sec5-list .li.active .li-text { opacity: 0; } .sec5-list .li .li-text { line-height: 1.5; width: 100%; } .sec5-list .li .li-text, .sec5-list .li .li-words { position: absolute; top: 50%; left: 50%; padding: 5%; transform: translate(-50%, -50%); /*opacity: 0;*/ } .section7 { overflow: visible; height: auto !important; } .wel-mores .mores { font-size: 0; width: 3.625rem; height: 1.1rem; line-height: 1.1rem; border-radius: 1.1rem; text-align: center; display: block; margin: 0 auto; /*background: $colors;*/ background: #999999; color: #fff; } .wel-mores .mores b, .wel-mores .mores span { font-weight: bold; display: inline-block; vertical-align: middle; } .wel-mores .mores b { width: 6px; height: 8px; background: url(../img/i4.png) no-repeat center; background-size: 100%; margin-left: .2rem; } .sec6-box .wel-tits { margin-bottom: .9rem; } .sec6-box .lists { font-size: 0; } .sec6-box .lists .items { display: inline-block; vertical-align: top; /*width: 32%;*/ /*margin-left: 2%;*/ width: 24%; margin-left: 1.3%; position: relative; } .sec6-box .lists .items .words { position: absolute; width: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.1); text-align: center; height: 100%; color: #fff; padding: 1.25rem; padding-top: 3.1rem; } .sec6-box .lists .items:nth-child(4n+1) { margin-left: 0; } .sec6-box .lists .items .tit-en { margin-top: .25rem; } .sec6-box .lists .items .text { margin-top: .6rem; } .sec6-box .lists .items .wel-mores { margin-top: .9rem; } .sec6-box .lists .items .tit-en, .sec6-box .lists .items .tit-cn { line-height: 1.2em; } .wel-mores.active .mores { border: 1px solid #fff; background: transparent; } .se4-box .images { width: 55%; } .se4-box .numlists { font-size: 0; } .se4-box .numlists .li { display: inline-block; vertical-align: top; border: 1px solid #e7e7e7; border-radius: 4px; overflow: hidden; color: #989898; min-width: 4.375rem; padding: .6rem; padding-top: .75rem; } .se4-box .numlists .num { line-height: .8; } .se4-box .numlists .li-tops { position: relative; display: inline-block; vertical-align: top; padding-right: 28px; } .se4-box .numlists .li-tops .span { top: 0; } .se4-box .numlists .li-tops .b { bottom: 0; } .se4-box .numlists .li-tops .span, .se4-box .numlists .li-tops .b { line-height: 1; display: inline-block; vertical-align: top; position: absolute; right: 0; } .se4-box .numlists .li-bots { line-height: 1.2; width: 100%; margin-top: .3rem; display: block; } .se4-box .words { width: 45%; padding-left: 4.25rem; position: relative; } .se4-box .words .tits { line-height: 1; color: #666666; } .se4-box .words .txts { line-height: 1.1; color: #333333; margin-top: .7rem; margin-bottom: .5rem; position: relative; } .se4-box .words .txts:before { position: absolute; content: ""; height: 1px; width: 3.75rem; top: 0; bottom: 0; left: -3.75rem; margin: auto; background: #333333; } .se4-box .words .text { line-height: 1.7em; height: 5.1em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-bottom: 1.1rem; } .se4-box .words .wel-mores .mores { margin: 0; } .se4-box .words .numlists { margin-top: 1.75rem; } .se4-box .number { font-size: 0; text-align: right; position: relative; top: 12px; color: #e30b25; } .se4-box .number .i { display: inline-block; vertical-align: bottom; line-height: 1; font-family: "Tw Cen MT"; } .se4-box .number .txts { font-weight: bold; line-height: .65; } .se4-box .imgs { z-index: 2; position: relative; } .se4-box .imgs .span { line-height: 1.2; color: #878787; text-align: center; width: 1em; position: absolute; bottom: 0; left: -2em; } .about-one .words-bots { padding-right: 6.25rem; } .about-items1 { padding-top: 2.5rem; padding-bottom: 1.5rem; } .about01-words .words { padding-bottom: 1.1rem; padding-top: 1.25rem; line-height: 1.7; color: #666666; } .about01-words .imgs .i { overflow: hidden; box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1); } .about01-words .imgs .span { line-height: 1.3; margin-top: .5rem; color: #333333; } .about01-tits { font-size: 0; border-top: 1px solid #d6d6d6; } .about01-tits .li { display: inline-block; vertical-align: top; position: relative; line-height: 3.1rem; height: 3.1rem; width: 6.25rem; border-right: 1px solid #d6d6d6; padding-left: 1.5rem; cursor: pointer; } .about01-tits .li .tits, .about01-tits .li .txts { line-height: 1.2; } .about01-tits .li .txts { margin-top: .3rem; } .about01-tits .li:last-child { border-right: none; } .about01-tits .li.active:before { transition: .5s ease-in-out; opacity: 1; } .about01-tits .li:before { position: absolute; content: ""; width: 100%; height: 6px; left: 0; top: 0; background: #e30b25; opacity: 0; transition: .5s ease-in-out; } .about01-tits .li .box { display: inline-block; vertical-align: middle; line-height: 1.2; } .about-items2 { background-image: url(../img/ww.png); background-position: left bottom; background-repeat: no-repeat; background-size: 100%; background-color: #f5f5f5; padding-top: 1.75rem; padding-bottom: 2.6rem; } .about2-lists .ul:nth-child(n+2) { margin-top: .5rem; } .about2-lists .ul.active .ul-tops { background: #e30b25; color: #fff; transition: .5s ease-in-out; } .about2-lists .ul.active .ul-tops:before { background: url(../img/jian.png) #fff no-repeat center; background-size: 100%; transition: .5s ease-in-out; } .about2-lists .ul-bots { padding: 1rem .8rem 1.1rem 1rem; background: #fff; box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.1); display: none; } .about2-lists .ul-bots .ul-leftwords { width: 48%; } .about2-lists .ul-bots .ul-rightimgs { width: 52%; padding-left: 1.25rem; } .about2-lists .ul-tops { border: 1px solid #bfbfbf; line-height: 2.5rem; height: 2.5rem; padding-left: 1.1rem; padding-right: 1.75rem; position: relative; cursor: pointer; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; transition: .5s ease-in-out; } .about2-lists .ul-tops:before { position: absolute; content: ""; width: 1rem; height: 1rem; right: .75rem; top: 0; bottom: 0; margin: auto; background: url(../img/jia.png) #999999 no-repeat center; background-size: 100%; border-radius: 50%; transition: .5s ease-in-out; } .about-items3 { padding-top: 1.85rem; padding-bottom: 1.75rem; } .about-items3 .news-titles .txts { margin-top: .3rem; color: #666666; line-height: 1.7; margin-bottom: .1rem; } .about3-lists { font-size: 0; } .about3-lists .items { display: inline-block; vertical-align: top; width: 49%; margin-left: 2%; margin-bottom: .75rem; box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1); } .about3-lists .items:nth-child(2n+1) { margin-left: 0; } .about3-lists .images { overflow: hidden; } .about3-lists .images img { transition: .5s ease-in-out; } .about3-lists .words { line-height: 1.55rem; height: 1.55rem; border: 1px solid #cccccc; border-top: none; padding-left: .9rem; padding-right: 1.6rem; position: relative; color: #333333; } .about3-lists .words:before { position: absolute; content: ""; width: .55rem; height: .55rem; right: 1rem; background: url(../img/i13.png) no-repeat center; background-size: 100%; top: 0; bottom: 0; margin: auto; transition: .5s ease-in-out; } .about-items4 { background: #f5f5f5; padding-top: 2rem; padding-bottom: 2.9rem; } .about-items4 .news-titles .txts { line-height: 2.25; color: #666666; margin-top: .5rem; /*padding-bottom: 1.45rem;*/ /*border-bottom: 1px solid #cecece;*/ } .about-list4-title { position: relative; padding-top: .7rem; } .about-list4-title .tits { color: #e30b25; margin-bottom: .25rem; } .about-list4-title .titles { width: 60%; } .about-list4-title .tits, .about-list4-title .txts { line-height: 1.5em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .about-list4-title .btns { font-size: 0; } .about-list4-title .btns .i { display: inline-block; vertical-align: middle; width: auto; height: auto; background: transparent; position: static; width: 1rem; height: 1rem; border-radius: 50%; margin: 0; } .about-list4-title .btns .i.swiper-button-prev { background: url(../img/nl.png) #cecece no-repeat center; background-size: 100%; } .about-list4-title .btns .i.swiper-button-next { background: url(../img/nr.png) #cecece no-repeat center; background-size: 100%; margin-left: .45rem; } .about-list4-title .tits, .about-list4-title .txts { line-height: 1; } .about-list4 .imgs, .about-list4 .left-imgs { background-size: 100%; background-repeat: no-repeat; background-position: center; display: inline-block; vertical-align: top; } .about-list4 { padding-top: .25rem; } .about-list4-fcb .left-imgs { width: 52%; position: relative; z-index: 2; } .about-list4-fcb .right-words { width: 48%; padding-left: .7rem; position: relative; z-index: 1; } .about-list4-fcb .right-words .span { color: #333333; line-height: 1.5; padding-top: .5rem; } .about-list4-fcb .swiper-container, .about-list4-fcb .swiper-wrapper { overflow: visible; } .about-list4-fcb .swiper-slide { opacity: 0; } .about-list4-fcb .swiper-slide.swiper-slide-next { opacity: .2; } .about-list4-fcb .swiper-slide.swiper-slide-active { opacity: 1; } .about-list4-fcb .left-imgs .imgbox { opacity: 1; transition: .5s ease-in-out; } .about-list4-fcb .left-imgs .imgbox.active { opacity: 0; transition: .5s ease-in-out; } .about-list4-fcb .left-imgs .imgbox { background-size: cover; background-repeat: no-repeat; background-position: center; } .brand-lists .lists { border-top: 1px solid #d6d6d6; overflow: hidden; } .brand-lists .lists:last-child { border-bottom: 1px solid #d6d6d6; } .brand-lists .lists-bots { display: none; } .brand-lists .lists-tops { height: 4rem; line-height: 4rem; padding-left: 1.75rem; padding-right: 1.25rem; cursor: pointer; } .brand-lists .libots-right { background: #f5f5f5; min-height: 9rem; padding: 1.2rem 1.6rem; } .brand-lists .libots-right .txts { line-height: 1.2; margin-bottom: .9rem; } .brand-lists .libots-right .tits { color: #666666; line-height: 1.7; } .brand-lists .lists-bots { position: relative; } .brand-lists .lists-bots .libots-left { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 7.375rem; line-height: 1; text-align: center; } .brand-lists .lists-bots .libots-left .logos { width: 3rem; height: 3rem; margin: 0 auto; } .brand-lists .lists-bots .libots-left .text { line-height: 1; margin-top: .75rem; } .brand-lists .lists-bots .libots-right { width: calc(100% - 7.375rem); } .brand-lists .left-text .right-logo img { display: inline-block; vertical-align: middle; width: 3rem; } .brand-lists .left-text .t-txt { line-height: 1; display: inline-block; vertical-align: middle; padding-left: 1.25rem; position: relative; } .brand-lists .left-text .t-txt:before { width: .9rem; height: .9rem; content: ""; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background: url(../img/b10.png) #f5f5f5 no-repeat center; background-size: 100%; border-radius: 50%; } .brand-lists .lists.active .left-text .t-txt:before { background: url(../img/b100.png) #f5f5f5 no-repeat center; background-size: 100%; } .honor-box .txts { margin-top: 1rem; line-height: 1.875; } .honor-titles { text-align: right; } .honor-titles .select { text-align: left; } .honor-imgbox { font-size: 0; margin-top: .5rem; } .honor-imgbox .items { display: inline-block; vertical-align: top; width: 32%; margin-left: 2%; margin-bottom: .85rem; } .honor-imgbox .items:nth-child(3n+1) { margin-left: 0; } .honor-imgbox .items .words { line-height: 1.25rem; height: 1.25rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; color: #333333; } .honor-imgbox .items .imgs { border: 1px solid #cfcfcf; } .honor-imgbox .items .imgs img { width: 100%; } .honor-center { margin-top: 1.5rem; margin-bottom: .9rem; } .honor-center .items-text { width: 37%; } .honor-center .items-images { width: 63%; background: #f3f3f4; } .honor-center .swiper-button-prev, .honor-center .swiper-button-next { position: static; display: inline-block; vertical-align: top; background: transparent; width: auto; height: auto; opacity: 1 !important; } .honor-center .swiper-button-prev.i-u { background: #f5f5f5 !important; } .honor-center-swiper { border-top: 1px solid #d6d6d6; overflow: hidden; border-bottom: 4px solid #eaeaea; } .honor-center-swiper .swiper-container .swiper-wrapper { line-height: 1; } .honor-center-swiper .items, .honor-center-swiper .items-text, .honor-center-swiper .swiper-slide, .honor-center-swiper .swiper-wrapper { height: 100%; } .honor-center-swiper .text-tops-btns .txts-01 { margin-top: .3rem; height: 3.4em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.7em !important; } .honor-center-swiper .span { margin-top: 2.5rem; width: 1.5rem; height: 1.5rem; border-radius: 50%; background-color: #e5e5e5; background-repeat: no-repeat; background-position: center; } .honor-center-swiper .swiper-button-prev .span { background-image: url(../img/m1.png); } .honor-center-swiper .swiper-button-next .span { background-image: url(../img/m3.png); } .honor-center-swiper .items { position: relative; } .honor-center-swiper .items .time { line-height: 1; margin-bottom: .3rem; } .honor-center-swiper .items-text { position: absolute; height: 100%; left: 0; top: 0; } .honor-center-swiper .text-tops-btns { position: absolute; left: 0; top: 1px; z-index: 15; font-size: 0; border-bottom: 1px solid #e1e1e1; width: 37%; } .honor-center-swiper .text-tops-btns .i-u { width: 50%; height: 100%; background: #fff; margin: 0; padding: 1.25rem .9rem; } .honor-center-swiper .text-tops-btns .i-u .time, .honor-center-swiper .text-tops-btns .i-u .txts-01 { line-height: 1; } .honor-center-swiper .text-tops-btns .i-u .time { height: 1em; } .honor-center-swiper .text-tops { height: 50%; } .honor-center-swiper .text-bots { padding: 1.25rem 1rem; } .honor-center-swiper .text-bots .tits { line-height: 1.25em; height: 2.5em; color: #e30b25; } .honor-center-swiper .text-bots .txts-time { line-height: 1; margin-top: 1rem; } .honor-center-swiper .items-images { position: relative !important; } .honor-center-swiper .items-images .i0 { opacity: 0; } .honor-center-swiper .items-images .i1 { opacity: 1; position: absolute; width: 90%; left: 0; top: 0; right: 0; bottom: 0; margin: auto; } .honor-center-swiper .text-bots .tits { font-size: 1.2rem; overflow: hidden; } .honor-center-swiper .text-tops-btns .txts-01 { font-size: .45rem; } .honor-center-swiper { position: relative; } .honor-center-swiper .swiper-pagination { position: absolute; bottom: .5rem; width: 100%; line-height: 1; } .honor-center-swiper .swiper-pagination .swiper-pagination-bullet { opacity: 1; background: #ccc; margin: 0 .2rem; } .honor-center-swiper .swiper-pagination .swiper-pagination-bullet-active { background: #e30b25; } .history-tit-lists { border: 1px solid #e6e8e8; border-bottom: none; } .history-tit-lists .swiper-slide:nth-child(n+2) { border-left: 1px solid #e6e8e8; } .history-tit-lists .item { padding: .6rem .5rem; color: #333333; cursor: pointer; } .history-tit-lists .item .tits, .history-tit-lists .item .txts { line-height: 1.25em; height: 1.25em; } .history-tit-lists .item .txts { margin-top: .25rem; } .section3 .wel-con-box { width: 1600px; max-width: 100%; } .se4-box .numlists .li:nth-child(n+2) { margin-left: .7rem; } .history-number-listbox { border-left: 1px solid #e0e0e0; } .history-words-box { padding-left: 3rem; padding-right: 5.7rem; top: -.4em; position: relative; z-index: 5; } .history-words-box .imgs { width: 40%; } .history-words-box .fl-words { width: 60%; padding-right: 5%; } .history-words-box .fl-words .tits { line-height: 1.2; color: #e30b25; } .history-words-box .fl-words .txts { color: #0b1c1e; margin-top: .3rem; } .history-tit-lists .swiper-slide { width: 25%; } .history-number-swiper { height: 3em; font-weight: bold; position: relative; } .history-number-swiper .numer-left, .history-number-swiper .numer-right { width: 50%; height: 100%; font-family: Arial; } .history-number-swiper .numer-left { text-align: right; line-height: 3em; color: #cccccc; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px #cccccc; } .history-number-swiper .numer-right { text-align: left; line-height: 1em; } .history-number-swiper .swiper-container, .history-number-swiper .swiper-wrapper { height: 100%; } .history-number-swiper .swiper-slide { height: 33.33%; color: #e6e8e8; } .history-number-swiper .swiper-slide.swiper-slide-active { color: #e30b25; } .history-number-swiper .glqh { position: absolute; right: 2.75rem; bottom: calc(1em + 1.25rem); color: #333333; font-weight: normal; } .history-number-swiper .glqh .span { width: .9rem; height: .9rem; margin: 0 auto; margin-bottom: .3rem; background: url(../img/b11.png) no-repeat center; background-size: 100%; } .bocweb-header.fixed { position: fixed; width: 100%; left: 0; top: 0; } body.botbg .bocweb-header { background: #fff; } body.botbg .bocweb-header .nav-bots { background: #fff; } .search-dialog2 { position: absolute; left: 0; top: 88px; width: 100%; padding: .8rem 0; color: #000; background-color: #fff; border-top: 1px solid rgba(255, 255, 255, 0.2); opacity: 0; visibility: hidden; transition: all .3s; border-top: 1px solid rgba(0, 0, 0, .1); z-index: 99; } .bocweb-header.cur .search-dialog2 { opacity: 1; visibility: visible; } .search-dialog2 input[type=text] { float: left; width: 85%; height: .8rem; background-color: transparent; color: #000; font-size: .45rem; line-height: .8rem; } .search-dialog2 input[type=submit] { float: right; width: .8rem; height: .8rem; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../imgbox/search.png); background-color: transparent; transition: all .3s; } .tit-250 { font-size: 6.25rem; } .wow { visibility: hidden; } .wow.animated { visibility: visible; } .talent-bots .tr.active .tr-tops { color: #fff; background: #e30b25; border-color: #e30b25; transition: .5s ease-in-out; } .talent-bots .tr.active .tr-tops .td { transition: .5s ease-in-out; border-color: #e30b25; color: #fff; } .tit-100 { font-size: 2.3rem; line-height: 1.2; } .tit-200 { font-size: 5rem; line-height: 1.2; } .history-tit-lists .item { transition: .5s ease-in-out; } .history-tit-lists .item.active { transition: .5s ease-in-out; color: #fff; background: #e30b25; } .messages-forms .selects .i { background: rgba(255, 255, 255, .2); border-top: 1px solid rgba(255, 255, 255, .1); } .news-bots .li .number .tits { transition: .5s ease-in-out; color: rgba(51, 51, 51, .5); } .s-swi .swiper-slide { opacity: 0 !important; } .s-swi .swiper-slide.on, .s-swi .swiper-slide-active { opacity: 1 !important; } .s-swi .swiper-button-next, .s-swi .swiper-button-prev { display: inline-block; vertical-align: top; position: static; margin: 0; background-color: #000; width: 1.2rem; height: 1.2rem; border-radius: 50%; margin: 0 10px; background-size: 30%; transition: .5s ease-in-out; } .s-swibox { font-size: 0; text-align: center; height: 50px; margin-top: 20px; } .history-number-swiper .numer-right { position: relative; } .history-number-swiper .numer-right:before, .history-number-swiper .numer-right:after { height: 20%; width: 100%; content: ""; position: absolute; left: 0; z-index: 5; } .history-number-swiper .numer-right:before { top: 0; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); } .history-number-swiper .numer-right:after { bottom: 0; background-image: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); } @media (min-width: 901px) { .s-swi .swiper-button-next:hover, .s-swi .swiper-button-prev:hover { transition: .5s ease-in-out; background-color: #e30b25; } .studyinfo .industryajax-items .fr { transform: translateY(0); } .studyinfo .industryajax-items:nth-child(2n+1) .images { float: left; } .studyinfo .industryajax-items:nth-child(2n+2) .images { float: right; transform: translateY(3.4rem); } .studyinfo .industryajax-items:nth-child(2n+1) .words { float: right; right: 0; transform: translateY(3.4rem); } .studyinfo .industryajax-items:nth-child(2n+2) .words { float: left; left: 0; } .industryajax-box .industryajax-items:nth-child(2n+1) .images { float: left; } .industryajax-box .industryajax-items:nth-child(2n+2) .images { float: right; } .industryajax-box .industryajax-items:nth-child(2n+1) .words { float: right; } .industryajax-box .industryajax-items:nth-child(2n+2) .words { float: left; } } .honor-center-swiper .swiper-slide { opacity: 0 !important; } .honor-center-swiper .swiper-slide-active { opacity: 1 !important; } .wel-mores .mores b, .wel-mores .mores span { font-weight: normal; } .welnew-rightbots .i-words .mores, .wel-mores .mores { background-color: #e30b25; border-color: transparent; } @media (min-width: 1024px) { .wel-news-box .wel-tits { position: absolute; left: 0; top: 0; } .sec5-list { width: 80%; height: 70%; margin: 10% auto; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; } .bocweb-footerbots .aboutmaps-center .li .imgs { width: 2rem; height: 2rem; } .bocweb-footerbots .aboutmaps-center .li { margin: 0 .1rem; } .about-list4-title .btns .i { transition: .5s ease-in-out; } .about-list4-title .btns .i:hover { transition: .5s ease-in-out; background-color: #e30b25 !important; } .it-active .items-bots a { transition: .5s ease-in-out; } .it-active .items-bots a:hover { color: #fff; background: #e30b25; transition: .5s ease-in-out; } .it-active .items-bots a:before { transition: .5s ease-in-out; } .it-active .items-bots a:hover:before { transition: .5s ease-in-out; background: #fff; } .section2 .wel-news-box { margin-top: 1rem; } .welnew-rightbots .i-words .mores span, .wel-mores .mores b { transition: .5s ease-in-out; } .welnew-rightbots .i-words .mores:hover span, .wel-mores .mores:hover b { transition: .5s ease-in-out; transform: translateX(10px); } .wel-newslist { position: relative; } .wel-newslist .wel-newleft { position: absolute; left: 0; bottom: 0; /*transform:translateY(-50%);*/ /*height: 100%;*/ } .wel-newslist .wel-newleft .welnew-leftbots { /*height: calc(2.7rem + 11.25em)*/ } .welnew-lefttops { /*height: calc(100% - 2.7rem - 11.25em);*/ } .about-list4-title .txts { line-height: 1.5em; height: 4.5em; -webkit-line-clamp: 3; } .about-list4-title .titles { width: 80%; } .industry-titles { position: relative; z-index: 7; margin-top: -3rem; } .news-bots .li .number .txts:before { height: 1.5rem; top: 50%; transform: translateY(-50%); transition: .5s ease-in-out; } .news-bots .li { transition: .5s ease-in-out; } .news-bots .li:hover .number .txts:before { background-color: #e30b25; } .news-bots .li:hover .number .tits { transition: .5s ease-in-out; color: #e30b25; } .news-bots .li:hover { transition: .5s ease-in-out; color: #e30b25; } .social-tit .imgs { max-width: 30%; } .messages-forms .selects .i { transition: .5s ease-in-out; } .messages-forms .selects .i:hover { transition: .5s ease-in-out; background-color: #e30b25; } .talent-bots .list-tops .td { height: 1.75rem; line-height: 1.75rem; } .history-tit-lists .item { transition: .5s ease-in-out; } .history-tit-lists .item:hover { transition: .5s ease-in-out; color: #fff; background: #e30b25; } .honor-center-swiper .span:hover { background-color: #fff; } /* .honor-center .i-u:hover { background: #f5f5f5 !important; }*/ .honor-center-swiper .swiper-button-prev .span:hover { background-image: url(../img/m0.png); } .honor-center-swiper .swiper-button-next .span:hover { background-image: url(../img/m2.png); } .about2-lists .ul-tops:hover { background: #e30b25; color: #fff; transition: .5s ease-in-out; } .about2-lists .ul-tops:hover:before { background: url(../img/jian.png) #fff no-repeat center; background-size: 100%; transition: .5s ease-in-out; } .about3-lists .items { transition: .5s ease-in-out; } .about3-lists .items .words { transition: .5s ease-in-out; } .about3-lists .items:hover img { transition: .5s ease-in-out; transform: scale3d(1.05, 1.05, 1); } .about3-lists .items:hover .words { background: #e30b25; transition: .5s ease-in-out; color: #fff; } .about3-lists .items:hover .words:before { background: url(../img/i14.png) no-repeat center; background-size: 100%; transition: .5s ease-in-out; } .about01-tits .li:hover:before { transition: .5s ease-in-out; opacity: 1; } .wel-mores.active .mores:hover { border-color: transparent; background: #e30b25; } .sec6-box .lists .items:hover .words { transition: .5s ease-in-out; background: rgba(0, 0, 0, 0.5); } .sec6-box .lists .items:hover .words .wel-mores .mores { background-color: #e30b25; border-color: transparent; } .wel-mores .mores { transition: .5s ease-in-out; } .wel-mores .mores:hover { transition: .5s ease-in-out; background: #e30b25; } .welnew-rightbots .itemsleft { transition: .5s ease-in-out; } .welnew-rightbots .itemsleft .i-imgs { overflow: hidden; } .welnew-rightbots .itemsleft img { transition: .5s ease-in-out; } .welnew-rightbots .itemsleft:hover img { transition: .5s ease-in-out; transform: scale3d(1.05, 1.05, 1); } .welnew-rightbots .itemsleft:hover .i-words .mores { background-color: #e30b25; transition: .5s ease-in-out; } .welnew-rightbots .itemsright .i, .wel-newslist .lists .li { transition: .5s ease-in-out; } .welnew-rightbots .itemsright .i:hover, .wel-newslist .lists .li:hover { transition: .5s ease-in-out; color: #e30b25; } .welnew-rightbots .itemsright .i { transition: .5s ease-in-out; } .welnew-rightbots .itemsright .i:hover .tits { transition: .5s ease-in-out; color: #e30b25; } .welnew-rightbots .itemsright .i .tits { transition: .5s ease-in-out; } .welnew-lefttops { overflow: hidden; } .welnew-lefttops .imgs { overflow: hidden; } .welnew-lefttops img { transition: .5s ease-in-out; } .welnew-lefttops:hover img { transition: .5s ease-in-out; transform: scale3d(1.05, 1.05, 1); } .industry-info-bots .items { tramsition: .5s ease-in-out; } .industry-info-bots .items:hover img { transition: .5s ease-in-out; transform: scale3d(1.05, 1.05, 1); } .industry-info-bots .btspan { transition: .5s ease-in-out; } .industry-info-bots .btspan:hover { transition: .5s ease-in-out; background-color: #e30b25; } .newspaper-lists .items { transition: .5s ease-in-out; } .newspaper-lists .items:hover { transition: .5s ease-in-out; } .newspaper-lists .items:hover img { transition: .5s ease-in-out; transform: scale3d(1.05, 1.05, 1); } .newspaper-lists .items:hover .more { transition: .5s ease-in-out; background: #e30b25; } .news-boxlist .selects-bots .i-i0 { transition: .5s ease-in-out; } .news-boxlist .selects-bots .i-i0:hover { transition: .5s ease-in-out; color: #fff; background: #e30b25; } .bocweb-footerbots .select .selects-bots a { transition: .5s ease-in-out; } .bocweb-footerbots .select .selects-bots a:hover { transition: .5s ease-in-out; background: #e30b25; } .talent-tops .select .sel-tops:hover { color: #fff; background-color: #e30b25; transition: .5s ease-in-out; } .talent-tops .select .sel-tops:hover:before { background: url(../img/b2.png) no-repeat center; background-size: 100%; transition: .5s ease-in-out; } .talent-tops .select .li { transition: .5s ease-in-out; } .talent-tops .select .li:hover { color: #fff; background-color: #e30b25; transition: .5s ease-in-out; } .talent-bots .close, .talent-bots .mailbox a { transition: .5s ease-in-out; } .talent-bots .close:hover, .talent-bots .mailbox a:hover { transition: .5s ease-in-out; transform: translateY(-10px); } .talent-bots .tr .tr-tops:hover { color: #fff; background: #e30b25; border-color: #e30b25; transition: .5s ease-in-out; } .talent-bots .tr .tr-tops:hover .td { transition: .5s ease-in-out; border-color: #e30b25; color: #fff; } .industry-titles .itemsbox .items { transition: .5s ease-in-out; } .industry-titles .itemsbox .items:hover { transition: .5s ease-in-out; } .industry-titles .itemsbox .items:hover .span:before { opacity: 1; transition: .5s ease-in-out; } .industryajax-items { transition: .5s ease-in-out; } .industryajax-items:hover img { transition: .5s ease-in-out; transform: scale3d(1.05, 1.05, 1); } .industryajax-items:hover .words .more { background-color: #e30b25; } } body { min-height: 100vh; } @media (max-width: 1850px) { .section3 .wel-con-box { width: 1500px; } } @media (max-width: 1750px) { .news-boxlist .txt2s .i.input { width: 8.5rem; } .honor-center-swiper .span { margin-top: 2rem; } .honor-center-swiper .text-bots, .honor-center-swiper .text-tops-btns .i-u { padding: 1rem .5rem; } .honor-center-swiper .text-bots .txts-time { margin-top: .6rem; } .honor-center-swiper .text-bots .tits { font-size: 1.1rem; } .se4-box .words { padding-left: 3.2rem; } .se4-box .words .txts:before { width: 2.8rem; left: -2.8rem; } .sec6-box .lists .items .words { padding: 1rem; padding-top: 2rem; } .section3 .wel-con-box { width: 1300px; } } @media (max-width: 1500px) { .w1500 { max-width: 85%; } .section3 .wel-con-box { width: 1100px; } } @media (max-width: 1350px) { .section3 .wel-con-box { width: 1000px; } } @media (max-width: 1190px) { .section3 .wel-con-box { width: 900px; } .history-words-box { padding-left: 2rem; padding-right: 2rem; } } @media (max-width: 1500px) { .honor-center-swiper .span { margin-top: 1.2rem; width: 1.2rem; height: 1.2rem; } .welnew-rightbots .i-words { padding: .4rem .5rem; } } @media (max-width: 1370px) { .w1400 { max-width: 85%; } .news-boxlist .txt2s .i.input { width: 9rem; } .tit-100 { font-size: 2rem; } } .mvideo { position: relative; } .mvideo:after { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; background: rgba(0, 0, 0, 0.4); } .mvideo:before { position: absolute; content: ""; width: 40px; height: 40px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: url(../imgbox/videos.png) no-repeat center; background-size: 100%; z-index: 2; } .sec5-swiper .swiper-pagination { width: 100%; position: absolute; width: 100%; bottom: .5rem; } .sec5-swiper .swiper-pagination .swiper-pagination-bullet { margin: 0 5px; opacity: 1; background: #ccc; } .sec5-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #e30b25; } @media (max-width: 1190px) { .news-boxlist .txt2s .i.input { width: 8rem; margin-left: .3rem; } .se4-box .numlists .li:nth-child(n+2) { margin-left: .4rem; } } .talent-tops { position: relative; z-index: 5; } .about-list4-title .tits { line-height: 1.5em; height: 1.5em; overflow: hidden; } @media (max-width: 1023px) { .history-number-listbox { border-right: 1px solid #e0e0e0; } .jzhs { text-align: center; width: 92%; margin: 0 auto; margin-bottom: .95rem; color: #000; } .wel-newslist .lists .li { padding-right: 3.1rem; } .con-header { position: relative; height: 50px; } .industry-info-bots .swiper-button-prev, .industry-info-bots .swiper-button-next { top: 2.5rem; } .about-list4-title .titles { width: 70%; } .about-list4-title .txts { line-height: 1.5em; height: 4.5em; -webkit-line-clamp: 3; } .wow { opacity: 1; visibility: visible !important; } .search-dialog .search { width: 100%; } .tit-250 { font-size: 5rem; } .w1400 { max-width: 92%; } .aboutmaps-center .li .span { margin-top: .3rem; } .aboutmaps-center .li { width: 33.33%; } .talent-tops { position: relative; z-index: 5; } .talent-tops .select .sel-tops { width: 100%; } .talent-tops .talent-fl { width: 100%; padding-right: 0; } .talent-tops .talent-fr { width: 100%; margin-top: 1rem; } .contacts-boxlist .con-items1 { padding-top: 1.5rem; } .isscroll2 { display: none; } .section6 .wel-tits { text-align: center; } .section6 .wel-con-box { max-width: 100%; } .section1 { padding-top: 0; } .sec6-box .lists .items { margin-left: 0; } .wel-con-box, .wel-news-box { position: static; transform: none; padding: 1rem 0; } .w1470, .w1500 { max-width: 92%; } .se4-box .words { padding-left: 1.5rem; padding-right: 1.5rem; } .se4-box .words .txts:before { width: 1rem; left: -1rem; } .welnew-rightbots .itemsright { padding-left: 0; } .welnew-rightbots .itemsright, .welnew-rightbots .itemsleft { width: 100%; } .wel-banner video { display: none; } .section { /*height: 100vh;*/ position: relative; } .section7 { min-height: auto; height: auto; } .about01-tits .li { width: auto; padding-left: 1rem; padding-right: .6rem; } .about-items1 { padding-top: 1.5rem; } .con-boxlist .con-fleft.fixed { position: static; } .industry-info-bots .swiper-slide { width: 32%; margin-right: 2%; } .industryajax-items .words { padding: .7rem; } .industryajax-items .words .txts { margin-top: .6rem; } .industryajax-items .words .more { margin-top: 1rem; } .news-bots .li .text { padding-left: 5%; padding-right: 5%; } .news-bots .li .box { height: auto; line-height: 1.5; } .news-bots .li .number { position: static; width: 100%; text-align: left; padding: 0 5%; } .con-boxlist .tit-menu { display: none; } .con-boxlist .con-fleft { position: static; padding-top: 1rem; padding-bottom: 1rem; max-width: 85%; width: 100%; margin: 0 auto; float: none; } .social-items1 { padding-top: 1rem; padding-bottom: 1.5rem; } .news-bots .lists { border-right: 1px solid #e1e1e1; } .news-items1 { padding-top: 1rem; padding-bottom: 1.5rem; } .news-tops:before { width: 100%; } .news-bots .li:before { width: 100%; } .w290 { width: 100%; } .news-boxlist .txt2s { width: 100%; margin-top: .7rem; } .news-boxlist .txt2s .i.select { width: 35%; } .news-boxlist .txt2s .i.input { width: 55%; margin-left: 5%; } .con-boxlist { min-height: auto; } .section6 .wel-con-box { padding-bottom: 0; } .aboutmaps-tops .txts { width: 100%; } .social-tit .imgs { position: static; transform: none; width: 100%; margin-top: 1rem; } } .sec6-box .swiper-slide { opacity: .5; } .sec6-box .swiper-slide-active { opacity: 1; } @media (max-width: 900px) { .history-tit-lists .swiper-slide { width: 40%; } .history-number-swiper .glqh { display: none; } .history-words-box .imgs, .history-words-box .fl-words { width: 100%; padding-right: 0; } .history-words-box .imgs { margin-top: 1rem; } .sec6-box .lists .items .words { padding: 1rem; } .industryajax-items .images, .industryajax-items .words { width: 100%; } .se4-box .number { margin-top: 1.75rem; } .studyinfo { padding-bottom: 1.5rem; } .studyinfo .industryajax-items .words { position: static; } .studyinfo .industryajax-items .fr { transform: none; } .studyinfo .lists { padding-bottom: 0; } .studyinfo .industryajax-items:nth-child(n+2) { margin-top: 1rem; } .wel-newslist .wel-newleft, .wel-newslist .wel-newright { width: 100%; } .wel-newslist .wel-newright { padding-left: 0; } .se4-box .images, .se4-box .words { width: 100%; } } .honor-toplist { position: relative; z-index: 2; } @media (min-width: 768px) { .about2-lists .ul-botss { position: relative; } .about2-lists .ul-botss .ul-leftwords { position: absolute; height: 100%; left: 0; overflow-y: auto; padding-right: 6px; } } @media (max-width: 767px) { .videos-lists .videimgs { height: 5.2rem; } .history-tit-lists .item { padding: .3rem .4rem; } .social-tit .imgs { display: none; } .jzhs .wel-tits, .section6 .wel-tits, .se4-box .words .tits, .wel-news-box .wel-tits { font-size: 18px; font-weight: bold; color: #000; text-align: center; } .section3 .wel-tits { text-align: left; width: 92%; margin: 0 auto; margin-bottom: .95rem; } .industry-info-bots .swiper-button-prev, .industry-info-bots .swiper-button-next { top: 6rem; } .history-tit-lists .swiper-slide { width: 70%; } .industry-info-top .words-swiper .swiper-pagination { margin-top: .6rem; } .talent-bots .td1 { padding: 0 .2rem; padding-left: .35rem; } .talent-bots .td.td3 { display: none; } .talent-bots .td.td1 { width: 40%; } .talent-bots .td.td2 { width: 60%; } .messages-forms .forms-left, .messages-forms .forms-right { width: 100%; } .messages { padding-top: 1rem; padding-bottom: 1.5rem; } .messages-forms .forms-right { padding-left: 0; margin-top: 1rem; } .section4 .wel-con-box { width: 100%; max-width: 100%; } .section4 { padding-bottom: 1rem; } .se4-box .imgs .span { bottom: -1.5em; left: 3%; width: 92%; text-align: right; } .fadeInUp { visibility: visible !important; } .bocweb-footerbots .select .selects-tops { height: 1.5rem; line-height: 1.5rem; } .honor-center-swiper .items-text, .honor-center .items-images { width: 100%; position: static; } .honor-imgbox .items { width: 100%; margin-left: 0; } .honor-center-swiper .items-text { padding: 1rem 0; } .honor-center-swiper .text-tops-btns { position: absolute; bottom: -2rem; left: 0; top: auto; width: 100%; display: none; } .honor-center-swiper .text-bots, .honor-center-swiper .text-tops-btns .i-u { padding: 0; } .honor-center-swiper .text-tops-btns .i-u .time, .honor-center-swiper .text-tops-btns .i-u .txts-01 { display: none; } .brand-lists .lists-bots .libots-left { padding: 20px; } .brand-lists .lists-bots .libots-left { display: none; } .brand-lists .lists-bots .libots-right { height: auto; min-height: auto; } .brand-lists .lists-bots .libots-right, .brand-lists .lists-bots .libots-left { width: 100%; position: static; transform: none; } .about2-lists .ul-tops { padding-left: .5rem; } .about01-tits .li { width: 50%; } .about2-lists .ul-bots .ul-rightimgs { width: 100%; padding-left: 0; margin-top: 1rem; } .about2-lists .ul-bots .ul-leftwords { width: 100%; } .about-one .words-bots { padding-right: 4rem; } .about-one .ab-bots-right { right: 1.5rem; } .about-one .words-bots { width: 95%; } .about-one .words-bots .li { padding-left: 1rem; padding-right: 1rem; } .ab-video img { max-width: 150%; width: 150%; margin-left: -25%; } .ab-video .words { width: 100%; } .industry-info-top { padding-bottom: 1rem; } .about-one .words-bots .span-bot { line-height: 1.5; } .industry-info-bots { padding-bottom: 1.5rem; } .industry-info-bots .swiper-slide { width: 100%; } .industry-info-bots .swiper-slide img { width: 100%; } .industryajax-box { padding-bottom: 1.5rem; } .industry-titles .itemsbox { padding: 0; } .videos-lists .videspan { height: 5em; line-height: 5em; padding: 0 4%; } .videos-lists .items { width: 49%; margin-left: 2%; } .newspaper-lists .items .more { width: 100px; height: 30px; line-height: 30px; border-radius: 30px; } .newspaper-lists .items:nth-child(n+2) { margin-top: .7rem; } .newspaper-lists .items { width: 100%; margin-left: 0; } .con-boxlist .con-fleft, .w1400 { max-width: 92%; } .news-tops .imgs { width: 100%; } .news-tops .imgs img { width: 100%; } .news-tops .words { width: 100%; padding-left: 0; margin-top: .5rem; } .news-bots .li { padding-top: .4rem; padding-bottom: .4rem; } .section6 .wel-tits { width: 92%; margin-left: auto; margin-right: auto; } .jzhs .wel-tits, .section6 .wel-tits, .se4-box .words .tits, .wel-news-box .wel-tits { text-align: left; color: #666; position: relative; padding-bottom: 8px; } .jzhs .wel-tits:before, .section6 .wel-tits:before, .se4-box .words .tits:before, .wel-news-box .wel-tits:before { position: absolute; width: 1rem; height: 2px; background: #666; left: 0; bottom: 0; content: ""; } .about-one .words-bots { padding-right: 0; } .about-one .ab-bots-right { display: none !important; } .about-one .words-bots .nums .span-num, .about-one .words-bots .nums { display: inline-block; } } /*# sourceMappingURL=style.css.map */