.right_nav { position: fixed; right: 0; top: 50%; z-index: 1000000; margin-top: -52px; } .right_nav ul li { width: 46px; text-align: center; line-height: 47px; background-color: #fff; border-right: none; margin-top: 5px; position: relative; } .right_nav ul li a{ display: block; border: 1px solid #EEEEEE; } .right_nav ul li p{ position: absolute; width: 100%; height: 100%; background-color: #005E9C; color: #fff; left: 0; top: 0; line-height: 16px; font-size: 12px; padding: 8px 0; display: none; } .right_nav ul li:hover p{ display: block; } .wechat .code,.wechat .phone{ position: relative; } .wechat .code .img2{ width: 100px; } .pc_menu .menu > li .menu_2Box .menu_decoration li:hover .p3{ color: #005e9c; } .ym-video{ background: transparent; } .wechat .code .code2,.wechat .phone .phone2{ content: ""; display: block; width: 100px; height: 100px; background-size:100% auto; position: absolute; left: -30px; top: -30px; display: none; } .pswp__bg{ background: rgba(0, 0, 0, 0.7) } .pswp__button--arrow--left:before{ background: url(../images/case-left.png) no-repeat center; } .pswp__button--arrow--right:before{ background: url(../images/case-right.png) no-repeat center; } .pswp__button--arrow--left:before, .pswp__button--arrow--right:before{ width: 30px; height: 60px; background-size:100% auto; } .wechat p{ color: #fff; } .wechat .phone .phone2{ left: 0px; top: -30px; } .wechat .code:hover .code2,.wechat .phone:hover .phone2{ display: block; } .wechat .code:hover .img1{ display: inline-block !important; } .right_nav ul li a { display: block; } /*#banner #owl-demo .owl-nav{ display: none !important; }*/ #banner .owl-theme .owl-controls .owl-nav .owl-prev, #banner .owl-theme .owl-controls .owl-nav .owl-next{ overflow: hidden; width: 48px; height: 76px; } #banner .index-news .owl-controls .owl-nav .owl-prev, #banner .index-news .owl-theme .owl-controls .owl-nav .owl-next { width: 33px; height: 53px; text-align: center; padding-top: 15px;} #banner #owl-demo .owl-nav{ display:none !important;} #banner #owl-demo:hover .owl-nav{ display: block !important; } #header .logo { float: left; height: 85px; padding-top: 8px; } .panel-default > .panel-heading{ cursor: pointer; } .panel-default > .panel-heading:hover{ background-color: #dde9f4; } .right_nav ul li .img2{ display: none; } .right_nav ul li:hover .img2{ display: inline-block; } .right_nav ul li:hover .img1{ display: none; } .inContent #my-video{ margin: 55px auto 0; } @media(min-width:1200px){ .content .contact-us1-2 .container{ width: 100%; } } .content .contact-us1-2 .contact-us1-2-list li.li1:hover .image{ background-image: url(../images/contact-icon9_1.png) !important; } .content .contact-us1-2 .contact-us1-2-list li.li2:hover .image{ background-image: url(../images/contact-icon10_1.png) !important; } .content .contact-us1-2 .contact-us1-2-list li.li3:hover .image{ background-image: url(../images/contact-icon11_1.png) !important; } .content .contact-us1-2 .contact-us1-2-list li.li4:hover .image{ background-image: url(../images/contact-icon12_1.png) !important; } #header .language { float: right; } #header .language li { float: left; height: 85px; line-height: 85px; margin-right: 4px; } #header .language li a.lan4{background-image: url(../images/language4.jpg); background-repeat:no-repeat; width:60px; height:11px; display:block; margin-top:38px;transition: all 0s;-webkit-transition: all 0s;-moz-transition: all 0s; } #header .language li a.lan4:hover{background-image: url(../images/language4_1.jpg) } #header .language li a.lan3{background-image: url(../images/language3.jpg); background-repeat:no-repeat; width:70px; height:16px; display:block; margin-top:38px;transition: all 0s;-webkit-transition: all 0s;-moz-transition: all 0s; } #header .language li a.lan3:hover{background-image: url(../images/language3_1.jpg) } #header .language li a.lan5{background-image: url(../images/language5.jpg); background-repeat:no-repeat; width:68px; height:16px; display:block; margin-top:38px;transition: all 0s;-webkit-transition: all 0s;-moz-transition: all 0s; } #header .language li a.lan5:hover{background-image: url(../images/language5_1.jpg) } #header .menu_icon { float: right; margin-right: 0.25rem; margin-top: 0.39rem; } .pc_menu { position: absolute; width: 100%; top: 0; left: 0; background: url(../images/opacity1.png) repeat; z-index: 100; height: 60px; } .pc_menu .menu { padding: 0 6%; } .pc_menu .menu > li { float: left; width: 12.31%; position: relative; margin: 0 0.985%; } .pc_menu .menu > li > a { font-size: 16px; color: #fff; height: 60px; line-height: 60px; text-align: center; display: block; position: relative; } .pc_menu .menu > li > a:hover:after { content: ""; display: block; height: 2px; width: 100%; position: absolute; left: 0; top: -2px; background-color: #005E9C; z-index: 100; } .pc_menu .menu > li .menu_2Box { width: 715px; position: absolute; top: 60px; left: 0; background: url(../images/opacity2.png) repeat; display: none; } .pc_menu .menu > li .menu_2Box .menu_2 { float: left; width: 18.18%; height: 100%; padding-top: 10px; background-color: #005E9C; position: absolute; left: 0; top: 0; } .pc_menu .menu > li .menu_2Box .menu_2 li a { display: block; height: 43px; line-height: 43px; text-align: center; color: #fff; position: relative; } .pc_menu .menu > li .menu_2Box .menu_2 li a:hover { background-color: #F6F2F3; color: #333333; font-weight: bold; } .pc_menu .menu > li .menu_2Box .menu_2 li a:hover:after { content: ""; display: block; width: 5px; height: 10px; background: url(../images/right-arrow.png) no-repeat; position: absolute; top: 17px; right: 8px; background-size:100% auto; } .pc_menu .menu > li .menu_2Box .menu_decoration { float: left; width: 81.82%; padding: 30px 17.5px 50px; margin-left: 130px; } .pc_menu .menu > li .menu_2Box .menu_decoration li { float: left; width: 50%; padding: 0 12.5px; text-align: center; } .pc_menu .menu > li .menu_2Box .menu_decoration li .p2 { font-size: 18px; color: #000; padding: 13px 0 10px; } .pc_menu .menu > li .menu_2Box .menu_decoration li .p3 { color: #595959; line-height: 22px; } .pc_menu .menu li.nLi5 .menu_2Box, .pc_menu .menu li.nLi6 .menu_2Box, .pc_menu .menu li.nLi7 .menu_2Box { right: 0; left: auto; } .content .content1 { padding: 40px 0 35px; } .content .content1 .image { float: left; width: 350px; height: 550px; position: relative; cursor: pointer; overflow: hidden; } .content .content1 .image>img{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; } .content .content1 .image:hover>img{ transform: scale(1.02); -webkit-transform: scale(1.02); -moz-transform: scale(1.02); transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; } .content .content1 .image .text{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; } .content .content1 .image .text-list{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 30px 45px; display: none; } .content .content1 .image .text-list li{ position: relative; } .content .content1 .image .text-list li a{ display: inline-block; width: 140px; height: 140px; background: url(../images/white-circle.png) no-repeat center; color: #005e9c; font-size: 22px; text-align: center; padding-top: 45px; line-height: 24px; } .content .content1 .image .text-list li a:hover{ background: url(../images/blue-circle.png) no-repeat center; color: #fff; } .content .content1 .image:hover .text-list{ display: block; } .content .content1 .image:hover .text-list li a{ animation: scale 0.4s linear; -webkit-animation: scale 0.4s linear; -moz-animation: scale 0.4s linear; animation-fill-mode: forwards; opacity: 0; } @keyframes scale{ 0%{ transform: scale(0); opacity: 1; } 100%{ transform: scale(1); opacity: 1; } } .content .content1 .image .text-list li.odd{ text-align: right; margin-top: -25px; } .content .content1 .image .text-list li.three{ margin-top: -25px; } .content .content1 .image:hover .text{ transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; } .content .content1 .textContent { margin-left: 350px; } .content .content1 .textContent .number { height: 160px; } .content .content1 .textContent .number li { float: left; width: 33.33%; position: relative; height: 160px; text-align: center; font-size: 16px; padding-top: 60px; color: #333333; } .content .content1 .textContent .number li .text1 { display: inline-block; } .content .content1 .textContent .number li .text1 .span1 { font-size: 46px; float: left; } .content .content1 .textContent .number li .text1 .span2 { float: left; position: relative; top: 10px; } .content .content1 .textContent .number li .text2 { margin-top: 13px; } .content .content1 .textContent .number li::before { content: ""; display: block; height: 109px; width: 1px; background-color: #E5E5E5; position: absolute; right: 0; top: 26px; } .content .content1 .textContent .number li:last-child::before { display: none; } .content .content1 .textContent .number li:last-child .text1 .span1 { width: 81px; } .content .content1 .textContent .number li:last-child .text1 .span2 { top: -14px; left: 3px; text-align: left; } .content .content1 .textContent .number li:last-child .text2 { position: relative; margin-top: -26px; padding-right: 25px; } .content .content1 .textContent .video { width: 100%; height: 390px; position: relative; } .content .content1 .textContent .video #my-video { width: 100%; height: 100%; } .content .content2 { background-color: #F5F5F5; padding: 30px 0 50px; } .content .content2 .technology-list { margin-top: 25px; } .content .content2 .technology-list li { float: left; margin-right: 0.5%; width: 24.625%; overflow: hidden; height: 382px; } .content .content2 .technology-list li img{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); transition: all linear 0.2s; -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; } @media(min-width:1200px){ .content .content2 .technology-list li:hover img{ transform: scale(1.02); -webkit-transform: scale(1.02); -moz-transform: scale(1.02); transition: all linear 0.2s; -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; } } @media(max-width:1200px){ .content .content2 .technology-list li{ height: auto; } } .content .content2 .technology-list li a { display: block; position: relative; } .content .content2 .technology-list li a .text { position: absolute; left: 13%; top: 12%; } .content .content2 .technology-list li a .text .p1 { font-size: 24px; color: #fff; padding-bottom: 20px; position: relative; font-weight: bold; } .content .content2 .technology-list li:hover a .text .p1 {color:#005E9C} .content .content2 .technology-list li a .text .p1:after { content: ""; display: block; width: 52px; height: 2px; background-color: #EB7F01; position: absolute; bottom: 0; left: 0; } .content .content2 .technology-list li:last-child { margin-right: 0; } .content .content3 { background: url(../images/index_33.jpg) no-repeat center; height: 707px; padding-top: 50px; overflow: hidden; } .content .content3 .index-title .p1 { color: #fff; } .content .content3 .index-title .p2 { color: #A6AAAD; } .content .content3 .case-list { position: relative; margin-top: 45px; } .content .content3 .case-list .swiper-button-white { position: absolute; top: 20%; z-index: 1000; cursor: pointer; width: 15%; height: 200px; } /*.content .content3 .case-list .swiper-button-white .img1,.content .content3 .case-list .swiper-button-white .img2 { position: absolute; display: block; width: 35px; height: 70px; }*/ /*.content .content3 .case-list .swiper-button-white .img2 { display: none; } .content .content3 .case-list .swiper-button-white:hover .img1 { display: none; } .content .content3 .case-list .swiper-button-white:hover .img2 { display: block; }*/ .content .content3 .case-list .swiper-button-next { right: 5%; background: url(../images/index-btn-right.png) no-repeat; background-position-x: -235px; background-position-y: 30px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .content .content3 .case-list .swiper-button-next:hover{ background-position-x: 25px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .content .content3 .case-list .swiper-button-prev { left: 5%; background: url(../images/index-btn-left.png) no-repeat 5px 30px; background-position-x: 5px; background-position-y: 30px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .content .content3 .case-list .swiper-button-prev:hover{ background-position-x: -235px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .content .content3 .case-list .swiper-container { height: 440px !important; } .content .content3 .case-list .swiper-container .swiper-slide { font-size: 18px; height: 440px !important; } .content .content3 .case-list .swiper-container .swiper-slide .image { height: 390px; position: relative; } .content .content3 .case-list .swiper-container .swiper-slide .image:after { content: ""; display: block; height: 100%; width: 100%; background: url(../images/opacity3.png) repeat; top: 0; left: 0; } .content .content3 .case-list .swiper-container .swiper-slide .text { text-align: center; color: #fff; padding: 15px 0; display: none; } .content .content3 .case-list .swiper-container .swiper-slide-active .image:after { display: none; } .content .content3 .case-list .swiper-container .swiper-slide-active .text { display: block; } .content .content3 .case-list .case-more { text-align: center; margin-top: 25px; } .content .content3 .case-list .case-more a { display: inline-block; width: 200px; height: 50px; border: 1px solid #6E787F; line-height: 50px; color: #fff; font-size: 16px; } .content .content3 .case-list .case-more a:hover{ border-color: #005e9c; color: #005e9c; } .content .content4 { padding: 35px 0 50px; border-bottom: 1px solid #D9D9D9; } .content .content4 .index-news { margin-top: 35px; } .content .content4 .index-news .index-newsLeft { float: left; width: 47%; position: relative; } .content .content4 .index-news .index-newsLeft .owl-stage-outer { border: 1px solid #CCCCCC; height: 360px; } .content .content4 .index-news .index-newsLeft .item { height: 360px; display: block; position: relative; background-size:auto 100% } .content .content4 .index-news .index-newsLeft .item .text { position: absolute; width: 100%; height: 50px; background: url("../images/opacity1.png") repeat; color: #fff; font-size: 18px; left: 0; bottom: 0; line-height: 50px; padding-left: 25px; padding-right: 10px; } .content .content4 .index-news .index-newsLeft .owl-theme .owl-controls .owl-dots { display: none !important; } .content .content4 .index-news .index-newsLeft .owl-controls .owl-prev, .content .content4 .index-news .index-newsLeft .owl-controls .owl-next { width: 33px; height: 53px; background: url(../images/opacity4.png) repeat; text-align: center; padding-top: 15px; position: absolute; top: 150px; margin: 0; } .content .content4 .index-news .index-newsLeft .owl-controls .owl-prev:hover, .content .content4 .index-news .index-newsLeft .owl-controls .owl-next:hover { background: #666; } .content .content4 .index-news .index-newsLeft .owl-controls .owl-prev { left: 0; } .content .content4 .index-news .index-newsLeft .owl-controls .owl-next { right: 0; } .content .content4 .index-news .index-newsRight { padding-left: 35px; float: left; width: 53%; } .content .content4 .index-news .index-newsRight ul li { padding-bottom: 18px; border-bottom: 1px dashed #CCCCCC; margin-top: 17px; } .content .content4 .index-news .index-newsRight ul li a { display: block; } .content .content4 .index-news .index-newsRight ul li .date { width: 95px; height: 95px; float: left; background-color: #EBEBEB; text-align: center; overflow: hidden; color: #666666; } .content .content4 .index-news .index-newsRight ul li .date .p1 { font-size: 36px; line-height: 36px; margin: 20px 0 5px; } .content .content4 .index-news .index-newsRight ul li .date .p2 { font-size: 16px; } .content .content4 .index-news .index-newsRight ul li .text { margin-left: 110px; color: #444; } .content .content4 .index-news .index-newsRight ul li .text .p1 { font-size: 18px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 40px; } .content .content4 .index-news .index-newsRight ul li .text .p2 { line-height: 24px; height: 48px; overflow: hidden; } .content .content4 .index-news .index-newsRight ul li a:hover .date { background-color: #005E9C; color: #fff; } .content .content4 .index-news .index-newsRight ul li a:hover .text .p1 { color: #005e9c; } .content .content4 .index-news .index-newsRight ul li:first-child { margin-top: 0; } .content .content4 .index-news .index-newsRight ul li:last-child { border-bottom: 0; padding-bottom: 0; } .content .content5 { padding: 45px 0 50px; } .language span{ color: #999; font-size: 12px; } .language img{ position: relative; top: -1px; } .language li:hover span{ color: #000; } .content .content5 .server-list li { float: left; width: 25%; text-align: center; } .content .content5 .server-list li .image { display: inline-block; } .content .content5 .server-list li .image .img2 { display: none; } .content .content5 .server-list li .text { margin-top: 20px; color: #555555; } .content .content5 .server-list li .text .p1 { font-size: 16px; font-weight: bold; line-height: 26px; } .content .content5 .server-list li .text .p2 { line-height: 24px; } .content .content5 .server-list li:hover .image .img2 { display: inline-block; } .content .content5 .server-list li:hover .image .img1 { display: none; } .content .content5 .server-list li:hover .text .p1{ color: #005e9c; } .content .index-title { text-align: center; } .content .index-title .p1 { font-size: 28px; color: #333333; } .content .index-title .p2 { font-size: 16px; color: #666666; margin-top: 5px; } .content .about1-title { text-align: center; margin: 0 25px; border-bottom: 1px solid #BBBBBB; } .content .about1-title .p1 { font-size: 24px; color: #000000; font-weight: bold; } .content .about1-title .p2 { display: inline-block; padding: 0 20px; background-color: #fff; color: #47484a; font-size: 15px; position: relative; bottom: -10px; } .content .incontent4 { padding: 35px 0 70px; border-bottom: none; } .content .incontent4 .index-news { margin-top: 60px; } .content .zhanhui { background: url(../images/zhanhui_02.jpg) no-repeat center; height: 555px; } .content .zhanhui .container { position: relative; } .content .zhanhui .images { width: 224px; height: 384px; background: url(../images/zhanhui.png) no-repeat center; position: absolute; top: -32px; left: 0px; } .content .zhanhui .textBox { margin-left: 170px; } .content .zhanhui .textBox .text { float: right; background: url(../images/zhanhui2.png) no-repeat center; width: 47%; height: 252px; margin-top: 185px; padding: 30px 50px 0; } .content .zhanhui .textBox .text .p1 { font-size: 22px; color: #000; } .content .zhanhui .textBox .text .p1:hover{ color:#005E9C; } .content .zhanhui .textBox .text .p2, .content .zhanhui .textBox .text .p3 { padding-left: 15px; } .content .zhanhui .textBox .text .p2 { font-size: 16px; margin: 20px 0 5px; color: #000; } .content .zhanhui .textBox .text .p3 { color: #666666; font-size: 12px; line-height: 24px; height: 72px; overflow: hidden; } .content .zhanhui .textBox .textBox-image { float: right; width: 52%; height: 360px; background-repeat: no-repeat; background-position: center; margin-top: 113px; overflow:hidden; } .content .zhanhui .textBox .textBox-image{ background-size:auto 100%; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .content .zhanhui .textBox .textBox-image:hover{ background-size:auto 102%; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .content .news1Box { padding: 30px 0 45px; } .content .news1Box .about1-title { margin: 0; } .content .news1Box .news1-list { margin-top: 60px; } .content .news1Box .news1-list li { float: left; margin-right: 3.75%; width: 30.8%; } .content .news1Box .news1-list li:hover .image .date{ background-color: #005E9B; } .content .news1Box .news1-list li .image img{ transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; } .content .news1Box .news1-list li:hover .image img{ transform: scale(1.02); -webkit-transform: scale(1.02); -o-transform: scale(1.02); -moz-transform: scale(1.02); transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; } .pswp--has_mouse .pswp__button--arrow--right:hover::before{ background-image: url(../images/case-right-hover1.png); } .pswp--has_mouse .pswp__button--arrow--left:hover::before{ background-image: url(../images/case-left-hover1.png); } .content .news1Box .news1-list li .image { position: relative; } .content .news1Box .news1-list li .image .date { height: 60px; width: 60px; text-align: center; background-color: #B81B23; color: #fff; position: absolute; left: 0; bottom: 0; font-size: 12px; } .content .news1Box .news1-list li .image .date .p1 { font-size: 26px; font-weight: bold; margin: 12px 0 6px; } .content .news1Box .news1-list li .text .p1 { font-size: 16px; color: #000000; height: 43px; line-height: 43px; border-bottom: 1px solid #88878A; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .content .news1Box .news1-list li .text .p2 { font-size: 12px; line-height: 22px; height: 44px; color: #666666; overflow: hidden; margin: 5px 0; } .content .news1Box .news1-list li:last-child { margin-right: 0; } .content .inBox { padding: 30px 0 60px; } .content .inBox .pro-detailTitle { text-align: center; font-size: 20px; color: #333333; line-height: 30px; } .content .inBox .pro-detailTitle span { display: inline-block; position: relative; } .content .inBox .pro-detailTitle span:before, .content .inBox .pro-detailTitle span:after { content: ""; display: block; width: 44px; height: 1px; background-color: #373737; position: absolute; top: 15px; } .content .inBox .pro-detailTitle span:before { left: -55px; } .content .inBox .pro-detailTitle span:after { right: -55px; } .content .inBox .type { text-align: center; } .content .inBox .type li { display: inline-block; width: 12%; margin: 0; padding: 0; margin-right: 5px; font-size: 16px; } .content .inBox .type li a { color: #000000; display: block; height: 45px; line-height: 45px; text-align: center; background-color: #EEEEEE; } .content .inBox #pro-series .series-list #owl-demo5 .item:hover .text{ color: #005e9c; } .content .inBox .type li:last-child { margin-right: 0; } .content .inBox .type li:hover a, .content .inBox .type li.current a { background-color: #005E9C; color: #fff; } .content .inBox .type2Box { text-align: center; margin-top: 20px; } .content .inBox .type2Box .type2 { display: none; } .content .inBox .type2Box .type2 li { width: 11.25%; height: 45px; display: inline-block; border: 1px solid #D9D9D9; line-height: 45px; margin-right: 5px; } .content .inBox .type2Box .type2 li a { color: #4c4c4c; display: block; } .content .inBox .type2Box .type2 li:hover { border: 1px solid #005E9C; background-color: #005E9C; } .content .inBox .type2Box .type2 li:hover a { color: #ffffff; } .content .inBox .pro .pro-list { margin-top: 44px; } .content .inBox .pro .pro-list li { float: left; width: 23.425%; margin-right: 2.1%; margin-top: 28px; } .server2 .fw { width: 100%; overflow: hidden; } .server2 dl { width: 25%; height: 287px; background: #fff; overflow: hidden; border: 2px solid #F2F2F2; position: relative; float: left; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; } .server2 .shows{ width:46%; } .server2 .hides{ width: 18%; } .server2 .show-l{ width:30%; transition: all ease 1s; -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; } .server2 dt { height: 120px; float: left; border-left: 1px solid #666666; padding: 0 2%; position: absolute; opacity: 0; margin: 80px 0; transition: all ease 1s; left: 0; color: #666666; } .server2 dt li span{ margin-right: 5px; } .server2 .show-n{ opacity: 1; left: 30%; } .server2 dd { width: 100%; text-align: center; float: left; padding: 78px 0; position: relative; z-index: 10; background: #fff; } .server2 dd .img2{ display: none; } .server2 dl:hover dd .img1{ display: none; } .server2 dl:hover dd .img2{ display: inline-block; } .server2 dd p { font-size: 26px; color: #222222; margin-top: 25px; } .content .inBox .pro .pro-list li .proBox { padding: 7%; border: 1px solid #D9D9D9; text-align: center; overflow: hidden; } .content .inBox .pro .pro-list li .proBox .pro-image,.content .inBox .case .case-image,.content .inBox .case .case-list li a .image,.content .news1Box .news1-list li .image{ overflow: hidden; } .content .inBox .pro .pro-list li .proBox .pro-image img{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .content .inBox .pro .pro-list li:hover .proBox .pro-image img{ transform: scale(1.02); -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -o-transform: scale(1.02); transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .content .inBox .case .caseText-box .caseText-left .caseText-left1 .p2:hover,.content .inBox .case .case-list li a .text .text1 .p1:hover{ color: #EF001D; } .content .news1Box .news1-list li:hover .text .p1{ color: #B81B23; } .content .inBox #application ul li .image,.content .inBox #pro-series .series-list #owl-demo5 .item .image{ overflow: hidden; } .content .inBox #application ul li .image img,.content .inBox #pro-series .series-list #owl-demo5 .item .image img{ transform: scale(1); -webkit-transform: scale(1); -moz-transform:scale(1); -o-transform:scale(1); transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .content .inBox #application ul li:hover .image img,.content .inBox #pro-series .series-list #owl-demo5 .item:hover .image img{ transform: scale(1.02); -webkit-transform: scale(1.02); -moz-transform:scale(1.02); -o-transform:scale(1.02); transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .content .inBox .pro-detail .case-back a:hover{ background-color: #005E9C; color: #fff; } .content .inBox .pro-detail .case-back a .img2{ display: none; } .content .inBox .pro-detail .case-back a:hover .img1{ display: none; } .content .inBox .pro-detail .case-back a:hover .img2{ display: inline-block; } .content .inBox .case .case-list li a .text .text3 p:first-child:hover{ background-color: #fff; color: #666; } .content .inBox #pro-series .series-list #owl-demo5 .item:hover{ border: 1px solid #005E9C; } .content .inBox .pro .pro-list li .proBox .pro-title { border-bottom: 1px dashed #CCCCCC; padding: 20px 0 15px; } .content .inBox .pro .pro-list li .proBox .pro-title a { color: #000; font-weight: bold; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .content .inBox .pro .pro-list li .proBox .pro-title:hover a { color: #005e9c; } .content .inBox .pro .pro-list li .proBox .pro-introduce { font-size: 16px; color: #333333; padding-top: 10px; } .content .inBox .pro .pro-list li .proBox .pro-introduce p { line-height: 30px; } .content .inBox .pro .pro-list li .proBox .pro-button { margin-top: 20px; } .content .inBox .pro .pro-list li .proBox .pro-button a { width: 49%; height: 40px; line-height: 40px; color: #333; display: inline-block; background-color: #F0F0F0; } .content .inBox .pro .pro-list li .proBox .pro-button a:hover { background-color: #005e9c; color: #fff; } .content .inBox .pro .pro-list li:hover { box-shadow: 0 0 16px rgba(0, 0, 0, 0.2); } .content .inBox .pro-detail .pro-detail1 { margin-top: 80px; } .content .inBox .pro-detail .pro-detail1 .pro-detail1-left { float: left; width: 50%; } .content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo3, .content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo6 { position: relative; } .content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo3 .owl-dot, .content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo6 .owl-dot { margin-right: 9px; } .content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo3 .owl-dot span, .content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo6 .owl-dot span { background-color: #C7C7C7; margin: 2px; width: 11px; height: 11px; } .content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo3 .active, .content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo6 .active { background: url(../images/out-circle.png) no-repeat center; background-size: 100% auto; } .content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo3 .active span, .content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo6 .active span { background-color: transparent; } .content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo3 .owl-controls, .content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo6 .owl-controls { position: absolute; bottom: 8%; width: 100%; left: 0; margin-top: 0; } .content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo3 .item, .content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo6 .item { height: 390px; display: block; } .content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo6 { padding: 15px; border: 1px solid #E6E6E6; } .content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo6 .owl-controls { position: static; } .content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo6 .item { height: 365px; } .content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo6 .owl-nav .owl-prev, .content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo6 .owl-nav .owl-next { width: 30px; height: 50px; background: url(../images/opacity3.png) repeat; position: absolute; top: 50%; padding-top: 15px; margin: -25px 0 0; } .content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo6 .owl-nav .owl-prev { left: 15px; } .content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo6 .owl-nav .owl-next { right: 15px; } .content .inBox .pro-detail .pro-detail1 .pro-detail1-right { float: left; width: 50%; padding-left: 10%; color: #333333; } .content .inBox .pro-detail .pro-detail1 .pro-detail1-right .p1 { font-size: 28px; color: #000; line-height: 34px; padding-bottom: 14px; border-bottom: 1px dashed #CCCCCC; } .content .inBox .pro-detail .pro-detail1 .pro-detail1-right .p2 { color: #666666; font-size: 16px; line-height: 30px; padding: 20px 0 15px; border-bottom: 1px dashed #CCCCCC; } .content .inBox .pro-detail .pro-detail1 .pro-detail1-right .p3 { margin-top: 38px; overflow: hidden; } .content .inBox .pro-detail .pro-detail1 .pro-detail1-right .p3 a { float: left; margin-right: 15px; } .content .inBox .pro-detail .pro-detail1 .pro-detail1-right .p3 a.a2{ width: 73px; } .content .inBox .pro-detail .pro-detail1 .pro-detail1-right .p3 a .img2{ display: none; } @media(min-width:767px){ .content .inBox .pro-detail .pro-detail1 .pro-detail1-right .p3 a:hover .img1{ display: none; } .content .inBox .pro-detail .pro-detail1 .pro-detail1-right .p3 a:hover .img2{ display: inline-block; } } .content .inBox .pro-detail .pro-detail1 .pro-detail1-right .p4 { margin-top: 40px; } .content .inBox .pro-detail .pro-detail1 .pro-detail1-right .p5 { font-size: 36px; } .content .inBox .pro-detail .pro-detail1 .pro-detail1-right2 { padding-left: 4%; } .content .inBox .pro-detail .protype-list { margin-top: 30px; } .content .inBox .pro-detail .protype-list li { float: left; width: 50%; padding: 0 1px; margin-top: 2px; } .content .inBox .pro-detail .protype-list li a { display: block; background-color: #F5F5F5; height: 52px; line-height: 52px; text-align: center; color: #333333; } .content .inBox .pro-detail .case-detailContent-title { text-align: center; margin-top: 40px; } .content .inBox .pro-detail .case-detailContent-title span { display: inline-block; position: relative; color: #000000; font-size: 20px; } .content .inBox .pro-detail .case-detailContent-title span:before, .content .inBox .pro-detail .case-detailContent-title span:after { content: ""; display: block; width: 44px; height: 1px; background-color: #000000; position: absolute; top: 15px; } .content .inBox .pro-detail .case-detailContent-title span:before { left: -50px; } .content .inBox .pro-detail .case-detailContent-title span:after { right: -50px; } .content .inBox .pro-detail .case-detailContent .case-detailContent-textBox { padding: 35px 12%; } .content .inBox .pro-detail .case-detailContent .case-detailContent-textBox .gallery-top { margin-top: 40px; } .content .inBox .pro-detail .case-detailContent .case-detailContent-textBox .gallery-top .swiper-button-white { width: 35px; height: 60px; background: url(../images/opacity4.png) repeat; text-align: center; padding: 14px 0; display: none; } .content .inBox .pro-detail .case-detailContent .case-detailContent-textBox .gallery-top:hover .swiper-button-white { display: block; } .content .inBox .pro-detail .case-detailContent .case-detailContent-textBox .gallery-top .swiper-button-next { right: 0; } .content .inBox .pro-detail .case-detailContent .case-detailContent-textBox .gallery-top .swiper-button-prev { left: 0; } .content .inBox .pro-detail .case-video { text-align: center; } .content .inBox .pro-detail .case-video #my-video { margin-top: 25px; } .content .inBox .pro-detail .case-back { text-align: center; margin: 80px 0 50px; } .content .inBox .pro-detail .case-back a { display: inline-block; width: 166px; height: 45px; line-height: 45px; background-color: #EEEEEE; color: #4c4c4c; font-size: 16px; } .content .inBox .pro-detail .case-back a img { margin-right: 4px; position: relative; top: -2px; } .content .inBox .pro-detail .turnPage { border-top: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; } .content .inBox .pro-detail .turnPage ul li { float: left; line-height: 30px; font-size: 16px; padding: 12.5px 0; } .content .inBox .pro-detail .turnPage ul li a { color: #4c4c4c; display: block; white-space: nowrap;text-overflow: ellipsis;overflow: hidden; } .content .inBox .pro-detail .turnPage ul li:first-child { padding-right: 35px; margin-right: 35px; position: relative; } .content .inBox .pro-detail .turnPage ul li:first-child:before { content: ""; display: block; width: 1px; height: 17px; position: absolute; right: 0; top: 19px; background-color: #6F6F6F; } .content .inBox .pro-detail .turnPage .email { font-size: 14px; line-height: 30px; padding: 12.5px 0; } .content .inBox .pro-detail .correlation-proList { padding: 45px 0; } .content .inBox .pro-detail .correlation-proList li { float: left; width: 23.5%; margin-right: 2%; } .content .inBox .pro-detail .correlation-proList li .image{ overflow: hidden; } .content .inBox .pro-detail .correlation-proList li img{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .pro-detail .video{ margin: 30px 15% 0; height: 390px; } .content .inBox .pro-detail .correlation-proList li:hover img{ transform: scale(1.02); -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -o-transform: scale(1.02); transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .content .inBox .pro-detail .correlation-proList li:hover a{ border-color:#005E9C; } .content .inBox .pro-detail .correlation-proList li:hover a .text{ color: #005E9C; } .content .inBox .pro-detail .correlation-proList li a { display: block; border: 1px solid #DCDCDC; padding: 10px 10px 0; text-align: center; } .content .inBox .pro-detail .correlation-proList li a .text { line-height: 45px; color: #000000; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .content .inBox .pro-detail .correlation-proList li:last-child { margin-right: 0; } .content .inBox .pro-detail .pro-detail2 { margin-top: 60px; } .content .inBox .pro-detail .pro-detail2 .pro-detailType { text-align: center; border-top: 1px solid #CECECE; border-bottom: 1px solid #CECECE; margin:auto; } .series-list .owl-nav{ display: none; } #owl-demo5:hover .owl-nav{ display: block; } .content .inBox .pro-detail .pro-detail2 .pro-detailType_bg{ background:#fff; } .content .inBox .pro-detail .pro-detail2 .pro-detailType_bg.fixed{ position:fixed; top:0; left:0; z-index:100;width:100%;background:#000; } .content .inBox .pro-detail .pro-detail2 .pro-detailType_bg.fixed .pro-detailType li a{ color: #fff; } .content .inBox .pro-detail .pro-detail2 .pro-detailType_bg.fixed .pro-detailType{ border-top: none; border-bottom: none; } .content .inBox .pro-detail .pro-detail2 .pro-detailType li { display: inline-block; height: 47px; line-height: 47px; font-size: 16px; color: #333333; width: 12%; position: relative; } .content .inBox .pro-detail .pro-detail2 .pro-detailType li::before{ content: ""; display: block; position: absolute; width: 0px; height: 3px; background-color: #005E9C; bottom: 0; left: 50%; margin-left: -35px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .content .inBox .pro-detail .pro-detail2 .fixed li::before{ background: #DA0F05; } .content .inBox #information .information-input li .p2 span b{ font-weight: normal; } .content .inBox .pro-detail .pro-detail2 .pro-detailType li:hover::before{ width: 70px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .content .inBox .pro-detail .pro-detail2 .pro-detailType li:hover a{ color: #005E9C; } .content .inBox .pro-detail .pro-detail2 .pro-detailType_bg.fixed .pro-detailType li:hover a{ color: #DA0F05; } .content .inBox .pro-detail .pro-detail2 .pro-detailType_bg.fixed .pro-detailType li:last-child:hover a{ color: #fff; } .content .inBox .pro-detail .pro-detail2 .pro-detailType_bg.fixed .pro-detailType li:last-child{ background-color: #DA0F05; } .content .inBox .pro-detail .pro-detail2 .pro-detailType_bg.fixed .pro-detailType li:last-child:hover::before{ width: 0; } .content .inBox .pro-detail .pro-detail2 #pro-characteristic { padding-top: 40px } .content .inBox .pro-detail .pro-detail2 #pro-characteristic .characteristic-coentent { padding-top: 35px; } .content .inBox .pro-detail .pro-detail2 #pro-parameter { padding-bottom: 60px; padding-top:50px; } .content .inBox .pro-detail .pro-detail2 .pro-parameter1, .content .inBox .pro-detail .pro-detail2 .pro-parameter2 { padding-top: 45px; } .content .inBox .pro-detail .pro-detail2 .pro-parameter1 table, .content .inBox .pro-detail .pro-detail2 .pro-parameter2 table { float: left; width: 100%; border-bottom: 2px solid #fff; font-size: 16px; } .content .inBox .pro-detail .pro-detail2 .pro-parameter1 table tbody, .content .inBox .pro-detail .pro-detail2 .pro-parameter2 table tbody { color: #4c4c4c; } .content .inBox .pro-detail .pro-detail2 .pro-parameter1 table td, .content .inBox .pro-detail .pro-detail2 .pro-parameter2 table td { border-top: 2px solid #fff; border-left: 2px solid #fff; height: 50px; text-align: center; vertical-align: center; background-color: #F5F5F5; } .content .inBox .pro-detail .pro-detail2 .pro-parameter1 table td.title, .content .inBox .pro-detail .pro-detail2 .pro-parameter2 table td.title { width: 29%; background-color: #EDEDED; } .content .inBox .pro-detail .pro-detail2 .pro-parameter1 table td.a, .content .inBox .pro-detail .pro-detail2 .pro-parameter2 table td.a { width: 21%; } .content .inBox .pro-detail .pro-detail2 .pro-parameter1 table thead, .content .inBox .pro-detail .pro-detail2 .pro-parameter2 table thead { color: #000; } .content .inBox .pro-detail .pro-detail2 .pro-parameter1 table thead td, .content .inBox .pro-detail .pro-detail2 .pro-parameter2 table thead td { background-color: #CECECE; } .content .inBox .pro-detail .pro-detail2 .pro-parameter2 table { margin-top: 45px; width: 100% !important; float: none; } .content .inBox .pro-detail .pro-detail2 .pro-parameter2 table td.title { width: 14%; } .content .inBox .turn-more { margin-top: 45px; text-align: center; } .pro{ padding-bottom: 30px; } .pswp__caption__center{ text-align: center; } .content .inBox .turn-more a { display: inline-block; width: 260px; height: 50px; line-height: 50px; color: #333333; border: 1px solid #D9D9D9; font-size: 16px; background-color: #EEEEEE; } .content .inBox .turn-more a:hover{ background: #005E9C; color: #fff; } .content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo3 .owl-controls{ bottom: -40px; } .content .inBox .table-more { text-align: center; margin-top: 60px; } .content .inBox .table-more a { display: inline-block; width: 260px; height: 50px; border: 1px solid #D9D9D9; line-height: 50px; color: #000000; font-size: 16px; background-color: #EEEEEE;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s; } .content .inBox .table-more a:hover{ background:#005e9c; color:#fff} .content .inBox #application { padding: 50px 0 60px; } .content .inBox #application ul { margin-top: 25px; } .content .inBox #application ul li { padding: 0 10px; text-align: center; margin-top: 23px; } .content .inBox #application ul li a { display: block; padding: 10px 10px 0; background-color: #F2F2F2; } .content .inBox #application ul li a .text { height: 45px; line-height: 45px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #000; font-size: 14px; } .content .inBox #customerCase { padding: 40px 0 55px; background: url(../images/pro_con_02.jpg) no-repeat center; } .content .inBox #customerCase #owl-demo4 { margin-top: 40px; text-align: center; } .content .inBox #customerCase #owl-demo4 .image{ overflow:hidden} .content .inBox #customerCase #owl-demo4 .image img{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; } .content .inBox #customerCase #owl-demo4 .image:hover img{ transform: scale(1.02); -webkit-transform: scale(1.02); -moz-transform: scale(1.02); transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; } .content .inBox #customerCase #owl-demo4 .owl-dots { display: none !important; } .content .inBox #customerCase #owl-demo4 .owl-prev, .content .inBox #customerCase #owl-demo4 .owl-next { background: url(../images/opacity3.png) repeat; position: absolute; top: 50%; padding: 9px 7px; margin: 0; margin-top: -20px; border-radius: 0; height: 40px; } .content .inBox #customerCase #owl-demo4 .owl-prev { left: 15px; } .content .inBox #customerCase #owl-demo4 .owl-next { right: 15px; } .content .inBox #customerCase #owl-demo4 .item { display: block; margin: 0 15px; position: relative; } .content .inBox #customerCase #owl-demo4 .item .text { position: absolute; width: 100%; height: 45px; line-height: 45px; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url(../images/opacity3.png) repeat; left: 0; bottom: 0; z-index: 10; } .content .inBox #information { padding: 50px 0 60px; background-color: #F5F5F5; } .content .inBox #information .information-title { text-align: center; } .content .inBox #information .information-title .p1 { font-size: 20px; color: #005e9c; line-height: 30px; display: inline-block; position: relative; } .content .inBox #information .information-title .p1:before, .content .inBox #information .information-title .p1:after { content: ""; display: block; width: 45px; height: 1px; background-color: #005E9C; position: absolute; top: 15px; } .content .inBox #information .information-title .p1:before { left: -50px; } .content .inBox #information .information-title .p1:after { right: -50px; } .content .inBox #information .information-title .p2 { font-size: 15px; color: #47484a; line-height: 32px; } .content .inBox #information .information-input { width: 82%; margin: 20px 9% 0; } .content .inBox #information .information-input li { float: left; width: 50%; margin-top: 20px; padding: 0 4%; } .content .inBox #information .information-input li.isshow{ display: none; } .content .inBox #information .information-input li span { float: left; color: #000; font-size: 16px; line-height: 40px; width: 85px; height: 40px; } .content .inBox #information .information-input li .input { margin-left: 85px; } .content .inBox #information .information-input li .input input { width: 100%; height: 40px; line-height: 40px; padding-left: 13px; border: 1px solid #D9D9D9; } .content .inBox #information .information-input li .input input[type=submit] { width: 206px; height: 43px; line-height: 43px; background-color: #005E9C; color: #fff; border-radius: 4px; padding-left: 0; margin-top: 20px; } .content .inBox #information .information-input li .input textarea { height: 102px; width: 100%; border: 1px solid #D9D9D9; padding: 10px 0 0 13px; } .content .inBox #information .information-input li .input input::-webkit-input-placeholder { color: #D9D9D9; } .content .inBox #information .information-input li .input textarea::-webkit-input-placeholder { color: #D9D9D9; } .content .inBox #information .information-input li .p1 { font-size: 14px; color: #666666; } .content .inBox #information .information-input li .p2 { line-height: 40px; } .content .inBox #information .information-input li .p2 span { color: #5079b8; width: auto; cursor: pointer; } .content .inBox #information .information-input li .p2 i { margin: 0 4px 0 8px;width: 18px; display: inline-block;filter:Alpha(opacity=80);opacity:0.8 } @media (max-width: 640px) { .content .inBox #information .information-input li .p2 i { width: 12px; } .ke-zeroborder{ width:94% !important} .pro-parameter1 .ke-zeroborder{ width:100% !important} } .content .inBox #information .information-input li.n100 { width: 100%; } .content .inBox #pro-series { padding: 50px 0; } .content .inBox #pro-series .series-title { text-align: center; margin: 0 10px; border-bottom: 1px solid #BBBBBB; } .content .inBox #pro-series .series-title .p1 { font-size: 24px; color: #000000; } .content .inBox #pro-series .series-title .p2 { display: inline-block; padding: 0 20px; background-color: #fff; color: #47484a; font-size: 15px; position: relative; bottom: -10px; } .content .inBox #pro-series .series-list #owl-demo5 { margin-top: 55px; text-align: center; } .content .inBox #pro-series .series-list #owl-demo5 .owl-dots { display: none !important; } .content .inBox #pro-series .series-list #owl-demo5 .owl-dots .owl-dot { margin-right: 0.05rem; } .content .inBox #pro-series .series-list #owl-demo5 .owl-dots .owl-dot span { width: 0.11rem; height: 0.11rem; background-color: #ccc; margin: 0.03rem; } .content .inBox #pro-series .series-list #owl-demo5 .owl-dots .active { background: url(../images/out-circle.png) no-repeat center; background-size: 100% auto; } .content .inBox #pro-series .series-list #owl-demo5 .owl-dots .active span { background: transparent; } .content .inBox #pro-series .series-list #owl-demo5 .owl-prev, .content .inBox #pro-series .series-list #owl-demo5 .owl-next { background: url(../images/opacity3.png) repeat; position: absolute; top: 50%; padding: 9px 7px; margin: 0; margin-top: -25px; border-radius: 0; height: 40px; } .content .inBox #pro-series .series-list #owl-demo5 .owl-prev { left: 10px; } .content .inBox #pro-series .series-list #owl-demo5 .owl-next { right: 10px; } .content .inBox #pro-series .series-list #owl-demo5 .item { display: block; margin: 0 10px; position: relative; padding: 20px 20px 0; border: 1px solid #D9D9D9; } .content .inBox #pro-series .series-list #owl-demo5 .item .text { height: 45px; line-height: 45px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 16px; color: #000000; } .content .inBox .case { padding-top: 35px; } .content .inBox .case .case-title { text-align: center; margin: 0 25px; border-bottom: 1px solid #BBBBBB; } .content .inBox .case .case-title .p1 { font-size: 24px; color: #000000; } .content .inBox .case .case-title .p2 { display: inline-block; padding: 0 20px; background-color: #fff; color: #47484a; font-size: 15px; position: relative; bottom: -10px; } .content .inBox .case .case-image { margin-top: 60px; text-align:center } .content .inBox .case .caseText-box { padding: 25px 25px 55px; } .content .inBox .case .caseText-box .caseText-left { width: 73%; } .content .inBox .case .caseText-box .caseText-left .caseText-left1 .p1 { float: left; width: 110px; height: 25px; background-color: #EF001D; color: #EF001D; text-align: center; line-height: 25px; color: #fff; border-radius: 4px; } .content .inBox .case .caseText-box .caseText-left .caseText-left1 .p2 { font-size: 22px; color: #000000; line-height: 25px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-left: 125px; } .content .inBox .case .caseText-box .caseText-left .caseText-left2 { margin-top: 20px; color: #333333; } .content .inBox .case .caseText-box .caseText-left .caseText-left2 span { margin-right: 2%; } .content .inBox .case .caseText-box .caseText-left .caseText-left2 span i { margin-right: 5px; } .content .inBox .case .caseText-box .caseText-left .caseText-left2 span:last-child { margin-left: 2%; } .content .inBox .case .caseText-box .caseText-right { text-align: center; } .content .inBox .case .caseText-box .caseText-right .p1 { line-height: 25px; color: #666666; } .content .inBox .case .caseText-box .caseText-right .p2 { margin-top: 20px; } .content .inBox .case .caseText-box .caseText-right .p2 span { margin-right: 15px; } .content .inBox .case .caseText-box .caseText-right .p2 span:last-child { margin-right: 0; } .content .inBox .case .case-list li { border: 1px solid #E6E6E6; border-bottom: none; } .content .inBox .case .case-list li a { display: block; padding: 25px; } .content .inBox .case .case-list li a .image { width: 250px; float: left; } .content .inBox .case .case-list li a .text { margin-left: 270px; } .content .inBox .case .case-list li a .text .text1 { float: left; width: 60%; } .content .inBox .case .case-list li a .text .text1 .p1 { font-size: 22px; line-height: 30px; height: 60px; overflow: hidden; margin-top: 10px; color: #000; } .content .inBox .case .case-list li a .text .text1 .p2 { margin-top: 45px; } .content .inBox .case .case-list li a .text .text1 .p2 span { margin-right: 2%; } .content .inBox .case .case-list li a .text .text1 .p2 span:last-child { margin-left: 2%; } .content .inBox .case .case-list li a .text .text1 .p2 span:last-child i { margin-right: 5px; } .content .inBox .case .case-list li a .text .text2 { float: left; width: 25%; padding-top: 45px; } .content .inBox .case .case-list li a .text .text2 p { width: 60px; height: 25px; text-align: center; line-height: 25px; color: #666666; border-radius: 6px; margin: 0 auto; } .content .inBox .case .case-list li a .text .text2 p.current { background-color: #EF001D; color: #fff; } .content .inBox .case .case-list li a .text .text3 { float: left; width: 15%; text-align: center; } .content .inBox .case .case-list li a .text .text3 p { color: #000000; line-height: 28px; } .content .inBox .case .case-list li a .text .text3 p:first-child { color: #666666; line-height: 55px; } .content .inBox .case .case-list li a .text .text3 p:first-child i{ margin-right: 5px; position: relative; top: -2px; display: inline-block; width: 14px; } .content .inBox .case .case-list li a .text .text3 p:last-child{ margin-top: 20px; } .content .inBox .case .case-list li a .text .text3 p:last-child span{ display: inline-block; width: 91px; height: 35px; line-height: 35px; border: 1px solid #E3E8EA; color: #999999; border-radius: 20px; font-size: 14px; background-color: transparent; } .content .inBox .case .case-list li:hover a .text .text3 p:last-child span{ background-color: #0B69A0; border: none; color: #fff; } .content .inBox .case .case-list li:hover { box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); } .content .inBox .case .case-list li:last-child { border-bottom: 1px solid #E6E6E6; } .content .inBox .footer-case { padding-bottom: 70px; background-color: #EBEBEB; overflow: hidden; } .content .inBox .footer-case .case-detailContent-title { text-align: center; margin-top: 40px; } .content .inBox .footer-case .case-detailContent-title span { display: inline-block; position: relative; color: #000000; font-size: 20px; } .content .inBox .footer-case .case-detailContent-title span:before, .content .inBox .footer-case .case-detailContent-title span:after { content: ""; display: block; width: 44px; height: 1px; background-color: #000000; position: absolute; top: 15px; } .content .inBox .footer-case .case-detailContent-title span:before { left: -50px; } .content .inBox .footer-case .case-detailContent-title span:after { right: -50px; } .content .inBox .footer-case .footer-caseList { margin-top: 40px; } .content .inBox .footer-case .footer-caseList li { float: left; width: 49%; margin-right: 2%; background: #fff; } .content .inBox .footer-case .footer-caseList li a { display: block; background-color: #fff; overflow:hidden; } .content .inBox .footer-case .footer-caseList li a .image { float: left; width: 273px; background-size:auto 100% !important; height: 163px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .content .inBox .footer-case .footer-caseList li:hover a .image{ transform: scale(1.02,1.02);-moz-transform: scale(1.02,1.02);-webkit-transform: scale(1.02,1.02); transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .content .inBox .footer-case .footer-caseList li:hover a .text .p1{ color: #005E9C; } .content .inBox .footer-case .footer-caseList li a .text { margin-left: 273px; padding: 20px 20px 0; } .content .inBox .footer-case .footer-caseList li a .text .p1 { font-size: 16px; line-height: 26px; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .content .inBox .footer-case .footer-caseList li a .text p { font-size: 12px; } .content .inBox .footer-case .footer-caseList li a .text .p2 { margin: 3px 0 5px; color: #666666; } .content .inBox .footer-case .footer-caseList li a .text .p2 span:last-child { float: right; } .content .inBox .footer-case .footer-caseList li a .text .p3 { color: #999999; line-height: 22px; height: 66px; overflow: hidden; } .content .inBox .footer-case .footer-caseList li:last-child { margin-right: 0; } .content .inBox .about1-content { padding: 35px 0 75px; } .content .inBox .about1-content .about1-contentText1 { padding: 60px 5% 0; font-size: 16px !important; line-height: 30px !important; } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white,.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white{ background: none; } .content .inBox .about1-title { text-align: center; margin: 0 25px; border-bottom: 1px solid #BBBBBB; } .content .inBox .about1-title .p1 { font-size: 24px; color: #000000; } .content .inBox .about1-title .p2 { display: inline-block; padding: 0 20px; background-color: #fff; color: #47484a; font-size: 15px; position: relative; bottom: -10px; } .content .inBox .about1-videoBox { background: url(../images/about_02.jpg) center bottom no-repeat fixed; text-align: center; height:665px; } .content .inBox .about1-videoBox #my-video1 { width: 743px; height: 479px; margin-left:auto; margin-right:auto;background: url(../images/aboutvideo2.png) center bottom no-repeat; background-size:100% auto } .content .inBox .about1-videoBox #my-video1 { position: relative; } .content .inBox .about1-videoBox #my-video1:before { content: ""; width: 255px; height: 182px; background: url(../images/dove.png) no-repeat; position: absolute; left: -102px; top: -90px; z-index: 10; background-size:100% auto } .content .inBox .about1-videoBox #my-video[type="a"]:before { display: none; } .content .inBox .about1-videoBox .about-number .number { margin: 15px 0 35px; } .content .inBox .about1-videoBox .about-number .number li { display: inline-block; position: relative; width: 131px; height: 131px; text-align: center; font-size: 16px; padding-top: 45px; color: #333333; background: url(../images/circle.png) no-repeat center; margin-right: 11%; } .content .inBox .about1-videoBox .about-number .number li .text1 { display: inline-block; } .content .inBox .about1-videoBox .about-number .number li .text1 .span1 { font-size: 46px; float: left; } .content .inBox .about1-videoBox .about-number .number li .text1 .span2 { float: left; position: absolute; top: 20px; right: 5px; } ._circle{position: absolute;left: 0;top:0;width: 100%;height: 100%; transform:rotateZ(-60deg);} ._circle circle{stroke-dasharray: 516; stroke-dashoffset: 516; transition:all linear 1s;stroke-linecap: round;} ._circle:hover circle{stroke-dasharray: 430; stroke-dashoffset: 804;;transition:all linear 1s;stroke-linecap: round;} .content .inBox .about1-videoBox .about-number .number li .text2 { margin-top: 13px; } .content .inBox .about1-videoBox .about-number .number li:last-child { margin-right: 0; } .content .inBox .about1-videoBox .about-number .number li:last-child .text1 .span2 { width: 40px; right: -15px; top: 10px; } .content .inBox .about1-videoBox .about-number .number li:last-child:before { content: "+"; display: block; position: absolute; color: #ca0e2e; font-size: 12px; top: 55px; right: 15px; } .content .inBox .about1-contentText2 { padding: 50px 0; } .content .inBox .customerCase2 { background: #EEEEEE !important; } .content .inBox .customerCase2 .about1-title .p2 { background-color: #EEEEEE; } .content .inBox .customerCase2 #owl-demo4 { margin-top: 65px !important; } .content .inBox .about3-list { padding: 33px 13px 0; } .content .inBox .about3-list li { float: left; width: 33.3%; padding: 0 13px; text-align: center; margin-top: 26px; } .content .inBox .about3-list li { display: block; cursor: pointer; } .content .inBox .about3-list li .image { padding: 20px 20px; background-color: #F5F5F5; position: relative; } .content .inBox .about3-list li .image:before { content: ""; display: block; width: 100%; height: 100%; background: url(../images/about3-add.png) repeat center; background-size: 118% auto; position: absolute; top: 0; left: 0; display: none; } .content .inBox .about3-list li .text { height: 70px; line-height: 70px; color: #fff; font-size: 16px; background-color: #005E9C; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .content .inBox .about3-list li:hover .image:before { display: block; } .content .inBox .about3-list li:hover .text { background-color: #FD961E; } .content .inBox .about-more { text-align: center; margin-top: 53px; } .content .inBox .about-more a { display: inline-block; width: 260px; height: 50px; line-height: 50px; font-size: 16px; color: #094288; background-color: #EEEEEE; border: 1px solid #D9D9D9; } .content .inBox .about-more a:hover{ background: #094288; color: #fff; border-color: #094288; } .content .inBox .news3-title { margin: 40px 0 15px; text-align: center; font-size: 24px; color: #000; } .content .inBox .news3-dateBox { text-align: center; } .content .inBox .news3-dateBox > div { display: inline-block; color: #555; font-size: 15px; margin-right:4%; } .content .inBox .news3-dateBox > div a { color: #00070C; padding: 3px 15px; border: 1px solid #F2F2F2; margin-right: 5px; } .content .inBox .news3-dateBox .date { margin-right: 4%; } .newsshare li{ float: left; } .newsshare{ position: relative; margin-bottom: -18px; } .content .inBox .news3-text { margin: 30px 12.5% 0; padding-top: 15px; font-size: 16px; color: #666666; line-height: 30px; border-top: 1px solid #EFEFEF; } .newsshare .bdshare-button-style0-32 .bds_weixin{ background: url(../images/weixin1.png) no-repeat center; } .newsshare .bdshare-button-style0-32 .bds_sqq{ background: url(../images/qq1.png) no-repeat center; } .newsshare .bdshare-button-style0-32 .bds_tsina{ background: url(../images/xinlang1.png) no-repeat center; } .newsshare .bdshare-button-style0-32 .bds_tqq{ background: url(../images/weibo1.png) no-repeat center; } .content .inBox .pro-detail .news3-case-back { margin-top: 30px; } .content .inBox .news3 { margin-top: 45px; } .content .inBox .news3 .case-detailContent-title { margin-top: 10px; } .content .inBox .news3-dateBox .newsshare .share li:first-child{ line-height: 47px; margin-right: 5px; } .content .inBox .news3-dateBox .newsshare .share li a{ padding: 0; border: none; } .content .inBox .news3 .footer-caseList li a .text .p3 { font-size: 14px; line-height: 28px; height: 84px; margin-top: 15px; } .content .inBox2 { padding: 30px 0 0; position: relative; z-index: 1; } .content .inBox .sub_nav1.fixed{ position: fixed; width: 100%; top: 0; left: 0; background-color: #000; z-index: 100; } .content .inBox .sub_nav1.fixed .swiper-slide a{ color: #fff; background: transparent; position: relative; } .content .inBox .type.fixed{ position: fixed; width: 100%; top: 0; left: 0; background-color: #000; z-index: 100; } .content .inBox .type.fixed li a{ color: #fff; background: transparent; position: relative; } .content .about1-title .p1:hover{ color: #015F9C; } .content .inBox .type.fixed li:hover a{ background: transparent; color: #DA0F05; } .content .inBox .type.fixed li a::before{ content: ""; display: block; position: absolute; width: 0px; height: 3px; background: #DA0F05; bottom: 0; left: 50%; margin-left: -35px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .content .inBox .type.fixed li:hover a::before{ width: 70px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .content .news2 { padding: 35px 0 0; } .content .news2 .news2Box { padding: 0 25px 60px; } .content .news2 .news2Box .news2-image { margin-top: 60px; } .content .news2 .news2Box .text { margin-top: 20px; } .content .news2 .news2Box .text .p1 { line-height: 28px; font-size: 20px; color: #000000; } .content .news2 .news2Box .text .p1 .span1 { padding: 0 8px; line-height: 28px; background-color: #E63820; color: #fff; font-size: 16px; display: inline-block; border-radius: 4px; margin-right: 5px; } .content .news2 .news2Box .text .p2 { color: #999999; font-size: 16px; line-height: 28px; margin-top: 10px; } .content .news2 .news2Box .news-list { padding-top: 15px; } .content .news2 .news2Box .news-list li { background-color: #F7F7F7; margin-top: 27px; box-shadow: 4px 4px 0px rgba(0, 0, 0, 0); transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .content .news2 .news2Box .news-list li .image { width: 260px; padding: 8px; float: left; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; background-color: transparent; } .content .news2 .news2Box .news-list li .text { margin-left: 280px; } .content .news2 .news2Box .news-list li .text .text-left { float: left; width: 65%; margin-right: 10%; margin-left: 0; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .content .news2 .news2Box .news-list li .text .text-left .p1 { margin: 30px 0 15px; color: #000000; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .content .news2 .news2Box .news-list li .text .text-left .p2 { font-size: 16px; line-height: 28px; color: #999999; height: 56px; overflow: hidden; } .content .news2 .news2Box .news-list li .text .text-right { float: left; width: 25%; text-align: center; } .content .news2 .news2Box .news-list li .text .text-right .p1 { margin-top: 30px; color: #b7b7b7; font-size: 18px; padding-left: 0; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .content .news2 .news2Box .news-list li .text .text-right .p1 img { margin-right: 8px; position: relative; top: -2px; } .content .news2 .news2Box .news-list li .text .text-right .p2 { margin-top: 33px; padding-left: 0; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .content .news2 .news2Box .news-list li .text .text-right .p2 span { display: inline-block; width: 91px; height: 35px; line-height: 35px; border: 1px solid #E3E8EA; color: #999999; border-radius: 20px; font-size: 14px; background-color: transparent; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; } @media (min-width:720px) { .content .news2 .news2Box .news-list li:hover .text .text-right .p1{ padding-left: 10%; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .content .news2 .news2Box .news-list li:hover .text .text-right .p2{ padding-left: 30%; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .content .news2 .news2Box .news-list li:hover { box-shadow: 4px 4px 18px rgba(0, 0, 0, 0.2); transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .content .news2 .news2Box .news-list li:hover .text .text-left{ margin-left: 5%; margin-right: 5%; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .content .news2 .news2Box .news-list li:hover .image { background-color: #C6D8E5; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; } .content .news2 .news2Box .news-list li:hover .text .text-right .p2 span { background-color: #0B69A0; border: none; color: #fff; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; } } .content .news2 .about1-title { margin: 0; } .content .contact-us1-1 { margin-top: 65px; } .content .contact-us1-1 .row { padding: 0 25px; } .content .contact-us1-1 .row .contact-us1-1-title { font-size: 24px; color: #474644; padding-left: 55px; } .content .contact-us1-1 .row .contact-us1-1-address { margin: 25px 0 50px; } .content .contact-us1-1 .row .contact-us1-1-address p { float: left; width: 45%; margin-right: 10%; font-size: 16px; line-height: 45px; } .content .contact-us1-1 .row .contact-us1-1-address p i { margin-left: 15px; } .content .contact-us1-1 .row .contact-us1-1-address p span { margin-left:18px; } .content .contact-us1-1 .row .contact-us1-1-address p:last-child { margin-right: 0; position: relative; } .content .contact-us1-1 .row .contact-us1-1-address p:last-child b{ display: block; width:150px; height:150px; position: absolute; top: -80px; left: 200px; display: none; } .content .contact-us1-1 .row .contact-us1-1-address p:last-child:hover b{ display: block; } .content .contact-us1-1 .row .contact-us1-1-list li { float: left; width: 45%; margin-right: 10%; line-height: 52px; border-bottom: 1px solid #DADADA; font-size: 16px; } .content .contact-us1-1 .row .contact-us1-1-list li i { margin-left: 15px; } .content .contact-us1-1 .row .contact-us1-1-list li .span1 { margin: 0 15px; } .content .contact-us1-1 .row .contact-us1-1-list li .span2 { display: inline-block; width:auto; text-align: right; font-size: 16px; } .content .contact-us1-2 { margin-top: 70px; } @media (min-width: 1500px) { .content .contact-us1-2 .container { width: 1420px; } } .content .contact-us1-2 .container { background: url(../images/contact1_03.jpg) no-repeat center fixed; height: 410px; } .content .contact-us1-2 .contact-us1-2-list { padding: 110px 8% 0; } .content .contact-us1-2 .contact-us1-2-list li { float: left; width: 25%; text-align: center; position: relative; } .content .contact-us1-2 .contact-us1-2-list li .contact-code{ width: 160px; height: 200px; position: absolute; left: 50%; margin-left: -80px; top: 0px; color: #38b2c8; font-size: 16px; display: none; background:#fff } .content .contact-us1-2 .contact-us1-2-list li:hover .contact-code{ display: block; } .content .contact-us1-2 .contact-us1-2-list li .contact-code p{ line-height: 26px; } .content .contact-us1-2 .contact-us1-2-list li a { display: inline-block; } .content .contact-us1-2 .contact-us1-2-list li a .image { width: 150px; height: 150px; } .content .contact-us1-2 .contact-us1-2-list li a .text { font-size: 18px; margin-top: 15px; } @media (min-width: 1500px) { .content .contact-us1-4 .container { width: 1420px; } } /*.content .contact-us1-4{ background-color: #F2F2F2; }*/ .content .contact-us1-4 .container { padding: 30px 15px 75px; } .content .contact-us1-4 .contaact-us1-4-text { font-size: 16px; text-align: center; margin-top: 30px; color: #484846; } .content .contact-us1-4 .contaact-us1-4-input { padding: 80px 8.6% 0; } .content .contact-us1-4 .contaact-us1-4-input ul li { float: left; width: 28%; margin-right: 8%; background-color: #fff; font-size: 16px; color: #494949; margin-bottom: 30px; } .content .contact-us1-4 .contaact-us1-4-input ul li span { float: left; width: 70px; line-height: 46px; text-align: center; } .content .contact-us1-4 .contaact-us1-4-input ul li div { margin-left: 70px; } .content .contact-us1-4 .contaact-us1-4-input ul li div input { height: 46px; line-height: 46px; width: 100%; border: none; outline: none; } .content .contact-us1-4 .contaact-us1-4-input ul li.li3 { margin-right: 0; } .content .contact-us1-4 .contaact-us1-4-input ul li.li4 { margin-right: 0; width: 100%; } .content .contact-us1-4 .contaact-us1-4-input ul li.li4 textarea { border: none; outline: none; height: 220px; width: 100%; padding-top: 12px; } .content .contact-us1-4 .contaact-us1-4-input .submit { text-align: center; margin-top: 20px; } .content .contact-us1-4 .contaact-us1-4-input .submit input { width: 215px; height: 46px; background-color: #005E9C; color: #fff; border: none; outline: none; font-size: 18px; } @media (min-width: 1500px) { .content .contact-us1-4-1 .container { width: 1200px; } } .content .contact-us1-4-1 .container { padding: 0; background-color: #fff; } .content .contact-us1-4-1 .container .contaact-us1-4-input { padding: 0; } .content .contact-us1-4-1 .container .contaact-us1-4-input ul li { background-color: #F2F2F2; } .content .contact-us1-4-1 .container .contaact-us1-4-input ul li div input { background-color: #F2F2F2; } .content .contact-us1-4-1 .container .contaact-us1-4-input ul li div textarea { background-color: #F2F2F2; } .content .contact-us1-4-1 .container .contaact-us1-4-input .submit { margin-bottom: 60px; } .content .contaact-us1-title { text-align: center; } .content .contaact-us1-title span { display: inline-block; position: relative; font-size: 22px; } .content .contaact-us1-title span:before, .content .contaact-us1-title span:after { content: ""; display: block; width: 45px; height: 1px; background: #040404; position: absolute; top: 16px; } .content .contaact-us1-title span:before { left: -75px; } .content .contaact-us1-title span:after { right: -75px; } .content .contact-us1-3 { padding: 60px 0 0; } .content .contact-us1-3 .maps{ /*height: 644px;*/ margin: 5px auto 60px; } .map-warp-type{ margin-top: 20px; } .content .contact-us1-3 .maps .map{ position: relative; text-align: center; } .content .contact-us1-3 .maps .map .area{ position: absolute; } .content .contact-us1-3 .maps .map .area .point{ position: absolute; bottom: 50%; left: 50%; width: 300px; margin: 0 -190px; background: url(../images/areahoverbg.png) repeat 0 0; padding: 20px 30px; border-radius: 15px; color: #fff; text-align: left; margin-bottom: 60px; display: none; } .content .contact-us1-3 .maps .map .area:hover .point{ display: block; } .content .contact-us1-3 .maps .map .area .point:before{ content: url(../images/location.png); position: absolute; top: 100%; left: 0; right: 0; text-align: center; padding-top: 20px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-delay: .2s; animation-delay: .2s; } .content .contact-us1-3 .maps .map .area .point:after{ content: url(../images/areaarrow.png); position: absolute; top: 99%; left: 0; right: 0; text-align: center; } .content .contact-us1-3 .maps .map .area .point .info{ position: relative; } .content .contact-us1-3 .maps .map .area .point .info h1{ line-height: 50px; font-size: 26px; border-bottom: 2px solid #eb8134; display: inline-block; margin-bottom: 15px; } .content .contact-us1-3 .maps .map .area .point table{ border-collapse: collapse; } .maps .map .area .info table th, .maps .map .area .info table td { padding: 10px; } .content .map-warp .map-warp-type li { float: left; width: 25%; height: 0.53rem; line-height: 0.53rem; background-color: #F2F2F2; text-align: center; font-size: 0.23rem; color: #000000; position: relative; } .content .map-warp .map-warp-type li.current { color: #005e9c; } .content .map-warp .map-warp-type li.current:after { content: ""; display: block; background: url(../images/down-arrow.png) no-repeat; background-size: 100% auto; width: 0.25rem; height: 0.21rem; position: absolute; bottom: -0.21rem; left: 50%; margin-left: -0.125rem; } .content .map-warp .map-wrap-type2 { padding: 0.3rem 0.3rem 0.55rem; } .content .map-warp .map-wrap-type2 ul { display: none; } .content .map-warp .map-wrap-type2 ul li:first-child { font-size: 0.3rem; margin-bottom: 0.2rem; } .content .map-warp .map-wrap-type2 ul li:first-child span { display: inline-block; padding: 0 0.3rem 0.1rem 0; border-bottom: 0.02rem solid #D4AD8E; } .content .map-warp .map-wrap-type2 ul li { font-size: 0.23rem; color: #000000; line-height: 0.4rem; } .content .map-warp .map-wrap-type2 ul:first-child { display: block; } .content .contact-us2 { margin-bottom: 30px; } .content .contact-us2 .contact-us2-1 { padding: 0 25px 0; } .content .server .server1 p { padding: 0 60px 50px; text-align: center; color: #666666; line-height: 30px; font-size: 16px; } .content .server .server2 { padding: 60px 0; background-color: #F2F2F2; } .content .inBox .pro-detail .turnPage ul li a:hover{ color: #005E9C; } .content .server .server2 .server2-left { float: left; width: 37.5%; text-align: center; position: relative; } .content .inBox #information .information-input li .input input[type=submit]:hover,.content .contact-us1-4 .contaact-us1-4-input .submit input:hover{ background-color: #395E9C; } .content .server .server2 .server2-left .server2-left-1 { display: inline-block; width: 297px; height: 300px; background: url(../images/zhuanpan.png) no-repeat center; background-size: 100% auto; position: relative; } .content .server .server2 .server2-left .server2-left-1 a { display: block; width: 85px; height: 135px; position: absolute; } .content .server .server2 .server2-left .server2-left-1 .a1 { -ms-transform: rotate(-40deg); transform: rotate(-40deg); -webkit-transform: rotate(-40deg); -moz-transform: rotate(-40deg); right: 20px; top: 20px; } .content .server .server2 .server2-left .server2-left-1 .a2 { -ms-transform: rotate(40deg); transform: rotate(40deg); -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); right: 40px; bottom: 4px; } .content .server .server2 .server2-left .server2-left-1 .a3 { -ms-transform: rotate(-40deg); transform: rotate(-40deg); -webkit-transform: rotate(-40deg); -moz-transform: rotate(-40deg); left: 20px; bottom: 25px; } .content .server .server2 .server2-left .server2-left-1 .a4 { -ms-transform: rotate(50deg); transform: rotate(50deg); -webkit-transform: rotate(50deg); -moz-transform: rotate(50deg); left: 40px; top: 0px; } .animated1 { animation: animated1 1s ease forwards; -webkit-animation: animated1 1s ease forwards; -moz-animation: animated1 1s ease forwards; opacity: 0; } @-webkit-keyframes animated1 { 0% { transform: perspective(2000px) scale(1) rotateY(80deg); -webkit-transform: perspective(2000px) scale(1) rotateY(80deg); -moz-transform: perspective(2000px) scale(1) rotateY(80deg); -webkit-transform-origin: left; transform-origin: left; opacity: 0; } 100% { transform: perspective(2000px) scale(1) rotateY(0); -webkit-transform: perspective(2000px) scale(1) rotateY(0); -moz-transform: perspective(2000px) scale(1) rotateY(0); -webkit-transform-origin: left; transform-origin: left; opacity: 1; } } @keyframes animated1 { 0% { transform: perspective(2000px) scale(1) rotateY(80deg); -webkit-transform: perspective(2000px) scale(1) rotateY(80deg); -moz-transform: perspective(2000px) scale(1) rotateY(80deg); -webkit-transform-origin: left; transform-origin: left; opacity: 0; } 100% { transform: perspective(2000px) scale(1) rotateY(0); -webkit-transform: perspective(2000px) scale(1) rotateY(0); -moz-transform: perspective(2000px) scale(1) rotateY(0); -webkit-transform-origin: left; transform-origin: left; opacity: 1; } } .content .server .server2 .server2-left .server2-left-2 { margin-top: 30px; padding: 0 8% 0 3%; color: #333333; overflow: hidden; } .content .server .server2 .server2-left .server2-left-2 .server2-left-2-list { display: none; } .content .server .server2 .server2-left .server2-left-2 .server2-left-2-list:first-child { display: block; } .content .server .server2 .server2-left .server2-left-2 .p1 { font-size: 18px; } .content .server .server2 .server2-left .server2-left-2 .p2 { line-height: 24px; text-align: left; margin-top: 25px; } .content .server .server2 .server2-left .server2-left-2 ul { margin-top: 10px; } .content .server .server2 .server2-left .server2-left-2 ul li { padding-left: 15px; position: relative; text-align: left; line-height: 28px; } .content .server .server2 .server2-left .server2-left-2 ul li:before { content: ""; display: block; background: url("../images/aaa.jpg") no-repeat; width: 7px; height: 6px; position: absolute; left: 2px; top: 12px; } .content .server .server2 .server2-right { float: left; width: 62.5%; text-align: right; padding-top: 80px; } .content .server .server2 .server2-left:after { width: 1px; height: 570px; background: url("../images/zhuanpan3.png") no-repeat; position: absolute; right: 0; top: -20px; } .content .server .server3 .server3-box { padding: 40px 0 50px; text-align: center; } .content .server .server3 .server3-box .server-map { display: inline-block; width: 88%; height: 510px; background: url(../images/server1.jpg) no-repeat center; position: relative; } .content .server .server3 .server3-box .server-map .star { position: absolute; } .content .server .server3 .server3-box .server-map .p1 { top: 26%; left: 9%; } .content .server .server3 .server3-box .server-map .p2 { top: 20%; left: 12%; } .content .server .server3 .server3-box .server-map .p3 { top: 61%; left: 20%; } .content .server .server3 .server3-box .server-map .p4 { top: 32%; left: 45%; } .content .server .server3 .server3-box .server-map .p5 { top: 6%; left: 64%; } .content .server .server3 .server3-box .server-map .p6 { top: 30%; left: 69%; } .content .server .server3 .server3-box .server-map .p7 { top: 10%; right: 16%; } .content .server .server3 .server3-box .server-map .p8 { bottom: 21%; right: 15%; } .content .server .server4 { background: url("../images/server2.jpg") no-repeat center; padding: 40px 0 65px; } .content .server .server4 .server4-list li { float: left; width: 23.125%; margin-right: 2.5%; } .content .server .server4 .server4-list li a { display: block; border: 1px solid #D9D9D9; text-align: center; padding-top: 60px; height: 275px; background-color: #fff; box-shadow: 0 10px 8px rgba(0, 0, 0, 0.15); } .content .server .server4 .server4-list li a .p1 { font-weight: bold; font-size: 16px; } .content .server .server4 .server4-list li a .p2 { color: #FF3A3A; margin-top: 15px; } .content .server .server4 .server4-list li a .p3 { color: #363636; } .content .server .server4 .server4-list li:last-child { margin-right: 0; } .hzh-bg{ position: absolute; width: 100%; height: 100%; background: url(../images/opacity5.png) repeat; z-index: 1000; opacity: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } .pro-image .hzh-bg{ background: none; } .hzh-bg span{ display: block; width: 100px; height: 100px; border: 2px solid #fff; border-radius:6px; color: #fff; text-align: center; line-height: 100px; font-weight: 700; position: absolute; top: 50%; left: 50%; margin-left: -50px; margin-top: -50px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; } .content .inBox .pro .pro-list li .pro-image{ position: relative; } .case-detailContent-textBox .gallery-thumbs .swiper-slide{ float: left; width: 19%;background-repeat:no-repeat; box-sizing: border-box; } .content .inBox .pro .pro-list li:hover .proBox .pro-title a{ color: #438EC7; } .content .content3 .case-list .swiper-container .swiper-slide-active:hover .hzh-bg,.content .inBox .pro .pro-list li:hover .hzh-bg{ transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; opacity: 1; } .content .inBox .news3-dateBox > div a:hover{ border-color: #888; } .content .content3 .case-list .swiper-container .swiper-slide-active:hover .hzh-bg span,.content .inBox .pro .pro-list li:hover .hzh-bg span{ width: 60px; height: 60px; margin-left: -30px; margin-top: -30px; border-radius: 50%; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; line-height: 60px; } .content .server-title { text-align: center; margin-bottom: 40px; } .content .server-title span { position: relative; display: inline-block; font-size: 20px; color: #000000; } .content .server-title span:before, .content .server-title span:after { content: ""; display: block; width: 45px; height: 1px; background: #111111; position: absolute; top: 15px; } .content .server-title span:before { left: -55px; } .content .server-title span:after { right: -55px; } .inContent .content5 { background-color: #F8F8F8; } .inContent .server-content5 { background-color: #fff; } .inContent .server-content5 .server-list li .text .p2 { margin-top: 10px; } #footer { padding-top: 33px; background: url(../images/index1_47.jpg) no-repeat center; position: relative; } #footer .top { width: 0.6rem; position: absolute; right: 0.15rem; top: 0.35rem; } #footer .footer-top .footer-logo { padding: 30px 20px 65px 0; border-right: 1px solid #3C4754; float: left; width: 262px; } #footer .footer-top .footer-logo img { width: 241px; } #footer .footer-top .footer-logo .img2{ display: none; } #footer .footer-top .footer-logo:hover .img2{ display: inline-block; } #footer .footer-top .footer-logo:hover .img1{ display: none; } #footer .footer-top .footer-content { margin-left: 274px; padding-top: 20px; } #footer .footer-top .footer-content > ul { float: left; width: 63%; } #footer .footer-top .footer-content > ul li { color: #808080; line-height: 28px; } #footer .footer-top .footer-content > ul li a{ color: #808080; } #footer .footer-top .footer-content .footer-icon { float: left; width: 37%; text-align: right; } #footer .footer-top .footer-content .footer-icon .iconBox { display: inline-block; width: 300px; } #footer .footer-top .footer-content .footer-icon .iconBox .wechat { text-align: center; padding-right: 60px; } #footer .footer-top .footer-content .footer-icon .iconBox .wechat li { display: inline-block; margin-right: 5px; } #footer .footer-top .footer-content .footer-icon .iconBox .wechat li .img2 { display: none; } #footer .footer-top .footer-content .footer-icon .iconBox .share { margin-top: 20px; } #footer .footer-top .footer-content .footer-icon .iconBox .share li { float: left; color: #808080; line-height: 30px; margin-right: 6px; } #footer .footer-top .footer-content .footer-icon .iconBox .share li .img2 { display: none; } #footer .footer-top .footer-content .footer-icon .iconBox .share li:hover .img1 { display: none; } #footer .footer-top .footer-content .footer-icon .iconBox .share li:hover .img2 { display: inline-block; } #footer .footer-top .footer-content .footer-icon .iconBox .share li:first-child { margin-right: 15px; position: relative; top: 7px; } #footer .footer-top .footer-content .footer-icon .iconBox .share li.top { margin-left: 15px; position: relative; top: -10px; margin-right: 0; margin-left: 25px; display: none; } #footer .footer-bottom { font-size: 12px; text-align: center; color: #999999; line-height: 20px; padding: 8px; } .ym-video:hover .zd-video-big-play{ background-image: url(../images/video-hover.png); } .pswp__button--arrow--left{ left: 10%; } .pswp__button--arrow--right{ right: 10%; } .bdshare-button-style0-32 a{ background-position: 0 0 !important; } .bdshare-button-style0-32 .bds_weixin{ background: url(../images/a-icon3.png) no-repeat center; } .bdshare-button-style0-32 .bds_weixin:hover{ background: url(../images/a-icon3-hover.png) no-repeat center; } .bdshare-button-style0-32 .bds_sqq{ background: url(../images/a-icon4.png) no-repeat center; } .bdshare-button-style0-32 .bds_sqq:hover{ background: url(../images/a-icon4-hover.png) no-repeat center; } .bdshare-button-style0-32 .bds_tsina{ background: url(../images/a-icon5.png) no-repeat center; } .bdshare-button-style0-32 .bds_tsina:hover{ background: url(../images/a-icon5-hover.png) no-repeat center; } .bdshare-button-style0-32 .bds_tqq{ background: url(../images/a-icon6.png) no-repeat center; } .bdshare-button-style0-32 .bds_tqq:hover{ background: url(../images/a-icon6-hover.png) no-repeat center; } @media (max-width: 1200px) { .content .inBox .footer-case .footer-caseList li a .text .p2 span:last-child { float: none; } .content .inBox .footer-case .footer-caseList li a .text { padding: 10px 10px 0; } } @media (max-width: 992px) { .server2 dl{ width: 100%; margin-bottom: 5px; } .server2 dl:last-child{ display: none; margin-bottom: 0; } .server2 dd{ width: 30%; } .server2 dt{ position: static; width: 70%; opacity: 1; } .server2 dt li{ line-height: 24px; } .content .contact-us1-2 .container{ background-attachment: scroll; } .content .inBox .news3-text{ margin: 30px 5.5% 0; } .content .content3 .case-list .swiper-button-next{ background-position-x: -270px; } .pro-detail .video { margin: 30px 2% 0; height: 330px; } .content .content3 .case-list .swiper-button-prev{ background-position-x: -25px; } .content .server .server2 .server2-left { width: 100%; } .content .server .server2 .server2-right { width: 100%; text-align: center; padding-top: 0.6rem; } .content .server .server3 .server3-box .server-map { width: 100%; background-size: 100% auto; height: 3.6rem; } .content .contact-us1-1 .row .contact-us1-1-address p:last-child { display: none; } .content .contact-us1-3 .map { height: 411px; } .content .contact-us1-4 .contaact-us1-4-input { padding: 80px 4% 0; } .content .contact-us1-4 .contaact-us1-4-input ul li { width: 30%; margin-right: 5%; } .content .contact-us1-1 .row .contact-us1-1-address p { width: 100%; margin-right: 0; } .content .contact-us1-1 { margin-top: 0; } .content .contact-us1-2 .contact-us1-2-list { padding: 110px 0% 0; } .content .news2 .news2Box .news-list li .text { margin-left: 265px; } .content .news2 .news2Box .news-list li .text .text-left { margin-right: 0; } .content .news2 .news2Box .news-list li .text .text-right { width: 35%; } .content .zhanhui .textBox { margin-left: 1.3rem; } .content .zhanhui .textBox .text { margin-top: 0; width: 4.68rem; height: 2.5rem; background-size: 100% auto; margin-right: 0.3rem; } .content .zhanhui { height: auto; padding-bottom: 0.45rem; background-repeat: repeat; background-position: center top; } .content .zhanhui .textBox .textBox-image { width: 4.1rem; margin-top: 0.63rem; height: 2.75rem; } .content .inBox .footer-case .footer-caseList li { width: 100%; margin-right: 0; margin-top: 0.2rem; } .content .inBox .case .case-list li a .text .text1 .p2 { margin-top: 40px; } .content .inBox .pro-detail .pro-detail1 .pro-detail1-right { padding-left: 5%; } .content .inBox .pro .pro-list li { width: 49%; margin-right: 2%; } .content .inBox .pro .pro-list li:nth-child(2n+2) { margin-right: 0; } .content .inBox .pro .pro-list li .proBox .pro-button a { width: 48%; } .content .inBox .pro .pro-list { margin-top: 10px; } #header .logo { height: 1rem; padding-top: 0.15rem; } .content .content1 .textContent { margin-left: 0; } .content .content1 { padding: 0.35rem 0 0; } .content .content2 { padding: 0.4rem 0 0.3rem; } .content .content4 .index-news .index-newsRight { padding-left: 20px; } .content .content5 .server-list li .image .img2 { display: inline-block; } .content .content5 .server-list li .image .img1 { display: none; } .content .content5 { padding: 0.45rem 0; } #footer .footer-top .footer-content { margin-left: 0; } #header .logo img { width: 2.7rem; } #header .logo { margin-left: 0.15rem; } #header .menu_icon { width: 0.42rem; } .wrap-languag { margin-top: 0.4rem; margin-right: 0.2rem; } .wrap-languag p { line-height: 29px; } .wrap-languag .select { margin-left: 0.3rem; border: none; outline: none; width: 1.4rem; font-size: 0.21rem; color: #737373; margin-top: 0.05rem; position: relative; } .wrap-languag .select::before{ content: ""; display: block; width: 7px; height: 4px; background: url(../images/ico2.png) no-repeat; background-position: -22px 0; position: absolute; right: 8px; top: 7px; z-index: 1000; } .selsct-list{ position: absolute; background-color: #fff; width: 110%; top: 33px; left: -15%; z-index: 10000; display: none; } .selsct-list li{ line-height: 32px; text-align: center; } #footer .footer-top .footer-content .footer-icon .iconBox { width: 275px; } #footer .footer-top .footer-content .footer-icon .iconBox .share li.top { margin-left: 5px; } .content .inBox .pro-detail .case-detailContent .case-detailContent-textBox { padding: 20px 3%; } } @media (max-width: 767px) { .newsshare{ display: none !important; } .content .inBox .footer-case .footer-caseList li a .image{ height: 1.7rem; } .pro-detail .video { margin: 0px 2% 0; height:auto; } .server2 dl{ height: auto; } .server2 dl dd img{ width: 0.7rem; } .server2 dl:first-child dd img{ width: 1.15rem; } .server2 dd p{ font-size: 0.26rem; margin-top: 0.3rem; } .server2 dt{ height: 1.45rem; } .server2 dt li{ font-size: 0.12rem; line-height: 0.32rem; } .server2 dd{ width: 27%; } .server2 dt{ width: 73%; } .server2 dd{ padding: 0.6rem 0; } .server2 dt{ margin: 0.6rem 0; } .content .contact-us1-4 .container { padding: 0.5rem 15px 0.6rem; } .content .contact-us1-4 .contaact-us1-4-text { font-size: 0.23rem; width: 4.5rem; margin: 0.2rem auto 0; } .content .contact-us1-4 .contaact-us1-4-input ul li div input { height: 0.56rem; line-height: 0.56rem; } .content .contact-us1-4 .contaact-us1-4-input ul li div { margin-left: 0.9rem; } .content .contact-us1-4 .contaact-us1-4-input ul li span { width: 0.9rem; line-height: 0.56rem; font-size: 0.23rem; } .content .contact-us1-4 .contaact-us1-4-input { padding: 0.35rem 0.3rem 0; } .content .contact-us1-4 .contaact-us1-4-input ul li { width: 100%; margin-right: 0; margin-bottom: 0.2rem; } .content .contact-us1-4 .contaact-us1-4-input ul li.li4 textarea { height: 1.45rem; padding-top: 0.1rem; } .content .contact-us1-4 .contaact-us1-4-input .submit input { width: 2.6rem; height: 0.6rem; line-height: 0.6rem; font-size: 0.26rem; border-radius: 6px; } .map-warp { margin-top: 0.3rem; } .content .contact-us1-1 .row { padding: 0 0.15rem; } .content .contact-us1-1 .row .contact-us1-1-title { font-size: 0.26rem; padding-left: 0.42rem; font-weight: bold; } .contact-us1-1-address b{ margin-left: 0; font-weight: normal; margin-right: 5px; } #banner #owl-demo .owl-controls .owl-nav{ display: none !important; } .content .contact-us1-1 .row .contact-us1-1-address { margin: 0.2rem 0 0.3rem; padding-left: 0.35rem; } .content .contact-us1-1 .row .contact-us1-1-address p { font-size: 0.23rem; line-height: 0.3rem; } .content .contact-us1-1 .row .contact-us1-1-list li { width: 100%; margin-right: 0; } .content .contact-us1-1 .row .contact-us1-1-list li { height: 0.7rem; line-height: 0.7rem; font-size: 0.23rem; } .content .contact-us1-1 .row .contact-us1-1-list li i img { width: 18px; } .content .contact-us1-1 .row .contact-us1-1-list li i { margin-left: 0.45rem; } .content .contact-us1-2 .container { height: 2.9rem; background-image: url(../images/contact-wrap_02.jpg); background-size: 100% auto; } .content .contact-us1-2 { margin-top: 0.6rem; } .content .contact-us1-2 .contact-us1-2-list { padding: 0.6rem 0% 0; } .content .contact-us1-2 .contact-us1-2-list li a .image { width: 1.3rem; height: 1.3rem; background-size: 100% auto !important; } .content .contact-us1-2 .contact-us1-2-list li { width: 33.3%; } .content .contact-us1-2 .contact-us1-2-list li:last-child { display: none; } .content .contact-us1-2 .contact-us1-2-list li a .text { font-size: 0.23rem; margin-top: 0.25rem; } .content .contact-us1-3 { padding: 0.3rem 0 0; } .content .contaact-us1-title span { font-size: 0.33rem; } .content .contaact-us1-title span:before, .content .contaact-us1-title span:after { width: 0.44rem; top: 0.25rem; } .content .contaact-us1-title span:before { left: -0.55rem; } .content .contaact-us1-title span:after { right: -0.55rem; } .content .contact-us1-1 .row .contact-us1-1-address p i { display: none; } .content .news2 { padding-top: 0.4rem; } .content .news2 .news2Box { padding: 0 0 0.6rem; } .content .news2 .news2Box .news2-image { margin-top: 0.6rem; } .content .news2 .about1-title { margin: 0 0.15rem; } .content .news2 .news2Box .text { margin-top: 0.25rem; padding: 0 0.15rem; } .content .news2 .news2Box .text .p1 { font-size: 0.26rem; line-height: 0.36rem; } .content .news2 .news2Box .text .p2 { font-size: 0.23rem; line-height: 0.33rem; height: 0.66rem; overflow: hidden; } .content .news2 .news2Box .news-list li .image { width: 2.7rem; padding: 0.15rem; } .content .news2 .news2Box .news-list li .text { margin-left: 2.7rem; padding: 0 0.15rem 0 0; } .content .news2 .news2Box .news-list li .text .text-right { width: 100%; } .content .news2 .news2Box .news-list li .text .text-right .p1 { float: right; font-size: 0.2rem; margin-top: 0.1rem; } .content .news2 .news2Box .news-list li .text .text-right .p2 { font-size: 0.2rem; float: left; margin-top: 0.05rem; height: 0.4rem !important; } .content .news2 .news2Box .news-list li { margin-top: 0.2rem; } .content .news2 .news2Box .news-list { padding-top: 0.1rem; } .content .news2 .news2Box .news-list li .text .text-right .p2 span { width: 1.25rem; line-height: 0.4rem; height: 0.4rem; } .content .news2 .news2Box .news-list li .text .text-right .p1 img { width: 0.2rem; } .content .news2 .news2Box .news-list li .text .text-left { width: 100%; } .content .news2 .news2Box .news-list li .text .text-left .p1 { margin: 0.15rem 0; font-size: 0.23rem; line-height: 0.33rem; white-space: normal; height: 0.66rem; } .content .news2 .news2Box .news-list li .text .text-left .p2 { display: none; } .content .news2 .news2Box .text .p1 .span1 { font-size: 0.23rem; line-height: 0.36rem; } .wrap-languag p img { width: 0.18rem; } .wrap-languag p { line-height: 0.33rem; } .content .content1 .textContent .number li .text1 .span1 { font-size: 0.6rem; } .content .content1 .textContent .number li { font-size: 0.23rem; padding-top: 0.3rem; height: auto; } .content .content1 .textContent .number li::before { height: 1.25rem; top: 0; } .content .content1 .textContent .number li .text2 { margin-top: 0.1rem; } .content .content1 .textContent .number li:last-child .text1 .span2 { line-height: 0.3rem; } .content .content1 .textContent .number li:last-child .text1 .span1 { width: auto; } .content .content1 .textContent .number { height: auto; padding-bottom: 0.35rem; } .content .content1 .textContent .video { height: 2.94rem; } .content .index-title .p1 { font-size: 0.33rem; color: #000; } .content .index-title .p2 { color: #000; margin-top: 0; } .content .index-title .p1 i { display: inline-block; width: 1.4rem; } .content .content2 .technology-list { margin-top: 0.2rem; } .content .content2 .technology-list li { width: 49%; margin-right: 2%; margin-top: 0.1rem; } .content .content2 .technology-list li:nth-child(2n+2) { margin-right: 0; } .content .content2 .technology-list li a .text .p1 { font-size: 0.3rem; padding-bottom: 0.2rem; } .content .content2 .technology-list li a .text .p1:after { widows: 0.52rem; } .content .content3 { padding: 0.4rem 0.15rem; height: auto; } .content .content3 .case-list .swiper-container .swiper-slide .image { height: 3.2rem; background-size: cover !important; } .content .content3 .case-list .swiper-container .swiper-slide, .content .content3 .case-list .swiper-container { height: 3.8rem !important; } .content .content3 .case-list { margin-top: 0.3rem; } .content .content3 .case-list .button-next{ background: url(../images/caseicon-right.png) no-repeat center; right: 0.1rem; } .content .content3 .case-list .button-prev{ background: url(../images/caseicon-left.png) no-repeat center; left: 0.1rem; } .content .content3 .case-list .button{ width: 0.5rem; height: 1rem; position: absolute; top: 37%; margin-top: -0.5rem; z-index: 10; background-size:0.3rem auto; } .content .content3 .case-list .swiper-button-prev { left: 0.25rem; } .content .content3 .case-list .swiper-button-next { right: 0.25rem; } .content .content3 .case-list .swiper-button-white{ height: 2.5rem; background-size:0.5rem auto; width: 0.8rem; top: 0.4rem; } .content .content3 .case-list .swiper-container .swiper-slide .text { font-size: 0.26rem; line-height: 0.6rem; padding-top: 0; } .content .content3 .case-list .case-more a { width: 2rem; height: 0.5rem; font-size: 0.23rem; line-height: 0.5rem; } .content .content3 .case-list .case-more { margin-top: 0.2rem; } .content .content4 { padding: 0.35rem 0 0.15rem; } .content .content4 .index-news .index-newsLeft { width: 100%; height: 4.08rem; margin-bottom: 0.4rem; } .content .content4 .index-news .index-newsLeft .owl-stage-outer { height: 4.08rem; } .content .content4 .index-news .index-newsLeft .item { height: 4.08rem; background-size: 100% auto; } #banner .owl-theme .owl-controls .owl-nav .owl-prev, #banner .owl-theme .owl-controls .owl-nav .owl-next { display: none; } .index-newsLeft .owl-nav { display: none; } .content .content4 .index-news .index-newsLeft .owl-theme .owl-controls .owl-dots { display: block !important; } .index-newsLeft .owl-theme .owl-dots .owl-dot span { background-color: #CCCCCC; } .owl-theme .owl-dots .owl-dot span { width: 6px; height: 6px; margin: 3px; display: block; background-color: #C7C7C7; } .owl-theme .owl-dots .owl-dot { margin:0 2px; } .owl-theme .owl-dots .active { background: url(../images/out-circle.png) no-repeat center; background-size: 100% auto; } #banner .owl-theme .owl-controls .owl-dots { bottom: 0rem; } #owl-demo3 .owl-controls .owl-dots{ bottom: 0.7rem !important; } #owl-demo4 .owl-controls .owl-dots{ bottom: -0.5rem !important; } #owl-demo7 .owl-controls .owl-dots{ bottom: 0 !important; } #banner .owl-nav { display: none; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #005E9C; } .owl-theme .owl-controls { margin-top: 0.1rem; } .content .content4 .index-news .index-newsRight { padding: 0.25rem 0.15rem; width: 100%; } .content .inBox .about1-videoBox #my-video1{ width: 96%; height: 4rem; } .content .inBox .about1-videoBox #my-video1:before { left: -15px; top: 0px; width:100px; } .content .content4 .index-news .index-newsRight ul li .date { width: 1.1rem; height: 1.1rem; } .content .content4 .index-news .index-newsRight ul li .date .p1 { font-size: 0.36rem; line-height: 0.36rem; margin: 0.2rem 0 0.05rem; } .content .content4 .index-news .index-newsRight ul li .date .p2 { font-size: 0.21rem; line-height: 0.26rem; } .content .content4 .index-news .index-newsRight ul li { padding-bottom: 0.25rem; margin-top: 0.25rem; } .content .content4 .index-news .index-newsRight ul li .text .p1 { font-size: 0.23rem; line-height: 0.4rem; } .content .content4 .index-news .index-newsRight ul li .text .p2 { font-size: 0.23rem; line-height: 0.34rem; height: 0.68rem; } .content .content4 .index-news .index-newsRight ul li .text { margin-left: 1.25rem; } .content .content5 .server-list li { width: 50%; padding: 0 0.1rem; margin-top: 0.25rem; } .content .content5 .server-list li .image { width: 1.25rem; } .content .content5 .server-list li .text { margin-top: 0.1rem; } .content .content5 .server-list li .text .p1 { font-size: 0.26rem; line-height: 0.36rem; margin-bottom: 0.05rem; } .content .content5 .server-list li .text .p2 { font-size: 0.23rem; line-height: 0.3rem; } .content .content5 { padding: 0.2rem 0 0.45rem; } #footer { padding-top: 0; } #footer .footer-top .footer-content { padding: 0.3rem 0.15rem 0; } #footer .footer-top .footer-content > ul li { font-size: 0.23rem; line-height: 0.4rem; } #footer .footer-top .footer-content > ul { width: 100%; } #footer .footer-top .footer-content > ul li:first-child { margin-bottom: 0.15rem; } #footer .footer-bottom { padding: 8px 0.3rem; } .content .inBox { padding: 0.3rem 0.15rem 0.6rem; } .content .inBox .pro .pro-list { padding: 0; } .content .inBox .pro .pro-list li { width: 100%; margin-right: 0; margin-top: 0.6rem; } .content .inBox .typeBox { position: relative; height: 0.6rem; padding: 0rem; overflow: hidden; } .content .inBox .fixed{ position: fixed; top: 0; left: 0; background: #000; width: 100%; padding:0 0.15rem !important } .content .inBox .fixed .type li a{ background-color: transparent; color: #fff; } .content .inBox .typeBox .type { position: relative; } .content .inBox .typeBox .type li { width: 1.76rem; float: left; margin-right: 0.11rem; } .content .inBox .typeBox .type li:last-child { margin-right: 0; } .content .inBox .typeBox .type li a { line-height: 0.6rem; height: 0.6rem; font-size: 0.26rem; } .content .inBox .typeBox .left-arrow { left: 0; background: #ffffff url(../images/type-left.png) no-repeat left center; } .content .inBox .typeBox .right-arrow { right: 0; background: #ffffff url(../images/type-right.png) no-repeat right center; } .content .inBox .typeBox .left-arrow, .content .inBox .typeBox .right-arrow { height: 0.6rem; width: 0.3rem; position: absolute; top: 0; background-size: 0.14rem auto; z-index: 10; } .content .inBox .pro .pro-list li .proBox { padding: 0.15rem; } .content .inBox .pro .pro-list li .proBox .pro-title { font-size: 0.26rem; padding: 0.25rem 0 0.2rem; } .content .inBox .pro .pro-list li .proBox .pro-introduce .p2 { display: none; } .content .inBox .pro .pro-list li .proBox .pro-introduce { font-size: 0.23rem; padding-top: 0.1rem; } .content .inBox .pro .pro-list li .proBox .pro-button { margin-top: 0.2rem; } .content .inBox .pro .pro-list li .proBox .pro-button a { width: 2.8rem; height: 0.6rem; line-height: 0.6rem; font-size: 0.23rem; } .content .inBox .turn-more a { width: 3rem; height: 0.7rem; line-height: 0.7rem; font-size: 0.23rem; } .content .inBox .turn-more { margin-top: 0.55rem; } .content .inBox .pro-detail .pro-detail1 .pro-detail1-left { width: 100%; } .content .inBox .pro-detail .pro-detail1 .pro-detail1-left #owl-demo3 .item { height: 4.1rem; background-size: 100% auto !important; background-color: #EDEDED; } .content .inBox .pro-detail .pro-detail1 { margin-top: 0.45rem; padding: 0 0.15rem; } .content .inBox .pro-detail .pro-detail1 .pro-detail1-right { padding-left: 0; width: 100%; } .content .inBox .pro-detail .pro-detail1 .pro-detail1-right .p1 { font-size: 0.33rem; padding: 0.25rem 0 0.2rem; line-height: 0.35rem; } .content .inBox .pro-detail .pro-detail1 .pro-detail1-right .p2 { font-size: 0.23rem; line-height: 0.4rem; padding: 0.2rem 0; } .content .inBox .pro-detail .pro-detail1 .pro-detail1-right .p3 { margin-top: 0.4rem; } .content .inBox .pro-detail .pro-detail1 .pro-detail1-right .p3 a.a1 { width: 4.2rem; height: 0.75rem; background-color: #005E9C; border-radius: 4px; text-align: center; margin-right: 0.35rem; } .content .inBox .pro-detail .pro-detail1 .pro-detail1-right .p3 a.a2 { width: 1.2rem; } .content .inBox .pro-detail .pro-detail1 .pro-detail1-right .p3 a.a1 img { height: 100%; } .content .inBox .pro-detail .pro-detail1 .pro-detail1-right .p4 { margin-top: 0.25rem; font-size: 0.23rem; } .content .inBox .pro-detail .pro-detail1 .pro-detail1-right .p5 { font-size: 0.46rem; } .content .inBox .pro-detail .pro-detail2 { margin-top: 0.45rem; } .content .inBox .pro-detail .pro-detail2 .pro-detailType li { width: 25%; float: left; line-height: 0.7rem; height: 0.7rem; font-size: 0.23rem; } .content .inBox .pro-detail .pro-detail2 .fixed .pro-detailType li{ width:20%} .content .inBox .pro-detail .pro-detail2 #pro-characteristic { padding: 0.33rem 0.15rem 0.45rem; } .content .inBox .pro-detailTitle { font-size: 0.3rem; } .content .inBox .pro-detailTitle span:before, .content .inBox .pro-detailTitle span:after { width: 0.75rem; } .content .inBox .pro-detailTitle span:before { left: -0.9rem; } .content .inBox .pro-detailTitle span:after { right: -0.9rem; } .content .inBox .pro-detail .pro-detail2 .pro-parameter1 { padding-top: 0.35rem; } .content .inBox .pro-detail .pro-detail2 .pro-parameter1 table { width: 100%; font-size: 0.23rem; margin-top: 0.03rem; } .content .inBox .pro-detail .pro-detail2 .pro-parameter1 table td, .content .inBox .pro-detail .pro-detail2 .pro-parameter2 table td { height: 0.6rem; } .content .inBox .pro-detail .pro-detail2 .pro-parameter2 table { font-size: 0.23rem; margin-top: 0.03rem; width: 17.2rem !important; } .content .inBox .pro-detail .pro-detail2 .pro-parameter2 { padding-top: 0.45rem; } .tableBox { overflow-x: scroll; padding-top: 0.35rem; } .content .inBox .table-more { margin-top: 0.6rem; } .content .inBox .table-more a { width: 2.6rem; height: 0.55rem; line-height: 0.55rem; font-size: 0.2rem; } .content .inBox .pro-detail .pro-detail2 #pro-parameter { padding: 0 0.15rem 0.6rem; } .inContent #video { padding: 0.4rem 0.15rem 0.55rem; } .inContent #my-video { margin-top: 0.4rem; } .inContent #my-video { height: 2.8rem; } .content .inBox #application { padding: 0.45rem 0.15rem 0.6rem; } .content .inBox #application ul li { padding: 0 0.05rem; margin-top: 0.2rem; } .content .inBox #application ul li a { padding: 2px 2px 0; } .content .inBox #application ul li a .text { height: 0.45rem; line-height: 0.45rem; font-size: 0.2rem; } .paddings { margin: 0 -0.15rem; overflow: hidden; } .content .inBox #customerCase { padding: 0.35rem 0.075rem 0.7rem; } .content .inBox #customerCase #owl-demo4 .item { margin: 0 0.075rem; } .content .inBox #customerCase #owl-demo4 .item .text { height: 0.5rem; line-height: 0.5rem; font-size: 0.2rem; } .content .inBox #customerCase #owl-demo4 .owl-dots { display: block !important; } .content .inBox #customerCase #owl-demo4 .owl-nav { display: none; } .content .inBox #information { padding: 0.5rem 0 0.6rem; } .content .inBox #information .information-title .p1 { font-size: 0.3rem; } .content .inBox #information .information-title .p1:before, .content .inBox #information .information-title .p1:after { width: 0.65rem; } .content .inBox #information .information-title .p1:before { left: -0.8rem; } .content .inBox #information .information-title .p1:after { right: -0.8rem; } .content .inBox #information .information-input { margin: 0.4rem 0.15rem 0; width: 100%; } .content .inBox #information .information-input li { width: 100%; padding: 0; margin-top: 0.2rem; } .content .inBox #information .information-input li span { font-size: 0.23rem; width: 1.2rem; height: 0.6rem; line-height: 0.6rem; } .content .inBox #information .information-input li .input { float: left; margin-left: 0; width: 4.9rem; } .content .inBox #information .information-input li .input input { height: 0.6rem; line-height: 0.6rem; } .content .inBox #information .information-input li .p1, .content .inBox #information .information-input li .p2 { font-size: 0.2rem; line-height: 0.4rem; } .content .inBox #information .information-input li.n100 span { line-height: 0.4rem; } .content .inBox #information .information-input li .input input[type=submit] { width: 3.7rem; height: 0.8rem; line-height: 0.6rem; font-size: 0.23rem; margin-top: 0.2rem; } .content .inBox #pro-series { padding: 0.45rem 0 0; } .content .inBox #pro-series .series-title .p1 { font-size: 0.33rem; } .content .inBox #pro-series .series-title .p2 { font-size: 0.23rem; } .content .inBox #pro-series .series-title { height: 0.7rem; } .content .inBox #pro-series .series-title .p2 { bottom: -2px; } .content .inBox #pro-series .series-list #owl-demo5 { margin: 0.55rem 0; padding: 0.075rem; } .content .inBox #pro-series .series-list #owl-demo5 .owl-dots { display: block !important; } .owl-carousel .owl-item .content .inBox #pro-series .series-list #owl-demo5 .item { margin: 0 0.075rem; } .content .inBox #pro-series .series-list #owl-demo5 .owl-controls { margin-top: 0.4rem; } .content .inBox #pro-series .series-list #owl-demo5 .owl-controls .owl-nav{ display:none} .content .inBox #pro-series .series-list #owl-demo5 .item { padding: 0.2rem 0.2rem 0; margin-right:7px; } .content .inBox #pro-series .series-list #owl-demo5 .item .text { height: 0.5rem; line-height: 0.5rem; font-size: 0.2rem; } .content .inBox .case { padding-top: 0.4rem; } .content .inBox .case .case-title .p1 { font-size: 0.33rem; } .content .inBox .case .case-title .p2 { font-size: 0.23rem; padding: 0 0.2rem; bottom: -0.05rem; } .content .inBox .case .case-title { height: 0.7rem; margin: 0 0.15rem; } .content .inBox .case .case-image { margin-top: 0.6rem; } .content .inBox .case .caseText-box { padding: 0.24rem 0.15rem 0.5rem; } .content .inBox .case .caseText-box .caseText-left { width: 100%; } .content .inBox .case .caseText-box .caseText-left .caseText-left1 .p1 { width: 1.2rem; height: 0.36rem; line-height: 0.36rem; font-size: 0.2rem; } .content .inBox .case .caseText-box .caseText-left .caseText-left1 .p2 { font-size: 0.3rem; line-height: 0.36rem; margin-left: 1.35rem; } .content .inBox .case .case-list li a { padding: 0.3rem 0.15rem; } .content .inBox .case .case-list li a .image { width: 2.4rem; } .content .inBox .case .case-list li a .text { margin-left: 2.55rem; } .content .inBox .case .case-list li a .text .text1 { width: 100%; } .content .inBox .case .case-list li a .text .text2, .content .inBox .case .case-list li a .text .text3 { display: none; } .content .inBox .case .case-list li a .text .text1 .p1 { font-size: 0.23rem; line-height: 0.3rem; height: 0.6rem; margin-top: 0.1rem; } .content .inBox .case .case-list li a .text .text1 .p2 { margin-top: 0.3rem; } .content .inBox .case .case-list li a .text .text1 .p2 span { display: none; } .content .inBox .case .case-list li a .text .text1 .p2 span.span3{ display: block; width: 1.2rem; height: 0.36rem; line-height: 0.36rem; border: 1px solid #E3E8EA; font-size: 0.2rem; text-align: center; border-radius: 20px; background-color: transparent; color: #999999; } .index-news #owl-demo2 .owl-controls .owl-dots{ bottom: -0.5rem; } .content .inBox .case .case-list li a .text .text1 .p2 span:last-child { display: block; font-size: 0.2rem; width: 1.5rem; margin-right: 0.1rem; float: right; } .content .inBox .case .case-list li { border-left: none; border-right: none; } .content .inBox2 .pro-detail .pro-detail1, .content .inBox2 .pro-detail .pro-detail1 .pro-detail1-left #owl-demo6 { padding: 0; } .content .inBox2 .pro-detail .pro-detail1 .pro-detail1-left #owl-demo6 .owl-nav { display: none; } .content .inBox2 .pro-detail .pro-detail1 .pro-detail1-left #owl-demo6 .owl-dots { display: block !important; position: absolute; bottom: 5px; width: 100%; } .content .inBox2 .pro-detail .pro-detail1 .pro-detail1-left #owl-demo6 .owl-dots .owl-dot span { width: 6px; height: 6px; } .content .inBox2 .pro-detail .pro-detail1 .pro-detail1-left #owl-demo6 .item { height: 3.7rem; background-size: 100% auto !important; } .content .inBox2 .pro-detail .pro-detail1 .pro-detail1-right { padding: 0 0.15rem; } .content .inBox .pro-detail .protype-list { margin-top: 0.25rem; } .content .inBox .pro-detail .protype-list li a { line-height: 0.65rem; height: 0.65rem; font-size: 0.23rem; } .content .inBox .pro-detail .case-detailContent-title { margin-top: 0.35rem; font-size: 0.3rem; } .content .inBox .pro-detail .case-detailContent .case-detailContent-textBox { padding: 0.3rem 0.15rem 0.2rem; } .content .inBox .pro-detail .case-detailContent .case-detailContent-textBox #owl-demo7 { margin-top: 0.3rem; } .content .inBox .pro-detail .case-detailContent .case-detailContent-textBox .item { height: 3.45rem; display: block; } .content .inBox .fixed .right-arrow ,.content .inBox .fixed .left-arrow{ background-color: #000; background-position-x:center; } #owl-demo7 .owl-dots .owl-dot span { background-color: #CCCCCC; } #owl-demo7 .owl-dots .active span { background-color: transparent; } .content .inBox2 .pro-detail .case-video #my-video { margin-top: 0; } .content .inBox .pro-detail .case-video { padding: 0 0.15rem; } .content .inBox .pro-detail .case-back { margin: 0.75rem 0 0.5rem; } .content .inBox .pro-detail .case-back a { width: 2.6rem; height: 0.6rem; line-height: 0.6rem; font-size: 0.2rem; } .wap_menu li p{ padding: 8px 10px; } .content .inBox .pro-detail .case-back a img { width: 0.18rem; } .content .inBox .pro-detail .turnPage .email { display: none; } .content .inBox .pro-detail .turnPage ul li:first-child, .content .inBox .pro-detail .turnPage ul li { padding: 0; margin: 0; font-size: 0.23rem; line-height: 0.4rem; width: 100%; } .content .inBox .pro-detail .turnPage ul li:first-child:before { display: none; } .content .inBox .pro-detail .turnPage { margin: 0 0.15rem; padding: 0.1rem 0; } .content .inBox .pro-detail .turnPage ul.left{ float: none; width: 100%; } .content .inBox .pro-detail .case-detailContent-title span { font-size: 0.3rem; } .content .inBox .pro-detail .case-detailContent-title span:before, .content .inBox .pro-detail .case-detailContent-title span:after { width: 0.75rem; top: 13px; } .content .inBox .pro-detail .correlation-proList { padding: 0.25rem 0.075rem 0.45rem; } .content .inBox .pro-detail .correlation-proList li { width: 2.97rem; margin: 0 0.075rem; margin-top: 0.15rem; } .content .inBox .footer-case .case-detailContent-title { font-size: 0.3rem; margin-top: 0.35rem; } .content .inBox2 { padding: 0.3rem 0.15rem 0; } .content .inBox .footer-case .footer-caseList { margin-top: 0.1rem; } .content .inBox .footer-case .footer-caseList li a .image { width: 2.8rem; } .content .inBox .footer-case .footer-caseList li a .text { margin-left: 2.8rem; } .content .inBox .footer-case { padding: 0 0.15rem 0.6rem; } .content .inBox .footer-case .footer-caseList li a .text { padding: 0.1rem 0.1rem 0; } .content .inBox .footer-case .footer-caseList li a .text .p1 { font-size: 0.23rem; line-height: 0.4rem; } .content .inBox .footer-case .footer-caseList li a .text .p2 { margin: 0; } .content .inBox .footer-case .footer-caseList li a .text .p3 { height: 22px; } .content .inBox .about1-content { padding: 0.3rem 0 0.6rem; } .content .inBox .about1-title .p1 { font-size: 0.33rem; } .content .inBox .about1-title { height: 0.7rem; } .content .inBox .about1-title .p2 { bottom: -2px; font-size: 0.23rem; } .content .inBox .about1-content .about1-contentText1 { padding: 0.45rem 0.15rem 0; } .content .inBox .about1-videoBox .video-js { width: 5.8rem; height: 3.5rem; } .content .inBox .about1-videoBox #my-video:before { width: 2rem; height: 1.5rem; background-size: 100% auto; left: -20px; top: -50px; } .content .inBox .about1-videoBox .about-number .number li { width: 1.7rem; height: 1.7rem; background-size: 100% auto; } .content .inBox .about1-videoBox .about-number .number li { padding-top: 0.5rem; margin-right: 0.4rem; } .content .inBox .about1-videoBox .about-number .number li .text1 .span1 { font-size: 0.6rem; } .content .inBox .about1-videoBox .about-number .number li .text1 .span2 { top: 0.2rem; right: 0rem; font-size: 0.2rem; line-height: 0.24rem; } .content .inBox .about1-videoBox .about-number .number li .text2 { margin-top: 5px; font-size: 0.22rem; } .content .inBox .about1-videoBox .about-number .number { padding: 0.1rem 0; } .content .inBox .about1-videoBox .about-number .number li:last-child:before { top: 0.6rem; right: 0.15rem; } .content .inBox .about1-contentText2 { padding: 0.3rem 0.15rem; } .content .inBox .customerCase2 #owl-demo4 { margin-top: 0.45rem !important; } .content .inBox .type2Box .type2 li { width: 100%; height: 0.6rem; font-size: 0.23rem; line-height: 0.6rem; border: none; background-color: #F5F5F5; margin-top: 1px; } .content .inBox .type2Box { margin-top: 0.09rem; } .content .inBox .about3-list li { padding: 0; width: 100%; margin-top: 0.34rem; } .content .inBox .about3-list { padding: 0.35rem 0.15rem 0; } .content .inBox .about3-list li a .image { padding: 0.15rem; } .content .inBox .about3-list li a .text { height: 0.7rem; line-height: 0.7rem; font-size: 0.23rem; } .content .inBox .about-more { margin-top: 0.55rem; } .content .inBox .about-more a { width: 3rem; height: 0.7rem; line-height: 0.7rem; font-size: 0.23rem; } .content .content4 .index-news .index-newsLeft .item .text { font-size: 0.23rem; height: 0.6rem; line-height: 0.6rem; } .content .zhanhui .images { width: 1.8rem; height: 4.5rem; background-size: 100% auto; top: -1rem; left: 0; } .content .zhanhui { margin-top: 0.3rem; padding: 0 0.15rem 0.45rem; } .content .zhanhui .textBox .text { padding: 0.3rem 0.4rem 0; } .content .zhanhui .textBox .text .p1 { font-size: 0.26rem; } .content .zhanhui .textBox .text .p2 { margin: 0.12rem 0 0.02rem; font-size: 0.23rem; } .content .zhanhui .textBox .text .p3 { line-height: 20px; height: 60px; } .content .about1-title .p1 { font-size: 0.33rem; } .content .about1-title .p2 { font-size: 0.23rem; bottom: 0px; padding: 0 15px; } .content .about1-title { margin: 0 0.17rem; height: 0.65rem; } .content .incontent4 .index-news { margin-top: 0.4rem; } .content .news1Box { padding: 0.4rem 0.15rem 0.5rem; } .content .news1Box .news1-list li { width: 2.93rem; margin-right: 0.22rem; } .content .news1Box .news1-list li:nth-child(2) { margin-right: 0; } .content .news1Box .news1-list li:last-child { display: none; } .content .news1Box .news1-list li .image .date { width: 0.95rem; height: 0.6rem; } .content .news1Box .news1-list li .image .date .p1 { font-size: 0.26rem; line-height: 0.26rem; margin: 0.06rem 0 0.03rem; } .content .inBox .type.fixed{ position: fixed; } .content .news1Box .news1-list li .image .date .p2 { font-size: 0.2rem; line-height: 0.22rem; } .content .news1Box .news1-list li .text .p1 { font-size: 0.23rem; height: 0.57rem; line-height: 0.57rem; } .content .news1Box .news1-list li .text .p2 { font-size: 0.2rem; line-height: 16px; height: 32px; } .content .inBox .news3-title { margin: 0.4rem 0 0.15rem; font-size: 0.3rem; } .content .inBox .news3-dateBox > div { font-size: 0.23rem; } .content .inBox .news3-dateBox > div a { padding: 1px 10px; margin-right: 2px; } .content .inBox .news3-text { margin: 0.2rem 0 0; padding: 0.25rem 0.15rem 0; font-size: 0.23rem; line-height: 0.4rem; } .content .inBox .pro-detail .case-back { margin: 0.4rem 0 0.5rem; } .content .inBox .news3 .footer-caseList li a .text .p3 { margin-top: 0.1rem; line-height: 0.32rem; font-size: 0.2rem; height: 0.96rem; } .content .contact-us2 { margin-bottom: 10px; } .contact-us2-2 { padding: 0 0.15rem; } .panel-body { padding: 10px 10px 20px; } .content .contact-us1-4-1 .container .contaact-us1-4-input { padding: 0 0.3rem; } .content .contact-us1-4-1 .container .contaact-us1-4-input .submit { margin-bottom: 0; } .content .contact-us4-title .p2 { margin-top: 0.2rem; } .content .contact-us4-title { border-bottom: none; } .content .about1-title .p1 { position: relative; } .content .about1-title .p1:before, .content .about1-title .p1:after { content: ""; display: block; width: 0.47rem; height: 1px; position: absolute; top: 0.25rem; background-color: #545454; } .content .about1-title .p1:before { left: 1.5rem; } .content .about1-title .p1:after { right: 1.5rem; } .content .about1-title .p1:before, .content .about1-title .p1:after { display: none; } .content .server .server1 p { padding: 0 0.15rem 0.4rem; font-size: 0.23rem; line-height: 0.4rem; text-align: left; } .content .server .server2 { padding: 0.6rem 0.15rem; } .content .server .server2 .server2-left .server2-left-1 { width: 4.4rem; height: 4.38rem; background-size: 100% auto; } .content .server .server2 .server2-left .server2-left-1 a { height: 110px; } .content .server .server2 .server2-left .server2-left-2 { margin-top: 0.3rem; padding: 0 0.3rem 0 0.15rem; } .content .server .server2 .server2-left .server2-left-2 .p2 { margin-top: 0.2rem; font-size: 0.2rem; line-height: 0.35rem; } .content .server .server2 .server2-left .server2-left-2 ul li { font-size: 0.2rem; line-height: 0.35rem; } .content .server .server2 .server2-left .server2-left-2 ul li:before { top: 0.13rem; } .content .server .server3 .server3-box .server-map { background-image: url(../images/server1-wrap.jpg); } .content .server .server3 .server3-box .server-map .star { display: none !important; } .content .server .server3 .server3-box { padding: 0.3rem 0 0.5rem; } .content .server .server4 .server4-list li { width: 50%; margin-right: 0; } .content .server .server4 .server4-list li:nth-child(2), .content .server .server4 .server4-list li:nth-child(3) { display: none; } .server4-list { padding: 0 0.15rem; } .content .server .server4 .server4-list li a { margin: 0 0.15rem; height: 2.75rem; padding-top: 0.4rem; } .content .server .server4 { padding: 0.4rem 0 0.6rem; } .content .server-title { margin-bottom: 0.4rem; } .content .server .server4 .server4-list li a { font-size: 0.2rem; } .content .server .server4 .server4-list li a .p1 { font-size: 0.23rem; } .content .server .server4 .server4-list li a .p2 { margin-top: 0.15rem; line-height: 0.3rem; } .content .inBox .case .case-list li a .text .text1 .p2 span:last-child i { margin-right: 5px; display: inline-block; width: 0.2rem; position: relative; top: -2px; } .content .server .server4 .server4-list li a .p3 { line-height: 0.3rem; } .content .server-content5 .server-list li { padding: 0 0.05rem; margin-top: 0.5rem; } .content .server-content5 .server-list { margin-top: -0.5rem; } .content .server-title span { font-size: 0.33rem; } .content .inBox #information .information-input li .p2 span b{ font-weight: bold; } .content .content3 .case-list .swiper-container .swiper-slide-active:hover .hzh-bg,.content .inBox .pro .pro-list li:hover .hzh-bg{ opacity: 0; } } #banner .index-news .owl-theme .owl-controls .owl-nav .owl-prev{left:0} #banner .index-news .owl-theme .owl-controls .owl-nav .owl-next{right:0} #inbanner{ background-size:auto 100%; background-position:center; background-repeat:no-repeat} #customerCase .owl-theme .owl-dots .owl-dot span{ background:#cccccc} #customerCase .owl-theme .owl-dots .active span{ background:#005E9C} .resume .resume_list .form-group .control-label{ padding-right:0; padding-top: 5px;text-align: right;} .resume .resume_list .form-group>div{ padding-left:10px;} .tableBox::-webkit-scrollbar { width: 10px; height: 10px; background-color: #f1f1f1; } /*�������������� ����Ӱ+Բ��*/ .tableBox::-webkit-scrollbar-track { border-radius: 3px; background-color: #f1f1f1; } /*���廬�� ����Ӱ+Բ��*/ .tableBox::-webkit-scrollbar-thumb { border-radius: 3px; background-color: #b3b3b3; } .tableBox::-webkit-scrollbar-button:start { background-image:url(../images/ico1.jpg);background-position:center ; background-repeat:no-repeat; width:10px; } .tableBox::-webkit-scrollbar-button:end{ background-image:url(../images/ico2.jpg);background-position:center; background-repeat:no-repeat; width:10px;} /*xx add*/ .aa { justify-content: center; } .content .inBox .type { text-align: center; } .content .inBox .type .swiper-slide { display: inline-block; width: 12.6%; margin: 0; padding: 0; margin-right: 5px; font-size: 16px; } .content .inBox .type .swiper-slide a { color: #000000; display: block; height: 45px; line-height: 45px; text-align: center; background-color: #EEEEEE; } .content .inBox .type .swiper-slide:last-child { margin-right: 0; } .content .inBox .type .swiper-slide:hover a, .content .inBox .type .swiper-slide.current a { background-color: #005E9C; color: #fff; } .content .inBox .sub_nav1 { position: relative; padding: 0 ; overflow: hidden; } .content .inBox .sub_nav1 .type { position: relative; } .content .inBox .sub_nav1 .type .swiper-slide { width: 1.76rem; display:inline-block; margin-right: 0.11rem; } .content .inBox .sub_nav1 .type .swiper-slide:last-child { margin-right: 0; } .content .inBox .sub_nav1 .swiper-button-next { background:url(../images/type-right.png) no-repeat right center; } .content .inBox .sub_nav1 .swiper-button-prev { background: url(../images/type-left.png) no-repeat left center; } .content .inBox .sub_nav1 .swiper-button-next, .content .inBox .sub_nav1 .swiper-button-prev { height: 0.65rem; width: 0.25rem; background-size: 0.14rem auto; z-index: 10; } .sub_nav1 .swiper-container { width: 86%; margin: auto; } @media (max-width: 767px) { .content .inBox .fixed .swiper-slide a{ background-color: transparent; color: #fff; } .content .inBox .about1-videoBox{background-attachment: inherit; height:auto} .content .inBox .sub_nav1{ margin-left:-0.15rem; margin-right:-0.15rem;} .content .inBox .sub_nav1 .type { position: relative; } .content .inBox .sub_nav1 .type li { width: 1.76rem; float: left; margin-right: 0.11rem; } .content .inBox .sub_nav1 .type .swiper-slide{ margin:0;} .content .inBox .type .swiper-slide a { line-height: 35px; height: 35px; font-size: 15px; margin:0 3px; } } .content .inBox .sub_nav1.fixed .swiper-slide:last-child a{ background:#DA0F05} .content .inBox .fixed .swiper-slide:last-child a{ background:#DA0F05} /*xx修改*/ .content .inBox .pro-detail .pro-detail2 .pro-detailType_bg .pro-detailType li:last-child{ display:none;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;} .content .inBox .pro-detail .pro-detail2 .pro-detailType_bg.fixed .pro-detailType li:last-child{ display:inline-block} .content .inBox .type.fixed li:last-child{ display:inline-block} .content .inBox .fixed .type .swiper-slide:last-child{ display:inline-block} @media (max-width: 767px) { .content .inBox .sub_nav1 .type .swiper-slide:last-child{ display:inline-block;} .content .inBox .fixed .type .swiper-slide:last-child{ display:inline-block} #owl-demo7{ margin-bottom:20px;} #owl-demo7.owl-theme .owl-controls .owl-dots{ bottom: -25px !important;} #owl-demo7.owl-theme .owl-dots .owl-dot span {width: 6px;height: 6px;} #banner .owl-theme .owl-dots .owl-dot span {width: 6px;height:6px;} } .social{color:#ccc;width:100%;} .social .iconfont{font-size:20px;color:#76818e;} .social .am-u-sm-4,.social .w100{padding:0 2.4rem;} .social .am-u-sm-4:last-child{padding-left:10px;} .social .am-u-sm-4 a{color:#fff;width:40px;height:40px;text-align:center;line-height:40px;border-radius:50px;display:inline-block;} .am-menu-offcanvas1 .am-menu-nav>li>a:hover{background-color:#22262a;} .social .am-u-sm-4:nth-child(1) a{background-color:#22262a;} .social .am-u-sm-4:nth-child(2) a{background-color:#22262a;} .social [class*=am-u-]+[class*=am-u-]:last-child{float:left;} .social .w100,.social .w100 a{color:#76818e;} .content .content3 .case-list .swiper-container .swiper-slide .image{ background-repeat:no-repeat !important; background-size:auto 100% !important} @media (max-width: 767px) { .content .contact-us1-2 .contact-us1-2-list li .contact-code{ margin-left: -68px; top: -20px; width:120px; height:150px; } .content .contact-us1-1 .row .contact-us1-1-address p span{ margin-left: 5px;} } .vjs-poster{ background-size:100% auto} .video-js .vjs-big-play-button{ height:80px; line-height:80px; width:80px; border-radius:50%; background:none;border:4px solid #fff;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;} .video-js:hover .vjs-big-play-button{ background:none; border-color:#38b2c9} .video-js .vjs-big-play-button .vjs-icon-placeholder:before{ top:-2px;} .video-js .vjs-modal-dialog, .vjs-button>.vjs-icon-placeholder:before, .vjs-modal-dialog .vjs-modal-dialog-content{ font-size:2em; top:2px;} .video-js .vjs-big-play-button{ margin-top:-40px;} .video-js .vjs-big-play-button .vjs-icon-placeholder:before{ font-size:65px;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;} .video-js:hover .vjs-big-play-button .vjs-icon-placeholder:before{ color:#38b2c9} .video-js .vjs-tech{ background:#000} @media (max-width: 767px) { .video-js .vjs-big-play-button{ height:50px; line-height:50px; width:50px; border-radius:50%; background:none;border:2px solid #fff; margin-top:-25px; margin-left:-25px;} .video-js .vjs-big-play-button .vjs-icon-placeholder:before{ font-size:35px; top:0px} } .about1-videoBox #my-video1 #my-video{background:none;width:715px; height:400px;} @media (max-width: 767px) { .about1-videoBox #my-video1 #my-video{background:none;width: 94%; height: 80%; margin-top: 9%;} } .shengchan_img{ position:relative} .shengchan_img b{ font-size:20px; text-align:center ; display:block; margin-bottom:45px; position:absolute; bottom:20px; left:40%} .shengchan_img span{ position:absolute; width:24px; height:24px; border-radius:50%; color:#fff; font-size:16px; text-align:center; line-height:24px;} .shengchan_img span.shengchan_no{ background:#909090} .shengchan_img span.shengchan_have{ background:#b76e00;cursor:pointer} .shengchan_img span.shengchan_have:hover{ background:#183573} .shengchan_jj .shengchan_img span.no1{ top:20%; left:37%} .shengchan_jj .shengchan_img span.no2{ top:34%; left:50%} .shengchan_jj .shengchan_img span.no3{ top:37.5%; left:57%} .shengchan_jj .shengchan_img span.no4{ top:45.8%; left:47%} .shengchan_jj .shengchan_img span.no5{ top:38.2%; left:43.3%} .shengchan_jj .shengchan_img span.no6{ top:44.5%; left:43%} .shengchan_jj .shengchan_img span.no7{ top:42%; left:50%} .shengchan_jj .shengchan_img span.no8{ top:50%; left:35%} .shengchan_jj .shengchan_img span.no9{ top:56%; left:43%} .shengchan_jj .shengchan_img span.no10{ top:57.4%; left:12.1%} .shengchan_jj .shengchan_img span.no11{ top:65.6%; left:22%} .shengchan_jj .shengchan_img span.no12{ top:61%; left:28.1%} .shengchan_jj .shengchan_img span.no13{ top:54.8%; left:32.5%} .shengchan_jj .shengchan_img span.no14{ top:69.5%; left:36%} .shengchan_jj .shengchan_img span.no15{ top:59.5%; left:38.6%} .shengchan_jj .shengchan_img span.no16{ top:64.1%; left:41%} .shengchan_jj .shengchan_img span.no17{ top:69%; left:44.5%} .shengchan_jj .shengchan_img span.no18{ top:65.1%; left:48.75%} .shengchan_jj .shengchan_img span.no19{ top:75.6%; left:56.7%} .shengchan_jj .shengchan_img span.no20{ top:79.3%; left:73.3%} .shengchan_jj .shengchan_img span.no21{ top:45.9%; left:77.5%} .shengchan_jj .shengchan_img span.no22{ top:41%; left:69.7%} .shengchan_zd .shengchan_img span.no1{ top:31.1%; left:71.7%} .shengchan_zd .shengchan_img span.no2{ top:54%; left:81.5%} .shengchan_zd .shengchan_img span.no3{ top:75.6%; left:69%} .shengchan_zd .shengchan_img span.no4{ top:52%; left:59.4%} .shengchan_zd .shengchan_img span.no5{ top:55.5%; left:58%} .shengchan_zd .shengchan_img span.no6{ top:60.3%; left:64.5%} .shengchan_zd .shengchan_img span.no7{ top:50%; left:63.3%} .shengchan_zd .shengchan_img span.no8{ top:53%; left:52.3%} .shengchan_zd .shengchan_img span.no9{ top:56%; left:48.9%} .shengchan_zd .shengchan_img span.no10{ top:50.7%; left:43.7%} .shengchan_zd .shengchan_img span.no11{ top:61%; left:45.6%} .shengchan_zd .shengchan_img span.no12{ top:67%; left:43.6%} .shengchan_zd .shengchan_img span.no13{ top:67%; left:41%} .shengchan_zd .shengchan_img span.no14{ top:74%; left:36.5%} .shengchan_zd .shengchan_img span.no15{ top:78%; left:29.4%} .shengchan_zd .shengchan_img span.no16{ top:63%; left:14%} .shengchan_zd .shengchan_img span.no17{ top:61%; left:18%} .shengchan_zd .shengchan_img span.no18{ top:54.5%; left:17%} .shengchan_zd .shengchan_img span.no19{ top:53.5%; left:18.7%} .shengchan_zd .shengchan_img span.no20{ top:43.5%; left:23.3%} .shengchan_zd .shengchan_img span.no21{ top:51.5%; left:28%} .shengchan_zd .shengchan_img span.no22{ top:48%; left:32%} .shengchan_zd .shengchan_img span.no23{ top:46%; left:37.2%} .shengchan_zd .shengchan_img span.no24{ top:52%; left:38.3%} .shengchan_zd .shengchan_img span.no25{ top:60%; left:40%} .shengchan_zd .shengchan_img span.no26{ top:40.8%; left:26%} .shengchan_zd .shengchan_img span.no27{ top:40.8%; left:31.9%} .shengchan_zd .shengchan_img span.no28{ top:36%; left:35.8%} .shengchan_zd .shengchan_img span.no29{ top:30%; left:39.5%} .shengchan_zd .shengchan_img span.no30{ top:35%; left:17.2%} .shengchan_zd .shengchan_img span.no31{ top:69%; left:83.7%} .shengchan_text1{ float:left; width:25%} .shengchan_text{ font-size:20px; line-height:40px;} .shengchan_xq{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.4); top:0; left:0; z-index:20; display:none} .shengchan_xq .xq_img{ position:fixed; width:50%; top:10%; left:25%} .shengchan_xq span{ position:fixed; width:40px; height:40px; background:rgba(0,0,0,0.5); color:#fff; font-size:24px; font-family:Arial, Helvetica, sans-serif; text-align:center; border-radius:50%; line-height:40px; top:8%; right:24%; z-index:22;cursor:pointer} .shengchan_xq .xq_no2{ display:none}