@font-face { font-family: 'dinbold'; src: url("fonts/DIN-Bold.eot"); src: url("fonts/DIN-Bold.eot") format("embedded-opentype"), url("fonts/DIN-Bold.woff") format("woff"), url("fonts/DIN-Bold.ttf") format("truetype"), url("fonts/DIN-Bold.svg#DIN-Bold") format("svg"); } @font-face { font-family: 'helve'; src: url("fonts/Helvetica LT Compressed.eot"); src: url("fonts/Helvetica LT Compressed.eot") format("embedded-opentype"), url("fonts/Helvetica LT Compressed.woff") format("woff"), url("fonts/Helvetica LT Compressed.ttf") format("truetype"), url("fonts/Helvetica LT Compressed.svg#Helvetica LT Compressed") format("svg"); } .helve { font-family: "helve"; } .f-more{ color: #fff!important; } .f-more span{ font-family: "瀹嬩綋"; font-size: 90%; } .dinbol { font-family: "dinbold"; } .honor4-items .items .imgs{ overflow: hidden; } .x1023,.x767{ display: none; } .m-header .nav-sousuo{ background: url(../img/search1.png) no-repeat center; background-size: 25px 25px; } .duibi-box{ position: fixed; width: 2rem; height: 2rem; background:#000; text-align: center; line-height: 2rem; border-radius: 50%; right: 1.5rem; bottom: 2rem; z-index: 20; color:#fff; background:#999; transition:.5s ease-in-out; cursor: pointer; } .duibi-box:hover{ transition:.5s ease-in-out; background:#e87717; } .dinbold { font-family: "dinbold"; } .fa { background: #fafafa; } .wel-banner .images{ background-repeat: no-repeat; background-size: cover; background-position: center center; } .bocweb-subnav .bocweb-subnav-bot a span{ display: inline-block; vertical-align: middle; line-height: 1.5; } .fc { background: #fcfcfc; } body,html{ } .newsinfo td{ border:1px solid rgba(0,0,0,.1); } .culture-tops .culturetit .box .txts{ color:#555; } .lb-data .lb-close{ position: absolute; right: 5%; top: 5%; } input, select { border: none; outline: none; background: none; } .forie { width: 100%; height: 100%; background: #eaeaea url(../img/jpg/tishi.png) center no-repeat; position: fixed; top: 0; left: 0; z-index: 500; } .wow { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); transition: .5s ease-in-out; } .wow.cur { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); visibility: visible !important; transition: .5s ease-in-out; } .wow.animated { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: .7s ease-in-out; visibility: visible; } .wow.animated { visibility: visible; } .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; } body { font-size: 14px; color: #222; line-height: 1.5; overflow: hidden; position: relative; } /*header*/ header { height: 120px; } .bocweb-logo { position: absolute; left: 0; top: 0; } .bocweb-logo img { display: inline-block; vertical-align: middle; } .pd100 { padding-left: 2.5rem; padding-right: 2.5rem; } .header-pc { line-height: 120px; height: 120px; } .bocweb-header { position: relative; z-index: 20; background: #fff; } .bocweb-header.fixed { position: fixed; width: 100%; left: 0; top: 0; } .bocweb-header.fixed .header-pc{ line-height: 80px; height: 80px; } .bocweb-header.fixed .bocweb-mainnav-right .items .items-bot, .bocweb-header.fixed .bocweb-subnav .bocweb-subnav-bot{ top: 79px; } .bocweb-mainnav-right .items2.items2-lang .items-top{ padding-left: 20px; background: url(../img/en01.png) no-repeat left center; } .bocweb-mainnav-right .items2 .items2-lang .items-top:after{ } .bocweb-header.fixed .bocweb-logo{ width: 8rem; } .stock-lists .tit-list .i{ float:left; width: 33.33%; line-height: 35px; height: 35px; text-align: center; color:#222222; border:1px solid #f1f1f1; cursor: pointer; transition:.5s ease-in-out; } .stock-lists .tit-list .i:hover,.stock-lists .tit-list .i.active{ transition:.5s ease-in-out; background:#b8b8b8; color:#fff; } .bodyactive .bocweb-header { /*position: absolute;*/ width: 100%; } .bocweb-logo { display: block; width: 9.4rem; } .bocweb-mainnav { width: calc(100% - 9.4rem); } .bocweb-subnav { display: inline-block; vertical-align: middle; /*position: relative;*/ } .bocweb-subnav .bocweb-subnav-bot { position: absolute; display: none; width: 100%; left: 0; top: 119px; /*border-top: 1px solid #e2e7e1;*/ /*height: 110px;*/ font-size: 0; background: #fff; text-align: center; line-height: 2; padding: 0 10%; } .bocweb-subnav .bocweb-subnav-bot:before { position: absolute; content: ""; left: -50%; width: 200%; height: 1px; background: #e2e7e1; top: 0; } .bocweb-subnav .bocweb-subnav-bot a { /*display: block;*/ /*line-height: 110px;*/ line-height: 80px; display: inline-block; color: #222222; font-size: 16px; text-align: center; /*width: 12.5%;*/ margin:0 1rem; } .bocweb-mainnav-right { position: absolute; right: 0; top: 0; font-size: 0; } .bocweb-mainnav-right .items { display: inline-block; vertical-align: middle; font-size: 15px; color: #222222; position: relative; } .bocweb-mainnav-right .items .items-top { padding: 0 .375rem; } .bocweb-mainnav-right .items .items-bot { position: absolute; width: 100%; left: 0; top: 120px; } .bocweb-mainnav-right .items2 .items-top { padding-right: 18px; position: relative; margin-right: .375rem; } .bocweb-mainnav-right .items2 .items-top:before { position: absolute; width: 11px; height: 7px; content: ""; right: 0; top: 0; bottom: 0; margin: auto; background: url(../img/ico/sj.png) no-repeat center; background-size: 100%; } .bocweb-mainnav-right a { color: #222222; display: inline-block; } .bocweb-mainnav-right .items:last-child .items-top { margin-right: 0; } .bocweb-mainnav-left { text-align: center; font-size: 0; color: #222222; font-weight: bold; } .bocweb-mainnav-left .bocweb-subnav { display: inline-block; vertical-align: middle; font-size: 16px; } .bocweb-mainnav-left a { color: #222222; } .bocweb-mainnav-left .bocweb-subnav-top { padding: 0 .6rem; display: block; } .bocweb-mainnav-right .items .items-bot { display: none; background: #fff; color: #222; text-align: center; line-height: 1.6; padding: 10px 0; } .bocweb-mainnav-right .items .items-bot .li{ padding: 5px 0; } .bocweb-logo { left: 2.5rem; } .bocweb-mainnav-right { right: 2.5rem; } .m-header{ z-index: 100; } .pd160 { padding-left: 4rem; padding-right: 4rem; } @media screen and (max-width: 1750px) { .pd100 { padding-left: 2rem; padding-right: 2rem; } .bocweb-logo { left: 2rem; } .bocweb-mainnav-right { right: 2rem; } } @media screen and (max-width: 1600px) { .bocweb-subnav .bocweb-subnav-bot a, .bocweb-subnav .bocweb-subnav-bot { line-height: 80px; /*height: 80px;*/ } .pd100 { padding-left: 1.5rem; padding-right: 1.5rem; } .bocweb-logo { left: 1.5rem; } .bocweb-mainnav-right { right: 1.5rem; } .bocweb-subnav .bocweb-subnav-bot a, .bocweb-mainnav-right .items, .bocweb-mainnav-left .bocweb-subnav { font-size: 14px; } .bocweb-mainnav-left .bocweb-subnav{ font-size: 15px; } .bocweb-mainnav-left .bocweb-subnav-top { padding: 0 .5rem; } .header-pc { line-height: 100px; height: 100px; } .bocweb-subnav .bocweb-subnav-bot { top: 99px; } .bocweb-mainnav-right .items .items-bot{ top: 90px; } } .bocweb-header.fixed .bocweb-mainnav-right .items .items-bot{ top: 70px;} @media screen and (max-width: 1350px) { .pd100 { padding-left: 1.3rem; padding-right: 1.3rem; } .bocweb-logo { left: 1.3rem; } .bocweb-mainnav-right { right: 1.3rem; } .bocweb-mainnav-right .items .items-top { padding: 0 .25rem; } .bocweb-mainnav-right .items2 .items-top { padding-right: 15px; margin-right: .25rem; } .bocweb-mainnav-right .items:last-child .items-top { margin-right: 0; } } @media screen and (max-width: 1190px) { .bocweb-logo { width: 8rem; } .bocweb-mainnav-right .items, .bocweb-mainnav-left .bocweb-subnav { font-size: 13px; } .pd100 { padding-left: 1rem; padding-right: 1rem; } .bocweb-logo { left: 1rem; } .bocweb-mainnav-right { right: 1rem; } .bocweb-mainnav-left .bocweb-subnav-top { /*padding: 0 .25rem;*/ } .bocweb-mainnav-right .items2 .items-top { padding-right: 12px; } } .bocweb-mainnav-right a, .bocweb-mainnav-left a { /*transition: .5s ease-in-out;*/ } .bocweb-mainnav-right a.active, .bocweb-mainnav-left a.active { color: #e87717; /*transition: .5s ease-in-out;*/ } .clippath { display: inline-block; vertical-align: top; /*-webkit-clip-path: polygon(0 0, 95% 0, 100% 100%, 0 100%);*/ clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%); -ms-clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%); /* IE 9 */ -moz-clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%); /* Firefox */ -webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%); /* Safari Chrome */ -o-clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%); /* Opera */ line-height: 1.5rem; height: 1.5rem; color: #fff; padding-left: .75rem; padding-right: 1rem; /*background:#6a7cb2;*/ } .clippath:hover { background: #e87717 !important; color: #fff; tansitikon: .5s ease-in-out; } /*header*/ .ft17 { font-size: 17px; } .tc { text-align: center; } .ft18s { font-size: .45rem; } .ft22 { font-size: .55rem; } .ft20 { font-size: .5rem; } .ft400 { font-size: 10rem; } .ft32 { font-size: .8rem; } .ft72 { font-size: 1.8rem; } .ft140 { font-size: 3.5rem; } .ft15 { font-size: 15px; } .ft14 { font-size: 14px; } .ft54 { font-size: 1.35rem; } .ft24 { font-size: .6rem; } .ft36 { font-size: .9rem; } .ft28 { font-size: .7rem; } .ft16 { font-size: 16px; } .ft18 { font-size: 18px; } .ft42 { font-size: 1.05rem; } .f5 { background: #f5f5f5; } .ft44 { font-size: 1.1rem; } .fe { background: #fefefe; } .ft30 { font-size: .75rem; } .bold { font-weight: bold; } .ft40 { font-size: 1rem; } /*footer*/ .bocweb-footer { position: relative; z-index: 2; } .bocweb-footer .footer-top { height: 465px; background: url(../img/bots-bg.png) no-repeat center top; background-size: cover; } .bocweb-footer .footertop-left, .bocweb-footer .footertop-right { width: 50%; padding-top: 2.25rem; color: #fff; } .bocweb-footer .footertop-left .logo { width: 315px; height: 85px; display: block; } .bocweb-footer .footertop-left .inputs { margin-top: 1rem; width: 380px; height: 67px; line-height: 67px; position: relative; } .bocweb-footer .footertop-left .inputs input { height: 100%; } .bocweb-footer .footertop-left .inputs input::-webkit-input-placeholder { color: #fff; } .bocweb-footer .footertop-left .inputs input::-moz-placeholder { color: #fff; } .bocweb-footer .footertop-left .inputs input:-moz-placeholder { color: #fff; } .bocweb-footer .footertop-left .inputs input:-ms-input-placeholder { color: #fff; } .bocweb-footer .footertop-left .inputs span, .bocweb-footer .footertop-left .inputs input[type=submit] { width: 94px; position: absolute; right: 0; top: 0; height: 100%; text-align: center; background: #fff; color: #333333; } .bocweb-footer .footertop-left .inputs input[type=text] { width: 285px; border: 1px solid rgba(255, 255, 255, 0.2); padding: 0; padding-left: 28px; color: #ffffff; font-size: 18px; } .bocweb-footer .footertop-left .inputs input[type=submit] { z-index: 3; opacity: 0; filter: alpha(opacity=0); } .bocweb-footer .footertop-left .inputs span { z-index: 1; } .bocweb-footer .qqbox { display: block; position: relative; margin-top: 40px; } .bocweb-footer .footertop-right { font-weight: bold; padding-left: 3rem; } .bocweb-footer .footertop-right .tits { line-height: 1; } .bocweb-footer .footertop-right .wens { font-size: 16px; line-height: 38px; margin-top: 20px; } .qqbox { position: relative; text-align: center; font-weight: bold; color: #222222; font-size: 16px; width: 157px; height: 65px; line-height: 65px; background: #fff; transition: .5s ease-in-out; } .qqbox:hover { transition: .5s ease-in-out; color: #222222; } .qqbox b { font-weight: bold; display: inline-block; vertical-align: middle; line-height: 1.5; } .qqbox span { display: inline-block; vertical-align: middle; background: url(../img/qq.png) no-repeat center; background-size: 100%; width: 22px; height: 22px; margin-right: 8px; transition: .5s ease-in-out; } .footerbots-bots { border-top: 1px solid #d1d0cb; line-height: 75px; height: 75px; font-size: 15px; color: #222222; } .footerbots-bots .f-right { font-size: 0; } .footerbots-bots .f-right .items { display: inline-block; vertical-align: middle; font-size: 15px; color: #222222; transition: .5s ease-in-out; } .footerbots-bots .f-right .items.beian{ position: relative; } .footerbots-bots .f-right .items.beian .spans{ position: absolute; top: -1rem; /*left: 50%;*/ right: 0; text-align: right; /*transform:translateX(-50%);*/ width: 15em; line-height: 1rem; height: 1rem; opacity: 0; transition:.5s ease-in-out; } .footerbots-bots .f-right .items.beian:hover .spans{ opacity: 1; transition:.5s ease-in-out; } .footerbots-bots .f-right .items:nth-child(n+2) { margin-left: 1.2rem; } .footerbots-bots .f-right .items:hover { color: #e87717; } .footerbots-top { height: 135px; padding-top: 38px; } .footerbots-top .footerbotstop-left { width: calc(100% - 175px); font-size: 0; } .footerbots-top .footerbotstop-left .items { display: inline-block; font-size: 18px; font-weight: bold; color: #222222; transition: .5s ease-in-out; } .footerbots-top .footerbotstop-left .items:hover { transition: .5s ease-in-out; color: #e87717; } .footerbots-top .footerbotstop-left .items:nth-child(n+2) { margin-left: 2.25rem; } .footerbots-top .fx { font-size: 0; width: 175px; } .footerbots-top .fx .items { display: inline-block; vertical-align: middle; padding: 0; margin: 0; width: 45px; height: 45px; background: transparent; border: 2px solid #000000; color: #000000; border-radius: 50%; font-size: 24px; line-height: 45px; text-align: center; } .footerbots-top .fx .items:nth-child(n+2) { margin-left: 15px; } /*footer*/ .bd_weixin_popup { box-sizing: content-box; } .noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently not supported by any browser */ } /*con-banner*/ .con-banner { position: relative; } .con-banner .images { height: 17rem; } .con-banner.ons .images { height: 22.5rem; } .con-banner .con-words { position: absolute; top: 50%; left: 50%; text-align: center; padding: 0 1%; width: 100%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); /* IE 9 */ -moz-transform: translate(-50%, -50%); /* Firefox */ -webkit-transform: translate(-50%, -50%); /* Safari Chrome */ -o-transform: translate(-50%, -50%); /* Opera */ color: #fff; line-height: 1.1; } .con-banner .con-words .tits { font-weight: bold; } .con-banner .con-words .txts { margin-top: .8rem; } .c00 { color: #000000; } /*con-banner*/ /*news*/ .ui-datepicker td span, .ui-datepicker td a { text-align: center !important; } #ui-datepicker-div { background: #fff; } .news-botstitlists { padding: 1.875rem 0; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; line-height: 1.6rem; } .news-botstitlists .newstits-right { max-width: calc(100% - 6rem); font-size: 0; } .news-botstitlists .newstits-right .items { display: inline-block; vertical-align: middle; position: relative; width: 9.75rem; height: 1.6rem; border-radius: 5px; background: #fff; cursor: pointer; } .news-botstitlists .newstits-right .items .before, .news-botstitlists .newstits-right .items:before { position: absolute; z-index: 1; content: ""; width: 20px; height: 20px; right: 1.2rem; top: 0; bottom: 0; margin: auto; } .news-botstitlists .newstits-right .items:nth-child(n+2) { margin-left: .6rem; } .news-botstitlists .newstits-right .items input { width: 100%; height: 100%; position: relative; z-index: 5; } .news-botstitlists .newstits-right .items.item-input { width: 3.425rem; } .news-botstitlists .newstits-right .items.item-input input { background: #222222; transition:.5s ease-in-out; color: #ffffff; font-size: 18px; } .news-botstitlists .newstits-right .items.item-input input:hover{ background: #e87717; transition:.5s ease-in-out; } .news-botstitlists .newstits-right .items.items2:before{ display: none; } img.jkimgs{ margin-top: .5rem; } .news-botstitlists .newstits-right .items.items2 .before, .news-botstitlists .newstits-right .items.items2:before { background: url(../img/i1.png) no-repeat center; background-size: 100%; } .news-botstitlists .newstits-right .items.items2 .items-top { position: relative; padding-right: 1.625rem; z-index: 5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; height: 1.6rem; } .news-botstitlists .newstits-right .items.items2 .num { padding-left: 3.125rem; display: block; color: #888888; } .news-botstitlists .newstits-right .items.items2 .i { position: absolute; left: 1.25rem; } .news-botstitlists .newstits-right .items.items1 { padding-left: 3.625rem; } .news-botstitlists .newstits-right .items.items1 .before, .news-botstitlists .newstits-right .items.items1:before { background: url(../img/i0.png) no-repeat center; background-size: 100%; } .news-botstitlists .newstits-right .items.items1 .i { position: absolute; left: 1.25rem; } .news-botstitlists .newstits-right .items.items1 .inputs { padding-right: 1.625rem; z-index: 2; } .news-botstitlists .newstits-right .items .items-bots { position: absolute; z-index: 5; background: #fff; color: #222; width: 100%; text-align: center; padding: 0 5px; padding-right: 4px; line-height: 1.25rem; height: 6rem; overflow-y: auto; display: none; } .news-botstitlists .newstits-right .items .items-bots .li { transition: .5s ease-in-out; } .news-botstitlists .newstits-right .items .items-bots .li:hover { transition: .5s ease-in-out; background: #e87717; color: #fff; } .news-botstitlists .newstits-left { max-width: 6rem; } .news-botstitlists .newstits-left span { display: inline-block; vertical-align: middle; margin-left: .4rem; } .fenxiang { font-size: 0; padding: 0 10px; line-height: 40px; height: 40px; background: rgba(0, 0, 0, 0.5); } .fenxiang .items { font-size: 16px; background: transparent; margin: 0; color: #ffffff; padding: 0; margin: 0 5px; display: inline-block !important; vertical-align: middle; transition: .5s ease-in-out; float: none; line-height: 20px; height: 20px; } .fenxiang .items:hover { transition: .5s ease-in-out; color: #e87717; } .news-box .fenxiang { position: absolute; right: 0; top: 1.5rem; z-index: 2; } .news-box .news-tops { padding-top: 2.5rem; padding-bottom: 1.5rem; } .news-box .news-tops .time { line-height: 1; color: #333333; } .news-box .news-tops .cons-more { margin-top: 1.5rem; } .news-box .news-tops .tits, .news-box .news-tops .txts { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .news-box .news-tops .tits { line-height: 1rem; height: 2rem; margin-top: 1.25rem; margin-bottom: .5rem; } .news-box .news-tops .txts { line-height: 28px; height: 56px; } .news-box .news-tops .items { position: relative; display: block; } .news-box .news-tops .items .imgs { width: 100%; height: 480px; transition: .5s ease-in-out; display: block; } .news-box .news-tops .items .words { position: absolute; right: 0; top: 0; padding: 1.875rem 2rem 1.75rem 1.875rem; } .news-box .news-tops .items:hover .imgs { transition: .5s ease-in-out; transform: scale3d(1.05, 1.05, 1); } .news-box .news-tops .images, .news-box .news-tops .words { width: 50%; display: block; color: #222222; } .news-box .news-tops .images { position: relative; overflow: hidden; } .news-box .news-tops .images img { transition: .5s ease-in-out; } .news-box .con-titbox { margin-bottom: 1.5rem; } .news-box .swiper-paginations { position: relative; display: inline-block; vertical-align: middle; padding-top: .75rem; } .news-box .swiper-paginations .swiper-pagination-bullet { font-size: 18px; color: #222222; width: auto; line-height: 22px; height: 22px; background: transparent; opacity: 1; } .news-box .swiper-paginations .swiper-pagination-bullet:nth-child(n+2) { margin-left: .75rem; } .news-box .swiper-paginations .swiper-pagination-bullet-active { color: #e87717; } .con-titbox { position: relative; } .con-tits { position: relative; color: #000000; padding-left: 1.35rem; } .con-tits img { position: absolute; width: 0.875rem; left: 0; top: 0; bottom: 0; margin: auto; display: block; } .cons-more { display: inline-block; vertical-align: top; padding-right: 1.25rem; position: relative; /*width: (165rem/40);*/ height: 1.625rem; line-height: 1.625rem; background: url(../img/mores.png) no-repeat center right; background-size: cover; padding-left: .75rem; color: #fff; font-size: 14px; font-family: "dinbold"; text-transform: uppercase; transition: .5s ease-in-out; } .cons-more:hover { background: url(../img/mores2.png) no-repeat center right; transition: .5s ease-in-out; background-size: cover; color: #fff; } .cons-more.on { background: url(../img/more.png) no-repeat center right; transition: .1s ease-in-out; background-size: cover; color: #000; } .cons-more.on:hover { background: url(../img/mores2.png) no-repeat center right; transition: .1s ease-in-out; background-size: cover; color: #fff; } .news-botstits { position: relative; z-index: 3; } .news-bots-lists { padding-bottom: 5.375rem; position: relative; z-index: 1; } .news-bots-lists .lists { padding-bottom: 2.625rem; } .news-bots-lists .items { display: block; padding-top: 1.5rem; padding-bottom: 1.25rem; border-bottom: 1px solid #d0d0d0; font-size: 0; } .news-bots-lists .items .images, .news-bots-lists .items .words { display: inline-block; vertical-align: middle; font-size: 14px; } .news-bots-lists .items:hover img { transition: .5s ease-in-out; transform: scale3d(1.05, 1.05, 1); } .news-bots-lists .items .images { width: 9.25rem; overflow: hidden; } .news-bots-lists .items .images img { display: block; transition: .5s ease-in-out; } .news-bots-lists .items .words { width: calc(100% - 9.25rem); padding-left: 1.75rem; padding-right: 1.5rem; color: #333333; } .news-bots-lists .items .words .time { line-height: 1; } .news-bots-lists .items .words .tits { color: #222222; line-height: .8rem; height: .8rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; margin-top: .65rem; margin-bottom: .4rem; } .news-bots-lists .items .words .txts { line-height: 36px; height: 72px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } /*news*/ /*newsinfo*/ .com-more .a1 { display: block; width: 185px; height: 54px; line-height: 54px; text-align: center; background: #FFFFFF; color: #083b71; position: relative; border: none; border-bottom: 2px solid #DDDDDD; text-transform: uppercase; cursor: pointer; outline: none; } .com-more .a1:hover { color: #fff; } .com-more .a1:before { position: absolute; width: 100%; height: 2px; content: ''; bottom: -2px; z-index: 1; left: 0; transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); transform: scaleX(0.18); transform-origin: left; background: #e87717; } .com-more .a1 .i-dw { color: #e87717; margin: 0 10px 0 0; font-size: 20px; display: inline-block; vertical-align: middle; } .com-more .a1.ac1:before { transform: scaleX(1); } .com-more .a1.ac2:before { transform: scaleX(0); transform-origin: right; } .com-more .a11 { background: #014590; color: #ffffff; } .com-more .a12 { background: #F6F6F6; } .newsxq-bot1 .dn-bot .dfl .p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; height: 30px; } .newsxq { padding: 2rem 0 0; } .newsxq-bot1 { background: #ffffff; margin: 0 0 40px; padding: 4% 5%; width: 70%; margin: 0 auto; } .newsxq-bot1 .dn-top { padding: 0 0 30px; } .newsxq-bot1 .dn-top .dn1 { color: #31342b; font-size: 25px; margin: 0 0 10px; text-align: center; } .newsxq-bot1 .dn-top .dn2 { color: #a3a3a3; text-align: center; } .newsxq-bot1 .dn-mid { padding: 40px 0; border-top: 1px solid #D2D2D2; color: #000000; font-size: 16px; line-height: 36px; text-align: justify; } .newsxq-bot1 .dn-bot { border-top: 1px solid #D2D2D2; padding: 25px 0 0; } .newsxq-bot1 .dn-bot .dfl { line-height: 30px; max-width: calc(100% - 200px); } .newsinfo a { color: #333; transition: .5s ease-in-out; } .newsinfo a:hover { color: #e87717; transition: .5s ease-in-out; } .com-mbx { text-align: right; padding: 1% 0 2%; text-transform: uppercase; color: #676767; } .com-mbx i { font-size: 20px; margin: 0 0 0 10px; } .com-mbx .ys1 { color: #083b71; } .about-banner .about-words { /*background:url(../img/aboutbanner-bg.png) no-repeat left top;*/ /*background-size: cover;*/ width: 38.875rem; height: 3.25rem; line-height: 3.25rem; position: absolute; right: 0; bottom: 0; color: #fff; } .about-banner .about-words .right-text { padding-right: 1.65rem; width: 25rem; font-size: 0; height: 100%; } .about-banner .about-words .right-text .items { display: inline-block; vertical-align: middle; font-size: 14px; width: 33.33%; line-height: 1; text-align: center; } .about-banner .about-words .right-text .items .txt { margin-top: .4rem; } .about-banner .about-words .txts { display: inline-block; line-height: .7rem; color: #fff; vertical-align: middle; } .about-banner .about-words .left-vide { position: relative; padding-left: 3.5rem; height: 100%; cursor: pointer; } .about-banner .about-words .left-vide .vide { position: absolute; width: 1.75rem; height: 1.75rem; left: 1.25rem; top: 0; bottom: 0; margin: auto; background: url(../img/vide.png) no-repeat center; background-size: 100%; } /*newsinfo*/ /*abouts*/ .about-tops { padding-top: 3.25rem; padding-bottom: 2.75rem; text-align: center; line-height: 1; background: url(../img/i5.png) no-repeat center; background-size: cover; } .about-tops .tits { line-height: 1.2; } .about-tops .nums { line-height: .9; margin-top: 1rem; margin-bottom: 1.75rem; } .about-tops .wens { line-height: 2; width: 1150px; margin: 0 auto; max-width: 90%; font-size: 16px; } .con-swipers .buttons { position: absolute; height: 100%; margin: 0; top: 0; width: 12%; background: transparent; z-index: 4; opacity: 1; } .con-swipers .swiper-button-prev { background: url(../img/i8.png) no-repeat center; background-size: 25px 42px; } .con-swipers .swiper-button-next { background: url(../img/i7.png) no-repeat center; background-size: 25px 42px; } .about-center .swiper-slide { width: 12%; margin-right: 10px; transition: .5s ease-in-out; position: relative; } .about-center .swiper-slide .words { position: absolute; left: 0; bottom: 0; color: #fff; padding: .5rem; padding-left: 1.25rem; padding-bottom: 1rem; opacity: 0; transition: .5s ease-in-out; } .about-center .swiper-slide:before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.4); transition: .5s ease-in-out; } .about-center .swiper-slide:last-child { margin-right: 0; } .about-center .items { height: 15.375rem; overflow: hidden; transition: .5s ease-in-out; } .about-center .items .images { width: 30rem; height: 100%; } .about-center .swiper-slide.swiper-slide-active { width: calc(76% - 20px); transition: .5s ease-in-out; } .about-center .swiper-slide.swiper-slide-active .words { opacity: 1; transition: .5s ease-in-out; } .about-center .swiper-slide.swiper-slide-active:before { background: url(../img/i6.png) no-repeat left bottom; background-size: cover; transition: .5s ease-in-out; } .about-center .swiper-slide.swiper-slide-active .items { transition: .5s ease-in-out; } .about-center .swiper-slide.swiper-slide-active .items .images { width: 100%; } .about-bots { padding-top: 3rem; padding-bottom: 4.5rem; } .about-bots .wens { line-height: 2.4; margin-top: .65rem; } .about-bots .abouts-txts { width: 70%; } .about-bots .abouts-txts .tits { color: #e87717; } .about-bots .about-tits { width: 30%; padding-right: 3.25rem; } .about-bots .about-tits .line { height: 3px; width: .6rem; background: #222222; } .about-bots .about-tits .en { text-transform: uppercase; line-height: .9; margin-top: .7rem; margin-bottom: 1.25rem; } .about-bots .about-tits .cn { line-height: 1; } /*abouts*/ /*culture*/ .culture-tops { height: 305px; background-position: left center !important; } .culture-tops.on { /*background:url(../img/i9.png) no-repeat center;*/ /*background-size: 100%;*/ } .culture-tops .culturetit { height: 230px; position: relative; padding-top: 2.875rem; position: relative; } .culture-tops .culturetit .box { position: absolute; padding-left: 115px; left: 0; bottom: 2px; width: 100%; } .culture-tops .culturetit .en { font-size: 14px; color: #a7a7a7; line-height: 18px; margin-bottom: 30px; } .culture-tops .culturetit .cn { color: #222; line-height: 1; } .culture-tops .culturetit:before { position: absolute; content: ""; width: 60px; height: 230px; background: url(../img/i10.png) no-repeat center; background-size: 100%; left: 0; top: 0; } .culture-bots { padding-top: 1.2rem; padding-bottom: 6.25rem; } .culture-bots .items { float: left; width: 19.25%; margin-left: 0.9375%; position: relative; } .culture-bots .items:hover .images { transition: .5s ease-in-out; /*transform:translateY(-50%);*/ } .culture-bots .items .images { transition: .5s ease-in-out; /*position: relative;*/ /*top: 50%;*/ } .culture-bots .items .words { position: absolute; left: 0; top: 0; width: 100%; background: url(../img/i120.png) no-repeat center bottom; background-size: cover; height: 3.625rem; z-index: 3; } .culture-bots .items .imgs { width: 2.1rem; height: 2.1rem; position: absolute; left: 0; top: -1.05rem; right: 0; margin: auto; background: #fff; border-radius: 50%; } .culture-bots .items .span { color: #fff; line-height: 1; text-align: center; margin-top: 1.75rem; } .culture-bots .items:nth-child(1) { margin-left: 0; } .culturebgs { position: relative; } .culturebgs .imgsbg { position: absolute; height: 86%; width: 100%; left: 0; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari Chrome */ -o-transform: translateY(-50%); /* Opera */ transition: .5s ease-in-out; } /*culture*/ /*history*/ .zibg { text-transform: uppercase; color: rgba(34, 34, 34, 0.03); /*letter-spacing: .3em;*/ line-height: 1; text-align: center; } .history-tops { /*background: url(../img/historybg.png) no-repeat center;*/ } .job-tops { /*background: url(../img/jobbgs.png) no-repeat center;*/ } .culture-tops .culturetit .box .txts { width: 62.5%; line-height: 1.5; position: absolute; bottom: 0; right: 0; max-height: 100%; } .culture-tops .culturetit .box .txts.abouttit { width: auto; } .abouttit { font-size: 0; } .abouttit .items { display: inline-block; vertical-align: top; line-height: 1.45rem; height: 1.45rem; width: 4rem; text-align: center; color: #fff; background: #999999; transition: .5s ease-in-out; } .abouttit .items.active { background: #e87717; transition: .5s ease-in-out; } .abouttit .items:nth-child(n+2) { margin-left: 2px; } .history-bots { padding-top: .7rem; } .hisbots-box .hisbots-left { width: 18%; } .hisbots-box .hisbots-right { width: 82%; } /*job*/ .job-bots { padding-top: 1.375rem; padding-bottom: 4.125rem; } .job-lists { padding-bottom: 2.5rem; } .job-lists .items:nth-child(n+2) { margin-top: 16px; } .job-lists .items.active .item-top { background: #044791; transition: .5s ease-in-out; border-color: #044791; } .job-lists .items.active .item-top .td3-close { background: url(../img/btn1.png) no-repeat center; background-size: cover; } .job-lists .items.active .item-top .td3-close.on { background: url(../img/btn1.png) no-repeat center; background-size: cover; } .job-lists .items.active .item-top .td3-close.on1 { background: url(../img/btn2.png) no-repeat center; background-size: cover; } .job-lists .items.active .item-top .td3-close.on2 { background: url(../img/btn3.png) no-repeat center; background-size: cover; } .job-lists .items.active .item-top .td, .job-lists .items.active .item-top .td3 { color: #fff; } .job-lists .item-bot { display: none; } .job-lists .item-bot .li { float: left; border: 1px solid #cacaca; padding: 1.45rem 1rem; line-height: 30px; } .job-lists .item-bot .li .tits { line-height: 1; margin-bottom: .9rem; } .job-lists .item-top { line-height: 3rem; border: 1px solid #cacaca; height: 3rem; transition: .5s ease-in-out; font-size: 0; /*padding: 0 2rem;*/ /*padding-left: 2.25rem;*/ /*background:#044791;*/ } .job-lists .item-top .td { display: inline-block; color: #444444; height: 100%; vertical-align: top; overflow: hidden; } .job-lists .item-top .td1 { padding-left: 2.25rem; } .job-lists .item-top .td2 { text-align: center; padding: 0 5px; } .job-lists .item-top .td3 { padding-left: 3rem; font-size: 14px; color: #222222; } .job-lists .item-top .td3-close { width: 6.75rem; height: 1.25rem; line-height: 1.25rem; display: inline-block; vertical-align: middle; background: url(../img/btn0.png) no-repeat center; background-size: cover; transition: .5s ease-in-out; } .job-lists .item-top .td3-close.on, .job-lists .item-top .td3-close.on1, .job-lists .item-top .td3-close.on2 { transition: .5s ease-in-out; } .job-lists .item-top .td3-close.on { background: url(../img/btn1.png) no-repeat center; background-size: cover; } .job-lists .item-top .td3-close.on1 { background: url(../img/btn2.png) no-repeat center; background-size: cover; } .job-lists .item-top .td3-close.on2 { background: url(../img/btn3.png) no-repeat center; background-size: cover; } .job-lists .item-top .td3-close .btn { width: 50%; text-align: center; height: 100%; cursor: pointer; display: block; float: left; color: #222222; } .job-lists .item-top .td3-close .btn:hover { color: #fff; } .job-lists .td1 { width: 32%; } .job-lists .td2 { width: 38%; } .job-lists .td3 { width: 30%; } /*job*/ /*talent*/ .talent-lists { font-size: 0; padding-top: 1.5rem; padding-bottom: 5.5rem; } .talent-lists .items { display: inline-block; vertical-align: top; font-size: 0; line-height: 4.2rem; height: 4.2rem; background: #fff; width: calc((100% - 15px)/2); margin-bottom: 20px; transition:.5s ease-in-out; } .talent-lists .items:hover{ transition:.5s ease-in-out; box-shadow: 0 0 20px 6px rgba(0,0,0,.05); } .talent-lists .items:nth-child(2n+2) { margin-left: 15px; } .talent-lists .items .words, .talent-lists .items .img { display: inline-block; vertical-align: middle; color: #222222; } .talent-lists .items .words { line-height: 1.6; width: calc(100% - 4.2rem); max-height: 100%; padding: 3px 1.25rem; overflow: hidden; } .talent-lists .items .img { font-size: 12px; background: #014590; width: 4.2rem; } /*talent*/ /*layout*/ .layout-bots { padding-top: 2.75rem; padding-bottom: 6rem; } .layout-words { margin-top: 1rem; background: url(../img/k9.png) no-repeat center; background-size: cover; } .layout-words .items { width: 50%; height: 13.825rem; float: left; /*padding-right: 1.75rem;*/ padding: 2.25rem 2.5rem; padding-right: 3.5rem; line-height: 1.45; } .layout-words .items .ft18 { font-size: .4rem; } .layout-words .items .tit-cn { line-height: 1; } .layout-words .items .tit-en { color: rgba(34, 34, 34, 0.3); margin-top: .4rem; margin-bottom: .75rem; } .layout-words .items .line { height: 3px; width: .35rem; background: #000000; margin-bottom: .65rem; } .layout-words .items .wens { height: 7.25rem; } .layout-words .items .wens .ybox { width: 100%; height: 100%; } .layout-words .items2 { color: #fff; } .layout-words .items2 .tit-en { color: rgba(255, 255, 255, 0.2); } .layout-words .items2 .line { background: rgba(255, 255, 255, 0.2); } .layout-box .laytoptxt { line-height: 1.6; margin-top: .65rem; width: 60%; } .layout-box .culture-tops .culturetit .en { margin-bottom: .6rem; } .layout-images { width: 40rem; position: relative; margin: 0 auto; max-width: 100%; } .layout-images .li { position: absolute; width: .6rem; height: 1rem; z-index: 1; } .layout-images .li.active { z-index: 3; } .layout-images .li .li-bot { display: none; position: absolute; background: url(../img/k8.png) no-repeat right bottom; padding: .75rem; background-size: cover; padding-right: 1.625rem; color: #fff; left: 100%; top: 0; width: 9.625rem; } .layout-images .li .li-bot .p { font-size: 14px; line-height: 26px; } .layout-images .li .li-bot .t0 { line-height: 1; margin-bottom: .25rem; } .layout-images .li .li-top { width: 100%; height: 100%; cursor: pointer; background: url(../img/dian.png) no-repeat center; background-size: 100%; } .layout-images .li .tits { color: #222222; white-space: nowrap; position: absolute; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); /* IE 9 */ -moz-transform: translateX(-50%); /* Firefox */ -webkit-transform: translateX(-50%); /* Safari Chrome */ -o-transform: translateX(-50%); /* Opera */ } .layout-images .li1 { left: 2rem; top: 4.5rem; } .layout-images .li1 .tits { top: -.8rem; } .layout-images .li2 { left: 2.25rem; top: 6.25rem; } .layout-images .li2 .tits { bottom: -.7rem; } .layout-images .li3 { left: 10.25rem; top: 10rem; } .layout-images .li3 .tits { bottom: -.7rem; } .layout-images .li4 { left: 14rem; top: 9.375rem; } .layout-images .li4 .tits { bottom: -.7rem; } .layout-images .li5 { width: .7rem; left: 14.25rem; top: 8rem; } .layout-images .li5 .tits { top: -.8rem; } .layout-images .li6 { left: 28.5rem; top: 5.25rem; } .layout-images .li6 .tits { bottom: -.7rem; } .layout-images .li7 { left: 28.875rem; top: 9.5rem; } .layout-images .li7 .tits { bottom: -.7rem; } .layout-images .li8 { left: 30rem; top: 7.25rem; } .layout-images .li8 .tits { bottom: -.7rem; } .layout-images .li9 { /*left: 31.625rem;*/ /*top: 9.625rem;*/ left: 84%; top: 14rem; } .layout-images .li9 .tits { left: 1.7rem; } .layout-images .li10{ left: 28rem; top: 8.25rem; } .layout-images .li10 .tits{ left: -2.5em; width: 5em; white-space: normal; } /*.layout-images .li10 { left: 33.75rem; top: 14.5rem; } .layout-images .li10 .tits { bottom: -.7rem; } .layout-images .li10 .li-bot { left: 50%; top: 100%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); }*/ .speech-bots { padding-top: 3rem; padding-bottom: 7.125rem; } .speech-bots .lists { background: #f2f2f2; font-size: 0; position: relative; } .speech-bots .lists .images, .speech-bots .lists .words { width: 50%; display: inline-block; vertical-align: top; font-size: 12px; position: relative; } .speech-bots .lists .words { padding: 2rem; padding-left: 2.25rem; padding-top: 4.125rem; position: absolute; height: 100%; right: 0; top: 0; } .speech-bots .lists .tit-en { color: #222222; line-height: .9; position: absolute; left: 2.25rem; top: -1.1rem; } .speech-bots .lists .tit-cn { line-height: 1; color: #e87717; margin-bottom: .5rem; } .speech-bots .lists .box { overflow: hidden; height: 100%; overflow-y: auto; } .speech-bots .lists .wens { line-height: 2.25; } .problem { padding-top: 1.75rem; padding-bottom: 5.4rem; } .problem-tits { position: relative; font-size: 0; } .problem-tits .inputs { height: 66px; line-height: 62px; background: #014590; border: 2px solid #014590; position: relative; } .problem-tits .inputs input[type=text] { background: #fff; width: 100%; height: 100%; padding-left: 2.2rem; } .problem-tits .inputs input[type=submit] { position: absolute; right: 0; top: 0; width: 4rem; height: 100%; padding: 0; text-indent: -999px; overflow: hidden; background: url(../img/k13.png) #014590 no-repeat center; background-size: 30px 30px; } .problem-tits .inputs .spans { position: absolute; height: 100%; color: #222; left: .8rem; top: 0; } .problem-tits .inputs, .problem-tits .txts { width: 50%; display: inline-block; vertical-align: middle; } .problem-tits .txts { padding-left: 3.5rem; position: relative; } .problem-tits .txts .span { position: absolute; left: 1.5rem; color: #838383; } .problem-tits .ul { font-size: 0; color: #838383; } .problem-tits .ul .li { font-size: 16px; display: inline-block; vertical-align: middle; cursor: pointer; margin-right: 1rem; transition: .5s ease-in-out; } .problem-tits .ul .li:last-child { margin-right: 0; } .problem-tits .ul .li.active { color: #e87717; transition: .5s ease-in-out; } .problem-lists .items.active .items-top:after { background: url(../img/k17.png) no-repeat center; background-size: 100%; } .problem-lists .items.active .items-top:before { background: url(../img/k15.png) no-repeat center; background-size: 100%; } .problem-lists .items.active .items-top:after, .problem-lists .items.active .items-top:before { transition: .5s ease-in-out; } .problem-lists .items-bot { padding: .9rem 0; display: none; font-weight: bold; line-height: 2; color: #555555; } .problem-lists .items-bot, .problem-lists .items-top { padding-left: 4.5rem; padding-right: 3.25rem; } .problem-lists .items-top { line-height: 3rem; height: 3rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; border-bottom: 1px solid #dbdbdb; cursor: pointer; position: relative; font-weight: bold; } .problem-lists .items-top:after, .problem-lists .items-top:before { content: ""; position: absolute; width: .9rem; height: .9rem; top: 0; bottom: 0; margin: auto; transition: .5s ease-in-out; } .problem-lists .items-top:after { right: 2.25rem; background: url(../img/k16.png) no-repeat center; background-size: 100%; } .problem-lists .items-top:before { left: 1.75rem; background: url(../img/k14.png) no-repeat center; background-size: 100%; } .problem-lists .lists { margin-top: 1.75rem; margin-bottom: 2.25rem; } .problem-lists .items { border: 2px solid #929292; } .problem-lists .items:nth-child(n+2) { margin-top: .7rem; } .download-tits { width: 360px; height: 52px; line-height: 52px; background: url(../img/t0.png) no-repeat center; background-size: 100%; font-size: 0; } .download-tits2.download-tits{ background: transparent; width: auto; } .download-tits2.download-tits .items1{ transform:skew(0); clip-path: polygon(0 0, 100% 0, 86% 100%, 0 100%); margin-right: 0; } .download-tits.on1 { background: url(../img/t1.png) no-repeat center; background-size: 100%; } .download-tits.on2 { background: url(../img/t2.png) no-repeat center; background-size: 100%; } .download-tits2 .items:nth-child(n+2) span{ transform:skew(15deg); display: block; } .download-tits2 .items{ background:#d6d6d6; transform:skew(-15deg); display: inline-block; vertical-align: top; margin-right: 8px; transition:.5s ease; } .download-tits .items { display: inline-block; vertical-align: middle; width: 33.33%; text-align: center; font-size: 14px; color: #383838; cursor: pointer; padding: 0 .6rem; min-width: 2.5rem; width: auto!important; } .download-tits2 .items.active,.download-tits2 .items:hover{ background: #014590; color:#fff;transition:.5s ease; } .download-tits .items.active { color: #fff; } .download-boxs { padding-top: 1.5rem; padding-bottom: 4.75rem; } .download-boxs .download-tits { margin-bottom: 1rem; } .download-lists .lists { font-size: 0; padding-bottom: 1.5rem; } .download-lists .lists .items { display: inline-block; vertical-align: top; width: 32%; margin-left: 2%; height: 5rem; border: 1px solid #222222; margin-bottom: .75rem; background-image: url(../img/t7.png); background-repeat: no-repeat; background-size: cover; background-position: right top; color: #222222; transition: .5s ease-in-out; padding: 1rem; padding-left: 3.75rem; position: relative; } .download-lists .lists .items:before { position: absolute; content: ""; width: 1rem; height: 1.11rem; left: 1rem; top: 1rem; background: url(../img/t3.png) no-repeat center; background-size: 100%; transition: .5s ease-in-out; } .download-lists .lists .items .txt { line-height: 1.125rem; height: 2.25rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .download-lists .lists .items .spans { padding-left: 1.2rem; line-height: .9rem; height: .9rem; position: relative; } .download-lists .lists .items .spans:before { width: .9rem; height: .9rem; content: ""; position: absolute; left: 0; top: 0; background: url(../img/t5.png) no-repeat center; background-size: 100%; transition: .5s ease-in-out; } .download-lists .lists .items:hover { color: #fff; transition: .5s ease-in-out; background-color: #014590; } .download-lists .lists .items:hover:before { background: url(../img/t4.png) no-repeat center; background-size: 100%; transition: .5s ease-in-out; } .download-lists .lists .items:hover .spans:before { background: url(../img/t6.png) no-repeat center; background-size: 100%; transition: .5s ease-in-out; } .download-lists .lists .items:nth-child(3n+1) { margin-left: 0; } .jiazaianniu { /*display: none;*/ } .con-swiper { position: relative; } .con-swiper .swiper-button-prev, .con-swiper .swiper-button-next { width: 20px; height: 26px; position: absolute; margin: 0; top: 0; bottom: 0; margin: auto; } .con-swiper .swiper-button-prev { left: -1.5rem; background: url(../img/z10.png) no-repeat center; background-size: 100%; } .con-swiper .swiper-button-prev:hover { background: url(../img/z11.png) no-repeat center; background-size: 100%; } .con-swiper .swiper-button-next { right: -1.5rem; background: url(../img/z12.png) no-repeat center; background-size: 100%; } .con-swiper .swiper-button-next:hover { background: url(../img/z13.png) no-repeat center; background-size: 100%; } /*industry*/ .industry-tits { margin-top: 1rem; margin-bottom: 2.75rem; } .industry-tits .items { position: relative; background: #fff; text-align: center; padding: .6rem .4rem .5rem .4rem; cursor: pointer; transition: .5s ease-in-out; } .industry-tits .items.active { color: #fff; background: #014590; transition: .5s ease-in-out; } .industry-tits .items.active .imgs .i1 { opacity: 1; } .industry-tits .items.active .imgs .i0 { opacity: 0; } .industry-tits .items.active .imgs img { transition: .5s ease-in-out; } .industry-tits .items .spans { line-height: .7rem; height: .7rem; overflow: hidden; margin-top: .6rem; } .industry-tits .items .imgs { position: relative; width: 2rem; height: 1.5rem; margin: 0 auto; } .industry-tits .items .imgs img { transition: .5s ease-in-out; width: 100%; } .industry-tits .items .imgs .i0 { position: absolute; left: 0; top: 0; } .industry-tits .items .imgs .i1 { opacity: 0; } .industry-listbot { padding-top: 2.75rem; padding-bottom: 5.25rem; } .industry-listbot .list-tits { line-height: 1; margin-bottom: 1.25rem; } .industry-listbot .lists { font-size: 0; } .industry-listbot .lists .items { display: inline-block; vertical-align: top; font-size: 12px; width: 23.5%; margin-left: 2%; position: relative; margin-bottom: 2%; overflow: hidden; } .industry-listbot .lists .items:hover img { transition: .5s ease-in-out; transform: scale3d(1.05, 1.05, 1); } .industry-listbot .lists .items:hover .words, .industry-listbot .lists .items:hover .text { transition: .5s ease-in-out; } .industry-listbot .lists .items:hover .words { opacity: 1; } .industry-listbot .lists .items:hover .text { opacity: 0; } .industry-listbot .lists .items img { transition: .5s ease-in-out; } .industry-listbot .lists .items .text, .industry-listbot .lists .items .words { position: absolute; left: 0; bottom: 0; width: 100%; color: #fff; text-align: center; padding: 0 1.25rem; transition: .5s ease-in-out; } .industry-listbot .lists .items .words { opacity: 0; transition: .5s ease-in-out; } .industry-listbot .lists .items .text { line-height: 1; bottom: .75rem; } .industry-listbot .lists .items .words { max-height: 90%; overflow-y: auto; top: 50%; bottom: auto; transform: translateY(-50%); -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari Chrome */ -o-transform: translateY(-50%); /* Opera */ } .industry-listbot .lists .items .tit { line-height: 1; } .industry-listbot .lists .items .p { line-height: 24px; margin-top: .45rem; } .industry-listbot .lists .items:nth-child(4n+1) { margin-left: 0; } .industrytops-pagination .swiper-pagination-bullet, .con-swiper .swiper-pagination .swiper-pagination-bullet { width: .4rem; height: .4rem; border: 3px solid #014590; opacity: 1; background: transparent; transition: .5s ease-in-out; margin: 0 4px; } .industrytops-pagination .swiper-pagination-bullet:hover, .industrytops-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .con-swiper .swiper-pagination .swiper-pagination-bullet:hover, .con-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #014590; border-color: #063ab2; } .con-swiper.onactive .swiper-pagination { position: relative; } .industry-center { padding-left: 2.75rem; } .industry-tops { padding-left: 2.75rem; margin-top: -185px; position: relative; z-index: 2; padding-bottom: 3rem; } .industry-tops .tits { line-height: 1; margin-bottom: 1.5rem; position: relative; } .industry-tops .industrytops-pagination { position: absolute; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari Chrome */ -o-transform: translateY(-50%); /* Opera */ right: 0; } .industrytops-swiper .imgs { overflow: hidden; } .industrytops-swiper .imgs img { width: 100%; transition: .5s ease-in-out; } .industrytops-swiper .imgs:hover img { transition: .5s ease-in-out; transform: scale3d(1.05, 1.05, 1); } .industrytops-words { padding-top: 1.375rem; } .industrytops-words .industrytops-words-right { width: 30%; padding-left: 2rem; } .industrytops-words .industrytops-words-left { width: 70%; padding-right: 2rem; } .industrytops-words-left { color: #222; } .industrytops-words-left .li-bots { line-height: 2; } .industrytops-words-left .li-top { line-height: 1.2; margin-bottom: .5rem; } .industrytops-words-left .li:nth-child(n+2) { margin-top: .75rem; } .industrytops-words-right .items { position: relative; overflow: hidden; display: block; overflow: hidden; } .industrytops-words-right .items img { transition: .5s ease-in-out; width: 100%; } .industrytops-words-right .items:hover img { transition: .5s ease-in-out; transform: scale3d(1.05, 1.05, 1); } .industrytops-words-right .items:nth-child(n+2) { margin-top: 1rem; } .industrytops-words-right .items .spans { position: absolute; z-index: 2; bottom: 0; left: 0; min-width: 3.5rem; height: 1.5rem; line-height: 1.52rem; font-size: .4rem; padding-left: .8rem; padding-right: 1rem; color: #fff; background: url(../img/z15.png) no-repeat left center; background-size: 100% 100%; max-width: 80%; transition:.5s ease; } .industrytops-words-right .items:hover .spans{ background: url(../img/i500.png) no-repeat left center; transition:.5s ease; background-size: 100% 100%; } .industry-info { padding-bottom: 2.75rem; } .industry-center { padding-top: 2rem; padding-bottom: 2.75rem; } .industry-center .industrycenter-tits { line-height: 1; margin-bottom: 1.75rem; } .industry-center .swiper-pagination { margin-top: 1.9rem; } .industry-center .items { display: block; background: #fff; } .industry-center .items:hover img { transition: .5s ease-in-out; transform: scale3d(1.05, 1.05, 1); } .industry-center .items:hover .mores { background: url(../img/z38.png) no-repeat center; background-size: 100%; transition: .5s ease-in-out; } .industry-center .items .words2 { line-height: 2.125rem; height: 2.125rem; padding-left: .75rem; padding-right: .9rem; position: relative; } .industry-center .items .titm { width: calc(100% - 3rem); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; color: #111111; } .industry-center .items .mores { width: 2.5rem; height: .8rem; line-height: .8rem; font-size: .3rem; background: url(../img/z16.png) no-repeat center; background-size: 100%; color: #fff; text-indent: -999px; overflow: hidden; position: absolute; right: .9rem; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari Chrome */ -o-transform: translateY(-50%); /* Opera */ transition: .5s ease-in-out; } .industry-center .items .imgs { overflow: hidden; padding: 1rem; border-bottom: 1px solid #eaeaeb; } .industry-center .items .imgs img { width: 100%; transition: .5s ease-in-out; } .industry-center.industry-listbot .lists .items { display: block; width: 100%; margin-bottom: 0; } .investor { padding-top: .75rem; padding-bottom: 5.5rem; } .investor-maplists { position: relative; } .investor-maplists .map { width: 100%; height: 100%; } .investor-maplists .li:nth-child(n+2) { margin-top: 1.25rem; } .investor-maplists .li-tit { position: relative; line-height: .75rem; } .investor-maplists .li-tit .limgs { position: absolute; width: .7rem; left: 0; top: 0; height: .75rem; } .investor-maplists .li-tit, .investor-maplists .li-text { padding-left: .75rem; } .investor-maplists .li-text { line-height: 1.5; margin-top: .2rem; } .investor-maplists .words { width: 42%; padding: 1.25rem 1.75rem; color: #222222; overflow-y: auto; } .investor-maplists .words .li-tit { color: #6e6e6e; } .investor-maplists .images { width: 58%; } .investor-maplists .words, .investor-maplists .images { border: 1px solid #dcdcdc; height: 13.75rem; } .stock { padding-top: 1.25rem; padding-bottom: 4.5rem; } .stock .stock-lists .items { width: calc((100% - 10px)/2); margin-left: 10px; float: left; } .stock .stock-lists .items:nth-child(2n+1) { margin-left: 0; } .stock .stock-lists .items { border: 1px solid #e4e4e4; min-height: 10.25rem; } .stock .stock-lists .items.items2 { border-color: #e4e4e4; } .stock .stock-lists .items.items1 { padding: 1.5rem 1.1rem 1.1rem 1.75rem; line-height: 1; background: #f7f7f7; } .stock .stock-lists .items.items1 .t0 { color: #222222; font-weight: bold; } .stock .stock-lists .items.items1 .p { color: #222222; } .stock .stock-lists .items.items1 .ul { font-size: 0; margin-bottom: 1.5rem; } .stock .stock-lists .items.items1 .ul .li { display: inline-block; vertical-align: middle; } .stock .stock-lists .items.items1 .ul .li:nth-child(n+2) { margin-left: 1.75rem; } .stock .stock-lists .items.items1 .ul .li .li1 { margin-top: .25rem; } .stock .stock-lists .items.items1 .t1 { position: relative; font-size: 0; margin-top: .6rem; margin-bottom: 1.5rem; } .stock .stock-lists .items.items1 .t1 .num { color: #ff0103; line-height: .9; } .stock .stock-lists .items.items1 .t1 .titbox { color: #222222; padding-left: 1.1rem; position: relative; margin-left: .5rem; } .stock .stock-lists .items.items1 .t1 .titbox:before { position: absolute; content: ""; width: .9rem; height: 1rem; left: 0; bottom: 0; background: url(../img/z24.png) no-repeat center; background-size: 100%; } .stock .stock-lists .items.items1 .t1 .num, .stock .stock-lists .items.items1 .t1 .titbox { display: inline-block; vertical-align: bottom; } .honor-tit { line-height: 1; } .honor1-swiper .swiper-slide { position: relative; z-index: 1; text-align: center; padding: 1.75rem 0; color: #ababab; } .honor1-swiper .swiper-slide .spans { padding: .25rem 0; line-height: 22px; max-height: 44px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; padding: 0 4px; } .honor1-swiper .swiper-slide-active { z-index: 3; transform: scale3d(1.5, 1.5, 1); } .honor1-swiper .swiper-slide-active .spans { transform: scale3d(0.66, 0.66, 1); } .honor-items .honor-tit { margin-bottom: 1.5rem; } .honor-items .conswiper-buts { position: relative; } .honor-items .conswiper-buts .swiper-pagination { position: relative; } .honor-items .conswiper-buts .swiper-pagination span { position: relative; z-index: 2; } .honor-items .conswiper-buts .swiper-pagination .swiper-pagination-bullet { width: 20px; height: 20px; display: inline-block; vertical-align: middle; background: url(../img/z25.png) no-repeat center; transition: .5s ease-in-out; background-size: 100%; opacity: 1; } .honor-items .conswiper-buts .swiper-pagination .swiper-pagination-bullet:hover, .honor-items .conswiper-buts .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: url(../img/z26.png) no-repeat center; background-size: 100%; transition: .5s ease-in-out; } .honor-items .conswiper-buts .swiper-pagination:before { position: absolute; content: ""; height: 1px; width: 100%; background: #e6e6e6; left: 0; top: 0; bottom: 0; margin: auto; } .honor1-items { padding-top: 1.2rem; padding-bottom: 3rem; } .honor1-items .honor-tit { margin-bottom: 1.25rem; } .honor1-items .imgs { overflow: hidden; } .honor1-items .imgs img { transition: .5s ease-in-out; } .honor1-items .items { display: block; color: #ababab; } .honor1-items .items:hover { color: #ababab; } .honor1-items .items:hover img { transition: .5s ease-in-out; transform: scale3d(1.05, 1.05, 1); } .honor2-items { padding-top: 2.5rem; padding-bottom: 2.5rem; } .honor2-items .swiper-slide { font-size: 0; } .honor2-items .swiper-slide .items { display: inline-block; vertical-align: top; margin-left: 3.33%; width: 22.5%; margin-bottom: 2.75rem; } .honor2-items .swiper-slide .items:hover img { transition: .5s ease-in-out; transform: scale3d(1.05, 1.05, 1); } .honor2-items .swiper-slide .items .imgs { border: 1px solid #d4d4d4; overflow: hidden; } .honor2-items .swiper-slide .items .imgs img { transition: .5s ease-in-out; } .honor2-items .swiper-slide .items:nth-child(4n+1) { margin-left: 0; } .honor2-items .swiper-slide .spans { color: #ababab; text-align: center; line-height: 24px; padding: 0 1.25rem; padding-top: 0.375rem; } .honor3-items { background: #fff; padding-top: 2.5rem; padding-bottom: 3.25rem; } .honor3-items .spans { color: #ababab; text-align: center; margin: 10px 0; line-height: 36px; height: 36px; } .honor3-items .imgs { overflow: hidden; } .honor3-items .imgs img { transition: .5s ease-in-out; width: 100%; } .honor3-items .items:hover img { transition: .5s ease-in-out; transform: scale3d(1.05, 1.05, 1); } .honor3-items .conswiper-buts { margin-top: 2.375rem; } .honor4-items { padding-top: 2.5rem; padding-bottom: 5.25rem; } .honor4-items .spans { color: #ababab; text-align: center; padding: .4rem 0; line-height: 1.35; } .honor4-items .items { transition: .5s ease-in-out; } .honor4-items .items:hover { color: #ababab; } .honor4-items .items img{ transition: .5s ease-in-out; } .honor4-items .items:hover img { transition: .5s ease-in-out; transform: scale3d(1.05, 1.05, 1); } .honor4-items .honor4-swiper .honor4-swiperbox { padding: 0 5.25rem; padding-bottom: 2.5rem; } .ff { background: #fff; } .honor-items { position: relative; } .honor-items .id { position: absolute; top: -120px; left: 0; } .culture-tops .culturetit .box .txts-span { margin-top: .65rem; } .ft26 { font-size: .65rem; } .pro-info-table { background: #fff; width: 100%; } .pro-info-table thead td { position: relative; color: #777777; line-height: 1; height: 3rem; } .pro-info-table thead td .close { position: absolute; width: 20px; height: 20px; cursor: pointer; background: url(../img/z28.png) no-repeat center; background-size: 100%; transition: .5s ease-in-out; right: .3rem; top: .3rem; } .pro-info-table thead td .close:hover { transition: .5s ease-in-out; background: url(../img/z29.png) no-repeat center; background-size: 100%; } .pro-info-table thead td .tits { text-transform: uppercase; color: #183b8c; margin-bottom: .4rem; } .pro-info-table tbody td { color: #777777; } .pro-info-table tbody td .li { font-size: 0; margin-top: 1.1rem; } .pro-info-table tbody td .li .i { width: .5rem; height: .5rem; } .pro-info-table tbody td .li .i, .pro-info-table tbody td .li span { display: inline-block; vertical-align: middle; font-size: 12px; } .pro-info-table td { border: 1px solid #e6e6e6; height: 2.5rem; padding: 1%; text-align: center; } .pro-info-table td .tdimgs { width: .5rem; height: .5rem; display: block; margin: 0 auto; } .pro-info-table tbody td .td-first { color: #333333; } .ft46 { font-size: 1.15rem; } .pro-info { padding-top: 1.5rem; padding-bottom: 7.375rem; color: #333333; } .product-details-banner { padding-top: 2.375rem; padding-bottom: 1.5rem; } .product-details-banner .words, .product-details-banner .images { width: 50%; } .product-details-banner .words { padding-top: .25rem; padding-right: 1.1rem; } .product-details-banner .words .tit { color: #222222; line-height: 1.2; } .product-details-banner .words .tit-cn { color: #222222; line-height: 1; margin-top: .6rem; margin-bottom: .75rem; } .product-details-banner .words .wens { line-height: 2; } .product-details-banner .words .line { height: 2px; width: .65rem; background: #222222; margin-bottom: .5rem; } .product-details-banner .words .pro-details-more { margin-top: 1.25rem; } .product-details-banner .images { position: relative; padding-left: 5.625rem; } .product-details-banner .images .close { position: absolute; cursor: pointer; width: .8rem; height: .8rem; border-radius: 50%; right: .6rem; top: -.8rem; background-image: url(../img/close.png); background-repeat: no-repeat; background-position: center center; background-size: 100%; transition: .5s ease-in-out; cursor: pointer; } .product-details-banner .images .close:hover { transition: .5s ease-in-out; background-color: #e87717 !important; } .pro-details-more { font-size: 0; } .pro-details-more .items { display: inline-block; vertical-align: top; line-height: 1.5rem; height: 1.5rem; padding-left: .75rem; padding-right: .75rem; background: #94c664; color: #fff; transition: .5s ease-in-out; } .pro-details-more .items:hover { background-color: #e87717 !important; transition: .5s ease-in-out; } .pro-details-more .items1 { clip-path: polygon(0 0, 90% 0, 100% 100%, 0 100%); -ms-clip-path: polygon(0 0, 90% 0, 100% 100%, 0 100%); /* IE 9 */ -moz-clip-path: polygon(0 0, 90% 0, 100% 100%, 0 100%); /* Firefox */ -webkit-clip-path: polygon(0 0, 90% 0, 100% 100%, 0 100%); /* Safari Chrome */ -o-clip-path: polygon(0 0, 90% 0, 100% 100%, 0 100%); /* Opera */ } .pro-details-more .items2 { transform: skew(15deg); } .pro-details-more .items2 span { transform: skew(-15deg); display: block; } .product-details-titles { background: #f0f0f0; } .product-details-titles .swiper-slide { width: auto; } .product-details-titles .swiper-slide:nth-child(n+2) { margin-left: 1.35rem; } .product-details-titles .items { line-height: 2.5rem; height: 2.5rem; cursor: pointer; position: relative; display: block; color: #222222; } .product-details-titles .items:before { position: absolute; content: ""; width: 1.9rem; height: 0.4rem; /*left: 0;*/ /*bottom: 0;*/ /*right: 0;*/ /*margin: auto;*/ left: 50%; bottom: 0; transform:translateX(-50%); opacity: 0; transition: .5s ease-in-out; } .product-details-titles .items:hover:before, .product-details-titles .items.active:before { opacity: 1; transition: .5s ease-in-out; } .product-detail-lists .list-bots { font-size: 0; } .product-detail-lists .list-top { margin-bottom: 1.5rem; } .product-detail-lists .li { width: 47.5%; display: inline-block; margin-bottom: 1.875rem; vertical-align: top; margin-left: 5%; font-size: 16px; } .product-detail-lists .li:nth-child(2n+1) { margin-left: 0; } .product-detail-lists .line-top { position: absolute; height: 17px; left: 50%; bottom: 0; width: 3px; background: #75a241; } .product-detail-lists .line-top .span { position: absolute; line-height: 20px; height: 20px; top: -30px; font-size: 20px; color: #75a241; left: 50%; width: auto; transform: translateX(-50%); text-align: center; text-transform: uppercase; } .product-detail-lists .line-box { width: 100%; position: relative; height: 17px; /*background:url(../img/bgs.png) no-repeat bottom left;*/ /*background-size: 100% 100%;*/ } .product-detail-lists .line-box .u1 { width: 50%; } .product-detail-lists .line-box .u0, .product-detail-lists .line-box .u1 { position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; } .product-detail-lists .line-box:before { position: absolute; /*content:"";*/ left: 0; height: 3px; width: 100%; bottom: 0; background: #d6d6d6; } .product-detail-lists .line-box .spans { position: absolute; left: 0; } .product-detail-lists .line-box .spans, .product-detail-lists .line-box .line-li { height: 100%; } .product-detail-lists .line-box .spans span, .product-detail-lists .line-box .line-li span { position: absolute; right: -1.5em; width: 3em; bottom: 0; line-height: 1; font-size: 16px; bottom: -20px; text-align: center; } .product-detail-lists .line-box .spans:before, .product-detail-lists .line-box .line-li:before { position: absolute; /*content: "";*/ right: 0; bottom: 0; width: 3px; height: 7px; background: #d6d6d6; } .product-detail-lists .line-box .line-li { float: left; width: 20%; position: relative; } .product-detail-lists .li-bots { position: relative; padding-right: 1.5rem; padding-left: 1.5rem; height: 38px; } .product-detail-lists .lists2 .li-bots{ /*height: auto;*/ } .product-detail-lists .list-bots { position: relative; } .product-detail-lists .li.cur .line-box .spans span, .product-detail-lists .li.cur .line-box .line-li span{ color:#d6d6d6; } .product-detail-lists .list-bots .li.cur .i0, .product-detail-lists .list-bots .li.cur .i1{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; opacity: .5; } .product-detail-lists .list-bots .i0, .product-detail-lists .list-bots .i1 { position: absolute; top: 0; bottom: 0; margin: auto; } .product-detail-lists .list-bots .i0 { left: 0; } .product-detail-lists .list-bots .i1 { right: 0; } .product-detail-lists .li.active2 .line-box { height: 70px; } .product-detail-lists .li.active2 .line-top { height: 70px; } .product-detail-lists .lists1 { padding-top: 3.125rem; padding-bottom: .25rem; } .product-detail-lists .li-span { line-height: 1; margin-bottom: .25rem; } .product-detail-lists .lists { position: relative; } .product-detail-lists .lists .id { position: absolute; left: 0; top: -120px; } .product-detail-lists .lists2 { padding-top: 1.375rem; padding-bottom: 1.45rem; } .product-detail-lists .lists2 .lines-blog { position: absolute; left: 0; bottom: 0; bottom: -28px; font-size: 0; width: 100%; } .product-detail-lists .lists2 .lines-blog .i { display: inline-block; vertical-align: top; width: 33.33%; font-size: 16px; text-align: center; font-weight: bold; line-height: 1; } .product-detail-lists .lists2 .li-span { text-align: center; margin-top: 1rem; } .product-detail-lists .lists2 .li { margin-bottom: 0; } .product-detail-lists .lists2 .li.actives .line-top { width: 11.1%; height: 7px; left: 11.1%; } .product-detail-lists .lists2 .li.actives .line-top1{ bottom: -7px; } .product-detail-lists .lists2 .li.actives .line-top1 .span{ bottom: -37px; top: auto; } .welbanner-more { font-size: .35rem; width: 4rem; height: 1.375rem; line-height: 1.375rem; text-align: center; color: #fff; background: #000000; transition: .5s ease-in-out; } .welbanner-more:hover { transition: .5s ease-in-out; background: #e87717; cursor: pointer; } .wel-banner { position: relative; } .wel-banner .swiper-pagination { position: absolute; width: 100%; z-index: 5; bottom: 1rem; text-align: right; } .wel-banner .swiper-pagination .swiper-pagination-bullet { width: 20px; height: 20px; background: transparent; /*background: url(../img/z32.png) no-repeat center;*/ /*background-size: 100%;*/ opacity: 1; transition: .5s ease-in-out; margin: 0 .25rem; } .wel-banner .swiper-pagination .swiper-pagination-bullet:before{ position: absolute; width: 7px; content: ""; height: 7px; border-radius: 50%; background:#fff; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .wel-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { transition: .5s ease-in-out; /*background: url(../img/z33.png) no-repeat center;*/ /*background-size: 100%;*/ } .wel-banner .swiper-slide-active .images{ transition:5s ease-in-out; transform:scale3d(1,1,1); } .wel-banner .images { height: 20rem; transition:5s ease-in-out; transform:scale3d(1.2,1.2,1); } .wel-banner .items { position: relative; overflow: hidden; display: block; overflow: hidden; } .wel-banner .words { position: absolute; right: 0; top: 0; padding-top: 5.25rem; line-height: 1; color: #222222; } .wel-banner .words .tit-en { margin-top: .5rem; margin-bottom: 1.25rem; text-transform: uppercase; } .wel-banner .videoboxs { position: relative; } .wel-banner .videoboxs video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .industry-tits.welindustry-titsactives { margin-top: 0; margin-bottom: 0; margin-bottom: 1.25rem; } .industry-tits.welindustry-titsactives .items:hover, .industry-tits.welindustry-titsactives .items.active { background: transparent; color: #e87717; } .industry-tits.welindustry-titsactives .swiper-slide { padding-bottom: 12px; } .industry-tits.welindustry-titsactives .items { padding-bottom: .9rem; padding-top: 1.75rem; position: relative; } .industry-tits.welindustry-titsactives .items:hover.before, .industry-tits.welindustry-titsactives .items:hover.after, .industry-tits.welindustry-titsactives .items.active.before, .industry-tits.welindustry-titsactives .items.active.after { transition: .5s ease-in-out; } .industry-tits.welindustry-titsactives .items:hover:before, .industry-tits.welindustry-titsactives .items.active:before { opacity: 1; } .industry-tits.welindustry-titsactives .items:hover:after, .industry-tits.welindustry-titsactives .items.active:after { opacity: 0; } .industry-tits.welindustry-titsactives .items:after, .industry-tits.welindustry-titsactives .items:before { position: absolute; content: ""; width: 100%; left: 0; transition: .5s ease-in-out; } .industry-tits.welindustry-titsactives .items:after { height: 3px; bottom: -3px; background: #1d1d1d; } .industry-tits.welindustry-titsactives .items:before { height: 12px; background: url(../img/z34.png) no-repeat center; background-size: 100%; bottom: -11px; opacity: 0; transition: .5s ease-in-out; } .industry-tits.welindustry-titsactives .items .spans { margin-top: .6rem; } .wel-industry-listsswiper { position: relative; } .wel-industry-listsswiper .swiper-button-disabled { display: none; } .wel-industry-listsswiper .items { position: relative; overflow: hidden; display: block; } .wel-industry-listsswiper .items img { transition: .5s ease-in-out; } .wel-industry-listsswiper .items:hover img { transition: .5s ease-in-out; transform: scale3d(1.05, 1.05, 1); } .wel-industry-listsswiper .items .spans { color: #fff; text-align: center; padding: 0 5px; position: absolute; width: 100%; line-height: 1; bottom: 1.2rem; z-index: 2; } .wel-abouts { padding-top: 3rem; margin-top: 2.8rem; } .ft200 { font-size: 5rem; } .ft60 { font-size: 1.5rem; } .wel-abouts { position: relative; } .wel-abouts .wel-tit-en span { display: block; color: #e87717; line-height: 1; text-transform: uppercase; padding-left: 6.75rem; line-height: 1; position: absolute; line-height: 5rem; top: -2.5rem; left: 0; z-index: 5; } .wel-abouts .wel-tit-en { position: relative; } .wel-abouts .wel-tit-en img { position: absolute; left: .8rem; bottom: 0; } .wel-about-box { position: relative; } .wel-about-box .words { position: absolute; width: 100%; height: 100%; left: 0; top: 0; color: #fff; padding: .25rem; padding-left: 4.125rem; padding-top: 4rem; } .wel-about-box .wens { padding-left: 2.5rem; } .wel-about-box .wens .tits { line-height: 1; } .wel-about-box .wens .txts { width: 15rem; height: 90px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 30px; margin-top: .9rem; margin-bottom: 1.75rem; max-width: 90%; } .wel-about-box .ul { position: relative; height: 41px; } .wel-about-box .ul .libox { font-size: 0; position: absolute; left: 0; top: 0; transform: rotate(90deg); transform-origin: 0 100%; } .wel-about-box .ul .libox .li { display: inline-block; font-size: 12px; vertical-align: top; line-height: 1; } .wel-about-box .ul .libox .li .li-en { display: inline-block; position: relative; margin-bottom: 5px; } .wel-about-box .ul .libox .li .li-en:before { position: absolute; content: ""; width: 100%; height: 1px; background: #fff; left: 0; bottom: 0; } .wel-about-box .ul .libox .li:nth-child(n+2) { margin-left: 1.5rem; } .wel-news { padding-top: 2.1rem; padding-bottom: 5.125rem; } .wel-news-tops { color: rgba(34, 34, 34, 0.04); text-transform: uppercase; line-height: .7; } .wel-news-left { width: 10.6rem; padding-top: .75rem; } .wel-news-left .tits { line-height: 1; } .wel-news-left .txt { margin-top: .6rem; margin-bottom: 1.75rem; line-height: 1.6; color: #747474; } .wel-news-right { width: calc(100% - 10.6rem); } .wel-news-right .items { width: 100%; color: #222222; display: block; } .wel-news-right .items .words { padding: .75rem 0; } .wel-news-right .items .time { line-height: 1; margin-bottom: .6rem; } .wel-news-right .items .tits { line-height: .75rem; height: 1.5rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .wel-news-right .items img { width: 100%; transition: .5s ease-in-out; } .wel-news-right .items .images { overflow: hidden; } .wel-news-right .items:hover img { transition: .5s ease-in-out; transform: scale3d(1.05, 1.05, 1); } .product-detail-lists .li.active2 { position: relative; } .product-detail-lists .li.active2 .tbox { width: 100%; position: absolute; left: 0; height: 50%; } .product-detail-lists .li.active2 .tbox .line-li { /*width: 25%;*/ } .product-detail-lists .li.active2 .tbox0 { top: 0; } .product-detail-lists .li.active2 .tbox0 .spans span, .product-detail-lists .li.active2 .tbox0 .line-li span { bottom: auto; top: -10px; } .product-detail-lists .li.active2 .tbox1 { bottom: 0; } .product-detail-lists .li.active2 .tbox1 .spans span, .product-detail-lists .li.active2 .tbox1 .line-li span { bottom: -10px; } .product-detail-lists .line-top { margin-left: -3px; } .product-detail-lists .lists2 .actives .line-top{ margin-left: 0; } .product-detail-lists .lists2 .list-top { margin-bottom: 2rem; } .product-detail-lists .li.active2 .line-top.line-top1 .span { bottom: -30px; top: auto; } .ui-dianbox { font-size: 0; } .ui-dianbox .dian { display: inline-block; vertical-align: middle; text-transform: uppercase; color: #888888; } .ui-dianbox .dian:nth-child(n+2) { margin-left: 1.25rem; } .ui-dianbox .dian span { display: inline-block; vertical-align: middle; width: 1.75rem; height: 1.25rem; } .ui-dianbox .dian.dian1 span { background: url(../img/g6.png) no-repeat center; background-size: 100%; } .ui-dianbox .dian.dian2 span { background: url(../img/g7.png) no-repeat center; background-size: 100%; } .ui-dianbox .dian.dian3 span { background: url(../img/g9.png) no-repeat center; background-size: 100%; } .ui-dianbox .dian.dian1.cur span { background: url(../img/g5.png) no-repeat center; background-size: 100%; } .ui-dianbox .dian.dian2.cur span { background: url(../img/g8.png) no-repeat center; background-size: 100%; } .ui-dianbox .dian.dian3.cur span { background: url(../img/g10.png) no-repeat center; background-size: 100%; } .ui-dianbox .dian.cur { color: #709c3e; } .product-detail-lists .lists3 { padding-bottom: 1.75rem; padding-top: 1.75rem; } .product-detail-lists .lists3 .list-top { line-height: 1.25rem; height: 1.25rem; margin-bottom: 1.75rem; } .product-detail-lists .lists3 .list-top .ui-dianbox { margin-left: .75rem; } .product-detail-lists .lists3 .items.cur .dian1 span { background: url(../img/g5.png) no-repeat center; background-size: 100%; } .product-detail-lists .lists3 .items.cur .dian2 span { background: url(../img/g8.png) no-repeat center; background-size: 100%; } .product-detail-lists .lists3 .items.cur .dian3 span { background: url(../img/g10.png) no-repeat center; background-size: 100%; } .product-detail-lists .lists3 .items.cur .dian { color: #709c3e; } .product-detail-lists .lists3 .items.cur .items-left { color: #75a241; } .product-detail-lists .lists3 .items-left { color: #888888; text-transform: uppercase; width: 4rem; overflow: hidden; } .product-detail-lists .lists3 .items { margin-bottom: 2rem; } .product-detail-lists .lists3 .items:last-child .items-right .dian:before { display: none; } .product-detail-lists .lists3 .items span { position: relative; z-index: 2; line-height: 1.25rem; text-indent: 1.8rem; } .product-detail-lists .lists3 .items .dian { position: relative; } .product-detail-lists .lists3 .items .dian:before { width: 1px; position: absolute; height: calc(100% + 2rem); background: #e8e8e8; content: ""; left: 0; top: .625rem; right: 0; margin: auto; } .product-detail-lists .lists3 .items-right { width: calc(100% - 4rem); position: relative; /*overflow: hidden;*/ } .product-detail-lists .lists3 .items-right:before { width: 100%; position: absolute; height: 1px; background: #e8e8e8; content: ""; left: 0; top: 0; bottom: 0; margin: auto; } .product-detail-lists .lists3 .items-right .dian { text-align: center; width: 25%; margin-left: 0 !important; position: relative; z-index: 2; } .product-detail-lists .list3-bot3 .items-right:before { display: none; } .product-detail-lists .list3-bot3 .lis { float: left; line-height: 1; } .product-detail-lists .list3-bot3 .lis .lis-tit { margin-bottom: .4rem; } .product-detail-lists .list3-bot3 .lis .lis-txt { line-height: 20px; height: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; color: #666666; } .product-detail-lists .lists4 { padding-top: 1.5rem; padding-bottom: 1.5rem; color: #7e7e7e; } .product-detail-lists .lists4 .lists4-txt { margin-top: .25rem; line-height: 1.2; } .product-detail-lists .lists4 .lists4-ul { font-size: 0; /*text-align: center;*/ margin-top: .75rem; margin-bottom: 2.25rem; } .product-detail-lists .lists4 .lists4-ul .lis { display: inline-block; vertical-align: middle; font-size: 0; width: 20%; color: #333333; } .product-detail-lists .lists4 .lists4-ul .lis .span-txt { margin-top: .2rem; color: #b2b2b2; } .product-detail-lists .lists4 .lists4-ul .lis .span { line-height: 1; padding-left: .4rem; max-width: calc(100% - 1.8rem); } .product-detail-lists .lists4 .lists4-ul .lis .imgs, .product-detail-lists .lists4 .lists4-ul .lis .span { display: inline-block; vertical-align: middle; } .product-detail-lists .lists4-ul .imgs { width: 1.75rem; height: 1.75rem; border-radius: 50%; } .product-detail-lists .lists4-ul4 { font-size: 0; } .product-detail-lists .lists4-ul4 .lis { display: inline-block; vertical-align: top; width: 32%; margin-left: 2%; margin-bottom: .5rem; } .product-detail-lists .lists4-ul4 .lis .tits { line-height: 1; } .product-detail-lists .lists4-ul4 .lis .txt { font-size: .375rem; margin-top: .25rem; margin-bottom: .25rem; /*margin-bottom: .75rem;*/ line-height: .6rem; height: 1.2rem; overflow: hidden; } .product-detail-lists .lists4-ul4 .lis .ibox { width: 100%; } .product-detail-lists .lists4-ul4 .lis .ibox .i { width: 50%; float: left; height: 1.25rem; line-height: 1.25rem; text-align: center; font-size: .45rem; color: #fff; } .product-detail-lists .lists4-ul4 .lis .ibox .i:nth-child(2) { position: relative; left: -1%; } .product-detail-lists .lists4-ul4 .lis:nth-child(3n+1) { margin-left: 0; } .product-lists5-ui5 .items { color: #d1d1d1; } .product-lists5-ui5 .items img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; opacity: .5; } .product-lists5-ui5 .items.cur img { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: gray; opacity: 1; } .product-lists5-ui5 .items.cur{ color:#75a241; } .product-detail-lists .lists5 { padding-bottom: 2.5rem; } .product-lists5-ui5 { position: relative; } .product-lists5-ui5:before { position: absolute; content: ""; height: 1px; width: 100%; background: #e7e7e7; bottom: 1rem; left: 0; } .product-lists5-ui5 .items:nth-child(6n+6) { width: 2.5rem; } .product-lists5-ui5 .imgs, .product-lists5-ui5 .spans { width: 2.5rem; } .product-lists5-ui5 .imgs{ } .product-lists5-ui5 .spans { font-size: .35rem; line-height: .45rem; height: .45rem; } .product-lists5-ui5 .items { width: calc((100% - 2.5rem)/5); float: left; text-align: center; position: relative; padding-bottom: .5rem; } .product-lists5-ui5 .items:before { position: absolute; content: ""; height: 1px; width: 100%; background: #e7e7e7; bottom: 1rem; left: 0; } .product-lists6-ui6 { font-size: 0; padding-bottom: 1.35rem; } .product-lists6-ui6 .items { display: inline-block; vertical-align: top; font-size: 13px; width: 19%; margin-left: 1.25%; } .product-lists6-ui6 .items:nth-child(5n+1) { margin-left: 0; } .product-lists6-ui6 .items .items-bot { background: #f2f2f2; color: #222222; line-height: 1.875; font-size: .4rem; } .product-lists6-ui6 .items .items-bot .lis { padding: .75rem 1rem; } .product-lists6-ui6 .items .items-bot .lis:nth-child(n+2) { border-top: 1px solid #dadada; } .product-lists6-ui6 .items .items-top { line-height: 1.875rem; height: 1.875rem; color: #fff; padding: 0 1rem; } .product-lists7-ui7 { padding-bottom: 3.875rem; font-size: 0; } .product-lists7-ui7 .items { display: inline-block; vertical-align: top; width: 16%; margin-left: .8%; margin-bottom: .5rem; text-align: center; } .product-lists7-ui7 .items .imgs { overflow: hidden; border: 2px solid #cfcfcf; } .product-lists7-ui7 .items .imgs img { transition: .5s ease-in-out; } .product-lists7-ui7 .items:hover img { transition: .5s ease-in-out; transform: scale3d(1.05, 1.05, 1); } .product-lists7-ui7 .items .spans { line-height: 1.5rem; height: 1.5rem; overflow: hidden; } .product-lists7-ui7 .items:nth-child(6n+1) { margin-left: 0; } .hisbots-right-swiper .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; height: 12rem; align-items: flex-end; padding-left: 5px; padding-right: .85rem; } .hisbots-right-swiper .swiper-slide .tits { line-height: .8rem; margin-top: -.4rem; margin-bottom: .4rem; } .hisbots-right-swiper .swiper-slide .txts { max-height: 7.5rem; overflow-y: auto; } .hisbots-right-swiper .swiper-slide .items { position: relative; padding-left: .75rem; border-left: 1px solid #a9a9a9; max-height: 100%; padding-bottom: 2.75rem; } .hisbots-right-swiper .swiper-slide .items:before { position: absolute; content: ""; width: 10px; height: 10px; left: -5px; top: 0; background: #222; } .hisbots-right-swiper .swiper-slide .tits, .hisbots-right-swiper .swiper-slide .txts { display: block; } .hisbots-right-swiper .swiper-slide .txts { line-height: 2; font-size: .375rem; } .f2 { background: #f2f2f2; } .hisbots-right-bots { height: 13.5rem; margin-bottom: -2rem; margin-top: -2.75rem; } .pd160.pd160s { padding-left: 0; } .hisbots-right-botsbox { position: relative; } .hisbots-right-botsbox .swiper-button-next { position: absolute; width: .75rem; height: .75rem; right: 2.5rem; top: 4rem; background: url(../img/j.png) no-repeat center; background-size: 100%; transition: .5s ease-in-out; } .hisbots-right-botsbox .swiper-button-next:hover { background: url(../img/j0.png) no-repeat center; background-size: 100%; transition: .5s ease-in-out; } .hisbots-right-botsbox .swiper-button-prev { position: absolute; width: .75rem; height: .75rem; left: 2.5rem; top: 4rem; background: url(../img/j1.png) no-repeat center; background-size: 100%; transition: .5s ease-in-out; } .hisbots-right-botsbox .swiper-button-prev:hover { background: url(../img/j2.png) no-repeat center; background-size: 100%; transition: .5s ease-in-out; } .hisbots-right-swiper .hisbots-left { line-height: 1; position: absolute; height: 100%; } .hisbots-right-swiper .hisbots-left:before { position: absolute; content: ""; height: 100%; width: 1px; background: rgba(234, 159, 57, 0.4); } .hisbots-right-swiper .hisbots-left .txts { line-height: 1.2; margin-top: 0; color: #ea9f39; display: none; } .hisbots-right-swiper .hisbots-left .tits, .hisbots-right-swiper .hisbots-left .txts { transition: .5s ease-in-out; } .hisbots-right-swiper .hisbots-left .tits { color: #b0b0b0; line-height: .8rem; position: relative; top: -.3rem; } .hisbots-right-swiper .hisbots-left .items { cursor: pointer; padding-left: .75rem; position: relative; } .hisbots-right-swiper .hisbots-left .items:before { width: 10px; height: 10px; left: -4px; top: 0; z-index: 2; position: absolute; content: ""; background: #ea9f39; } .hisbots-right-swiper .hisbots-left .items.active .tits { font-size: .9rem; line-height: .8rem; color: #ea9f39; } .hisbots-right-swiper .hisbots-left .items.active .txts { display: block; } .hisbots-right-swiper .hisbots-left .items:nth-child(n+2) { margin-top: 1rem; } .hisbots-right-swiper .hisbots-left .items:hover .tits, .hisbots-right-swiper .hisbots-left .items:hover .txts { color: #ea9f39; transition: .5s ease-in-out; } .hisbots-box { position: relative; min-height: 1.1rem; } .product-lists .product-items { position: relative; } .product-lists .items-tops { position: relative; } .product-lists .items-bots { padding: 1.25rem; padding-left: 7.25rem; background: #fff; border-top: 1px solid #f5f5f5; position: relative; } .product-lists .items-bots .tits-right { font-size: 0; } .product-lists .items-bots .tits-right .li { display: inline-block; vertical-align: middle; margin: .25rem 0; line-height: 1.5rem; height: 1.5rem; position: relative; padding-right: 0; transition:.6s ease-in-out; } .product-lists .items-bots .tits-right .li.active{ padding-right: 4rem; transition:.6s ease-in-out; } .product-lists .items-bots .tits-right .li.active .li-left { background: #ea5f34; border-color: #ea5f34; color: #fff; } .product-lists .items-bots .tits-right .li.active .li-right { /*width: auto;*/ opacity: 1; /*padding: 0 .9rem;*/ } .product-lists .items-bots .tits-right .li:nth-child(n+2) { margin-left: 5px; } .product-lists .items-bots .tits-right .li .li-span { font-size: 0; } .product-lists .items-bots .tits-right .li .li-left, .product-lists .items-bots .tits-right .li .li-right { display: inline-block; padding: 0 .9rem; transform: skew(20deg); -ms-transform: skew(20deg); /* IE 9 */ -moz-transform: skew(20deg); /* Firefox */ -webkit-transform: skew(20deg); /* Safari Chrome */ -o-transform: skew(20deg); /* Opera */ vertical-align: top; } .product-lists .items-bots .tits-right .li .li-left span, .product-lists .items-bots .tits-right .li .li-right span { transform: skew(-20deg); -ms-transform: skew(-20deg); /* IE 9 */ -moz-transform: skew(-20deg); /* Firefox */ -webkit-transform: skew(-20deg); /* Safari Chrome */ -o-transform: skew(-20deg); /* Opera */ display: block; } .product-lists .items-bots .tits-right .li .li-left { font-size: .5rem; border: 1px solid #c2c2c2; padding-right: .9rem; color: #222222; height: 100%; } .pro-details-more .items1.onactive, .product-lists .items-bots .tits-right .li.onactive .li-left, .product-lists .items-bots .tits-right .li.onactive .li-right{ background: #ff7a45!important; border: 1px solid #ff7a45!important; } .pro-details-more .items1.onactive{ border:none!important; } .product-lists .items-bots .tits-right .li .li-right { width: 0; opacity: 0; padding: 0; overflow: hidden; font-size: .4rem; background: #ff7a45; color: #fff; border: 1px solid #ff7a45; font-weight: bold; cursor: pointer; text-align: center; position: absolute; right: 0; top: 0; transition:.6s ease-in-out; height: 100%; } .product-lists .items-bots .tits-right .li.active .li-right{ width: 4rem; transition:.6s ease-in-out;border-left: 1px solid #fff!important; } .product-lists .items-bots .tits-right .li .li-right span{ word-break: break-word; display: block; } .product-lists .items-bots .tits-right .li .li-span { /*@include trans(skew(-20deg));*/ } .product-lists .items-bots .tits { position: absolute; left: 2.75rem; top: 1.5rem; } .product-lists .items-topright { height: 100%; width: 11%; line-height: 1; background: #ffffff; position: absolute; right: 0; top: 0; font-size: .45rem; font-weight: bold; } .product-lists .items-topright .itps1 { position: relative; padding-top: 2.25rem; } .product-lists .items-topright .itps1:before { top: 1rem; background: url(../img/m1.png) no-repeat center; background-size: 100%; } .product-lists .items-topright .itps1:hover:before { background: url(../img/m4.png) no-repeat center; background-size: 100%; } .product-lists .items-topright .swiper-button-disabled { display: none !important; } .product-lists .items-topright .itps2 { padding-bottom: 2.25rem; position: absolute; bottom: 0; left: 0; width: 100%; } .product-lists .items-topright .itps2:before { bottom: 1rem; background: url(../img/m2.png) no-repeat center; background-size: 100%; } .product-lists .items-topright .itps2:hover:before { background: url(../img/m3.png) no-repeat center; background-size: 100%; } .product-lists .items-topright .itps { width: 100%; max-height: 50%; text-align: center; cursor: pointer; } .product-lists .items-topright .itps:hover { color: #e87717; transition: .5s ease-in-out; } .product-lists .items-topright .itps:hover:before { transition: .5s ease-in-out; } .product-lists .items-topright .itps:before { position: absolute; content: ""; width: .5rem; height: .9rem; left: 0; right: 0; margin: auto; transition: .5s ease-in-out; } .product-lists .items-topright .itps span { display: inline-block; vertical-align: middle; width: 1em; } .product-lists .items-topleft { width: 89%; height: 12.5rem; padding: 2rem 2.5rem 1.75rem 3rem; position: relative; } .product-lists .items-topleft .tits { line-height: 1; } .product-lists .items-topleft .tits-en { line-height: 1; color: #888888; text-transform: uppercase; margin-top: .4rem; margin-bottom: .9rem; } .product-lists .items-topleft .wens { font-size: .4rem; line-height: 1.5; font-weight: bold; color: #000; margin-bottom: 1.8rem; } .product-lists .items-topleft .imgs { float: right; height: 100%; } .product-lists .items-topleft .imgs img { height: 100%; } .product-lists { padding-top: 1rem; padding-bottom: 6rem; } .product-lists .product-lists-swiper { position: relative; } .product-lists .product-lists-swiper .swiperpaginations { font-size: 0; padding-right: 1.5rem; line-height: 1; } .product-lists .product-lists-swiper .swiperpaginations .swiper-all { position: absolute; right: 0; top: 0; z-index: 2; padding-left: .6rem; } .product-lists .product-lists-swiper .swiperpaginations .swiper-all:before { width: .25rem; height: 3px; content: ""; left: 0; top: 0; bottom: 0; margin: auto; background: #222; position: absolute; } .product-lists .product-lists-swiper .swiper-pagination { position: relative; width: auto; margin-right: .35rem; } .product-lists .product-lists-swiper .swiper-pagination .swiper-pagination-bullet { width: auto; height: auto; display: none; background: transparent; } .product-lists .product-lists-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { display: block; } .product-lists .product-lists-swiper .bspan { display: inline-block; vertical-align: middle; } .product-lists .swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto; height: 17rem; } .product-lists .swiperpaginations { position: absolute; right: -1.5rem; top: 6rem; } .product-fixed-bots.active{ bottom: 0; transition:1s ease; } .product-fixed-bots { position: fixed; width: 100%; bottom: -100%; left: 0; background: #fff; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; z-index: 10; padding-top: .6rem; /*padding-top: 1.25rem;*/ /*padding-bottom: 1.4rem;*/ padding-bottom: .7rem; display: none; transition:1s ease; } .product-fixed-bots .chas { width: .45rem; height: .45rem; position: absolute; right: .5rem; top: .5rem; background: url(../img/chas.png) no-repeat center; background-size: 100%; cursor: pointer; transition: .5s ease-in-out; } .product-fixed-bots .chas:hover { background: url(../img/chas2.png) no-repeat center; background-size: 100%; } .product-fixed-bots .bots-fixed-tit { font-size: 0; line-height: .7rem; margin-bottom: .5rem; /*margin-bottom: 1rem;*/ } .product-fixed-bots .bots-fixed-tit .spans { display: inline-block; vertical-align: top; color: #747474; } .product-fixed-bots .bots-fixed-tit .span2.cur { color: #fff; } .product-fixed-bots .bots-fixed-tit .span2:hover{ color: #fff; } .product-fixed-bots .bots-fixed-tit .span2{ margin-right:60px; font-size:15px; padding:2px 5px; margin-top:-3px; background:#e87717; border-radius:5px; letter-spacing:2px; } .product-fixed-bots .bots-fixed-tit .tits { color: #222222; margin-right: 1.625rem; } .product-fixed-bots .bots-fixed-tit .span1, .product-fixed-bots .bots-fixed-tit .span2 { cursor: pointer; } .product-fixed-bots .bots-fixed-tit .span1:hover, .product-fixed-bots .bots-fixed-tit .span1.cur{ color: #163391; } .product-fixed-bots .bots-fixed-tit .span1 { margin-right: .8rem; } .product-fixed-bots .close { position: absolute; cursor: pointer; width: .8rem; height: .8rem; border-radius: 50%; right: 0; top: 0; background-image: url(../img/close.png); background-repeat: no-repeat; background-position: center center; background-size: 100%; transition: .5s ease-in-out; cursor: pointer; background-color: #b8b8b8; } .product-fixed-bots .conbox { position: relative; } .product-fixed-bots .items { background: #f7f7f7; height: 3rem; padding: .5rem 1rem .5rem .96rem; font-size: 0; } .product-fixed-bots .items:hover img { transition: .5s ease-in-out; transform: scale3d(1.05, 1.05, 1); } .product-fixed-bots .items .imgs { height: 100%; overflow: hidden; width: 3.7rem; } .product-fixed-bots .items .imgs img { max-height: 100%; transition: .5s ease-in-out; } .product-fixed-bots .items .span { font-size: 0.625rem; color: #222222; text-transform: uppercase; line-height: 1.5; width: calc(100% - 3.7rem); max-height: 90%; } .product-fixed-bots .items .span, .product-fixed-bots .items .imgs { display: inline-block; vertical-align: middle; } .product-lists .items-topleft .imgs { width: 11.5rem; } .product-lists .items-topleft .words { width: calc(100% - 11.5rem); } .wel-banner-box { position: relative; } .wel-banner-box .wel-banner-search { position: absolute; z-index: 5; height: 100%; left: 0; width: 11.25rem; top: 0; color: #fff; padding-left: 1.75rem; } .wel-banner-box .wel-banner-search .search-right { height: 100%; padding: 15% 0; } .wel-banner-box .wel-banner-search .search-right .swiper-slide { height: 14.2%; position: relative; color: rgba(255, 255, 255, 0.2); cursor: pointer; } .wel-banner-box .wel-banner-search .search-right .swiper-slide-active { color: #fff; opacity: 0; } .wel-banner-box .wel-banner-search .search-right .swiper-slide-next, .wel-banner-box .wel-banner-search .search-right .swiper-slide-prev { color: white; } .wel-banner-box .wel-banner-search .search-right .swiper-slide-next + .swiper-slide, .wel-banner-box .wel-banner-search .search-right .swiper-slide-prev + .swiper-slide { color: rgba(255, 255, 255, 0.4); } .wel-banner-box .wel-banner-search .search-right .items { padding-left: 2rem; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; line-height: 20px; height: 20px; display: block; color: #FFF; transition:.5s ease-in-out; font-size: .4rem; } .wel-banner-box .wel-banner-search .search-right .items:hover{ transition:.5s ease-in-out; color:#e87717; } .wel-banner-box .wel-banner-search .search-right .swiper-container, .wel-banner-box .wel-banner-search .search-right .swiper-wrapper { height: 100%; } .wel-banner-box .wel-banner-search .search-left { width: 1.75rem; height: 100%; left: 0; top: 0; padding-top: 3.625rem; position: absolute; text-align: center; border-right: 1px solid rgba(255, 255, 255, 0.2); } .wel-banner-box .wel-banner-search .search-left span { display: inline-block; vertical-align: middle; width: 1em; font-size: .375rem; } .search-banner { position: absolute; left: .4rem; top: 0; bottom: 0; margin: auto; height: 1.5rem; line-height: 1.5rem; background: #fff; border-radius: 1.5rem; overflow: hidden; z-index: 15; } .search-banner input[type=submit] { position: absolute; left: .8rem; top: 0; bottom: 0; width: .75rem; height: .75rem; background: url(../img/a26.png) no-repeat center; background-size: 100%; text-indent: -999px; overflow: hidden; margin: auto; } .search-banner input[type=text] { width: 100%; height: 100%; padding-left: 3.375rem; font-size: .45rem; color: #222222; } .search-banner input::-webkit-input-placeholder { color: #222222; } .search-banner input::-moz-placeholder { color: #222222; } .search-banner input:-moz-placeholder { color: #222222; } .search-banner input:-ms-input-placeholder { color: #222222; } img { max-width: 100%; } .pc768 { display: block; } .m768 { display: none; } .mbox { display: none; } .w100 { width: 100%; } .pcbox { display: block; } .jiazaianniu { text-align: center; color: #959595; line-height: 1; } .jiazaianniu .img { width: 85px; height: 25px; margin: 0 auto; } .jiazaianniu .img img { display: block; } .jiazaianniu .tits { line-height: 20px; height: 20px; margin-top: 5px; display: block; } @media screen and (min-width: 768px) { .lightbox .lb-image { width: auto !important; height: auto !important; max-width: 100%; max-height: 100%; } .lb-outerContainer { width: 70% !important; height: 70% !important; } .lightbox .lb-image { position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto !important; } } .wel-news-right .items .images{ position: relative; } .wel-news-right .items .images:before{ position: absolute; content:""; width: 100%; height: 100%; background:rgba(0,0,0,.4); transition:.5s ease-in-out; z-index: 1; } .industry-listbot .lists .imgs{ position: relative; } .industry-listbot .lists .imgs:before{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; content:""; background:rgba(0,0,0,.3); z-index: 1; /*opacity: 0;*/ transition:.5s ease-in-out; } .wel-industry-listsswiper .items .imgs{ position: relative; overflow: hidden; } .wel-industry-listsswiper .items .imgs:before{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; content:""; background:rgba(0,0,0,.3); z-index: 1; /*opacity: 0;*/ transition:.5s ease-in-out; } .wel-industry-listsswiper .items:hover .imgs:before{ transition:.5s ease-in-out; opacity: 0; } .industry-listbot .lists .items .text, .industry-listbot .lists .items .words{ z-index: 2; } .svgbox .svg { stroke-width: 2; r: calc(50% - 1px); } .svgbox .svgs{ width: 100%; height: 100%; } .svgbox .svgs svg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } @keyframes circle { from { stroke-dasharray: 0 1000; } to { stroke-dasharray: 1000 0; } } .svgbox { /* width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer;*/ } .wel-banner .swiper-pagination .swiper-pagination-bullet{ position: relative; } .svgbox .circle { opacity: 0; /*transition: 1s ease-in-out;*/ } /*.svgbox .swiper-pagination-bullet:hover .circle,*/ .svgbox .swiper-pagination-bullet.swiper-pagination-bullet-active .circle { animation: circle 6s linear; opacity: 1; /*transition: 2s ease-in-out;*/ } .ui-widget-header .ui-icon.ui-icon-circle-triangle-w{ background: url(../img/left.png) no-repeat center; background-size: 100%; } .ui-widget-header .ui-icon.ui-icon-circle-triangle-e{ background: url(../img/right.png) no-repeat center; background-size: 100%; } @media screen and (min-width: 1550px){ .ui-datepicker{ width: 6.125rem!important; } } @media screen and (max-width: 1480px){ .bocweb-footer .footer-top{ padding-bottom: 2rem; height: auto; } .bocweb-footer .qqbox{ margin-top: 1rem; } .qqbox { font-size: 15px; width: 135px; height: 55px; line-height: 55px; } .bocweb-header.fixed .header-pc { line-height: 100px; height: 100px; } .bocweb-header.fixed .bocweb-mainnav-right .items .items-bot, .bocweb-header.fixed .bocweb-subnav .bocweb-subnav-bot{ top: 99px; } .bocweb-header.fixed .bocweb-mainnav-right .items .items-bot{ top: 90px; } .bocweb-footer .footertop-left, .bocweb-footer .footertop-right{ padding-top: 2rem; } .bocweb-footer .footertop-right .wens{ font-size: 15px; line-height: 2; } } @media screen and (max-width: 1370px){ .bocweb-header.fixed .bocweb-mainnav-right .items .items-bot{ top: 40px; } .bocweb-mainnav-right{ line-height: 40px; height: 40px; padding-top: 10px; } .bocweb-mainnav-left{ text-align: right; line-height:40px; padding-top: 50px; } .bocweb-mainnav-left .bocweb-subnav{ padding-bottom: 10px; } .bocweb-mainnav-right .items .items-bot{ top:40px; } } @media screen and (max-width: 1300px){ .product-lists .items-topright .itps span{ display: none; } } @media screen and (max-width: 1023px){ .x1023{ display: block; } } @media screen and (max-width: 767px){ .x767{ display: block; } .x1023{ display: none; } } @media screen and (min-width: 1024px) { .product-lists .swiper-container{ height: 19rem; } .wel-industry-listsswiper .items .spans{ transition:.5s ease-in-out; } .product-lists .items-bots .tits-right{ /*white-space:nowrap;*/ /*overflow-x:auto;*/ max-height: 4rem; } .wel-industry-listsswiper .items:hover .spans{ transition:.5s ease-in-out; opacity: 0; } .pro-info-table tbody td { max-width: 300px; } .hisbots-box { min-height: 11rem; } .product-detail-lists .lists2 .actives .li-bots{ margin-top: 16px; } .product-detail-lists .lists2 .actives .li-bots img{ transform: translateY(-16px); } .product-detail-lists .lists2 .li-bots { min-height: 70px; } .product-lists .product-lists-swiper .bspan{ position: relative; padding-left: 1em; } .product-lists .product-lists-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ transform: translateY(0); opacity: 1; transition: .5s ease; } .product-lists .product-lists-swiper .swiper-pagination .swiper-pagination-bullet{ transform: translateY(-30px); display: block; opacity: 0; position: absolute; left: 0; top: 0; } .wel-industry-listsswiper{ min-height: 400px; } .hisbots-right-swiper .swiper-slide .items{ transition:.5s ease-in-out; } .hisbots-right-swiper .swiper-slide .items:before{ transition:.5s ease-in-out; } .hisbots-right-swiper .swiper-slide .items:hover:before{ transition:.5s ease-in-out; background:#014590; } .hisbots-right-swiper .swiper-slide .items:hover{ padding-bottom: 3.2rem; transition:.5s ease-in-out; color:#014590; } .layout-images .li .li-top{ width: calc(100% + 20px); background: url(../img/dian.png) no-repeat left; background-size: auto 100%; } .layout-images .li .li-bot{ left: calc(100% + 20px); } .layout-images .li9 .li-bot{ left: -100px; top: 1rem; } .hisbots-right-botsbox .swiper-button-next{ top: 5rem; right: 1.7rem!important; } .hisbots-right-botsbox .swiper-button-prev{ left: auto; right: 1.7rem!important; top: 3.5rem; } .industry-listbot .lists .items:hover .imgs:before{ opacity: 1; transition:.5s ease-in-out; } .wel-news-right .items:hover .images:before{ transition:.5s ease-in-out; opacity: 0; } .wel-about-box .words{ opacity: 0; transition:.5s ease-in-out; } .wel-about-box .imaegs{ position: relative; } .wel-about-box .images:before{ position: absolute; content:""; width: 100%; height: 100%; left: 0; top: 0; /*background:url(../img/i23.png) no-repeat center;*/ /*background-size: cover;*/ background:rgba(1,69,144,.5); transition:.5s ease-in-out; opacity: 0; } .wel-about-box:hover .images:before{ transition:.5s ease-in-out; opacity: 1; } .wel-about-box:hover .words{ opacity: 1; transition:.5s ease-in-out; } .stock-lists{ position: relative; } .stock .stock-lists .items2{ position: absolute; right: 0; top: 0; height: 100%; } .stock .stock-lists .items2 .tit-imgs{ height: calc(100% - 35px); padding: 3% ; } .stock .stock-lists .items2 .tit-imgs img{ max-height: 100%; display: block; margin:0 auto; width: auto; } .industrytops-words-left .li-bots { font-size: .4rem; } .industry-tits .items:hover { color: #fff; background: #014590; transition: .5s ease-in-out; } .industry-tits .items:hover .imgs .i1 { opacity: 1; } .industry-tits .items:hover .imgs .i0 { opacity: 0; } .industry-tits .items:hover .imgs img { transition: .5s ease-in-out; } .problem-tits .ul .li:hover { transition: .5s ease-in-out; color: #e87717; } .ybox .mCSB_draggerRail { background: rgba(255, 255, 255, 0.1) !important; } .ybox .mCSB_scrollTools .mCSB_draggerRail { width: 1px !important; } .ybox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 14px; background: url(../img/k10.png) no-repeat center !important; background-size: 14px 14px; } .ybox.ons .mCSB_draggerRail { background: rgba(34, 34, 34, 0.1) !important; } .ybox.ons .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: url(../img/k11.png) no-repeat center !important; background-size: 14px 14px; } .abouttit .items:hover { background: #e87717; transition: .5s ease-in-out; } .culture-bots .items:hover .culturebgs .imgsbg { height: 100%; transition: .5s ease-in-out; } .qqbox:hover { transition: .5s ease-in-out; color: #fff; background: #e87717; } .qqbox:hover span { transition: .5s ease-in-out; } .qqbox:hover span { background: url(../img/qq2.png) no-repeat center; background-size: 100%; } .news-bots-lists .itembox { transition: .5s ease-in-out; } .news-bots-lists .itembox .words .time, .news-bots-lists .itembox .words .tits, .news-bots-lists .itembox .words .txts { transition: .5s ease-in-out; } .news-bots-lists .itembox:hover { background: #014590; color: #fff; } .news-bots-lists .itembox:hover .words .time, .news-bots-lists .itembox:hover .words .tits, .news-bots-lists .itembox:hover .words .txts { color: #fff; transition: .5s ease-in-out; } .bocweb-mainnav-right a, .bocweb-mainnav-left a { /*transition: .5s ease-in-out;*/ } .bocweb-mainnav-right a:hover, .bocweb-mainnav-left a:hover { color: #e87717; /*transition: .5s ease-in-out;*/ } } @media screen and (min-width: 768px){ .about-center2 .swiper-container{ padding: 0 11%; } .about-center.about-center2 .swiper-slide{ margin-right: 0; } .about-center.about-center2 .items .images{ width: 100%; } } @media screen and (max-width: 1910px) and (min-width: 1600px){ .layout-images .li1 { left: 5%; top: 4.5rem; } .layout-images .li2 { left: 5.25%; top: 6.25rem; } .layout-images .li3 { left: 26%; top: 10rem; } .layout-images .li4 { left: 35%; top: 9.375rem; } .layout-images .li5 { width: .7rem; left: 37%; top: 8rem; } .layout-images .li6 { left: 73%; top: 5.25rem; } .layout-images .li7 { left: 74%; top: 9.5rem; } .layout-images .li8 { left: 77%; top: 7.25rem; } .layout-images .li9 { /*left: 81%;*/ /*top: 9.625rem;*/ } /*.layout-images .li10 { left: 89%; top: 14.5rem; }*/ } @media screen and (max-width: 1600px) { .layout-images .li10{ left: 25rem; top: 7.25rem; } .wel-banner-box .wel-banner-search .search-right .items{ font-size: .375rem; } .product-lists .items-topright { line-height: 1.2; } .hisbots-right-botsbox .swiper-button-next { right: 1.8rem; } .wel-about-box .wens .txts { line-height: 24px; height: 72px; margin-top: .8rem; margin-bottom: 1.5rem; } .ft17 { font-size: 15px; } .problem-tits .ul .li { font-size: 14px; } .layout-box .laytoptxt { line-height: 1.6; } .culture-tops .culturetit .en { font-size: 13px; } header { height: 100px; } .ft16 { font-size: 14px; } .pd160 { padding-left: 3rem; padding-right: 3rem; } .ft18 { font-size: 16px; } .news-bots-lists .items .words .txts { line-height: 32px; height: 64px; } .news-box .news-tops .txts { line-height: 22px; height: 44px; } .news-box .news-tops .items .imgs { height: 400px; } .news-botstitlists .newstits-right .items.item-input input { font-size: 16px; } /*layout*/ .layout-images { width: 36rem; } .layout-images .li { width: 0.54rem; height: 0.9rem; } .layout-images .li1 { left: 1.8rem; top: 4.05rem; } .layout-images .li1 .tits { top: -0.72rem; } .layout-images .li2 { left: 2.025rem; top: 5.625rem; } .layout-images .li2 .tits { bottom: -0.63rem; } .layout-images .li3 { left: 9.225rem; top: 9rem; } .layout-images .li3 .tits { bottom: -0.63rem; } .layout-images .li4 { left: 12.6rem; top: 8.4375rem; } .layout-images .li4 .tits { bottom: -0.63rem; } .layout-images .li5 { width: 0.63rem; left: 12.825rem; top: 7.2rem; } .layout-images .li5 .tits { top: -0.72rem; } .layout-images .li6 { left: 25.65rem; top: 4.725rem; } .layout-images .li6 .tits { bottom: -0.63rem; } .layout-images .li7 { left: 25.9875rem; top: 8.55rem; } .layout-images .li7 .tits { bottom: -0.63rem; } .layout-images .li8 { left: 27rem; top: 6.525rem; } .layout-images .li8 .tits { bottom: -0.63rem; } .layout-images .li9 { /*left: 28.4625rem;*/ /*top: 8.6625rem;*/ } .layout-images .li9 .tits { /*left: 1.35rem;*/ } /*.layout-images .li10 { left: 30.375rem; top: 13.05rem; }*/ .layout-images .li10 .tits { /*bottom: -0.45rem;*/ } /*layout*/ } @media screen and (max-width: 1450px) { .layout-images .li10{ left: 22rem; } .wel-banner-box .wel-banner-search .search-right .items{ font-size: 14px; } .hisbots-right-botsbox .swiper-button-next { right: 1.3rem; } .product-detail-lists .line-top .span { font-size: 18px; } .con-swiper .swiper-button-next { /*right: 0;*/ } .con-swiper .swiper-button-prev { /*left: 0;*/ } .stock .stock-lists .items.items1 .ul .li:nth-child(n+2) { margin-left: 1rem; } .stock .stock-lists .items.items1 { padding: 1.25rem 1rem; } /*layout*/ .layout-images { width: 32rem; } .layout-images .li { width: 0.48rem; height: 0.8rem; } .layout-images .li1 { left: 1.6rem; top: 3.6rem; } .layout-images .li1 .tits { /*top: -0.64rem;*/ } .layout-images .li2 { left: 1.8rem; top: 5rem; } .layout-images .li2 .tits { /*bottom: -0.56rem;*/ } .layout-images .li3 { left: 8.2rem; top: 8rem; } .layout-images .li3 .tits { /*bottom: -0.56rem;*/ } .layout-images .li4 { left: 11.2rem; top: 7.5rem; } .layout-images .li4 .tits { /*bottom: -0.56rem;*/ } .layout-images .li5 { width: 0.56rem; left: 11.4rem; top: 6.4rem; } .layout-images .li5 .tits { /*top: -0.64rem;*/ } .layout-images .li6 { left: 22.8rem; top: 4.2rem; } .layout-images .li6 .tits { /*bottom: -0.56rem;*/ } .layout-images .li7 { left: 23.1rem; top: 7.6rem; } .layout-images .li7 .tits { /*bottom: -0.56rem;*/ } .layout-images .li8 { left: 24rem; top: 5.8rem; } .layout-images .li8 .tits { /*bottom: -0.56rem;*/ } .layout-images .li9 { /*left: 25.3rem;*/ /*top: 7.7rem;*/ top: 12rem; } .layout-images .li9 .tits { /*left: 1.2rem;*/ } /*.layout-images .li10 { left: 27rem; top: 11.6rem; }*/ .layout-images .li10 .tits { /*bottom: -0.4rem;*/ } /*layout*/ .about-bots .wens { line-height: 2; } .pd160 { padding-left: 2.5rem; padding-right: 2.5rem; } .news-box .news-tops .items .imgs { height: 350px; } .news-box .news-tops .items .words { padding: 1.25rem 1.5rem 1rem 1.25rem; } .news-botstitlists .newstits-right .items.items2 .i, .news-botstitlists .newstits-right .items.items1 .i { left: 1rem; } .news-botstitlists .newstits-right .items .before, .news-botstitlists .newstits-right .items:before { width: 15px; height: 15px; right: 1rem; } .news-botstitlists .newstits-right .items { width: 8rem; } .bocweb-footer .footertop-left .inputs { width: 340px; } .bocweb-footer .footertop-left .inputs input[type=text] { width: 245px; } .bocweb-footer .footertop-left .inputs input[type=text] { font-size: 16px; } .bocweb-footer .footertop-left .inputs { height: 60px; line-height: 60px; } } @media screen and (max-width: 1190px) { .footerbots-top .fx .items{ width: 35px; height: 35px; line-height: 35px; font-size: 20px; } .footerbots-top .footerbotstop-left .items{ font-size: 16px; } .footerbots-top .footerbotstop-left .items:nth-child(n+2){ margin-left: 1.5rem; } .stock .stock-lists .items.items1 .ul .li:nth-child(n+2) { margin-left: .5rem; } .download-lists .lists .items { padding-left: 2.5rem; } .stock .stock-lists .items.items1 { padding: 1rem .75rem; } .culture-tops .culturetit .box .txts { width: 50%; } .layout-box .laytoptxt { width: 55%; } .about-banner .about-words { width: 90%; } .about-banner .about-words .right-text .items .txt { margin-top: .25rem; } .about-banner .about-words .right-text { width: 65%; padding-right: 1rem; } .job-lists .item-top .td3 { padding-left: 1.5rem; } .job-lists .item-top .td1 { padding-left: 1rem; } .speech-bots .lists .wens { line-height: 1.6; } .speech-bots .lists .words { padding: 1.2rem; padding-left: 1.25rem; padding-top: 2.5rem; } } .stock .stock-lists .items img { width: 100%; } @media screen and (max-width: 1023px) { .footerbots-bots{ height: auto; } /**/ .industry-tits.welindustry-titsactives .items:hover:after, .industry-tits.welindustry-titsactives .items.active:after{ opacity: 1; background:#e87717; } .industry-tits.welindustry-titsactives .items:hover:before, .industry-tits.welindustry-titsactives .items.active:before{ z-index: 2; background: url(../img/z340.png) no-repeat center; background-size: 100%; width: 20px; height: 9px; left: 0; right: 0; margin: auto; bottom: -9px; } .product-detail-lists .lists4-ul4 .lis .txt{ line-height: 1.5; height: auto; } .product-detail-lists .lists2 .li:nth-child(n+2){ margin-top: 40px; } .newsxq-bot1{ width: 85%; } .honor1-swiper .swiper-slide-active .spans{ transform: scale3d(1, 1, 1); } .honor2-items .swiper-slide .spans br{ display: none; } .product-detail-lists .line-top .span{ font-size: 16px; } .stock .stock-lists .items2 .tit-imgs{ padding: 3%; } .product-lists .items-bots .tits-right .li .li-left, .product-lists .items-bots .tits-right .li .li-right, .product-lists .items-bots .tits-right .li.active .li-right { padding: 0 .3rem; } .product-lists .items-bots .tits { left: .5rem; top: .75rem; } .product-lists .items-bots .tits-right .li .li-left { background: #ea5f34; border-color: #ea5f34; color: #fff; } .product-lists .items-bots .tits-right .li .li-right { width: auto; opacity: 1; padding: 0 .9rem; display: none; } .product-lists .items-bots .tits-right .li.active { padding-right: 0; } .product-lists .items-bots { padding: .75rem; padding-left: 4rem; } .product-lists .items-topleft { padding: 1rem 1.2rem 1.35rem 1.5rem; } .product-lists .items-topleft .words { width: calc(100% - 8rem); } .hisbots-right-swiper .hisbots-left { position: static; font-size: 0; width: 100%; } .product-lists .items-topleft .imgs img { height: auto; } .product-lists .items-topleft .imgs { width: 8rem; height: auto; } .hisbots-right-botsbox { background: none !important; } .hisbots-box .hisbots-right { width: 100%; margin-top: .75rem; } .hisbots-right-swiper .hisbots-left .tits { top: 0; } .hisbots-right-swiper .hisbots-left .items:before { left: 0; top: 10px; /*bottom: 0;*/ margin: auto; } .hisbots-right-botsbox { position: static; } .hisbots-right-swiper .hisbots-left .items.active .tits { position: static; top: 0; } .hisbots-right-swiper .hisbots-left:before { display: none; } .hisbots-right-botsbox .swiper-button-prev { position: absolute; left: 0; top: 0; bottom: 0; margin: auto; } .hisbots-right-botsbox .swiper-button-next { position: absolute; right: 0; top: 0; bottom: 0; margin: auto; } .hisbots-right-bots { display: none; } .hisbots-right-swiper .hisbots-left .items.active .txts { /*display: none;*/ } .hisbots-right-swiper .hisbots-left .items { /*display: inline-block; vertical-align: top; width: 25%;*/ } .hisbots-right-swiper .hisbots-left .items:nth-child(n+2) { margin-top: 0; } /**/ .product-detail-lists .lists4 .lists4-ul .lis { width: 33.33%; margin-bottom: .5rem; } .product-lists6-ui6 .items { width: 32%; margin-left: 2%; margin-bottom: 2%; } .product-lists6-ui6 .items:nth-child(6n+1) { margin-left: 2%; } .product-lists6-ui6 .items:nth-child(3n+1) { margin-left: 0; } .product-lists7-ui7 .items { width: 32%; margin-left: 2%; margin-bottom: 2%; } .product-lists7-ui7 .items:nth-child(5n+1) { margin-left: 2%; } .product-lists7-ui7 .items:nth-child(3n+1) { margin-left: 0; } .product-detail-lists .lists4-ul4 .lis { width: 100%; margin-left: 0; } .product-detail-lists .li { width: 100%; margin-left: 0; } .product-detail-lists .li:nth-child(2n+1) { margin-left: 0; } .wel-banner .videoboxs video { display: none; } .pro-info-table td { word-break: break-word; } .pro-info-table td .txts { font-size: 12px; } .pro-info-table thead td .close { width: .5rem; height: .5rem; } .pro-info-table { table-layout: fixed; } .tds-first { width: 100px; } .pro-info-table td { padding: 0; } .lb-nav a.lb-next, .lb-nav a.lb-prev { opacity: 1; } .stock .stock-lists .items { width: 100%; margin-left: 0; } .stock .stock-lists .items.items2 { margin-top: 20px; } .investor-maplists .words { width: 100%; height: auto; } .investor-maplists .images { width: 100%; } .industrytops-words .industrytops-words-left, .industrytops-words .industrytops-words-right { width: 100%; padding-right: 0; } .industrytops-words .industrytops-words-right { padding-left: 0; margin-top: 2rem; } .problem-tits .inputs, .problem-tits .txts { width: 100%; } .problem-tits .txts .span { left: 0; } .problem-tits .txts { margin-top: 30px; padding-left: 5em; } .layout-images { width: 100%; } .layout-words .items .wens { height: auto; } .layout-words { background: transparent; } .layout-images .words { font-size: 0; } .layout-words .items { width: 100%; height: auto; } .layout-words .items.items1 { background: #ededed; } .layout-words .items.items2 { background: #014590; } .layout-images .li { position: static; width: auto; height: auto; background: #ea9f39; width: 49%; margin-left: 2%; margin-bottom: 2%; display: inline-block; vertical-align: top; color: #fff; padding: .75rem; } .layout-images .li .tits { color: #fff; margin-bottom: 20px; } .layout-images .li .span { display: none; } .layout-images .li .li-bot { padding: 0; } .layout-images .li:nth-child(2n+1) { margin-left: 0; } .layout-images .li .li-bot, .layout-images .li .tits { left: 0; transform: translate(0, 0); -ms-transform: translate(0, 0); /* IE 9 */ -moz-transform: translate(0, 0); /* Firefox */ -webkit-transform: translate(0, 0); /* Safari Chrome */ -o-transform: translate(0, 0); /* Opera */ } .layout-images .li .li-bot { display: block !important; width: 100%; background: transparent; } .layout-images .li .li-bot { position: static; } .layout-images .li .tits { position: static; } .layout-images .li .li-top { background: transparent; width: auto; height: auto; } .layout-images .li .li-top .span { background: url(../img/dian.png) no-repeat center; background-size: 100%; width: .7rem; height: 1rem; } .layout-box .laytoptxt { width: 100%; padding-bottom: 30px; margin-top: 0; } .job-lists .item-bot .li { height: auto !important; } .job-lists .item-top .td2.td { display: none; /*width: auto;*/ } .job-lists .item-top .td1.td { width: 65%; } .job-lists .item-top .td3.td { width: 35%; } .job-lists .item-bot .li { width: 100%; line-height: 1.6; } .job-lists .item-top .td3-close .btn:hover { color: #222; } .about-center .swiper-slide { width: 100%; margin-right: 0; } .about-center .swiper-slide img { width: 100%; } .about-center .items .images { width: 100%; } .about-center .swiper-slide.active { width: 100%; } header { height: 45px; } .m-header .welcome-a img { height: 75%; position: absolute; top: 0; bottom: 0; margin: auto; } /*newsinfo*/ .newsxq-bot1 .dn-mid { font-size: 14px; line-height: 1.6; } /*newsinfo*/ .footerbots-bots { padding: 10px 0; } .footerbots-bots .f-left, .footerbots-bots .f-right { width: 100%; height: auto; line-height: 3; text-align: center; } .footerbots-bots .f-right .items:nth-child(n+2) { margin: 0; } .footerbots-bots .f-right .items { padding: 0 10px; } .footerbots-top .fx .items { float: none; display: inline-block; } .footerbots-top { height: auto; padding-top: .9rem; padding-bottom: 1.25rem; } .footerbots-top .fx { width: 100%; text-align: center; } .footerbots-top .footerbotstop-left { display: none; } .news-box .news-tops .images, .news-box .news-tops .words { width: 100%; position: static; } .news-box .news-tops .images img, .news-box .news-tops .words img { width: 100%; } .news-box .swiper-paginations .swiper-pagination-bullet { font-size: 16px; } .news-bots-lists .items .images img { width: 100%; } .news-bots-lists .items .words { padding-left: 1.25rem; padding-right: 1rem; } .news-box .news-tops .items .words { position: static; } .ft18 { font-size: 14px; } .news-bots-lists .items .words .txts { line-height: 22px; height: 44px; } .pcbox { display: none; } .news-botstitlists .newstits-right { width: 100%; max-width: 100%; margin-top: 1rem; } .news-botstitlists .newstits-left { width: 100%; } .news-botstitlists .newstits-right .items:nth-child(n+2) { margin-left: 2%; } .news-botstitlists .newstits-right .items { width: 38%; } .news-botstitlists .newstits-right .items.item-input { width: 20%; } .newsxq-bot1 .dn-bot .dfl { width: 100%; margin-bottom: 1rem; max-width: 100%; } .download-lists .lists .items { width: 49%; margin-left: 2%; } .download-lists .lists .items:nth-child(3n+1) { margin-left: 2%; } .download-lists .lists .items:nth-child(2n+1) { margin-left: 0; } .newsxq-bot1 .dn-bot .dfr { width: 100%; } .culture-bots .items { width: 32%; margin-left: 2%; } .culture-bots .items:nth-child(3n+1) { margin-left: 0; } .mbox { display: block; } .industry-listbot .lists .items .text { display: none; } .industry-listbot .lists .items .words { opacity: 1; } .industry-listbot .lists .items { width: 49%; margin-left: 2%; } .industry-listbot .lists .items:nth-child(4n+1) { margin-left: 2%; } .industry-listbot .lists .items:nth-child(2n+1) { margin-left: 0; } .honor4-items .honor4-swiper .honor4-swiperbox { padding: 0; padding-bottom: 2rem; } .honor2-items .swiper-slide .items { width: 49%; margin-left: 2%; } .honor2-items .swiper-slide .items:nth-child(4n+1) { margin-left: 2%; } .honor2-items .swiper-slide .items:nth-child(2n+1) { margin-left: 0; } .wel-abouts.pd100 { padding-left: 0; padding-right: 0; } .wel-news-tops { display: none; } .wel-news-right .items:hover img { transform: scale3d(1, 1, 1); } .wel-banner .videoboxs:before { width: 50px; height: 50px; position: absolute; content: ""; background: url(../img/vide.png) no-repeat center; background-size: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 3; } } @media screen and (max-width: 900px) { .bocweb-footer .footertop-left, .bocweb-footer .footertop-right { width: 100%; } .bocweb-footer .footertop-right { padding-left: 0; } .bocweb-footer .footer-top { height: auto; background: #014590; padding: 0; padding-top: 1rem; } .bocweb-footer .footer-top .footertop-right, .bocweb-footer .footer-top .footertop-left { padding: 0 1rem; } .bocweb-footer .footer-top .footertop-left { padding-bottom: 2rem; } .bocweb-footer .footer-top .footertop-right { padding-top: 1.5rem; background: url(../img/i4.png) no-repeat left top; background-size: cover; padding-bottom: 2rem; padding-left: 140px; padding-right: 200px; position: relative; } .bocweb-footer .footertop-left .logo { margin: 0 auto; } .bocweb-footer .footertop-left .inputs { margin: 0 auto; margin-top: .6rem; } .bocweb-footer .qqbox { position: absolute; right: 1rem; top: 1.5rem; margin: 0; } .bocweb-footer .footertop-right .wens { font-size: 14px; line-height: 2; } .about-bots .about-tits { width: 100%; } .about-bots .abouts-txts { width: 100%; margin-top: 30px; } .about-bots .wens { line-height: 1.8; } .talent-lists .items { width: 100%; } .talent-lists .items:nth-child(2n+2) { margin-left: 0; } .speech-bots .lists .images, .speech-bots .lists .words { width: 100%; position: relative; } .speech-bots .lists .tit-en { position: static; left: 0; top: 0; margin-bottom: 20px; } .industry-listbot .lists .items .p { line-height: 1.6; } .hisbots-box { min-height: auto; } .wel-banner .videoboxs:before { right: .5rem; top: .5rem; left: auto; bottom: auto; } } .search-dialogbox{ background:#fff; position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: none; min-height: 1rem; } @media screen and (max-width: 767px) { .footerbots-bots .f-right .items{ font-size: .24rem; padding: 0 .1rem; } .footerbots-bots{ font-size: .24rem; } .duibi-box{ width: 1rem; height: 1rem; line-height: 1rem; right: .6rem; background:#e87717; bottom: .8rem; } .search-dialog { position: absolute; right: 0; left: 0; margin-top: 0; width: 70%; margin: auto; } .search-dialog .search { width: 75%; padding: .1rem .2rem; } .search-dialog .search input[type=text] { width: 80%; height: .4rem; line-height: .4rem; font-size: .3rem; } .search-dialog .search input[type=submit] { width: .4rem; height: .4rem; } .search-dialog .search-close { width: .3rem; height: .32rem; right: 0; margin-top: -.16rem; } .product-lists .product-items{ position: relative; } .product-lists .product-items .id{ position: absolute; left: 0; top: -70px; } .honor1-swiper .swiper-slide-active { transform: scale3d(1, 1, 1); } .honor1-swiper .swiper-slide-active .spans { transform: scale3d(1, 1, 1); } .ui-datepicker{ width: 5.45rem!important; } .honor1-swiper .swiper-slide .spans{ line-height: .6rem; max-height: .6rem; } .product-detail-lists .lists4 .lists4-ul .lis{ width: 50%; } .product-detail-lists .list3-bot3 .lis .lis-txt{ height: auto; display: block; overflow: visible; word-break: break-all; line-height: 1.5; } .industry-center .items .imgs{ padding: .15rem; } .newsinfo table{ width: 100%!important; } .com-mbx{ padding: 1% 5% 2%; } .com-mbx .ys1{ /*width: 70%; display: inline-block; line-height: 20px; height: 20px;*/ } .newsxq-bot1 .dn-top .dn1{ font-size: 18px; } .newsxq-bot1{ width: 100%; padding: 0; } .download-tits .items{ min-width: auto; padding: 0 .25rem; } .product-detail-lists .line-top .span{ font-size: 14px; } .product-detail-lists .lists2 .li:nth-child(n+2){ margin-top: 25px; } .about-tops .wens{ font-size: .24rem; } .wel-banner-box .wel-banner-search { width: 4.5rem; padding-left: 0.7rem; } .wel-banner-box .wel-banner-search .search-right .items { padding-left: 0.8rem; line-height: .35rem; height: .35rem; font-size: .2rem; } .product-detail-lists .line-box .spans span, .product-detail-lists .line-box .line-li span{ font-size: 14px; } .wel-banner-box .wel-banner-search .search-left { width: 0.7rem; padding-top: 1.45rem; } .wel-banner-box .wel-banner-search .search-left span { width: 1em; font-size: 0.14rem; } .search-banner { left: 0.16rem; height: 0.6rem; line-height: 0.6rem; border-radius: 0.6rem; } .search-banner input[type=submit] { left: 0.32rem; width: 0.3rem; height: 0.3rem; padding: 0; background-size: .3rem .3rem; } .search-banner input[type=text] { padding-left: .8rem; /*padding-left: 1.35rem;*/ font-size: 0.2rem; } .wel-banner-box .wel-banner-search .search-left { display: none; } .wel-banner-box .wel-banner-search .search-right .items { padding-left: .96rem; /*padding-left: 1.51rem;*/ } .wel-banner-box .wel-banner-search { padding-left: 0; } /**/ .product-lists .items-bots .tits { position: static; } .product-lists .items-bots { padding: 0.2rem; padding-left: 0.3rem; } .product-lists .items-bots .tits-right .li { margin: .05rem 0; line-height: .5rem; height: .5rem; } .product-lists .items-bots .tits-right .li.active .li-right { padding: 0 .1rem; } .product-lists .items-bots .tits-right .li:nth-child(n+2) { margin-left: 1%; } .product-lists .items-bots .tits-right .li{ min-width: 24%; } .product-lists .items-bots .tits-right .li .li-left, .product-lists .items-bots .tits-right .li .li-right { padding: 0 .3rem; } .product-lists .items-bots .tits-right .li .li-left { font-size: .2rem; padding-right: .2rem; width: 100%; } .product-detail-lists .lists2 .lines-blog .i{ font-size: 14px; } .product-lists .items-bots .tits-right .li .li-right { font-size: .2rem; display: none; } .product-lists .items-topright { font-size: .2rem; display: none; } .product-lists .items-topright .itps1 { padding-top: .9rem; } .product-lists .items-topright .itps1:before { top: .3rem; } .product-lists .items-topright .itps2 { padding-bottom: .9rem; } .product-lists .items-topright .itps2:before { bottom: .3rem; } .product-lists .items-topright .itps:before { width: .2rem; height: .36rem; } .product-lists .items-topleft { height: auto; padding: .4rem .5rem .35rem .6rem; width: 100%; } .product-lists .items-topleft .tits-en { margin-top: .15rem; margin-bottom: .2rem; } .product-lists .product-items:nth-child(n+2){ margin-top: .35rem; } .product-lists .items-topleft .wens { font-size: .2rem; margin-bottom: .3rem; } .product-lists { padding-top: .4rem; padding-bottom: 1.5rem; } .product-lists .product-lists-swiper .swiperpaginations { padding-right: .6rem; } .product-lists .product-lists-swiper .swiperpaginations .swiper-all { padding-left: .24rem; } .product-lists .product-lists-swiper .swiperpaginations .swiper-all:before { width: .1rem; height: 1px; } .product-lists .product-lists-swiper .swiper-pagination { margin-right: .13rem; } .product-lists .swiper-container { height: 8rem; } .product-lists .swiperpaginations { right: -.3rem; top: 2rem; } .product-lists .items-topleft .words, .product-lists .items-topleft .imgs { width: 100%; } .clippath { line-height: .6rem; height: .6rem; padding-left: .3rem; padding-right: .4rem; } .product-lists .items-topleft .imgs { width: 50%; margin-top: .2rem; } /**/ .hisbots-right-swiper .hisbots-left .items.active .tits { font-size: .32rem; } .hisbots-box .hisbots-right { margin-top: 0; } .hisbots-right-swiper .hisbots-left .items { padding-left: .2rem; } .hisbots-right-botsbox .swiper-button-prev, .hisbots-right-botsbox .swiper-button-next { width: .5rem; height: .5rem; } .hisbots-right-swiper .hisbots-left .items:before { width: .1rem; height: .1rem; top: .15rem; } .hisbots-right-swiper .hisbots-left .items .tits, .hisbots-right-swiper .hisbots-left .items.active .tits { line-height: .45rem; } .hisbots-right-swiper .swiper-slide .txts { max-height: 3rem; font-size: .2rem; line-height: 1.5; padding-right: .08rem; } .hisbots-right-swiper .swiper-slide .items { padding: .3rem; padding-bottom: .4rem; } .hisbots-right-swiper .swiper-slide .tits { line-height: .4rem; margin-top: -.2rem; margin-bottom: .2rem; } .hisbots-right-swiper .swiper-slide { height: 4.5rem; padding-right: .3rem; } .product-details-banner { padding-top: 0.95rem; padding-bottom: 0.6rem; } .product-details-banner .words { padding-top: .1rem; padding-right: .4rem; width: 100%; } .product-details-banner .words .tit-cn { margin-top: .24rem; margin-bottom: .3rem; } .product-details-banner .words .line { height: 1px; width: .26rem; margin-bottom: .2rem; } .product-details-banner .words .pro-details-more { margin-top: .5rem; } .product-details-banner .images { padding-left: 0; width: 60%; margin-top: .2rem; /*float: left;*/ } .product-details-banner .words .wens{ line-height: 1.6; } .product-details-banner .images .close { width: .32rem; height: .32rem; right: .24rem; top: -.32rem; } .product-detail-lists .li.active2 .line-top, .product-detail-lists .li.active2 .line-box{ height: 44px; } .product-detail-lists .line-top .span{ top: -20px; } .product-details-titles .swiper-slide:nth-child(n+2) { margin-left: 0.3rem; } .product-details-titles .items { line-height: 1rem; height: 1rem; } .product-details-titles .items:before { width: 0.76rem; height: 0.16rem; } .product-detail-lists .lists4 { padding-top: .6rem; padding-bottom: .6rem; } .product-detail-lists .lists4 .lists4-txt { margin-top: .1rem; } .product-detail-lists .lists4 .lists4-ul { margin-top: .3rem; margin-bottom: .9rem; } .product-detail-lists .lists4 .lists4-ul .lis .span-txt { margin-top: .1rem; } .product-detail-lists .lists4 .lists4-ul .lis .span { padding-left: .1rem; max-width: calc(100% - .7rem); } .product-lists5-ui5 .imgs, .product-lists5-ui5 .spans { width: 100%; } .product-lists5-ui5 .imgs{ padding:.2rem .5rem; margin:0 auto; } .product-lists6-ui6 .items{ width: 49%; margin-left: 2%; } .product-lists6-ui6 .items:nth-child(3n+1){ margin-left: 2%; } .product-lists6-ui6 .items:nth-child(2n+1){ margin-left: 0; } .product-detail-lists .lists4-ul4 .lis .ibox .i { font-size: .2rem; line-height: .5rem; height: .5rem; } .product-lists5-ui5:before, .product-lists5-ui5 .items:before { bottom: .5rem; } .product-detail-lists .lists5 { padding-bottom: 1rem; } .product-lists5-ui5 .items { width: 25% !important; padding-bottom: .2rem; } .product-lists5-ui5 .spans { font-size: .2rem; height: .3rem; line-height: .3rem; } .product-detail-lists .lists4-ul4 .lis .txt { font-size: .2rem; margin-top: .1rem; margin-bottom: .3rem; } .product-detail-lists .lists4-ul .imgs { width: .7rem; height: .7rem; } .product-detail-lists .lists4-ul4 .lis { margin-bottom: .2rem; } .ui-dianbox .dian:nth-child(n+2) { margin-left: .2rem; } .ui-dianbox .dian span { width: .7rem; height: .5rem; } .product-detail-lists .lists3 .items .dian:before { height: calc(100% + .8rem); top: 0.25rem; } .product-detail-lists .lists3 .list-top { line-height: .5rem; /*height: .5rem;*/ height: auto; margin-bottom: .7rem; } .product-detail-lists .lists3 .list-top .tits, .product-detail-lists .lists3 .list-top .ui-dianbox { margin-left: 0; display: block; float: none; } .product-detail-lists .lists3 .items-right { width: calc(100% - 1.5rem); } .product-detail-lists .lists3 .items span { line-height: .5rem; text-indent: .7rem; } .product-detail-lists .list3-bot3 .lis .lis-tit { margin-bottom: .1rem; } .product-detail-lists .lists3 .items { margin-bottom: .8rem; } .product-detail-lists .lists3 .items-left { width: 1.5rem; } .product-detail-lists .lists3 .list-top .ui-dianbox { margin-top: .25rem; } .product-detail-lists .lists3 { padding-top: .7rem; padding-bottom: .7rem; } .product-detail-lists .li-bots { padding-left: .6rem; padding-right: 0.6rem; } .product-detail-lists .lists1 { padding-top: 1rem; padding-bottom: .1rem; } .product-detail-lists .list-top { margin-bottom: .6rem; } .product-detail-lists .list-bots img { width: .28rem; height: .3rem; } .product-detail-lists .lists2 .li-span { margin-top: .4rem; } .product-detail-lists .lists2 .active2 .li-span{ margin-top: .65rem; } .product-detail-lists .li-span { margin-bottom: .1rem; } .product-detail-lists .lists2 .list-top { margin-bottom: .8rem; } .product-detail-lists .lists2 { padding-top: .55rem; padding-bottom: .6rem; } .product-detail-lists .li { margin-bottom: .25rem; } .pro-details-more .items { line-height: .6rem; height: .6rem; padding-left: .3rem; padding-right: .3rem; } .wel-banner .videoboxs:before { width: .7rem; height: .7rem; } .wel-news-right .items .tits { line-height: .35rem; padding-right: .4rem; height: .7rem; } .wel-news-right .items .words { padding: .3rem 0; } .wel-news-right .items .time { margin-bottom: .24rem; } .wel-news-left .txt { margin-top: .25rem; margin-bottom: .85rem; } .wel-news-left, .wel-news-right { width: 100%; } .wel-news-left { padding-top: 0; position: relative; } .wel-news-left .cons-more { position: absolute; right: 0; top: 0; } .wel-news { padding-top: 1rem; padding-bottom: 1rem; } .wel-about-box .wens .txts { width: auto; margin-top: .3rem; margin-bottom: .7rem; font-size: .2rem; line-height: .35rem; height: 1.05rem; } .wel-banner .swiper-pagination { bottom: .25rem; text-align: center; } .wel-banner .swiper-pagination .swiper-pagination-bullet { width: .2rem; height: .2rem; margin: 0 .09rem; } .wel-banner .images { height: auto; } .wel-banner .words { padding-top: 1.2rem; } .wel-banner .words .tit-en { margin-top: .2rem; margin-bottom: .25rem; } .welbanner-more { width: 1.6rem; height: .55rem; line-height: .55rem; font-size: .2rem; } /**/ .wel-about-box .words { padding-left: 0; padding-top: 1.68rem; } .wel-about-box .ul { display: none; } .wel-abouts { padding-top: .6rem; margin-top: 1.25rem; } .ft200 { font-size: 2rem; } .wel-abouts .wel-tit-en { font-size: 1.2rem; } .wel-abouts .wel-tit-en span { line-height: 1.2rem; padding-left: 0; top: -.6rem; left: .3rem; } .wel-abouts .wel-tit-en img { /*display: none;*/ left: .3rem; width: 2rem; } .wel-about-box .wens { padding-left: .3rem; } .wel-industry-listsswiper .items .spans { bottom: .4rem; } .industry-tits.welindustry-titsactives { margin-bottom: .5rem; } .industry-tits.welindustry-titsactives .swiper-slide { padding-bottom: .15rem; } .industry-tits.welindustry-titsactives .items { padding-bottom: .4rem; padding-top: .5rem; } .industry-tits.welindustry-titsactives .items:after { height: 3px; bottom: -3px; } .industry-tits.welindustry-titsactives .items:before { /*height: .15rem;*/ /*bottom: -.14rem;*/ } .industry-tits.welindustry-titsactives .items .spans { margin-top: .15rem; } /**/ .ft60 { font-size: .6rem; } .ft46 { font-size: .46rem; } .pro-info { padding-top: .6rem; padding-bottom: 2.95rem; } .ft26 { font-size: .24rem; } .pro-info-table thead td { height: 1.2rem; } .pro-info-table thead td .close { width: .2rem; height: .2rem; right: .1rem; top: .1rem; } .pro-info-table thead td .tits { margin-bottom: .1rem; } .pro-info-table tbody td .li { margin-top: .4rem; } .pro-info-table tbody td .li .i { width: .2rem; height: .2rem; } .pro-info-table td { height: 1rem; } .pro-info-table td .tdimgs { width: .2rem; height: .2rem; } .stock .stock-lists .items.items1 .t1 .titbox:before { width: .36rem; height: .4rem; } .stock { padding-top: .5rem; padding-bottom: 1.25rem; } .stock .stock-lists .items { min-height: auto; } .stock .stock-lists .items.items1 { padding: .4rem .3rem; } .stock .stock-lists .items.items1 .t1 .titbox { padding-left: .45rem; margin-left: .2rem; } .investor-maplists .li-tit, .investor-maplists .li-text { padding-left: .3rem; } .stock .stock-lists .items.items1 .ul { margin-bottom: .6rem; } .stock .stock-lists .items.items1 .ul .li { width: 25%; margin-left: 0 !important; } .stock .stock-lists .items.items1 .t1 { margin-top: .24rem; margin-bottom: .6rem; } .investor-maplists .li-text { margin-top: .08rem; } .investor-maplists .words { padding: .5rem .25rem; } .investor-maplists .li-tit { line-height: .3rem; } .investor-maplists .li:nth-child(n+2) { margin-top: .3rem; } .industry-tops { padding-left: 0; padding-bottom: 1.2rem; } .investor { padding-top: .3rem; padding-bottom: 2.2rem; } .industry-center .items .words2 { line-height: .85rem; height: .85rem; padding-left: .3rem; padding-right: .36rem; } .investor-maplists .li-tit .limgs { width: .28rem; height: .3rem; } .investor-maplists .images { height: 5.5rem; } .industry-center .items .mores { width: 1rem; height: .32rem; line-height: .32rem; font-size: .3rem; right: .36rem; } .industry-center .swiper-pagination { margin-top: .6rem; } .industry-info { padding-bottom: .5rem; } .industry-center.industry-listbot { padding-bottom: 1.1rem; } .industry-center { padding-top: 0.8rem; padding-left: 1.1rem; padding-bottom: 1.1rem; } .industrytops-words-right .items .spans { min-width: 1.4rem; height: .7rem; line-height: .7rem; font-size: .2rem; padding-left: 0.32rem; padding-right: 0.4rem; } .industrytops-words-right .items:nth-child(n+2) { margin-top: .4rem; } .industry-center .industrycenter-tits { margin-bottom: .7rem; } .industrytops-pagination .swiper-pagination-bullet, .con-swiper .swiper-pagination .swiper-pagination-bullet { width: .1rem; margin: 0 2px; height: .1rem; } .industrytops-words .industrytops-words-right { margin-top: .8rem; } .industrytops-words-left .li:nth-child(n+2) { margin-top: .3rem; } .industry-tops { margin-top: -1.875rem; } .industrytops-words-left .li-top { margin-bottom: .2rem; } .industrytops-words { padding-top: .45rem; } .industry-tops .tits { margin-bottom: .6rem; } .ft22 { font-size: .24rem; } .industry-listbot .lists .items .p { margin-top: .18rem; } .industry-listbot { padding-top: 1rem; padding-bottom: 2.1rem; } .industry-listbot .lists .items .words { padding: 0 .2rem; } .industry-tits .items .spans { height: .3rem; line-height: .3rem; margin-top: .2rem; } .industry-listbot .list-tits { margin-bottom: .5rem; } .pc768 { display: none; } .m768 { display: block; } .download-lists .lists { padding-bottom: .6rem; } .industry-tits .items { padding: 0.24rem 0.16rem 0.2rem 0.16rem; } .industry-tits { margin-top: .4rem; margin-bottom: 1rem; } .industry-tits .items .imgs { width: .8rem; height: .6rem; } .download-lists .lists .items { width: 100%; margin-left: 0 !important; margin-bottom: .3rem; } .download-boxs { padding-top: .6rem; padding-bottom: 1.2rem; } .download-lists .lists .items { padding: .4rem; padding-left: 1rem; } .download-lists .lists .items:before { width: .4rem; height: .5rem; left: .4rem; top: .4rem; } .download-lists .lists .items { height: auto; } .download-lists .lists .items .spans { line-height: .35rem; height: .35rem; padding-left: .45rem; } .download-lists .lists .items .txt { line-height: .5rem; height: 1rem; } .download-lists .lists .items .spans:before { width: .35rem; height: .35rem; } .problem-tits .ul .li { font-size: .2rem; } .layout-box.mbox { margin-top: 1rem; } .layout-box.mbox.actives { margin-top: .5rem; } .speech-bots .lists .words { padding: .35rem .3rem; } .speech-bots { padding-top: .5rem; padding-bottom: 1.25rem; } .layout-box .laytoptxt { padding-bottom: .3rem; } .layout-bots { padding-top: 0.3rem; padding-bottom: 1.2rem; } .layout-images .li { width: 100%; margin-left: 0; padding: .4rem .3rem; } .layout-words .items { padding: .4rem .3rem; } .layout-words .items .ft18 { font-size: .22rem; } .layout-words .items .tit-en { margin-top: .16rem; margin-bottom: .3rem; } .layout-words .items .line { margin-bottom: .26rem; } /*talent*/ .talent-lists { padding-top: .6rem; padding-bottom: 1.5rem; margin-top: 1rem; } .talent-lists .items { line-height: 1.68rem; height: 1.68rem; width: 100%; margin-bottom: .2rem; } .talent-lists .items:nth-child(2n+2) { margin-left: 0; } .talent-lists .items .words { width: calc(100% - 1.68rem); padding: 3px .25rem; } .talent-lists .items .img { font-size: .2rem; width: 1.68rem; } /*talent*/ .abouttit .items { line-height: 0.58rem; height: 0.58rem; width: 1.6rem; } .abouttit .items:nth-child(n+2) { margin-left: 1px; } .culture-tops .culturetit .box .txts.abouttit { bottom: -1rem; width: 100%; } .ft15 { font-size: .22rem; } .about-tops .wens { line-height: 1.6; } .about-banner.m768 .about-words { position: static; background: transparent; width: 100%; } .about-banner .about-words .right-text { width: 100%; } .about-tops { padding-top: 1.3rem; padding-bottom: 1.1rem; } .about-tops .nums { margin-top: .3rem; margin-bottom: .6rem; } .about-tops .wens { width: 90%; max-width: 100%; } .about-banner .about-words .right-text { color: #666; } .con-swipers .swiper-button-prev, .con-swipers .swiper-button-next { background-size: 0.25rem 0.42rem; } .about-banner .about-words { width: 80%; height: 1rem; line-height: 1rem; } .about-banner .about-words .right-text { padding-right: 0; } .about-banner .about-words .right-text .items { font-size: .2rem; } .about-banner .about-words .right-text .items .txt { margin-top: .1rem; } .about-banner .about-words .txts { line-height: .3rem; } .about-banner .about-words .left-vide { padding-left: 1.4rem; } .about-banner .about-words .left-vide .vide { width: .7rem; height: .7rem; left: .5rem; } /**/ .problem { padding-top: .7rem; padding-bottom: 1.2rem; } .problem-tits .inputs { height: .66rem; line-height: 66rem; border: 1px solid #014590; } .problem-tits .inputs input[type=text] { padding-left: .44rem; position: absolute; left: 0; top:0; z-index: 0; } .problem-tits .ul{ padding-left: .1rem; } .problem-tits .inputs input[type=submit] { width: 1.6rem; background-size: .3rem .3rem; z-index: 2; } .problem-tits .inputs .spans { left: .02rem; } .problem-tits .txts { padding-left: 1.4rem; } .problem-tits .txts .span { left: .6rem; } .problem-tits .ul .li { font-size: .2rem; margin-right: .4rem; } .problem-lists .items-bot { padding: .3rem 0; } .problem-lists .items-bot, .problem-lists .items-top { padding-left: 0.8rem; padding-right: 0.5rem; line-height: 2; } .problem-lists .items-top { line-height: 1.2rem; height: 1.2rem; } .problem-lists .items-top:after, .problem-lists .items-top:before { width: .36rem; height: .36rem; } .problem-lists .items-top:after { right: .25rem; } .problem-lists .items-top:before { left: .3rem; } .problem-lists .lists { margin-top: .7rem; margin-bottom: .9rem; } .problem-lists .items { border: 1px solid #929292; } .problem-lists .items:nth-child(n+2) { margin-top: .25rem; } /**/ .newsxq-bot1 .dn-bot .dfl a { display: block; } .newsxq-bot1 .dn-bot .dfl .p { line-height: .4rem; font-size: .24rem; height: .4rem; } .about-center .swiper-slide.active:before { background: rgba(0, 0, 0, 0.25); } .com-more .a1 { width: 2rem; height: .64rem; line-height: .64rem; font-size: .2rem; } .about-center .swiper-slide .words { padding: .2rem; padding-left: .5rem; padding-bottom: .4rem; } .about-center .items { height: 4.5rem; } .footerbots-bots { padding: .15rem 0; } .about-bots { padding-top: 1.2rem; padding-bottom: 1.8rem; } .about-bots .wens { margin-top: .26rem; } .about-bots .about-tits .line { height: 2px; width: .3rem; } .about-bots .about-tits .en { margin-top: .28rem; margin-bottom: .3rem; } .about-bots .about-tits .cn { line-height: 1; } .about-bots .abouts-txts { margin-top: .6rem; } .ft44 { font-size: .44rem; } .ft14 { font-size: .2rem; } .ft32 { font-size: .32rem; } .ft72 { font-size: 0.72rem; } .ft140 { font-size: 1.1rem; } /*culture*/ .culture-tops { height: auto; margin-bottom: .3rem; } .culture-tops .culturetit { height: 2.3rem; padding-top: 1.15rem; } .culture-tops .culturetit .box { padding-left: 1.15rem; bottom: .1rem; } .culture-tops .culturetit .en { font-size: .2rem; line-height: .3rem; margin-bottom: .3rem; } .culture-tops .culturetit:before { width: .6rem; height: 2.3rem; display: none; } .culture-bots { padding-top: .48rem; padding-bottom: 1.5rem; } .culture-bots .items .words { height: 1.2rem; } .culture-bots .items .imgs { width: .8rem; height: .8rem; top: -.4rem; } .culture-bots .items .span { margin-top: .6rem; } .culture-bots .items:nth-child(1) { margin-left: 0; } /*culture*/ .newsxq-bot1 .dn-bot .dfl { margin-bottom: .4rem; } .newsxq { padding: .8rem 0; } .ft40 { font-size: .4rem; } .ft54 { font-size: .54rem; } .ft54 { font-size: 0.54rem; } .ft24 { font-size: .26rem; } .ft36 { font-size: .36rem; } .ft28 { font-size: .28rem; } .ft16 { font-size: .2rem; } .ft18 { font-size: .22rem; } .ft42 { font-size: 0.42rem; } .ft30 { font-size: .3rem; } .news-botstitlists .newstits-right { margin-top: .4rem; } .con-banner .con-words .txts { margin-top: .32rem; } .pd100 { padding-left: .3rem; padding-right: .3rem; } .footerbots-top { padding-top: .36rem; padding-bottom: .5rem; } .footerbots-top .fx .items { width: .6rem; height: .6rem; line-height: .6rem; font-size: .3rem; } .footerbots-top .fx .items:nth-child(n+2) { margin-left: 0; } .footerbots-top .fx .items { margin: 0 0.1rem !important; } .footerbots-bots .f-left, .footerbots-bots .f-right { line-height: 2; } .pd160 { padding-left: .3rem; padding-right: .3rem; } .news-box .news-tops { padding-top: 1rem; padding-bottom: .6rem; } .news-box .news-tops .items .words { padding: .25rem; } .con-tits { padding-left: .6rem; } .con-tits img { width: .35rem; } .news-box .con-titbox { margin-bottom: .6rem; } .news-box .swiper-paginations { padding-top: .3rem; } .news-box .swiper-paginations .swiper-pagination-bullet:nth-child(n+2) { margin-left: .25rem; } .news-box .news-tops .tits { line-height: .4rem; height: .8rem; margin-top: .5rem; margin-bottom: .2rem; } .news-box .news-tops .txts { line-height: .36rem; height: .72rem; } .cons-more { padding-right: .5rem; height: .6rem; line-height: .6rem; padding-left: .3rem; font-size: .2rem; } .news-box .news-tops .cons-more { margin-top: .6rem; } .news-botstitlists { padding: 0.75rem 0; line-height: 0.64rem; } .news-botstitlists .newstits-right { max-width: 100%; } .news-botstitlists .newstits-right .items { height: .75rem; width: 100%; margin-left: 0; position: relative; z-index: 0; } .news-botstitlists .newstits-right .items.items2 { position: relative; z-index: 100; } .news-botstitlists .newstits-right .items:nth-child(n+2) { margin-left: 0; margin-top: 2%; } .news-botstitlists .newstits-right .items .before, .news-botstitlists .newstits-right .items:before { width: .2rem; height: .2rem; right: .4rem; } .news-botstitlists .newstits-right .items.item-input { width: 100%; } .news-botstitlists .newstits-right .items.item-input input { font-size: .24rem; } .news-botstitlists .newstits-right .items.items2 .items-top { height: .64rem; } .news-botstitlists .newstits-right .items.items2 .num { padding-left: 1.45rem; } .news-botstitlists .newstits-right .items.items2 .i { left: .35rem; } .news-botstitlists .newstits-right .items.items1 { padding-left: 1.45rem; } .news-botstitlists .newstits-right .items.items1 .before, .news-botstitlists .newstits-right .items.items1 .i { left: .35rem; } .news-botstitlists .newstits-right .items.items1 .inputs { padding-right: 0.65rem; } .news-botstitlists .newstits-right .items.items2 .items-top{ padding-right: 0; } .news-botstitlists .newstits-right .items .items-bots { line-height: .5rem; height: 3rem; } .news-botstitlists .newstits-left { max-width: 100%; } .news-botstitlists .newstits-left span { margin-left: .1rem; } .news-bots-lists .items .words, .news-bots-lists .items .images { width: 100%; } .news-box .swiper-paginations .swiper-pagination-bullet { font-size: .24rem; } .bocweb-footer .footertop-left .logo { width: 3.2rem; height: auto; } .bocweb-footer .footertop-left .inputs { height: .7rem; width: 80%; line-height: .7rem; } .bocweb-footer .footertop-left .inputs input[type=text] { width: 80%; } .bocweb-footer .footertop-left .inputs span, .bocweb-footer .footertop-left .inputs input[type=submit] { width: 20%; } .qqbox { font-size: .2rem; width: 2rem; height: .74rem; line-height: .74rem; } .qqbox span { width: .25rem; height: .25rem; margin-right: .05rem; } .bocweb-footer .footertop-left .inputs input[type=text] { font-size: .22rem; } .news-bots-lists { padding-bottom: 1.2rem; } .news-bots-lists .lists { padding-bottom: 1.05rem; } .news-bots-lists .items { padding-top: .6rem; padding-bottom: .5rem; } .news-bots-lists .items .images, .news-bots-lists .items .words { font-size: .2rem; } .news-bots-lists .items:hover img { transform: scale3d(1, 1, 1); } .news-bots-lists .items .words { padding: .5rem .35rem; } .news-bots-lists .items .words .tits { line-height: .4rem; height: .8rem; -webkit-line-clamp: 2; margin-top: .24rem; margin-bottom: .16rem; font-size: .28rem; } .news-bots-lists .items .words .txts { line-height: .4rem; height: .8rem; } .jiazaianniu .tits { line-height: .3rem; height: .3rem; } .jiazaianniu .img { width: .85rem; height: .25rem; } /**/ .bocweb-footer .footer-top { padding-top: .4rem; } .bocweb-footer .footer-top .footertop-right, .bocweb-footer .footer-top .footertop-left { padding: 0 .3rem; } .bocweb-footer .footer-top .footertop-left { padding-bottom: .85rem; } .bocweb-footer .footer-top .footertop-right { padding-top: .6rem; padding-bottom: .8rem; padding-left: 1rem; padding-right: .5rem; } .bocweb-footer .footertop-left .inputs { margin-top: .24rem; } .bocweb-footer .qqbox { right: .4rem; top: .6rem; } .bocweb-footer .footertop-right .wens { font-size: .2rem; } /*job*/ .job-bots { padding-top: 0.55rem; padding-bottom: 1rem; margin-top: 1rem; } .job-lists { padding-bottom: 1rem; } .job-lists .items:nth-child(n+2) { margin-top: .16rem; } .job-lists .item-bot .li { padding: .25rem .2rem; } .job-lists .item-bot .li .tits { margin-bottom: .36rem; } .job-lists .item-top { line-height: 1.2rem; height: 1.2rem; } .job-lists .item-top .td3-close { width: 100%; height: .6rem; line-height: .6rem; font-size: .2rem; } .job-lists .item-top .td1 { padding-left: .1rem; } .ft20 { font-size: .24rem; } .job-lists .item-top .td3 { padding-left: .1rem; } .job-lists .item-top .td3.td { width: 42%; } .job-lists .item-top .td1.td { width: 55%; } /*job*/ .product-lists6-ui6 { padding-bottom: 0.54rem; } .product-lists6-ui6 .items .items-bot { font-size: .2rem; } .product-lists6-ui6 .items .items-bot .lis { padding: .2rem .2rem; } .product-lists6-ui6 .items .items-top { line-height: 0.75rem; height: 0.75rem; padding: 0 .4rem; } .product-lists7-ui7 { padding-bottom: 1.55rem; } .product-lists7-ui7 .items { margin-bottom: .2rem; } .product-lists7-ui7 .items .imgs { border: 1px solid #cfcfcf; } .product-lists7-ui7 .items .spans { line-height: .6rem; height: .6rem; } .honor1-items { padding-top: .48rem; padding-bottom: 1rem; } .honor3-items .conswiper-buts { margin-top: .5rem; } .honor1-swiper .swiper-slide { padding: 0; /*padding: .7rem 0;*/ } .honor-items .honor-tit { margin-bottom: .6rem; } .honor1-items .honor-tit { margin-bottom: .5rem; } .honor3-items { padding-top: 1rem; padding-bottom: 1.2rem; } .honor2-items { padding-top: 1rem; padding-bottom: 1rem; } .honor2-items .swiper-slide .spans { line-height: 1.5; padding: .2rem; } .honor2-items .swiper-slide .items { margin-bottom: 2%; } .honor4-items .honor4-swiper .honor4-swiperbox { padding-bottom: .8rem; } .honor4-items { padding-top: 1rem; padding-bottom: 2rem; } .honor-items .conswiper-buts .swiper-pagination .swiper-pagination-bullet { width: .24rem; height: .24rem; } .lb-outerContainer { max-width: 100% !important; max-height: 100% !important; width: 98% !important; } .product-fixed-bots { padding-top: 0.5rem; padding-bottom: 0.56rem; } .product-fixed-bots .chas { width: 0.18rem; height: 0.18rem; right: 0.2rem; top: 0.2rem; } .product-fixed-bots .bots-fixed-tit { line-height: 0.28rem; margin-bottom: 0.4rem; } .product-fixed-bots .bots-fixed-tit .tits { margin-right: 0.65rem; } .product-fixed-bots .bots-fixed-tit .span1 { margin-right: 0.32rem; } .product-fixed-bots .close { width: 0.32rem; height: 0.32rem; border-radius: 50%; } .product-fixed-bots .items { height: 1.5rem; padding: 0.2rem 0.4rem 0.2rem 0.384rem; } .product-fixed-bots .items .imgs { width: 1.2rem; } .product-fixed-bots .items .span { font-size: 0.25rem; width: calc(100% - 1.2rem); } } .lightbox .lb-image { max-width: 100% !important; margin: 0 auto; } /*# sourceMappingURL=style.css.map */ .acts{ opacity: 0; filter: alpha(opacity=0); transform: translateY(-120%); transition: all .8s cubic-bezier(0.215, 0.61, 0.355, 1); } .animate.acts{ opacity: 1; transform: translateY(0); filter: alpha(opacity=100); transition: all .8s cubic-bezier(0.215, 0.61, 0.355, 1); } .product-lists .items-tops .acts{ transition:.5s ease-in-out; } .product-lists .items-tops .acts.add6{ transition-delay:.6s; } .product-lists .items-tops .acts.add1{ transition-delay:.1s; } .product-lists .items-tops .acts.add2{ transition-delay:.2s; } .product-lists .items-tops .acts.add3{ transition-delay:.3s; } .product-lists .items-tops .acts.add4{ transition-delay:.4s; } .product-lists .items-tops .acts.add5{ transition-delay:.15s; } .product-lists .product-items{ overflow: hidden; } .suoqu-box{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.8); z-index: 35; display: none; } .suoqu-box .close{ top: 1.25rem; right: 1.75rem; position: absolute; cursor: pointer; width: 1.2rem; height: 1.2rem; border-radius: 50%; background-color: #b7b7b7; background-image: url(../img/close.png); background-repeat: no-repeat; background-position: center center; background-size: 100%; transition: .5s ease-in-out; cursor: pointer; } .suoqu-box .close:hover{ background-color: #e87717; transition: .5s ease-in-out; } .suoqu-box .box{ background:#fff; width: 30rem; height: 14rem; position: absolute; right: 0; top:0; bottom: 0; left: 0; margin: auto; padding: 1.5rem 1.75rem; font-size: 16px; } .suoqu-box2.suoqu-box .box{ height: 14rem; } .suoqu-box2.suoqu-box .inputs .li:last-child{ width: 100%; } .suoqu-box .tits{ text-align: center; line-height: 1; margin-bottom: 1.1rem; } .suoqu-box .inputs .li input[type = submit]{ width: 100%; height: 100%; color:#fff; background:#014590; } .suoqu-box .inputs .li input[type = text]{ padding-left: 110px; width: 100%; height: 100%; } .suoqu-box .inputs .li .span{ position: absolute; left: .9rem; top: 0; } .suoqu-box .inputs .li img{ position: absolute; right: .75rem; top: 0; bottom: 0; margin: auto; height: 100%; } .suoqu-box .inputs .li{ float: left; width: 49%; margin-left: 2%; height: 1.5rem; margin-bottom: 2%; border:1px solid #b6b6b6; line-height: 1.5rem; position: relative; } .suoqu-box .inputs .li:nth-child(2n+1){ margin-left: 0%; } @media screen and (max-width: 1023px){ .search-banner, .wel-banner-box .wel-banner-search .search-right{ display: none; } .suoqu-box .box{ width: 80%; } .wel-banner .words{ right: auto; left: 0; } .industry-listbot .lists .imgs:before{ opacity: 1; } .wel-industry .con-swiper .swiper-button-prev{ background: url(../img/z100.png) no-repeat center; background-size: 100%; } .wel-industry .con-swiper .swiper-button-next{ background: url(../img/z120.png) no-repeat center; background-size: 100%; } } @media screen and (max-width: 767px){ .hisbots-box{ padding-bottom: 1.45rem; position: relative; } .hisbots-box:before{ position: absolute; width: 100%; height: 1.6rem; background:url(../img/z341.png) no-repeat right center; background-size: cover; content: ""; right: 0; bottom: 0; } .industry-body .industry-list .swiper-button-prev, .industry-body .industry-list .swiper-button-next{ display: none; } .suoqu-box{ } .suoqu-box .close{ top: .5rem; right:.7rem; width: .48rem; height: .48rem; } img.jkimgs{ margin-top: .2rem; } .suoqu-box .box{ width: 90%; height: auto; bottom: auto; right: auto; max-height: 90%; overflow-y:auto; top:50%; left: 50%; transform:translate(-50%,-50%); padding: .6rem .7rem; font-size: .2rem; } .suoqu-box .tits{ margin-bottom: .4rem; } .suoqu-box .inputs .li .span{ left: .4rem; } .suoqu-box .inputs .li img{ right: .3rem; } .suoqu-box .inputs .li{ width: 100%; margin-left: 0%; height: .6rem; margin-bottom: 2%; line-height: .6rem; } .acts{ opacity: 1; filter: alpha(opacity=100); transform: translateY(0); transition: all .8s cubic-bezier(0.215, 0.61, 0.355, 1); } } .newsxq-bot1 .dn-bot .cons-more{ color:#fff; } @media screen and (max-width: 450px){ .news-botstitlists .newstits-right .items.items2 .num, .news-botstitlists .newstits-right .items.items1{ padding-left: 1.7rem; } .ui-datepicker{ width: 5.2rem!important; } }