@charset "utf-8"; /* --手机端导航-- */ @media screen and (max-width: 1800px){ } @media screen and (max-width: 1680px){ } @media screen and (max-width: 1440px){ .pub{width:90%;} .top{width:100%;} .header{width:90%;} .header .logo{width:30%;} } @media screen and (max-width: 1200px){ .index1_left{ width:40%; height:auto; color:#fff; font-size:24px; position:absolute; left:10%; top:0; z-index:9999;} .index1_left p{ font-size:36px; margin-bottom:10px;} .index1_right{ width:50%; height:auto;} .index1_about{ display:none;} .index1_about p{ font-size:36px; margin-bottom:10px;} .index1_more{ width:153px; height:50px; line-height:50px; text-align:center; background:#02a7f3; color:#fff; font-size:16px; border-radius:50px; margin-top:50px;} .index1_line{ width:90%; height:1px; background:#fff; margin-top:50px;} .index1_num { position:relative; right:0%; bottom:0%; z-index:9999;} .index5{ width:72%; height:730px;} .index5_hzhb{ width:100%; height: 730px;background:url(../Image/index5_bj.png) bottom center no-repeat; background-size:100% auto; position:relative;} .index5_hzhb li{ position:absolute;} .index5_hzhb li img{ border-radius:60px; width:60px; height:60px;} .index5_logo{ width:160px; height:160px; content:''; position:absolute; top:45%; left:42%; border-radius:50%; animation:rotate 3s infinite; -webkit-animation:rotate 3s infinite linear;} .index5_logo img{ width:100%;} .index5_con{ width:100%; text-align:center; color:#fff; font-size:16px; position:absolute; bottom:10%; left:0%;} .index5_con p{ font-size:24px;} .index5_hzhb li:nth-child(1){ left:-46px; top:50%;} .index5_hzhb li:nth-child(2){ left:18%; top:25%;} .index5_hzhb li:nth-child(3){ left:18%; bottom:15%;} .index5_hzhb li:nth-child(4){ right:18%; top:25%;} .index5_hzhb li:nth-child(5){ right:18%; bottom:15%;} .index5_hzhb li:nth-child(6){ left:22%; top:47%;} .index5_hzhb li:nth-child(7){ right:22%; top:47%;} .index5_hzhb li:nth-child(8){ left:47%; top:23%;} .index5_hzhb li:nth-child(9){ left:35%; top:39%;} .index5_hzhb li:nth-child(10){ right:35%; top:39%;} .index5_hzhb li:nth-child(11){ right:-46px; top:50%;} } /* --转成wap-- */ @media screen and (max-width: 960px){ .l-anchor {display: none;} .logo{ width:30%;} .pub{width:90%;padding-left:20px;padding-right:20px;} header{ position:relative; background:#0055a7;} .head_right{ float: right; line-height: 85px; width: auto; text-align: center;color: #fff; margin-right:80px;} .nava{width:30%;} .search { display:none;} .banner_bj{ width: 100%; position: relative; top:0;} .banner1_1{width:50%;left:0%;top:40%;} .banner2_1{width:60%;right:0%;top:38%;} .banner3_1{width:50%;left:15%;bottom:30%;} .swiper-banner .banner_con {display:none;} .swiper-banner .banner_con .a1 {display:none;} .index1_bj{ width:100%; height:auto; position:relative; z-index:999;} .index1_bj1{ position:relative; z-index:999;} .index1_left{ width:60%; height:auto; color:#fff; font-size:16px; position: absolute; left:35%; top:10%; z-index:9999; margin:0 auto;} .index1_left p{ font-size:20px; margin-bottom:10px;} .index1_right{ width:90%; height:auto; position:relative; right:0%; top:0; z-index:9999; margin:0 auto;} .index1_about{ width:100%; height:auto; color:#fff; font-size:16px; float:right; position:relative; right:0%; bottom:0; z-index:9999;} .index1_about p{ font-size:20px; margin-bottom:10px;} .index1_num { position:relative; right:0%; bottom:0%; z-index:9999;} .index1_num .index-strength-list{ margin-top:50px;} .index1_num .index-strength-list li{width:50%;text-align:center;float:left;} .index2_top{ width:90%; height:auto; color:#fff; font-size:16px; margin-bottom:50px;} .index2_top p{ font-size:20px; margin-bottom:10px;} .card-fouth .desc.desc-list { width:100%; float:none; margin-top:30px; } .card-fouth .case-container { position: relative; width:100%; float:none; height:600px; } .index2_pro1_img{ width:90%; float:none; position:relative; margin-top:10%; margin-left:5%;margin-right:5%;} .index2_pro1_con{ width:90%; float:none; font-size:16px; color:#fff; line-height:25px; margin-top:5%;margin-left:5%; margin-right:5%;} .index3_left{ width:100%; margin-left:0%; float:none;} .index3_left_top{ font-size:22px; color:#ffffff; border-bottom:1px solid rgba(255,255,255,0.3); margin-bottom:80px; padding-bottom:30px;} .index3_left_con{ color:#fff; font-size:16px; line-height:30px;} .index3_left_con p{ font-size:24px;} .index3_more{ width:153px; height:50px; line-height:50px; text-align:center; background:#02a7f3; color:#fff; font-size:16px; border-radius:50px; margin-top:50px;} .index3_right{ width:100%; float:none; position:relative;} .index3_bottom{ text-align:center;background:url(../Image/p2.png) center top no-repeat; background-size:100% auto; min-height:168px; font-size:18px; padding-top:50px; margin-top:80px;} .index4_left{ font-size:24px;} .index4_main ul li{ float:left; width:100%; margin:0 1.6%; margin-bottom:8%;} .index4_main ul li .news1_tit{ color:#fff; font-size:18px; margin-bottom:20px;} .lightbulb__container .lightbulb__glow { z-index: 8; position: absolute; top: 8%; right: -65%; transform: translateX(-50%) translateY(-15%) scale(0.5); filter: blur(5rem); width: 346px; height: 346px; border-radius: 50%; background: radial-gradient(rgba(255,255,255,0.5) 25%, transparent 80%); animation: glow 5s ease infinite; } .index5{ width:72%; position:relative; min-height: inherit; margin-bottom:5%;} .index5_bj{ display:none;} .index5_bj img{ width:100%;} .index5_hzhb{ overflow:hidden; margin:5% 0;} .index5_hzhb li{ position:relative; float:left; width:46%; text-align:center; margin:2%;} .index5_hzhb li img{ border-radius:92px; width:92px; height:92px;} .index5_hzhb li:nth-child(1){ left:0; top:0%;} .index5_hzhb li:nth-child(2){ left:0; top:0%;} .index5_hzhb li:nth-child(3){ left:0; top:0%;} .index5_hzhb li:nth-child(4){ left:0; top:0%;} .index5_hzhb li:nth-child(5){ left:0; top:0%;} .index5_hzhb li:nth-child(6){ left:0; top:0%;} .index5_hzhb li:nth-child(7){ left:0; top:0%;} .index5_hzhb li:nth-child(8){ left:0; top:0%;} .index5_hzhb li:nth-child(9){ left:0; top:0%;} .index5_hzhb li:nth-child(10){ left:0; top:0%;} .index5_hzhb li:nth-child(11){ left:0; top:0%;} .index5_logo{ display:none;} .index5_con{ width:100%; text-align:center; color:#fff; font-size:16px; position:relative; bottom:0%; left:0%;} .index5_con p{ font-size:24px;} .index5_con a{ display:block; text-align:center; margin-top:20px;} .foot_bj{ width:100%; height:auto; background:#202020; padding-top:5%; overflow:hidden;} .foot_top{ border-bottom:1px solid #444444; padding-bottom:20px; margin-bottom:5%;} .foot_top .foot_tit{ font-size:22px; color:#fff; float:none;} .foot_top .foot_nav{ float:none; font-size:16px; color:#fff; margin-top:10px;} .foot_top .foot_nav a{ color:#fff; margin-left:0; display:block; width:33.3%; text-align:center; float:left; line-height:30px;} .foot_left{ min-height:193px; width:100%; float:none;background:url(../Image/p4.jpg) no-repeat;} .foot_contact{ float:none; color:#fff;} .foot_contact li{ margin-top:20px; padding-left:30px;} .foot_contact .p6{background:url(../Image/p6.png) left center no-repeat;} .foot_contact .p7{background:url(../Image/p7.png) left center no-repeat;} .foot_contact .p8{background:url(../Image/p8.png) left center no-repeat;} .cop{ float:none; margin-top:20px; text-align:center; font-size:16px; color:#787878;} .foot_right{ float:none; width:100%;} .foot_right .form-group{ width:100%; margin-bottom:20px;} .inner_about1_left{ width:100%; float:none;} .inner_about1_top{ font-size:24px; color:#fff;} .inner_about1_right{ width:100%; float:none;} .inner_about1_right .index-strength-title{height:105px;font-size:42px;font-weight:bold;line-height:52px;padding-top:40px;text-indent:360px;background:url(../images/index_strength_title.png) no-repeat center;background-size:100% auto;} .inner_about1_right .index-strength-list{margin-top:100px;} .inner_about1_right .index-strength-list li{ margin-top:50px;} .inner_about1_right .index-strength-list li h2{height:50px;line-height:50px;font-size:52px;color:#fff;display:inline-block; margin:0;} .inner_about1_right .index-strength-list li p{font-size:18px;color:#fff;line-height:24px;margin-top:12px;} .inner_about1_right .index-strength-list .inner_about1_line{ width:100%; height:1px; margin:10px auto; background:#fff; position:relative; transition:all 0.3s;} .inner_about1_right .index-strength-list .inner_about1_line p{ width:30%; height:3px; background:#02a7f3; position:absolute; top:-1px; left:0px; margin:0; transition:all 0.3s;} .inner_about2 ul{ margin-top:30px; margin-bottom:30px;} .inner_about2 ul li{ float:none; width:100%; margin:30px 0 0 0;} .inner_hxjz{ width:70%; background:url(../Image/a9.jpg) bottom center no-repeat; background-size:cover; padding:5%;} .inner_hxjz_top{ font-size:26px; color:#fff;} .inner_hxjz ul li{ font-size:16px; color:#fff; margin-top:20px;} .inner_hxjz ul li p{ font-size:20px; margin:0;} .inner_honor{ margin-top:5%;} .inner_honor_main li{ width:48%; margin:1%; float:left; position:relative;} .inner_top{ font-size:26px; color:#fff; text-align:center; margin-bottom:30px;} .inner_search .search-text{height:53px;width:65%; float:left;color:#888888; font-size:12px;outline:none; padding-left:10px; background:#fff;} .inner_type li{ float:left; width:48%; margin:1%; font-size:16px; color:#fff; text-align:center; line-height:30px;} .pro .item{margin: 1%;position:relative; float:left; width:48%; transition:all 0.3s;} .pro .item .pic img{display: block;width: 100%;height: auto;} .pro .item .pro_con{ padding:10px 0;} .pro .item .pro_con p{ color:#fff; font-size:18px; overflow:hidden; background:url(../Image/p10.png) left center no-repeat; padding-left:30px;} .pro .item .pro_con p img{ float:right; transition:all 0.3s;} .pro .item .pro_line{ width:100%; height:1px; margin:10px auto; background:#fff; position:relative; transition:all 0.3s;} .pro .item .pro_line p{ width:30%; height:3px; background:#02a7f3; position:absolute; top:-1px; left:0px; margin:0; transition:all 0.3s;} .pro .item:hover .pro_con p img{ margin-right:20px;} .pro .item:hover .pro_line p{ width:100%;} .inner_pro_main{ background:#fff; border-radius:5px; padding:5%;} .inner_pro_tit{ color:#fff; font-size:30px; background:url(../Image/p10.png) left 30px center no-repeat #03549a; padding:20px 60px;} .pro_fl{ border:2px solid #03549a; border-radius:5px; } .proshow { margin-top: 55px; } .proleft { width: 100%; float:none; margin-left:0%; } .proright { width: 95%; padding:20px; margin-top:50px;float:none; margin-right:0%; } .gallery-top .swiper-button-prev{ display:none;} .gallery-top .swiper-button-next{ display:none;} .new-lists li{ float:none; width:100%; margin:0%; margin-bottom:8%;} .new-lists li .news1_tit{ color:#fff; font-size:18px; margin-bottom:20px;} .inner_mes .form-group{ width:86%; margin-bottom:20px; float:none;} .inner_mes .form-control {outline:none; display: block; width:95%; float:none; height: 40px; padding-left:60px; font-size: 14px; line-height: 1.42857143; color: #fff; border:1px solid #dcdcdc; border-radius:5px; } .inner_mes .form-control:focus { outline:none; } .inner_mes .form-group1{ width:85%;} .inner_mes #name{background:url(../Image/m5.png) no-repeat left 20px center rgba(3,84,154,0.5);} .inner_mes #tel{background:url(../Image/m6.png) no-repeat left 20px center rgba(3,84,154,0.5);} .inner_mes #content{ width:97%; height:90px; padding-top:10px; margin-top:0;background:url(../Image/m7.png) no-repeat left 20px top 10px rgba(3,84,154,0.5);} .inner_mes #submit{ width:50%; height:45px; line-height:45px;text-align:center; margin-left:25%; margin-top:22px; background:#03549a; color:#fff; font-size:15px; outline:none;border-radius:5px; padding:0; border:none; cursor:pointer;} .Address{ background:rgba(3,84,154,0.5); border-radius:5px; padding:2%; margin-bottom:5%;} .Address li{ float:none; width:96%; padding:1.5%; color:#fff; text-align:center; border-left:none; font-size:18px;} .video .play{width:30px;height:30px;background:url(../Image/play1.png) no-repeat center; background-size:100% auto;position:absolute;left:50%;top:50%;margin-left:-15px;margin-top:-15px;} .inner_video{ width:100%; height:auto; margin:0 auto;} .download li .download_tit{ width:80%; float:left; border:1px solid #dcdcdc; border-radius:5px; color:#ffffff; font-size:16px; padding:15px 0 15px 20%; background:url(../Image/download1.png) left 5% center no-repeat;} .download li a{ width:100%; float:right; border:1px solid #dcdcdc; border-radius:5px; color:#ffffff; font-size:16px; padding:15px 0; text-align:center; margin-top:10px;} .download li a img{ margin-left:10px;} .inner_jszc li p{ color:#fff; text-align:center; position:absolute; bottom:30px; left:0; font-size:16px; width:100%;} #dituContent{ width:100%; height:396px;} } @media screen and (max-width: 772px){ .strengthMain li{float:left;width:100%;height:100%;overflow:hidden;background:#000;position:relative; margin:20px 0%;} } @media screen and (max-width: 584px){ }