.tran { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .txthide { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .txtCen { text-justify: inter-ideograph; text-align: justify; word-wrap: break-word; overflow: hidden; } input{color: #999999;} :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; opacity:1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999;opacity:1; } input:-ms-input-placeholder{ color: #999;opacity:1; } input::-webkit-input-placeholder{ color: #999;opacity:1; } /* 可复制的文本 */ .txtcopy { -moz-user-select: text; -webkit-user-select: text; -ms-user-select: text; -khtml-user-select: text; user-select: text; } .fc9 { color: #999; } .fc6 { color: #666; } .fc3 { color: #333; } .fc0 { color: #000; } .fcf { color: #fff; } .f00 { font-size: 0; } .f12 { font-size: 12px; } .f13 { font-size: 13px; } .f14 { font-size: 14px; } .f15 { font-size: 15px; } .f16 { font-size: 16px; } .f18 { font-size: 18px; } .f20 { font-size: 20px; } .f22 { font-size: 22px; } .f24 { font-size: 24px; } .f26 { font-size: 26px; } .f28 { font-size: 28px; } .f34 { font-size: 34px; } .f36 { font-size: 36px; } .f38 { font-size: 38px; } .f40 { font-size: 40px; } .f42 { font-size: 42px; } .f50 { font-size: 50px; } .f60 { font-size: 60px; } .show { display: block; } .hide { display: none; } .fwn { font-weight: normal; } /* -- 百度分享 -- */ /* -- 百度分享 或 bShare分享 -- */ .bsBox, .bsBox *, .bsBox:before, .bsBox *:before, .bsBox:after, .bsBox *:after, .laydate_box, .laydate_box *, .laydate_box:before, .laydate_box *:before, .laydate_box:after, .laydate_box *:after, .bd_weixin_popup, .bd_weixin_popup *, .bd_weixin_popup:before, .bd_weixin_popup *:before, .bd_weixin_popup:after, .bd_weixin_popup *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /*--è°·æ­Œ input 选中 默认颜色 --*/ input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset; } .container, .w1200 { margin: 0 auto; max-width: 1200px; padding: 0 15px; } @media screen and (min-width:1230px) { .container, .w1200 { width: 98%; margin: 0 auto; padding: 0; } } .rl { writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -ms-writing-mode: vertical-rl; writing-mode: tb-rl; letter-spacing: 3px; } /* -- 公共部分 -- */ .boxpc { display: none; } @media screen and (min-width:768px) { .boxwarp { display: none; } .boxpc { display: block; } } .w1270{max-width: 1270px; margin: 0 auto;} /* -------------------------------------- 默认样式 -------------------------------------------------- */ body { height: auto; } .bodyHide { overflow: hidden; position: fixed; width: 100%; min-height: 100vh; } .bodyOver { overflow: hidden; } .header { position: relative; height: 96px; z-index: 99; } .header .logo { display: inline-block; line-height: 55px; max-width: 140px; } .header .logo img { width: 100%; vertical-align: middle; } .header .navBtn { display: block; height: 38px; width: 28px; overflow: hidden; position: relative; cursor: pointer; float: right; margin-top: 8px; } .header .navBtn span { display: block; width: 80%; height: 3px; background: #333; border-radius: 4px; position: absolute; left: 10%; transition: all .3s; } .header .navBtn span.span1 { top: 65%; } .header .navBtn span.span2 { top: 50%; margin-top: -1.5px; } .header .navBtn span.span3 { bottom: 65%; } .header .navBtnon span.span1 { transform: rotate(-45deg); top: 50%; } .header .navBtnon span.span2 { background-color: transparent; } .header .navBtnon span.span3 { transform: rotate(45deg); top: 50%; } .headerBox { position: relative; width: 100%; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); position: fixed; border-bottom: 1px solid #eee; transition: .3s; } .headerWrapBox { padding: 0 10px; } .searchBox { float: right; margin-right: 8%; height: 55px; } .searchBox .Sbtn { overflow: hidden; text-align: center; width: 40px; display: block; line-height: 55px; cursor: pointer; height: 100%; /* background: url(../images/search_icon.png) no-repeat center; */ } .searchBox .Sbtn .iconfont { font-size: 21px; color: #333;display: block; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } .searchBox.sOn .Sbtn .iconfont:before { content: '\f254'; } .searchBox.sOn .Sbtn .iconfont{ -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .searchWarp { position: absolute;border-top: 1px solid #ddd;border-bottom: 1px solid rgb(233, 236, 239); padding:0 10px; width: 100%; left: 0; top: 100%; background: #fff; } .searchWarp .searchView { position: relative; padding-left: 40px; } .searchWarp .searchInputBox{height: 50px; padding:13px 10px;} .searchWarp input { display: block; width: 100%; line-height: 24px; height:24px; font-size: 20px; /* font-family: 'Conv_Archivo-Bold'; */} .searchWarp .sbtna { position: absolute; left: 0; top: 0; width: 40px; height: 100%; text-align: center; line-height: 50px; } .searchWarp .sbtna .iconfont { font-size: 21px; color: #000; } .searchBox .searchWarp { display: none; } .mainnav { position: absolute; width: 100%; left: -200%; top: 100%; background: #fff; height: calc(100vh - 55px); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .mainnavOn { left: 0; } .mainnav .navA { font-size: 16px; display: block; padding: 0 40px 0 15px; line-height: 40px; position: relative; color: #333; } .mainnav .navA .btnicon { display: block; width: 40px; height: 100%; right: 0; top: 0; position: absolute; z-index: 4; text-align: center; } .mainnav ul li { border-bottom: 1px solid #ddd; } .mainnav ul li.lion .btnicon .iconyoujt:before { content: '\e616'; } .mainnav ul { border-top: 1px solid #ddd; } .mainnav .xl { display: none; } .mainnav .xl .ddfirst .dda { border-top: 1px solid #ddd; display: inline-block; width: 100%; } .mainnav .xl .dda { display: inline-block; padding: 0 15px; line-height: 40px; color: #333; } .mainnav .ul li#nav2 .xl dl dd p { margin: 0; line-height: 15px; margin-top: -7px; font-size: 12px; white-space: normal; } .mainnav .ul li .xl dt{display: none;} .mainnav .ul li .xl .pics{display: none;} @media screen and (max-width:768px){ .header .hides{max-height:100%;overflow-Y:auto} } .searchMask{} .searchMask.searchMaskShow{position: fixed; z-index: 44; background:rgba(0,0,0,0.2);width:100%; height: 100%; left: 0; top:0;} @media screen and (min-width:1024px) { .searchMask{display: none;} .headerBox.onwap { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .searchWarp{border: none;} .searchWarp .searchView { position: relative; border: none; padding-right: 0px; border-bottom: 1px solid #328dff; } .headerWrap { position: relative; } .header .logo { position: absolute; left: 0; top: 0; height: 100%; line-height: 74px; z-index: 99; } .searchBox { position: absolute; right: 230px; margin-right: 0; top: 0; height: 100%; } .searchBox .Sbtn { line-height: 79px; } .header { height: 103px; } .headerWrapBox { padding: 0 30px; } .header .navBtn { display: none; } .mainnav { position: static; width: auto; display: block; height: 74px; margin: 0 auto; font-size: 0; text-align: center; } .mainnav .ul { display: inline-block; border: none; margin: auto; text-align: left; } .mainnav .ul li { float: left; border: none; margin: 0 30px; } .mainnav .ul li#nav5{position: relative;} .mainnav .ul li#nav5 .xl dl{padding-right: 0;} .mainnav .ul li .xl { background: #fff; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); top: 74px; font-size: 16px; text-align: left; border-radius: 10px; box-shadow: 0 0 10px 2px #e6e6e6; } .mainnav .ul li#nav2 .xl {width: 920px; } .mainnav .navA { line-height: 74px; padding: 0; font-size: 20px; position: relative; } .mainnav .navA:hover, .mainnav li.aon .navA { color: #328dff; background: url(../images/icon2_a.png) no-repeat right center; } .mainnav .navA .i { display: block; width: 16px; height: 15px; /* border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; */ opacity: 0; background: url(../images/li_03.png)no-repeat center; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: absolute; left: 50%; transform: translateX(-50%); margin-left: -4px; top: 62px; z-index: 9; } .mainnav .ul li .navA:hover .i, .mainnav .ul li.aon .navA .i { opacity: 1; } .mainnav .navA .btnicon { display: none; } .searchWarp { left: auto; right: 430px; top: 7px; background: #fff; width: calc(100% - 520px); z-index: 7; position: fixed; } .mainnav .xl .ddfirst .dda { border-top: none; } .mainnav .ul li .xl dl {padding: 20px 40px 20px 0;width: 100%;padding-left: 0;} .mainnav .ul li .xl dl::after { content: ''; display: block; clear: both; } .mainnav .ul li .xl dl dt{display: block;margin-bottom: 20px;} .mainnav .ul li .xl dl dt a{display: block;font-size:20px;padding-bottom:10px;border-bottom:1px solid #414141;color: #414141;} .mainnav .ul li .xl dl dd { width: 33.33%; float: left; } .mainnav .ul li#nav4 .xl{ width: 560px; padding: 20px 10px 20px 40px;} .mainnav .ul li#nav6 .xl{width: 450px;padding: 20px 0px 20px 40px;} .mainnav .ul li#nav6 .xl dl dd{width: 50%;} .mainnav .ul li#nav5 .xl { width: auto;padding: 20px 30px;} .mainnav .ul li#nav4 .xl dl dd, .mainnav .ul li#nav2 .xl dl dd { width: 50%; } .mainnav .ul li#nav2 .xl dl dd{min-height: 90px;} .mainnav .ul li#nav5 .xl dl dd { width: 100%; } .mainnav .xl .dda { border-top: none; position: relative; padding-left: 55px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 40px; margin-bottom: 20px; } .mainnav .xl .dda span{font-size:18px;color: #3991ff;display: inline-block;line-height: 24px;} .mainnav .xl .dda img { position: absolute; top: 0; left: 0px; } .mainnav li#nav2 .xl .dda img { top: 8px; } .mainnav .ul li .xl .pics {width: 20%;height: 100%;position: absolute;right: 0%;top: 0%;background-color: #fff;-webkit-box-shadow: inset .25rem 0 .5rem rgba(0, 0, 0, .05);box-shadow: inset .25rem 0 .5rem rgba(0, 0, 0, .05);display: block;padding: 30px 40px;border-top-right-radius: 15px;border-bottom-right-radius: 15px;} .mainnav .ul li .xl .pics .list_pic { width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; } .mainnav .ul li .xl .pics .itema { display: block; line-height: 30px; margin-bottom: 12px; } .mainnav .ul li .xl .pics .itema img { display: inline-block; width: 20px; height: 20px; margin-right: 5px; margin-top: 5px; } .mainnav .ul li .xl .pics .itema span{color: #328dff;} .mainnav .ul li .xl .pics .itema:hover span { text-decoration: underline; } .mainnav .ul li .xl .pics{display: block;font-size:18px;padding-bottom:10px;color: #414141;margin: 0;padding-top: 5px;font-weight: normal;margin-bottom: 20px;} .mainnav .ul li .xl .pics h5{margin-bottom: 25px;font-size: 20px;font-weight: normal; padding-bottom: 12px;border-bottom: 1px solid #414141;} /*.mainnav .xl .dda:hover { color: #328dff; }*/ .mainnav .xl .dda:hover .spannavt { border-bottom:1px solid #328dff;} #whir_2 { max-width: 740px; margin: 0 auto; } .expoListInfo .formBox .ul::after { content: ''; display: block; clear: both; } .expoListInfo .formBox .ul li { width: 46%; margin-right: 6%; float: left; } .expoListInfo .formBox .ul li:nth-child(2n) { margin-right: 0; } .mainnav .ul li#nav2 .xl { padding-right: 0; } .mainnav .ul li#nav2 .xl dl { width: 80%; } .mainnav .ul li#nav3 .xl {padding:40px;width: 870px;} .mainnav .ul li#nav3 .xl dl { width: 100%; padding: 0; } .mainnav .ul li#nav3 .xl dl dd { width: 25%; /*padding-left: 24px; */} .mainnav ul li#navPchide{display: none;} } @media screen and (max-width:1024px) { .mainnav .xl .dda img { display: none; } #whir_2 { max-width: 640px; margin: 0 auto; } } @media screen and (max-width:1023px) { .headerWrap{text-align: center;} .mainnav{text-align: left;} .searchBox{float: right; margin-right: 0;} .header .navBtn{float: left;} } @media screen and (min-width:1200px) { .headerWrapBox { padding: 0 40px; } } @media screen and (min-width:1300px) { .mainnav .ul li { margin: 0 60px; } .idxHfoor3Sld li .img-wrap { overflow: hidden; height: 350px; } /* .mainnav .ul li .xl { width: 45%; } */ /* .mainnav .ul { margin-left: 25%; } */ /* .mainnav .ul li .xl { left: 25%; } */ } @media (max-width:768px) { .header { height: 56px; } .mainnav .ul li .xl dd{border-bottom: 1px dashed #ddd;} .mainnav .ul li .xl dd:last-child{border-bottom: none;} .mainnav .ul li .xl dl{box-shadow: inset 0.25rem 0 0.5rem rgba(0, 0, 0, .05);padding-bottom: 0px;} .mainnav .ul li .xl .pics .txt{padding: 6px 15px;font-size: 16px;} .mainnav .ul li .xl .pics .txt a{color: #328dff;} .mainnav .ul li .xl .pics img{display: none;} } .btnBottom { text-align: center; } .btnBottom .btnA { border-radius: 4px; overflow: hidden; display: inline-block; position: relative; text-align: center; color: #328dff; font-size: 14px; width: 130px; line-height: 40px; } .btnBottom .btnA .btnspan { position: relative; z-index: 5; } .btnBottom .btnA .bor { border-radius: 4px; position: absolute; left: 0; top: 0; display: block; border: 2px solid #328dff; width: 100%; height: 100%; z-index: 2; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .btnBottom .btnA .ibg { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; z-index: 4; } .btnBottom .btnA .ibg:before { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; content: ' '; position: absolute; width: 100%; height: 100%; display: block; left: 0; top: 0; background-image: radial-gradient(circle at 0 0, #328dff, #21c9c1); } .btnBottom .btnA .ibg:after { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; content: ' '; position: absolute; width: 100%; height: 100%; display: block; left: 0; top: 0; background: #328dff; } .btnBottom .btnA1 { border-radius: 10px; background: #328dff; overflow: hidden; display: inline-block; position: relative; text-align: center; color: #fff; font-size: 16px; width: 100%; line-height: 45px; cursor: pointer; } .btnBottom .btnA:hover { color: #fff; } .btnBottom .btnA:hover .bor { opacity: 0; filter: alpha(opacity=0); } .btnBottom .btnA:hover .ibg:before { opacity: 1; filter: alpha(opacity=100); } .btnBottom .btnA.btnAUp .ibg:before { opacity: 0; filter: alpha(opacity=0); } .btnBottom .btnA.btnAUp .ibg:after { opacity: 1; filter: alpha(opacity=100); } .btnBottom.fan .btnA .btnspan { color: #fff; } .btnBottom.fan .btnA .ibg:after { opacity: 1; filter: alpha(opacity=100); } .btnBottom.fan .btnA .ibg:before { opacity: 1; filter: alpha(opacity=100); } .btnBottom.fan .btnA.btnAUp .ibg:after { opacity: 1; filter: alpha(opacity=100); } .btnBottom.fan .btnA.btnAUp:hover .ibg:before, .btnBottom.fan .btnA:hover .ibg:after { opacity: 0; filter: alpha(opacity=0); } .btnBottom.fan .btnA.btnAUp:hover .btnspan { color: #328dff; } .btnBottom .btnA:hover .bor { opacity: 1; filter: alpha(opacity=100); } .btnBottom.btnBottomBs .btnA { color: #fff; } .btnBottom.btnBottomBs .btnA .bor { border-color: #fff; border-radius: 4px; } .btnBottom.btnBottomBs .btnA.btnA2.btnAUp .bor { border-color: #328dff; } .btnBottom.btnBottomBs .btnA.btnA2.btnAUp { color: #328dff; } .btnBottom .btnA.btnA2.btnAUp .ibg:after, .btnBottommore{text-align: center;} /* .btnBottommore .btnA{ display: inline-block;line-height: 40px;border-radius: 5px;border: 1px solid #4d4d4d; padding: 0 30px; font-size: 14px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; color:#333333;} */ .btnBottommore .btnA{ display: inline-block; line-height: 40px; border-radius: 15px; padding: 0 30px; font-size: 14px; color: #fff; /* letter-spacing: 5px; */ border: 1px solid #fff;} .btnBottommore .btnA:hover{top: -5px;} @media screen and (min-width:1000px) { .btnBottommore .btnA{ line-height: 55px; padding: 0 60px; font-size: 18px; transition: .3s; position: relative; top: 0;} } .ApplyBox .ApplyBoxF li:hover .btnBottom .btnA.btnA2.btnAUp .ibg { background: none; } @media screen and (min-width:768px) { .btnBottom .btnA { width: 150px; height: 45px; line-height: 45px; font-size: 16px; } } /* @media screen and (min-width:1300px){ .btnBottom .btnA{width:245px;height:60px;line-height:60px;font-size:18px;} } */ /* -- banner-- */ @keyframes fade-in { 0% {opacity: 0;} 40% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes fade-in { 0% {opacity: 0;} 40% {opacity: 0;} 100% {opacity: 1;} } .HomeBan{transition: 0.3s;} .HomeBan .List { position: relative; overflow: hidden; } .HomeBan .List .BanItemBox { position: relative; } .HomeBan .List .BanItemBox .pc { width: 100%; height: 100%; background: no-repeat center; background-size: cover; display: none; } .HomeBan .List .BanItemBox .wap { width: 100%; background: no-repeat center; background-size: cover; } .HomeBan .List .BanItemBox .Banvideo { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .HomeBan .List .BanItemBox video { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; } .HomeBan .List .BanItemBox .BanTxt { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .HomeBan .List .BanItemBox .tb { display: table; width: 100%; height: 100%; vertical-align: middle; } .HomeBan .List .BanItemBox .tbc { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .HomeBan .List .BanItemBox .banwtxtBox { max-width: 420px; margin: 0 auto; text-align: center; color: #fff; padding: 0 15px; } .HomeBan .List .BanItemBox a { position: absolute;left: 0;top: 0;height: 100%;width: 100%;font-size: 16px; bottom: 0px; left: 0; } .HomeBan .List .BanItemBox .txtbox{position: absolute;left: 0%;top: 15%;z-index: 9; width:100%;} .HomeBan .List .BanItemBox .txtbox .w1300{width:100%; max-width: 1300px; margin:0 auto;} .HomeBan .List .BanItemBox .txtbox .banpc, .HomeBan .List .BanItemBox .txtbox .banwap{width:100%;} .HomeBan .List .BanItemBox .txtbox h3{font-size: 34px;font-weight: normal;} .HomeBan .List .BanItemBox .txtbox p{font-size: 18px;margin: 5px 0;} .HomeBan .List .slick-active .BanItemBox .txtbox{ animation: fade-in; animation-duration: 1.5s; -webkit-animation:fade-in 1.5s; } /* .HomeBan .List .BanItemBox .TxtBox{line-height:24px;max-height:120px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;margin-bottom:15px;} */ .HomeBan .flex-control-nav { position: absolute; width: 100%; bottom: 30px; z-index: 10; } .HomeBan .flex-control-paging li a { background: rgba(255, 255, 255, 0.3); } .HomeBan .flex-control-paging li a.flex-active { background: #328dff; } .HomeBan .slick-dots {padding: 0; position: absolute; width: 100%; bottom: -20px; z-index: 10; text-align: center; transition: .3s; } .HomeBan .slick-dots li { cursor: pointer; display: inline-block; width: 11px; height: 11px; border-radius: 50%; margin: 0 10px; transition: .3s; background: #9bc1ff; } .HomeBan .slick-dots li.slick-active { width: 45px; border-radius: 35px; background: #75a0ec;} .HomeBan .slick-dots li button { display: none; } .HomeBan .List:hover .slick-dots { bottom: 30px; } .HomeBan .List .BanItemBox .txtbox .banpc{display: none;} @media screen and (min-width:1024px) { .HomeBan .List .BanItemBox .txtbox .banpc{display: block;} .HomeBan .List .BanItemBox .txtbox .banwap{display: none;} } @media screen and (min-width:1024px) { .HomeBan .List .BanItemBox .pc { display: block; } .HomeBan .List .BanItemBox .wap { display: none; } .HomeBan .List .BanItemBox a { bottom: 0px; font-size: 25px; } } .HomeBan .BanTxt { color: #fff; } .HomeBan .BanTxt .h3 { font-size: 18px; font-weight: normal; } .HomeBan .BanTxt .TxtBox { padding: 15px 0; text-justify: inter-ideograph; text-align: justify; word-wrap: break-word; overflow: hidden; } @media screen and (min-width:768px) { .HomeBan .BanTxt .h3 { font-size: 22px; } .HomeBan .BanTxt .TxtBox { font-size: 16px; padding-bottom: 30px; } } @media screen and (min-width:1024px) { .HomeBan .BanTxt .h3 { font-size: 28px; } .HomeBan .BanTxt .TxtBox { font-size: 18px; padding: 25px 0 40px; } } @media screen and (min-width:1300px) { .HomeBan .BanTxt .h3 { font-size: 54px; } .HomeBan .BanTxt .TxtBox { font-size: 22px; line-height: 36px; padding-bottom: 90px; } } @media screen and (max-width:768px) { .HomeBan .List .BanItemBox .txtbox{width:100%; padding:0 15px; text-align: center;top: 5%;} .HomeBan .List .BanItemBox .txtbox h3{font-size: 24px;margin-bottom: 10px;} .HomeBan .List .BanItemBox .txtbox p{font-size: 15px;} } /* -- banner-- */ .MainTitle .h3 { text-align: center; color: #333; font-size: 24px; } .MainTitle .txt { text-align: center; margin: 0 auto; padding-top: 10px; font-size: 14px; } .MainTitle .txt .txta{color: #454545;} @media screen and (min-width:768px) { .MainTitle .h3 { font-size: 22px; } .MainTitle .txt { font-size: 16px; } } @media screen and (min-width:1024px) { .MainTitle .h3 { font-size: 30px; } .MainTitle .txt { font-size: 18px; } } @media screen and (min-width:1600px) { .MainTitle .h3 { font-size: 44px; } } .HomeF { padding: 30px 0; overflow: hidden;} @media screen and (min-width:1024px) { .HomeF { padding: 60px 0; } } @media screen and (min-width:1300px) { .HomeF { padding: 90px 0; } } @media screen and (min-width:1600px) { .HomeF { padding: 120px 0; } } .MainBorder { border-bottom: 1px solid #ddd; } .HomeF1 { padding-bottom: 0; padding-top: 0; } .HomeF1 .HomeF1Box { background: #eee; margin: 0 -15px; } .HomeF1 .right { padding: 30px 20px; } .HomeF1 .txtInfo { padding: 20px 0 0; } .HomeF1 .txtInfo .h3 { font-size: 16px; color: #333; text-align: center; font-weight: normal; } .HomeF1 .txtInfo .h3 .i { display: block; width: 30px; height: 3px; margin: 10px auto; background: #328dff; } .HomeF1 .txtInfo .txt { padding-bottom: 20px; } @media screen and (min-width:768px) { .HomeF1 { padding-top: 30px; } .HomeF1 .HomeF1Box { margin: 0 auto; position: relative; padding-left: 50%; } .HomeF1 .HomeF1Box .left { position: absolute; width: 50%; height: 100%; left: 0; top: 0; background: no-repeat center; background-size: cover; } .HomeF1 .HomeF1Box .left .img { display: none; } .HomeF1 .right { padding: 60px 50px; } .HomeF1 .MainTitle .h3 { text-align: left; } .HomeF1 .txtInfo .h3 { text-align: left; } .HomeF1 .txtInfo .h3 .i { margin-left: 0; } .HomeF1 .btnBottom { text-align: left; } } @media screen and (min-width:1024px) { .HomeF1 { padding-top: 60px; } .HomeF1 .right { padding: 100px 50px; } .HomeF1 .txtInfo .h3 { font-size: 18px; } .HomeF1 .txtInfo .h3 .i { width: 77px; height: 3px; margin: 28px 0; } .HomeF1 .txtInfo .txt { padding-bottom: 28px; font-size: 16px; line-height: 36px; } } @media screen and (min-width:1300px) { .HomeF1 { padding-top: 60px; } } @media screen and (min-width:1600px) { .HomeF1 { padding-top: 90px; } .HomeF1 .right { padding: 145px 110px; } .HomeF1 .txtInfo .h3 { font-size: 26px; } .HomeF1 .txtInfo .h3 .i { margin: 35px 0; } .HomeF1 .txtInfo .txt { padding-bottom: 35px; } } .HomeF2 .list { padding-top: 10px; } .HomeF2 .list .ul { font-size: 0; margin: 0 -5px; } .HomeF2 .list li { display: inline-block; padding: 5px; width: 100%; font-size: 14px; vertical-align: top; } .HomeF2 .list .libox { position: relative; cursor: pointer; } .HomeF2 .list .img img { width: 100%; } .HomeF2 .list .maskbg { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; background-image: radial-gradient(circle at 0 0, #1381d7, #1ad6f5); opacity: 0.7; filter: alpha(opacity=70); background-size: 100% 100%; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; } .HomeF2 .list .litxtBox { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 3; } .HomeF2 .list .liView { position: absolute; left: 0; bottom: 0; padding: 15px; width: 100%; color: #fff; } .HomeF2 .list .title { position: relative; } .HomeF2 .list .title .i1 { display: none; width: 3px; height: 100%; left: 0; top: 0; background: #328dff; position: absolute; } .HomeF2 .list .title .i2 { display: block; width: 60%; height: 3px; background: #fff; margin: 10px 0; } .HomeF2 .list .title .h3 { font-size: 18px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .HomeF2 .list .title .h4 { font-size: 15px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .HomeF2 .list .title .txt { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .HomeF2 .list .Con { width: 60%; } .HomeF2 .list .Con .dl a { display: block; color: #fff; position: relative; padding-right: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px; } .HomeF2 .list .Con .btnicon { position: absolute; right: 0; top: 0; } @media screen and (min-width:640px) { .HomeF2 .list { padding-top: 20px; } .HomeF2 .list li { width: 50%; } } @media screen and (min-width:768px) { .HomeF2 .list li { width: 25%; } } @media screen and (min-width:1024px) { .HomeF2 .list { padding-top: 40px; } .HomeF2 .list .Con { display: none; } .HomeF2 .list .liView { padding: 20px 30px; } .HomeF2 .list .maskbg { background: url('../images/limask01.png') no-repeat center center; background-size: 100% 100%; } .HomeF2 .list .title { padding-left: 21px; } .HomeF2 .list .title .i2 { display: none; } .HomeF2 .list .title .i1 { display: block; } .HomeF2 .list .lion .maskbg { background-image: radial-gradient(circle at 0 0, #1381d7, #1ad6f5); opacity: 0.7; filter: alpha(opacity=70); } .HomeF2 .list .lion .title { padding-left: 0; } .HomeF2 .list .lion .title .i2 { display: block; margin: 24px 0; } .HomeF2 .list .lion .title .i1 { display: none; } } @media screen and (min-width:1300px) { .HomeF2 .list .title .h3 { font-size: 28px; } .HomeF2 .list .title .h4 { font-size: 16px; } .HomeF2 .list .Con .dl dd { padding-top: 15px; } .HomeF2 .list .Con .dl a { font-size: 16px; line-height: 45px; } } @media screen and (min-width:1600px) { .HomeF2 .list { padding-top: 55px; } .HomeF2 .list .title .h3 { font-size: 32px; } .HomeF2 .list .title .h4 { font-size: 20px; } .HomeF2 .list .Con .dl a { font-size: 20px; } } .HomeF3 { position: relative; overflow: hidden; padding-bottom: 0; background: #eee; } .HomeF3 .bg { position: absolute; left: 0; bottom: 0; background: #fff; width: 100%; height: 186px; } .HomeF3 .HomeF3Box { position: relative; z-index: 3; } .HomeF3 .list { padding-top: 20px; padding-bottom: 10px; } .HomeF3 .list { overflow: hidden; } .HomeF3 .list ul { font-size: 0; text-align: center; padding-top: 1px; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.05); overflow: hidden; } .HomeF3 .list li { font-size: 14px; display: inline-block; width: 50%; vertical-align: top; margin-left: -1px; margin-top: -1px; } .HomeF3 .list .libox { display: block; text-align: center; padding: 30px 0; border: 1px solid #ddd; background: #fff; } .HomeF3 .list .libox .img .img01 { opacity: 1; filter: alpha(opacity=100); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .HomeF3 .list .libox .img .pc{display: none;} .HomeF3 .list .libox .img img{width:90px;} .HomeF3 .list .libox:hover .img .img01 { opacity: 0; filter: alpha(opacity=0) } .HomeF3 .list .libox:hover .img .img02 { opacity: 1; filter: alpha(opacity=100); transform: scale(1.1); } .HomeF3 .list .libox .txt { color: #333; padding-top: 5px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .HomeF3 .list .img { display: inline-block; position: relative; overflow: hidden; } .HomeF3 .list .img .img02 { opacity: 0; filter: alpha(opacity=0); position: absolute; left: 0px; top: 0px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } @media screen and (min-width:640px) { .HomeF3 .list li { width: 33.33%; } } @media screen and (min-width:768px) { .HomeF3 .list li { width: 25%; } } @media screen and (min-width:1024px) { .HomeF3 .list { padding-top: 40px; } .HomeF3 .bg { height: 190px; } .HomeF3 .list li { width: 20%; } .HomeF3 .list .libox .txt { font-size: 16px; } .HomeF3 .list .libox .img .pc{display: block;} .HomeF3 .list .libox .img .wap{display: none;} } @media screen and (min-width:1300px) { .HomeF3 .bg { height: 195px; } .HomeF3 .list .libox .txt { font-size: 20px; } } @media screen and (min-width:1600px) { .HomeF3 .list { padding-top: 55px; } } .HomeF4 .list { padding-top: 10px; } .HomeF4 .list li { margin-bottom: 10px; } .HomeF4 .list .libox { display: block; position: relative; } .HomeF4 .list .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/limask02.png') no-repeat; background-size: 100% 100%; z-index: 2; } .HomeF4 .list .img { overflow: hidden; } .HomeF4 .list .img img { width: 100%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .HomeF4 .list .libox:hover .img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .HomeF4 .list .pc { display: none; } .HomeF4 .list .txt { display: none; } .HomeF4 .list .txtbox { position: absolute; z-index: 3; left: 0; bottom: 0; width: 100%; padding: 15px; color: #fff; } .HomeF4 .list .txtbox .h3 { font-weight: normal; font-size: 16px; line-height: 24px; max-height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } @media screen and (min-width:640px) { .HomeF4 .list { padding-top: 20px; } } @media screen and (min-width:768px) { .HomeF3 .list .libox .txt { font-size: 16px; } .HomeF4 .list .ul { position: relative; padding-top: 49.8%; height: 0; overflow: hidden; } .HomeF4 .list li { position: absolute; margin-bottom: 0; } .HomeF4 .list .pc { display: block; } .HomeF4 .list .wap { display: none; } .HomeF4 .list .li1 { width: 50.12%; left: 0; top: 0; } .HomeF4 .list .li1 .txt { display: block; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .HomeF4 .list .li2 { width: 48.63%; right: 0; top: 0; } .HomeF4 .list .li3 { width: 48.63%; right: 0; bottom: 0; } } @media screen and (min-width:1024px) { .HomeF4 .list { padding-top: 40px; } .HomeF4 .list .txtbox { padding: 30px; } .HomeF4 .list .txtbox .h3 { font-size: 22px; line-height: 30px; max-height: 60px; } .HomeF4 .list .li1 .txtbox .h3 { font-size: 26px; line-height: 38px; max-height: 72px; } .HomeF4 .list .txt { font-size: 16px; } } .HomeF5 { background: no-repeat center; background-size: cover; color: #fff; } .HomeF5 .MainTitle { color: #fff; } .HomeF5 .MainTitle .h3 { color: #fff; } .HomeF5 .list { padding-top: 30px; padding-bottom: 20px; } .HomeF5 .list .txt { padding-bottom: 20px; max-width: 1140px; margin: 0 auto; text-align: center; } .HomeF5 .list .ul { text-align: left; font-size: 0; margin: 0 -10px; } .HomeF5 .list li { font-size: 14px; display: inline-block; padding: 10px; width: 50%; } .HomeF5 .list .libox { display: block; color: #fff; } .HomeF5 .list .tb { display: table; vertical-align: middle; } .HomeF5 .list .tbc { display: table-row; vertical-align: top; } .HomeF5 .list .img { display: table-cell; width: 50px; vertical-align: middle; } .HomeF5 .list .img img { width: 100%; } .HomeF5 .list .litxt { display: table-cell; vertical-align: middle; padding-left: 10px; } @media screen and (min-width:640px) { .HomeF5 .list .img { width: 69px; } } @media screen and (min-width:768px) { .HomeF5 .list .txt { font-size: 16px; line-height: 30px; } .HomeF5 .list .ul { text-align: center; } .HomeF5 .list li { width: auto; margin-right: 30px; font-size: 16px; } } @media screen and (min-width:1024px) { .HomeF5 .list { padding: 80px 0; } .HomeF5 .list .txt { padding-bottom: 30px; font-size: 20px; line-height: 36px; } .HomeF5 .list li { margin-right: 80px; font-size: 18px; } } .footer .Fleft { padding-bottom: 20px; } .footer .Fleft .Finfo { font-size: 14px; color: #fff; line-height: 30px; } .footer .Fleft .Fus { padding-top: 10px; } .footer .Fleft .Fus dd { padding-bottom: 3px; } .footer .Fright { display: none; } .footer .BottomBox { padding-top: 10px; } .footer .BottomBox .loginbtn { width: 120px; display: block; border-radius: 3px; background: #0144af; color: #fff; line-height: 40px; text-align: center; float: left; } .footer .BottomBox .langbox { width: 120px; float: right; border: 1px solid #fff; border-radius: 3px; } .footer .BottomBox .langbox .ZJselectTxt .ZJselectTxtSpan, .footer .BottomBox .langbox .ZJselectTxt .iconfont { color: #fff; } .footer .BottomBox .langbox .ZJselectTxt i.icon { background: url(../images/icon1.png) no-repeat center; } .footer .BottomBox .langbox .ZJselectBox .ZJselectUl { top: auto; bottom: 100%; } .footer .BottomBox .langbox a { color: #666; } .footer .footerBox { padding-top: 15px; } .footer .footerBox .fx { text-align: center; } .footer .footerBox .fx .bshare-custom a { display: inline-block; padding: 0; margin: 0; background: rgba(255, 255, 255, .5); border: 1px solid #fff; border-radius: 50px; width: 34px; height: 34px; line-height: 34px; text-align: center; color: #fff; font-size: 18px; } .footer .footerBox .fx .bshare-custom a:hover { text-decoration: none; } .footer .footerBox .Con { padding: 10px 0; text-align: center; } .footer .footerBox .Con .Conz_img{position: fixed;display: none;top: 50%;left: 50%;z-index: 999;-webkit-transform:translate(-50%,-50%) ; -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} .footer .footerBox .Con .Conz_img i{position: absolute;right: -12px;color: #000;cursor: pointer;top: 0;font-style: inherit;} .footer .footerBox .links { text-align: center; } .footer .footerBox .links a { display: inline-block; padding: 0 5px 0 9px; position: relative; } .footer .footerBox .links a span{display: inline-block;padding: 1px 0;line-height: 1;} .footer .footerBox .links a:hover{color: #eee;} .footer .footerBox .links a:hover span{border-bottom:1px solid #eee;} .footer .footerBox .links a:before { content: ''; display: block; width: 1px; height: 1em; position: absolute; left: 0; top: 50%; margin-top: -0.5em; background: #d8ddde; } .footer .footerBox .links a.first:before { display: none; } .footer .footerBox .links a.first { padding-left: 0; } .footer .footerBox .bomLogo { text-align: center; } @media screen and (min-width:768px) { .footer { padding: 40px 0; } } .login_top, .footer.tops { display: none; } @media screen and (min-width:1024px) { .footer { padding: 20px 0; padding-bottom: 40px; } .footer .Fleft .Finfo, .footer .Fleft .Fus { display: none; } .footer .Fleft { width: 100%; } .w1740 { max-width: 1300px; width: 100%; padding: 0 40px; } /* .w1740 { width: 980px; max-width: 100%; } */ .w1740s { width: 1740px; max-width: 100%; margin: 0 auto; } /* .footer .Fright .ul::after { content: ''; display: block; clear: both; } */ .footer .Fright { padding-bottom: 50px; position: relative;} .footer .Fright .bomAbous{position: absolute;right:0px;bottom:48px;width: 306px; z-index: 8;} .footer .Fright .bomAbous .dt{float: left; margin-top: 12px;} .footer .Fright .bomAbous .dt a { display: block;font-size: 16px;white-space: nowrap;} .footer .Fright .bomAbous .NLBtn{display: block;letter-spacing: 4px;float: right;width: 135px;line-height:43px;border-radius:14px;border:2px solid #55c5cf;text-align: center;font-size:16px;color: #fff;transition:.3s;position: relative;top: 0;background: #55c5cf;} .footer .Fright .bomAbous .NLBtn:hover{top: -5px;} .footer .Fright .bomAbous .NLBtn a:hover{color: #328dff;} /* .footer .Fright ul li { float: left; margin-left: 8%; width: 14%; } */ .searchBox .Sbtn { margin-left: -50px; /* background: url(../images/search_icon.png) no-repeat center; */ position: absolute; right: 0; top: 50%; transform: translate(0, -50%); } .footer.tops { display: block; } .login_top { overflow: hidden; text-align: center; display: block; line-height: 43px; cursor: pointer; white-space: nowrap; left: 9%; position: relative; top: -87%; overflow: visible; font-size: 15px; padding-left: 23px; padding-right: 3px; border: none; border-radius: 4px; color: #fff; background: #1381d7; } .login_top a { color: #fff; } .login_top::after { content: ''; position: absolute; width: 18px; height: 19px; background: url(../images/geren.png) center center no-repeat; background-size: contain; left: 10px; top: 11px; } .login_top.contact_top { left: 231%; position: absolute; top: 16px; overflow: visible; background: none; } .login_top.contact_top::after { content: ''; position: absolute; width: 18px; height: 19px; background: url(../images/tel.png) center center no-repeat; background-size: contain; left: 1px; top: 11px; } .footer .Fleft .BottomBox { width: 120px; } .footer .Fleft .BottomBox .loginbtn { float: none; width: 100%; } .footer .Fleft .BottomBox .langbox { float: none; width: 100%; margin-top: 10px; } .footer .Fright { display: block; width: 100%; padding-top: 50px;min-height: 430px; } .footer .Fright ul{display: -webkit-box; width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content:space-between;} .footer .Fright ul li {} /* .footer .Fright ul li.first { margin-left: 0; } */ .footer .Fright .dl.dllast { padding-top: 20px; } .footer .Fright .dl dt { font-size: 18px; padding-bottom: 15px; color: #333; font-weight: bold;} .footer .Fright .dl dd a { display: inline-block; font-size: 14px; margin-bottom: 10px;padding-bottom: 1px; border-bottom: 1px solid transparent;} .footer .Fright ul li dl dd a:hover{border-bottom: 1px solid #fff;} .footer .footerBox { /*padding-top: 40px; border-top: 1px solid #eee;*/ padding: 20px 0; } .footer .footerBox .footerBoxCon { position: relative; min-height: 34px; display: flex; justify-content: space-between; line-height: 34px; } .footer .footerBox .bomLogo { text-align: left; } .footer .footerBox .bomLogo img { vertical-align: middle; } .footer .footerBox .fx { } .footer .footerBox .links { } .footer .footerBox .Con { text-align: right; padding: 0; } } @media screen and (min-width:1200px) { .footer .Fleft .Finfo { font-size: 20px; padding: 25px 0; line-height: 34px; } .footer .Fleft .Fus dd { padding-bottom: 10px; } .footer .Fright .dl dt { margin-bottom: 15px; } } @media screen and (min-width:1330px) { .footer .Fright ul{width:100%; margin:0 auto;} } @media screen and (min-width:1600px) { .w1740 {padding: 0;} } .backTop { position: fixed; display: none; z-index: 99; width: 44px; height: 44px; background: #328dff; right: 0; bottom: 60px; } .backTop a { display: block; color: #fff; width: 100%; line-height: 44px; text-align: center; cursor: pointer; } .backTop a .iconfont { color: #fff; } .HomeColumn { position: fixed; display: none; z-index: 99; right: 20px; top: 20%; width: 9px; } .HomeColumn ul li { display: block; background: #d5d5d5; height: 9px; margin-top: 20px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; cursor: pointer; } .HomeColumn ul li.active { background: #328dff; height: 50px; } @media screen and (min-width:1024px) { .backTop { bottom: 90px; } } @media screen and (min-width:1200px) { .backTop { right: 20px; } /* .HomeColumn.HomeColumnshow { display: block; } */ } .MainF { padding: 50px 0;transition: .3s; } .MainFtitle { text-align: center; color: #333; } .MainFtitle .h3 { font-size: 18px; font-weight: normal; } .MainFtitle .i { display: block; margin: 10px auto; background: #328dff; width: 30px; height: 3px; } .MainFtitle .txt{padding:10px 10px 0;} .MainFtitle .txt p{margin:0; padding: 0;} /* .ApplyInfo .MainF{padding: 0;} */ @media screen and (min-width:768px) { .MainF { padding: 60px 0 60px; } } @media screen and (min-width:1024px) { .MainF{padding:80px 0;} .MainFtitle .h3 { font-size: 36px; } .MainFtitle .i { width: 77px; height: 3px; } .MainFtitle .txt{font-size:20px;line-height: 36px ;max-width: 90%; padding: 30px 0 10px; margin: 0 auto;} } .banner { color: #fff; position: relative; } .banner .pc { height: 460px; display: none; background: no-repeat center; background-size: cover; } .banner .wap { height: 325px; background: no-repeat center; background-size: cover; } .banner .BanTxt { position: absolute; width: 100%; left: 0; top: 0; height: 100%;} .banner .BanTxt .h3 { font-size: 25px; font-weight: normal; opacity:0} .cainiment{ -webkit-animation:myic 2.5s forwards; -o-animation:myic 2.5s forwards; -moz-animation:myic 2.5s forwards; animation:myic 2.5s forwards; } .cainiment2{ -webkit-animation:myic 3.5s forwards; -o-animation:myic 3.5s forwards; -moz-animation:myic 3.5s forwards; animation:myic 3.5s forwards; } @-webkit-keyframes myic{ from {-webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); opacity:0} to {-webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity:1} } @-o-keyframes myic{ from {-webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); opacity:0} to {-webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity:1} } @-ms-keyframes myic{ from {-webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); opacity:0} to {-webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity:1} } @-moz-keyframes myic{ from {-webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); opacity:0} to {-webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity:1} } @keyframes myic{ from {-webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); opacity:0} to {-webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity:1} } .banner .BanTxt .h3.h3txtbox{padding-bottom: 10px;} .banner .BanTxt .txt { padding: 5px 0; text-justify: inter-ideograph; text-align: justify; word-wrap: break-word; overflow: hidden; } .banner .BanTxt.BanTxtCenter { text-align: center; } .banner .BanTxt.BanTxtCenter .txt { text-align: center; margin: 0 auto; } .banner .BanTxt .txt .tip{padding-top: 10px;} .banner.RegisterPage .BanTxt.BanTxtCenter .txt { text-align: center; max-width: 1024px; margin: 0 auto; } .banner .tb { display: table; width: 100%; height: 100%; vertical-align: middle; } .banner .tbc { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .banner .moreinfos { position: relative; font-size: 16px; color: rgba(255, 255, 255, 0.5); padding-left: 33px; } .banner .moreinfos span { position: absolute; display: inline-block; left: 0; top: 0px; width: 23px; height: 23px; background: url(../images/zhanhui.png) center center no-repeat; background-size: contain; } .banner.BanAppinfo .btnBottom .btnA { margin: 3px; } .bannerTxtWarp{color: #333; padding-top:50px;} .bannerTxtWarp .BanTxt{position: relative;} @media (max-width:1440px) { .banner .pc{height: 460px;} } @media (max-width:768px) { .banner{margin-bottom: 30px;} .newsinfobaner{margin-bottom: 0;} } @media screen and (min-width:768px) { .banner .BanTxt .h3 { font-size: 26px; } .banner .BanTxt .txt { padding: 15px 0; font-size: 16px; padding-bottom: 30px; } .banner.BanAppinfo .BanTxt .txt { padding-bottom: 30px; } .banner.BanAppinfo .BanTxt .txt:last-child{padding-bottom: 0;} .banner.BanAppinfo .btnBottom .btnA { margin: 0 5px; width: 130px; height: 35px; line-height: 35px; } } @media screen and (min-width:1024px) { .banner .pc { display: block; } .banner .wap { display: none; } .bannerTxtWarp{padding-top:38px;} .banner .BanTxt .h3 { font-size: 28px; } .banner .BanTxt .h3.h3txtbox{padding-bottom: 25px;} .banner .BanTxt .txt { font-size: 18px; padding: 25px 0 40px; } .banner.BanAppinfo .btnBottom .btnA { width: 200px; height: 50px; line-height: 50px; } } @media screen and (min-width:1300px) { .bannerTxtWarp{ padding-top:38px;} .banner .BanTxt .h3 { font-size: 36px; } .banner .BanTxt .txt { font-size: 20px; line-height: 36px; padding-bottom: 90px; } .banner .BanTxt .h3.h3txtbox{padding-bottom: 30px;} .banner .BanTxt .txt .tip{font-size:14px;} .banner.BanAppinfo .BanTxt .txt { padding-bottom: 50px; } } .banNav ul.ul { text-align: center; font-size: 0; } .banNav.call ul.ul { text-align: left; } .banNav ul.ul li { display: inline-block; font-size: 14px; padding: 3px 15px; position: relative; } .banNav ul.ul li a { display: block; padding: 5px 0; position: relative; color: #fff; } .banNav ul.ul li a .iib { display: none; width: 100%; height: 4px; background: #fff; position: absolute; left: 0; bottom: 0; } .banNav ul.ul li.on a .iib { display: block; } .banNav.banNavContact ul.ul li a { color: #fff; } .banNav.banNavContact ul.ul li .i { background: #fff; } .banNav.banNavContact ul.ul li a { border: 1px solid #fff; color: #fff; border-radius: 2px; } .banNav.banNavContact ul.ul li a { color: #999; border: 2px solid #aaa; } .banNav.banNavContact ul.ul li.on { display: none; } .banNav ul.ul li .i { display: block; width: 1px; height: 1em; background: #222; position: absolute; left: 0; top: 50%; margin-top: -0.5em; } .banNav ul.ul li.first .i { display: none; } .banNav.call ul.ul li a { color: #999; /* border: 2px solid #aaa; */ } .banNav ul.ul li.on a, .banNav ul.ul li a:hover { /* background: #328dff; border-color: #328dff; color: #fff; */ } .banNav.banNavContact ul.ul li a { color: #999; border: 2px solid #aaa; } .banNav.banNavContact ul.ul li.on a, .banNav.banNavContact ul.ul li a:hover { background: #328dff; border-color: #328dff; color: #fff; } @media screen and (min-width:768px) { .banNav ul.ul li a { /* min-width: 120px; */ text-align: center; line-height: 30px; font-size: 16px; } .banNav.banNavContact ul.ul li a { min-width: 120px; } } @media screen and (min-width:1024px) { .banNav ul.ul li { padding: 5px 18px; cursor: pointer; } .banNav.banNavContact ul.ul li { padding: 5px; } .banNav ul.ul li a { line-height: 40px; border-width: 3px; font-size: 20px; border-radius: 4px; } .banNav.banNavContact ul.ul li a { min-width: 200px; } } .BanSearch { background: #fff; position: relative; padding-right: 100px; max-width: 830px; border: 1px solid #aaa; margin: 22px auto 0;border-radius: 10px; overflow: hidden; } .BanSearch input { display: block; height: 40px; line-height: 40px; padding: 0 10px; width: 100%; } .BanSearch .btn { display: block; width: 100px; text-align: center; line-height: 40px; position: absolute; right: 0; top: 0; background: #9bc1ff; color: #fff; } @media screen and (min-width:1024px) { .BanSearch { margin-top: 35px; padding-right: 120px; } .BanSearch input { height: 55px; line-height: 55px; font-size: 16px; padding: 0 15px; } .BanSearch .btn { line-height: 55px; font-size: 16px; width: 120px; } } .BanSearchbox .BanSearch { margin-top: 0; } @media screen and (min-width:768px) { .banner.BanSearchbox .BanTxt .txt { padding-bottom: 7px; } } @media screen and (min-width:1024px) { .banner.BanSearchbox .BanTxt .txt { padding-bottom: 7px; } } /* ---- 产品列表.shtml ---- */ .ProductF1{padding-bottom: 0; padding-top: 0; position: relative;} .ProductF1 .list { } .ProductF1 .list ul { font-size: 0; } .ProductF1 .list li { font-size: 14px; display: inline-block; width: 100%; padding: 8px 15px; vertical-align: top; } .ProductF1 .list li{background:#f9fbff;} .ProductF1 .list li.odd{background:#ebf3ff;} .ProductF1 .list .divodd li{background:#ebf3ff;} .ProductF1 .list .divodd li.odd{background:#f9fbff;} @media screen and (min-width:768px) { .ProductF1 .list .divodd li.odd{background:#ebf3ff;} .ProductF1 .list .divodd li{background:#f9fbff;} } .ProductF1 .list .libox { display: block; padding: 15px; color: #333; text-align: center; } .ProductF1 .list .libox .img { padding: 15px 0; max-width: 340px;margin: 0 auto;} .ProductF1 .list .libox:hover .h3 { color: #328dff; } .ProductF1 .list .libox .h3 { font-size: 18px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .ProductF1 .list .libox .h4 { padding: 8px 0; font-size: 16px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ProductF1 .list .libox .more { color: #333; font-size: 16px; position: relative;left: 0;transition:.3s;} .ProductF1 .list .libox:hover .more{left: 5px;} @media screen and (min-width:768px) { .ProductF1 .list li { width: 50%; } } @media screen and (min-width:1024px) { .ProductF1{padding-top: 0px;} .ProductF1 .list .libox { padding: 45px; } .ProductF1 .list ul { margin: 0 -20px; } .ProductF1 .list li { padding: 20px; overflow: hidden; } .ProductF1 .list .libox .h4 { padding: 20px 0; } .ProductF1 .list .libox .txt { position: relative;} .ProductF1 .list .libox .more { font-size: 18px; } .ProductF1 .list .libox .more .iconfont { } .ProductF1 .list .libox .h3 { font-size: 28px; } .ProductF1 .list .libox .h4 { font-size: 20px; } /* .ProductF1 .list .diveven li.odd .libox{float: right; } .ProductF1 .list .divodd li.odd .libox{float: left; } .ProductF1 .list .divodd li.even .libox{float: right; } .ProductF1 .list .diveven li.even .libox{float: left; } */ } @media screen and (min-width:1600px) { .ProductF1 .list .libox .h3 { font-size: 36px; } .ProductF1 .list .libox{padding:70px;} } /* .ProductF2 { background: #eee; } */ .ProductF2 .list { padding-top: 20px; } .ProductF2 .list ul { font-size: 0; margin: 0 -8px; } .ProductF2 .list li { display: inline-block; font-size: 14px; width: 100%; padding: 8px; vertical-align: top; } .ProductF2 .list li .liwap { border-left: 1px solid #d6d6d6; padding-left: 15px; } .ProductF2 .list li .h3 { font-size: 16px; font-weight: normal; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; } .ProductF2 .list li a { color: #666; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;padding-bottom: 1px; border-bottom:1px solid transparent} .ProductF2 .list li a:hover { color: #328dff;border-bottom: 1px solid #328dff; } .ProductF2 .list li dd { padding-top: 5px; } /* .ProductF2 .list li.li .dl { font-size: 0; } */ /* .ProductF2 .list li.li dd { display: inline-block; min-width: 50%; font-size: 14px; vertical-align: top; } */ .ProductF2 .Plist { padding-top: 30px; } .ProductF2 .Plist ul { font-size: 0; margin: 0 -8px; } .ProductF2 .Plist li { display: inline-block; vertical-align: top; font-size: 14px; width: 100%; padding: 8px; } .ProductF2 .Plist li .more{display: inline-block; line-height:24px;} .ProductF2 .Plist .libox { display: block; padding: 15px; background: #f5f9ff; } .ProductF2 .Plist .h3 { font-size: 16px; font-weight: normal; color: #333; } .ProductF2 .Plist .imgbox .img { padding: 10px 0; max-width: 200px; } .ProductF2 .Plist .imgbox .img img { max-width: 100%; } .ProductF2 .Plist .LiRight .RF1 { font-size: 0; margin: 0 -3px; } .ProductF2 .Plist .LiRight .RF1 p{display: none;} .ProductF2 .Plist .LiRight .RF1 span { display: inline-block; vertical-align: top; font-size: 12px; color: #fff; padding: 3px; } .ProductF2 .Plist .LiRight .RF1 span .imgs {height: 26px; width: auto; } .ProductF2 .Plist .LiRight .RF2 { padding-top: 5px; } .ProductF2 .Plist .LiRight .RF2 .dl { font-size: 0; margin: 0 -3px; display: block; position: static;} .ProductF2 .Plist .LiRight .RF2 .dltxt{display: block;} .ProductF2 .Plist .LiRight .RF2 .dl p{display: none;} .ProductF2 .Plist .LiRight .RF2 dd { display: inline-block; padding: 3px; position: relative; font-size: 14px; } .ProductF2 .Plist .LiRight .RF2 dd img{filter: brightness(0);height: 26px;width: 26px;} .ProductF2 .Plist .LiRight .RF2 dd:hover{z-index: 4;} .ProductF2 .Plist .LiRight .RF2 dd:hover .dltxt { display: block; } .ProductF2 .Plist .LiRight .RF2 .dltxt { display: none; position: absolute; background: #fff; color: #333; font-size: 12px; border-radius: 3px; width: 70px; padding: 5px; text-align: center; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); left: 50%; margin-left: -35px; margin-top: 5px; } .ProductF2 .Plist .LiRight .RF2 .dltxt .i { display: block; width: 0; height: 0; border-bottom: 5px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent; position: absolute; left: 50%; top: -5px; margin-left: -5px; } .ProductF2 .Plist .liCon { margin-top: 10px; } .ProductF2 .Plist .liCon dd { color: #333; } /* .ProductF2 .Plist .liCon .dl { padding-bottom: 10px; } */ .ProductF2 .Plist .liCon .dl dd{ display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content:flex-start;} .ProductF2 .Plist .liCon .dl dd div:nth-child(1) {min-width: 50px;} .ProductF2 .Plist .liCon .dl .spantb { display: inline-block;white-space:nowrap; } .ProductF2 .Plist .liCon .dl .spantb.last em{display: none;} .ProductF2 .Plist .liCon .dl dd p{display: none;} .ProductF2 .Plist .liCon .more { color: #333; } .ProductF2 .Plist .liCon .more{position: relative;padding-right: 20px; } .ProductF2 .Plist .liCon .more .iconfont {position: absolute;right: 0;top: 0;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;} .ProductF2 .Plist .liCon .more:hover .iconfont {right: -10px;} .ProductF2 .Plist .liCon .more:hover{color: #328dff;} .ProductF2 .Plist .btnBottom { padding-top: 10px; } .ProductF2 .Plist .btnBottom .more{font-size:16px; position: relative; padding-right: 20px; display: inline-block; line-height: 28px;} .ProductF2 .Plist .btnBottom .more .iconfont{ position: absolute; right: 0px; top:0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;} .ProductF2 .Plist .btnBottom .more:hover .iconfont{right: -10px;} .ProductF2 .list li .iconbtn { display: none; } .ProductF2 .list li .h3on .iconbtn .iconfont:before { content: '\e616'; } .ProductF2 .list li a.liaon { color: #328dff; } .ProductF2 .list li dl{overflow: hidden;} .ProductF2 .list li dl .itemdiv{width: 50%;float: left;padding: 0 5px;} .ProductF2{position: relative; } .ProductF2 #sg{position: absolute; left: -100%; top:-56px; width: 1px;height: 1px;} @media screen and (min-width:1024px) { .ProductF2 #sg{top: -105px;} } @media screen and (min-width:640px) { .ProductF2 .list li { width: 50%; } .ProductF2 .Plist li { width: 50%; } .ProductF2 .list li .liwap .name span{display: none;} } @media screen and (min-width:768px) { .ProductF2 .list { padding-top: 30px; } .ProductF2 .list li { width: 33.33%; } .ProductF2 .Plist li { width: 33.33%; } .ProductF2 .Plist .imgbox > .img {position: relative;top: 0;transition: 0.3s; } .ProductF2 .Plist .imgbox:hover > .img {top: -5px;} } @media screen and (min-width:768px) { .ProductF2 .Plist ul .owl-nav{text-align: center;} .ProductF2 .Plist ul .owl-nav .spanbtn .iconfont{font-size: 30px;} } @media screen and (min-width:1024px) { .ProductF2 .list { padding-top: 60px; } .ProductF2 .list li { width: 20%; } .ProductF2 .list li .h3 { font-size: 22px; margin-bottom: 20px; } .ProductF2 .list li { font-size: 16px; } .ProductF2 .list li dd { padding-top: 9px; } .ProductF2 .list li.li dd { font-size: 16px; } .ProductF2 .list li .liwap { padding-left: 18px; } .ProductF2 .Plist .libox { padding: 25px; } .ProductF2 .Plist .btnBottom { padding-top: 40px; } .ProductF2 .Plist .h3 { font-size: 24px; } .ProductF2 .Plist .liCon { font-size: 16px; } .ProductF2 .Plist { padding-top: 60px; } .ProductF2 .Plist .LiRight .RF2 { padding-top: 10px; } .ProductF2 .Plist .liCon dd{margin-top:10px;} .ProductF2 .Plist .liCon dd:nth-child(1){margin-top:0;} .ProductF2 .Plist li .liCon dd{padding-top:0;} .ProductF2 .Plist .btnBottom .more{font-size:20px;} } @media screen and (min-width:1260px) { .ProductF2 .Plist .h3 { margin-bottom: 25px; } .ProductF2 .Plist .imgbox { font-size: 0; } .ProductF2 .Plist .imgbox > .img { display: inline-block; vertical-align: middle; width: 38.1%;margin-right: 10px; padding: 0;} .ProductF2 .Plist .imgbox .LiRight { display: inline-block; vertical-align: middle; width: calc(61.9% - 10px) } .ProductF2 .Plist ul { margin: 0 -12.5px; } .ProductF2 .Plist li { padding: 12.5px; } .ProductF2 .Plist .liCon { margin-top: 25px; padding-right: 85px; position: relative; } .ProductF2 .Plist .liCon .more { position: absolute; right: 0; bottom: 0;} } @media screen and (max-width:640px) { .HomeBan .List .BanItemBox a { left: 0%; } .ProductF2 .list li { width: 100%; } .ProductF2 .list li .liwap { padding-left: 0; border: 1px solid #ddd; border-radius: 3px; background: #fff; position: relative; } .ProductF2 .list li .liwap .h3 { padding: 10px 40px 10px 14px; margin-bottom: 0; position: relative; } .ProductF2 .list li .dl { display: none; /* position: absolute; width: 100%; left: 0; top: 100%; background: #fff; z-index: 88; border: 1px solid #ddd; */ } .ProductF2.ProductF4Info .list li .dl { display: block; position: static;} .ProductF2 .list li .iconbtn { display: block; position: absolute; right: 0; top: 0; width: 40px; text-align: center; height: 100%; line-height: 42px; } .ProductF2 .list li dd a { display: block; padding: 4px 10px; } .ProductF2 .list li.li dd { width: 100%; } .ProductF2 .list li .h3 .name { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .ProductF3{background:url('../images/usbg01.jpg') no-repeat center; background-size: cover; color: #fff;} .ProductF3 .MainFtitle{color: #fff;} .ProductF3 .Contxt { text-align: center; padding: 20px 0; } /* .ProductF3 .btnBottommore.fan .btnA:hover{background: #fff; color: #328dff;} */ @media screen and (min-width:768px) { .ProductF3 .Contxt { padding: 30px 0; font-size: 16px; } } @media screen and (min-width:1024px) { .ProductF3{padding: 95px 0;} .ProductF3 .Contxt { padding: 35px 0; font-size: 20px; } } .ProductF4 { background: #ebf3ff; } .ProductF4 .list,.ProductF4 .Plist { padding: 0 30px; margin-top: 15px; position: relative; } .ProductF4 .owl-carousel .owl-nav button{color: #818285;} .ProductF4 .owl-carousel .owl-nav button.owl-prev { position: absolute; left: -40px; top: 50%; margin-top: -15px; width: 30px; height: 30px; display: block; } .ProductF4 .owl-carousel .owl-nav button.owl-prev .iconfont { font-size: 18px; } .ProductF4 .owl-carousel .owl-nav button.owl-next { position: absolute; right: -40px; top: 50%; margin-top: -15px; width: 30px; height: 30px; display: block; } .ProductF4 .owl-carousel .owl-nav button.owl-next .iconfont { font-size: 18px; } @media screen and (max-width:640px) { .ProductF4Info .Plist ul{margin:0;} .ProductF4Info .Plist{padding: 0 15px;} .ProductF4 .owl-carousel .owl-nav button.owl-prev { left: -30px;} .ProductF4 .owl-carousel .owl-nav button.owl-next { right: -30px;} } .ProductF4 li { position: relative; } .ProductF4 li .litxt { position: absolute; left: 0; bottom: 0; padding: 10px 30px 10px 10px; width: 100%; color: #fff; } .ProductF4 li .h3 { font-weight: normal; font-size: 16px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ProductF4 li .iconbox { position: absolute; right: 0; top: 0; padding-right: 10px; line-height: 48px; } .ProductF4 li .img { overflow: hidden; position: relative; height: 0; padding-top: 72.68%;} .ProductF4 li .img img {position: absolute; left: 0; top: 0; width: 100%; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .ProductF4 .list li:hover .img img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } /* .ProductF4 li .img a{display: block;position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } */ .ProductF4Info.ProductF4 li .img{padding-top: 0;height: auto;} .ProductF4Info.ProductF4 li .img img {position: static;} .ProductF4 li.li1 .litxt { background: rgba(85, 197, 207, 0.9); } .ProductF4 li.li2 .litxt { background: rgba(246, 130, 32, 0.9); } .ProductF4 li.li3 .litxt { background: rgba(103, 44, 126, 0.9); } .ProductF4 li.li4 .litxt { background: rgba(0, 130, 199, 0.9); } @media screen and (min-width:768px) { .ProductF4 .list,.ProductF4 .Plist { margin-top: 35px; } } @media screen and (min-width:1024px) { .ProductF4 .list,.ProductF4 .Plist { margin-top: 40px; } .ProductF4 .owl-carousel .owl-nav button.owl-prev { width: 50px; height: 50px; margin-top: -25px; left: -60px; } .ProductF4 .owl-carousel .owl-nav button.owl-prev .iconfont {right: 0; font-size: 30px; position: relative; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .ProductF4 .owl-carousel .owl-nav button.owl-next { width: 50px; height: 50px; margin-top: -25px; right: -60px; } .ProductF4 .owl-carousel .owl-nav button.owl-next .iconfont { left:0;font-size: 30px; position: relative; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .ProductF4 .owl-carousel .owl-nav button.owl-next:hover .iconfont{ left: 10px; } .ProductF4 .owl-carousel .owl-nav button.owl-prev:hover .iconfont{right: 10px;} .ProductF4 li .litxt { padding: 0px 45px 0px 20px; line-height: 55px; } .ProductF4 li .h3 { font-size: 18px; line-height:55px;} .ProductF4 li .iconbox { line-height: 55px; padding-right: 20px; } .ProductF4 li .iconbox .iconfont { font-size: 20px; } } @media screen and (min-width:1300px) { .ProductF4 .owl-carousel .owl-nav button.owl-prev { width: 50px; height: 60px; line-height: 60px; margin-top: -30px; left: -60px; } .ProductF4 .owl-carousel .owl-nav button.owl-prev .iconfont { font-size: 40px; } .ProductF4 .owl-carousel .owl-nav button.owl-next { width: 50px; height: 60px; line-height: 60px; margin-top: -30px; right: -60px; } .ProductF4 .owl-carousel .owl-nav button.owl-next .iconfont { font-size: 40px; } } @media screen and (min-width:1600px) { .ProductF4 .list,.ProductF4 .Plist { padding: 0; } .ProductF4 .owl-carousel .owl-nav button.owl-prev { left: -60px; } .ProductF4 .owl-carousel .owl-nav button.owl-prev .iconfont { font-size: 50px; } .ProductF4 .owl-carousel .owl-nav button.owl-next { right: -60px; } .ProductF4 .owl-carousel .owl-nav button.owl-next .iconfont { font-size: 50px; } } /* ---- 产品列表.shtml ---- */ .bodyCur .headerBox { box-shadow: none; border-bottom: 1px solid #ddd; position: fixed; } .bannerCurBox { position: relative; transition: .3s;} .CurBox { padding: 10px 0 0; color: #999; z-index: 9; text-align: center; } .CurBox b { font-weight: normal; } .CurBox a { color: #999; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .CurBox a:hover { color: #328dff; } @media screen and (min-width:1024px) { .CurBox { display: block; width: 100%; padding: 10px 0; left: 0; top: 0;} .bannerCurBox .CurBox, .bannerCurBox .CurBox a { color: #999; } } .Cbanner { color: #666; } .Cbanner .title .h3 { text-align: center; color: #333; font-size: 20px; font-weight: normal; } .Cbanner .imgbox { text-align: center; padding: 30px 0 0; } .Cbanner .imgbox img { max-width: 100%; } .Cbanner .imgbox .pc { display: none; } .Cbanner .CbanTxtBox { text-align: center; } .Cbanner .txt { max-width: 540px; margin: 0 auto; } .Cbanner .txtBottom { border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 20px; } .Cbanner .txtb { max-width: 1100px; margin: 0 auto; } @media screen and (min-width:768px) { .Cbanner { font-size: 16px; line-height: 28px; } .Cbanner .title .h3 { font-size: 24px; } .Cbanner .imgbox .pc { display: block; } .Cbanner .imgbox .wap { display: none; } } @media screen and (max-width:768px) { .Cbanner.MainF{padding-bottom: 25px;} .Cbanner .imgbox{padding: 15px 0 0;} } @media screen and (min-width:1024px) { .Cbanner {padding-top: 38px; font-size: 20px; line-height: 36px; } .Cbanner .title .h3 { font-size: 30px; } .Cbanner .imgbox { padding: 60px 0 0; } .Cbanner .txtBottom { padding-bottom: 50px; margin-bottom: 50px; } } @media screen and (min-width:1600px) { .Cbanner .title .h3 { font-size: 40px; } } .ProductCate .MainF{padding: 60px 0;} .ProductCateF1 { background: #ebf3ff; } .ProductCateF1 .left { text-align: center;width: 80%; margin: 0 auto; } .ProductCateF1 .left img { border-radius: 10px; overflow: hidden; } .ProductCateF1 .lpc { display: none; } .ProductCateF1 .right { padding-bottom: 15px; color: #666; } .ProductCateF1 .right .more{display: inline-block;margin-top: 50px;font-size: 18px;} .ProductCateF1 .right .more span{position: relative; left: 0; transition: .3s;} .ProductCateF1 .right .more:hover span{left: 5px;} .ProductCateF1 .right .h3 { font-size: 18px; font-weight: normal; color: #333; } .ProductCateF1 .right .txt { padding-top: 10px; } @media screen and (min-width:768px) { .ProductCateF1 .tb { display: table; } .ProductCateF1 .left { display: table-cell; width: 30%; vertical-align: middle; } .ProductCateF1 .lwap { display: none; } .ProductCateF1 .right { display: table-cell; vertical-align: middle; padding-left: 30px; } .ProductCateF1 .right .h3 { font-size: 24px; } .ProductCateF1 .right .h3 a:hover{border-bottom: 1px solid #328dff;} } @media (max-width:768px) { .ProductCate .MainF{padding: 30px 0 0 0;} .ProductCate .MainF:last-child{padding-bottom: 30px;} } @media screen and (min-width:1024px) { .ProductCateF1 .left { width: 34%; } .ProductCateF1 .right { padding-left: 80px; font-size: 16px; line-height: 36px; } .ProductCateF1 .right .h3 { font-size: 30px; } } @media screen and (min-width:1360px) { .ProductCateF1 .right .txt { padding-top: 40px; } } @media screen and (min-width:1600px) { .ProductCateF1 .right .h3 { font-size: 40px; } .ProductCateF1 .right { padding-left: 120px; } } .ProductCateF2Box{padding: 35px 0;} @media (min-width:1024px) { .ProductCateF2Box{padding: 65px 0;} /* .ProductCateF2Box{padding: 45px 0;} */ } .ProductCate .ProductCateF2 { padding:15px 0; } .ProductCateF2 .h3 { font-size: 16px; font-weight: normal; color: #333; } .ProductCateF2 .Table { margin-top: 15px;position: relative; overflow: hidden;} .ProductCateF2 .Table p{display: none;} .ProductCateF2 .Table .Tableleft{width:40%;float: left;} .ProductCateF2 .TableRight{width: 60%;margin-left: -1px;float: left;overflow: hidden;} .ProductCateF2 .TableRight .tablescoll{width: 760px; } .ProductCateF2 .Table table { width: 100%; } .ProductCateF2 .Table table, .ProductCateF2 .Table table td, .ProductCateF2 .Table table th { border-collapse: collapse; border: 1px solid #e5e5e5; text-align: center; } .ProductCateF2 .Table table th { background: #9bc1ff; color: #fff; font-weight: normal; font-size: 16px; } .ProductCateF2 .Table table td, .ProductCateF2 .Table table th { padding: 8px 10px;} /* .ProductCateF2 .Table table .td1{width: 89px;} */ /* .ProductCateF2 .Table table td.td2{ word-break: break-all;} */ .ProductCateF2 .mCSB_horizontal.mCSB_inside > .mCSB_container{margin-bottom: 0;} .ProductCateF2 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background:#328dff; height: 10px; border-radius: 0;} .ProductCateF2 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{height: 10px;background:#9bc1ff; border-radius: 0;} .ProductCateF2 .Table .td2,.ProductCateF2 .Table .td3,.ProductCateF2 .Table .td4,.ProductCateF2 .Table .td5{width: 25%} .ProductCateF2 .Table .td5 { min-width: 115px; } .ProductCateF2 .Table .td5 a { color: #333; } .ProductCateF2 .Table .td5 a span{position: relative;left: 0;transition:.3s;} .ProductCateF2 .Table .td5 a:hover{color: #328dff;} .ProductCateF2 .Table .td5 a:hover span{left: 5px;} @media screen and (min-width:768px) { .ProductCateF2 .Table table .td1{white-space:nowrap;width: auto;} .ProductCateF2 .h3 { font-size: 22px; } .ProductCateF2 .Table .Tableleft{width:30%;} .ProductCateF2 .TableRight{width: 70%;} .ProductCateF2 .TableRight .tablescoll{width: 100%;} } @media screen and (min-width:1024px) { .ProductCateF2 .Table .Tableleft{width:20%;} .ProductCateF2 .TableRight{width: 80%;} .ProductCateF2 .h3 { font-size: 28px; } .ProductCateF2 .Table .td1 { width: 100%; } .ProductCateF2 .Table .td2 { width: 28%; } .ProductCateF2 .Table .td3 { width: 28%; } .ProductCateF2 .Table .td4 { width: 28%; } .ProductCateF2 .Table .td5 { width: 16%; } .ProductCateF2 .Table table { font-size: 16px; } .ProductCateF2 .Table table th { font-size: 20px; } .ProductCateF2 .Table table td, .ProductCateF2 .Table table th { padding: 15px 10px; } } .ProBanInfoBan .left { text-align: center; } .ProBanInfoBan .left .down{display: inline-block; color: #fff;position: relative;transition: 0.3s;top: 0;line-height: 35px; margin-top: 20px; padding:0 30px; background:#6191e3; border-radius: 15px; font-size:14px;} .ProBanInfoBan .left .down:hover{top: -5px;} .ProBanInfoBan .right { color: #333; } .ProBanInfoBan .right .h3 { font-size: 18px; color: #333; font-weight: normal; padding: 20px 0; } .ProBanInfoBan .right .TxtBox { padding-top: 20px; } .ProBanInfoBan .right .TxtBox .Txt p{margin: 0;} .ProBanInfoBan .LiRight { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 15px 0; } .ProBanInfoBan .LiRight .RF1 { font-size: 0; margin: 0 -3px; } .ProBanInfoBan .LiRight .RF1 span { display: inline-block; vertical-align: top; font-size: 14px; color: #fff; padding: 3px; } .ProBanInfoBan .LiRight .RF1 span img{height: 26px;} .ProBanInfoBan .LiRight .RF2 { padding-top: 5px; } .ProBanInfoBan .LiRight .RF2 .dl { font-size: 0; margin: 0 -3px; } .ProBanInfoBan .LiRight .RF2 dd { display: inline-block; padding: 3px; position: relative; font-size: 14px; } .ProBanInfoBan .LiRight .RF2 dd:hover .dltxt { display: block; } .ProBanInfoBan .LiRight .RF2 dd img{width: 26px;} .ProBanInfoBan .LiRight .RF2 .dltxt { display: none; position: absolute; background: #fff; color: #333; font-size: 12px; line-height: 20px; border-radius: 3px; width: 70px; padding: 5px; text-align: center; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); left: 50%; margin-left: -35px; margin-top: 5px; } .ProBanInfoBan .LiRight .RF2 .dltxt .i { display: block; width: 0; height: 0; border-bottom: 5px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent; position: absolute; left: 50%; top: -5px; margin-left: -5px; } @media screen and (min-width:768px) { .ProBanInfoBan .tb { display: table; width: 100%;overflow: hidden; } .ProBanInfoBan .tb .left { /* display: table-cell; */ width: 400px; vertical-align: top;float: left;} .ProBanInfoBan .tb .right { /* display: table-cell; */ padding-left: 20px; float: left;width: 60%;} .ProBanInfoBan .tb .right .h3 { padding-top: 0; font-size: 22px; } } @media screen and (min-width:1024px) { .ProBanInfoBan{padding-top: 38px;} .ProBanInfoBan .tb .right { padding-left: 80px; font-size: 18px; line-height: 36px; } .ProBanInfoBan .tb .right .h3 { font-size: 30px; padding-bottom: 30px; } .ProBanInfoBan .tb .right .LiRight { padding: 28px 0; } .ProBanInfoBan .left .down{font-size:18px; margin-top: 60px; line-height:55px;} } @media screen and (min-width:1600px) { .ProBanInfoBan .tb .right .h3 { font-size: 40px; } } .ProductInfoF1 { background: #ebf3ff; } .ProductInfoF1 .TableBox { padding-top: 0; } .ProductInfoF1 .TableBox.TableBoxHide { overflow: hidden; } .ProductInfoF1 .TableBox .Table { margin-top: 20px; overflow-x: auto; } /* .ProductInfoF1 .TableBox .Table .TableWap { min-width: 700px; } */ .ProductInfoF1 .TableBox .Table .title { width: 100%; margin-bottom: 15px; } .ProductInfoF1 .TableBox .Table .title .titleh3 { background: #dfdfdf; } .ProductInfoF1 .TableBox .Table .title .h3 { position: relative; padding: 4px; padding-left: 15px; font-weight: normal; color: #fff; background: #9bc1ff; } .ProductInfoF1 .TableBox .Table .title .h3 .i { display: none; width: 3px; height: 100%; position: absolute; left: 0; top: 0; } .ProductInfoF1 .TableBox .Table.Table1 .title .h3 .i { background: #328dff; } .ProductInfoF1 .TableBox .Table.Table2 .title .h3 .i { background: #faaa10; } .ProductInfoF1 .TableBox .Table.Table3 .title .h3 .i { background: #7d3c9b; } .ProductInfoF1 .TableBox .Table.Table4 .title .h3 .i { background: #ff8f2c; } .ProductInfoF1 .TableBox .Table table { width: 100%; border-collapse: collapse; } .ProductInfoF1 .TableBox .Table table td { padding: 8px 10px; padding-left: 0;/* border-bottom: 1px solid #ddd; */ vertical-align: top;/* word-wrap:break-word;word-break:break-all */ } .ProductInfoF1 .TableBox .Table table td.td1 { width: 180px; color: #55c5cf; text-align: right; border-bottom: none; } .ProductInfoF1 .TableBox .Table table td.td2 p{ border-bottom: 1px solid #ddd;margin: 0;line-height: 2;font-size: 18px;} .ProductInfoF1 .TableBox .Table table td.td3 { width: 140px; } .ProductInfoF1 .TableBox .Table table td.td4 { padding-left: 10px; } .ProductInfoF1 .TableBox .Table table td table td {} .ProductInfoF1 .TableBox .TableBoxbottom{padding-left: 180px;} .ProductInfoF1 .TableBox .TableBoxbottom .tip{border-top: 1px solid #ddd;padding-top: 16px;} /* .ProductInfoF1 .TableBox .Table table td table td.td4 { border-left: 1px solid #ddd; } */ .ProductInfoF1 .TableBox .Table table td table .last td { border-bottom: none; } .ProductInfoF1 .TableBox .Table table .last>td { border-bottom: none; } .ProductInfoF1 .TableBox .Table table .td2Body { padding: 0; } .ProductInfoF1 .Tabmore { padding-top: 15px; } .ProductInfoF1 .Tabmore .iconfontbox { display: block;position: relative;top: 0;transition: 0.3s; width: 40px; height: 40px; text-align: center; line-height: 40px; margin: 0 auto; background: #6191e3; color: #fff; border-radius: 100%; } .ProductInfoF1 .Tabmore .iconfontbox .iconfont { font-size: 20px; } .ProductInfoF1 .Tabmore .iconfontbox:hover{top: -5px;} @media screen and (min-width:768px) { .ProductInfoF1 .TableBox .Table .title { width: 40%; } .ProductInfoF1 .TableBox .Table .title .h3 { padding: 4px 8px; padding-right: 15px; text-align: right; } .ProductInfoF1 .TableBox .Table .title .h3 .i { left: auto; right: 0; } .ProductInfoF1 .TableBox .Table table td.td1 { width: 40%; } .ProductInfoF1 .TableBox { padding-top: 15px; } .ProductInfoF1 .TableBox .TableBoxbottom{padding-left: 40%;} } @media screen and (min-width:1024px) { .ProductInfoF1 .TableBox { padding-top: 10px; } .ProductInfoF1 .TableBox .Table{overflow: inherit;} .ProductInfoF1 .TableBox .Table table td { padding: 13px 18px; } .ProductInfoF1 .TableBox .Table table td.td4 { padding-left: 35px; } .ProductInfoF1 .TableBox .Table .title { width: 50%; padding-right: 20px; } .ProductInfoF1 .TableBox .Table .title .h3 { font-size: 18px; padding-right: 18px; } .ProductInfoF1 .TableBox .Table { font-size: 18px; } .ProductInfoF1 .TableBox .Table table td.td1 { width: 50%; font-size: 18px; padding-right: 40px; } .ProductInfoF1 .TableBox .Table table td.td3 { width: 180px; padding-left: 0; } .ProductInfoF1 .Tabmore { padding-top: 35px; } .ProductInfoF1 .TableBox .TableBoxbottom{padding-left: 50%; font-size:18px;} .ProductInfoF1 .TableBox .TableBoxbottom .tip{padding-top:26px;} } @media (max-width:768px) { /* .ProductInfoF1 .TableBox .Table table td.td1{width: 0;padding: 0;} */ .ProductInfoF1 .TableBox .Table table td.td2{padding-left: 15px;} .ProductInfoF1 .TableBox .Table table td.td2 p{font-size: 16px;} .ProductInfoF1 .TableBox .Table .TableWap{} .ProductInfoF1 .TableBox .Table table tr, .ProductInfoF1 .TableBox .Table table td{display: block;} .ProductInfoF1 .TableBox .Table table td.td1{text-align: left;width: 100%;padding: 6px 15px;} .ProductInfoF1 .TableBox .TableBoxbottom{padding-left: 0;} } /* .ProductInfoF1 .TableBox .Table{overflow: hidden;} .ProductInfoF1 .TableBox .Table .TableWap{position: relative; padding-left: 180px;} .ProductInfoF1 .TableBox .Table .TableWap .TableLeft{position: absolute; left: 0; top: 0; width: 180px; } .ProductInfoF1 .TableBox .Table .TableWap .TableRight{width: 100%; vertical-align: top; overflow: hidden;} .ProductInfoF1 .TableBox .Table .TableWap .TableRight .tablescoll{ width: 100%; overflow: hidden; } .ProductInfoF1 .TableBox .Table .TableWap .TableRight .tablescoll table{ min-width: 580px; } .ProductInfoF1 .mCSB_horizontal.mCSB_inside > .mCSB_container{margin-bottom: 0;} .ProductInfoF1 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background:#328dff; height: 10px; border-radius: 0;} .ProductInfoF1 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{height: 10px;background:#9bc1ff; border-radius: 0;} @media screen and (min-width:768px) { .ProductInfoF1 .TableBox .Table .TableWap{position: relative; padding-left:50%;} .ProductInfoF1 .TableBox .Table .TableWap .TableLeft{position: absolute; left: 0; top: 0; width: 50%; } } @media screen and (min-width:1200px) { .ProductInfoF1 .TableBox{padding-left: 116px; padding-right: 116px;} } */ /* .ProductInfoF2 { background: url('../images/proinfobg01.jpg') no-repeat center; background-size: cover; } */ .ProductInfoF2 { background:#fff; } /* .ProductInfoF2 .MainFtitle .h3 { color: #fff; } */ /* .ProductInfoF2 .MainFtitle .h3 .i { background: #fff; } */ .ProductInfoF2 .list { padding-top: 30px; } .ProductInfoF2 .list ul { font-size: 0; margin: 0 -8px; } .ProductInfoF2 .list li { display: inline-block; vertical-align: top; font-size: 14px; width: 100%; padding: 8px; } .ProductInfoF2 .list .libox { display: block; padding: 15px; background: #f5f9ff; } .ProductInfoF2 .list .h3 { font-size: 16px; font-weight: normal; color: #333; } .ProductInfoF2 .list .imgbox .img { padding: 10px 0; max-width: 200px; } .ProductInfoF2 .list .imgbox .img img { max-width: 100%; } .ProductInfoF2 .list .LiRight .RF1 { font-size: 0; margin: 0 -3px; } .ProductInfoF2 .list .LiRight .RF1 span { display: inline-block; vertical-align: top; font-size: 14px; color: #fff; padding: 3px; } .ProductInfoF2 .list .LiRight .RF1 span .i { font-style: normal; display: block; padding: 5px 6px; } .ProductInfoF2 .list .LiRight .RF1 span.span1 .i { background: #328dff; } .ProductInfoF2 .list .LiRight .RF1 span.span2 .i { background: #55c5cf; } .ProductInfoF2 .list .LiRight .RF1 span.span3 .i { background: #672c7e; } .ProductInfoF2 .list .LiRight .RF1 span.span4 .i { background: #f68220; } .ProductInfoF2 .list .LiRight .RF1 span.span5 .i { background: #1367d7; } .ProductInfoF2 .list .LiRight .RF1 span.span6 .i { background: #6191e3; } .ProductInfoF2 .list .LiRight .RF2 { padding-top: 5px; } .ProductInfoF2 .list .LiRight .RF2 .dl { font-size: 0; margin: 0 -3px; } .ProductInfoF2 .list .LiRight .RF2 dd { display: inline-block; padding: 3px; position: relative; font-size: 14px; } .ProductInfoF2 .list .LiRight .RF2 dd:hover .dltxt { display: block; } .ProductInfoF2 .list .LiRight .RF2 .dltxt { display: none; position: absolute; background: #fff; color: #333; font-size: 12px; border-radius: 3px; width: 70px; padding: 5px; text-align: center; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); left: 50%; margin-left: -35px; margin-top: 5px; } .ProductInfoF2 .list .LiRight .RF2 .dltxt .i { display: block; width: 0; height: 0; border-bottom: 5px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent; position: absolute; left: 50%; top: -5px; margin-left: -5px; } .ProductInfoF2 .list .liCon { margin-top: 10px; } .ProductInfoF2 .list .liCon dd { color: #333; } .ProductInfoF2 .list .liCon .dl { padding-bottom: 10px; } .ProductInfoF2 .list .liCon .more { color: #328dff; } .ProductInfoF2 .list .btnBottom { padding-top: 10px; } @media screen and (min-width:640px) { .ProductInfoF2 .list li { width: 50%; } } @media screen and (min-width:768px) { .ProductInfoF2 .list li { width: 33.33%; } } @media screen and (min-width:1024px) { .ProductInfoF2 .list .libox { padding: 35px; } .ProductInfoF2 .list .btnBottom { padding-top: 40px; } .ProductInfoF2 .list .h3 { font-size: 24px; } .ProductInfoF2 .list .liCon { font-size: 16px; } .ProductInfoF2 .list { padding-top: 35px; } .ProductInfoF2 .list .LiRight .RF2 { padding-top: 10px; } } @media screen and (min-width:1260px) { .ProductInfoF2 .list .h3 { margin-bottom: 25px; } .ProductInfoF2 .list .imgbox { font-size: 0; } .ProductInfoF2 .list .imgbox .img { display: inline-block; vertical-align: middle; width: 42.1%; padding: 0; } .ProductInfoF2 .list .imgbox .LiRight { display: inline-block; vertical-align: middle; width: 57.9%; } .ProductInfoF2 .list ul { margin: 0 -12.5px; } .ProductInfoF2 .list li { padding: 12.5px; } .ProductInfoF2 .list .liCon { margin-top: 30px; padding-right: 120px; position: relative; } .ProductInfoF2 .list .liCon .more { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } } .usBottom { border-bottom: 1px solid #e5e5e5; } .ApplyBox .ApplyBoxF .MainFtitle { padding: 25px 0; } .ApplyBox .ApplyBoxF li { color: #fff; margin-top: 20px; position: relative;} .ApplyBox .ApplyBoxF li .libg{background: no-repeat center; background-size: cover; position: absolute; left: 0; top:0; width:100%;height: 100%;} .ApplyBox .ApplyBoxF li .libg1{display: none;} .ApplyBox .ApplyBoxF li .libg2{} .ApplyBox .ApplyBoxF li .i{position: absolute;top: -100px;left: 0;} .ApplyBox .ApplyBoxF li.li_0,.ApplyBox .ApplyBoxF li.first,.ApplyBox .ApplyBoxF li:first-child { margin-top: 0; } .ApplyBox .ApplyBoxF .tbConBox { padding: 20px 0 0; } .ApplyBox .ApplyBoxF .btnBottom { text-align: left; } .ApplyBox .ApplyBoxF .liL { padding: 20px; background: no-repeat center; background-size: 100% 100%;position: relative; } .ApplyBox .ApplyBoxF .liL .h3 { font-weight: normal; font-size: 25px; } .ApplyBox .ApplyBoxF .liL .titxt { padding-top: 10px; } .ApplyBox .ApplyBoxF .liL .i { display: block; width: 30px; height: 2px; /*background: #fff;*/ margin: 8px 0; } .ApplyBox .ApplyBoxF .liL .tbox { padding: 20px 0; } .ApplyBox .ApplyBoxF .li1 .liL { background-image: url('../images/libg01.png'); } .ApplyBox .ApplyBoxF .li2 .liL { background-image: url('../images/libg02.png'); } .ApplyBox .ApplyBoxF .li3 .liL { background-image: url('../images/libg03.png'); } .ApplyBox .ApplyBoxF .li4 .liL { background-image: url('../images/libg04.png'); } .ApplyBox .ApplyBoxF .RboxCon { padding-bottom: 20px; } .ApplyBox .ApplyBoxF .RboxCon .dl .at { text-align: center; } .ApplyBox .ApplyBoxF .RboxCon .dda { color: #fff; display: block; } .ApplyBox .ApplyBoxF .RboxCon .img { width: 50px; margin: 0 auto 5px; } .ApplyBox .ApplyBoxF .RboxCon .img img { width: 100%; } .ApplyBox .ApplyBoxF .RboxCon .owl-carousel .owl-dots{text-align: center;} .ApplyBox .ApplyBoxF .RboxCon .owl-carousel .owl-dot { margin: 0 3px; display: inline-block; width: 8px; height: 8px; border: 1px solid #fff; border-radius: 100%;} .ApplyBox .ApplyBoxF .RboxCon .owl-carousel .owl-dot.active { background: #fff;} .ApplyBox .ApplyBoxF .liR { padding: 20px 0; display: none;} .ApplyBox .ApplyBoxF .liR .dl { font-size: 0; text-align: center; margin: 0 -5px; display: flex; width: 100%; flex-wrap: wrap-reverse; } @media screen and (max-width:768px) { .ApplyBox .ApplyBoxF .RboxCon .owl-carousel .owl-dots{padding-top: 15px;} .ApplyBox .ApplyBoxF .RboxCon { padding-bottom: 0px; } } .ApplyBox .ApplyBoxF .liR .dl dd {position: relative; display: inline-block; width: 100%; padding: 5px; font-size: 14px; } /* .ApplyBox .ApplyBoxF .liR .dl .at { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } */ .ApplyBox .ApplyBoxF .liR .dda { color: #fff; display: block;position: absolute;left: 50%;transform: translateX(-50%);top: 0;width: 90%;height: 80%;z-index: 2; } .ApplyBox .ApplyBoxF .liL .dda { color: #fff; display: block;position: absolute;left: 50%;transform: translateX(-50%);top: 0;width: 90%;height: 80%;z-index: 2; } .ApplyBox .ApplyBoxF .liR .dl .img img{ transition: all 0.5s; } .ApplyBox .ApplyBoxF .liR .dl dd:hover .img img{ transform: scale(1.1); transition: all 0.3s; } /* .ApplyBox .ApplyBoxF .liR .dda */ .ApplyBox .ApplyBoxF .liR .dda .img { width: 50px; margin: 0 auto 5px; transition: all 0.3s; } .ApplyBox .ApplyBoxF .liR .dda .img img { width: 100%; } .ApplyBox .ApplyBoxF .w1440{padding:0; position: relative; z-index: 3;} @media screen and (min-width:768px) { .ApplyBox .ApplyBoxF .MainFtitle { padding: 40px 0; } .ApplyBox .ApplyBoxF li .libg1{display: block;} .ApplyBox .ApplyBoxF li .libg2{display: none;} } @media screen and (max-width:768px) { .ApplyBox .ApplyBoxF .libox{margin-bottom: 20px;} } .ApplyBox .ApplyBoxF li .liLhoverbg{position: absolute; left: 0; bottom:0; background: #eee; width: 100%; height: 0; z-index: 1; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;} .ApplyBox .ApplyBoxF li .tb{position: relative; z-index: 4;} @media screen and (min-width:1024px) { .ApplyBox .ApplyBoxF{padding-bottom: 50px;} .ApplyBox .ApplyBoxF .w1440{padding:0 40px;} .ApplyBox .ApplyBoxF .MainFtitle { padding: 65px 0; } .ApplyBox .ApplyBoxF li { position: relative; margin-top: 40px;min-height: 600px;} .ApplyBox .ApplyBoxF li .tb { display: table; height: 100%; width: 100%; vertical-align: middle; } .ApplyBox .ApplyBoxF li .tbc { display: table-cell; height: 100%; width: 100%; vertical-align: middle; } .ApplyBox .ApplyBoxF li .libox { height: 600px; position: relative; } .ApplyBox .ApplyBoxF .bg { left: 0; top: 0; position: absolute; width: 100%; height: 100%; background: url('../images/limask03.png') repeat-x 0 bottom; } .ApplyBox .ApplyBoxF .liL { width: 31.25%; position: absolute; left: 0; top: 0; height: 100%; z-index: 5; } .ApplyBox .ApplyBoxF .RboxCon { display: none; } .ApplyBox .ApplyBoxF .liR { display: block; position: absolute; z-index: 4; left: 0; bottom: 0; width: 100%; padding-left: 31.25%; } .ApplyBox .ApplyBoxF .liR .dl { text-align: left; margin: 0; padding-left: 20px; } .ApplyBox .ApplyBoxF .liR .dl .img { width: 60px; margin: 0 auto; } .ApplyBox .ApplyBoxF .liR .dl dd { width: 136px; padding: 20px; text-align: center; } .ApplyBox .ApplyBoxF .liL { padding: 0 30px; } .ApplyBox .ApplyBoxF .liL .h3 { font-size: 28px; } .ApplyBox .ApplyBoxF .liL .titxt { font-size: 18px; } .ApplyBox .ApplyBoxF .liL .tbox { font-size: 16px; padding: 100px 0 40px; line-height: 32px; } .ApplyBox .ApplyBoxF .liL .i { width: 60px; height: 3px; margin-top: 25px; } .ApplyBox .ApplyBoxF .liL .btnBottom .btnA { width: 150px; height: 45px; line-height: 45px; } .ApplyBox .ApplyBoxF li .liL { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } /* .ApplyBox .ApplyBoxF li:hover .liL { color: #333; } */ .ApplyBox .ApplyBoxF li:hover .liLhoverbg{height: 100%;} .ApplyBox .ApplyBoxF li:hover .liL .i {/* background: #328dff;*/ } /* .ApplyBox .ApplyBoxF .liR .item:hover{color:#328dff;} */ /* .ApplyBox .ApplyBoxF .liR .item:hover .dda{color:#328dff;} */ .ApplyBox .ApplyBoxF li:hover .btnBottom .btnA .ibg { background: #328dff; opacity: 1; filter: alpha(opacity=100); } .ApplyBox .ApplyBoxF li:hover .btnBottom .btnA.btnA2.btnAUp .ibg { background: #328dff; opacity: 1; filter: alpha(opacity=100); } .ApplyBox .ApplyBoxF li:hover .btnBottom .btnA.btnA2.btnAUp .ibg:before,.ApplyBox .ApplyBoxF li:hover .btnBottom .btnA.btnA2.btnAUp .ibg:after{display: none;} .ApplyBox .ApplyBoxF li:hover .btnBottom .btnA.btnA2.btnAUp .bor{border-color: #328dff;} .ApplyBox .ApplyBoxF li:hover .btnBottom .btnA.btnA2.btnAUp{color: #fff;} .ApplyBox .ApplyBoxF li:hover .bg {opacity: 0.3; filter: alpha(opacity=30);} .ApplyBox .ApplyBoxF li.li1:hover .bg { background: #FAAA10; opacity: 0.3; filter: alpha(opacity=30); } .ApplyBox .ApplyBoxF li.li2:hover .bg { background: #7D3C9B; opacity: 0.3; filter: alpha(opacity=30); } .ApplyBox .ApplyBoxF li.li3:hover .bg { background: #FF8F2C; opacity: 0.3; filter: alpha(opacity=30); } .ApplyBox .ApplyBoxF li.li4:hover .bg { background: #FAAA10; opacity: 0.3; filter: alpha(opacity=30); } } @media screen and (min-width:1300px) { .ApplyBox .ApplyBoxF .liR .dl .img { width: 70px; margin-bottom: 10px; } .ApplyBox .ApplyBoxF .liR .dl .at { font-size: 16px; line-height: 1;} } @media screen and (min-width:1600px) { .ApplyBox .ApplyBoxF .w1440{padding:0;} .ApplyBox .ApplyBoxF li { margin-top: 50px; } .ApplyBox .ApplyBoxF li .libox { height: 710px; } .ApplyBox .ApplyBoxF .liL { padding: 0 55px; } .ApplyBox .ApplyBoxF .liL .h3 { font-size: 38px; } .ApplyBox .ApplyBoxF .liL .titxt { font-size: 22px; } .ApplyBox .ApplyBoxF .liR .dl dd { padding: 27px; } .ApplyBox .ApplyBoxF .liL .tbox { padding: 120px 0 0px; } } .ApplyList .MainFtitle { padding: 25px 0; } .ApplyList ul li { background: #ebf3ff; margin-bottom: 15px; } .ApplyList ul li .left { padding: 20px 15px; } .ApplyList ul li .h3 { font-size: 16px; color: #333; font-weight: normal; } .ApplyList ul li .h3 a { color: #333; } .ApplyList ul li .h3 .i { display: block; margin: 10px 0; width: 40px; height: 2px; background: #328dff; } .ApplyList ul li .tinfo { padding-bottom: 10px; } .ApplyList ul li .dl{margin-top: 20px;} .ApplyList ul li .dl dd { margin-top: 5px; } .ApplyList ul li .dl a { color: #333; font-size: 0; display: block; } .ApplyList ul li .dl a:hover { color: #328dff; } .ApplyList ul li .dl .spanat { font-size: 14px; display: block; max-width: 100%; max-width: 400px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; padding-right: 40px; } .ApplyList ul li .dl .spanat .iconfont { position: absolute; right: 0; top: auto; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .ApplyList ul li .img { display: block; } .ApplyList ul li .img img { vertical-align: middle; } @media screen and (min-width:768px) { .ApplyList .MainFtitle { padding: 40px 0; } .ApplyList ul li .left { padding: 30px 15px; } .ApplyList ul li .h3 { font-size: 20px; } } @media screen and (min-width:1000px) { .ApplyList ul li { margin-bottom: 0; } .ApplyList ul li .tb { display: table; width: 100%; vertical-align: middle; } .ApplyList ul li .tbc { display: table-row; width: 100%; vertical-align: middle; } .ApplyList ul li .left { display: table-cell; width: 50%; vertical-align: middle; } .ApplyList ul li .right { display: table-cell; width: 50%; vertical-align: middle; } } @media screen and (min-width:1024px) { .ApplyList .MainFtitle { padding: 65px 0; } .ApplyList ul li .left { padding: 0 30px; } .ApplyList ul li .h3 { font-size: 30px; } .ApplyList ul li .tinfo { font-size: 16px; line-height: 32px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 64px; } .ApplyList ul li .dl { margin-top: 100px; } .ApplyList ul li .dl a { padding-right: 40px; } .ApplyList ul li .dl a .spanat { font-size: 16px; } .ApplyList ul li .dl a .spanat .iconfont { right: 20px; } .ApplyList ul li .dl a:hover .spanat .iconfont { right: 0px; } } @media screen and (min-width:1200px) { .ApplyList ul li .left { padding: 0 40px; } .ApplyList ul li .left .liCon { max-width: 720px; display: inline-block; width: 100%; text-align: left; } .ApplyList ul li .left { text-align: right; } .ApplyList ul li.even .left { text-align: left; } .ApplyList ul li .tinfo { margin: 25px 0; } } @media screen and (min-width:1400px) { .ApplyList ul li .left { padding: 0; } .ApplyList ul li .left .liCon { padding: 0; padding-right: 94px; } .ApplyList ul li.even .left { padding: 0; } .ApplyList ul li.even .left .liCon { padding: 0; padding-left: 94px; } .ApplyList ul li .dl dd { margin-top: 15px; } } @media screen and (min-width:1600px) { .ApplyList ul li .h3 { font-size: 38px; } .ApplyList ul li .dl a .spanat { font-size: 18px; } } .ApplyInfoCon.MainF { padding: 0; } .ApplyInfoCon .Item { padding: 20px 0; border-bottom: 1px solid #ddd; } .ApplyInfoCon .Item:first-child { padding-top: 0; } .ApplyInfoCon .Item:last-child{padding-bottom: 0; border-bottom: none;} .ApplyInfoCon .Item.first { padding-top: 0; } .ApplyInfoCon .Item .title .h3 { color: #333; font-size: 18px; font-weight: normal; } .ApplyInfoCon .Item .txt { padding: 10px 0 0; } .ApplyInfoCon .Item .txtL { padding-top: 10px; } .ApplyInfoCon .Item .txtR { padding-top: 10px; } .ApplyInfoCon .Item .h4 { color: #333; font-size: 16px; padding-bottom: 10px; } .ApplyInfoCon .Item .dl dd { position: relative; padding-left: 20px; line-height: 24px; } .ApplyInfoCon .Item .dl dd .i { display: block; width: 0; height: 0; position: absolute; left: 0; top: 8px; border-left: 5px solid #328dff; border-top: 5px solid transparent; border-bottom: 5px solid transparent; } @media screen and (min-width:1024px) { .ApplyInfoCon .Item .title .h3 { font-size: 28px; line-height: 1.2em; } .ApplyInfoCon .Item .title { padding-bottom: 30px; } .ApplyInfoCon .Item .h4 { font-size: 20px; } .ApplyInfoCon .Item { padding: 40px 0; font-size: 16px; line-height: 32px; } .ApplyInfoCon .Item.first { font-size: 18px; } .ApplyInfoCon .Item .dl dd { line-height: 32px; } .ApplyInfoCon .Item .dl dd .i { top: 12px; } .ApplyInfoCon .Item .h4 { padding-bottom: 20px; } .ApplyInfoCon .Item .txtL { float: left; width: 37.5%; padding-top: 0; } .ApplyInfoCon .Item .txtR { float: right; width: 52%; } .ApplyInfoCon.MainF{padding-top: 16px;} } @media screen and (min-width:1200px) { .ApplyInfoCon .Item .title .h3 { font-size: 30px; } .ApplyInfoCon .Item .title { padding-bottom: 40px; } .ApplyInfoCon .Item .h4 { font-size: 22px; } .ApplyInfoCon .Item { padding: 50px 0; } } @media screen and (min-width:1600px) { .ApplyInfoCon .Item .title .h3 { font-size: 36px; } .ApplyInfoCon .Item .title { padding-bottom: 50px; } .ApplyInfoCon .Item { padding: 60px 0; } } /* .ServerBox { border-bottom: 1px solid #ddd; } .ServerBox .ul li { margin-bottom: 15px; } .ServerBox .ul li.last { margin-bottom: 0; } .ServerBox .libox { display: block; position: relative; } .ServerBox .libox .img img { width: 100%; } .ServerBox .libox .bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url('../images/limask04.png') no-repeat center; background-size: 100% 100%; } .ServerBox .libox .TxtBox { position: absolute; width: 100%; left: 0; bottom: 0; padding: 15px; color: #fff; } .ServerBox .libox .title { position: relative; padding-left: 10px; padding-right: 100px; } .ServerBox .libox .title .i { display: block; width: 2px; height: 100%; background: #328dff; position: absolute; left: 0; top: 0; } .ServerBox .libox .title .h3 { font-size: 16px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ServerBox .libox .title .txtb { max-width: 285px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 24px; max-height: 48px; } .ServerBox .libox .more { position: absolute; right: 0px; top: 50%; margin-top: -12px; line-height: 24px; } .ServerBox .libox .showhover { display: none; } @media screen and (min-width:768px) { .ServerBox .ul { font-size: 0; margin: 0 -8px; } .ServerBox .ul li { display: inline-block; width: 50%; padding: 8px; font-size: 14px; margin-bottom: 0; } .ServerBox .libox .title { padding-left: 15px; } } @media screen and (min-width:1024px) { .ServerBox .ul { font-size: 0; margin: 0 -15px; } .ServerBox .ul li { display: inline-block; width: 50%; padding: 15px; font-size: 14px; margin-bottom: 0; } .ServerBox .libox .TxtBox { padding: 20px; } .ServerBox .libox .title .h3 { margin-bottom: 10px; font-size: 24px; } .ServerBox .libox .title .txt { font-size: 16px; } .ServerBox .libox .more { font-size: 18px; } .ServerBox .ul li:hover .title .i { background: #fff; } .ServerBox .ul li:hover .TxtBox { height: 100%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .ServerBox .ul li:hover .title .more { display: none; } .ServerBox .ul li:hover .showhover { display: block; } .ServerBox .ul li:hover .showhover .more { left: 20px; top: auto; bottom: 40px; } .ServerBox .ul li.li1:hover .bg { background: #328dff; opacity: 0.8; filter: alpha(opacity=80); } .ServerBox .ul li.li2:hover .bg { background: #faaa10; opacity: 0.8; filter: alpha(opacity=80); } .ServerBox .ul li.li3:hover .bg { background: #7d3c9b; opacity: 0.8; filter: alpha(opacity=80); } .ServerBox .ul li.li4:hover .bg { background: #ff8f2c; opacity: 0.8; filter: alpha(opacity=80); } } @media screen and (min-width:1300px) { .ServerBox .libox .TxtBox { padding: 30px 28px; } .ServerBox .ul li:hover .showhover .more { left: 28px; } } @media screen and (min-width:1600px) { .ServerBox .ul { font-size: 0; margin: 0 -20px; } .ServerBox .ul li { padding: 20px; } .ServerBox .libox .TxtBox { padding: 48px 30px; } .ServerBox .libox .title .h3 { font-size: 32px; } .ServerBox .ul li:hover .showhover .more { left: 30px; bottom: 60px; } } */ .ServerBoxF2{ background: #ebf3ff; } .ServerBoxF2 ul{font-size:0; margin: 0 -5px;} .ServerBoxF2 ul li .libox{display: inline-block; color: #333;} .ServerBoxF2 ul li .img{width: 80px; margin: 0 auto;position: relative;top: 0;transition: 0.3s;} .ServerBoxF2 ul li .libox:hover .img{top: -5px;} .ServerBoxF2 ul li{display: inline-block; width: 50%; padding:5px; font-size:14px; text-align: center;vertical-align: top;} .ServerBoxF2 ul li .h3{font-size:16px; font-weight: normal;border-bottom: 1px solid transparent;display: inline-block;margin: 0 auto;} .ServerBoxF2 ul li .libox:hover .h3{color: #328dff} .ServerBoxF2 ul li .txtBox{padding-top: 5px;} .ServerBoxF2 ul li .txt{font-size:14px;padding-top: 5px;} @media screen and (max-width:767px){ .ServerBoxF2 ul li .txt .txtbox{display:none} } @media screen and (min-width:768px) { .ServerBoxF2 ul li{width: 25%;} .ServerBoxF2 ul li .h3 .wap{display: none;} .ServerBoxF2 ul li .libox:hover .h3{border-bottom: 1px solid #328dff;} } @media screen and (min-width:1024px) { .ServerBoxF2 ul li .img{width: 120px; margin: 0 auto;} .ServerBoxF2 ul li .txtBox{padding-top: 10px;} .ServerBoxF2 ul li .h3{font-size:24px;} .ServerBoxF2 ul li .txt{font-size:16px; padding-top: 10px;} .ServerBoxF1 .MainF{padding: 38px 0 80px;} .SBbanBox .MainF{padding: 38px 0 80px;} .AfterServiceBan.SBbanBox .MainF{padding-bottom:5px;} .BanView .MainF{padding: 160px 0;} } @media screen and (min-width:1300px) { .ServerBoxF2 ul li .h3{font-size:30px;} .ServerBoxF2 ul li .txt{font-size:17px;} .ServerBoxF2 ul li .txtBox{padding-top: 20px;} .ServerBoxF2 .MainF{padding: 128px 0;} } .ServerBoxF3{padding-bottom: 0;} .ServerBoxF3 .list ul { font-size: 0; } .ServerBoxF3 .list li { font-size: 14px; display: inline-block; width: 100%; padding: 8px 15px; vertical-align: top; } .ServerBoxF3 .list li .img .icon02{display: none;} .ServerBoxF3 .list li.odd{background:#9bc1ff;} .ServerBoxF3 .list li.odd .img .icon01{display: inline-block;} .ServerBoxF3 .list li.odd .img .icon02{display: none;} .ServerBoxF3 .list li.even .img .icon02{display: inline-block;} .ServerBoxF3 .list li.even .img .icon01{display: none;} .ServerBoxF3 .list .divodd li.even .img .icon01{display: inline-block;} .ServerBoxF3 .list .divodd li.even .img .icon02{display: none;} .ServerBoxF3 .list .divodd li.odd .img .icon01{display: none;} .ServerBoxF3 .list .divodd li.odd .img .icon02{display: inline-block;} .ServerBoxF3 .list li.odd .libox{color: #fff;} .ServerBoxF3 .list .divodd li.odd .libox{color: #333;} .ServerBoxF3 .list .divodd li.even .libox{color: #fff;} .ServerBoxF3 .list .divodd li{background:#9bc1ff;} .ServerBoxF3 .list .divodd li.odd{background:#f9fbff;} .ServerBoxF3 .list li.even{background:url(../images/bk.png) no-repeat center center;background-size: cover;} @media screen and (min-width:768px) { .ServerBoxF3 .list .divodd li.odd{background:#9bc1ff;} .ServerBoxF3 .list .divodd li.even .libox{color: #333;} .ServerBoxF3 .list .divodd li.odd .libox{color: #fff;} .ServerBoxF3 .list .divodd li.even .img .icon02{display: inline-block;} .ServerBoxF3 .list .divodd li.even .img .icon01{display: none;} .ServerBoxF3 .list .divodd li.odd .img .icon02{display: none;} .ServerBoxF3 .list .divodd li.odd .img .icon01{display:inline-block;} .ServerBoxF3 .list .diveven li.odd .libox{text-align: right;} .ServerBoxF3 .list .diveven li.even .libox{text-align: left;} .ServerBoxF3 .list .divodd li.odd .libox{text-align: left;} .ServerBoxF3 .list .divodd li.even .libox{text-align: right;} } .ServerBoxF3 .list .libox .txt{padding-top: 10px;} .ServerBoxF3 .list .libox { display: block; padding: 15px; color: #333; text-align: center; } .ServerBoxF3 .list .libox .img { padding: 15px 0; max-width: 340px; } /* .ServerBoxF3 .list .libox:hover .h3 { color: #328dff; } */ .ServerBoxF3 .list .libox .h3 { font-size: 18px; font-weight: normal; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .ServerBoxF3 .list .libox .h4 { padding: 8px 0; font-size: 16px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ServerBoxF3 .list .libox .more { color: #333; font-size: 16px; position: relative;left: 0;transition:.3s;} .ServerBoxF3 .list .libox:hover .more{left: 5px;} @media screen and (min-width:768px) { .ServerBoxF3 .list li { width: 50%; } } @media screen and (min-width:1024px) { .ServerBoxF3 .list .libox { padding: 45px; } .ServerBoxF3 .list ul { margin: 0 -20px; } .ServerBoxF3 .list li { padding: 20px; overflow: hidden; } .ServerBoxF3 .list .libox .txt { position: relative; font-size:16px; padding-top: 20px;} .ServerBoxF3 .list .libox .more { font-size: 18px; } .ServerBoxF3 .list .libox .more .iconfont { } .ServerBoxF3 .list .libox .h3 { font-size: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ServerBoxF3 .list .libox{max-width: 720px;} .ServerBoxF3 .list .diveven li.odd .libox{float: right; } .ServerBoxF3 .list .divodd li.odd .libox{float: left; } .ServerBoxF3 .list .divodd li.even .libox{float: right; } .ServerBoxF3 .list .diveven li.even .libox{float: left; } .ServerBoxF3 .list .libox .img{padding-bottom: 25px;} } @media screen and (min-width:1600px) { .ServerBoxF3 .list .libox .h3 { font-size: 36px; } .ServerBoxF3 .list .libox{padding:70px;} .ServerBoxF3 .list .libox .txt { position: relative; font-size:24px; padding-top: 35px;} } .ServerBoxF4 .ImgBox{text-align: center; padding-top: 20px;} .ServerBoxF4 .ImgBox .imgpc{display: none;} @media screen and (min-width:768px) { .ServerBoxF4 .ImgBox .imgpc{display: block;} .ServerBoxF4 .ImgBox .imgwap{display: none;} .ServerBoxF4 .ImgBox{padding-top: 40px;} } @media screen and (max-width:768px) { .ServerBoxF3 .list .libox{text-align: left;margin-left: 50%;transform: translate(-50%); width:70%;} .ServerBoxF3 .list .libox .txt{text-align: left;margin: 0 auto;} } @media screen and (min-width:1024px) { .ServerBoxF4 .ImgBox{padding-top: 60px;} .ServerBoxF4 .MainF{padding: 120px 0;} } @media screen and (min-width:1600px) { .ServerBoxF4 .ImgBox{padding-top:100px;} } @media screen and (max-width:767px ) { .ServerBoxF4 .ImgBox .imgwap{padding: 0 20px;} .ServerBoxF3 .list .divodd li:nth-child(1){background: #9bc1ff} .ServerBoxF3 .list .divodd li:nth-child(2){background: url(../images/bk.png) no-repeat center center !important; background-size: cover;} .ServerBoxF3 .list .libox .img{margin: 0 auto;} } .SerDownList .list li { margin-bottom: 10px; } .SerDownList .list .libox { display: block; /* background: #eee; */padding: 15px 0; } .SerDownList .list .img img { width: 100%; } .SerDownList .list .txtbox { padding-top: 10px; } .SerDownList .list .h3 { font-weight: normal; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .SerDownList .list .txt { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 24px; height: 48px; color: #666; } .SerDownList .list .btnBottom { text-align: left; padding-top: 10px; } .SerDownList .DownNav{position: relative; border-bottom: 1px solid #ddd; margin-bottom:30px; z-index:3;} .SerDownList .DownNav .left{float: left;line-height: 35px;} .SerDownList .DownNav .left ul li{float: left; padding-right: 10px;} .SerDownList .DownNav .left li a{ display: block; } .SerDownList .DownNav .left ul li.on a{font-weight: bold;} .SerDownList .DownNav .rightbtn{ float: right; } .SerDownList .DownNav .rightbtn .btn{display: inline-block; background-image: url(../images/close_img1.png); background-position: center center; background-repeat: no-repeat; background-size: auto; float: right; width: 44px; height: 44px; cursor: pointer; } .SerDownList .DownNav .rightbtn .btn.btnon { background-image: url(../images/open_img1.png); /* border: 1px solid #ccc; -moz-box-shadow: 0px 10px 10px #C2C2C2; -webkit-box-shadow: 0px 10px 10px #C2C2C2; box-shadow: 0px 10px 10px #C2C2C2; */ } .SerDownList .DownNav .rightbtn .btn.btnon .iconfont:before{content: '\e648';} .SerDownList .DownNav .ListSearch{display: none;position: absolute;left: 0;top: 100%;margin-top: -2px;background:#fff;border-radius: 10px 10px;width: 100%;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);padding: 15px;} .SerDownList .DownNav .ListSearch::after{ /* position: absolute; top: -5px; right: 0.6px; width: 45px; display: block; content: ''; background: #fff; height: 12px; */ } .SerDownList .DownNav .ListSearch .itembox{padding:5px 0;} .SerDownList .DownNav .ListSearch .itembox.list{padding-bottom: 0;} .SerDownList .DownNav .ListSearch .item{background:#ececec;} .SerDownList .ZJselectTxt{line-height: 35px;padding-left:10px;} .SerDownList .ZJselectBox{height:35px;} .SerDownList .ZJselectTxt i.icon{height:35px; line-height: 35px;} .SerDownList .DownNav .ListSearch .item input{height: 35px;font-size:14px;width: 100%; line-height:35px; vertical-align: middle;padding-left:10px;} .ListSearch .ZJselectTxt .ZJselectTxtSpan{color:#999999} @media screen and (min-width:640px) { .SerDownList .list .liboxView {position: relative;padding-left: 240px;/* min-height: 156px; */overflow: hidden;} .SerDownList .list .liboxView .more span{position: relative;left: 0;transition: 0.3s;} .SerDownList .list .liboxView .more:hover span{left: 5px;color: #328dff;} .SerDownList .list .img { position: absolute; left: 0; top: 0; width: 240px; } .SerDownList .list .txtbox { padding-left: 25px; padding-top: 0px; } .SerDownList .list .h3 { font-size: 18px; } /* .SerDownList .list .libox { padding: 20px; } */ .SerDownList .list .txt { margin: 5px 0; } } @media screen and (min-width:768px) { .SerDownList .list .txt { font-size: 16px; } .SerDownList .list .btnBottom .btnA { width: 150px; height: 45px; line-height: 45px; font-size: 16px; } /* .SerDownList .list .libox { padding: 30px; } */ .SerDownList .DownNav .left ul li{padding-right: 20px;} .SerDownList .DownNav .left li a{font-size:16px;} .SerDownList .DownNav .rightbtn .btn .iconfont{font-size:20px;} .SerDownList .DownNav .ListSearchView{font-size:0; margin: 0 -5px;} .SerDownList .DownNav .ListSearch .itembox{padding: 0 5px; display: inline-block; width: 50%;font-size:14px;} } @media screen and (min-width:768px) { .SerDownList .list .h3{margin-top: 0px;} } @media screen and (min-width:1000px) { /* .SerDownList .list .libox { padding: 15px 0; } */ .SerDownList .list .ul { font-size: 0; margin: 0 -10px; } .SerDownList .list li { display: inline-block; padding: 10px; font-size: 14px; width: 50%; margin-bottom: 0; } } @media screen and (min-width:1200px) { /* .SerDownList .list .libox { padding: 25px 0; } */ .SerDownList .list .txtbox{padding-top: 0px;} .SerDownList .DownNav .left ul li{padding-right: 70px;} .SerDownList .DownNav .left li a{font-size: 18px;} .SerDownList .DownNav .left{line-height: 70px;} .SerDownList .DownNav .rightbtn .btn{width: 48px;height: 48px; line-height: 48px; margin-top:11px;} .SerDownList .DownNav .ListSearch{padding: 20px 48px 20px 20px;} .SerDownList .DownNav .item{line-height: 44px;} .SerDownList .ZJselectTxt{line-height: 44px;padding-left:10px;} .SerDownList .ZJselectBox{height:44px;} .SerDownList .ZJselectTxt i.icon{height:44px; line-height: 44px; width: 11px;} .SerDownList .DownNav .ListSearch {margin-top: -12px;} .SerDownList .DownNav .ListSearch .item input{height: 40px; width: 100%; line-height:40px; vertical-align: middle;padding-left:10px;} .SerDownList .DownNav .ListSearch .itembox{padding: 0 15px;} .SerDownList .DownNav .ListSearchView{margin: 0 -15px;} .SerDownList .DownNav{margin-bottom: 10px;} .SerDownList .ZJselectBox{font-size:18px !important;} .SerDownList .DownNav .ListSearch .item input{font-size:18px;} } @media screen and (min-width:1300px) { /* .SerDownList .list .libox { padding: 30px; } */ .SerDownList .list .img { width: 260px; } .SerDownList .list .liboxView {padding-left: 260px;/* min-height: 169px; */} .SerDownList .list .h3 { font-size: 20px; } .SerDownList .list .txt {margin: 8px 0;} .SerDownList .DownNav .left li a{font-size:20px;} } @media screen and (min-width:1400px) { .SerDownList .list { padding-bottom: 30px; } .SerDownList .list .ul { margin: 0 -30px; } .SerDownList .list li {padding: 20px 30px;} } .PageBox { padding: 20px 0 0px; } .PageBox .Pages { text-align: center; } .PageBox .Pages a { padding: 0px 10px; border: 1px solid #ededed; background: #fff; color: #333; font-size: 14px; margin: 0 3px; transition: all .5s; } .PageBox .Pages a:hover, .PageBox .Pages a.a_cur { background: #328dff; color: #fff !important; border: 1px solid #328dff; } .PageBox .Pages a:hover span { color: #fff; } .PageBox .Pages .num { font-style: normal; } @media screen and (min-width:768px) { .PageBox .Pages a { padding: 0px 15px; } .PageBox .Pages .num { font-size: 0; padding-right: 0px; } .PageBox .Pages .num a { display: inline-block; padding: 0px 15px; font-size: 14px; margin: 0; margin-left: -1px; } } @media screen and (max-width:768px) { .SerDownList .list li{margin-bottom: 30px;} .SerDownList .list .libox{padding: 0;} } @media screen and (min-width:1200px) { .PageBox .Pages a { padding: 0px 15px 0; } .PageBox .Pages .num a { padding: 0px 20px; } } .MaskLogin { display: none; position: relative; width: 100%; height: auto !important; } .MaskLogin.loginbox { display: none; position: fixed; width: 100%; left: 0; top: 0; z-index: 999; background: rgba(0, 0, 0, 0.6); height: 100% !important; } .MaskLogin.registerbox { display: none; position: fixed; width: 100%; left: 0; top: 0; z-index: 999; background: rgba(0, 0, 0, 0.6); height: 100% !important; } .MaskLogin::after { content: ''; display: block; clear: both; width: 100%; height: 0; } .MaskLogin .Maskbox { width: 95%; max-width: 540px; margin: 0 auto; background: #fff; position: relative; } .MaskLogin.ExBooking .Maskbox { max-width: 1065px; } .MaskLogin .Maskbox .title { text-align: center; padding: 0 15px 10px; color: #333; font-size: 18px; font-weight: bold; } .MaskLogin .Maskbox .close { display: none; width: 30px; position: absolute; right: 0px; top: -30px; line-height: 30px; color: #fff; text-align: center; } .MaskLogin .Maskbox .close .iconfont { font-size: 18px; } .MaskLogin .Maskbox .txtBox { padding: 35px 20px 20px; max-width: 440px; margin: 0 auto; } .MaskLogin .Maskbox .txtBox .txt { padding-top: 8px; font-size: 14px; } .MaskLogin .Maskbox ul li { position: relative; margin-bottom: 10px; border: 1px solid #ddd; } .MaskLogin .Maskbox ul li input { display: block; width: 100%; padding: 0 10px; height: 35px; line-height: 35px; font-size: 14px; } .MaskLogin .Maskbox ul li textarea { height: 120px; padding: 10px; width: 100%; display: block; } .MaskLogin .Maskbox ul li .laydate-icon { border: none; } .MaskLogin .Maskbox .otherB { } .MaskLogin .Maskbox .otherB span { font-size: 14px; color: #666666; padding-left: 22px; position: relative; } .MaskLogin .Maskbox .otherB span:before { width: 14px; height: 14px; content: ''; border: 1px solid #bbb; position: absolute; top: 0px; left: 0; } .MaskLogin .Maskbox .otherB span.on:before { background: url(../images/icon7.png) no-repeat center center; } .MaskLogin .Maskbox .loginTip a { color: #328dff; } .MaskLogin .Maskbox .loginTip .wj { float: left; } .MaskLogin .Maskbox .loginTip .p { float: right; } .MaskLogin .Maskbox .registerTip { padding-top: 15px; text-align: center; } .MaskLogin .Maskbox .registerTip a { color: #328dff; } .MaskLogin .Maskbox.Maskbox2 .btnBottom { max-width: 170px; margin-top: 10%; } .MaskLogin .Maskbox .btnBottom { max-width: 440px; margin-top: 15px; } .MaskLogin .Maskbox { border-top: 3px solid #328dff; } .MaskLogin .Maskbox .btnBottom .btnA { width: 100%; } .bg_img { position: absolute; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .fsOk .img { text-align: center; } .fsOk .img img { width: 60px; } .fsOk .tiptxt { text-align: center; padding-top: 15px; color: #333; } .MaskLogin.fsOk .Maskbox .txtBox { max-width: 460px; } @media (min-width:768px) { .MaskLogin .Maskbox .title { font-size: 28px; padding-bottom: 20px; } .MaskLogin .Maskbox ul li { font-size: 16px; } .MaskLogin .Maskbox .close { width: 40px; } .MaskLogin .Maskbox .txtBox { margin: 0 auto; padding: 40px 0px 70px; } .MaskLogin.ExBooking .Maskbox .txtBox { max-width: 915px; } .MaskLogin .Maskbox ul li, .MaskLogin .Maskbox .otherB { margin-bottom: 22px; } .MaskLogin .Maskbox ul li input { height: 40px; line-height: 40px; font-size: 16px; } .MaskLogin .Maskbox ul li textarea { font-size: 16px; } .MaskLogin.ExBooking .Maskbox ul li { float: left; width: 48%; margin-right: 4%; margin-bottom: 20px; } .MaskLogin.ExBooking .Maskbox ul li.odd { margin-right: 0; } .MaskLogin.ExBooking .Maskbox ul li.lirow { width: 100%; margin-right: 0; } .MaskLogin.ExBooking .Maskbox .btnBottom { margin: 30px auto 0; } .MaskLogin .Maskbox .btnBottom { padding-bottom: 20px; } .MaskLogin .Maskbox .btnBottom .btnA { height: 45px; line-height: 45px; } .MaskLogin .Maskbox .loginTip { padding: 10px 0 15px; } .fsOk .img img { width: 115px; } .fsOk .tiptxt { padding-top: 15px; font-size: 16px; } } .texts2 { font-size: 16px; color: #999; margin-bottom: 9%; } .texts1 { font-size: 28px; color: #333; margin-bottom: 1%; } @media (min-width:1024px) { .ab_backcov { width: 50%; position: absolute; height: 100%; left: 0; top: 0; background-position: center; background-size: cover; background-repeat: no-repeat; } .MaskLogin .Maskbox { border-top-width: 8px; } .MaskLogin .Maskbox .title { font-size: 32px; } .MaskLogin .Maskbox .close { width: 40px; height: 40px; top: -40px; line-height: 40px; right: -40px; } .MaskLogin .Maskbox .close .iconfont { font-size: 24px; } .fsOk .tiptxt { padding-top: 25px; font-size: 18px; } .longss .MaskLogin { background: #fff; } .MaskLogin .Maskbox2 .txtBox { margin-left: 16%; padding: 0px 0px 15% !important; max-width: 460px; } .MaskLogin .Maskbox2.MaskboxFuse .txtBox { padding: 50px 0 !important; } } @media (min-width:1600px) { .MaskLogin .Maskbox ul li { margin-bottom: 15px; } .MaskLogin .Maskbox ul li input { height: 50px; line-height: 50px; font-size: 16px; } .MaskLogin .Maskbox .btnBottom .btnA { height: 50px; line-height: 50px; } /* .MaskLogin .Maskbox .txtBox{margin:0 auto;padding:60px 0px 80px;} */ .fsOk .tiptxt { padding-top: 25px; font-size: 20px; line-height: 38px; } } @media (max-width:1024px) { .MaskLogin .Maskbox.Maskbox2 { margin-top: 0 !important; border-top: none; } .texts2 { font-size: 14px; color: #999; margin-bottom: 9%; } .texts1 { font-size: 24px; color: #333; margin-bottom: 1%; } } .SerDesign ul li { margin-bottom: 10px; } .SerDesign ul li.last { margin-bottom: 0; } .SerDesign ul li .libox { display: block; background: #eeee; padding: 15px; } .SerDesign ul li .libox:hover { background-image: radial-gradient(circle at 0 0, #1381d7, #1ad6f5); } .SerDesign ul li .libox:hover .h3 { color: #fff; } .SerDesign ul li .libox:hover .more { color: #fff; } .SerDesign ul li .libox.liboxUp { background: #328dff; } .SerDesign ul li .img img { width: 100%; } .SerDesign ul li .txt { padding: 20px 0px 0; } .SerDesign ul li .h3 { font-weight: normal; color: #333; font-size: 16px; line-height: 24px; min-height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .SerDesign ul li .more { color: #328dff; display: block; margin-top: 10px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } @media (min-width:640px) { .SerDesign ul { margin: 0 -5px; font-size: 0; } .SerDesign ul li { padding: 5px; margin-bottom: 0; font-size: 14px; display: inline-block; width: 50%; } } @media (min-width:768px) { .SerDesign ul { margin: 0 -8px; } .SerDesign ul li { padding: 8px; width: 33.33%; } .SerDesign ul li .h3 { font-size: 18px; } } @media (min-width:1024px) { .SerDesign ul li .libox { padding: 20px; } .SerDesign ul li .h3 { font-size: 22px; line-height: 1.3em; min-height: 2.6em; } .SerDesign ul { margin: 0 -18px; } .SerDesign ul li { padding: 18px; width: 33.33%; } .SerDesign ul li .more { font-size: 16px; margin-top: 15px; } .SerDesign ul li .txt { padding: 30px 0 10px; } } @media (min-width:1600px) { .SerDesign ul li .h3 { font-size: 24px; } .SerDesign ul li .more { font-size: 18px; margin-top: 20px; } .SerDesign ul li .txt { padding: 30px 0 20px; } } .newList { background: #eee; } .newList .list .libox { display: block; background: #fff; color: #333; border-radius: 10px; overflow: hidden; } .newList .list .libox:hover { background-image: radial-gradient(circle at 0 0, #1381d7, #1ad6f5); color: #fff; } .newList .list .libox:hover .time { color: #fff; } .newList .list .libox.liboxUp { background: #328dff; } .newList .list .liboxView { position: relative; padding-right: 50%; min-height: 80px; } .newList .list .txtbox { padding: 15px 10px; } .newList .list .img { position: absolute; width: 50%; right: 0; height: 100%; background: no-repeat center; background-size: cover; top: 0; } /* .newList .list .img img { width: 100%; } */ .newList .list .h3 { font-size: 14px; font-weight: normal; line-height: 24px; height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .newList .list .time { font-size: 14px; color: #328dff; margin-top: 10px; } .newList .list li { margin-bottom: 10px; } .newList .list li.last { margin-bottom: 0; } .newList .listselect { background: #fff; padding: 10px; margin-bottom: 15px; } .newList .listselect .h3 { font-size: 16px; font-weight: normal; margin-bottom: 5px; } .newList .listselect .cleartxt { color: #328dff; cursor: pointer; margin: 5px 0; } .newList .listselect .dl { font-size: 0; margin: 0 -5px; } .newList .listselect .dl dd { font-size: 14px; padding: 0 5px; display: inline-block; width: 50%; } .newList .listselect .dl dd span { display: inline-block; vertical-align: middle; padding-left: 5px; } .newList .listselect .dl dd .i { display: inline-block; cursor: pointer; vertical-align: middle; width: 16px; height: 16px; border-radius: 15px; border: 1px solid #cdcdcd; background: #eee; position: relative; } .newList .listselect .dl dd .i em { display: block; width: 6px; height: 6px; border-radius: 6px; overflow: hidden; margin: 4px auto; } .newList .listselect .dl dd.on .i em { background: #328dff; } .newList .listselect .dl dd.on .i { border-color: #328dff; } .newList .listselect .lisearch { border-bottom: 1px solid #ccc; position: relative; padding-right: 30px; } .newList .listselect .lisearch input { width: 100%; display: block; line-height: 35px; } .newList .listselect .lisearch .btn { position: absolute; right: 0; top: 0; width: 30px; line-height: 35px; text-align: center; } @media screen and (min-width:360px) { .newList .list .txtbox { padding: 25px 10px; } } @media (min-width:540px) { .newList .list ul { font-size: 0; margin: 0 -5px; } .newList .list li { display: inline-block; width: 50%; vertical-align: top; font-size: 14px; padding: 5px; margin-bottom: 0; } } @media (min-width:768px) { .newList .list ul { margin: 0 -8px; } .newList .list li { padding: 8px; } /* .newList .list .libox { padding: 20px; } */ .newList .list .txtbox { padding-left: 20px; } .newList .listselect ul { font-size: 0; margin: 0 5px; } .newList .listselect li { display: inline-block; width: 50%; padding: 0 5px; vertical-align: top; } .newList .listselect .dl dd { line-height: 35px; } .newList .listselect .cleartxt { font-size: 14px; } } @media (min-width:1024px) { .newList .list .h3 { font-size: 16px; } .newList .list { padding-bottom: 20px; } /* .newList .list li { width: 33.33%; } */ .newList .list .liboxView { min-height: 220px; } .newList .list .txtbox { padding: 30px; } .newList .listselect { padding: 25px; } .newList .listselect li { width: auto; } .newList .listselect li .h3 { display: inline-block; vertical-align: middle; margin-bottom: 0; line-height: 35px; font-size: 18px; } .newList .listselect li .dl { display: inline-block; vertical-align: middle; } .newList .listselect .cleartxt { display: inline-block; vertical-align: middle; margin: 0; padding: 0 30px; line-height: 35px; } .newList .listselect .lisearch { display: inline-block; vertical-align: middle; width: 265px; } } @media (min-width:1400px) { .newList .list .h3 { font-size: 18px; } .newList .list { padding-bottom: 40px; } .newList .list ul { margin: 0 -22px; } .newList .list li { padding: 14px 22px; } /* .newList .list .libox { padding: 30px; } */ } .expoList { background: #eee; } .expoList .list .libox { display: block; background: #fff; padding: 10px; color: #333; } .expoList .list .liboxView { position: relative; } .expoList .list .txtbox { padding-top: 15px; } .expoList .list .img { display: block; } .expoList .list .img img { width: 100%; } .expoList .list .h3 { font-size: 16px; font-weight: normal; } .expoList .list .h3 a { color: #333; line-height: 24px; height: 48px; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .expoList .list .h3 a:hover { color: #328dff; } .expoList .list .time { font-size: 14px; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 24px; height: 72px; } .expoList .list .btnBottom { padding-top: 10px; } .expoList .list .btnBottom .btnA { width: 100%; height: 35px; line-height: 35px; } .expoList .list li { margin-bottom: 10px; } .expoList .list li.last { margin-bottom: 0; } @media screen and (min-width:420px) { .expoList .list ul { font-size: 0; margin: 0 -5px; } .expoList .list li { width: 50%; font-size: 14px; margin-bottom: 0; vertical-align: top; display: inline-block; padding: 5px; } } @media screen and (min-width:640px) { .expoList .list .libox { padding: 15px; } } @media screen and (min-width:768px) { .expoList .list ul { margin: 0 -8px; } .expoList .list li { width: 33.33%; padding: 8px; } } @media screen and (min-width:1024px) { .expoList .list ul { margin: 0 -15px; } .expoList .list li { width: 25%; padding: 15px; } .expoList .list .libox { padding: 22px; } .expoList .list .txtbox { padding-top: 22px; } .expoList .list .btnBottom { padding-top: 22px; } .expoList .list .h3 { font-size: 18px; } .expoList .list .time { margin-top: 20px; } } @media screen and (min-width:1400px) { .expoList .list ul { margin: 0 -20px; } .expoList .list li { padding: 20px; } .expoList .list .libox { padding: 30px; } .expoList .list .txtbox { padding-top: 30px; } .expoList .list .btnBottom { padding-top: 30px; } .expoList .list .btnBottom .btnA { height: 45px; line-height: 45px; } } .Main .MRight { margin-top: 20px; } @media screen and (min-width:1024px) { .Main .MLeft { float: left; width: 100%; } .Main .MRight { margin-top: 0px; width: 100%; } .expoListInfo .MainF { padding-bottom: 0; } } .expoListInfo { padding-bottom: 0; } .expoListInfo .Item { padding-bottom: 20px; border-bottom: 1px solid #ddd; } .expoListInfo .Item .title { padding-bottom: 20px; } .expoListInfo .Item .title .h3 { color: #333; font-size: 18px; font-weight: normal; } .expoListInfo .Item .title .h3 .i { display: block; width: 30px; height: 2px; background: #328dff; margin: 10px 0 0; } .expoListInfo .Item .h4 { color: #666; font-weight: normal; font-size: 14px; padding: 10px 0; } .expoListInfo .Item .dl dd { position: relative; padding-left: 20px; line-height: 24px; } .expoListInfo .Item .dl dd .i { display: block; width: 0; height: 0; position: absolute; left: 0; top: 8px; border-left: 5px solid #328dff; border-top: 5px solid transparent; border-bottom: 5px solid transparent; } .expoListInfo .expoRBox { border-top: none; background: #eee; padding: 20px 15px; margin-top: 7%; } .SpeakerBox { padding-top: 20px; } .SpeakerBox .title { padding-bottom: 20px; } .SpeakerBox .title .h3 { font-weight: normal; font-size: 16px; color: #333; } .SpeakerBox .ul li { margin-bottom: 15px; } .SpeakerBox .ul li .libox { border-top: 3px solid #328dff; } .SpeakerBox .ul li.li1 .libox { border-color: #328dff; } .SpeakerBox .ul li.li2 .libox { border-color: #faaa10; } .SpeakerBox .ul li.li3 .libox { border-color: #7d3c9b; } .SpeakerBox .ul li.li4 .libox { border-color: #ff8f2c; } .SpeakerBox .ul li .liwap { position: relative; vertical-align: middle; display: table; width: 100%; } .SpeakerBox .ul li .libox { display: block; overflow: hidden; background: #eee; padding: 15px; } .SpeakerBox .ul li .imgtb { width: 60px; display: table-cell; vertical-align: middle; } .SpeakerBox .ul li .img { width: 60px; height: 60px; border-radius: 100%; overflow: hidden; } .SpeakerBox .ul li .img img { width: 100%; } .SpeakerBox .ul li .txtBox { color: #333; vertical-align: middle; display: table-cell; padding-left: 10px; } .SpeakerBox .ul li .txtBox .h4 { font-weight: normal; font-size: 16px; } .SpeakerBox .ul li .txtBox .txt { font-size: 16px; } .expoListInfo .formBox .title { text-align: center; padding-bottom: 15px; } .expoListInfo .formBox .title .h3 { font-weight: normal; font-size: 18px; color: #333; } .expoListInfo .formBox .ul li { border: 1px solid #ddd; background: #fff; margin-bottom: 10px; } .expoListInfo .formBox .ul li input { display: block; width: 100%; height: 35px; line-height: 35px; padding: 0 10px; } .expoListInfo .formBox .btnBox .btnBottom .btnA { width: 100%; line-height: 40px; height: 40px; } .expoListInfo .formBox .tip { position: relative; padding-left: 30px; min-height: 24px; margin-bottom: 15px; } .expoListInfo .formBox .tip .i { display: block; width: 20px; height: 20px; border: 1px solid rgba(0, 0, 0, 0.5); cursor: pointer; position: absolute; left: 0; top: 0; } .expoListInfo .formBox .tip .i .iib { display: none; width: 20px; height: 20px; position: relative; top: -3px; } .expoListInfo .formBox .tip .i.iadd .iib { display: block; } @media screen and (min-width:640px) { .SpeakerBox .title .h3 { font-size: 20px; } .SpeakerBox .ul { margin: 0 -5px; font-size: 0; } .SpeakerBox .ul li { display: inline-block; font-size: 14px; width: 50%; padding: 5px; vertical-align: top; margin-bottom: 0; } } @media screen and (min-width:1024px) { .expoListInfo .Item .title .h3 { font-size: 28px; line-height: 1.2em; } .expoListInfo .Item .title .h3 .i { width: 79px; height: 3px; margin-top: 25px; } .expoListInfo .Item .title { padding-bottom: 30px; } .expoListInfo .Item .h4 { font-size: 16px; } .expoListInfo .Item { padding-bottom: 20px; font-size: 16px; line-height: 32px; } .expoListInfo .Item.first { font-size: 18px; } .expoListInfo .Item .dl dd { line-height: 32px; } .expoListInfo .Item .dl dd .i { top: 12px; } .expoListInfo .Item .h4 { padding: 20px 0; } .expoListInfo .expoRBox { padding: 30px 15px; } .expoListInfo .formBox .title { padding-bottom: 30px; } } .ZJselectTxt .ZJselectTxtSpan { margin-left: 3px; } @media screen and (min-width:1200px) { .expoListInfo .Item .title .h3 { font-size: 30px; } .expoListInfo .Item .title { padding-bottom: 40px; } .expoListInfo .Item { padding-bottom: 35px; } .SpeakerBox .ul li .imgtb { width: 95px; } .SpeakerBox .ul li .img { width: 95px; height: 95px; } .SpeakerBox .ul li .txtBox { padding-left: 18px; font-size: 18px; } .SpeakerBox .ul li .txtBox .h4 { font-size: 18px; } .SpeakerBox .ul li .libox { padding: 23px; } .SpeakerBox .title .h3 { font-size: 24px; } .SpeakerBox { padding-top: 60px; } .expoListInfo .expoRBox { padding: 50px 35px; } .expoListInfo .formBox .title .h3 { font-size: 24px; } .expoListInfo .formBox .title { padding-bottom: 40px; } } @media screen and (min-width:1300px) { .expoListInfo .expoRBox { padding: 50px 40px; } .SpeakerBox { padding-top: 7%; } .expoListInfo .formBox .tip { margin-bottom: 30px; } .expoListInfo .formBox .btnBox { max-width: 150px; margin: 0 auto; } .expoListInfo .formBox .btnBox .btnBottom .btnA { line-height: 45px; height: 45px; } .expoListInfo .formBox .ul li { margin-bottom: 15px; } .expoListInfo .formBox .ul li input { height: 45px; line-height: 45px; font-size: 16px; } } @media screen and (min-width:1600px) { .expoListInfo .Item .title .h3 { font-size: 36px; } .expoListInfo .formBox .title .h3 { font-size: 26px; } .SpeakerBox .title .h3 { font-size: 26px; } } /*--- 商业合作.shtml ---- */ .Joblist .list .litop { background: #eee; color: #333; } .Joblist .list .litop dl { padding-right: 50px; } .Joblist .list .li { cursor: pointer; background: #fff; border-bottom: 1px solid #ddd; } .Joblist .list .li dl { background: #fff; color: #333; padding-right: 50px; } .Joblist .list .lion dl { background: #328dff; color: #fff; } .Joblist .list dl.dl { margin: 0; font-size: 0; line-height: 20px; position: relative; } .Joblist .list dl.dl .btn { position: absolute; right: 20px; top: 15px; } .Joblist .list .lion dl.dl .btn { color: #fff; } .Joblist .list .lion dl.dl .btn .iconfont:before { content: '\f24e'; } .Joblist .list dl.dl dd { width: 60%; text-align: center; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 15px 10px; display: inline-block; vertical-align: top; } .Joblist .list dl.dl .dd1 { text-align: left; } .Joblist .list dl.dl .dd3 { width: 40%; } .Joblist .list dl.dl .dd4, .Joblist .list dl.dl .dd2 { display: none; } .Joblist .list .liConBox { overflow: hidden; padding: 20px; display: none; background: #eee; } .Joblist .list .liConBox .txt { line-height: 26px; color: #666; margin-bottom: 10px; } .Joblist .list .liConBox .txt .h4 { font-weight: normal; font-size: 14px; color: #333; } .Joblist .list .Fmore { text-align: left; } .Joblist .list .Fmore .btnBottom { text-align: left; } @media screen and (min-width:768px) { .Joblist { padding: 0px 0 20px; } .Joblist .list dl.dl dd { width: 35%; padding: 15px; } .Joblist .list dl.dl .dd3 { width: 21%; } .Joblist .list dl.dl .dd4, .Joblist .list dl.dl .dd2 { display: inline-block; width: 22%; } } @media screen and (min-width:1000px) { .Joblist { padding: 0px 0 50px; } .Joblist .list dl.dl { padding: 0 20px; padding-right: 150px; } .Joblist .list li dl.dl .dd1 { padding-left: 60px; } .Joblist .list dl.dl dd { font-size: 16px; line-height: 20px; padding: 20px 15px; } .Joblist .list dl.dl .btn { top: 20px; right: 75px; } .Joblist .list dl.dl .btn .iconfont { font-size: 20px; } .Joblist .list .liConBox { padding: 60px 70px; position: relative; } .Joblist .list .liConBox .txt .h4 { font-size: 16px; } .Joblist .list .liConBox .txt { line-height: 28px; font-size: 16px; margin-bottom: 35px; } } .maskjob { display: none; position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); left: 0; top: 0; z-index: 999; } .jobform { max-width: 840px; border-top: 5px solid #328dff; padding: 30px 15px; width: 100%; font-size: 14px; background: #fff; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .jobform .scrollWarp { overflow: hidden; } .jobform .scrollBox { overflow: hidden; } .jobform .inputFileBox { width: 100%; height: 22px; color: #328dff; text-align: center; position: relative; cursor: pointer; } .jobform .inputFileBox .inputhide { display: none; } .jobform .inputFileBox .mrtxt { display: none; } .jobform .inputFileBox .inputtxt { line-height: 22px; color: #328dff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .jobform .inputFileBox .inputbox { padding-left: 0px; } .jobform .jobclose { display: block; width: 30px; text-align: center; line-height: 30px; position: absolute; right: 0px; top: 0px; } .jobform .jobclose .iconfont { font-size: 18px; } .jobform .h3 { text-align: center; padding: 0px 15px 0; color: #328dff; font-weight: normal; font-size: 16px; } .jobform ul { padding-top: 10px; } .jobform .li1 { position: relative; line-height: 40px; padding-left: 120px; margin-bottom: 15px; } .jobform .li1 .left { width: 100px; padding-right: 5px; text-align: right; position: absolute; left: 0; top: 0; } .jobform .li1 .right { padding: 9px 15px; background: #f4f4f4; } .jobform .li1.liname .right { border: none; } .jobform .li1.liname .right .zwmc { display: block; width: 100%; line-height: 22px; font-family: '微软雅黑'; font-size: 14px; } .jobform .li1 .right input { display: block; width: 100%; line-height: 22px; font-family: '微软雅黑'; font-size: 14px; } .jobform .li1 .right textarea { display: block; width: 100%; line-height: 22px; height: 150px; font-family: '微软雅黑'; font-size: 14px; } .jobform .Fmore { padding: 10px 0 10px 121px; } .jobform .Fmore .btnBottom { text-align: left; } @media screen and (min-width:768px) { .jobform { padding: 60px 30px 15px; } .jobform .li1 { line-height: 60px; font-size: 16px; } .jobform .li1 .right { padding: 14px 15px; } .jobform .h3 { font-size: 22px; } .jobform ul { padding-top: 20px; } .jobform .li1 .left { width: 120px; } .jobform .li1 { padding-left: 130px; } .jobform .Fmore { padding-left: 130px; } .jobform .Fmore .btnBottom .btnA { height: 50px; line-height: 50px; width: 230px; } } @media screen and (min-width:1000px) { .jobform .h3 { font-size: 28px; } .jobform ul { padding-top: 40px; } .jobform .li1 { margin-bottom: 24px; } .jobform .jobclose { width: 40px; right: -40px; color: #fff; } .jobform .jobclose .iconfont { line-height: 40px; font-size: 26px; position: relative; top: -4px; } .jobform .liFile { max-width: 360px; } .jobform { padding: 80px 70px 140px; } } .ContactUs ul { font-size: 0; } .ContactUs li { display: inline-block; width: 100%; padding: 10px 0; font-size: 14px; } .ContactUs .libox { background: #eee; border-bottom: 4px solid #9e9e9e; padding: 30px 15px; text-align: center; cursor: pointer; display: block; } .ContactUs .libox:hover { border-bottom-color: #328dff; } .ContactUs .libox:hover .img01 { display: block; } .ContactUs .libox:hover .img02 { display: none; } .ContactUs .libox:hover .txtbox .h3 { color: #328dff; } .ContactUs .libox:hover .txtbox .h3 .i { background: #328dff; } .ContactUs .libox:hover .more { color: #328dff; } .ContactUs ul li .img01 { display: none; } .ContactUs ul li .imgbox { padding-bottom: 15px; } .ContactUs ul li .imgbox img { width: 60px; } .ContactUs .txtbox { color: #666; } .ContactUs .txtbox .h3 { font-size: 18px; font-weight: normal; color: #333; } .ContactUs .txtbox .h3 .i { display: block; width: 40px; height: 2px; background: #9e9e9e; margin: 10px auto; } .ContactUs .more { margin-top: 20px; color: #333; position: relative; padding-right: 20px; display: inline-block; } .ContactUs .more .iconfont { position: absolute; right: 0; top: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .ContactUs .libox:hover .more .iconfont { right: -10px; } @media screen and (min-width:768px) { .ContactUs ul { margin: 0 -15px; } .ContactUs li { width: 33.33%; padding: 15px; } } @media screen and (min-width:1024px) { .ContactUs ul { margin: 0 -22.5px; } .ContactUs li { width: 33.33%; padding: 22.5px; } .ContactUs ul li .imgbox img { width: 110px; } .ContactUs ul li .imgbox { padding-bottom: 40px; } .ContactUs .libox { padding: 35px 30px; } .ContactUs .txtbox .h3 .i { margin: 25px auto; width: 50px; } .ContactUs .txtbox .h3 { font-size: 30px; } .ContactUs .txtbox { font-size: 16px; } } @media screen and (min-width:1300px) { .ContactUs .txtbox .h3 { font-size: 36px; } .ContactUs .txtbox { font-size: 18px; } .ContactUs .more { margin-top: 45px; font-size: 18px; } .ContactUs .libox { padding: 65px 50px; } } .GlobalOffice ul { font-size: 0; margin: 0 -5px; } .GlobalOffice ul li { display: inline-block; width: 100%; padding: 5px; font-size: 14px; vertical-align: top; } .GlobalOffice ul li .libox { display: block; background: #eee; padding: 15px; color: #666; } .GlobalOffice ul li .libox:hover { background-image: radial-gradient(circle at 0 0, #1381d7, #1ad6f5); color: #fff; } .GlobalOffice ul li .libox.liboxUp { background: #328dff; } .GlobalOffice ul li .libox:hover .h3 { color: #fff; } .GlobalOffice ul li .libox:hover .title .i { background: #fff; } .GlobalOffice .libox .h3 { color: #333; font-size: 16px; font-weight: normal; } .GlobalOffice .libox .title .i { display: block; width: 30px; height: 2px; background: #328dff; margin: 10px 0; } .GlobalOffice .libox dd { margin-bottom: 8px; } .GlobalOffice .libox dd.last { margin-bottom: 0; } @media screen and (min-width:640px) { .GlobalOffice ul li { width: 50%; } } @media screen and (min-width:768px) { .GlobalOffice ul { margin: 0 -10px; } .GlobalOffice ul li { padding: 10px; } .GlobalOffice ul li .libox { padding: 25px; } } @media screen and (min-width:1024px) { .GlobalOffice ul li { width: 33.33%; } .GlobalOffice .libox .h3 { font-size: 22px; } .GlobalOffice ul li { font-size: 16px; } .GlobalOffice .libox .title .i { margin: 17px 0 25px; width: 45px; } } @media screen and (min-width:1300px) { .GlobalOffice ul { margin: 0 -25px; } .GlobalOffice ul li { padding: 25px; } .GlobalOffice ul li .libox { padding: 30px; } } @media screen and (min-width:1600px) { .GlobalOffice .libox .h3 { font-size: 24px; } .GlobalOffice ul { margin: 0 -37.5px; } .GlobalOffice ul li { padding: 37.5px; } .GlobalOffice ul li .libox { padding: 45px; } } .QunavBox{ padding: 0px 0 20px; position: relative; } .QunavBox #content{position: absolute; left: -100%; top:0; width:1px; height: 1px; } .Qunav { text-align: left; position: relative; margin-top: -5px; } .Qunav .title .h3 { line-height: 40px; padding: 0 15px 0 0; font-size: 14px; position: relative; } .Qunav .title .h3 .btnicon { display: block; position: absolute; right: 0; top: 0; padding-right: 10px; } .Qunav .title .h3.h3on .iconfont:before { content: '\f24e'; } .Qunav .ul { display: none; /* position: absolute; z-index: 8; width: 100%; left: 0; top: 100%; background: #fff; */ padding:0 5px 5px; } .Qunav .ul li { border-bottom: 1px dashed #ddd; padding: 5px 0; } .Qunav .ul .libox { display: block; position: relative; line-height: 25px; padding-left: 30px; } .Qunav .ul .libox .img { width: 20px; line-height: 25px; } .Qunav .ul .libox .img img { width: 100%; vertical-align: middle; } .Qunav .ul .libox .img .img01 { display: none; } .Qunav .ul .libox .img { position: absolute; left: 0; top: 0; } .Qunav .ul .libox .litxt { color: #333; } .Qunav .ul .libox .litxt{display: inline-block;border-bottom: 1px solid transparent;} .Qunav .ul .libox:hover .litxt{border-bottom: 1px solid #328dff;} @media screen and (min-width:1024px) { .Qunav { padding: 0px 30px 20px; margin-top: -10px; } .Qunav .title { display: none; } .Qunav .ul { position: static; top: 0; display: block; background: transparent; font-size: 0; } .Qunav .ul li { border-bottom: none; display: inline-block; min-width: 20%; padding-right: 20px; margin-bottom: 0; font-size: 14px; } .Qunav .ul li { padding-top: 10px; padding-bottom: 10px; } .Qunav .ul .libox .litxt { color: #464646; } .Qunav .ul .libox .img .img02 { display: none; } .Qunav .ul .libox .img .img01 { display: inline-block; } .Qunav .ul .libox:hover .img .img01 { display: none; } .Qunav .ul .libox:hover .img .img02 { display: inline-block; } .Qunav .ul .libox:hover .litxt { color: #328dff; } .QunavBox #content{top:-75px;} } @media screen and (min-width:1300px) { .Qunav .ul .libox .img { width: 25px; } .Qunav .ul li { font-size: 16px; } } .SerQuestion { background: #ebf3ff; } .SerQuestion .ul li { margin-bottom: 24px;position: relative; } .SerQuestion .ul li .z_location{position: absolute;top: -120px;left: 0;} .SerQuestion .ul li.last { margin-bottom: 0; } .SerQuestion .ul li .title { padding-bottom: 15px; } .SerQuestion .ul li .title .h3 { position: relative; font-size: 18px; font-weight: normal; color: #333; line-height: 1.3em; } .SerQuestion .ul li .title .h3 .i { display: block; width: 2px;display: none;height: 1em; position: absolute; left: 0; top: 0.15em; background: #328dff; } .SerQuestion .ul li .dl{border-radius:10px; overflow: hidden;} .SerQuestion .ul li .dl dd { background: #fff; padding: 10px;} .SerQuestion .ul li .dl dd .ddtitle { line-height: 26px; padding: 0 40px; cursor: pointer; position: relative; } .SerQuestion .ul li .dl dd .ddtitle .tiicon { position: absolute; border-radius: 3px; left: 0; top: 0; width: 26px; height: 26px; background: #eee; color: #333; text-align: center; line-height: 26px; font-family: 'ArchivoB'; font-weight: bold; } .SerQuestion .ul li .dl dd .ddtitle .btnicon { position: absolute; right: 0; top: 0; padding-right: 10px; } .SerQuestion .ul li .dl dd.ddon .ddtitle .tiicon { background: #328dff; color: #fff; } .SerQuestion .ul li .dl dd.ddon .ddtitle .btnicon .iconfont:before { content: '\f24e'; } .SerQuestion .ul li .dl dd .ddCon { display: none; border-top: 1px solid #eee; padding: 10px 0; margin-top: 10px; color: #979797;} .SerQuestion .ul li .dl dd .ddCon .ddBox { position: relative; padding-left: 40px; line-height: 26px; } .SerQuestion .ul li .dl dd .ddCon .conicon { position: absolute; left: 0; top: 0; border-radius: 3px; width: 26px; height: 26px; background: #faaa10; color: #fff; text-align: center; line-height: 26px; font-family: 'ArchivoB'; font-weight: bold; } @media screen and (min-width:768px) { .SerQuestion .list { padding-bottom: 30px; } .SerQuestion .ul li { margin-bottom: 30px; } .SerQuestion .ul li .title .h3 { font-size: 22px; } .SerQuestion .ul li .dl dd .ddtitle .tiicon { width: 27px; height: 27px; line-height: 27px; } .SerQuestion .ul li .dl dd .ddCon .conicon { width: 27px; height: 27px; line-height: 27px; } .SerQuestion .ul li .dl dd .ddtitle { line-height: 27px; } .SerQuestion .ul li .dl dd .ddCon .ddBox { line-height: 27px; } .SerQuestion .ul li .dl dd { padding: 22px; } .SerQuestion .ul li .dl dd .ddCon { padding-top: 22px; margin-top: 22px; } .SerQuestion .ul li .dl dd { font-size: 16px; } } @media screen and (max-width:768px) { .SerQuestion .MainF{padding-top: 24px;} } @media screen and (min-width:1024px) { .SerQuestion .ul li { margin-bottom: 60px; } .SerQuestion .ul li .title .h3 { font-size: 24px; } .SerQuestion .list { padding-bottom: 40px; } .footer.tops { padding: 0; border-top: none; } .footer.tops .BottomBox .langbox .ZJselectBox .ZJselectUl { top: 100%; bottom: auto; } .footer.tops .Fleft .BottomBox .langbox { position: absolute; top: 8px; left: 109px; width: 148px; border: none; margin-left: 20px; } .MaskLogin .Maskbox2 { width: 100%; max-width: 50%; margin: 0 auto; background: #fff; position: relative; border-top: none; float: right; } } @media screen and (min-width:1299px) { .mainnav .ul li { margin: 0 40px; } /* .mainnav .ul li:last-child { margin-right: 0; } */ } @media screen and (min-width:1600px) { .SerQuestion .list { padding-bottom: 60px; } .SerQuestion .ul li { margin-bottom: 90px; } } .NewsInfo .title { padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px dashed #ddd; text-align: center; } .NewsInfo .title .h3 { font-size: 16px; font-weight: normal; color: #333; } .NewsInfo .title .h4 { font-size: 14px; color: #999; font-weight: normal; } @media screen and (min-width:768px) { .NewsInfo .title .h3 { font-size: 20px; } } @media screen and (min-width:1024px) { .NewsInfo .title .h3 { font-size: 22px; } .NewsInfo .title .h4 { font-size: 16px; padding-top: 10px; } .NewsInfo .title { padding-bottom: 30px; margin-bottom: 30px; } .NewsInfo { font-size: 16px; line-height: 28px; } } @media screen and (min-width:1600px) { .NewsInfo .title .h3 { font-size: 30px; } } /* -------------------------------------- 1200 -------------------------------------------------- */ /* -------------------------------------- 1200 -------------------------------------------------- */ .lookmore { width: 125px; float: right; border: 2px solid #ffff; text-align: center; line-height: 35px; border-radius: 4px; margin-bottom: 20px; margin-top: 10px; color: #fff; } .lookmore:hover { background: #1381d7; color: #fff; border-color: #1381d7; } .banNav.call { position: relative; right: 0%; top: 0%; margin-bottom: 20px; } @media screen and (min-width:1024px) { .banner .tbc .w1440 { text-align: left; padding-right: 20%; } .banner .tbc .w14402 { padding-right: 4%; text-align: right; } .banner .BanTxt .w1440 .h3 { margin-top: 2%; } .banner .BanTxt.BanTxtCenter .w1440 .txt { max-width: 100%; text-align: left; padding-top: 0; } .banner .BanTxt.BanTxtCenter .w14402 .txt { text-align: right; } .banNav { position: absolute; right: 2%; top: 43%; } .banNav.call { position: relative; right: 0%; top: 0%; margin-bottom: 35px; } .banNavs { position: relative; right: 0%; top: 13%; } .banner.new1440 .pc { height: 260px; } } /* .w1440 .banNav ul.ul li.on { display: none; } .w1440 .banNav.call ul.ul li.on { display: inline-block; } */ .lef_texts { width: 40%; float: left; } .libox.rig_texts { width: 60%; float: left; } .GlobalOffice ul li .libox.rig_texts { padding: 5px; } .GlobalOffice ul li .libox.rig_texts .liview { height: auto !important; margin-bottom: 5%; } .GlobalOffice ul li .libox.rig_texts.liboxUp, .GlobalOffice ul li .libox.rig_texts { background: none; } .GlobalOffice ul li .libox.rig_texts:hover { background-image: none; color: #333; } .GlobalOffice ul li .libox.rig_texts .title .i { display: none; } .GlobalOffice ul li .libox.rig_texts:hover .h3, .GlobalOffice ul li .libox:hover .h3 { color: #333; } .xinoffice.GlobalOffice ul li { width: 100%; } .texts11 { font-size: 24px; } .GlobalOffice .libox.rig_texts .h3 { font-size: 18px; margin-bottom: 1.8%; } .GlobalOffice .libox.rig_texts dd { font-size: 16px; color: #333; } .GlobalOffice .libox.rig_texts dd span { color: #999; } .tits { font-size: 34px; } .adds dd { font-size: 16px; margin-bottom: 8px; color: #333; } .adds dd span { color: #999; } .top_texts::after { content: ''; display: block; clear: both; margin-bottom: 3%; } .top_texts .i { display: block; width: 45px; height: 2px; background: #328dff; margin: 17px 0 25px; } .top_texts .lis_bg1 { background-position: center; background-size: contain; background-repeat: no-repeat; width: 17%; padding-bottom: 20%; margin-bottom: 5%; } .top_texts .lef_texts { margin-top: 4%; } .libox.rig_texts .lis_bg { padding-bottom: 50%; background-position: center; background-size: cover; background-repeat: no-repeat; } @media screen and (min-width:1600px) { .banner .tbc .w14402 { padding-right: 0%; text-align: right; } } @media screen and (max-width:1024px) { .lookmore { float: none; display: block; margin: 0 auto; } } @media screen and (max-width:768px) { .lef_texts { width: 100%; float: left; } .libox.rig_texts { margin: 5% 0; width: 100%; float: left; } } /* 头部重写 */ .HeaderTop { /*border-bottom: 1px solid #e6e6e6; padding: 3px 0;*/ text-align: right; background: #002767; padding: 0 10px; } .HeaderTop .item { display: inline-block; text-align: left; padding-left: 3px; color: #fff; } .HeaderTop .item a { color: #fff; } .HeaderTop .ZJselectTxt { padding-right: 25px; padding-left: 0px; height: 30px !important; color: #fff; cursor: pointer; } .HeaderTop .ZJselectTxt .ZJselectTxtSpan { color: #fff; } .HeaderTop .item .ZJselectTxt{padding-right: 0;} .HeaderTop .item .ZJselectTxt i.icon { background: url('../images/icon1.png') no-repeat center; transition: .3s; width: 11px;} .HeaderTop .item .ZJselectTxt i.iconOn { background: url('../images/icon1_a.png') no-repeat center; } .HeaderTop .item03 .ZJselectBox .ZJselectUl { width: 89px; } .HeaderTop .leftgp a { color: white; } .HeaderTop{display: none;} .headerWrapCopy .HeaderTop{display: block;} @media screen and (min-width:768px) { .HeaderTop .leftgp { float: left; line-height: 28px; } .HeaderTop .item { padding-left: 30px; } } @media screen and (min-width:1024px) { .searchBox .login_top { display: none; } .searchBox .loginbtn { display: none; } .searchBox .tops { display: none; } .mainnav { padding-left: 200px; } .searchBox { right: 0; } .searchWarp { top: 54px; right: 80px; } .mainnav .navA { padding-right: 25px; background: url('../images/icon2.png') no-repeat right center; transition: .3s; } /*.mainnav #nav6 .navA { padding-right: 0; background: none; }*/ .mainnav .ul li .xl { width: 650px; padding: 20px 70px 0; /*min-height:300px;*/ } .mainnav .ul li#nav2 .xl {padding-left: 40px;} .mainnav .ul li .xl .piimg { position: absolute; width: 170px; position: absolute; left: 0; top: 0; height: 73%; margin: 40px; } .mainnav .ul li .xl .backcov { width: 100%; height: 100%; background: no-repeat center; background-size: cover; } .HeaderTop { padding: 0 30px; } .HeaderTop .item .ZJselectBox .ZJselectUl { box-shadow: 0 0 10px 0 #e6e6e6; } .HeaderTop .item .ZJselectBox .ZJselectUl .ZJselectUlBox { border: none; border-radius: 10px; } .HeaderTop .item .ZJselectBox .ZJselectUl ul { padding: 15px 0; } .HeaderTop .item .ZJselectBox .ZJselectUl ul li { border: none; padding-left: 0; text-align: center; } .HeaderTop .item .ZJselectBox .ZJselectUl ul li a { color: #3991ff; } .HeaderTop .item .ZJselectBox .ZJselectUl ul li a:hover { text-decoration: underline; } .HeaderTop .item .ZJselectBox .ZJselectUl { background: rgb(255, 255, 255); left: auto; right: 0; border-radius: 10px; margin-top: 15px; } .HeaderTop .item .ZJselectBox .iic { display: block; width: 20px; height: 8px; position: absolute; left: 50%; transform: translate(-50%); top: -8px; background: url(../images/li_03.jpg)no-repeat center; } .HeaderTop .ZJselectTxt .iconfont, .HeaderTop .item a .iconfont { color: #fff; transition: .3s; } .HeaderTop .item:hover .ZJselectTxtSpan{color: #777777; } .HeaderTop{display: block;} .headerWrapCopy .HeaderTop{display: none;} } .icongouwuche{position: relative;vertical-align: sub;width: 15px;height: 14px;display: inline-block;} .icongouwuche:before{width: 16px;height: 16px;content: '';background:url(../images/gwc.png) no-repeat;position: relative;top: 1px;display: inline-block;} @media screen and (min-width:1200px) { .mainnav { max-width: 900px; padding-left: 0; } .searchBox { right: 0; left: auto; width: 100%; } .searchWarp { position: absolute; top: 7px; right: 40px; width: 68.6%; } .HeaderTop { padding: 0 40px; } } .HeaderTop .item { font-size: 12px; } .HeaderTop .ZJselectBox { font-size: 12px !important; cursor: pointer;} .MaskProgressBar { display: none; position: fixed; height: 100%; background: rgba(0, 0, 0, 0.5); width: 100%; left: 0; top: 0; z-index: 999; } .MaskProgressBar .Maskbox { width: 95%; max-width: 780px; border-radius: 10px; overflow: hidden; margin: 30px auto 0; position: relative; } .MaskProgressBar .Maskbox .close { display: block; width: 40px; height: 40px; position: absolute; right: 0px; top: 0px; background: url('../images/close.png') no-repeat center; } .MaskProgressBar .Maskbox .txtBox .img2{display: none;} .MaskProgressBar .Maskbox .btnA{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .HeaderTop .ZJselectBox .OutUseStyle{padding-left: 10px;} @media screen and (min-width:1200px) { .HeaderTop .ZJselectBox .OutUseStyle{padding-left: 30px;} } /* .MaskProgressBar .Maskbox .wlogo { display: inline-block; max-width: 208px; margin: 0 auto 15px; } .MaskProgressBar .Maskbox .txtBox { text-align: center; } .MaskProgressBar .Maskbox .txtBox .h3 { font-size: 16px; } .MaskProgressBar .Maskbox .txtBox .add { padding: 10px 0; } .MaskProgressBar .Maskbox .txtBox .txt { text-align: center; } */ @media screen and (min-width:1024px) { /* .MaskProgressBar .Maskbox .txtBox { padding: 70px 30px 60px; } .MaskProgressBar .Maskbox .wlogo { margin-bottom: 30px; } .MaskProgressBar .Maskbox .txtBox .h3 { font-size: 24px; } .MaskProgressBar .Maskbox .txtBox .add { padding: 20px 0 40px; font-size: 16px; } */ } /* 头部重写 */ .footer{overflow: hidden;} .FooterUse { position: fixed; right: 0; bottom: 30px; z-index: 99; } .FooterUse a { display: block; height: 43px; width: 43px; line-height: 43px; color: #fff; border-radius: 25px; text-align: center; border-radius: 4px; } .FooterUse a:nth-child(2){display: none;} .FooterUse:hover a:nth-child(2){display: block;} .FooterUse:hover a:nth-child(1){display: none;} @media screen and (min-width:1024px) { .FooterUse { margin-top: -30px; } .FooterUse a { font-size: 24px; line-height: 43px; } } .bodylogin { background: url('../images/bodymaskbg.jpg') no-repeat center; background-size: cover; position: relative; } .bodymaskbg { background: rgba(0, 0, 0, .5); position: relative; } .Changelogin { position: absolute; width: 90%; left: 5%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .ChangeloginBox { width: 100%; max-width: 520px; position: relative; margin: 0 auto; background:#fff; padding: 20px; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) } .ChangeloginBox .close{position: absolute;right: 10px;top:15px; width:40px;height: 40px; line-height: 40px; text-align: center; color: #1b1b1b;} .ChangeloginBox .close .iconfont{font-size:22px;} .ChangeloginBox .title .h3 { font-size: 16px; text-align: center; font-weight: normal; color: #1b1b1b; } .ChangeloginBox .title .dl { font-size: 0; margin: 0 -5px; } .ChangeloginBox .title .dl dd { font-size: 14px; font-size: 16px; display: inline-block; width: 50%; padding: 0 5px; color: #1b1b1b; text-align: center; position: relative; } .ChangeloginBox .title .dl dd a { display: inline-block; color: #1b1b1b; border-bottom: 2px solid transparent; line-height: 35px; } .ChangeloginBox .title .dl dd.on a { border-bottom-color: rgba(255, 255, 255, 0.5); } .ChangeloginBox .title .dl dd a .i { opacity: 0; display: block; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid rgba(255, 255, 255, 0.5); position: absolute; left: 50%; margin-left: -3px; bottom: 2px; } .ChangeloginBox .title .dl dd.on a .i { opacity: 1; } .ChangeloginBox .txtBox { padding: 15px 0px 20px; margin: 0 auto; } .ChangeloginBox .txtBox .txt { padding-top: 8px; font-size: 14px; } .ChangeloginBox ul li { position: relative; margin-bottom: 10px; border-bottom: 1px solid #1b1b1b; color: #1b1b1b; } .ChangeloginBox ul li input { display: block; width: 100%; height: 35px; line-height: 35px; font-size: 14px; color: #1b1b1b; } .ChangeloginBox ul li textarea { height: 120px; padding: 10px 0; width: 100%; display: block; color: #1b1b1b; } .ChangeloginBox .loginTip { color: #1b1b1b; padding-top: 10px; } .ChangeloginBox .loginTip a {border-bottom: 1px solid #333;} .ChangeloginBox .loginTip a:hover{border-color:#328dff ;} .ChangeloginBox .loginTip .wj { float: left; } .ChangeloginBox .loginTip .ljzc { border-bottom: 1px solid #333; } .ChangeloginBox .loginTip .p { float: right; } .ChangeloginBox .ystk .i { display: inline-block; vertical-align: middle; cursor: pointer; width: 20px; height: 20px; border: 1px solid #1b1b1b; margin-right: 5px; } .ChangeloginBox .ystk .i.ion { background: url('../images/duiicon.png') no-repeat center; } .ChangeloginBox .ystk a { color: #1b1b1b; display: inline-block; vertical-align: middle; } .ChangeloginBox .ZJselectTxt { line-height: 35px; padding-left: 0; } .ChangeloginBox .ZJselectBox { height: 35px; } .ChangeloginBox .ZJselectTxt .ZJselectTxtSpan { color: #fff; } .ChangeloginBox .ZJselectTxt i.icon { line-height: 35px; height: 35px; background-image: url('../images/zjdownon.png'); } .ChangeloginBox .Cloginhide .itembox { display: none; } @media screen and (min-width:768px) { .ChangeloginBox .loginTip .ljzc .iconfont{font-size: 0;} .ChangeloginBox { padding: 60px; } .ChangeloginBox .title .h3 { font-size: 22px; } .ChangeloginBox ul li input { line-height: 45px; height: 45px; } .ChangeloginBox .ystk { padding-top: 5px; } .ChangeloginBox .title .dl dd { font-size: 22px; } .ChangeloginBox .title .dl dd a { line-height: 45px; } .ChangeloginBox .ZJselectTxt { line-height: 45px; } .ChangeloginBox .ZJselectBox { height: 45px; } .ChangeloginBox .ZJselectTxt i.icon { line-height: 45px; height: 45px; } } .MaskLoginRwm .ChangeloginBox .txtBox{ text-align: center; } .MaskLoginRwm .ChangeloginBox{max-width: 280px; padding: 40px 20px; background:transparent; box-shadow: none;} /*新首页*/ .idxHfoor1 { } .idxHfoor1 .list { padding-top: 10px; } .idxHfoor1 .list .ul { font-size: 0; margin: 0 -5px; } .idxHfoor1 .list li { display: inline-block; padding: 15px 10px; width: 100%; vertical-align: top; font-size: 14px; border-radius: 15px; margin-bottom: 15px; } .idxHfoor1 .list li .imgBox { text-align: center; } .idxHfoor1 .list li .txtBox { text-align: center;margin-top: 30px;} .idxHfoor1 .list li .txtBox .h5 { font-size: 24px; margin-top: 15px; color: #333; } .idxHfoor1 .list li .txtBox .p { font-size: 16px; margin: 10px 0; transition: .3s; color: #333; } .idxHfoor1 .list li .txtBox .hovBox { position: relative; } .idxHfoor1 .list li .txtBox .hovBox span { color: #666666; transition: .3s; margin-bottom: 10px; display: block; } .idxHfoor1 .list li .txtBox .hovBox .aList { } .idxHfoor1 .list li .txtBox .hovBox .aList a { position: relative; display: inline-block; margin-right: 10px;font-size: 14px; color: #6191e3;} .idxHfoor1 .list li .txtBox .hovBox .aList a::before { content: ""; display: block; width: 5px;height: 5px;border-radius: 100%; background: #6191e3; position: absolute; transition: .5s; left: 0px; top: 50%; transform: translateY(-50%); } .idxHfoor2 { background: none; padding-top: 0; } .idxHfoor2 .list .libox { border: none; } .idxHfoor2 .list ul { box-shadow: none; } .idxHfoor3Sld { padding-left: 75px !important; background: url(../images/icon4.png) no-repeat left center; background-size: contain; position: relative; } .idxHfoor3Sld .slick-slider { position: static; } /* .idxHfoor3Sld .slick-list { padding-right: 14.215%; } */ .idxHfoor3Sld li { padding: 10px; } .idxHfoor3Sld li a { display: block; margin-right: 0; box-shadow: 0 0 10px 1px rgba(0, 0, 0, .2); background: #fff; border-radius: 15px; } .idxHfoor3Sld li .imgBox { height: 200px; background-repeat: no-repeat; background-size: cover; background-position: center center; border-top-left-radius: 15px; border-top-right-radius: 15px; overflow: hidden; } .idxHfoor3Sld .slick-arrow { width: 40px; height: 40px; font-size: 0; border: none; background: url(../images/icon5.png) no-repeat; position: absolute; left: 10px; top: 15%; cursor: pointer; transition: .3s; background-size: contain; } .idxHfoor3Sld .slick-prev { top: calc(15% + 50px); transform: rotate(180deg); } .idxHfoor3Sld .slick-arrow:hover { left: 5px; } .idxHfoor3Sld li .txtBox { padding: 15px; } .idxHfoor3Sld li .txtBox .h5 { font-size: 18px; font-weight: normal; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 20px; } .idxHfoor3Sld li .txtBox .p { font-size: 14px; color: #333; padding-right: 20px; position: relative; display: inline-block; } .idxHfoor3Sld li .txtBox .p:before { width: 11px; height: 6px; content: ''; background: url(../images/icon2.png) no-repeat; transform: rotate(270deg); position: absolute; top: 8px; right: 0; } .idxHfoor3Sld .more { display: block; width: 33px; height: 7px; background: url(../images/icon6.png) no-repeat; position: absolute; top: 50%; margin-top: -3.5px; left: 10px; margin-left: 15px; transition: .3s; } .idxHfoor4 { } .idxHfoor4Box { padding: 0 10px; } .idxHfoor4Box .txtBox { padding-top: 100px; width: 50%; text-align: center; } .idxHfoor4Box .txtBox .h5 { font-size: 22px; color: #333333; margin-bottom: 15px; } .idxHfoor4Box .txtBox .p { font-size: 22px; font-weight: bold; color: #666; } .idxHfoor4Box .txtBox span { display: block; font-size: 18px; color: #666; } .idxHfoor4Box .txtBox span time { font-weight: bold; } .idxHfoor4Box .txtBox .more { display: inline-block; line-height: 40px; border-radius: 15px; border: 1px solid #4d4d4d; transition: 0.3s; padding: 0 30px; font-size: 14px; top: 0; letter-spacing: 5px; color: #333333; margin-top: 15px;} .idxHfoor4Box .txtBox .more:hover { border: 1px solid #328dff; color: #328dff; top: -5px;} .idxHfoor5 { } .idxHfoor5 .imgBox { display: inline-block; vertical-align: middle; width: 100%; text-align: center; margin-bottom: 15px; } .idxHfoor5 .txtBox { display: inline-block; vertical-align: middle; width: 100%; text-align: center; } .idxHfoor5 .txtBox .h5 { font-size: 24px; color: #333; font-weight: normal; margin-bottom: 20px; } .idxHfoor5 .txtBox .p { font-size: 18px; line-height: 30px; color: #333; margin-bottom: 40px; } .idxHfoor5 .txtBox .view { display: inline-block; line-height: 40px; border-radius: 15px; padding: 0 30px; font-size: 14px; color: #fff; letter-spacing: 5px; background: #328dff; } .idxHfoor6 { margin-bottom: 30px; } .idxHfoor6 .w1458 { position: relative; } .idxHfoor6 .leftSlide { width: 100%; margin-bottom: 15px; position: static; } .idxHfoor6 .leftSlide .item { } .idxHfoor6 .leftSlide .item .titleBox { border-bottom: 1px solid #333; padding: 30px 0 15px 0; } .idxHfoor6 .leftSlide .item .titleBox .h5 { font-size: 24px; color: #333; font-weight: normal; margin-bottom: 10px; } .idxHfoor6 .leftSlide .item .titleBox .p { font-size: 16px; color: #333; } .idxHfoor6 .leftSlide .item .contnBox { margin-top: 30px; } .idxHfoor6 .leftSlide .item .contnBox .iconB { display: inline-block; vertical-align: middle; width: 24%; } .idxHfoor6 .leftSlide .item .contnBox .textB { display: inline-block; vertical-align: middle; padding-left: 8%; width: 73%; } .idxHfoor6 .leftSlide .item .contnBox .textB .h5 { font-size: 16px; font-weight: normal; color: #333; margin-bottom: 5px; } .idxHfoor6 .leftSlide .item .contnBox .textB .p { font-size: 14px; color: #666; } .idxHfoor6 .leftSlide .slick-arrow { position: absolute; width: 60px; height: 30px; background: url(../images/icon9.png) no-repeat; bottom: 5%; border: none; font-size: 0; cursor: pointer; transition: .3s; background-size: contain; left: calc(60px + 30px); } .idxHfoor6 .leftSlide .slick-arrow.slick-prev { left: 25px; background: url(../images/icon8.png) no-repeat; background-size: contain; } /* .idxHfoor6 .leftSlide .slick-arrow.slick-prev:hover{background:url(../images/icon8_a.png) no-repeat;background-size: contain;} */ /* .idxHfoor6 .leftSlide .slick-arrow.slick-next:hover{background:url(../images/icon9_a.png) no-repeat;background-size: contain;} */ .idxHfoor6 .leftSlide .slick-arrow.slick-prev:hover { right: calc(132px + 55px); } .idxHfoor6 .leftSlide .slick-arrow.slick-next:hover { right: 5px; } .idxHfoor6 .rightTit { text-align: right; padding: 20px; background: #6191e3; } .idxHfoor6 .rightTit .h5 { font-size: 24px; font-weight: normal; color: #fff; } .idxHfoor7 { margin-bottom: 30px; } .idxHfoor7 ul { font-size: 0; background: #cde0ff; border-radius: 15px; } .idxHfoor7 li { font-size: 14px; display: inline-block; vertical-align: top; width: 33.33%; text-align: center; padding: 10px 0; } .idxHfoor7 li .h5 { font-size: 24px; color: #6191e3; margin-bottom: 5px; } .idxHfoor7 li .p { font-size: 14px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .footer { background: #328dff; color: #fff; padding-bottom: 0 !important; } .footer a, .footer .Fright .dl dt { color: #fff; } .footer .footerBox { background: #0144af; overflow: hidden; } .tipBox { display: none; position: fixed; bottom: 70px; right: 50px; z-index: 9999; max-width: 100px; } .tipBox .tipcont { position: relative; border-radius: .625rem; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .4); background-color: #fff; } .tipBox .tipcont .cloBtn { font-size: 18px; color: #333; position: absolute; right: 0; top: -25px; opacity: 1; transition: .3s; } .tipBox .tipcont .cloBtn:before { content: '\e648'; } .tipBox .tipcont:hover .cloBtn { opacity: 1; transform: rotate(90deg); } .tipBox .tipcont span { display: block; position: absolute; content: ""; width: 10px; height: 10px; right: 10px; bottom: -5px; background-color: #fff; transform: translateX(-6px) rotate(135deg); pointer-events: none; box-shadow: 2px -2px 2px 0 rgba(0, 0, 0, .2); } .tipBox .tipcont .p { padding: 10px; } .footerBox .w1540{max-width:1300px;} @media screen and (min-width:640px) { .idxHfoor1 .list { padding-top: 40px; } .idxHfoor1 .list li { width: 50%; padding: 20px; } } @media screen and (min-width:768px) { .idxHfoor1 .list li { width: 25%; padding: 40px 20px; border: 1px solid rgba(0, 0, 0, .2); } .idxHfoor3Sld li a{margin-right: 7.5%;} } @media screen and (min-width:1024px) { .idxHfoor3Sld { padding-left: 95px !important; } .idxHfoor1 .list { padding-top: 80px; } .idxHfoor1 .list li { padding: 80px 20px; transition: .3s; position: relative; border: none; margin-bottom: 0; } .idxHfoor1 .list li:before { width: 101px; height: 101px; content: ''; background: url(../images/icon3.png) no-repeat; position: absolute; top: 0; left: 0; opacity: 0; transition: .3s; } .idxHfoor1 .list li:hover { box-shadow: 0 0 15px 2px rgba(0, 0, 0, .2); } .idxHfoor1 .list li:hover .txtBox .h5 { color: #328dff; } .idxHfoor1 .list li:hover .txtBox .p { color: #328dff; text-decoration: underline; } .idxHfoor1 .list li:hover .txtBox .hovBox .aList a { color: #333; } .idxHfoor1 .list li:hover .txtBox .hovBox .aList a::before{background:#333;} .idxHfoor1 .list li .txtBox .hovBox .aList { position: absolute; width: 100%; top: 0; left: 0; opacity: 0; transition: .3s; } .idxHfoor1 .list li .txtBox .hovBox .aList a { padding-left: 10px; } .idxHfoor1 .list li:hover .txtBox .hovBox span { opacity: 0; } .idxHfoor1 .list li:hover .txtBox .hovBox .aList { opacity: 1; } /* .idxHfoor1 .list li .txtBox .hovBox .aList a:hover::before { right: 0px; } */ .idxHfoor1 .list li:hover:before { opacity: 1; } .idxHfoor1 .list li .txtBox .h5 { margin-top: 35px; font-size: 32px; } .idxHfoor1 .list li .txtBox .p { margin: 20px 0; font-size: 20px; min-height: 56px; } .idxHfoor3Sld { padding: 90px 0; } .idxHfoor3Sld li a { overflow: hidden; } .idxHfoor3Sld li .imgBox { height: 350px; transition: 0.5s all; } .idxHfoor3Sld li:hover .imgBox { transform: scale(1.05); } .idxHfoor3Sld li .txtBox { padding: 30px; } .idxHfoor3Sld li .txtBox .h5 { font-size: 24px; margin-bottom: 50px; transition: .3s; height: 68px; } .idxHfoor3Sld li .txtBox .p { font-size: 16px; } .idxHfoor3Sld li .txtBox .p:before { transition: .3s; } .idxHfoor3Sld li:hover .txtBox .h5 { color: #328dff; } .idxHfoor3Sld li:hover .txtBox .p:before { right: -5px; } .idxHfoor3Sld .more:hover { margin-top: -5px; } .idxHfoor3Sld .slick-arrow { width: 66px; height: 66px; } .idxHfoor3Sld .slick-prev { top: calc(15% + 90px); } .idxHfoor4Box { height: 465px;background-position:bottom right;background-repeat:no-repeat; } .idxHfoor4Box .txtBox { padding-top: 100px; width: 50%; text-align: center; } .idxHfoor4Box .txtBox .h5 { font-size: 44px; margin-bottom: 35px; } .idxHfoor4Box .txtBox .p { font-size: 44px; } .idxHfoor4Box .txtBox span { font-size: 24px; } .idxHfoor4Box .txtBox .more { margin-top: 35px; position: relative;line-height: 55px; padding: 0 60px; font-size: 18px; } .idxHfoor5 .imgBox { width: 50%; text-align: left; margin-bottom: 0; } .idxHfoor5 .txtBox { width: 48%; text-align: center; } .idxHfoor5 .txtBox .h5 { font-size: 60px; margin-bottom: 45px; } .idxHfoor5 .txtBox .p { font-size: 24px; line-height: 45px; margin-bottom: 100px; } .idxHfoor5 .txtBox .view { line-height: 55px; padding: 0 60px; font-size: 18px; transition: .3s; position: relative; top: 0; } .idxHfoor5 .txtBox .view:hover { top: -5px; } .idxHfoor6 { margin-bottom: 70px; min-height: 627px; background: url(../images/h6BG.png) no-repeat center right; } .idxHfoor6 .leftSlide { width: 44.5%; float: left; margin-bottom: 0; } .idxHfoor6 .leftSlide .item .titleBox { padding: 80px 0 30px 0; } .idxHfoor6 .leftSlide .item .titleBox .h5 { font-size: 60px; margin-bottom: 20px; } .idxHfoor6 .leftSlide .item .titleBox .p { font-size: 36px; } .idxHfoor6 .leftSlide .item .contnBox { margin-top: 65px; } .idxHfoor6 .leftSlide .item .contnBox .textB .h5 { font-size: 36px; margin-bottom: 15px; } .idxHfoor6 .leftSlide .item .contnBox .textB .p { font-size: 30px; } .idxHfoor6 .leftSlide .slick-arrow { right: 40px; width: 132px; height: 62px; right: 10px; left: auto; } .idxHfoor6 .leftSlide .slick-arrow.slick-prev { right: calc(132px + 50px); left: auto; } .idxHfoor6 .rightTit { background: none; padding: 100px 0 0; width: 30%; float: right; } .idxHfoor6 .rightTit .h5 { font-size: 60px; } .idxHfoor7 { margin-bottom: 70px; } .idxHfoor7 li { padding: 20px 0; } .idxHfoor7 li .h5 { font-size: 60px; margin-bottom: 10px; } .idxHfoor7 li .p { font-size: 24px; } .tipBox { bottom: 82px; right: 20px; max-width: 250px; } .tipBox .tipcont .cloBtn { opacity: 0; } } @media screen and (min-width:1025px) { .idxHfoor1 .list li .txtBox .h5{font-size:22px;} } @media screen and (min-width:1300px) { .idxHfoor1{padding-bottom: 15px;} } @media screen and (min-width:1600px) { .idxHfoor5, .idxHfoor4 .idxHfoor4Box, .idxHfoor6, .idxHfoor7 { padding-left: 11.5%; } .idxHfoor3Sld { padding-left: 19% !important; } .idxHfoor3Sld .slick-arrow { left: 12%; } .idxHfoor3Sld .slick-arrow:hover { left: calc(12% - 5px) } .idxHfoor3Sld .more { left: 12%; } .idxHfoor1 .list li .txtBox .h5{font-size:32px;} /* .idxHfoor4 .idxHfoor4Box{padding-left:19%;} */ .idxHfoor6 .leftSlide .slick-arrow { right: 0; } .idxHfoor6 .leftSlide .slick-arrow.slick-prev { right: calc(132px + 25px); } .HomeF .w1458, .idxHfoor6 .w1458, .idxHfoor7 .w1458 { margin: 0; } .idxHfoor4Box .txtBox { width: 40%; text-align: center; } } @media(max-width:1024px) { .idxHfoor4Box .txtBox { } .idxHfoor1 .list li .txtBox .h5 { font-size: 18px; } .idxHfoor1 .list li .txtBox .hovBox span { font-size: 14px; } .HeaderTop .item .ZJselectUlBox a { color: #666; } .idxHfoor4Box { height: auto;background: none!important; } .mob_img img { display: block; width: 100%; height: auto; } .mainnav .ul li#nav5 .xl { left: 55%; } } @media (max-width:768px) { .idxHfoor3Sld{padding-right: 20px;} .idxHfoor3Sld .slick-arrow{left: 20px;} .idxHfoor4Box .txtBox { width: 100%; text-align: center; padding-top: 30px; } .idxHfoor4Box { padding-bottom: 30px; } /* .HeaderTop .leftgp { display: none; } */ .HeaderTop .leftgp a {line-height: 28px;} .HeaderTop { text-align: center; } .wraptop { display: none; } .headerWrapCopy .wraptop { display: block; } .HomeBan .slick-dots { bottom: 10px;} .HomeBan .slick-dots li.slick-active { width: 25px; border-radius: 15px;} .idxHfoor1 .list li .txtBox .hovBox .aList a { padding-left: 10px; margin-right: 0; } } .footer .Fleft .Fus .BottomBox { display: none; } .idxHfoor6, .idxHfoor7 { display: none; } @media (max-width:768px) { .footer .footerBox { padding-bottom: 20px; } .footer .footerBox .bomLogo { padding-bottom: 12px; } .footer .footerBox .links { padding: 12px 0; } .footer .footerBox { padding-top: 20px; } .footer .Fleft .Fus dd span { font-size: 14px; } .idxHfoor3Box .MainTitle { padding-bottom: 20px; } .idxHfoor5 .imgBox { margin-bottom: 20px; } } /*.HeaderTop .item:last-child .ZJselectTxt i.icon { background: none; }*/ /* .iconsousuo:before { content: '' !important; } */ @media screen and (min-width:1024px) { .footer .Fleft { padding-bottom: 0; } .mob_img { display: none; } } .whir-feedback { display: none; } @media screen and (max-width:375px) { .idxHfoor5 .imgBox img { width: 320px; height: auto; } } .MaskLoginView2_bk{position: fixed;display: none;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999;background: rgba(0,0,0,0.4);} .MaskLoginView2{ z-index: 999; background: rgba(0, 0, 0, 0.6); position: fixed; left: 0; top:50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) ; width: 100%;} .MaskLoginView2 .ChangeloginBox .btnBottom .btnA1{border:1px solid #1b1b1b; background:#6191e3;position: relative;top: 0;transition: 0.3s;} .MaskLoginView2 .ChangeloginBox .btnBottom .btnA1:hover{top: -5px;} .RegisterPage .MainF{padding-top: 0; max-width: 645px; margin: 0 auto;} .RegisterPage .ul .li{position: relative; padding-bottom: 21px; color: #1b1b1b;} .RegisterPage .ul .li .litip{color: #ff0000; display: none; font-size:12px; position: absolute;line-height: 20px; left: 0; bottom: 0px;width: 100%;padding-left:5px;} .RegisterPage .ul .li .libox{border:1px solid #d3d3d3; padding-left: 80px; line-height: 40px; border-radius: 3px; background:#e1ecff; position: relative;} .RegisterPage .ul .li .lidX{padding-left: 80px; line-height: 40px; border-radius: 3px; position: relative;} .RegisterPage .ul .li .lidX input{margin-right: 3px; width: 15px;height: 15px; vertical-align: middle; position: relative; top:-2px;} .RegisterPage .ul .li .lidX label{padding-right: 10px;} .RegisterPage .ul .li .libox .st{position: absolute; left: 0; top:0; display: inline-block; padding-left:10px;} .RegisterPage .ul .li .lidX .st{position: absolute; left: 0; top:0; display: inline-block; padding-left:10px;} .RegisterPage .ul .li .libox input{display: block; width: 100%; line-height: 38px;} .RegisterPage .ZJselectTxt{line-height: 38px; padding-left:0;} .RegisterPage .ZJselectBox{height: 38px;} .RegisterPage .ZJselectTxt i.icon{height: 38px;line-height: 38px;} .RegisterPage .agreement{color: #1b1b1b;} .RegisterPage .agreement .item{position: relative; padding-left:20px;line-height: 24px;} .RegisterPage .agreement .item .i{ border: 1px solid #8d8d8d; display: block; position: absolute; left: 0; top:4px; width: 16px;height: 16px; cursor: pointer;} .RegisterPage .agreement .item .i.on{background:url('../images/duiicon02.png') no-repeat center;} .RegisterPage .btnBox{max-width: 405px; margin: 0 auto;} .RegisterPage .btnBox .btnBottom .btnA1{border:1px solid #1b1b1b; background:#6191e3;} .RegisterPage .RegisterPageTip{color: #1b1b1b; padding-top: 10px; text-align: center; } .RegisterPage .RegisterPageTip a{text-decoration:underline; color: #1b1b1b;} @media screen and (min-width:1024px) { .RegisterPage {font-size:15px;} .RegisterPage .ul .li.lipass .libox{padding-right:40px;} .RegisterPage .ul .li .libspan{position: absolute; right: 0;top:0; height: 100%;width: 40px; background: url('../images/jpbg.png') no-repeat center; } .RegisterPage .agreement{padding:30px 0;} .RegisterPage .RegisterPageTip {padding-top: 30px;} } .AfterService{} .AfterService .MainF{text-align: center;} .AfterService .MainF .img{display: inline-block;position: relative;cursor: pointer;} .AfterService .MainF .img .z_post{position: absolute;top: 21%;right:30%;} .AfterService .MainF .img .z_post .z_share{right: auto;left: 0;background-image:url(../images/share_bk1.png)} .AfterService .MainF .img img:nth-child(2){display: none;} .AfterService .txt{ padding-top: 10px; color: #454545;} @media screen and (min-width:768px) { .AfterService .txt{ padding-top: 30px; font-size: 16px; } } @media (max-width:768px) { .AfterService .MainF{padding: 30px 0;} } @media screen and (min-width:1024px) { .AfterService .txt{ padding-top: 40px; font-size: 22px; } .AfterService .MainF{padding-bottom: 80px;padding-top: 0;} .AfterService .MainF .img:hover img:nth-child(1){display: none;} .AfterService .MainF .img:hover img:nth-child(2){display: inline-block;} } @media screen and (max-width:768px) { .AfterService .MainF .img .z_post{right: auto; left: 17%; top: 0; } } /* 2020.5.14 */ /* 标题 */ .z_h2{font-size: 45px;color: #454545;font-weight: 400;margin-bottom: 30px;margin-top: 0;} .z_h3{font-size: 22px;color: #454545;font-weight: 400;} .z_h4{font-size: 30px;color: #454545;font-weight: 400;} .z_h5{font-size: 18px;color: #454545;font-weight: 400;} .auto_1150{max-width: 1150px;margin: 0 auto;} .auto_1240{max-width:1240px;margin: 0 auto;} .auto_1400{max-width:1400px;margin: 0 auto;} .z_main{padding-top: 38px;} .b_shadow{border-radius: 8px; /* border: 1px solid #ccc; */ -moz-box-shadow: 0px 0px 10px #C2C2C2; -webkit-box-shadow: 0px 0px 10px #C2C2C2; box-shadow: 0px 0px 10px #C2C2C2; overflow: hidden;} .b_shadow .InputBox {display: inline-block; vertical-align: top;} .b_shadow .InputBox { width:calc(70% - 20px); padding: 0 6.5px; height: 35px; background: #ececec; line-height: 35px; box-sizing: border-box; } .b_shadow .InputBox input{ padding: 5px 10px; line-height: 25px; vertical-align: top; width: 100%; } .b_shadow .InputBox:nth-child(1){ width: 30%; margin-right: 20px; } .b_shadow .InputBox:nth-child(1) input{ background:#ececec url('../images/timebg.png') no-repeat left center; padding-left: 35px; } @media (max-width:760px) { .z_main{padding-top: 50px;} .z_h2{font-size: 36px;} .z_h3{font-size: 18px;} .z_h4{font-size: 18px;} .z_h5{font-size: 16px;} /* .Main{padding-top: 55px;} */ .b_shadow .InputBox {width:100%;} .b_shadow .InputBox:nth-child(1){width:100%; margin-right: 0; margin-bottom: 15px;} } @media (max-width:1150px) { .auto_1150{padding: 0 16px;} } @media (max-width:1240px) { .auto_1240{padding: 0 16px;} } @media (max-width:1440px) { .auto_1400{padding: 0 16px;} } /* 公司 媒体合作 */ .Media_cooperation{ padding-bottom: 0px;} .Media_cooperation .sale{padding-bottom: 0;} .Media_cooperation img{display: block;margin: 50px auto 40px;} .Media_cooperation .z_left{float: right;background: #f2f7ff;border-radius: 8px;min-width: 448px; text-align: center;padding: 80px 0;} .Media_cooperation .z_left h3{font-size: 23.4px;margin: 0;} .Media_cooperation .z_left p{font-size: 22px;margin: 0;} .Media_cooperation .img{display: inline-block;position: relative;} .Media_cooperation .z_post{position: absolute;top: 21%;right:30%;} .Media_cooperation .z_post .z_share{right: auto;left: 0;background-image:url(../images/share_bk1.png)} .Media_cooperation .img img{vertical-align: top;display: inline-block;} .Media_cooperation .img img:nth-child(2){display: none;} .Media_cooperation .img:hover img:nth-child(1){display: none;} .Media_cooperation .img:hover img:nth-child(2){display: inline-block;} @media (max-width:760px) { .Media_cooperation{padding-bottom: 80px;} .Media_cooperation img{margin: 50px auto 20px;} .Media_cooperation .z_left{min-width: auto;float: none;} .Media_cooperation .z_post{right: 100%;} } /* 公司 联系销售 */ .z_main{position: relative;overflow: hidden;} .z_main .bk{ height: 90000px; width: 100%; background: #cde0ff; position: absolute; top: 265px; z-index: 0; } .z_main .sale{padding-bottom: 80px;} .sale{padding-bottom: 60px;position: relative;z-index: 20;} .sale #sale_{position: absolute;top: -150px;left: 0;} .sale .z_content{float: left;} .sale .z_content .z_dl{} .sale .z_content .z_dl dd{line-height: 36px;position: relative;top: 0;transition: 0.3s;display: inline-block;margin-left: 24px;border: 2px solid #838383;border-radius: 10px;padding: 0 20px;} .sale .z_content .z_dl dd:hover{top: -5px;} .sale .z_content .z_dl dd:nth-child(1){margin-left: 0;} .sale .z_content .z_dl dd.on{border-color: #6191e3;background: #6191e3;} .sale .z_content .z_dl dd.on a{color: #ffffff;} .sale .z_txt{margin-top: 40px;padding-top: 40px;line-height: 38px;font-size: 18px;position: relative;} .sale .z_txt p{margin:0;} .sale .z_txt .z_div{max-width: 680px;} .sale .z_form{float: right;max-width: 440px;width: 100%;background: #f2f7ff;border-radius: 5px;padding:50px;border-radius: 5px;} /* .sale .z_form ul{padding-bottom: 13px;} */ .sale .z_form .z_li, .sale .z_form ul li input{width: 100%;font-size: 14px; height: 24px; line-height:24px;} .sale .z_form .z_li, .sale .z_form ul li .liinput{height: 42px;padding: 0px 12px;background: #d8e7ff;border: 1px solid #dce4f0;border-radius: 5px; position: relative; } .sale .z_form .z_li .tab_Tips, .sale .z_form ul li .liinput .tab_Tips{position: absolute; left: 0; top:100%; padding:0; padding-left: 13px; line-height: 24px; } .sale .z_form .z_li{line-height: 40px;} .sale .z_form ul li .liinput{padding: 9px 12px;margin-bottom: 4px;} .sale .z_form ul li.resume input{height: 42px;padding: 0px 12px;background: #d8e7ff;border: 1px solid #dce4f0;border-radius: 5px; margin-bottom: 4px;} .sale .z_form ul li{margin-bottom: 20px;} .sale .z_form textarea{border: 1px solid #eff2f7;border-radius: 5px;;font-size: 14px;padding: 12px;min-height: 120px;background: #d8e7ff;width: 100%;} .sale .z_form textarea::-webkit-input-placeholder{ color:#999999; font-size: 14px; } .sale .z_checkbox{margin-bottom: 5px;} .sale .z_checkbox p{display: inline;font-size: 13px;margin: 0;} .sale .z_checkbox, .sale .z_form .z_li{vertical-align: middle;} .sale .z_form .z_li{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content:space-between;} .sale .z_form .z_li .lrtxt{width: 50px;min-width: 50px;display: none;white-space:nowrap;color: #999;} .sale .z_form .z_li.z_li02 .lrtxt{width: 75px;min-width: 75px;display: inline-block;white-space:nowrap;color: #999;} .sale .z_form ul li.z_li.z_li02 input{margin-bottom: 0;} .sale .z_form .z_li select{width: 100%;display: inline-block;color: #999999;} .sale .z_form .z_li select{ font-size: 14px; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; /*去掉下拉箭头*/ background:transparent url('../images/zjdown.png') no-repeat right center; } .sale .z_form .z_li select::-ms-expand{ background: #d8e7ff; border: none; } .sale .z_form .inputFileBox { width: 65%; height: 22px; color: #999; position: relative; cursor: pointer; } .sale .z_form .inputFileBox .inputhide { display: none; } .sale .z_form .inputFileBox .mrtxt { display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; max-width: 100%; } .sale .z_form .inputFileBox .inputtxt { line-height: 22px; max-width: 100%; color: #999; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* .sale .z_form .inputFileBox .inputbox { padding-left: 0px; } */ .sale .z_form .z_checkbox form{position: relative;} .sale .z_form .z_checkbox input{position: absolute;z-index: 2;opacity: 0;} .sale .z_form .z_checkbox input[type=checkbox]+label{ width: 13px; height: 12px; border-radius: 2px; background-color: #e8e5e5; border: 1px solid #a5a3a3; display: inline-block; position: relative; } .sale .z_form .z_checkbox input[type=checkbox]+label:before{ position: absolute; left: 1px; display: inline-block; width: 9px; height: 5px; content: ''; background-color: #e8e5e5; border: 3px solid #000; border-radius: 1px; border-top: none; border-right: none; background: transparent; transform: rotate(-45deg); bottom: 3px; display: none; } .sale .z_form .z_checkbox input[type=checkbox]:checked+label:before{ display: inline-block; } .z_btnBottom{margin-top: 20px;} .z_btnBottom .btnA{color:#fff;display: block;position: relative;top: 0;transition: 0.3s;margin: 0 auto;font-size: 14px;border: 1px solid #949eaf;border-radius: 10px;background: #6191e3;width: 100%;height: 50px;line-height: 50px;text-align: center;} .z_btnBottom .btnA:hover {top: -5px;} .sale .z_form .tip{padding-top: 20px;text-align: left;} .z_lxwm .sale .z_form .tip{text-align: left;} .tab_Tips { font-size: 12px; color: #328dff; display: block; padding-left: 12px; } @media (max-width:1240px) { .sale .z_content, .sale .z_txt .z_div, .sale .z_form{float: none;width: 100%;max-width: none;} .z_main .bk{display: none;} .sale .z_txt{margin-top: 0;font-size: 16px;} .sale .z_form{padding: 20px;} .sale .z_content .z_dl dd{line-height: 30px;padding: 0 16px;margin-left: 12px;} } @media (max-width:768px) { .sale .z_txt{padding-top: 0px;margin-bottom: 30px;} .sale .z_content .z_dl{margin: 15px 0 30px 0;} .sale .z_content .z_dl dd{margin-top: 15px;} } /* 全球办事处 */ .sale .z_form .z_ul h4{font-size: 30px;color: #454545;font-weight: 400;margin: 0;} .sale .z_form .z_ul{list-style: none;padding-left: 0;} .sale .z_form .z_ul li{padding: 20px 0;border-bottom: 1px solid #ccc;} .sale .z_form .z_ul li:last-child{border-bottom: none;} .sale .z_form .z_ul h4{font-size: 24px;cursor: pointer;color: #454545;font-weight: 400;background: url(../images/add.png) no-repeat right center;} .sale .z_form .z_ul h4.on{background: url(../images/remove.png) no-repeat right center;} .sale .z_form .z_ul dl{display: none;} .sale .z_form .z_ul dl dt{background: url(../images/x.png) no-repeat right center;cursor: pointer;font-size: 20px;margin-bottom: 10px;} .sale .z_form .z_ul dl dt.aon{background: url(../images/s.png) no-repeat right center;} .sale .z_form .z_ul dl dd{font-size: 16px;line-height: 30px;margin-left: 0;margin-bottom: 20px;display: none;} /* 公司介绍 */ .z_introduction{} .z_introduction .z_txt{font-size: 18px;line-height: 36px;margin-bottom: 80px;} @media (max-width:768px) { .z_introduction .z_txt{font-size: 16px;line-height: 30px;margin-bottom: 50px;} } /* 关于我们 */ .z_About{} .z_About .z_title .z_h4{text-align: center;line-height: 1.4; margin-top: 0;} .z_About .z_title{font-size: 14px;line-height: 1.4;} .ljt{text-align: center;margin: 25px 0 60px 0;} .ljt a{display: inline-block;font-size: 20px;padding-right: 50px;background: url(../images/ljt.png) no-repeat 98% center;transition: 0.3s;} .ljt a:hover{background-position: center right;background-image: url(../images/ljts.png);} .z_About .z_list{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content:space-between; flex-wrap: wrap;} .z_About .z_list .z_item{width: 23%;margin-bottom: 20px; position: relative;top: 0;transition: 0.3s;overflow: hidden;position: relative;border-radius: 8px;padding: 30px ;border: 1px solid #cccccc;-moz-box-shadow:0px 0px 10px #aaaaaa; -webkit-box-shadow:0px 0px 10px #aaaaaa; box-shadow:0px 0px 10px #aaaaaa;} .z_About .z_list .z_item:hover{top: -5px;} .z_About .z_list .z_item::after{position: absolute;content: '';display: block;top: 0;left: 0; width: 0; height: 0; width: 0; height: 0; border-top: 34px solid #328dff; border-right: 34px solid transparent;} .z_About .z_list .z_text{font-size: 14px;line-height: 1.4;text-align: justify;} @media (max-width:1024px) { .z_About .z_list .z_item{width: 48%;margin-bottom: 30px;} .z_About .z_list .z_item:last-child{margin-bottom: 0;} } @media (max-width:640px) { .z_About .z_title .z_h4{margin-top: 0;} .ljt a{font-size: 16px;padding-right: 30px;} .z_About .z_list .z_item{width: 100%;padding: 60px 30px;} .z_About .z_list .z_item .z_h5{margin: 0;} .ljt{margin-bottom: 50px;} } .z_process{background: #ebf3ff;padding: 80px 0;margin: 60px 0 80px;} .z_process dl{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content:space-between; flex-wrap: wrap; margin: 0; } .z_process dl dd{width: 16%;max-width: 160px;text-align: center;margin-left: 0;} .z_process dl dd .z_num{font-size: 26px;color: #6191e3;margin: 20px 0 16px;} .z_process dl dd .p{font-size: 16px;} @media (max-width:1024px) { .z_process{margin: 60px 0 ;padding: 60px 0;} .z_process dl {margin-bottom: 0;} .z_process dl dd{width: 30%;margin-bottom: 30px;} .z_process dl dd .z_num{font-size: 18px;margin: 14px 0 8px;} .z_process dl dd .p{font-size: 14px;} .z_process dl dd:nth-child(4), .z_process dl dd:nth-child(5), .z_process dl dd:nth-child(6){margin-bottom: 0;} } @media (max-width:640px) { .z_process dl dd{} } /* .Timeline000768 为demo编号 */ .Timeline000768_title{font-size: 36px;text-align: center;margin-bottom: 80px;padding: 0 50px;position: relative;} .Timeline000768_content{position: relative;padding: 0 50px;margin: 0 40px;} .Timeline000768_content .swiper-button-next, .Timeline000768_content .swiper-button-prev{position: absolute;cursor: pointer;top: 50%;width: 26px;height: 48px;margin-top: -24px;} .Timeline000768_content .swiper-button-next{left: 0%;background: url(../images/z_left.png) no-repeat center center !important;background-size: contain;} .Timeline000768_content .swiper-button-prev{right: 0%;background: url(../images/z_right.png) no-repeat center center !important;background-size: contain;} .Timeline000768_content .swiper-button-next{-webkit-transition: all .3s; margin-left: 0; -o-transition: all .3s; transition: all .3s; } .Timeline000768_content .swiper-button-prev{-webkit-transition: all .3s; margin-right: 0; -o-transition: all .3s; transition: all .3s; } .Timeline000768_Wap .str_wrap{background-color: #fff;} .Timeline000768_Wap ul{white-space: nowrap;} .Timeline000768_Wap ul li{display: inline-block;} .Timeline000768Box .Timeline000768_content{display: none;} @media (min-width:768px) { .Timeline000768Box .Timeline000768_content{display: block;} .Timeline000768_Wap{display: none;} } @media (min-width:1300px) { .Timeline000768_content .swiper-button-next:hover{margin-left: -10px;} .Timeline000768_content .swiper-button-prev:hover{ margin-right: -10px; } } .Timeline000768{ padding:0px 50px; position:relative;} .Timeline000768::before{ position:absolute; content:''; z-index:0; width:100%; height:1px; background-color:#ccc; top:50%; left:0;} .Timeline000768 .swiper-container {position: relative;overflow: hidden;z-index: 1;width: 100%;height: 500px;margin: 0 auto;} .Timeline000768 ul{position: relative;width: 100%;margin: 0 auto;height: 100%;z-index: 1;display: flex;transition-property: transform; transform: translate3d(0, 0, 0); transition-timing-function: ease-out; } .Timeline000768 ul li{width: 100%; height: 100%;position: relative; z-index:4;float: left;-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .Timeline000768 li::before, .Timeline000768 li::after{ position:absolute; content:''; top:50%; z-index:4;left: 54px;} /* .Timeline000768 li::before{ background-color:#adc160; width:15px; height:15px; border-radius:50%; margin-top:-7px;} */ .Timeline000768 li::after{margin-top:0px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid #666666;} .Timeline000768 li:nth-child(2n)::after{ margin-top:-10px;border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #666666; border-top: 0;} .Timeline000768 li figure, .Timeline000768 li .txt{position:absolute;width:100%;height: 40%;left:0;white-space: normal;max-width: 100%} .Timeline000768 li figure{top:0; background-position:center center; background-repeat:no-repeat; background-size:cover;} .Timeline000768 li:nth-child(2n) figure{ bottom:0; top:auto;} .Timeline000768 li .txt{bottom:0;padding:0 3%; /* display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex; justify-content:space-between;flex-wrap: wrap; */ } .Timeline000768 li:nth-child(2n) .txt{top:0;bottom:auto; /* flex-direction: column;justify-content: flex-end; */ } .Timeline000768 li:nth-child(2n) .txt h1{padding-top: 0;} .Timeline000768 li .txt h1{margin:0;color:#222222;position: relative;font-size: 48px;font-family:Arial;/* padding-top:10%; */font-weight: 400;line-height: 1.1;width: 110px;/* display: inline-block; *//* height: auto; */height: 54px;} .Timeline000768 li .txt h1::after{position: absolute;content: '';width: 26px;height: 26px;background: #9dc3ff;border-radius: 50%;display: block;bottom: 10px;right: -5px;z-index: -1;} .Timeline000768 li .txt p{margin:0;font-size: 14px;line-height:1.4;max-height:7em;width: 400px;max-width: 100%; margin:5px 0; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical; } .Timeline000768 li:nth-child(2n) .txt p{margin-bottom: 10px;} .Timeline000768 ul li:last-child .txt p{width: 100%;} .Timeline000768 li:nth-child(2n) .txt p{padding-bottom: 10px;position: absolute; height: auto; bottom:55px;} .Timeline000768 li:nth-child(2n) .txt h1{position: absolute; bottom:0;} .Timeline000768_Wap ul{position: relative; } .Timeline000768_Wap ul::before{ position:absolute; content:''; z-index:0; width:100%; height:1px; background-color:#ccc; top:50%; left:0; margin-top: -2px;} .Timeline000768_Wap .str_wrap.str_active{background-color:#fff;} .Timeline000768_Wap ul li .libox{ width: 240px; height: 380px; position: relative; z-index:4;float: left; /* -webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center; -ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center;align-items: center; */ } .Timeline000768_Wap li .libox::before, .Timeline000768_Wap li .libox::after{ position:absolute; content:''; top:50%; z-index:4;left: 54px;} .Timeline000768_Wap li .libox::after{margin-top:0px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid #666666;} .Timeline000768_Wap li:nth-child(2n) .libox::after{ margin-top:-10px;border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #666666; border-top: 0;} .Timeline000768_Wap li figure, .Timeline000768_Wap li .txt{position:absolute;width:100%;height: 40%;left:0; max-width: 100%;white-space: normal; } .Timeline000768_Wap li figure{top:0; background-position:center center; background-repeat:no-repeat; background-size:cover;} .Timeline000768_Wap li:nth-child(2n) figure{ bottom:0; top:auto;} .Timeline000768_Wap li .txt{bottom:0;padding:0 3%; /* display: -webkit-box;display: -webkit-flex;display: -moz-flex; display: -ms-flexbox;display: flex;justify-content:space-between;flex-wrap: wrap; */ } .Timeline000768_Wap li:nth-child(2n) .txt{top:0;bottom:auto;/* flex-direction: column;justify-content: flex-end; */} .Timeline000768_Wap li:nth-child(2n) .txt h1{padding-top: 0;} .Timeline000768_Wap li .txt h1{margin:0;color:#222222;position: relative;font-size: 48px;font-family:Arial;/* padding-top:10%; */font-weight: 400;line-height: 1.1;width: 110px;/* display: inline-block; *//* height: auto; */height: 54px;} .Timeline000768_Wap li .txt h1::after{position: absolute;content: '';width: 26px;height: 26px;background: #9dc3ff;border-radius: 50%;display: block;bottom: 10px;right: -5px;z-index: -1;} .Timeline000768_Wap li .txt p{margin:0;font-size: 14px;line-height:1.4;max-height: 7em; margin: 0 5px; width: 100%; max-width: 100%; height: 110px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical; } .Timeline000768_Wap li:nth-child(2n) .txt p{margin-bottom: 10px;position: absolute; height: auto; bottom:52px;} .Timeline000768_Wap li:nth-child(2n) .txt h1{position: absolute; bottom:0;} @media (max-width:1440px) { .Timeline000768 .swiper-container{height: 450px;} .Timeline000768 li::after{left: 54px;} } @media (max-width:768px) { .Timeline000768_content{padding: 0;margin: 0;} .Timeline000768_title{margin-bottom: 40px;} .Timeline000768 .swiper-container{height: 400px;} .Timeline000768_content .swiper-button-next, .Timeline000768_content .swiper-button-prev{display: none;} .Timeline000768{ padding:20px;} } @media (max-width:480px) { .Timeline000768 .swiper-container{ padding-right: 33.33%;} } /* 品牌故事 */ .z_Brand{background: #9bc1ff;margin-top: 80px;padding: 70px 20px;color: #ffffff; position: relative;} .z_Brand .auto_1240{ max-width: 1440px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content:space-between; flex-wrap: wrap; align-items: center; padding: 0 20px; position: relative; z-index: 4; } .z_Brand .z_text{width: 40%;} .z_Brand .z_text h3{font-size: 36px;margin: 0; padding-bottom: 20px; font-weight: normal;} .z_Brand .z_text p{} .z_Brand .z_text .z_textViewTxt{font-size: 16px;line-height: 1.76;justify-content: center; height:7.04em; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;} .z_Brand .z_text .z_textViewTxt p{margin:0; padding: 0;} .z_Brand .z_text .morebtn{color: #fff} .z_Brand .z_text .morebtn .more{ display: inline-block;line-height: 20px; padding-right:20px; position: relative; } .z_Brand .z_text .morebtn .more .iconfont{position: absolute; right: 0;top: 0;-webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;} .z_Brand .z_text .morebtn:hover .more .iconfont{right: -10px;} .z_Brand .z_video{width: 50%;} .z_video{position: relative; overflow: hidden;margin-top: 0px;} .z_Brand .z_video .videoBox{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 9999;} .z_Brand .z_video .videoBox .videocon{position: relative;width: 50%;height: 50%;left: 50%; top:50%;transform: translate(-50%,-50%);} .z_Brand .z_video .videoBox .videocon a{position: absolute;right: 10px;top: 0;font-size: 30px;color: white;z-index: 999;} .z_video .z_play{position: absolute;top: 50%;left: 50%;cursor: pointer;-webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform:translate(-50%,-50%) ; } .z_Brand .z_video video{position: absolute; left: 50%; top:50%;transform: translate(-50%,-50%); width:100%; height: 100%;object-fit: cover;} .z_Brand .z_video_wap{display: none;} .z_Brand .z_video .videoBox .videocon .cloe{font-size:0; display: inline-block; width:40px;height: 40px; right: -40px; top:-40px; } .z_Brand .bg{display: none;} @media (max-width:768px) { .z_Brand .z_video .videoBox .videocon .cloe{width:30px;height: 30px; right: 0px;top:-40px;} .z_Brand .z_video .videoBox .videocon{width: 100%;} .z_Brand .z_text h3{margin-bottom: 0;font-size: 32px;} .z_Brand{padding: 60px 0;margin-top: 60px;} .z_Brand .z_text{padding: 0 30px;} .z_Brand .z_text, .z_Brand .z_video{width: 100%;} .z_video .z_play{width: 50px;} .z_Brand .auto_1240{padding: 0;} .z_Brand .z_video_wap{display:block; margin:0 -30px; width:auto; margin-bottom: 20px;} .z_Brand .z_video_pc{display:none;} } @media (min-width:769px) { .z_Brand .z_text .z_textView{padding: 30px 0;} .z_Brand .bg{position: absolute;left: 0;width: 100%; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: block; background-color:#6595E8; z-index: 1; } } @media (min-width:1024px) { .z_Brand .z_text{width:25%;} .z_Brand .z_video{width:71.38%;} .z_Brand .z_text .z_textView{padding: 50px 0;} } /* 立即沟通 */ .z_communicate{background: url(../images/communicate_img.png) no-repeat center center;background-size: cover;padding: 100px 0;} .z_communicate h3{font-size: 58px;line-height: 1.1;color: #333333;text-align: center;font-weight: 400;margin: 0;} .z_communicate p{text-align: center;font-size: 24px;margin: 40px 0; line-height: 2;} .z_communicate a{display: block;position: relative;top: 0;transition: 0.3s;width: 240px;font-size: 18px;color: #ffffff;text-align: center;line-height: 60px;height: 60px;margin: 0 auto;border-radius: 8px;background: #328dff;} .z_communicate a:hover{top: -5px;} .z_About .MainF{padding-bottom: 0;} @media (max-width:768px) { .z_communicate{padding: 60px 0;} .z_communicate h3{font-size: 30px;} .z_communicate p{font-size: 18px;line-height: 1.6;margin: 30px 0;} } @media (min-width:1024px) { .z_About .MainF{padding-top: 38px;} } /* 合作伙伴 */ .z_Partner{} .z_Catching{background: #6191e3;padding: 128px 0;} .z_Catching h3{font-size: 46px;color: #ffffff;text-align: center;margin: 0;} .z_Catching p{font-size: 22px;text-align: center;color: #ffffff;margin: 40px 0;} .z_Catching a{width: 250px;position: relative;top: 0;transition: 0.3s;display: block;margin: 0 auto;letter-spacing: 4px;text-align: center;font-size: 18px;color: #ffffff;height: 60px;line-height: 56px;border: 2px solid #ffffff;border-radius: 8px;} .z_Catching a:hover{top: -5px;} .z_Catlist{padding: 38px 0 35px;} .z_Catlist .z_title{border-bottom: 1px solid #CCCCCC;margin-bottom: 30px;padding-bottom: 24px;} .z_Catlist .z_title a{display: inline-block;font-size: 18px;vertical-align: middle;margin: 0 14px;} .z_Catlist .z_title a:nth-child(1){margin-left: 0;} .z_Catlist .z_title a.aon{font-weight: 600;} .z_Catlist ul{ display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content:space-between; flex-wrap: wrap; justify-content: inherit; } .z_Catlist ul{padding-left: 0;} .z_Catlist ul li{position: relative;border: 1px solid #ccc;height: 200px;width: 22.5%;margin-right: 3.3%;margin-bottom: 30px;border-radius: 8px;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: 40% auto;} .z_Catlist ul li:nth-child(4n){margin-right: 0;} .z_Catlist ul li .z_text{position: absolute;font-size: 12px;color: #ffffff;animation: 0.3s;background: rgba(70, 152, 255, 0.9);top: 0;left: 0;width: 100%;height: 100%;padding: 20px;/* display: -webkit-box; *//* display: -webkit-flex; */display: -moz-flex;display: -ms-flexbox;/* display: flex; */justify-content:space-between;flex-direction: column-reverse;display: none;} .z_Catlist ul li .z_text p{overflow : hidden;max-height:100%} .z_Catlist ul li:hover .z_text{ display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex;} @media (max-width:768px) { .z_Catlist{padding: 30px 0;} .z_Catlist .z_title{line-height: 30px;} .z_Catlist .z_title a{font-size: 16px;margin:0 6px 0 0;} .z_Catching{padding: 60px 0;} .z_Catching h3{font-size: 24px;} .z_Catching p{font-size: 16px;margin: 20px 0 0 0;padding: 0 20px;} .z_Catching a{width: 200px;line-height: 38px;font-size: 16px; height: 40px;margin-top: 60px;} .z_Catlist ul li{width: 46%;height: 120px;margin-right: 8%;} .z_Catlist ul li:nth-child(2n){margin-right: 0;} .z_Catlist ul li .z_text p{ display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical;margin:0} } @media (max-width:640px) { .z_Catlist .z_title{line-height: 1.42857143; padding-bottom: 15px;} } /* 成为伙伴 */ .sale_partner{padding-bottom: 30px;} .sale_partner .z_form{float: none;max-width: 650px;margin: 0 auto;background: none;} .sale_partner .z_form{padding-top: 0;} .sale_partner h2{font-size: 45px;text-align: center;font-weight: 400; margin:0;line-height: 1em;} .sale_partner h3{font-size: 22px;text-align: center;font-weight: 400; margin:0; padding-top: 30px;} .sale_partner h4{font-size: 14px;text-align: center;font-weight: 400; margin:0; padding: 30px 0;} @media (max-width:768px) { .sale_partner h2{font-size: 30px;} .sale_partner h3{font-size: 18px;} .sale_partner h4{font-size: 14px;} } /* 投资者关系 */ .z_Investor{} .z_Investor .z_nav{ overflow: hidden; position: relative; } .z_Investor .z_nav .z_Investor_bk{background-size: cover; background-position: center center; background-repeat: no-repeat; height: 640px;} .z_Investor .z_nav h2{font-size: 45px;color: #ffffff;margin: 0;font-weight: 400;} .z_Investor .z_nav .auto_1240{width:100%; max-width:100%; position: relative; z-index: 10; padding:0;} .z_Investor .z_nav .z_content{overflow: hidden;padding: 60px 0 50px 13%; margin:0 auto;} .z_Investor .z_nav .z_content .z_left{float: left; width:23.8%;} .z_Investor .z_nav .z_content .z_right{float: right;width: 39.3%; background: rgba(97,145,227,.9);padding: 20px;border-radius: 8px;} .z_Investor .z_nav .z_content .z_right p{color: #ffffff;} .z_Investor .z_nav .z_content .z_right h2:nth-child(1){border-bottom: 1px solid #ffffff;} .z_Investor .z_nav .z_content a{display: inline-block;color: #fff;font-size: 16px;border-bottom: 1px solid transparent; position: relative; padding-right: 18px;} .z_Investor .z_nav .z_content a .iconfont {position: absolute; right: 0; top:0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;} .z_Investor .z_nav .z_content a:hover{border-bottom: 1px solid #fff;} .z_Investor .z_nav .z_content a:hover .iconfont{right: -10px;} .z_Investor .z_nav .z_text{background:#F0853A;margin-top: 50px;padding: 20px;border-radius: 8px;font-size: 30px;color: #ffffff;} .z_Investor .z_nav .z_content .z_right{ margin-top: 110px;} @media (max-width:1440px) { .z_Investor .z_nav .z_content{padding: 60px 16px 50px;} } .znavBanVideo .banpc{height: 100%;} .znavBanVideo .banwap{display: none;} .z_Investor .z_nav .znavBanVideo{position: absolute; width:100%; height: 100%;} .z_Investor .z_nav .znavBanVideo video{width:100%; height: 100%; object-fit: cover;} .z_Investor .z_nav .z_nav_bantxt{position: absolute; left: 0; top:50%; width:100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: none;} .z_Investor .z_nav .z_nav_bantxt h2{color: #fff; text-align: center;} .z_Investor .z_nav .z_content .z_left h2{display: block;} @media (max-width:768px) { .z_Investor .z_nav .z_content .z_right h2:nth-child(1){padding-bottom: 5px; margin-bottom: 5px;} .z_Investor .z_nav{height: auto;padding-bottom: 20px;} .z_Investor .z_nav .z_nav_bantxt h2{font-size: 24px;text-align: left;padding-left: 8%;} .z_Investor .z_nav .z_nav_bantxt{display: none;top: 10%;} .z_Investor .z_nav .z_content .z_left, .z_Investor .z_nav .z_content .z_right{float: none;width: 100%;} .z_Investor .z_nav .z_content .z_left{margin-bottom: 20px;} .z_Investor .z_nav .z_content .z_left h2{font-size: 24px;} .z_Investor .z_nav .auto_1240{top: 12%;} .z_Investor .z_nav .z_content{padding-top: 0;} /* .z_Investor .z_nav .z_content h2{display: none;} */ .z_Investor .z_nav h2{font-size: 24px;} .z_Investor .z_nav .z_text{margin-top: 20px; font-size: 18px;} .znavBanVideo .banpc{display: none;} .znavBanVideo .banwap{display: block; height: 100%;} .znavBanVideo .banwap .wapbg{height: 100%;background:no-repeat center center; background-size: cover;} .z_Investor .z_nav .z_content{padding: 20px 0 20px 20px;} .z_Investor .z_nav .z_content .z_right{width:75%; margin-left: 25%;} } /* 要闻 */ .FocusNews{padding: 80px 0;} .FocusNews h3{font-size: 36px;text-align: center;font-weight: 400;margin: 0 0 50px;} .FocusNews .z_content{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content:space-between;} .FocusNews .z_content .item{border-radius: 8px;overflow: hidden;border: 1px solid #ccc;position: relative; -moz-box-shadow:0px 0px 10px #C2C2C2; -webkit-box-shadow:0px 0px 10px #C2C2C2; box-shadow:0px 0px 10px #C2C2C2;} .FocusNews .z_content .item1{width: 32%;} .FocusNews .z_content .item dl{padding:30px 40px 80px 40px;margin: 0;} .FocusNews .z_content .item h4{line-height: 46px;font-size: 20px;margin: 0;font-weight: 400;text-align: center;color: #ffffff;background: #6191e3;} .FocusNews .z_content .item dl dd{margin: 0;margin-bottom: 30px;} .FocusNews .z_content .item dl dd h5{font-size: 20px;margin: 0;font-weight: 400;margin-bottom: 16px;overflow:hidden; text-overflow:ellipsis;position: relative; white-space:nowrap;padding-right: 30px;} .FocusNews .z_content .item dl dd h5 a{border-bottom: 1px solid transparent; display: inline-block;max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .FocusNews .z_content .item dl dd h5 a:hover{border-bottom: 1px solid #328dff;} .FocusNews .z_content .item:nth-child(1) dl dd h5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .FocusNews .z_content .item dl dd p{font-size: 14px;margin: 0; line-height: 24px; height: 48px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .FocusNews .z_content .item .z_text{font-size: 20px;line-height: 2;} .FocusNews .z_content .item2{width: 100%;} .FocusNews .z_content .item2:nth-child(1){margin-bottom: 30px;} .FocusNews .z_content .item2 .z_text{padding:30px 40px} .FocusNews .z_content .z_item{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content:space-between; flex-wrap: wrap;} .FocusNews .z_content a.more{font-size: 14px;color: #328dff;display:block;position: absolute;bottom: 40px;left: 40px;} .FocusNews .z_content a.more span{position: relative;left: 0;transition: 0.3s;} .FocusNews .z_content a.more:hover span{left: 5px;} .FocusNews .z_download{position: absolute;right: 0;top: 50%;margin: 0;margin-top: -9.5px;} @media (max-width:768px) { .FocusNews{padding:20px 0 20px;} .FocusNews .z_content{flex-wrap: wrap;} .FocusNews .z_content .item1{width: 100%;} .FocusNews .z_content .item {margin-bottom: 20px;} .FocusNews .z_content .item dl{padding: 20px;} .FocusNews .z_content a.more{margin-top: 30px;position: static;} .FocusNews .z_content .item2 .z_text{font-size: 16px;line-height: 1.4;} .FocusNews h3{margin-bottom: 20px;} } /* 投资者关系详情页 */ .z_InDetails,.z_InDetailsBox{padding: 38px 0 80px;} .z_InDetails h3{font-size: 18px;border-bottom: 1px solid #ccc;line-height: 44px;margin: 0;padding-bottom: 10px;min-height: 54px;} .z_InDetails h3 .z_span{ display: block; background-image: url(../images/close_img1.png); background-position: center center; background-repeat: no-repeat; background-size: auto; float: right;width: 44px;height: 44px;cursor: pointer;position: relative;top: 10px;} .z_InDetails h3 .z_span.aon{ background-image: url(../images/open_img1.png); } .z_InDetails .Choice, .z_InDetails .Choice select{width: 100%;} .z_InDetails .Choice{padding: 16px;display: none;position: relative;top: -1px;background: #ffffff;overflow: inherit;} .z_InDetails .Choice select{background: #ececec;line-height: 30px;height: 30px;padding: 0 20px;} .z_InDetails ul{list-style: none;padding-left: 0;} .z_InDetails ul li{margin-bottom: 60px;} .z_InDetails ul li h4{font-size: 20px;margin-bottom: 20px;font-weight: 400;} .z_InDetails ul li h4 a{border-bottom: 1px solid transparent;} .z_InDetails ul li h4 a:hover{border-color: #328dff;} .z_download{display: inline-block;background: url(../images/download_img.png) no-repeat center center;vertical-align: middle;width: 19px;height: 19px;margin-left: 20px;} .z_InDetails ul li p{font-size: 14px;font-weight: 400;} @media (min-width:1200px) { .z_InDetails ul{padding-top: 4px; margin:0;} } @media (max-width:768px) { .z_InDetails,.z_InDetailsBox{padding: 50px 0;} .z_InDetails ul li{margin-bottom: 30px;} .z_Activity .list ul li .z_Time, .z_InDetails ul li h4{margin: 15px 0;} .z_InDetails h3{line-height: 1;min-height: 25px;padding-bottom: 15px;} } /* 分页 */ .Pages{ text-align: center;font-size: 0;} .Pages a{display: inline-block;box-sizing: content-box;background: #fff;font-size: 16px;vertical-align: middle;line-height: 38px;padding: 0 18px;border: 1px solid #cccccc;} .Pages a span{font-size: 14px;} .Pages em{font-style: inherit;} .Pages a.a_prev, .Pages a.a_next{margin: 0 8px;} .Pages a.a_cur{background: #6191e3;border-color:#6191e3 ;color: #ffffff;} @media (max-width:768px) { .Pages a{line-height: 26px;padding: 0 8px;} } /* 注册 */ .z_Register {padding: 38px 0 30px;} .z_Register .z_form ul li.z_radio{padding-left: 12px;margin-bottom: 20px;} .z_Register .z_form ul li.z_radio i{font-style: inherit;margin-right: 20px;} .z_Register .z_form ul li.z_radio *{display: inline-block;vertical-align: middle;margin: 0;} .z_Register .z_form ul li.z_radio input{width: auto;margin-right: 6px;} .z_Register .z_form ul li.z_radio input.radio:nth-child(4){margin-left: 20px;} .z_SignIn{text-align: center;color: #1b1b1b;font-size: 14px;margin-top: 20px;} .z_SignIn a{color: #1b1b1b;text-decoration: underline;} .z_InDetailsBox .z_InDetails{padding: 0;} .z_InDetailsBox /* 人才招聘 */ .job2_Banner .BanTxt .txt{font-size: 48px;} @media (max-width:1024px) { .job2_Banner .BanTxt .txt{font-size: 36px;} } @media (max-width:768px) { .z_Register{padding: 30px 0;} .sale_partner h2{margin: 0;} .job2_Banner .BanTxt .txt{font-size: 24px;} } /* 人才招聘第一部分 */ .job2_Content{} .job2_Content .z_slide1{ display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content:space-between; flex-wrap: wrap;padding: 100px 0 100px;} .job2_Content .z_slide1 .z_item{width: 28%; text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; overflow:hidden} .job2_Content .z_slide1 .z_item img{display: block;margin: 0 auto;height: 88px;} .job2_Content .h3{font-size: 36px;font-weight: 400;text-align: center;margin: 0px 0 16px;} .job2_Content .z_slide1 .z_item p{font-size: 18px;margin: 0;line-height: 1.4; text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; overflow:hidden} @media (max-width:768px) { .job2_Content .h3{font-size: 24px;margin: 0px 0 16px;} .job2_Content .z_slide1{padding: 50px 0 30px;} .job2_Content .z_slide1 .z_item{width: 100%;margin-bottom: 30px;} .job2_Content .z_slide1 .z_item p{font-size: 16px;} } .job2_Content .z_slide2{text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; overflow:hidden} /* 人才招聘第二部分 工作类型*/ .job2_Content .z_slide2{background: #ebf3ff;padding: 80px 0;} .job2_Content .z_slide2 ul{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content:space-between; flex-wrap: wrap;list-style: none;padding: 0;padding-top: 30px;} .job2_Content .z_slide2 ul li{width: 48%;position: relative;top: 0;transition: 0.3s;padding: 20px;border-radius: 8px;overflow: hidden;box-sizing:border-box;background: #FFFFFf;margin-bottom: 40px;-moz-box-shadow:2px 2px 5px #cccccc; -webkit-box-shadow:2px 2px 5px #cccccc; box-shadow:2px 2px 5px #cccccc;} .job2_Content .z_slide2 ul li:hover{top: -5px;} .job2_Content .z_slide2 ul li h4{font-size: 21px;font-weight: 400;margin: 0;margin-bottom: 20px;text-align: left;} .job2_Content .z_slide2 ul li h4 span{float: right;cursor: pointer;} .job2_Content .z_slide2 ul li a{font-size: 16px;color: #328dff;} .job2_Content .z_slide2 ul li a span{position: relative;left: 0;transition: 0.3s;} .job2_Content .z_slide2 ul li a:hover span{left: 5px;} @media (max-width:768px) { .job2_Content .z_slide2{padding: 60px 0 80px;} .job2_Content .z_slide2 ul li{width: 100%;} } /* 人才招聘 详情页 */ .job2_page{line-height: 1.8;} .job2_page .h2{font-size: 45px;position: relative; padding-right: 42px; z-index: 8;} .job2_page .h3{font-size: 30px;font-weight: 400;border-bottom: 1px solid #454545;} .job2_page .h3 .em{display: inline-block; padding:0 5px; font-style:initial;} .job2_page .z_content .z_item{font-size: 22px;margin-top: 26px;} .job2_page .z_content .z_item p{margin: 0;} @media (max-width:768px) { .job2_page .h2{font-size: 26px;} .job2_page .h2 .z_post{top:50%;} .job2_page .h3{font-size: 18px;border-width: 1px; } .job2_page .z_content .z_item{font-size: 16px;} } @media (min-width:1024px) { .job2_page .MainF{padding-top: 38px;} } .job_more{display: block; width: 176px; line-height: 50px; margin-top: 50px; border-radius: 8px; text-align: center; font-size: 16px; color: #fff; transition: .3s; position: relative; top: 0; background: #6191e3;} .job_more:hover{top: -5px;color: #fff;} .z_but{margin-top: 40px;} .z_but a{color: #fff; display: block; max-width: 300px; margin: 0 auto; font-size: 14px; border: 1px solid #949eaf; border-radius: 10px; background: #6191e3; width: 100%; height: 50px; line-height: 50px; text-align: center; position: relative;top: 0;transition: 0.3s;} .z_but a:hover{top: -5px;} /* 岗位申请 */ .Position_application{} .Position_application .resume{position: relative;} .Position_application .resume input{width: 100%;} .Position_application .resume .files{position: absolute;background: #fafafa;border: 1px solid #f0f0f0;top: 0;left: 0;width: 100%;line-height: 40px;height: 42px;text-align: center;cursor: pointer;} .Position_application .resume_file{background-image: url(../images/download_img.png); background-position: left center; background-repeat: no-repeat; padding-left: 24px;display: none;} .Position_application .resume_file em, .Position_application .resume_file i{font-style: inherit;} .Position_application .resume_file em {margin-right: 10px;} .Position_application .resume_file i{cursor: pointer;} /* 人才招聘 员工动态 */ .z_staffDynamic{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content:space-between; flex-wrap: wrap;} .z_staffDynamic .z_item{width: 50%;position: relative;} .z_staffDynamic .z_item .z_flex{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .z_staffDynamic .z_item .z_flex .z_text{position: absolute;bottom: 0;left: 0;max-width: 630px;padding: 80px;} @media (min-width:769px) { .z_staffDynamic .z_item:nth-child(1) .z_flex .z_text h3, .z_staffDynamic .z_item:nth-child(3) .z_flex .z_text h3{text-align: right;} .z_staffDynamic .z_item:nth-child(1) .z_flex .z_text{left: auto;right: 0;} .z_staffDynamic .z_item:nth-child(3) .z_flex .z_text{left: auto;right: 0;} .z_staffDynamic .z_item:nth-child(2n+1) .z_flex .z_text p{text-align: right;} } .z_staffDynamic .z_item h3{font-size: 30px;color: #ffffff;margin: 0;font-weight: 400;} .z_staffDynamic .z_item p{margin: 0;font-size: 16px;line-height: 1.4;color: #ffffff;display: none;} .z_staffDynamic .z_item .z_flex::after{display: block;z-index: 10;content: '';position: absolute; bottom: 0;left:0;height: 0;width: 100%;background: #672c7e;transition: 0.3s;} .z_staffDynamic .z_item .z_flex::before{display: block;z-index:3;content: '';position: absolute; bottom: 0;left:0;height: 100%;width: 100%;opacity: 0.2;background: #672c7e;} .z_staffDynamic .z_item:nth-child(1) .z_flex::after{background: #55c5cf;} .z_staffDynamic .z_item:nth-child(1) .z_flex::before{background: #55c5cf;} .z_staffDynamic .z_item:nth-child(4) .z_flex::after {background: #f68220;} .z_staffDynamic .z_item:nth-child(4) .z_flex::before {background: #f68220;} .z_staffDynamic .z_item .z_flex .z_text *{position: relative;z-index: 20;} .z_staffDynamic .z_item .z_flex .z_text p{transition: 0.3s;text-align: center;} .z_staffDynamic .z_item:hover .z_flex .z_text p{display: block;} .z_staffDynamic .z_item:hover .z_flex::after{height: 100%;} @media (max-width:768px) { .z_staffDynamic .z_item{width: 100%;} } /* 人才招聘 员工故事 */ .z_staffStory{padding: 80px 0 ;} .z_staffStory .h3{font-size: 36px;margin-bottom: 30px;} .z_staffStory .swiper-container { width: 100%; /* height: 300px; */ margin-left: auto; margin-right: auto; } .z_staffStory .swiper-slide { background-size: cover; background-position: center; } .z_staffStory .gallery-top { /* height: 80%; */ width: 100%; margin-bottom: 30px; } .z_staffStory .z_staffPadd{ padding: 0 70px; position: relative; } .z_staffStory .gallery-thumbs { /* height: 20%; */ box-sizing: border-box; /* padding: 10px 0; */ } .z_staffStory .gallery-thumbs .swiper-slide { height: 100%; /* opacity: 0.4; */ } .z_staffStory .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; } .z_staffStory .swiper-button-next, .z_staffStory .swiper-button-prev{ width: 26px; height: 48px; } .z_staffStory .z_content{ display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content:space-between; } .z_staffStory .z_content .z_img{ overflow: hidden; min-width: 60%; } .z_staffStory .z_content .z_img img{ width:100%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .z_staffStory .z_content .z_img:hover img{-webkit-transform: scale(1.05); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);} .z_staffStory .z_content .z_text{ padding: 50px; } .z_staffStory .z_content .z_text p{font-size: 18px;margin: 0; line-height: 1.42em;height:5.68em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .z_staffStory .z_content .z_text p a{color: #454545;border-bottom: 1px solid transparent;} .z_staffStory .z_content .z_text p a:hover{color: #328dff;border-bottom: 1px solid #328dff;} .z_staffStory .z_content .z_text h3{font-size: 18px;margin: 0;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .z_staffStory .z_content .z_text .icon{ /* display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content:flex-start; */ margin-top: 50px; } .z_staffStory .z_content .z_text .icon .img{float: left;width: 76px;height: 76px;border: 2px solid #328dff;border-radius: 50%;overflow: hidden;} .z_staffStory .z_content .z_text .icon .img img{width: 100%;} .z_staffStory .z_content .z_text .Introduce{margin-left: 20px;padding-left: 76px;} .z_staffStory .z_content .z_text .Introduce a{color:#454545} .z_staffStory .z_content .z_text .Introduce h5{margin: 0;font-size: 20px;} .z_staffStory .z_content .z_text .Introduce span{display: block;line-height: 2;} .z_staffStory .swiper-button-next{left: 0;top: 50%;background: url(../images/z_left.png) no-repeat center center !important;background-size: contain;} .z_staffStory .swiper-button-prev{right: 0;left: auto;top: 50%;background: url(../images/z_right.png) no-repeat center center !important;background-size: contain;} .z_staffStory .swiper-slide{border: 1px solid #eeeeee;} .z_staffStory .gallery-thumbs .swiper-slide .z_text{padding: 28px 30px 20px;} .z_staffStory .gallery-thumbs .swiper-slide .z_text h3{font-size: 14px;margin: 0;font-weight: 400;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .z_staffStory .gallery-thumbs .swiper-slide .z_text h3 a{color: #454545;} .z_staffStory .gallery-thumbs .swiper-slide .z_text h3 a:hover{color: #328dff;} .z_staffStory .gallery-thumbs .swiper-slide .z_text p{font-size: 20px;margin: 0;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .z_staffStory .gallery-thumbs .swiper-slide .z_text a{color: #328dff; display: inline-block; margin-top: 5px;} .z_staffStory .gallery-thumbs .swiper-slide .z_text a span{position: relative;left: 0;transition: 0.3s;} .z_staffStory .gallery-thumbs .swiper-slide .z_text a:hover span{left: 5px;} .z_staffStory .gallery-thumbs .swiper-slide .img{overflow: hidden;} .z_staffStory .gallery-thumbs .swiper-slide .img img{transition: .3s;} .z_staffStory .gallery-thumbs .swiper-slide:hover .img img{transform: scale(1.2);} .z_staffStory .swiper-pagination{display: none; position: static; padding-top: 10px;} .z_staffStory .swiper-pagination-clickable .swiper-pagination-bullet{margin:10px 5px;} @media (max-width:768px) { .z_staffStory .z_staffPadd{padding: 0;} .z_staffStory .z_content{display: block;} .z_staffStory .z_content .z_img, .z_staffStory .z_content .z_text{width: 100%;} .z_staffStory .z_content .z_text{padding: 20px 30px;} .z_staffStory .z_content .z_text .icon{margin-top: 20px;} /* .z_staffStory .swiper-button-next, .z_staffStory .swiper-button-prev{display: none;} */ .z_staffStory .swiper-button-next, .z_staffStory .swiper-button-prev{-webkit-transform: scale(0.8); -moz-transform:scale(0.8) ; -ms-transform: scale(0.8); -o-transform:scale(0.8) ; transform: scale(0.8); top: auto; bottom: -185px; display: none; } .z_staffStory .swiper-pagination{display: block;} .z_staffStory .swiper-button-next{left: 30%;} .z_staffStory .swiper-button-prev{right: 30%;} .z_staffStory .gallery-thumbs .swiper-slide .z_text{display: none;} } /* 岗位筛选 */ .Posi_Screen{background: #ebf3ff;padding: 60px 0;} .Posi_Screen .Posi_Screen_main{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content:space-between;} .Posi_Screen .z_content{width: 290px;} .Posi_Screen .h3{font-size: 20px;font-weight: 500;margin-bottom: 20px;} .Posi_Screen .z_content ul{padding: 0;margin: 0;list-style: none;background: #ffffff;padding: 26px;border-radius: 8px;} .Posi_Screen .z_content ul li{border-bottom: 1px solid #666;padding: 10px 0;} .Posi_Screen .z_content ul li:nth-last-child(1){border: 0;} .Posi_Screen .z_content ul li .Rank1{font-size: 20px;position: relative;} .Posi_Screen .z_content ul li .Rank1 i{width: 12px;height: 12px;display: block;position: absolute; top: 50%; margin-top: -6px; right: 8px; background-image: url(../images/add2.png); background-position: center center; background-repeat: no-repeat; background-size: contain;cursor: pointer;} .Posi_Screen .z_content ul li .Rank1 i.on{ background-image: url(../images/close2.png); } .Posi_Screen .z_content ul li div.dl{display: none;} .Posi_Screen .z_content ul li div.dl{max-height: 390px;overflow-y: auto;} .Posi_Screen .z_content ul li dl dd{font-size: 16px;margin: 0;margin-bottom: 6px;} .Posi_Screen .z_content ul li dl dd span{} .Posi_Screen .z_list{width: 100%; margin-left: 30px; } .Posi_Screen .z_list .Tips{} .Posi_Screen .z_list .Tips span{display: inline-block;margin-bottom: 10px;border-radius: 8px;margin-right: 20px;border: 1px solid #eee;background: #fff;font-size: 16px;padding: 6px 10px;} .Posi_Screen .z_list .Tips span i{display: inline-block;background-image: url(../images/add2.png);background-position: center center;background-repeat: no-repeat;background-size: cover;width: 13px;height: 13px;/* float: right; */cursor: pointer;vertical-align: middle;margin-left: 15px;transform: rotateZ(45deg);} .Posi_Screen .z_list .Essay{margin-top: 20px;} .Posi_Screen .z_list .Essay ul{list-style: none;padding: 0;margin: 0; position: relative;z-index: 8;} .Posi_Screen .z_list .Essay ul li{margin-bottom: 16px;padding: 18px;background: #fff;border: 1px solid #eee;border-radius: 8px;} .Posi_Screen .z_list .Essay h3{font-size: 20px;font-weight: 400;color: #1e1e1e;margin: 0;margin-bottom: 10px;} .Posi_Screen .z_list .Essay h4{font-size: 16px;font-weight: 400;color: #1e1e1e;margin: 0;margin-bottom: 16px;} .Posi_Screen .z_list .Essay p{font-size: 14px;margin: 0;color: #858585;} .Posi_Screen .z_list .Essay ul li{position: relative;} .Posi_Screen .z_list .Essay ul li.lion{z-index: 8;} .z_post{position: absolute;font-size: 14px;display: block;cursor: pointer;text-align: center;top: 50%;margin-top: -25px;right: 20px;width: 28px;} .z_post img{display: block;margin-bottom: 5px;} .z_post .z_share{position: absolute;display: none;z-index: 10;top: 100%;right: -6px;background-image: url(../images/share_bk.png); background-position: top center; background-repeat: no-repeat; background-size: cover;width: 245px;height: 121px;padding: 30px;text-align: left;} .z_post .z_share div{margin-top: 20px;display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content:space-between;} .z_post .z_share div input{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .z_post .z_share div i{font-style: inherit;white-space:nowrap;color: #328dff;cursor: pointer;} @media (max-width:768px) { .Posi_Screen .z_list .Essay h4{padding-right: 20px;} .Posi_Screen .Posi_Screen_main, .Posi_Screen .z_content, .Posi_Screen .z_list{display: block;width: 100%;max-width: none;} .Posi_Screen .z_list{margin-left: 0;margin-top: 30px;} .Posi_Screen .z_list .Tips span{font-size: 14px;padding: 6px 10px;margin-right: 8px;} .Posi_Screen .z_list .Essay h3{font-size: 18px;} .Posi_Screen .z_list .Essay h4{font-size: 16px;} .z_post{top: 63px;} .z_post .ispan{display: none;} .z_post{width:15px; margin-top: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} .z_post img{margin-bottom: 0;} } .Newsletter{padding-top: 38px;} .Newsletter .z_content{overflow: hidden;} .Newsletter .z_text{float: left;} .Newsletter .z_text h3{font-size: 45px;margin: 0;font-weight: 400;margin-bottom: 20px;} .Newsletter .z_text p{font-size: 22px;margin: 0;font-weight: 400;} .Newsletter .sale .z_form{padding-bottom: 80px;} .Newsletter .z_bk{background: #cde0ff;width: 100%;height: 215px;margin-top: -135px;} @media (max-width:1240px) { .Newsletter{padding: 60px 0;} .Newsletter .z_text{float: none;} .Newsletter .z_text h3{font-size: 30px;margin: 0;font-weight: 400;} .Newsletter .z_text p{font-size: 18px;margin: 0;font-weight: 400;} .Newsletter .z_tab{margin-top: 30px;} .Newsletter .sale .z_form{padding-bottom: 50px;} .Newsletter .z_bk{display: none;} } @media (max-width:768px) { .Newsletter{padding: 30px 0;} } /* 成功案例 */ .z_Case{padding: 38px 0 80px;} .z_Case .z_title{border-bottom: 1px solid #ccc;margin-bottom: 30px;padding-bottom: 10px;line-height: 44px;} .z_Case .z_title a{display: inline-block;margin-right: 20px;font-size: 18px;} .z_Case .z_title a.aon{font-weight: 600;} .z_Case .z_list{} .z_Case .z_list ul{overflow: hidden;list-style: none;padding: 0;margin: 0;} .z_Case .z_list ul li{float: left;width: 31%;margin-left: 3.5%;margin-bottom: 50px;} .z_Case .z_list ul li:nth-child(3n+1){margin-left: 0;} .z_Case .z_list ul li img{width: 100%;} .z_Case .z_list ul li h4{font-size: 20px;font-weight: 400;margin: 20px 0 16px;line-height: 24px; height: 50px; overflow: hidden; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .z_Case .z_list ul li h4 a{font-size: 20px;border-bottom: 1px solid transparent; font-weight: 400; } .z_Case .z_list ul li h4 a:hover{ border-color: #328dff; } .z_Case .z_list ul li a.more{font-size: 14px;} .z_Case .z_list ul li a.more span{position: relative;left: 0;transition: 0.3s;} .z_Case .z_list ul li a.more:hover span{font-size: 14px;left: 5px;} @media (max-width:768px) { .z_Case .z_list ul li{width: 100%;float: none;margin-left: 0;} .z_Case .z_title{line-height: 1;padding-bottom: 15px;} .z_Case .z_list ul li{margin-bottom: 30px;} } @media (min-width:1300px) { .z_Case .z_title a{font-size:20px;} } /* 活动中心 */ .z_Activity{} .z_Activity h3{font-size: 18px;font-weight: 400;} .z_Activity h3 a{margin-right: 20px;} .z_Activity h3 a.aon{font-weight: 600;} .z_Activity .list ul {padding: 0;margin: 0;padding: 30px 0;} .z_Activity .list ul li{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content:flex-start;} .z_Activity .list ul li .z_img{width: 100%;max-width: 465px;} .z_Activity .list ul li .z_img img{width: 100%;} .z_Activity .list ul li .z_Text{margin-left: 70px;} .z_Activity .list ul li .z_Text h4{font-size: 30px;} .z_Activity .list ul li .z_Text h4 a{color: #328dff;} .z_Activity .list ul li .z_Text h4 a:hover{border-bottom: 1px solid #328dff;} .z_Activity .list ul li .z_Text p{line-height: 2;font-size: 20px;color: #999;} .z_Activity .list ul li .z_Time{font-size: 18px;} .z_Activity .Choice{overflow: hidden;position: relative;overflow: initial;font-size: 0;} /* .z_Activity .Choice::after{position: absolute;top: -7px;right: 0;width: 42px;display: block;content: '';background: #fff;height: 12px;} */ .z_Activity .Choice select{width: 30%;float: left;margin-right: 1.5%;box-sizing: border-box;} .z_Activity .Choice select:nth-last-child(1){width: 37%;margin-right: 0;} .ListNavBox{position: relative; z-index: 8;} .z_Activity .ListNavBox .Choice{position: absolute; left: 0; top:100%; margin-top: -2px;} @media (max-width:768px) { .z_Activity h3 a{margin-right: 12px;font-size: 14px;} .z_Activity .list ul li{display: block;} .z_Activity .list ul li .z_Text{margin-left: 0px;} .z_Activity .list ul li .z_Text h4{font-size: 20px;} .z_Activity .list ul li .z_Text p{line-height: 2;font-size: 16px;} .z_Activity .Choice select{width: 100% !important;margin: 0;margin-bottom: 10px;} } @media (min-width:1300px) { .z_Activity h3{font-size:20px; padding-bottom:0;} .z_Activity h3 a{margin-right: 70px; line-height:75px;} .z_InDetails h3 .z_span{top:15px;} .z_Activity .ListNavBox .Choice{ padding: 20px 48px 20px 20px; margin-top: -12px; } /* .b_shadow .InputBox{height: 44px;line-height:44px; padding: 11px 0;} */ /* .b_shadow .InputBox input{height: 44px;line-height:44px;} */ } /* 活动中心详情页 */ /* .EventDetails{margin-bottom: 30px;} */ .EventDetails .h2{font-size: 45px; margin: 0; line-height: 1.4;} .EventDetails .z_text {padding-top: 38px;} .EventDetails .z_text .title{border-bottom: 1px solid #999; padding-bottom: 15px; margin-bottom: 15px;text-align: center;} .EventDetails .z_text video{max-width: 800px; width: 100%; margin: 0 auto;} .EventDetails .z_text .img{margin: 50px 0;} .EventDetails .z_text h5{font-size: 18px;margin: 0;text-align: center;margin-bottom: 20px;} .EventDetails .z_text p{font-size: 18px;margin: 0;margin-bottom: 16px;} .EventDetails .Plate5G{padding-top: 0;} @media (max-width:768px) { .EventDetails .h2{font-size: 30px;} .EventDetails .z_text h5{font-size: 18px;} .EventDetails .z_text p{font-size: 16px;} .EventDetails .z_text{padding-top: 30px;} .EventDetails .z_text .img{margin: 30px 0;} } @media (max-width:640px) { .EventDetails .h2{font-size:22px;} } /* 活动中心专题页 */ .SpecialPage{} .Plate5G{padding:80px 0;} .SpecialPage h2{font-size: 38px;text-align: center;margin: 0;margin-bottom: 30px;} .Plate5G p{font-size: 18px;margin: 0;} .Plate5G .z_Tips{font-size: 18px;color: #777777;text-align: center;margin-top: 30px;} .Plate5G .z_more{margin-top: 50px;} .z_more a{color: #fff; display: block; max-width: 240px; margin: 0 auto; font-size: 12px; border: 1px solid #949eaf; border-radius: 20px; background: #328dff; font-size: 18px; width: 100%; height: 60px; line-height: 60px; text-align: center;position: relative;top: 0;transition: 0.3s;} .z_more a:hover{top: -5px;} @media (max-width:768px) { .Plate5G{padding: 50px 0;} .SpecialPage h2{font-size: 22px;} .Plate5G p{font-size: 16px;} .z_more a{font-size: 16px;height: 38px;line-height: 38px;} .Plate5G .z_Tips{font-size: 14px;} } /* 活动中心专题页 演讲嘉宾 */ .Speakers{background: #ebf3ff;padding: 90px 0;} .Speakers .z_list{max-width: 1400px;margin: 0 auto;} .Speakers ul{} .Speakers ul li .img img{width: 100%;} .Speakers ul li h5{font-size: 22px;margin: 20px 0 10px;font-weight: 400;color: #328dff;text-align: center;} .Speakers ul li p{color: #454545;text-align: center;line-height: 1.7;font-size: 14px;margin: 0;} @media (max-width:768px) { .Speakers{padding: 50px 0;} } .Speakers .z_list .z_listPC{display: none;} .Speakers .z_list .z_listWap{display: block;} .Speakers .z_list .z_listWap ul li{display: inline-block; width: 160px; margin-right: 15px;} .Speakers .z_list .z_listWap .str_wrap{background:transparent;} .Speakers .z_list .z_listPC .owl-carousel .owl-nav button{color: #818285;} .Speakers .z_list .z_listPC .owl-carousel .owl-nav button.owl-prev { position: absolute; left: -40px; top: 50%; margin-top: -15px; width: 30px; height: 30px; display: block; } .Speakers .z_list .z_listPC .owl-carousel .owl-nav button.owl-prev .iconfont { font-size: 18px; } .Speakers .z_list .z_listPC .owl-carousel .owl-nav button.owl-next { position: absolute; right: -40px; top: 50%; margin-top: -15px; width: 30px; height: 30px; display: block; } .Speakers .z_list .z_listPC .owl-carousel .owl-nav button.owl-next .iconfont { font-size: 18px; } @media (min-width:1024px) { .Speakers .z_list .z_listPC{display: block; position: relative; padding: 0 50px; } .Speakers .z_list .z_listPC .owl-carousel .owl-nav button.owl-prev { width: 50px; height: 50px; margin-top: -25px; left: -60px; } .Speakers .z_list .z_listPC .owl-carousel .owl-nav button.owl-prev .iconfont {right: 0; font-size: 30px; position: relative; -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s; } .Speakers .z_list .z_listPC .owl-carousel .owl-nav button.owl-next { width: 50px; height: 50px; margin-top: -25px; right: -60px; } .Speakers .z_list .z_listPC .owl-carousel .owl-nav button.owl-next .iconfont { left:0;font-size: 30px; position: relative; -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s; } .Speakers .z_list .z_listPC .owl-carousel .owl-nav button.owl-next:hover .iconfont{ left: 10px; } .Speakers .z_list .z_listPC .owl-carousel .owl-nav button.owl-prev:hover .iconfont{right: 10px;} .Speakers .z_list .z_listWap{display: none;} } @media (min-width:1600px) { .Speakers .z_list .z_listPC .owl-carousel .owl-nav button.owl-prev { left: -60px; } .Speakers .z_list .z_listPC .owl-carousel .owl-nav button.owl-prev .iconfont { font-size: 50px; } .Speakers .z_list .z_listPC .owl-carousel .owl-nav button.owl-next { right: -60px; } .Speakers .z_list .z_listPC .owl-carousel .owl-nav button.owl-next .iconfont { font-size: 50px; } } /* 活动中心专题页 议程 */ .agenda{padding: 80px 0;} .agenda .time{font-size: 18px;text-align: center;} .agenda .z_table{overflow-x:auto;} .agenda .z_table.TableScoll{overflow: hidden; position: relative;} .agenda .z_table.TableScoll .TableWap{position: relative; padding-left: 180px;} .agenda .z_table.TableScoll .TableWap .TableLeft{position: absolute; left: 0; top: 0; width: 180px; } .agenda .z_table.TableScoll .TableWap .TableRight{width: 100%; vertical-align: top; overflow: hidden;} .agenda .z_table.TableScoll .TableWap .TableRight .tablescoll{ width: 100%;min-width: 580px; overflow: hidden; } .agenda .z_table.TableScoll .TableWap .TableRight .tablescoll table{ width: 100%;} .agenda .z_table .mCSB_horizontal.mCSB_inside > .mCSB_container{margin-bottom: 0;} .agenda .z_table .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background:#328dff; height: 10px; border-radius: 0;} .agenda .z_table .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{height: 10px;background:#9bc1ff; border-radius: 0;} .agenda td{border:none;} .agenda table{width: 100%;min-width: 800px;border-top: 1px solid #ccc;margin-top: 50px; border-collapse: collapse;} .agenda .z_table.TableScoll table{width: 100%;min-width: 100%;} .agenda table th{line-height: 40px;font-size: 18px;} .agenda tr{} .agenda td{font-size: 16px;line-height: 38px;text-align: center;border-top: 1px solid #ccc;} .agenda tr:nth-child(2n) td{background: #ebf3ff;} @media (max-width:768px) { .agenda{padding: 50px 0;} .agenda td{font-size: 16px;line-height: 30px;} } @media (min-width:768px) { .agenda .z_table.TableScoll .TableWap{padding-left: 25%;} .agenda .z_table.TableScoll .TableWap .TableLeft{ width: 25%; } } /* 单片页 */ .Single_page{} .Single_page h2{text-align: center;font-size: 30px;} /* 5g专题页 */ .z_5g{} .z_5g .MainF{padding: 80px 0;} .z_5g .item{ display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content:space-between;padding: 30px 40px;border-radius: 8px;border: 1px solid #eee;margin-bottom: 78px;position: relative;top: 0;transition: 0.3s; -moz-box-shadow:2px 2px 8px #A1A1A1; -webkit-box-shadow:2px 2px 8px #A1A1A1; box-shadow:2px 2px 8px #A1A1A1;} .z_5g .item:hover{top: -5px;} .z_5g .item:nth-child(2n){background: #e9f1ff;} .z_5g .item .z_img{width: 290px;} .z_5g .item .z_img img{width: 100%;} .z_5g .item .z_text{width:calc(100% - 330px) ;} .z_5g .item h4{font-size: 30px;margin: 0;margin-bottom: 16px;} .z_5g .item h4 .z_5g .item h4 a{color: #454545;display: inline-block;border-bottom: 1px solid transparent;} .z_5g .item h4 a:hover{color: #328dff;border-bottom: 1px solid #328dff;} .z_5g .item p{font-size: 14px;color: #5f5f5f;margin: 0;line-height: 2;} @media (max-width:768px) { .z_5g .MainF{padding: 50px 0;} .z_5g .item{padding: 20px;display: block;margin-bottom: 50px;} .z_5g .item .z_img, .z_5g .item .z_text{width:100%;margin: 0 auto;display: block;} .z_5g .item h4{margin-top: 16px; font-size:20px;} } .z_banner{position: relative;} .z_banner .z_text{position: absolute;top: 16%;left: 0;width: 100%;} .z_banner .z_text h3{font-size: 46px;color: #fff;margin: 0;margin-bottom: 20px;} .z_banner .z_text p{font-size: 18px;color: #fff;} .z_banner .banpc{} .z_banner .banwap{display: none;} @media (max-width:768px) { .z_banner .z_text{text-align: center;top: 50%;transform: translateY(-50%);} .z_banner .z_text h3{font-size: 30px;color: #fff;margin: 0;margin-bottom: 20px;} .z_banner .z_text p{font-size: 16px;color: #fff;} .z_banner .banpc{display: none;} .z_banner .banwap{display: block;} } .w1000{max-width: 1000px;margin: 0 auto;} @media (max-width:1000px) { .w1000{padding: 0 20px;} } /*搜索*/ .z_search{padding: 80px 0;} .z_search .z_search_input{width: 100%;max-width: 800px;margin: 0 auto;height: 60px;background: #f4f4f4;margin-bottom: 160px;position: relative;} .z_search .z_search_input span{position: absolute;top: 15px;right: 10px;cursor: pointer;display: block;width: 30px;height: 30px;background: url(../images/fangdajing.png) no-repeat center center;background-size: contain;} .z_search .z_search_input .inputView{padding: 18px 0; padding-right: 30px;height: 60px;} .z_search .z_search_input input{ padding: 0 20px;width: 100%;font-size: 22px;line-height: 24px; height: 24px;} .z_search_Content{max-width: 1273px;margin: 0 auto;} .z_search_Content h3 {border-bottom: 1px solid #e8e8e8;padding-bottom: 24px;} .z_search_Content h3 a{font-size: 18px;margin-right: 70px;font-weight: 400;} .z_search_Content h3 a.last{margin-right: 0;} .z_search_Content .z_search_text{padding-top: 13.5px;} .z_search_Content .z_search_text ul{list-style: none;padding-left: 0; margin-top: 0;} .z_search_Content .z_search_text ul li{border-bottom: 1px solid #eee;} .z_search_Content .z_search_text ul li h4{font-size: 20px;margin: 0; margin-bottom: 20px;font-weight: 400;} .z_search_Content .z_search_text ul li h4 a{border-bottom: 1px solid transparent;} .z_search_Content .z_search_text ul li h4 a:hover{border-color: #328dff;} .z_search_Content .z_search_text ul .z_Text{padding-top: 24px;} .z_search .BanSearch{margin-top: 0; margin-bottom: 64px;} .z_search_ts{font-size: 18px;line-height: 2;} .z_search_ts i{font-style: inherit;font-weight: bold;font-size: 24px;} .z_search_ts a.more{color: #328dff;border-bottom: 1px solid #328dff;} @media (max-width:768px) { .z_search{padding: 50px 0px;} .z_search_Content h3 a{margin-right: 20px;} .z_search .z_search_input{margin-bottom: 40px;} .z_search_Content .z_search_text{padding-top:3.5px;} .z_search .z_search_input input{font-size: 16px;} .z_search .BanSearch{margin-top: 0; margin-bottom: 34px;} } @media (min-width:1300px) { .z_search_Content h3 a{font-size: 20px} } @media (max-width:768px) { .SerDownList .DownNav .rightbtn .btn, .z_InDetails h3 .z_span{background-image:url('../images/close_img2.png');} .SerDownList .DownNav .rightbtn .btn.btnon,.z_InDetails h3 .z_span.aon{ background-image: url('../images/open_img2.png') } .SerDownList .DownNav .left li a{font-size:16px;} .z_Activity h3 a{font-size:16px;} .z_InDetails h3 .z_span{top: -8px;} .SerDownList .DownNav .rightbtn .btn{position: relative; top:-4px;} } @media (max-width:640px) { .SerDownList .DownNav .rightbtn .btn{height: 33px;} .SerDownList .DownNav .left{line-height: 24px;} } @media (min-width:1024px) { .SerDownList .MainF{padding: 38px 0 80px;} } @media (max-width:640px) { .CurBox{padding: 10px 0;} .SBbanBox .MainF, .Cbanner.MainF, .ServerBoxF1 .MainF, .z_InDetails, .z_InDetailsBox, .z_Catlist, .z_Register, .z_Case, .ProBanInfoBan, .SerDownList .MainF, .z_main, .Cbanner, .z_About .MainF, .job2_page .MainF, .Newsletter, .bannerTxtWarp, .EventDetails .z_text {padding-top: 8px;} .sale{padding-bottom: 50px;} .z_main .sale{padding-bottom: 50px;} .Media_cooperation{padding-bottom: 0;} .Newsletter{padding-bottom: 0;} .FocusNews{padding-bottom: 30px;} .z_staffStory{padding: 50px 0 40px;} .z_Register{padding-bottom: 30px;} .AfterService .MainF{padding-top: 0; padding-bottom: 50px;} .AfterServiceBanPbottom .MainF{ padding-bottom: 15px; } .z_Brand{padding: 50px 0;} .SBbanBox .MainF.MainFwap{padding-bottom: 20px;} } /* 人才招聘图片展示 */ .container{position:relative;overflow:hidden;} .g-clr{zoom:1;} .g-clr:after{display:block;visibility:hidden;clear:both;height:0;content:".";} .shadow-bg{position:absolute;opacity:0;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.3);z-index:-1;transform-origin:top;} .shadow-bg.active{opacity:1;z-index:10;transition:.5s opacity cubic-bezier(0.2,0.0,0.2,1);} .welfare-container .swiper-container{height: 280px;} .welfare-wrapper .welfare-item .welfare-title{display:inline-block;margin-bottom:4px;font-family:tencentFont,'microsoft yahei','PingFang SC',tahoma,arial,'helvetica neue','hiragino sans gb',sans-serif;font-size:28px;color:#FFFFFF;line-height:44px;box-sizing:border-box;} .welfare-wrapper .welfare-item .welfare-text{position:relative;z-index: 3; width:100%;height:100%;padding-top:28px;padding-left:40px;font-size:16px;color:#FFFFFF;line-height:26px;z-index:2;box-sizing:border-box;} .welfare-item .welfare-bg::after{content:"";display:inline-block;width:100%;height:280px;position:absolute;top:0;left:0;z-index:1;transform:translate(0,280px);transform-origin:bottom;transition:all .5s cubic-bezier(0.2,0.0,0.2,1);} .welfare-item .welfare-bg.bg-move{background:rgba(155,38,182,0.5)} .bg-one::after{background:#0052D9;} .welfare-swiper-1 .bg-two::after{background:#00A9CE;} .welfare-swiper-1 .bg-three::after{background:#ff671f;} .welfare-swiper-2 .bg-four::after{background:#FF671F;} .welfare-swiper-2 .bg-five::after{background:#adb0b1;} .welfare-swiper-3 .bg-six::after{background:#717C7D;} .welfare-swiper-3 .bg-seven::after{background:#00A9CE;} .welfare-swiper-3 .bg-eight::after{background:#79C000;} .welfare-swiper-4 .bg-nine::after{background:#968C83;} .welfare-swiper-4 .bg-ten::after{background:#79C000;} .welfare-swiper-5 .bg-eleven::after{background:#ADB0B1;} .welfare-swiper-5 .bg-twelve::after{background:#79C000;} .welfare-swiper-5 .bg-thirteen::after{background:#717c7d;} .bg-move.bg-fourteen::after{background:#9B26B6;} .welfare-swiper-4 .bg-fifteen::after{background:#adb0b1;} .welfare-swiper-5 .bg-sixteen::after{background:#ff671f;} .welfare-swiper-1 .bg-seventeen::after{background:#79c000;} .welfare-swiper-2 .bg-eighteen::after{background:#968c83;} .welfare-wrapper .welfare-item .welfare-details{opacity:0;position:relative;width:92.765%;height:100%;z-index:4;font-size:14px;color:#FFFFFF;line-height:24px;transform:translate(0,80px);transform-origin:bottom;transition:transform .5s cubic-bezier(0.2,0.0,0.2,1),opacity .3s cubic-bezier(0.2,0.0,0.2,1);} .welfare-wrapper .welfare-item .video-link{opacity:0;position:absolute;bottom:40px;font-size:16px;color:#FFFFFF;line-height:18px;padding-left:30px;transform:translate(0,80px);transition:transform .5s cubic-bezier(0.2,0.0,0.2,1),opacity .3s cubic-bezier(0.2,0.0,0.2,1);} .welfare-wrapper .welfare-item .video-link::before{content:"";position:absolute;display:inline-block;width:24px;height:24px;top:50%;margin-top:-12px;background-size:24px 24px;left:-1px;} .welfare-slide:hover .welfare-details{opacity:1;transform:translate(0,0);} .welfare-item.welfare-big:hover .welfare-details{opacity:1;transform:translate(0,0);} .welfare-bg:hover::after, .welfare-slide:hover .welfare-bg::after{transform:translate(0,0);} .welfare-item.welfare-big{width:66.6666%;} .welfare-item.welfare-middle{width:50%;} .welfare-item{position:relative;float:left;width:33.3334%;height:280px;} .welfare-bg{position:relative;height:280px;box-sizing:border-box;overflow:hidden;transition:.5s top cubic-bezier(0.2,0,0.2,1);background-repeat:no-repeat;background-size:cover;background-position:center;} .welfare-container .swiper-wrapper{top:0;} .bg-shadow1{opacity:0;position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.8);z-index:-1;transition:.5s opacity cubic-bezier(0.2,0,0.2,1);} .bg-shadow1.show{opacity:1;z-index:1000;} .bg-shadow1 .welfare-video{width:1024px;height:600px;position:absolute;left:50%;top:50%;transform:translate(0,-50%);margin-left:-512px;} .bg-shadow1 .video-close{position:absolute;top:0px;right:-48px;width:48px;height:48px;background-size:22px 22px;background-color:#1E1E1E;background-position:center;} .story-module{position:fixed;top:0;min-height:100%;height:auto!important;height:100%;overflow:hidden;overflow-y:auto;transform:translate(0,100%);width:100%;z-index:1000;} .welfare-slide .welfare-limit{opacity:0;position:absolute;bottom:32px;font-size:14px;color:#FFFFFF; transform:translate(0,80px);transition:transform .5s cubic-bezier(0.2,0.0,0.2,1),opacity .3s cubic-bezier(0.2,0.0,0.2,1);padding-right:40px;} .welfare-slide:hover .welfare-limit{opacity:1;transform:translate(0,0);} .welfare-item:hover .video-link{opacity:1;transform:translate(0,0);} .text-one .box-tips{opacity:0;position:absolute;bottom:12px;right:22px;font-size:12px;color:#FFFFFF; text-align:right;line-height:12px;transform:translate(0,20px);} .text-one.active .box-tips{opacity:0.5;transform:translate(0,0);transition:.5s transform cubic-bezier(0.2,0,0.2,1),.2s opacity cubic-bezier(0.2,0,0.2,1);} .recruit-wrap.null{font-size:24px;color:#343434; text-align:center;line-height:36px;background:white;} .welfare-item.welfare-big .welfare-video{ position:absolute;top:0;left:0;width:100%;height:280px;overflow:hidden;background-color:black;} .welfare-item.welfare-big:hover .welfare-video{display:block;} .welfare-item.welfare-big .welfare-vid{position:absolute;height:280px;height:380px\0;width:2560px\0;left:50%\0;margin-left:-1280px\0;object-fit:cover;} .welfare-item{height:280px;overflow:hidden;} @media (max-width:640px) { .welfare-slide .welfare-limit{display: none;} .welfare-wrapper .welfare-item .welfare-details{ } .welfare-wrapper .welfare-item .welfare-details .txt{ margin-top: 15px; line-height:24px; max-height:168px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical; } .welfare-wrapper .welfare-item .welfare-text{padding: 20px;} .welfare-wrapper .welfare-item .welfare-title{font-size: 22px; line-height:24px;} } /* 人才招聘图片展示 */ .z_RegisterSecss .sale_partner h2{margin: 0;} .z_RegisterSecss .h3{margin: 0;padding: 0;} .z_RegisterSecss .sale_partner h4{margin: 0; padding: 0;padding-top: 5px;} .z_RegisterSecss .sale_partner{padding: 8px 0 50px;} .z_RegisterSecss .SboxView{padding: 30px 0 10px;} @media (min-width:1024px) { .z_RegisterSecss .sale_partner{padding: 38px 0 80px;} }