/*===================== 重置样式 START =====================*/ @charset "utf-8"; html,body,h1,h2,h3,h4,h5,h6,p,dl,dd,dt,th,td,select,ul,ol,li,form,input,textarea,fieldset,legend,img{margin:0;padding:0;} h1,h2,h3,h4,h5,h6{font-weight:300;} li{list-style:none;} a{text-decoration:none;background:transparent;outline:none;color:#000;display:block;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;} a:hover,.tran,.pub_button .pb_bg,.section_seven .item i{-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;text-decoration:none} .wot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .upp{text-transform:uppercase;} .middle_box{display:table;width:100%;height:100%;} .middle_box .middle{display:table-cell;vertical-align:middle;width:100%;text-align:center;} img{border:0;vertical-align:middle;max-width:100%;display:block;} table{border-collapse:collapse;border-spacing:0;} input,textarea{-webkit-user-modify:read-write-plaintext-only;outline-style:none;border:none;font-size:14px;} input::-moz-placeholder,textarea::-moz-placeholder{color:#000;} input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#000;} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#000;} html::-webkit-scrollbar{width:5px;height:5px;background-color:#fff;} html::-webkit-scrollbar-track{border-radius:0;background-color:#fff;} html::-webkit-scrollbar-thumb{border-radius:50px;width:5px;height:5px;background-color:#0186FF;} textarea{resize:none;overflow:auto;} input{padding-top:0;padding-bottom:0;} ; select,input{vertical-align:middle;} select,input,textarea{font-size:14px;margin:0;} .clear{zoom:1;} .clear:after{content:"";display:block;height:0;visibility:hidden;clear:both;} .clear::before,.clear::after{content:"";display:table;} .clear::after{clear:both;} .fl{float:left;} .fr{float:right;} html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;} body{font-family:"Source Han Sans CN","Microsoft Yahei","Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;font-size:16px;color:#333;background-color:#fff;overflow-x:hidden;cursor: default;} .error3{display:none!important;} html,body{max-width:1920px;margin:0 auto;} .inner{width:1440px;margin:0 auto;} .inner1{width:1300px;margin:0 auto;} .f_14{ font-size:14px; } .f_16{ font-size:16px; } .f_18{ font-size:18px; } .f_20{ font-size:20px; } .f_24{ font-size:24px; } .f_28{ font-size:28px; } .f_30{ font-size:30px; } .f_38{ font-size:38px; } .f_48{ font-size:48px; } .f_58{ font-size:58px; } .f_72{ font-size:72px; } /*===================== 重置样式 END =====================*/ /*===================== 公用样式 START =====================*/ .header{width:100%;position:fixed;top:0;z-index:999;} .header .inner{height:112px;position:relative;width:96%;margin:0 auto;text-align: center;} .header .logo img{margin-top:25px;} .header .nav{width:60%;display: inline-block;} .header .nav ul li{float:left;width:12.5%;height:112px;line-height:112px;text-align:center;} .header .nav ul li a{color:#fff;position:relative;z-index:1;font-size:18px;} .header .nav ul li i{position:absolute;width:100%;height:0;background-color:#0186FF;left:0;top:0;z-index:-1;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;} .header .nav ul li em{font-style:normal;position:absolute;width:0;height:112px;background-color:#0186FF;left:0;bottom:0;z-index:-1;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;} .header .nav ul li a:hover i,.header .nav ul li a.active i{height:100%;} .header .nav ul li a:hover,.header .nav ul li a.active{color:#fff;} .header .nav ul li a:hover em,.header .nav ul li:hover a em,.header .nav ul li a.active em{width:100%;} .header .nav ul li .son_nav{display: none;background: #fff;} .header .nav ul li .son_nav a{color: #333;line-height: 40px;height: 40px;font-size: 14px;padding: 0 5px;} .header .nav ul li .son_nav a:hover{background: #0186FF;color: #fff;} .header .nav ul li:hover .son_nav{display: block;} .header .product_son{display:none;position:absolute;left:0;top:140px;text-align:center;font-size:0;width:100%;height:auto;background-color:rgba(0,0,0,0.75);z-index:999;} .header .product_son .item{display:inline-block;width:11%;margin:1% 0.5%;} .header .product_son .item p{font-size:14px;color:#fff;height:32px;line-height:32px;} .header .product_son .item:hover .pb_bg{transform:scaleY(1);-webkit-transform:scaleY(1);transform-origin:left 0;-webkit-transform-origin:left 0;visibility:visible\9;} .header .call{margin-top:35px;background:url(../images/call.png) 0 center no-repeat;padding-left:35px;} .header .call p{font-size:16px;color:#333;} .header .call h3{font-size:26px;color:#fff;} .header.bg{z-index:9999999;box-shadow:0 0 15px rgba(0,0,0,0.267);background: #0186FF;} .header.bg .inner{height:70px} .header.bg .logo img{height:40px;margin-top:15px} .header.bg .logo{background:url(../../images/logo22.png) left 10px no-repeat;width:300px;height:60px;background-size:228px 56px} .header.bg .nav ul li{height:70px;line-height:70px} .header.bg .call{margin-top:8px} .banner{height: 100vh;overflow: hidden;} .banner video{width: 100%;} .banner .swiper-button-next,.banner .swiper-button-prev{width:59px;height:59px;} .swiper-pagination-bullet-active{background-color:#0186FF!important;border-color:#0186FF!important;} .video_banner .swiper-pagination-bullet-active{background-color:#0186FF!important;color:#fff;border-color:#0186FF!important;width:30px!important;height:30px!important;} .video_banner .swiper-pagination-bullet{width:30px;height:30px;border-radius:0;line-height:30px;} .pub_button{position:relative;z-index:1;} .pub_button .pb_bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(255,163,0,0.7);-webkit-transition:transform 0.5s 0s cubic-bezier(0.36,0.01,0.29,0.99);transition:transform 0.5s 0s cubic-bezier(0.36,0.01,0.29,0.99);transform-origin:left 100%;-webkit-transform-origin:left 100%;transform:scaleY(0);-webkit-transform:scaleY(0);visibility:hidden\9;z-index:-1;} .pub_button:hover .pb_bg,.pub_button.active .pb_bg{transform:scaleY(1);-webkit-transform:scaleY(1);transform-origin:left 0;-webkit-transform-origin:left 0;visibility:visible\9;} #footer{background:url(../images/fbg.jpg) no-repeat center;width:100%;padding-top:40px;overflow: hidden;background-size: cover;} #footer .footer_con{width:1400px;margin:0 auto} #footer h3{font-size:16px;font-weight:bold;color:#fff;position:relative;margin-bottom:30px} #footer h3::before{position:absolute;content:"";bottom:-10px;left:0;background:#f49f0c;width:50px;height:3px} #footer .f1{width:20%;text-align:center;} #footer .f1 img{display:block;margin:0 auto;} #footer .f1 em{font-size:48px;color:#db051f;display:inline-block;font-style:normal;font-weight:bold;margin:5px 0;} #footer .f1 em span{color:#fff;} #footer .f1 .call{width:100%;height:40px;line-height:40px;background:#0186FF url(../images/call1.png) 40px center/8% no-repeat;color:#fff;font-size:20px;border-radius:70px;margin-top:15px;} #footer .f1 .call strong{font-size:24px;color:#fff;font-weight:100;font-family:impact;} #footer .two{padding-left:5%;width: 25%;} #footer .two a{height:32px;line-height:32px;font-size:15px;color:#fff;width: 50%;float: left;} #footer .two a .pb_bg{background-color:#0186FF;} #footer .f2{width:24%;margin-left:5%} #footer .f2 img,#footer .two img{padding-bottom:20px} #footer .f2 p{width:100%;line-height:32px;color:#fff;font-size: 15px;margin-bottom: 0;} #footer .f2 p a{display: inline-block;} #footer .f3{width:311px;margin-left:80px;color:#fff} #footer .f3 p{color:#fff;line-height:180%} #footer .f4 .item{display:inline-block;width:120px;margin:0 5px;} #footer .f4 .item img{max-width:100%;} #footer .f4 .item span{display:block;color:#fff;font-size:16px;margin-top:10px;text-align:center;} #footer .f5{text-align:center;margin-top:20px;padding:10px 0;background:#1e1e1e} #footer .f5 p{text-align:center;color:#fff} #footer .f5 p img{vertical-align:middle;margin-right:19px} .copyright{height:60px;line-height:60px;color:#fff;font-size:14px;text-align:center;border-top: 1px solid rgba(255,255,255,0.2)} .copyright img{display:inline-block;margin:0 10px 4px;} .copyright a{display:inline-block;margin:0 10px;color:#fff;} .pub_title p{text-align:center;margin-bottom:30px;color: #666666;} .pub_title h4{position:relative;text-align:center;font-size:46px;font-weight:bold;z-index:1;padding-top:60px;color: #222222;margin: 0;} .pub_title h4 img{display:inline-block;padding-bottom:10px;margin:0 10px;} .pub_title h4 span{color:#0186FF;display:inline-block;z-index:1;} @media (max-width:1200px){ .pub_title h4 span{font-size:30px;margin:0;} .pub_title h4 i{font-size:60px} } .vidbacking{position: fixed;right: 0;bottom: 0;z-index: 999;width: 26%;border: 5px solid #fff;} /*===================== 公用样式 END =====================*/ /*===================== 首页 START =====================*/ .hot-pro-tit{padding-top:60px;text-align:center} .hot-pro-tit h2{display:block;font-size:45px;color:#333;font-weight:bold;text-align:center} .hot-pro-tit h2 font{font-size:45px;color:#007EFF;font-weight:bold} .hot-pro-tit p{display:block;text-align:center;font-size:20px;color:#2e2e2e;padding:0px 15px;max-width: 60%;margin: 10px auto 0;} .hot-pro-tit span{display:block;margin-top:3px;text-align:center;font-size:12px;color:#2e2e2e;text-transform:uppercase} .mt-30{margin-top:30px} .part-w{padding:15px 30px} .dingzhi-w{width:85%;margin:0 auto} .dingzhi-w li{float:left;background-color:#eeeeee;border:1px solid #e5e5e5;width:24.4%;height:400px;margin-right:0.8%;margin-bottom:1.2%;overflow:hidden;box-sizing: border-box;} .dingzhi-w li:hover{background-color:#cbcbcb} .dingzhi-w li:nth-child(4n){float:right;margin-right:0px} .dingzhi-w .nra{padding-top:40px;text-align:center} .dingzhi-w .nra img{display:block;margin:0 auto} .dingzhi-w .nra h3{display:block;margin:15px 10px;font-size:61px;color:#000;font-weight:bold;text-align:center} .dingzhi-w .nra p{display:block;width:80%;margin:0 auto;text-align:center;font-size:20px;color:#000;line-height:170%} .bg1{width:100%;box-sizing: border-box;background: #F5F7F6;padding-top: 80px;} .protit{position: absolute;left: 0;background: #007EFF;color: #fff;padding: 40px 20px 40px 20%;text-transform: uppercase;} #scroll_one{height:210px;width:70%;position:relative;overflow:hidden;box-sizing:border-box;} #scroll_one ul{width:100000px;position:absolute;left:0;} #scroll_one ul li{float:left;text-align:center;margin-right:30px;border-radius:10px 10px 0 0;overflow:hidden;} #scroll_one ul li img{width: 165px;height: 165px;border-radius: 50%;overflow: hidden;border:5px solid #fff;display: inline-block;box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);o-object-fit: cover; object-fit: cover;} #scroll_one ul li h3{font-size:16px;color:#333;font-weight: 600;} #scroll_one ul li:hover { -webkit-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); transform: scale(1.05,1.05); } .sycp{overflow:hidden;width:100%;padding: 50px 4% 100px ;background: #F5F7F6;} .sycp .sycp_r{width:100%} #top_scroll {height:1350px;overflow: hidden;max-width:100%;margin:0 auto;} #top_scroll ul li{float: left;width:24%;margin:0.5%;text-align: left;padding: 10px; box-sizing: border-box;} #top_scroll ul li .img{overflow: hidden;padding: 10px;border:1px solid #e1dfe0;margin-bottom: 10px;} #top_scroll ul li img{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} #top_scroll ul li:hover{background: linear-gradient(50deg, rgb(33,119,196), rgb(89,173,74)); } #top_scroll ul li:hover .img{border-color: none;} #top_scroll ul li:hover img{-webkit-transform:scale(1.05, 1.05);-moz-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);} #top_scroll ul li h3{color:#000;font-size:18px;padding-left:21px;} #top_scroll ul li p{color: #000;font-weight: 700;font-size: 20px;padding: 0 0 0 55px;background: url(../images/dh.png) no-repeat 20px center;background-size: 30px 30px;margin-top: 10px;} #top_scroll ul li:hover h3, #top_scroll ul li:hover p{color:#fff;} .section_two{overflow:hidden;} .section_two .more{cursor:pointer;width:540px;height:48px;background-color:#0186FF;line-height:48px;margin:50px auto;border-radius:60px;} .section_two .more a.fl{width:174px;height:48px;font-size:18px;color:#fff;line-height:48px;background-color:#ffbc43;border-radius:60px;text-align:center;} .section_two .more strong{display:inline-block;vertical-align:top;color:#fff;margin-left:20px;} .section_two .more strong{font-size:30px;font-family:impact;display:inline-block;vertical-align:top;} .section_two .more:hover{background-color:#f1f1f1;} .section_two .more:hover a.fl{background-color:#d50311;color:#fff;} .section_two .more:hover strong{color:#d50311;} #w-1300-1{width:1300px;margin:0 auto} .wenti-w{width:100%;height:1100px;background:url(../images/wenti-w.jpg) top center repeat-x;overflow:hidden;background-size: cover;} .wenti-tit .linea{margin:0 auto;margin-bottom:44px;width:1px;height:52px;} .wenti-tit .tit-a{text-align:center} .wenti-tit .tit-a img{display: inline-block;} .wenti-tit .tit-a .zia{display:inline-block;font-size:102px;color:#8cd707;font-weight:bold;vertical-align:middle} .wenti-tit .tit-a .tita-r{display:inline-block;margin-top:15px;padding:8px 15px;border:1px solid #8cd707;vertical-align:middle} .wenti-tit .tit-a .tita-r .zia{display:block;text-align:center;font-size:17px;color:#8cd707;font-weight:bold;text-transform:uppercase} .wenti-tit .tit-a .tita-r .zib{display:block;text-align:center;font-size:37px;color:#fff;font-weight:bold;letter-spacing:2px} .wenti-tit .zic{display:block;margin-top:-15px;text-align:center;font-size:44px;color:#fff;font-weight:bold;letter-spacing:5px;margin-top:15px;} .weinti-list{padding:50px 14%;height:430px;background: rgba(255,255,255,0.2);border-radius: 15px 0 15px 0;} .weinti-list:hover{background:rgba(4,116,239,0.7)} .weinti-list .numa{font-size:35px;color:#ffa200;font-weight:bold} .weinti-list .linea{margin-top:10px;width:1px;margin-left:5px;height:30px;background-color:#ffa200} .weinti-list p{display:block;margin-top:20px;font-size:31px;color:#fff;font-weight:bold;letter-spacing:3px} .weinti-list span{display:block;margin-top:15px;font-size:23px;color:#fff;letter-spacing:3px} .weinti-list:hover .numa,.weinti-list:hover p,.weinti-list:hover span{color:#fff} .weinti-list-first{background:rgba(4,116,239,0.7) !important;border-radius: 20px 0 20px 0;} .weinti-list-first .numa,.weinti-list-first p,.weinti-list-first span{color:#fff !important} .wenti-kf{margin-top:35px} .wenti-kf .renwu{text-align:center} .wenti-kf .renwu img{display:block;margin:0 auto} .wenti-kf .dianhua{position:relative;height:100px} .wenti-kf .dianhua .linea{position:absolute;z-index:1;top:40%;width:100%;height:1px;background-color:rgba(255,255,255,0.2)} .wenti-kf .dianhua .phonea{position:absolute;top:0px;z-index:10;width:100%} .wenti-kf .dianhua .phonea p{width:506px;margin:0 auto;padding:5px 45px;background-color:#f0a009;font-size:40px;color:#fff;font-weight:bold;border-radius:50px} .wenti-kf .dianhua .phonea p font{font-size:33px;color:#fff;font-weight:bold;line-height:20px} /* 简介 */ .section_three1{padding-bottom: 50px;} .section_three1 .inner{position: relative;margin-top: -85px;width: 86%;box-sizing: border-box;padding: 50px 40px;background: #fff;} .section_three1 .left{width: 50%;} .section_three1 .left video{width: 100%;min-height: 652px;cursor: pointer;} .section_three1 .right{width:47%;} .section_three1 .right h3{font-size:45px;color:#0186FF;font-weight:bold;} .section_three1 .right>p{color:#007DE1;font-size: 118px;font-family: impact;} .section_three1 .right .text{color:#888888;line-height:32px;padding:20px 0;text-indent: 2em;font-size: 16px;} .section_three1 .right a{display: inline-block;color: #fff;background:#007DE1;border-radius: 50px;text-align: center;padding: 10px 45px;float: right;margin:0 5px; font-size:20px; } .section_three1 .right a:hover{background: #0186FF;} .section_three1 .right a img{display: inline-block;vertical-align: bottom;} .num_top ul{display:flex;margin: 50px auto 0;} .num_top ul li{flex:1;background: url(../images/line.png) no-repeat right center;padding-left: 5%;padding-right: 5%;} .num_top ul li:first-child{padding-left: 0;} .num_top ul li:last-child{background: none;} .num_top ul li span{color:#FFA300;font-size:72px;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-weight: 700;} .num_top ul li em{color:#FFA300;font-size: 28px;} .num_top ul li p{color:#333333;font-size:22px;} .section_five{background: url(../images/cbg.jpg) no-repeat center;background-size: cover;padding:30px 0 100px;} .section_five .pub_title h4{font-weight: 400;} .section_five .muma{position: relative;width:1400px;margin:0 auto 0;} .section_five .sc666.swiper-container {padding-bottom:50px;} .section_five .ss666.swiper-slide{background-position: center;background-size: cover;width: 670px;height: 478px;border:12px solid #fff;} .section_five .more{text-align: center;font-size:0;} .section_five .more .call, .section_five .more .but{display: inline-block;vertical-align: top;} .section_five .more .call{height:50px;text-indent:1em;line-height:50px;padding:0 40px;border-radius:100px;font-size:28px;color:#fff;font-family: impact;background:#FFA300 url(../images/d1.png) 30px center no-repeat;} .section_five .more .but{width:250px;height:50px;line-height:50px;margin-left:20px;border-radius:100px;background-color:#0186FF;text-align: center;font-size:16px;color:#fff;} .section_nine{padding: 0 0 50px;} .tabbox{width:1400px;margin:0px auto 0;} .tabbox .content{width:508px;overflow:hidden;position:relative;height:465px;} .tabbox .content ul{position:absolute;left:0;top:0;height:100%;} .tabbox .content li{width:508px;float:left;height:465px;position:relative} .tabbox .content li img{display:block;width:508px;height:465px;} .tabbox .content li .arrow{position:absolute;bottom:0;width:100%;height:70px;} .tabbox .tab{width:100%;} .tabbox .tab .item{width:30%;background-color:#eeeeee;float: left;margin-right: 3%;} .tabbox .tab .item a{display:block;} .tabbox .tab .item .img{width:100%;overflow:hidden;box-sizing: border-box;border: 1px solid #ddd;} .tabbox .tab .item .img img{display:block;width:100%;max-width:none;} .tabbox .tab .item .info{padding:30px 20px;} .tabbox .tab .item h3{font-size:16px;color:#181818;padding:0 0 10px 0;} .tabbox .tab .item p{font-size:14px;color:#222222;line-height:22px;height:44px;overflow:hidden;} .tabbox .tab .item.on{background-color:#0186FF;} .tabbox .tab .item.on h3,.tabbox .tab .item.on p{color:#fff;} .tabbox h3 strong{width:80%;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} /*===================== 首页 END =====================*/ /* ========================= 内页 START ========================= */ /* ===================== 产品列表页 ===================== */ #list{margin:30px 0;} #list .auto,#news_article,#article,.position_now .auto,#nyba .black .auto{width:1500px;margin:0 auto;} @media(max-width:1505px){ #list .auto,#news_article,#article,.position_now .auto,#nyba .black .auto{width:1200px;} } .showlist{width:100%;/* float:left; */} /*.showlist div *{width:100%;}*/ .showlist li{width:98%;margin:0 auto 20px;overflow:hidden;position:relative;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;} .showlist .wrap_box{float:left;} .showlist .button{width:60%;color:#fff;margin:0px auto;padding:0px;} #showdata{display:none;} #loaddata{text-align:center;} .showlist li .img{overflow:hidden;} .product_list_one .showlist,.product_list_two .showlist,.product_list_three .showlist{display:none;} .product_list_one #showdata,.product_list_two #showdata,.product_list_three #showdata{display:block!important;} .product_list_one .item,.product_list_two .item,.product_list_three .item{float:left;width:32.33%;margin:0 0.5% 30px;} .product_list_one .item .img,.product_list_two .item .img{position:relative;overflow:hidden;} .product_list_one .item img,.product_list_two .item img,.product_list_two .item strong,.product_list_three .item em{-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;} .product_list_one .item:hover img,.product_list_two .item:hover img{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);transform:scale(1.2,1.2);} /* 样式一 */ .product_list_one .item .info{padding:20px;background:url(../../images/arrow.png) right 57px no-repeat;} .product_list_one .item strong{display:block;width:95%;font-weight:700;font-size:18px;text-transform:uppercase;} .product_list_one .item .line2{width:100%;height:2px;transform-origin:100%;-webkit-transform-origin:100%;-webkit-transition:-webkit-transform .7s cubic-bezier(0.165,0.84,0.44,1);transition:-webkit-transform .7s cubic-bezier(0.165,0.84,0.44,1);transition:transform .7s cubic-bezier(0.165,0.84,0.44,1);transition:transform .7s cubic-bezier(0.165,0.84,0.44,1),-webkit-transform .7s cubic-bezier(0.165,0.84,0.44,1);transform:scaleX(0);-webkit-transform:scaleX(0);visibility:hidden\9;background-color:#0186FF;} .product_list_one .item p{display:none;} .product_list_one .item:hover .line2{transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);transform-origin:0;-webkit-transform-origin:0;visibility:visible\9;} .product_list_one .item:hover .info{background:url(../../images/arrow.png) right center no-repeat;} .product_list_one .item:hover strong{border-right:1px solid #f1f1f1;} /* 样式一 */ /* 样式二 */ .product_list_two .item .info{padding:0 30px 20px;background-color:#f6f7f7;} .product_list_two .item .info strong,.product_list_three .item .info strong{display:block;color:#555;font-size:18px;font-weight:100;padding-top:30px;} .product_list_two .item .line1{width:0%;height:1px;margin-top:8px;} .product_list_two .item .info p,.product_list_three .item .info p{display:none;color:#868585;font-size:14px;line-height:26px;height:52px;overflow:hidden;margin-top:8px;} .product_list_two .item .line2{display:none;} .product_list_two .item:hover{box-shadow:0px 18px 25px rgba(0,0,0,0.08);} .product_list_two .item:hover .info{background-color:#fff;} .product_list_two .item:hover strong{color:#0186FF;transform:translateY(-10px);-moz-transform:translateY(-10px);-o-transform:translateY(-10px);-ms-transform:translateY(-10px);-webkit-transform:translateY(-10px);} .product_list_two .item:hover .line1{width:100%;height:1px;background-color:#0186FF;} .product_list_two .item:hover p{transform:translateY(10px);-moz-transform:translateY(10px);-o-transform:translateY(10px);-ms-transform:translateY(10px);-webkit-transform:translateY(10px);} /* 样式二 */ /* 样式三 */ .product_list_three .item .img{border: 1px solid #eee;border-bottom: none;} .product_list_three .item .info strong{padding:0;} .product_list_three .item{padding-bottom:20px;border-radius:6px;overflow:hidden;background-color:#f9f9f9;} .product_list_three .item .info{padding:15px;} .product_list_three .item em{font-style:normal;float:right;width:10px;height:3px;background-color:#0186FF;margin:0px 15px 0 0;} .product_list_three .item:hover em{width:30px;} .product_list_three .item:hover{box-shadow:0px 18px 25px rgba(0,0,0,0.08);background-color:#fff;} /* 样式三 */ /* 产品内页图 */ .product_article .img1{display:none;} .product_article .title{overflow:hidden;padding:10px 0 0;} .product_article .title h1{text-align:center;font-size:22px;color:#333;} .product_article .title .time{display:block;height:30px;line-height:30px;text-align:center;margin:14px 0 0;font-size:14px;color:#999;} .product_article .title .time img{display:inline-block;height:18px;margin-top:-2px;margin-right:10px;} .product_article .title .share{text-align:center;height:24px;line-height:24px;margin-top:10px;} .product_article .title .share span{display:inline-block;vertical-align:top;} .product_article .title .bdsharebuttonbox{display:inline-block!important;vertical-align:top;} /* 产品内页图 */ /* ===================== 产品列表页 ===================== */ /* ===================== 产品 详情页 ===================== */ .img_big_box{width:55%;float:left;} .img_big_box .img_box{height:400px;border:1px solid #f1f1f1;border-radius:5px;position:relative;border-bottom:none;} .img_big_box .img_box img{max-width:99%;max-height:99%;border-radius:5px;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;} .img_big_box .small_box{border:1px solid #f1f1f1;border-radius:5px;text-align:center;} .img_big_box .small_box img{max-height:80px;display:inline-block;margin:10px 5px;border:1px solid #fff;} .img_big_box .small_box img.active{border-color:#0186FF;} .info_big_box{width:42%;float:right;height:502px;} .info_big_box h1{color:#444;line-height:36px;font-weight:bold;font-size:26px;margin-top:60px;} .info_big_box .info_1{margin:30px 0 0;} .info_big_box .info_1 .dh{color:#555;min-height:40px;line-height:40px;cursor:help;margin-bottom:10px;} .info_big_box .info_1 .dh img{float:left;width:30px;margin-top:5px;} .info_big_box .info_1 .dh span{float:right;width:89%;font-size:18px;color:#555;letter-spacing:0px;line-height:40px;} .info_big_box .info_1 .dh span.num{font-family:impact;font-size:26px;letter-spacing:2px;} .info_big_box .info_2{padding:10px;} .info_big_box .share{height:24px;line-height:24px;margin:20px 0;} .info_big_box .share span{font-size:16px;color:#555;} .bdshare-button-style0-24 a,.bdshare-button-style0-24 .bds_more{margin:0 6px 0 0!important;} /*.info_big_box .info_2 .ewm{margin-right:20px;} .info_big_box .info_2 img{width:130px;border:1px solid #f2f2f2;padding:2px;} .info_big_box .info_2 strong{display: block;font-size:14px;height:30px;line-height:30px;color:#333;text-align: center;} .info_big_box .info_2 .but a{margin-top:26px;width:160px;height:36px;line-height:36px;text-align: center;position: relative;z-index:1;border:1px solid #f2f2f2;color:#666;} .info_big_box .info_2 .but a.a1:hover, .info_big_box .info_2 .but a.a2:hover{color:#fff;}*/ .info_big_box .info_3 span{display:inline-block;padding:8px 0;line-height:24px;color:#555;cursor:help;font-size:12px;} .info_big_box .info_3 span img{display:inline-block;height:20px;margin-bottom:3px;margin-right:6px;} .xgcp_title{padding:10px;background-color:#fafafa;margin:30px 0 0;} .xgcp_title h3{color:#0186FF;border-left:2px solid #0186FF;padding-left:20px;height:30px;line-height:30px;font-weight:bold;font-size:20px;} .article_content{font-size:16px;line-height:26px;color:#333;padding-top:30px;} .article_box{padding-top:30px;} .article_box img,.article_content img{display:inline;} .article_box p,.article_content p{margin-bottom:14px;} .article_content table{width: 100% !important;} .article_content table tr td,.article_content table tr th { background: #fff;border: 0.5pt solid windowtext; border-top: none;line-height: 26px;} .article_content table tr td span,.article_content table tr th span{font-size: 16px !important;} .article_content table tr.firstRow td,.article_content table tr.firstRow th{ background:#0186FF !important; font-weight:bold;color: #fff;font-size: 16px;} .article_content table tr td{padding: 5px;} .article_content table tr td p{margin: 0;} #xgcp ul li{float:left;text-align:center;width:23%;margin:1%;} #xgcp ul li strong{display:block;height:36px;color:#333;font-size:16px;font-weight:100;line-height:36px;text-align:center;} #xgcp ul li:hover strong{color:#fff;} #xgcp ul li:hover .pb_bg{transform:scaleY(1);-webkit-transform:scaleY(1);transform-origin:left 0;-webkit-transform-origin:left 0;visibility:visible\9;} .pagenum{border-top:1px solid #DCDCDC;margin-top:30px;text-align:center;} .pagenum a{display:inline-block;color:#666;margin:20px 20px 0;width:120px;height:30px;line-height:30px;border:1px solid #0186FF;border-radius:60px;font-size:0px;} .pagenum span{font-size:16px;color:#0186FF;} .pagenum a:hover{background-color:#0186FF;} .pagenum a:hover span{color:#fff;} /* ===================== 产品 详情页 ===================== */ /* ===================== 内页 Banner 图 ===================== */ #nyba{height:400px;position:relative;overflow:hidden;background-color:rgba(0,0,0,0.3);background-image:url(images/neibanner.jpg);background-position:top center;background-repeat:no-repeat;background-attachment:fixed;} .fade_text{text-transform:uppercase;margin-top:8%;text-align:center;font-size:0;} .fade_text span{color:#fff;display:inline-block;} .fade_text .cn{height:95px;line-height:95px;overflow:hidden;} .fade_text .cn span{font-size:72px;} .fade_text .en{height:40px;line-height:40px;font-size:30px;overflow:hidden;} .fade_text .line{width:80px;height:3px;background-color:#fff;margin:20px auto;} .arrow_down{position:absolute;left:50%;margin-left:-4px;bottom:20px;overflow:hidden;width:8px;} .arrow_down .line{display:block;width:1px;height:40px;margin:0 3px;background:#fff;} .arrow_down .aw{display:block;width:100%;height:5px;margin-top:3px;background:url('../../images/aw.png') no-repeat;} .arrow_down .lg{-webkit-animation:long 1.5s linear alternate infinite;animation:long 1.5s linear alternate infinite;} @-webkit-keyframes long{ from{-webkit-transform:translateY(-30px);transform:translateY(-30px);} to{-webkit-transform:translateY(0);transform:translateY(0);} } @keyframes long{ from{-webkit-transform:translateY(-30px);transform:translateY(-30px);} to{-webkit-transform:translateY(0);transform:translateY(0);} } .son_list{position:absolute;height:50px;width:100%;bottom:10px;left:0;text-align:center;} .son_list a{display:inline-block;width:140px;padding:0 5px;height:50px;color:#333;background-color:#fff;font-size:16px;text-align:center;line-height:50px;position:relative;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .son_list a i{background-color:#0186FF;position:absolute;left:50%;top:50%;margin:-100px 0 0 -100px;z-index:-1;width:200px;height:200px;border-radius:50%;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);} .son_list a:hover i,.son_list a.active i{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);} .son_list a:hover,.son_list a.active{color:#fff;} /* ===================== 内页 Banner 图 ===================== */ /* ===================== 面包屑导航 ===================== */ .position_now{height:60px;line-height:60px;font-size:14px;background-color:#f1f1f1;} .position_now a{display:inline-block;color:#707070;} .position_now .fl{color:#707070;} .position_now .fl img{height:20px;margin-top:-4px;display:inline-block;margin-right:8px;} .position_now .fr{font-family:impact;color:#0186FF;font-size:22px;} .position_now .fr img{height:26px;display:inline-block;margin-right:8px;vertical-align:middle;} .position_now .fr strong{font-weight:100;} /* ===================== 面包屑导航 ===================== */ /* ===================== 新闻页面 ===================== */ /* 新闻样式 1 */ .news_one .news_box li{margin-bottom:20px;} .news_one .news_box li .img{width:26%;height:300px;overflow:hidden;float:left;border-radius:8px;position:relative;} .news_one .news_box li .img img{-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;} .news_one .news_box li .img .bg{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0);} .news_one .news_box li .img .bg i{opacity:0;position:absolute;left:50%;top:50%;margin:-15px 0 0 -50px;width:30px;height:30px;background:url(../../images/news_arrow.png) center/100% no-repeat;} .news_one .news_box li .info{width:70%;height:240px;float:right;padding-top:60px;} .news_one .news_box li .info h3{font-weight:bold;font-size:18px;color:#333;} .news_one .news_box li .info .time{color:#777;font-size:14px;padding:20px 0;} .news_one .news_box li .info .line{width:100%;height:1px;background-color:#e5e9ef;margin-bottom:20px;} .news_one .news_box li .info .line i{display:block;width:0%;height:1px;background-color:#0186FF;} .news_one .news_box li .info p{color:#999;font-size:16px;line-height:26px;height:52px;overflow:hidden;} .news_one .news_box li:hover .info{padding-top:50px;} .news_one .news_box li:hover .line i{width:100%;} .news_one .news_box li:hover h3{color:#0186FF;} .news_one .news_box li:hover .bg{background:rgba(0,0,0,0.55);} .news_one .news_box li:hover .bg i{opacity:1;margin:-15px 0 0 -15px;} .news_article_box .left_fixed{position:fixed;left:0;top:0;width:30%;height:100%;z-index:-1;} .news_article_box .left_fixed .text{padding:35% 0 0 25%;} .news_article_box .left_fixed h6{font-size:70px;color:#0186FF;opacity:0.5;font-style:italic;font-family:impact;} .news_article_box .left_fixed h5{font-size:16px;color:#333;margin-top:30px;} .news_article_box .left_fixed .return{margin-top:40px;font-size:14px;color:#666;} .news_article_box .left_fixed .return:after{content:'';} .news_article_box .right_article{float:right;width:70%;background-color:#f5f5f5;overflow:hidden;} .news_article_box .inner_content{padding:30px 50px;} .news_article_box .h1_title{padding:70px 40px;background-color:#E5E5E5;line-height:1.5;} .news_article_box .h1_title h1{font-size:28px;color:#333;margin-bottom:20px;} .news_article_box .h1_title .time img{height:20px;display:inline-block;margin:-4px 10px 0 0;} .news_article_box .h1_title .time span{color:#777;font-size:16px;} .page_list{text-align:center;} .page_list b{font-size:0;} .page_list b a,.page_list b font{display:inline-block;font-weight:100;color:#999;font-size:16px;margin-right:10px;border:1px solid #e5e9ef;width:40px;height:40px;line-height:40px;border-radius:6px;text-align:center;} .page_list b font{background-color:#0186FF;color:#fff;border-color:#0186FF;} .page_list_span1{display:none;} /* 新闻样式 1 */ /* 新闻样式 2 */ .news_two .news_box li{float:left;width:31.33%;margin:1%;overflow:hidden;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;} .news_two .news_box li a{padding:20px;background-color:#f3f3f3;position:relative;} .news_two .news_box li .time strong{font-size:50px;color:#0186FF;display:inline-block;font-family:"SimHei";position:relative;} .news_two .news_box li .time strong::after{content:'';position:absolute;left:0;top:30px;width:0px;background-color:#0186FF;height:2px;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;} .news_two .news_box li .time span{font-size:12px;color:#333;display:block;font-family:"SimHei";} .news_two .news_box li h3{color:#333;font-size:18px;line-height:26px;height:52px;overflow:hidden;margin:15px 0 10px;} .pc .news_two .news_box li:hover h3{color:#0186FF;} .news_two .news_box li p{font-size:14px;color:#666;line-height:22px;height:44px;overflow:hidden;margin-bottom:10px;} .news_two .news_box li i{position:absolute;background-color:#0186FF;} .news_two .news_box li i.i1{width:0px;height:2px;top:20px;right:20px;} .news_two .news_box li i.i2{width:2px;height:0px;top:20px;right:20px;} .pc .news_two .news_box li:hover i.i1{width:30px;} .pc .news_two .news_box li:hover i.i2{height:30px;} .pc .news_two .news_box li:hover{box-shadow:0px 18px 25px rgba(0,0,0,0.08);} .pc .news_two .news_box li:hover strong::after{width:100%;} .fixed_body{display:none;position:fixed;width:100%;height:100%;background:rgba(255,255,255,0.8);left:-30%;top:0;z-index:9999;} .fixed_body .fixed_article{display:none;position:fixed;width:1200px;height:800px;top:50%;right:20%;margin:-400px -600px 0 0;background-color:#fff;z-index:99999;box-shadow:0px 0 25px rgba(0,0,0,0.08);} .fixed_body .fixed_article .fb_close{position:absolute;right:0;top:0;width:60px;height:60px;cursor:pointer;background-color:#0186FF;} .fixed_body .fixed_article .fb_close i{display:block;margin:10px auto 0;width:40px;height:40px;background:url(../../images/jia.png) center center/80% no-repeat;} .fixed_body .fixed_article .fb_close:hover i{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);} .fixed_body .fixed_article iframe{border:none;width:100%;height:100%;display:block;} @media(max-width:1505px){ .fixed_body .fixed_article{width:1000px;margin-right:-500px;} } /* 新闻样式 2 */ /* ===================== 新闻页面 ===================== */ /* ===================== 产品页 左侧 导航 ===================== */ #list .left_side{width:280px;} #list .left_side .box_one,#list .left_side .box_two{width:260px;background-color:#005FB5;padding:10px 10px;} #list .left_side .box_one .title{text-align:center;margin-bottom:20px;} #list .left_side .box_one .title h3{color:#fff;font-weight:bold;font-size:30px;margin:20px 0 10px 0;} #list .left_side .box_one .title p{color:#fff;font-size:16px;} #list .left_side .box_one ul li{line-height:36px;background-color:#fff;margin-bottom:5px;text-align:left;} #list .left_side .box_one ul li a{position:relative;z-index:1;overflow:hidden;height:36px;} #list .left_side .box_one ul li span,#list .left_side .box_one ul li em{font-size:14px;position:absolute;display:block;width:96%;height:100%;padding-left:4%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #list .left_side .box_one ul li span{left:0;top:0;background-color:#fff;} #list .left_side .box_one ul li em{right:-100%;top:0;background-color:#0164E3;color:#fff;} #list .left_side .box_one ul li a:hover span,#list .left_side .box_one ul li a.active span{top:100%;} #list .left_side .box_one ul li a:hover em,#list .left_side .box_one ul li a.active em{right:0;} #list .left_side .box_one ul li .son_nav{border-top:1px solid #0186FF;} #list .left_side .box_one ul li .son_nav a{background:none;height:40px;line-height:40px;position:relative;} #list .left_side .box_one ul li .son_nav a::after{content:'';position:absolute;left:20px;top:20px;width:8px;height:1px;background-color:#0186FF;} #list .left_side .box_one ul li .son_nav a:hover::after,#list .left_side .box_one ul li .son_nav a.active::after{background-color:#fff;} #list .left_side .box_one ul li .son_nav span{padding-left:40px;} #list .left_side .box_two{margin-top:10px;padding:20px 10px;background: #0186FF;} #list .left_side .box_two p{font-size:16px;color:#fff;line-height:30px;} #list .left_side .box_two strong{color:#fff;font-size:30px;display:block;margin-bottom:10px;font-family:impact;font-weight:100;} #list .left_side .box_two .more{height:36px;line-height:36px;background-color:#fff;margin-top:10px;width:200px;color:#333;text-align:center;} #list .left_side .box_two .more i{background-color:#ffbc42;} #list .left_side .box_two .more:hover{color:#fff;} #list .right_side.fr{width:1200px;} @media(max-width:1505px){ #list .right_side.fr{width:900px;} } /* ===================== 产品页 左侧 导航 ===================== */ /* ===================== 全局搜索框 ===================== */ .form_box{display:none;border:1px solid #f1f1f1;border-radius:5px;margin-bottom:20px;} .form_box .sf{margin:0 auto;text-align:center;font-size:0;} .form_box .an{display:inline-block;border:1px solid #f1f1f1;background-color:#fff;color:#333;height:40px;border-radius:8px;margin:10px 5px;font-size:16px;line-height:40px;padding:0px 15px;outline:none;} .form_box .an{vertical-align:bottom;} .form_box .an:hover{border-color:#0186FF;} .form_box .inp{height:38px;vertical-align:bottom;} .form_box .submit{width:80px;cursor:pointer;} /* ===================== 全局搜索框 ===================== */ /* ===================== 在线留言 ===================== */ .form_box_box{width:1200px;margin:40px auto;padding:60px 0;box-shadow:0px 20px 80px rgba(76,76,76,0.1);} ul.fs{width:1000px;margin:0 auto;} ul.fs input,ul.fs textarea{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-transition:0.8s;-o-transition:0.8s;-ms-transition:0.8s;-moz-transition:0.8s;transition:0.8s;} ul.fs .box1 li{float:left;width:320px;margin-right:20px;} ul.fs .box1 li:nth-of-type(3){margin:0;} ul.fs .box1 li input{border:1px solid #e1e7ee;width:100%;height:50px;padding:10px;color:#999;} ul.fs li input:hover{border-color:#0186FF;} ul.fs .box1 li input::-webkit-input-placeholder,ul.fs li.textarea textarea::-webkit-input-placeholder,ul.fs li.yzm input::-webkit-input-placeholder{color:#999;} ul.fs .box1 li input:-moz-placeholder,ul.fs li.textarea textarea:-moz-placeholder,ul.fs li.yzm input:-moz-placeholder{color:#999;} ul.fs .box1 li input:-ms-input-placeholder,ul.fs li.textarea textarea:-ms-input-placeholder,ul.fs li.yzm input:-ms-input-placeholder{color:#999;} ul.fs li.textarea textarea{width:100%;height:150px;border:1px solid #e1e7ee;padding:10px;margin:20px 0;color:#999;} ul.fs li.textarea textarea:hover{border-color:#0186FF;} ul.fs li.radio{text-align:center;} ul.fs li.radio label{margin:0 10px;} ul.fs li.yzm{text-align:center;margin:20px 0;} ul.fs li.yzm img{display:inline-block;height:20px;} ul.fs li.yzm input{border-bottom:1px solid #e1e7ee;width:200px;height:50px;padding:10px;color:#999;} ul.fs li.yzm input:hover{border-color:#0186FF;} ul.fs li.submit input{height:50px;margin:0 auto;display:block;cursor:pointer;width:200px;border-radius:50px;background-color:#0186FF;font-size:16px;color:#fff;} /* ===================== 在线留言 ===================== */ /* ===================== 联系我们 地图 ===================== */ #allmap{height:500px;} #allmap img{max-width:none!important;} /* ===================== 联系我们 地图 ===================== */ /* ===================== 回到顶部 ===================== */ .go_top{display:none;background:url(../../m/images/top.png) center center/50% no-repeat;width:40px;height:40px;cursor:pointer;text-align:center;background-color:#0186FF;border-radius:50%;position:fixed;right:6px;bottom:100px;z-index:99999999999;} /* ===================== 回到顶部 ===================== */ .firstRow img{display:inline-block;} /* ================================ 内页 END ================================ */ /*===================== 响应式代码 START =====================*/ .header .menu_box{display:none;} .header .menu_box{float:right;width:24px;height:54px;} .header .nav_button{position:absolute;right:15px;top:26px;vertical-align:middle;width:24px;height:2px;cursor:pointer;background-color:#fff;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;} .header .nav_button::after,.header .nav_button::before{content:'';width:24px;height:2px;position:absolute;z-index:99999999;right:0;background-color:#fff;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;} .header .nav_button::after{top:9px;} .header .nav_button::before{top:-9px;} .header .menu_box.on .nav_button{width:0;} .header .menu_box.on .nav_button::before{-webkit-transform:translateY(9px) rotate(45deg);-ms-transform:translateY(9px) rotate(45deg);transform:translateY(9px) rotate(45deg);} .header .menu_box.on .nav_button::after{-webkit-transform:translateY(-9px) rotate(-45deg);-ms-transform:translateY(-9px) rotate(-45deg);transform:translateY(-9px) rotate(-45deg);} #close{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:999;} .wap_son{display:none;padding:0 13px;margin-bottom:20px;} .wap_son a{width:48%;height:40px;line-height:40px;font-size:16px;color:#fff;text-align:center;margin:1%;float:left;background-color:#0164E3;} .pc .fixed_footer{display:none;} .mobile .fixed_footer{display:none;background-color:rgba(255,163,0,0.95);height:50px;position:fixed;bottom:0px;left:50%;margin-left:-46%;z-index:999;width:92%;border-radius:10px;} @media (min-width:640px){ .mobile .fixed_footer{width:640px!important;left:50%;margin-left:-320px;} } .mobile .fixed_footer a{float:left;width:33.33%;text-align:center;} .mobile .fixed_footer img{display:inline-block;height:24px;margin:5px 0 0;} .mobile .fixed_footer strong{color:#fff;font-size:12px;display:block;height:20px;line-height:20px;} .wap_show{display:none;} @media(max-width:1610px){ } @media(max-width:1550px){ .section_five .muma,.tabbox{width: 1300px;} .sycp .sycp_l .pro_bar a{font-size: 16px;line-height: 49px;} .num_top ul li span{font-size: 52px;} .section_three1 .right h3{font-size: 30px;} .section_three1 .right .text p:nth-child(2){display: none;} .header .call h3{font-size:28px;} .inner,.footer .inner{width:1200px;} .section_eight .more{margin-top:40px;} .footer .logo{width:300px;} .footer .one{width:400px;} .footer .two{width:300px;} .footer .one a{font-size:14px;} .footer .ewm{width:110px;} .footer .ewm p{font-size:14px;} .header .logo img{height: 45px;} } @media(max-width:1400px){ .header .call h3{font-size:26px;} .section_five .muma,.tabbox{width: 1200px;} } @media(max-width:1200px){ .f_14{ font-size:14px; } .f_16{ font-size:14px; } .f_18{ font-size:14px; } .f_20,.section_three1 .right a{ font-size:16px; } .f_24{ font-size:20px; } .f_28{ font-size:24px; } .f_30,.section_three1 .right h3{ font-size:24px; } .f_38,.sycp .pub_title h4{ font-size:30px; } .f_48{ font-size:28px !important; } .f_58{ font-size:30px !important; } .wap_show{display:block;} .pc_show{display:none;} html,body{max-width:750px;margin:0 auto!important;} .header .nav ul li em,.header .nav ul li i,.product_list_two .item .info p,.product_list_three .item .info p,.header .call,.banner .swiper-button-next,.banner .swiper-button-prev,.news_two .news_box li p,.position_now .fr,.arrow_down,#list .left_side,.news_one .news_box li .img .bg,.news_article_box .left_fixed,.img_big_box,#none,#footer .f1,#footer .two,.gg1,#home-lc,.hf p,.section_three1 .left,.hf p.f_48,.protit, .sycp .sycp_l,.jgzx .pub_title b,.hot-pro-tit p,.hf,.bg1,.sycp{display:none;} .mt-30{margin: 0;} .header .menu_box,.mobile .fixed_footer,.wap_son{display:block;} #list .auto,#news_article,#article,.position_now .auto,#nyba .black .auto,.sygg,.content,#footer .f2,#footer .footer_con,.inner1,.gg .inner1 .gtel,.section_six .auto,#w-1300-1{width:auto;padding:0 15px;} .header{height:54px;background: #0186FF;} .header .inner{padding:0 15px;width:auto;height:54px;} .header .logo img,.header.bg .logo img{height:38px;margin:5px 0 0 0;} .header .nav{position:fixed;width:280px;height:auto;overflow:auto;padding:20px 0;top:50%;left:50%;margin:-200px 0 0 -140px;z-index:9999999999;background-color:#fff;box-shadow:0 0 10px #f1f1f1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);} .header .nav ul li{display:block;float:none;width:90%;margin:0 auto;height:40px !important;line-height:40px !important;border-bottom:1px solid #f9f9f9;} .header .nav ul li span,.header .nav ul li a{color:#333!important;} .header .nav ul li a:hover span,.header .nav ul li a.active span{line-height:40px;} .header .nav ul li:last-child{border:none;} .product_son{display:none!important;} .copyright{height:auto;line-height:40px;} #footer .f2{margin:0;float:none;} footer .f4{width: 100%;float:none;text-align: center;margin-top: 15px;} .position_now .fl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;} .sygg{background: #0165E1;} .hf{margin-top: 30px;padding: 30px 0;height: auto;} .hf h3{padding: 0 10px;} #allmap{height:300px;} #nyba{height:200px;} .fade_text{margin-top:80px;} .fade_text .cn{line-height:40px;height:40px;} .fade_text .cn span{font-size:30px;} .fade_text .en{font-size:16px;} .fade_text .line{margin:10px auto;} .form_box_box,ul.fs{width:100%;} .form_box_box{margin:0;padding:20px 0;box-shadow:none;} ul.fs .box1 li{float:none;width:100%;margin-bottom:20px;} .product_list_one .item,.product_list_two .item,.product_list_three .item{width:49%;margin:0.5%;} .product_list_one .item .info{padding:10px 0 ;} .product_list_two .item .info{min-height:70px;} #list .right_side{float:none!important;width:100%!important;} .news_one .news_box li .img,.news_one .news_box li .info{float:none!important;width:100%;} .news_one .news_box li .img{height:200px;} .news_one .news_box li .info{padding-top:20px;height:auto;} .news_one .news_box li .info .time{padding:6px 0;} .news_one .news_box li .info .line{margin-bottom:6px;} .news_one .news_box li:hover .info{padding-top:20px;} .son_list{height:40px;} .son_list a{height:40px;line-height:40px;width:100px;font-size:14px;padding:0;} .news_article_box .right_article{width:100%;float:none;background-color:#fff;margin-top:54px;} .news_article_box .h1_title h1{font-size:24px;font-weight:400;} .news_article_box .inner_content,.news_article_box .h1_title{padding:20px;} .news_two .news_box li{width:49%;margin:0.5%;} .news_two .news_box li a{padding:8px;} .news_two .news_box li .time strong{font-size:30px;} .fixed_body .fixed_article{width:90%;height:500px;margin:-250px -45% 0 0;} .fixed_body .fixed_article .fb_close{top:auto;bottom:0;width:50px;height:50px;} .fixed_body .fixed_article .fb_close i{margin-top:5px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);} .info_big_box{width:100%;height:auto;} .info_big_box h1{margin-top:0;font-size:20px;} .info_big_box .info_1{margin-top:10px;} .info_big_box .share{margin:0 0 10px 0;} .footer .logo,.footer .one,.footer .ewm,.tabbox .tab .item .info h3 span,.tabbox .content,.section_seven .item_box .arrow,.section_six .more .call,#top_scroll ul li span,.info_big_box .info_1 .dh:nth-of-type(2),.info_big_box .info_1 .dh:nth-of-type(3),.info_big_box .info_3,.section_two .more div.fl,.sygg .fl p,.section_six .auto .fr,.gg .inner1 .gtxt h5,.gg .inner1 .gtel em,.atel ul li img,.ab_t::after,.pub_title p{display:none!important;} .xgcp_title{margin-top:10px;} .pub_title h4{font-size:24px;padding-top:30px;} .pub_title h4 img{width: 50px;margin: 0;} .pub_title p{font-size:16px;margin-bottom:20px;} .factory_box .pub_title,.section_seven .pub_title,.section_nine .pub_title{padding:20px 0;} .inner,.footer .inner,.tabbox,.footer .two{width:auto;padding:0 15px;} .section_four,.section_six,.section_eight,.section_nine{height:auto;padding-bottom:30px;} .dingzhi-w li:nth-child(2n){float: left;margin-right: 0px;} .dingzhi-w li:nth-child(4n){float: left;margin-right: 0px;} .dingzhi-w li{width: 49.5%;height: 265px;} .dingzhi-w .nra{padding-top: 20px;} .dingzhi-w .nra img{width: 50%;} .dingzhi-w .nra h3{font-size: 30px; margin: 10px 10px;} .dingzhi-w .nra p{font-size: 15px;} .hot-pro-tit{padding-top: 20px;} .hot-pro-tit h2 font{font-size: 24px;} .hot-pro-tit p{font-size: 14px;} .hot-pro-tit span{font-size: 10px;} .hot-pro-tit{padding-top: 20px; } .part-w{padding: 15px;} .wenti-w{height: auto; background-color: #2461a4;} .wenti-tit .tit-a .zia{font-size: 50px;} .wenti-tit .linea{height: 45px; margin-bottom: 0px;} .wenti-tit .tit-a .tita-r{width: 90%;margin:0 auto;} .wenti-tit .tit-a .tita-r .zib{font-size: 26px;} .wenti-tit .zic{font-size: 20px; margin-top: 20px;letter-spacing: 1px;} .wenti-padding{padding:15px;} .weinti-list{height: auto; padding:12px 10%;margin-bottom: 15px;} .weinti-list p{font-size: 20px;} .weinti-list span{font-size: 16px;letter-spacing:0;} .wenti-kf .renwu img{width: 80%;} .wenti-kf .dianhua .phonea p{display: block; width: 100%;overflow: hidden; height: 150px;} .wenti-kf .dianhua{height: 80px;} .wenti-kf .dianhua .phonea p{font-size: 18px; height: auto; text-align: center;} .wenti-kf .dianhua .phonea p font{font-size: 17px;} .section_three1{height: auto;padding: 0;} .section_three1 .inner{margin-top: 20px;width: 100%;box-sizing: border-box;padding: 0 15px 20px;} .section_three1 .right>p{font-size: 30px;} .section_three1 .right .text{ -webkit-line-clamp: 8;} .section_three1 .left,.section_three1 .right{width: 100%;margin: 0} .section_three1 .right img{height: 50px;} .section_three1 .right h1,.section_three1 .right .item h3{font-size: 24px;} .num_top ul{display: block;width: 100%;margin:0;} .num_top ul li{width: 33%;float: left;background: none;padding-left: 0;} .num_top ul li span{font-size: 28px;} .num_top ul li p{font-size: 14px;} .jgzx{height: auto;padding-bottom: 30px;} .jgzx .fl{width: 100%;} .jgzx .pub_title{text-align: center;} .section_five .more .call,.section_five .more .but{width: 45%;padding: 0;font-size: 20px;background-image: none;text-indent: 0;} .section_two .more{width:100%;background-color:#fff;margin:20px 0;} .section_two .more a.fl{margin:0 auto;float:none;} #top_scroll{display:none;} .section_two .wap_show ul li{float:left;width:48%;margin:1%;} .section_two .wap_show ul li h3{font-size:16px;color:#333;margin-top:10px;text-align:center;} .section_five{height: auto;background-size: cover;padding-bottom: 0;} .section_five .sc666.swiper-container {padding-bottom: 20px;} .section_five .muma{width:auto;} .section_five .ss666.swiper-slide{width:260px;height:200px;border:4px solid #fff;} .section_eight .title strong{font-size:24px;} .section_eight .title p{font-size:14px;} .section_eight ul li{width:48%;} .section_eight ul li strong{height:30px;line-height:30px;} .section_eight .more{width:70%;} .tabbox .tab,.tabbox .tab .item{width:100%;} .tabbox .tab .item{height: auto;} .tabbox .tab .item .img{width:100%;height: auto;float: none;} .tabbox .tab .item .img img{width:100%;height: auto;} .tabbox .tab .item .info{width:100%;box-sizing:border-box;padding:5px;float: none;} .footer .two{border:none;} .banner{margin-top:54px!important;height: auto !important;} .index_box{margin:0;} .atel{width: 100%;padding: 0 15px;box-sizing: border-box;} .atel ul li{width: 100%;margin: 10px 0 0 0 !important;height: auto;padding: 10px;border-radius: 30px;animation:none !important;} .atel ul li:first-child{margin: 0 !important;} .ab dd{width: 100%;padding:15px;background: rgba(255,163,0,0.95)} .ab dd p{font-size: 14px;line-height: 24px;} .ab_t a{font-size: 30px;} .ab .atxt a{float: none;margin: 10px auto 0;} .atxt{margin-top: 10px;} } /*===================== 响应式代码 END =====================*/