* {
margin: 0;
padding: 0;
}
/* 出现弹窗 */
/* .tc {
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 100;
display: none;
}
.tc-mask {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.2);
}
.tc-wrap {
width: 5.375rem;
height: 5.8375rem;
background: #FFFFFF;
border-radius: .1rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
overflow: hidden;
}
.tc-wrap .t {
width: 5.375rem;
height: 1.5625rem;
background: url(//qjzb.kuleiman.com/record/klm/sjjm/1/wr1.png) center center / 100% 100% no-repeat;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
}
.tc-wrap .t .cclose {
position: absolute;
width: .25rem;
height: .25rem;
background: url(//qjzb.kuleiman.com/record/klm/sjjm/1/cclose.png) center center / 100% 100% no-repeat;
top: .1875rem;
right: .1875rem;
cursor: pointer;
}
.tc-wrap .t p {
font-size: .225rem;
font-weight: 400;
color: #FFFFFF;
padding: 0 .5rem;
}
.tc-wrap .t p:nth-of-type(1) {
margin-bottom: .225rem;
}
.tc-wrap .b {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.tc-wrap .b .title {
font-size: .225rem;
font-weight: 600;
color: #333333;
margin: .35rem auto .225rem;
}
.tc-wrap .b .span-wrap {
display: flex;
align-items: center;
}
.tc-wrap .b .span-wrap .iconl {
background: url(//qjzb.kuleiman.com/record/klm/sjjm/1/lxx.png) center center / 100% 100% no-repeat;
width: 1rem;
height: .0375rem;
margin-right: .2rem;
}
.tc-wrap .b .span-wrap .iconr {
background: url(//qjzb.kuleiman.com/record/klm/sjjm/1/lxx.png) center center / 100% 100% no-repeat;
transform: rotate(180deg);
width: 1rem;
height: .0375rem;
margin-left: .2rem;
}
.tc-wrap .b .span-wrap span {
font-size: .175rem;
font-weight: 400;
color: #595959;
}
.tc-wrap .b .inp {
display: flex;
flex-direction: column;
justify-content: center;
margin-top: .3375rem;
}
.tc-wrap .b .inp .inp1 {
width: 3.25rem;
height: .45rem;
line-height: 0.45rem;
background: #FFFFFF;
border-radius: .1rem;
border: 1px solid #D9D9D9;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.tc-wrap .b .inp .inp2 {
width: 3.25rem;
height: .45rem;
background: #FFFFFF;
line-height: 0.45rem;
border-radius: .1rem;
border: 1px solid #D9D9D9;
display: flex;
justify-content: center;
align-items: center;
margin-top: .2rem;
position: relative;
}
.tc-wrap .b .inp .inp1 .icon1 {
background: url(//qjzb.kuleiman.com/record/klm/sjjm/1/xmm.png) center center / 100% 100% no-repeat;
width: .175rem;
height: .175rem;
line-height: 0.175rem;
left: .25rem;
vertical-align: middle;
position: absolute;
}
.tc-wrap .b .inp .inp2 .icon2 {
background: url(//qjzb.kuleiman.com/record/klm/sjjm/1/dhh.png) center center / 100% 100% no-repeat;
width: .175rem;
height: .175rem;
line-height: 0.175rem;
left: .25rem;
position: absolute;
vertical-align: middle;
}
.tc-wrap .b .inp .inp1 input {
font-size: .175rem;
position: absolute;
left: .55rem;
}
.tc-wrap .b .inp .inp2 input {
position: absolute;
font-size: .175rem;
left: .55rem;
}
.tc-wrap .b .inp .inp3 {
width: 3.25rem;
height: .45rem;
background: linear-gradient(53deg, #71BCFF 0%, #3972FF 100%);
border-radius: .1rem;
font-size: .175rem;
font-weight: 400;
color: #FFFFFF;
margin-top: .2rem;
}
.tc-wrap .b .inp .inp3:hover {
background: linear-gradient(53deg, #3972FF 0%, #71BCFF 100%);
}
.tc-wrap .b .po {
font-size: .15rem;
font-weight: 400;
color: #BFBFBF;
text-align: center;
margin-top: .2rem;
}
.tc-wrap .b .bo {
font-size: .225rem;
font-weight: 500;
color: #595959;
margin-top: .2rem;
text-align: center;
}
.tc-wrap .b .bo span {
color: rgba(57, 114, 255, 1);
padding: .1125rem;
} */
#wrap {
width: 100%;
background: #ffffff;
overflow: hidden;
position: relative;
}
.header-wrap {
width: 100%;
height: 8.75rem;
background: url(//qjzb.kuleiman.com/record/klm/sjjm/1/banner.jpg) no-repeat center top;
background-size: 100% 100%;
color: #fff;
}
.header-wrap .contenter {
display: flex;
flex-direction: column;
}
.contenter {
width: 15rem;
margin: 0 auto;
text-align: center;
}
.header-wrap .contenter h1 {
font-size: .625rem;
line-height: 1.125rem;
margin-top: 2.775rem;
color: #ffffff;
font-family: Source Han Sans CN;
font-weight: bold;
text-shadow: 0px .025rem .15rem rgba(0, 0, 0, 0.21);
}
.header-wrap .contenter p:nth-child(2) {
font-size: .225rem;
width: 8.45rem;
word-wrap: break-word;
margin: 0 auto;
line-height: .375rem;
color: #ffff;
text-shadow: 0px .025rem .15rem rgba(0, 0, 0, 0.21);
font-family: Source Han Sans CN;
}
.header-wrap .contenter p {
color: #fff;
text-shadow: 0px .025rem .15rem rgba(0, 0, 0, 0.21);
font-family: Source Han Sans CN;
}
.header-wrap p {
-webkit-animation: top1 2.3s ease;
animation: top1 2.3s ease;
}
.header-wrap .contenter .top-a {
color: #fff;
display: flex;
flex-direction: column;
-webkit-animation: top1 2.3s ease;
animation: top1 2.3s ease;
}
@keyframes top1 {
from {
transform: scale(0, 0);
}
to {
transform: scale(1, 1);
}
}
@-webkit-keyframes top1 {
from {
transform: scale(0, 0);
}
to {
transform: scale(1, 1);
}
}
.header-wrap .contenter .top-a .apply-for {
display: inline-block;
width: 1.85rem;
height: .725rem;
line-height: .725rem;
text-align: center;
color: #fff;
font-weight: bold;
margin: .5625rem auto .25rem;
font-size: .2rem;
margin-right: .25rem;
text-shadow: 0px .025rem .0625rem rgba(0, 0, 0, 0.2);
background: url("//qjzb.kuleiman.com/record/klm/sjjm/1/5-1.png") no-repeat;
background-size: 100% 100%;
}
.header-wrap .contenter .top-a .apply-video {
display: inline-block;
width: 1.85rem;
height: .725rem;
line-height: .725rem;
text-align: center;
color: #fff;
margin: .5625rem auto .25rem;
font-size: .2rem;
box-sizing: border-box;
background: url("//qjzb.kuleiman.com/record/klm/sjjm/1/5-2.png") no-repeat;
background-size: 100% 100%;
font-weight: bold;
}
.header-wrap .contenter .top-a .apply-video i {
height: .35rem;
width: .35rem;
display: inline-block;
background: url(//qjzb.kuleiman.com/record/klm/sjjm/1/5-3.png) no-repeat;
background-size: 100% 100%;
position: relative;
left: -0.1rem;
top: 0.1rem;
}
.model {
width: 100%;
height: 7.75rem;
background: url(//qjzb.kuleiman.com/record/klm/sjjm/1/1.jpg) no-repeat;
background-size: 100% 100%;
color: #fff;
}
.model .model_content {
width: 15rem;
height: 100%;
position: relative;
left: 0;
top: 0;
margin: 0 auto;
}
.model_content .model_ipad {
width: 15rem;
height: 9.45rem;
background: #13181b;
border-radius: .3625rem;
position: absolute;
left: 50%;
top: 0%;
transform: translateX(-50%) translateY(-20%);
}
.model_content .model_apple {
width: 2.6375rem;
height: 5.5125rem;
background-color: red;
position: absolute;
left: 12%;
top: 2%;
transform: translateX(-122%) translateY(48%);
border-radius: .3625rem;
}
.exhibition {
width: 100%;
height: 9.675rem;
background: url(//qjzb.kuleiman.com/record/klm/sjjm/1/2.jpg) no-repeat center 0;
background-size: 100% 100%;
color: #fff;
margin-top: .025rem;
}
.exhibition .exhibition_content {
width: 15rem;
height: 100%;
position: relative;
left: 0;
top: 0;
margin: 0 auto;
display: flex;
}
.exhibition .exhibition_left h1 {
color: #081414;
font-size: .45rem;
font-size: .45rem;
font-family: Source Han Sans CN;
font-weight: bold;
padding-top: 2.4125rem;
line-height: .725rem;
}
.exhibition .exhibition_left span {
color: #00a99f;
}
.exhibition .exhibition_left p {
font-size: .2rem;
font-family: Source Han Sans CN;
font-weight: 300;
color: #676767;
line-height: .4375rem;
padding-top: .5875rem;
}
.exhibition .exhibition_video {
cursor: pointer;
width: 11.25rem;
height: 6.325rem;
background: #ffffff;
border: .125rem solid #ffffff;
box-shadow: .3875rem .4625rem .4125rem 1px rgba(6, 156, 143, 0.14);
border-radius: .3625rem;
margin-top: 1.5125rem;
margin-left: 1.25rem;
position: relative;
}
.exhibition .exhibition_icon1 {
width: 1.05rem;
height: .85rem;
background: url("//qjzb.kuleiman.com/record/klm/sjjm/1/2-2.png") no-repeat;
background-size: auto 100%;
position: absolute;
left: 27%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
}
.exhibition .exhibition_icon2 {
width: .6rem;
height: .3875rem;
background: url("//qjzb.kuleiman.com/record/klm/sjjm/1/2-1.png") no-repeat;
background-size: auto 100%;
position: absolute;
left: 19%;
top: 70%;
transform: translateX(-50%) translateY(-50%);
}
.article {
width: 100%;
height: 100%;
background: #fff;
padding-top: 1.0375rem;
}
.application_content {
width: 80%;
height: 100%;
margin: 0 auto;
text-align: center;
max-width: 24rem;
min-width: 15rem;
}
.application .application_header {
width: 100%;
}
.application .application_logo {
width: 3.7875rem;
height: .675rem;
background: url("//qjzb.kuleiman.com/record/klm/sjjm/1/3-1.png") no-repeat;
background-size: auto 100%;
margin-left: auto;
margin-right: auto;
}
.application .application_logo p {
font-size: .45rem;
font-family: Source Han Sans CN;
font-weight: bold;
color: #081414;
padding-right: .4rem;
}
.application .application_title {
width: 100%;
font-size: .2rem;
font-family: Source Han Sans CN;
font-weight: 300;
color: #081414;
padding-top: .275rem;
}
.application .application_ul {
width: 100%;
display: flex;
padding-top: .8625rem;
justify-content: space-between;
}
.application .application_ul li {
width: 15%;
height: 3.6125rem;
display: inline-block;
box-sizing: border-box;
position: relative;
}
.application .application_ul li .application_liImg1 {
width: 100%;
height: 100%;
background: url("//qjzb.kuleiman.com/record/klm/sjjm/1/7-1.png") no-repeat;
background-size: 100% 100%;
}
.application .application_ul li .application_liImg2 {
width: 100%;
height: 100%;
background: url("//qjzb.kuleiman.com/record/klm/sjjm/1/7-2.png") no-repeat;
background-size: 100% 100%;
}
.application .application_ul li .application_liImg3 {
width: 100%;
height: 100%;
background: url("//qjzb.kuleiman.com/record/klm/sjjm/1/7-3.png") no-repeat;
background-size: 100% 100%;
}
.application .application_ul li .application_liImg4 {
width: 100%;
height: 100%;
background: url("//qjzb.kuleiman.com/record/klm/sjjm/1/7-4.png") no-repeat;
background-size: 100% 100%;
}
.application .application_ul li .application_liImg5 {
width: 100%;
height: 100%;
background: url("//qjzb.kuleiman.com/record/klm/sjjm/1/7-5.png") no-repeat;
background-size: 100% 100%;
}
.application .application_ul li .application_liImg6 {
width: 100%;
height: 100%;
background: url("//qjzb.kuleiman.com/record/klm/sjjm/1/7-6.png") no-repeat;
background-size: 100% 100%;
}
.application .application_ul li p {
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
font-size: .225rem;
font-family: Source Han Sans CN;
font-weight: 500;
color: #ffffff;
text-shadow: 1px 0px .15rem rgba(61, 57, 62, 0.35);
}
.technology {
width: 100%;
padding-top: 1.1625rem;
}
.technology .technology_content {
width: 15rem;
height: 100%;
margin: 0 auto;
text-align: center;
}
.technology .technology_header {
width: 100%;
}
.technology .technology_logo {
width: 3.7875rem;
height: .675rem;
background: url("//qjzb.kuleiman.com/record/klm/sjjm/1/3-1.png") no-repeat;
background-size: auto 100%;
margin-left: auto;
margin-right: auto;
}
.technology .technology_logo p {
font-size: .45rem;
font-family: Source Han Sans CN;
font-weight: bold;
color: #081414;
padding-right: .4rem;
}
.technology .technology_title {
width: 100%;
font-size: .2rem;
font-family: Source Han Sans CN;
font-weight: 300;
color: #081414;
padding-top: .275rem;
}
.technology .technology_active {
height: 100%;
width: 100%;
padding-top: .9125rem;
display: flex;
align-items: center;
}
.technology .technology_left {
width: 100%;
}
.technology .technology_icon1 {
width: 5.5rem;
/* height: 110px; */
background: #f7fcfb;
border-radius: .175rem;
margin-bottom: .4125rem;
margin-left: auto;
}
.technology .technology_icon2 {
width: 6.5rem;
/* height: 110px; */
background: #f7fcfb;
border-radius: .175rem;
margin-bottom: .4125rem;
margin-left: auto;
margin-right: 1rem;
}
.technology .technology_icon3 {
width: 6.125rem;
/* height: 120px; */
background: #f7fcfb;
border-radius: .175rem;
margin-left: auto;
}
.technology_icon4 {
width: 5.5rem;
/* height: 110px; */
background: #f7fcfb;
border-radius: .175rem;
margin-bottom: .4125rem;
}
.technology_icon4 h1 {
color: #00a99f;
font-size: .225rem;
text-align: left;
}
.technology_icon4 span {
font-size: .175rem;
font-family: Source Han Sans CN;
font-weight: 300;
color: #081414;
}
.technology_icon4 ul {
height: 100%;
display: flex;
align-items: center;
/* justify-content: space-around; */
border: 1px solid transparent;
border-radius: .175rem;
border: 1px solid transparent;
}
.technology .technology_active ul:hover {
background: #ffffff;
border: 1px solid #069C8F;
box-shadow: 0px .0875rem .15rem 0px rgba(6, 156, 143, 0.2);
border-radius: .175rem;
}
.technology_icon5 {
width: 5.5rem;
/* height: 110px; */
background: #f7fcfb;
border-radius: .175rem;
margin-bottom: .4125rem;
margin-left: 1rem;
}
.technology_icon5 h1 {
color: #00a99f;
font-size: .225rem;
text-align: left;
}
.technology_icon5 span {
font-size: .175rem;
font-family: Source Han Sans CN;
font-weight: 300;
color: #081414;
}
.technology_icon5 ul {
height: 100%;
display: flex;
align-items: center;
border: 1px solid transparent;
}
.technology_icon6 {
width: 5.5rem;
/* height: 110px; */
background: #f7fcfb;
border-radius: .175rem;
margin-bottom: .4125rem;
}
.technology_icon6 h1 {
color: #00a99f;
font-size: .225rem;
text-align: left;
}
.technology_icon6 span {
font-size: .175rem;
font-family: Source Han Sans CN;
font-weight: 300;
color: #081414;
}
.technology_icon6 ul {
height: 100%;
display: flex;
align-items: center;
border: 1px solid transparent;
}
.img {
width: 6.5rem;
height: 3.875rem;
margin: 0px 0.1rem;
}
.technology_right {
width: 100%;
height: 100%;
}
.technology .technology_icon1 h1 {
color: #00a99f;
font-size: .225rem;
text-align: right;
}
.technology .technology_icon1 ul {
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
/* justify-content: space-around; */
border: 1px solid transparent;
}
.technology .technology_icon1 span {
font-size: .175rem;
font-family: Source Han Sans CN;
font-weight: 300;
color: #081414;
}
.technology .technology_icon1_img {
width: .4375rem;
height: .4375rem;
background: url("//qjzb.kuleiman.com/record/klm/sjjm/1/icon/3.svg") no-repeat;
background-size: 100% 100%;
margin: .425rem .3875rem;
}
.technology_icon1_imgs{
width: .4375rem;
height: .4375rem;
background: url("//qjzb.kuleiman.com/record/klm/sjjm/1/icon/1.svg") no-repeat;
background-size: 100% 100%;
margin: .4rem .3375rem;
}
.technology_icon2_imgs{
width: .4375rem;
height: .4375rem;
background: url("//qjzb.kuleiman.com/record/klm/sjjm/1/icon/2.svg") no-repeat;
background-size: 100% 100%;
margin: .5rem .3375rem;
}
.technology_icon3_imgs{
width: .4375rem;
height: .4375rem;
background: url("//qjzb.kuleiman.com/record/klm/sjjm/1/icon/6.svg") no-repeat;
background-size: 100% 100%;
margin: .5rem .3375rem;
}
.technology .technology_icon2 h1 {
color: #00a99f;
font-size: .225rem;
text-align: right;
}
.technology .technology_icon2 ul {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid transparent;
}
.technology .technology_icon2 span {
font-size: .175rem;
font-family: Source Han Sans CN;
font-weight: 300;
color: #081414;
}
.technology .technology_icon2_img {
width: .4375rem;
height: .4375rem;
background: url("//qjzb.kuleiman.com/record/klm/sjjm/1/icon/5.svg") no-repeat;
background-size: 100% 100%;
margin: .5rem .3125rem .525rem .4375rem;
}
.technology .technology_icon3 h1 {
color: #00a99f;
font-size: .225rem;
text-align: right;
}
.technology .technology_icon3 ul {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid transparent;
}
.technology .technology_icon3 span {
font-size: .175rem;
font-family: Source Han Sans CN;
font-weight: 300;
color: #081414;
}
.technology .technology_icon3_img {
width: .4375rem;
height: .4375rem;
background: url("//qjzb.kuleiman.com/record/klm/sjjm/1/icon/4.svg") no-repeat;
background-size: 100% 100%;
margin: .625rem 0;
margin-left: .3625rem;
}
.technology_img {
width: 6.7125rem;
height: 4.225rem;
max-width: 15rem;
}
.case_content {
width: 80%;
height: 100%;
margin: 0px auto;
text-align: center;
}
.case .genduo{
width: 95%;
height: .625rem;
line-height: .625rem;
text-align: center;
margin: .25rem;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.case .genduo span{
font-size: .2rem;
font-weight: 300;
color: #999999;
padding-left: .625rem;
}
.case .genduo span:hover{
color: #02B2B5;
padding-left: .375rem;
transform: scale(1);
-webkit-transform: scale(1);
transition: all 0.4s 0s;
-webkit-transition: all 0.4s 0s;
}
.case .genduo_box{
display: flex;
align-items: center;
}
.case .genduo_box:hover .genduo_show{
display: block;
transition: all 0.4s 0s;
}
.case .genduo .genduo_show{
width: .4375rem;
height: .1125rem;
background: url(//qjzb.kuleiman.com/record/klm/sjjm/1/icon/more_icon.svg) no-repeat;
background-size: 100% 100%;
margin-left: .1875rem;
transform: scale(1);
-webkit-transform: scale(1);
transition: all 0.4s 0s;
-webkit-transition: all 0.4s 0s;
}
.case .genduo .genduo_show{
display: none;
}
.case_content .case_content_logo {
width: 3.7875rem;
height: .675rem;
background: url(//qjzb.kuleiman.com/record/klm/sjjm/1/3-1.png) no-repeat;
background-size: auto 100%;
margin-left: auto;
margin-right: auto;
}
.case .case_content_logo p {
font-size: .45rem;
font-family: Source Han Sans CN;
font-weight: bold;
color: #081414;
padding-right: .4rem;
}
.case .case_ul {
width: 100%;
display: flex;
padding-top: .9625rem;
}
.case .case_ul li {
width: 9.5rem;
height: 5.25rem;
}
.case .case_li_img1 {
width: 100%;
height: 100%;
background: url("//qjzb.kuleiman.com/record/klm/sjjm/1/8-1.png") no-repeat;
background-size: 100% 100%;
position: relative;
}
.application .application_ul li:hover{
transform: translateY(-.125rem);
transition: all 0.3s;
}
.case .case_li_img1:hover{
background: url("//qjzb.kuleiman.com/record/klm/sjjm/1/8-2.gif") no-repeat;
width: 100%;
height: 100%;
background-size: 100% 100%;
}
.case .case_li_img2:hover{
background: url("//qjzb.kuleiman.com/record/klm/sjjm/1/9-2.gif") no-repeat;
}
.case .case_li_img2 {
width: 100%;
height: 100%;
background: url("//qjzb.kuleiman.com/record/klm/sjjm/1/9-1.png") no-repeat;
background-size: 100% 100%;
position: relative;
margin-left: .5rem;
}
.case .case_li_img1 i {
width: 2rem;
height: .55rem;
background: linear-gradient(90deg, #07bdaf 0%, rgba(0, 144, 129, 0) 100%);
font-size: .2rem;
font-family: Source Han Sans CN;
font-weight: bold;
color: #ffffff;
line-height: .55rem;
position: absolute;
bottom: .375rem;
left: 0;
}
.case .case_li_img2 i {
width: 2rem;
height: .55rem;
background: linear-gradient(90deg, #07bdaf 0%, rgba(0, 144, 129, 0) 100%);
font-size: .2rem;
font-family: Source Han Sans CN;
font-weight: bold;
color: #ffffff;
line-height: .55rem;
position: absolute;
bottom: .375rem;
left: 0;
}
.footer_banner {
width: 100%;
height: 4.8125rem;
background: url("//qjzb.kuleiman.com/record/klm/sjjm/1/6.jpg") no-repeat;
background-size: 100% 100%;
margin-top: 1rem;
text-align: center;
}
.footer_banner h1 {
font-size: .45rem;
font-family: Source Han Sans CN;
font-weight: bold;
color: #ffffff;
text-shadow: 0px .025rem .0625rem rgba(0, 0, 0, 0.2);
padding-top: 1.0625rem;
}
.footer_banner p {
font-size: .2rem;
font-family: Source Han Sans CN;
font-weight: 400;
color: #ffffff;
padding-top: .4125rem;
}
.footer_banner img {
width: .2625rem;
height: .1875rem;
padding-top: .125rem;
}
.footer_banner .footer_img {
width: 1.6625rem;
height: .8375rem;
background: url(//qjzb.kuleiman.com/record/klm/sjjm/1/6-1.png) no-repeat;
background-size: 100% 100%;
margin-left: auto;
margin-right: auto;
margin-top: .2375rem;
display: inline-block;
}
.footer_banner .footer_img i {
font-size: .2rem;
font-family: Source Han Sans CN;
font-weight: 400;
color: #ffffff;
line-height: .7625rem;
}
.select {
width: 100%;
padding-top: 1.025rem;
position: relative;
overflow: hidden;
}
.select_content {
width: 80%;
margin: 0 auto;
text-align: center;
}
.select_box {
width: 16.25rem;
height: 4.375rem;
overflow: hidden;
margin: .7375rem auto;
position: relative;
}
.select_content h1 {
font-size: .45rem;
font-family: Source Han Sans CN;
font-weight: bold;
color: #081414;
}
.line_odd {
width: 49.7rem;
-webkit-animation: scrollToRight-data-v-6a32e916 36s linear infinite;
animation: scrollToRight-data-v-6a32e916 36s linear infinite;
}
@keyframes scrollToRight-data-v-6a32e916 {
0% {
-webkit-transform: translate3d(-50%, 0, 0);
}
100% {
-webkit-transform: translate3d(0%, 0, 0);
}
}
.line_odd img {
width: 50%;
display: inline-block;
float: left;
}
.select .select_log {
position: absolute;
z-index: 10;
}
.select .mask {
left: 0;
}
.select .select_log2 {
position: absolute;
z-index: 10;
}
.select .masks {
right: 0;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.line_event {
width: 49.7rem;
-webkit-animation: scrollToRight-data-v-6a32e916 28s linear infinite;
animation: scrollToRight-data-v-6a32e916 28s linear infinite;
}
.line_event img {
width: 50%;
display: inline-block;
float: left;
}
.pull-down {
width: 100%;
height: 2.5rem;
background-color: #fff;
position: fixed;
top: 5.4%;
left: 0;
display: none;
}
.pull-down ul {
width: 50%;
height: 100%;
margin: .35rem auto;
display: flex;
flex-wrap: wrap;
}
.pull-down ul li {
width: 2.25rem;
height: .5625rem;
border-radius: 0.1rem;
display: flex;
align-items: center;
padding: .025rem .0625rem;
transition: all 0.4s ease 0s;
margin-right: .375rem;
}
.pull-down ul li:hover{
background: #f2f4f7;
transform: scale(1.1);
transition: all 0.4s ease 0s;
-webkit-transform: scale(1.1);
}
.pull-down ul li img {
width: .5rem;
height: .5rem;
}
.pull-down ul li p {
font-size: .175rem;
font-family: Source Han Sans CN;
font-weight: 400;
margin-left: .1125rem;
color: #0f0f0f;
}
.ckc {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0,0,0,0.4);
z-index: 1001;
margin: auto;
}
.coop-box {
width: 10rem;
/* height: 86%; */
margin: 0 auto;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.cooperate-box {
width: 5.375rem;
/* height: 500px; */
margin: auto;
background: #fff;
border-radius: .25rem;
overflow: hidden;
}
.cooperate-box .hz-top {
width: 100%;
height: 1.5625rem;
background: url(//qjzb.kuleiman.com/record/klm/sjjm/1/form_img.png)no-repeat;
background-size: 100% 100%;
}
.cooperate-box .hz-top .hz-topword1 {
font-size: .275rem;
font-weight: bold;
color: #FFFFFF;
padding-top: .425rem;
padding-left: .2125rem;
}
.cooperate-box .hz-top .hz-topword2 {
font-size: .275rem;
font-weight: bold;
color: #FFFFFF;
padding-top: .125rem;
padding-left: .2125rem;
}
.hz-btn {
width: 3.5875rem;
height: .575rem;
background: linear-gradient(-90deg, #FF5300 0%, #FFBA00 100%);
border-radius: .0625rem;
line-height: .575rem;
color: #fff;
margin: .1875rem 0 .1875rem .5625rem;
font-size: .2rem;
}
.hz-content {
padding: 0px .375rem;
}
.mt2 {
margin-top: .25rem;
}
button, input, select, textarea {
outline: none;
border: none;
background: none;
cursor: pointer;
}
.hz-bword1 {
text-align: center;
font-size: .15rem;
font-weight: 400;
color: #1A1A1A;
opacity: 0.6;
margin-bottom: .225rem;
}
.closetc {
display: inline-block;
width: .325rem;
height: .325rem;
position: absolute;
/* right: -.25rem; */
right: 2.375rem;
top: .0625rem;
}
.closetc img {
width: 100%;
height: 100%;
}
.hz-content h4 {
line-height: .5rem;
margin-bottom: .05rem;
color: #1A1A1A;
font-size: .25rem;
font-weight: bold;
}
.hz-cenword {
display: flex;
justify-content: space-between;
height: .375rem;
align-items: center;
}
.hz-cenword .icon1 {
background: url(//qjzb.kuleiman.com/record/klm/sjjm/1/hz_imgl.png) repeat;
background-size: 100% 100%;
display: inline-block;
width: 1.1875rem;
height: 0.1rem;
}
.hz-cenword .icon2 {
background: url(//qjzb.kuleiman.com/record/klm/sjjm/1/hz_imgr.png) repeat;
background-size: 100% 100%;
display: inline-block;
width: 1.1875rem;
height: 0.1rem;
}
.hz-content input[type="text"] {
width: 3.5625rem;
height: .525rem;
line-height: .525rem;
background: #FFFFFF;
border: 1px solid #C1C1C1;
border-radius: .0625rem;
margin-top: .1875rem;
margin-left: .5625rem;
text-indent: .1875rem;
}
input[type=password], input[type=text], textarea {
resize: none;
outline: 0;
-webkit-appearance: none;
white-space: pre-wrap;
word-wrap: break-word;
/* background: #fff; */
}
.hz-txt {
width: 3.5625rem;
height: .525rem;
line-height: .2375rem;
background: #FFFFFF;
border: 1px solid #C1C1C1;
border-radius: .0625rem;
margin-top: .1875rem;
margin-left: .5625rem;
text-indent: .1875rem;
}
.model_img{
width: 16.875rem;
height: 9rem;
background: url(//qjzb.kuleiman.com/record/klm/sjjm/1/icon/1.gif);
background-size: 100% 100%;
border-radius: .3625rem;
position: absolute;
left: 50%;
top: 0%;
transform: translateX(-50%) translateY(-20%);
}
.html{
overflow: hidden;
}
.exhibition_video video{
width: 100%;
height: 100%;
display: block;
object-fit: fill;
border-radius: .1875rem;
}
.exhibition_video_box{
height: 100%;
width: 100%;
/* background: url(//qjzb.kuleiman.com/record/klm/sjjm/1/icon/7.jpg) no-repeat;
background-size: 100% 100%; */
border-radius: .25rem;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
left: 50%;
border-radius: .25rem;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
}
.exhibition_video_box_img {
width: 1rem;
height: 1rem;
background: url(//qjzb.kuleiman.com/record/klm/sjjm/1/icon/bofang.png) no-repeat;
background-size: 100% 100%;
}
@media screen and (min-width: 1400px) {
.technology_content {
width: 20rem !important;
}
.pull-down ul{
width: 35%;
}
.exhibition .exhibition_content{
width: 17.5rem;
}
}
@media screen and (max-width: 1400px) {
.img {
width: 3.75rem;
height: 4.225rem;
}
.pull-down ul li{
margin-right: .25rem;
}
}
.playVideoIcon{
width: 1.3rem;
height: 1.3rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
cursor: pointer;
}
.playVideoIcon img{
max-width: 100%;
max-height: 100%;
}