/*===================== 重置样式 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,.header .nav ul li,.header .call,.header .logo img{-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;} .wot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .upp{text-transform:uppercase;} .middle_box{display:table;width:100%;height:100%;} .juzhong{ width: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; width:100%;} 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:#e05a12;} textarea{resize:none;overflow:auto;} input{padding-top:0;padding-bottom:0;} select,input{vertical-align:middle;} .w1400{ width:1400px; margin:auto;} select,input,textarea{font-size:14px;margin:0;} .clear{zoom:1; clear:both;} .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:\5FAE\8F6F\96C5\9ED1,"Microsoft YaHei";font-size:16px;color:#333;background-color:#fff;word-break:break-all;word-wrap:break-word;text-align:justify;} .error3{display:none!important;} html,body{max-width:1920px;margin:0 auto;} .clearfix{ clear:both;} .baizi a:link { color:#ffffff; text-decoration: none; } .baizi a:visited { color:#ffffff; text-decoration: none; } .baizi a:hover { color:#ffe400; text-decoration: none; } /*===================== 重置样式 END =====================*/ /*===================== 公用样式 START =====================*/ /*头部*/ .header{height:120px;position: absolute;top:0;left:0; width:100%;z-index:10;transition: .5s; background-color:rgba(255,255,255,10);} .header .inner{height:130px;position:relative;width:96%;margin:0 auto;} .header .logo{float:left;} .top1{ float:left; width:20%;} .top1{ height:84px; margin-top:19px;} .top3{ width:96px; height:92px;} .top2 h1{ font-size:40px; color:#fff; font-weight:600; line-height:1.2; margin-top:13px;} .top2 p{ font-size:17px; color:#fff; text-transform:uppercase; font-family: Arial, Helvetica, sans-serif;line-height:1.8; font-weight:lighter} .header .logo img{} .header .nav{width:55%; float:left; position:relative; right:-4%;} .header .nav ul{text-align:center;font-size:0;} .header .nav ul li{display:inline-block;width:12.5%;text-align:center;} .header .nav ul li a{color:#222222;font-size:18px;height:120px;line-height:120px; display: block;} .header .nav ul li a:hover{background-color:#cf1101; color:#FFFFFF;} .header .call{ float:right;height:70px;background:url(../images/call.png) 0 center no-repeat;padding-left:65px;line-height:70px; margin-top:25px;} .header .call p{font-size:18px;color:#222222; line-height:1.2; font-weight:normal; margin-top:5px;} .header .call h3{font-size:37px;color:#e50304;font-family:impact; line-height:1.2; } @media(max-width:1645px){ .top2 h1{ font-size:39px; color:#fff; margin-left:10px; font-weight:600; line-height:1.2; margin-top:10px;} .top2 p{ font-size:18px; color:#fff; margin-left:10px; text-transform:uppercase; font-family: Arial, Helvetica, sans-serif;line-height:1.8;} .header .call h3{font-size:35px;color:#ffae20;font-family:impact; line-height:1.2; } } @media(max-width:1585px){ .top1{ margin-top:22px;} .top3{ width:80px; height:auto; padding-top:6px;} .top2 h1{ font-size:35px; color:#fff; font-weight:600; line-height:1.2; margin-top:10px;} .top2 p{ font-size:18px; color:#fff; text-transform:uppercase; font-family: Arial, Helvetica, sans-serif;line-height:1.8;} .header .call h3{font-size:32px;color:#e50304;font-family:impact; line-height:1.2; } } @media(max-width:1500px){ .top1{ margin-top:22px;} .top3{ width:70px; height:auto} .top2 h1{ font-size:32px; color:#fff; font-weight:600; line-height:1.2; margin-top:10px;} .top2 p{ font-size:17px; color:#fff; text-transform:uppercase; font-family: Arial, Helvetica, sans-serif;line-height:1.8;} .header .call h3{font-size:30px;color:#e50304;font-family:impact; line-height:1.2; } } #overlay{position:absolute;top:0;right:0;left:0;bottom:0;background:url(vdian.png);opacity:0.7;filter:alpha(opacity=70); /* 针对 IE8 以及更早的版本 */} .head{z-index:10000;margin:0 auto;width:100%;position:relative;top:0px;left:0px;} .section_one .bannerbg {width:100%;height:100%;display:block;position:absolute;z-index:2;background:url(../images/banner_bg.png) repeat center;} .section_one{overflow: hidden;} .section_one .vidbacking-active-body-back{position:relative;z-index:1;width:120%;height:120%;top:0%;left:-10%;overflow:hidden;opacity:1;transition:2s opacity;} .section_one .vidbacking-active-block-back{position:absolute;min-width:100%;min-height:100%;height:auto;width:auto;z-index:4;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);} .section_one .vidbacking{display:none;} #container{overflow:hidden;position:relative;top:0;left:0;right:0;bottom:0;} .topbg{position:absolute;width:100%;height:100%;display:block;z-index:8;} #background_video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover;height:100%!important;width:100%!important;} #video_cover{width:100%;height:100%; background:url(../../images/video_cover.jpg);background-size:cover;background-position:center;} /* 导航和底部 */ /* .header.bg .logo img{height:86px;} */ .header .product_son{display:none;position:absolute;left:0;top:160px;text-align:center;width:100%;padding:20px;height:auto;background-color:rgba(0,0,0,0.5);z-index:999;} .header .product_son .auto{width:100%;margin:0 auto;} .header .product_son .item{display:inline-block;width:11%;margin:1%;} .header .product_son .item p{font-size:16px;color:#fff;height:40px;line-height:40px;} .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;} .banner .swiper-button-next,.banner .swiper-button-prev{width:59px;height:59px;} .swiper-pagination-bullet-active{background-color:#e05a12!important;border-color:#e05a12!important;} .pub_button{position:relative;z-index:1;} .pub_button .pb_bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#cf1101;-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{padding:40px 0;overflow:hidden;background-color:#1baf45;} .footer .auto{width:90%;margin:0 auto;} .footer .a_list{width:560px;padding-top:50px;margin-left:100px;margin-right:100px;} .footer .a_list a{float:left;font-size:18px;color:#fff;width:33.33%;margin-bottom:16px;} .footer .a_list a:hover{color:#e05a12;} .footer .contac h2{color:#fff;font-weight:bold;font-size:20px;margin:10px 0;} .footer .text{font-size:16px;line-height:26px;color:#fff;} .footer .ewm{width:146px;text-align:center;} .footer .ewm img{margin:0 auto;} .footer .ewm p{font-size:14px;color:#fff;margin-top:10px;} .copyright{height:106px;line-height:106px;color:#fff;background-color:#767676;font-size:17px;text-align:center;border-top:1px solid rgba(255,255,255,0.5);} .copyright img{display:inline-block;margin:0 10px 4px;} .copyright a{display:inline-block;margin:0 10px;color:#fff;} #bg{display:none;position:fixed;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,0.65);z-index:99999999;} #bg .alert_video{width:900px;height:517px;position:absolute;left:50%;top:50%;margin:-250px 0 0 -450px;} #bg .alert_video video{width:100%;height:100%;display:block;} #bg .close{cursor:pointer;width:38px;height:38px;background:url(../images/close.png) center/100% no-repeat;position:absolute;right:-48px;top:10px;} #bg .close:hover{transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);} /*===================== 公用样式 END =====================*/ /*===================== 首页 START =====================*/ .oh{overflow:hidden;} .firstRow img {display: inline-block; margin: auto;} @media (max-width:1601px){ .f_48{font-size: 38px !important;} .f_48{font-size: 18px !important;} } @media (max-width:1210px){ .f_48{font-size: 24px !important;} .f_48{font-size: 18px !important;} } .section_one{overflow: hidden;} .f_48{ font-size:48px; } .f_18{ font-size:18px; } /*产品展示*/ .mtcp{width:100%; margin:30px auto} .mtcp h3{ font-size:42px; color:#2f2f2f; text-align:center; font-weight:700} .mtcp p{ font-size:21px; color:#4e4e4e; text-align:center; line-height:2; font-weight:lighter} .mtcp1{ width:1400px; margin:auto} .mtcp1_1{ width:673px; float:left; margin:0 10px;} .mtcp1_1 img{float:left;} .mtcp1_11_1{ width:100%; font-size:24px; color:#373737; line-height:4; font-weight:700; text-indent:7px} .mtcp1_11{ float:left; width:374px; height:350px; background-color:#f5f5f5; padding:20px 10px;} .lbb{ text-align:center; margin:auto } .lbb a{ display: inline-block; font-size:19px; color:#373737; line-height:33px; width:171px; text-align:center; font-weight:normal; margin:7px; box-sizing: border-box; border-radius:30px; border:1px #999999 solid; float:left } .lbb a:hover{ background-color:#0d5bc5; color:#ffffff; transition:all .5s ease; } .lbb a h3{ font-size:19px; color:#373737;)} .lbb a:hover h3{ color: #fff; } .mtcp1_2{ width:673px; float:left; margin:0 10px;} .mtcp1_2 img{float:left;} .mtcp1_21{ float:left; width:314px; height:303px; background-color:#f5f5f5; padding:20px 20px;} .mtcp2{ width:1400px; margin:20px auto} .mtcp2 ul li{ width:266px; height:74px; float:left; margin:0 10px; background-color:#ebebeb;} .mtcp2 ul li a{ font-size:19px; color:#414040; text-align:center; line-height:74px;} .mtcp2 ul li:hover a{ font-size:19px; background-color:#0d5bc5; color:#FFFFFF; font-weight:700} .mtcp2 ul li:first-child{ width:266px; height:74px; float:left; margin:0 10px; background-color:#0d5bc5;} .mtcp2 ul li:first-child a{ font-size:22px; color:#fff; text-align:center; line-height:74px; font-weight:700} /* 产品分类 */ .sycp { margin-top:60px; overflow: hidden;} .rtCont { position: relative; } .rtCont ul { margin: 10px auto; overflow: hidden; } .rtCont li { float: left; text-align: center; margin-right: 10px; margin-left: 10px; } .rtCont li a { display: block; position: relative; transition: all .2s ease; } .rtCont li a img { display: block; font-size: 0px; width: 249px; height: 249px; transition: all .2s ease; border-radius: 50%; border:5px #FFFFFF solid; -webkit-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1); margin-bottom: 10px; } .rtCont li a p { font-size: 22px; text-align: center; height: 44px; line-height: 44px; display: block; margin-top:20px; color: #fff; border-radius:2em; transition: all .3s;} .mtcp3{ width:100%; margin:40px auto} .mtcp3 h3{ font-size:44px; color:#242424; text-align:center; font-weight:700} .mtcp3 h3 span{ font-size:44px; color:#0d5bc5; text-align:center; font-weight:700} .mtcp3 p{ font-size:21px; color:#535353; text-align:center; line-height:45px} /*优势*/ .mtys{width:100%; background:url(../images/mt_04.jpg) center no-repeat; height:704px; margin-top:40px} .mtys1{ width:100%; padding:65px 0 30px 0} .mtys1 h3{ font-size:50px; color:#FFFFFF; text-align:center; font-weight:700;} .mtys1 h3 span{ font-size:50px; color:#ffba00; text-align:center; font-weight:700;} .mtys1 p{ font-size:20px; color:#f8f8f8; text-align:center; line-height:3} .mtys2{ width:1400px; margin:auto} .mtys2_1{ width:386px; float:left; margin-top:20px} .mtys2_1 ul li{ width:386px; height:87px; background-color:#b8041c; margin:55px 0; border-radius:50px} .mtys2_1 ul li img{ width:47px; height:47px; padding-top:20px; margin-left:30px; float:left} .mtys2_1 ul li h3{ margin-left:15px; font-size:30px; color:#FFFFFF; font-weight:700; line-height:87px} .mtys2_2{ width:546px; height:546px; float:left; margin-left:25px; position: relative; z-index:9999 } .mtys2_2 img{ border:10px #FFFFFF solid; border-radius:50%; animation: sss 2s infinite alternate linear;} @keyframes sss { 0%{ transform: translateY(0); } 100%{ transform: translateY(-30px); } } @keyframes sss1 { 0%{ transform: translateY(0); } 100%{ transform: translateY(-5px); } } @keyframes sss2 { 0%{ transform: translateY(-5px); } 100%{ transform: translateY(0); } } .mtys2_3{ width:386px; float: right} .mtys2_3 ul li{ width:386px; height:87px; background-color:#b8041c; margin:55px 0; border-radius:50px} .mtys2_3 ul li img{ width:47px; height:47px; padding-top:20px; margin-left:30px; float:left} .mtys2_3 ul li h3{ margin-left:15px; font-size:30px; color:#FFFFFF; font-weight:700; line-height:87px} /*简介*/ .mtjj{width:100%; background:url(../images/mt_06.jpg) center no-repeat; height:882px; } .mtjj_1{ width:1560px; margin:auto; padding-top:180px} .mtjj1{ width:820px; float:left} .mtjj1_1{ width:100%} .mtjj1_1 p{ font-size:80px; text-transform:uppercase; font-family:Impact; background-image: linear-gradient(to right bottom, #0046a3 , #006db9, #00b5e3); -webkit-background-clip: text;/*按字体裁剪*/ -webkit-text-fill-color: transparent;/*设置字体透明*/ } .mtjj1_1 h3{ font-size:35px; color:#333334; font-weight:700; line-height:2; padding-bottom:20px} .mtjj1_2{ font-size:19px; color:#4e4f50; line-height:45px} .mtjj1_3{ width:422px; height:52px; margin-top:40px; background-color:#d30f11; border-radius:30px} .mtjj1_3 a{ width:160px; height:46px; margin-top:3px!important; margin-left:2px; background-color:#fff; border-radius:30px; font-size:19px; text-align:center; line-height:46px; float:left} .mtjj1_3 img{float:left; width:8%; margin-left:10px; padding-top:8px} .mtjj1_3 p{float:left; margin-left:10px; font-size:30px; font-family:impact; line-height:52px; color:#FFFFFF} .mtjj2{ width:658px; float: right; padding-top:15px} .mtsz{ width:100%; margin:auto; background-color:#0d5bc5; padding:50px 0} .mtsz1{ width:1400px; height:110px; margin:auto} .mtsz1_1{ width:960px; float:left} /*数字变化*/ .about_type{ height:110px; } .about_type ul{width:100%;margin:0 auto;} .about_type h2{font-size:21px;color:#fff;margin-top:0; font-weight:normal; margin-left:28%; } .about_type em{font-size:60px;color:#f9f000;font-family: Arial, Helvetica, sans-serif; font-weight:600;text-align:center; font-style:normal; } .about_type li{width:31%;display:inline-block;margin-bottom:15px;box-sizing:border-box; } .about_type li p{color:#fff; font-size:20px; margin-left:28%; line-height:1.5; } .about_type li:first-child{ border-left:0px #fff solid; } .mtsz1_2{ width:330px; float:right; border-right:9px #FFFFFF solid; height:110px; padding-right:20px} .mtsz1_2 h3{ font-size:36px; color:#FFFFFF; text-align:right; font-weight:700; padding-top:10px} .mtsz1_2 p{ font-size:24px; color:#FFFFFF; text-align:right; padding-top:5px; font-weight:lighter} /*发货*/ #demoy{ overflow:hidden;height:380px;width:94%; margin:auto; color:#336699; } #demoy1 ul,#demo2 ul{ display:block;width:6285px; overflow:hidden} #demoy1 ul li{width:399px; height:380px;margin:8px 10px; float:left} #demoy1 ul li a h3,#demo2 ul li a h3{width:399px;height:299px ; overflow:hidden;} #demoy1 ul li a h3 img,#demo2 ul li a h3 img{width:399px;transition:all .5s ease; height:299px;} #demoy1 ul li a h3:hover img,#demo2 ul li a h3:hover img{transform: scaleX(1.1) scaleY(1.1);} #demoy1 ul li a ol,#demo2 ul li a ol{ text-align:center; height:65px; line-height:65px;transition:all .5s ease; background: rgba(45,45,45,0.7); position:relative; top:-65px; color: #ffffff; font-size:19px;} #demoy1 ul li a:hover ol,#demo2 ul li a:hover ol{ } #demoy2 ul li{width:399px;height:380px;margin:8px 10px;} /* 产品展示 */ #top_scroll{height:858px;overflow:hidden;max-width:94%;margin:30px auto; } #top_scroll ul li{float:left;width:24%;margin:0.5%;} #top_scroll ul li .img,#scroll_one ul li .img{overflow:hidden;} #top_scroll ul li img,#scroll_one 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 img,#scroll_one ul li: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);} #top_scroll ul li h3{color:#000!important;font-size:18px;padding:10px;} #top_scroll ul li .call{height:20px;line-height:20px;color:#6a6a6a;padding:0 10px 10px;border-bottom:1px solid #ddd;} #top_scroll ul li .call i{display:inline-block;vertical-align:top;width:20px;height:20px;margin-right:10px;background:url(../images/t1.png) center/100% no-repeat;} /* 内页简介 */ .cpzd{ margin:0 auto; text-align:center; margin-bottom:30px; } .cpzd a{display:block; font-size:16px; color:#ffffff; background-color:#e05a12; line-height:2.7; width: auto; padding:0px 40px; overflow:hidden; display:inline; text-align:center; font-weight:normal; display:inline-block; margin:2px 5px; } .cpzd a:hover{ color:#FFFFFF; background-color:#e68508; } .cpzd a:nth-child(1){background-color:#e68508; } /* 基地 */ .hbjd{ width:100%; } .al{width:100%;margin:180px auto 0; } .muma{position:relative;width:100%;margin:auto;} .sc666{padding:20px 0;} .ss666.swiper-slide{background-position:center;background-size:cover;width:600px;height:450px;border-radius:8px;border:5px solid #fff;} .ss666.swiper-slide a{ display:block;} /*新闻*/ .xwbt{ margin-top:40px;} .xwbt p{font-size:40px;color:#242424; text-transform:uppercase; line-height:2; font-weight:600; text-align:center;} .xwbt span{font-size:22px;color:#4c4c4c; text-transform:uppercase; line-height:1.6; display:block; text-align:center;} .xw{ background-color:#e05a12; padding:100px 0px; } .xwz{ width:94%; margin:auto; margin-top:40px;} .xwzz{ width:66%; } .xwyy{ width:34%;} .xinwen_news_you{width:100%; margin:auto; } .xinwen_news_you li{ width:44%; display:inline-block; overflow:hidden; float:left; margin-right:2%; background-color:#ececec; padding:1.8%; border-radius:10px;} .xinwen_news_you li{ line-height:28px;} .xinwen_news_you li:hover{ } .xinwen_news_you img{ width:100%; margin:auto; margin-bottom:30px; border-radius:10px;} .xinwen_news_you h4 a{ color:#121212; font-size:19px; line-height:2; font-weight:normal; } .xinwen_news_you em{ font-size:16px; line-height:2.1; display:block; overflow:hidden; color:#6b6b6b; font-style:normal; height: 70px; margin-top:10px; } .xinwen_news_you span{ font-size:18px; line-height:2.2; display:block; overflow:hidden; color:#535353; font-family:Arial, Helvetica, sans-serif; margin-bottom:20px; } .xinwen_news_you span h5{ font-size:53px; line-height:1.2; color:#116295; font-weight:600; float:left;font-family:Arial, Helvetica, sans-serif; } .xwyy1{width:100%; margin:auto; } .xwyy1 li{ width:90%; display:inline-block; overflow:hidden; background-color:#f1f1f1; padding:5%; border-radius:10px; } .xwyy1 li{ line-height:28px; margin-bottom:20px;} .xwyy1 li:hover{ } .xwyy1 img{ margin:auto; margin-top:24px; margin-bottom:30px;} .xwyy1 h4 a{ color:#464646; font-size:19px; line-height:2; font-weight:normal; } .xwyy1 h4 { } .xwyy1 em{ font-size:16px; line-height:1.9; display:block; height:38px; overflow:hidden; color:#6b6b6b; font-style:normal; margin-top:7px; } .xwyy1 span{ font-size:18px; line-height:2.2; display:block; overflow:hidden; color:#535353; font-family:Arial, Helvetica, sans-serif; margin-bottom:9px; } .xwyy1 span h5{ font-size:53px; line-height:1.2; color:#116295; font-weight:600; float:left;font-family:Arial, Helvetica, sans-serif; } /*底部*/ .footr1{ width:100%; background:url(../images/mt_08.jpg) center no-repeat; height:280px; margin-top:30px} .footr1_1{ width:1400px; margin:auto} .footr1_11{ width:640px; float:left; padding-top:100px} .footr1_11 h3{ font-size:30px; color:#FFFFFF; font-weight:700; padding-bottom:15px} .footr1_11 p{ font-size:24px; color:#FFFFFF; line-height:1.5; font-weight:lighter} .footr1_12{ width:450px; float: right; margin-right:50px; padding-top:90px} .footr1_12 img{ width:41px; height:42px; float:left} .footr1_12 p{ font-size:24px; padding-left:50px; color:#FFFFFF} .footr1_12 h3{ font-size:49px; padding-left:50px; color:#FFFFFF; font-family:impact; padding-top:6px} .footr{width:100%; background:url(../images/mt_09.jpg) center no-repeat; height:630px;} .foot-bg1{ width:98%; height:360px; margin:auto; padding-top:80px; padding-bottom:50px } .foot6{ width:28%; float: left; margin-left:2%} .foot6_1 img{ width:415px; height:60px; } .foot6_1 p{ font-size:24px; color:#616162; line-height:30px; font-weight:lighter } .foot6_2{ width:314px; height:180px; margin-top:30px} .foot2{ width:10%; float:left; margin-left:3% } .foot2 h5{font-size:21px; color:#262626; line-height:55px;} .foot2_1 p{ font-size:16px; color:#434343; line-height:40px;} .foot2_1 p a{display: block; width: 110px; height: 40px;color: #434343; line-height: 40px;font-size: 16px; float: left; } .foot1{ width:10%; float:left; margin-left:2%} .foot1 h5{font-size:18px; color:#262626; line-height:55px;} .foot1_1 p{color: #434343; line-height: 40px;font-size: 16px; } .foot1_1 p a{display: block; width: 170px; height: 40px;color: #434343; line-height: 40px;font-size: 16px; float: left; } .foot1_1 a h3{ font-size:16px; color:#c1c1c1;line-height: 40px;} .foot4{ width:10%; float:left; margin-left:2%} .foot4 h5{font-size:18px; color:#262626; line-height:55px;} .foot4_1 p{color: #434343; line-height: 40px;font-size: 16px; } .foot4_1 p a{display: block; width: 170px; height: 40px;color: #434343; line-height: 40px;font-size: 16px; float: left; } .foot4_1 a h3{ font-size:16px; color:#c1c1c1;line-height: 40px;} .foot5{ width:10%; float:left; margin-left:2%} .foot5 h5{font-size:18px; color:#262626; line-height:55px;} .foot5_1 p{color: #434343; line-height: 40px;font-size: 16px; } .foot5_1 p a{display: block; width: 170px; height: 40px;color: #434343; line-height: 40px;font-size: 16px; float: left; } .foot5_1 a h3{ font-size:16px; color:#c1c1c1;line-height: 40px;} .foot3{ width:20%; float: right;} .foot3 h5{font-size:18px; color:#262626; line-height:55px;} .foot3_1 p{color: #434343; line-height: 40px;font-size: 16px; } .foot3_1 p a{display: block; width: 120px; height: 40px;color: #434343; line-height: 40px;font-size: 16px; float: left; } .foootr7{ width:100%; height:auto; padding:30px 0px; border-top:1px #CCCCCC solid } .foootr7_1 { margin:auto; } .foootr7_1 p { width:100%; line-height:45px; color:#8b8b8b; font-size:16px; text-align:center; } .foootr7_1 img { margin:auto; display:inline; } .foootr7_1 a{ display:inline-block;} @-webkit-keyframes loadRotate{ from{-webkit-transform:rotateZ(0deg);} to{-webkit-transform:rotateZ(360deg);} } @keyframes loadRotate{ from{transform:rotateZ(0deg);} to{transform:rotateZ(360deg);} } .cppic{-webkit-animation:loadRotate 10s linear infinite;-webkit-animation-fill-mode:both;animation:loadRotate 10s linear infinite; /*动画从头到尾的速度是相同的 liner*/ /*指定动画应该播放无限次（永远）*/ animation-fill-mode:both; /*动画结束前和结束后都应用该属性 animation-fill-mode:both; */} /*===================== 首页 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: normal;font-size:18px;} .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:#129f41;} .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{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);background-color:#fff;} .product_list_two .item:hover strong{color:#e05a12;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:#e05a12;} .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 .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:#e05a12;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:#e05a12;} .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_1 .dh span.num a{color:#555;} .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:#cf1101;border-left:2px solid #cf1101;padding-left:20px;height:30px;line-height:30px;font-weight:bold;font-size:20px;} .article_content{font-size:16px;line-height:220%;color:#333;padding-top:30px;} .article_box{padding-top:30px;} .article_box img,.article_content img,.article_content a{display:inline-block;} .article_box p,.article_content p{margin-bottom:14px;} #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 #e05a12;border-radius:60px;font-size:0px;} .pagenum span{font-size:16px;color:#e05a12;} .pagenum a:hover{background-color:#e05a12;} .pagenum a:hover span{color:#fff;} /* ===================== 产品 详情页 ===================== */ /* ===================== 内页 Banner 图 ===================== */ #nyba{height:500px;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:12%;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:62px;} .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:#e05a12;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:#e05a12;font-size:22px; display: none;} .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:30%;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:68%;float:right;padding-top:50px;} .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:#e05a12;} .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 .line i{width:100%;} .news_one .news_box li:hover h3{color:#e05a12;} .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:#cf1101;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; margin-top:110px;} .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;} /* 新闻样式 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:#e05a12;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:#e05a12;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:#e05a12;} .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:#e05a12;} .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:#e05a12;} .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:#cf1101;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:50px;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:50px;} #list .left_side .box_one ul li span,#list .left_side .box_one ul li em{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:#363535;color:#fff; font-style:normal;} #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 #e05a12;} #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:#e05a12;} #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;} #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:#ff1730;} #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;} .jjfa-b a>p{font-size:23px;} /*底部*/ .xfoot{ width:96%; margin:auto; height:auto; padding:60px 0px; } .xfoot1{ width:34%;} .xfoot1 img{} .xfoot2{ display:none;} .xxfoot2{ display:none;} .xfoot4{ width:33%;} .xfoot4 p{font-size:16px; color:#575757; line-height:2.2;} .xfoot5{ width:33%;} } /* ===================== 产品页 左侧 导航 ===================== */ /* ===================== 全局搜索框 ===================== */ .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:#e05a12;} .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:#e05a12;} 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:#e05a12;} 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:#e05a12;} ul.fs li.submit input{height:50px;margin:0 auto;display:block;cursor:pointer;width:200px;border-radius:50px;background-color:#e05a12;font-size:16px;color:#fff;} /* ===================== 在线留言 ===================== */ /* ===================== 联系我们 地图 ===================== */ #allmap{height:500px;padding-top:100px;} #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:#e05a12;border-radius:50%;position:fixed;right:6px;bottom:100px;z-index:99999999999;} /* ===================== 回到顶部 ===================== */ .firstRow img{display:inline-block;} /* ================================ 内页 END ================================ */ /*===================== 响应式代码 START =====================*/ @media(max-width:1800px){ .footer .auto{width:1300px;} .footer .a_list{margin:0 50px;width:440px;} .footer .a_list a{width:50%;} } @media(max-width:1560px){ .mtjj{width:100%; background:url(../images/mt_06.jpg) center no-repeat; height:782px; } .mtjj_1{ width:98%; margin:auto; padding-top:100px} .mtjj1{ width:60%; float:left} .mtjj1_1{ width:100%} .mtjj1_1 p{ font-size:80px; text-transform:uppercase; font-family:Impact; background-image: linear-gradient(to right bottom, #0046a3 , #006db9, #00b5e3); -webkit-background-clip: text;/*按字体裁剪*/ -webkit-text-fill-color: transparent;/*设置字体透明*/ } .mtjj1_1 h3{ font-size:35px; color:#333334; font-weight:700; line-height:2; padding-bottom:20px} .mtjj1_2{ font-size:19px; color:#4e4f50; line-height:45px} .mtjj1_3{ width:422px; height:52px; margin-top:40px; background-color:#d30f11; border-radius:30px} .mtjj1_3 a{ width:160px; height:46px; margin-top:3px!important; margin-left:2px; background-color:#fff; border-radius:30px; font-size:19px; text-align:center; line-height:46px; float:left} .mtjj1_3 img{float:left; width:8%; margin-left:10px; padding-top:8px} .mtjj1_3 p{float:left; margin-left:10px; font-size:30px; font-family:impact; line-height:52px; color:#FFFFFF} .mtjj2{ width:38%; float: right; padding-top:15px} } @media(max-width: 1440px){ .top1{width:24%;} .top2 h1{ font-size:33px; } .top2 p{ font-size:15px; } .header .nav ul li a{font-size:16px;} .header .nav{width:50%; float:left; position:relative; right:} .header .call{padding-left:55px;} .header .call p{font-size:16px;} .header .call h3{font-size:32px;} /*数字变化*/ .about_type li{ border: none;} } @media(max-width:1400px){ .mtcp1{ width:98%; margin:auto} .mtcp1_1{ width:48%; float:left; margin:0 1%;} .mtcp1_1 img{float:left; width:35%} .mtcp1_11_1{ width:100%; font-size:24px; color:#373737; line-height:2.5; font-weight:700; text-indent:7px} .mtcp1_11{ float:left; width:50%; height: auto; background-color:#f5f5f5; padding:30px 5%;} .lbb{ text-align:center; margin:auto; } .lbb a{ display: inline-block; font-size:16px; color:#373737; line-height:43px; width:46%; text-align:center; font-weight:normal; margin:5px 1%; box-sizing: border-box; border-radius:30px; border:1px #999999 solid; float:left; padding:0 3% } .lbb a:hover{ background-color:#0d5bc5; color:#ffffff; transition:all .5s ease; } .lbb a h3{ font-size:19px; color:#373737;)} .lbb a:hover h3{ color: #fff; } .mtcp1_2{ width:48%; float:left; margin:0 1%;} .mtcp1_2 img{float:left; width:35%} .mtcp1_21{ float:left; width:50%; height: auto; background-color:#f5f5f5; padding:30px 5%;} /*优势*/ .mtys2{ width:98%; margin:auto} .mtys2_1{ width:30%; float:left; margin-top:20px} .mtys2_1 ul li{ width:100%; height:87px; background-color:#b8041c; margin:55px 0; border-radius:50px} .mtys2_1 ul li img{ width:47px; height: 47px; padding-top:20px; margin-left:30px; float:left} .mtys2_1 ul li h3{ margin-left:15px; font-size:30px; color:#FFFFFF; font-weight:700; line-height:87px} .mtys2_2{ width:30%; height: auto; float:left; margin-left:5%; position: relative; z-index:9999 } .mtys2_2 img{ border:10px #FFFFFF solid; border-radius:50%; animation: sss 2s infinite alternate linear;} .mtys2_3{ width:30%; float: right} .mtys2_3 ul li{ width:100%; height:87px; background-color:#b8041c; margin:55px 0; border-radius:50px} .mtys2_3 ul li img{ width:47px; height:47px; padding-top:20px; margin-left:30px; float:left} .mtys2_3 ul li h3{ margin-left:15px; font-size:30px; color:#FFFFFF; font-weight:700; line-height:87px} .mtjj{width:100%; background:url(../images/mt_06.jpg) center no-repeat; height:682px; } .mtjj_1{ width:98%; margin:auto; padding-top:60px} .mtsz{ width:100%; margin:auto; background-color:#0d5bc5; padding:50px 0} .mtsz1{ width:98%; height:110px; margin:auto} .mtsz1_1{ width:65%; float:left} /*数字变化*/ .about_type{ height:110px; } .about_type ul{width:100%;margin:0 auto;} .about_type h2{font-size:21px;color:#fff;margin-top:0; font-weight:normal; margin-left:28%; } .about_type em{font-size:60px;color:#f9f000;font-family: Arial, Helvetica, sans-serif; font-weight:600;text-align:center; font-style:normal; } .about_type li{width:31%;display:inline-block;margin-bottom:15px;box-sizing:border-box; } .about_type li p{color:#fff; font-size:20px; margin-left:28%; line-height:1.5; } .about_type li:first-child{ border-left:0px #fff solid; } .mtsz1_2{ width:25%; float:right; border-right:9px #FFFFFF solid; height:110px; padding-right:5%} .mtsz1_2 h3{ font-size:36px; color:#FFFFFF; text-align:right; font-weight:700; padding-top:10px} .mtsz1_2 p{ font-size:24px; color:#FFFFFF; text-align:right; padding-top:5px; font-weight:lighter} .oh {margin-top:5px;} .footr1{ width:100%; background:url(../images/mt_08.jpg) center no-repeat; height:280px; margin-top:30px} .footr1_1{ width:98%; margin:auto} .footr1_11{ width:40%; float:left; padding-top:100px; margin-left:2%} .footr1_11 h3{ font-size:30px; color:#FFFFFF; font-weight:700; padding-bottom:15px} .footr1_11 p{ font-size:24px; color:#FFFFFF; line-height:1.5; font-weight:lighter} .footr1_12{ width:30%; float: right; margin-right:50px; padding-top:90px} .footr1_12 img{ width:41px; height:42px; float:left} .footr1_12 p{ font-size:24px; padding-left:50px; color:#FFFFFF} .footr1_12 h3{ font-size:49px; padding-left:50px; color:#FFFFFF; font-family:impact; padding-top:6px} .footer .auto{width:1200px;} #top_scroll{max-width:100%;} .so_banner .swiper-slide{width:1000px;} .so_banner .swiper-button-next{right:-500px;} .so_banner .swiper-button-prev{left:-500px;} .footer .a_list{width:370px;} .footer .ewm{width:110px;margin-top:20px;} .footr{width:100%; background:url(../images/mt_09.jpg) center no-repeat; height:520px;} .foot-bg1{ max-width:97%; height:320px; margin:auto; padding-top:40px; } .foot2{ display:none} .foot1{ width:12%; float:left; margin-left:3%} .foot4{ width:12%; float:left; margin-left:2%} .foot5{ width:12%; float:left; margin-left:2%} } @media(max-width:1300px){ .mtsz1{height:100px; } /*数字变化*/ .about_type{ height:100px; } .about_type ul{width:100%;margin:0 auto;} .about_type h2{font-size:18px;color:#fff;margin-top:0; font-weight:normal; margin-left:28%; } .about_type em{font-size:45px;color:#f9f000;font-family: Arial, Helvetica, sans-serif; font-weight:600;text-align:center; font-style:normal; } .about_type li{width:32%;display:inline-block;margin-bottom:15px;box-sizing:border-box; } .about_type li p{color:#fff; font-size:20px; margin-left:28%; line-height:1.5; } .about_type li:first-child{ border-left:0px #fff solid; } .mtsz1_2{ width:330px; float:right; border-right:9px #FFFFFF solid; height:100px; padding-right:20px} .mtsz1_2 h3{ padding-top:5px} } @media(max-width:1280px){ .mtjj{width:100%; background:url(../images/mt_06.jpg) center no-repeat; height:622px; } .mtjj_1{ width:98%; margin:auto; padding-top:60px} .mtjj1{ width:60%; float:left} .mtjj1_1{ width:100%} .mtjj1_1 p{ font-size:50px; text-transform:uppercase; font-family:Impact; background-image: linear-gradient(to right bottom, #0046a3 , #006db9, #00b5e3); -webkit-background-clip: text;/*按字体裁剪*/ -webkit-text-fill-color: transparent;/*设置字体透明*/ } .mtjj1_1 h3{ font-size:25px; color:#333334; font-weight:700; line-height:2; padding-bottom:20px} .mtjj1_2{ font-size:17px; color:#4e4f50; line-height:2.2} .mtjj1_3{ width:422px; height:52px; margin-top:40px; background-color:#d30f11; border-radius:30px} .mtjj1_3 a{ width:160px; height:46px; margin-top:3px!important; margin-left:2px; background-color:#fff; border-radius:30px; font-size:16px; text-align:center; line-height:46px; float:left} .mtjj1_3 img{float:left; width:8%; margin-left:10px; padding-top:8px} .mtjj1_3 p{float:left; margin-left:10px; font-size:26px; font-family:impact; line-height:52px; color:#FFFFFF} .mtjj2{ width:38%; float: right; padding-top:15px} .foot2{ display:none} } @media(max-width:1240px){ .mtcp1{ width:99%; margin:auto} .mtcp1_1{ width:49%; float:left; margin:0 0.5%;} .mtcp1_1 img{float:left; width:35%} .mtcp1_11_1{ width:100%; font-size:24px; color:#373737; line-height:2.5; font-weight:700; text-indent:7px} .mtcp1_11{ float:left; width:50%; height: auto; background-color:#f5f5f5; padding:30px 5%;} .lbb{ text-align:center; margin:auto; } .lbb a{ display: inline-block; font-size:15px; color:#373737; line-height:43px; width:46%; text-align:center; font-weight:normal; margin:5px 1%; box-sizing: border-box; border-radius:30px; border:1px #999999 solid; float:left; padding:0 3% } .lbb a:hover{ background-color:#0d5bc5; color:#ffffff; transition:all .5s ease; } .lbb a h3{ font-size:19px; color:#373737;)} .lbb a:hover h3{ color: #fff; } .mtcp1_2{ width:49%; float:left; margin:0 0.5%;} .mtcp1_2 img{float:left; width:35%} .mtcp1_21{ float:left; width:50%; height: auto; background-color:#f5f5f5; padding:30px 5%;} .mtsz1{height:100px; } .mtsz1_1{ width:100%; float: none} /*数字变化*/ .about_type{ height:100px; } .about_type ul{width:100%;margin:0 auto;} .about_type h2{font-size:18px;color:#fff;margin-top:0; font-weight:normal; margin-left:28%; } .about_type em{font-size:45px;color:#f9f000;font-family: Arial, Helvetica, sans-serif; font-weight:600;text-align:center; font-style:normal; } .about_type li{width:32%;display:inline-block;margin-bottom:15px;box-sizing:border-box; } .about_type li p{color:#fff; font-size:20px; margin-left:28%; line-height:1.5; } .about_type li:first-child{ border-left:0px #fff solid; } .mtsz1_2{ display:none} } .header .menu_box{display:none;} .header .menu_box{float:right;width:24px;height:54px;position:relative;} .header .nav_button{position:absolute;right:0px;top:26px;vertical-align:middle;width:24px;height:2px;cursor:pointer;background-color:#e05a12;-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:#e05a12;-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:#cf1101;} .fixed_footer{display:none;} .fixed_footer{display:none;background-color:#e05a12;height:50px;position:fixed;bottom:30px;left:50%;margin-left:-46%;z-index:999;width:92%;border-radius:10px;} @media (min-width:640px){ .fixed_footer{width:640px!important;left:50%;margin-left:-320px;} } .fixed_footer a{float:left;width:33.33%;text-align:center;} .fixed_footer img{display:inline-block;height:24px;margin:5px 0 0;} .fixed_footer strong{color:#fff;font-size:12px;display:block;height:20px;line-height:20px;} .wap_show{display:none;} @media(max-width:1210px){ html,body{margin:0 auto!important;} .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,.pc_show,.section_one .son, .ysbt h3 span{display:none;} .header .menu_box,.fixed_footer,.wap_son,.wap_show{display:block;} #list .auto,#news_article,#article,.position_now .auto,#nyba .black .auto, .section_five .item_box{width:auto;padding:0 15px;} .pub_title{padding:24px 0;} .pub_title h4{font-size: 30px;} .pub_title p{font-size: 16px;} .header,.header.bg{height:60px; top:0px; background-color: rgba(255,255,255,0.95);box-shadow: 0 0 10px rgba(0,0,0,0.3)} .top1{margin-top: 5px; background:none;} .top2 img{ width:50% } .top3{ width:24%; height:auto; margin-top:-13px } .header{ position:fixed;} .header_height{height:60px;} .header .inner{padding:5px 10px;width:auto;height:54px; } .header .logo{width:auto;height:auto;} .header .logo img,.header.bg .logo img{height:50px;margin:0;width:auto;} .header .nav{position:fixed;width:280px;height:327px;overflow:auto;padding:20px 0;top:50%;left:50%;margin:-163px 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;width:90%;margin:0 auto;height:40px;line-height:40px;border-bottom:1px solid #f9f9f9;} .header .nav ul li:last-child{border:none;} .header .nav ul li a,.header.bg .nav ul li a{height:40px;line-height:40px;color:#333;} .product_son{display:none!important;} .copyright{height:auto;line-height:40px;} .xl2{ display:none!important;} /*产品展示*/ .mtcp{width:100%; margin:30px auto} .mtcp h3{ font-size:30px; color:#2f2f2f; text-align:center; font-weight:700} .mtcp p{ font-size:18px; color:#4e4e4e; text-align:center; line-height:2; font-weight:lighter} .mtcp1{ width:99%; margin:auto} .mtcp1_1{ width:49%; float:left; margin:0 0.5%;} .mtcp1_1 img{ display:none} .mtcp1_11_1{ width:100%; font-size:24px; color:#373737; line-height:2.5; font-weight:700; text-indent:7px} .mtcp1_11{ float:left; width:90%; height: auto; background-color:#f5f5f5; padding:30px 5%;} .mtcp1_2{ width:49%; float:left; margin:0 0.5%;} .mtcp1_2 img{display:none} .mtcp1_21{ float:left; width:50%; height: auto; background-color:#f5f5f5; padding:30px 5%;} .lbb{ text-align:center; margin:auto; } .lbb a{ display: inline-block; font-size:16px; color:#373737; line-height:35px; width:31%; text-align:center; font-weight:normal; margin:5px 1%; box-sizing: border-box; border-radius:30px; border:1px #999999 solid; float:left; padding:0 3% ; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .lbb a:hover{ background-color:#0d5bc5; color:#ffffff; transition:all .5s ease; } .lbb a h3{ font-size:12px; color:#373737;)} .lbb a:hover h3{ color: #fff; } .mtcp2{ width:98%; margin:20px auto} .mtcp2 ul li{ width:22%; height:50px; float:left; margin:0 1%; background-color:#ebebeb;} .mtcp2 ul li a{ font-size:19px; color:#414040; text-align:center; line-height:50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mtcp2 ul li:hover a{ font-size:19px; background-color:#0d5bc5; color:#FFFFFF; font-weight:700} .mtcp2 ul li:first-child{ width:22%; height:50px; float:left; margin:0 1%; background-color:#0d5bc5;} .mtcp2 ul li:first-child a{ font-size:22px; color:#fff; text-align:center; line-height:50px; font-weight:700} .mtys{width:100%; background:url(../images/mt_04.jpg) center no-repeat; height:604px; margin-top:25px} .mtys1{ width:100%; padding:45px 0 30px 0} .mtys1 h3{ font-size:30px; color:#FFFFFF; text-align:center; font-weight:700;} .mtys1 h3 span{ font-size:30px; color:#ffba00; text-align:center; font-weight:700;} .mtys1 p{ font-size:18px; color:#f8f8f8; text-align:center; line-height:3} .mtcp3{ width:100%; margin:40px auto} .mtcp3 h3{ font-size:30px; color:#242424; text-align:center; font-weight:700} .mtcp3 h3 span{ font-size:30px; color:#0d5bc5; text-align:center; font-weight:700} .mtcp3 p{ font-size:18px; color:#535353; text-align:center; line-height:45px} .mtys2{ width:98%; margin:auto} .mtys2_1{ width:30%; float:left; margin-top:20px} .mtys2_1 ul li{ width:100%; height:67px; background-color:#b8041c; margin:35px 0; border-radius:50px} .mtys2_1 ul li img{ width:47px; height: 47px; padding-top:10px; margin-left:15px; float:left} .mtys2_1 ul li h3{ margin-left:10px; font-size:24px; color:#FFFFFF; font-weight:700; line-height:67px} .mtys2_2{ width:30%; height: auto; float:left; margin-left:5%; position: relative; z-index:9999 } .mtys2_2 img{ border:10px #FFFFFF solid; border-radius:50%; animation: sss 2s infinite alternate linear;} .mtys2_3{ width:30%; float: right} .mtys2_3 ul li{ width:100%; height:67px; background-color:#b8041c; margin:35px 0; border-radius:50px} .mtys2_3 ul li img{ width:47px; height:47px; padding-top:10px; margin-left:15px; float:left} .mtys2_3 ul li h3{ margin-left:10px; font-size:24px; color:#FFFFFF; font-weight:700; line-height:67px} .footr1{ width:100%; background:url(../images/mt_08.jpg) center no-repeat; height:220px; margin-top:30px} .footr1_1{ width:98%; margin:auto} .footr1_11{ width:40%; float:left; padding-top:60px; margin-left:2%} .footr1_11 h3{ font-size:25px; color:#FFFFFF; font-weight:700; padding-bottom:15px} .footr1_11 p{ font-size:17px; color:#FFFFFF; line-height:1.5; font-weight:lighter} .footr1_12{ width:30%; float: right; margin-right:50px; padding-top:60px} .footr1_12 img{ width:41px; height:42px; float:left} .footr1_12 p{ font-size:18px; padding-left:50px; color:#FFFFFF} .footr1_12 h3{ font-size:30px; padding-left:50px; color:#FFFFFF; font-family:impact; padding-top:6px} } @media(max-width:1090px){ /*简介*/ .mtjj{width:100%; background:url(../images/mt_06.jpg) center no-repeat; height:522px; } .mtjj_1{ width:96%; margin:auto; padding-top:40px} .mtjj1{ width:100%; float:left} .mtjj1_1{ width:100%} .mtjj1_1 p{ font-size:50px; text-transform:uppercase; font-family:Impact; background-image: linear-gradient(to right bottom, #0046a3 , #006db9, #00b5e3); -webkit-background-clip: text;/*按字体裁剪*/ -webkit-text-fill-color: transparent;/*设置字体透明*/ } .mtjj1_1 h3{ font-size:25px; color:#333334; font-weight:700; line-height:2; padding-bottom:20px} .mtjj1_2{ font-size:17px; color:#4e4f50; line-height:2.2} .mtjj1_3{ width:422px; height:52px; margin-top:40px; background-color:#d30f11; border-radius:30px} .mtjj1_3 a{ width:160px; height:46px; margin-top:3px!important; margin-left:2px; background-color:#fff; border-radius:30px; font-size:16px; text-align:center; line-height:46px; float:left} .mtjj1_3 img{float:left; width:8%; margin-left:10px; padding-top:8px} .mtjj1_3 p{float:left; margin-left:10px; font-size:26px; font-family:impact; line-height:52px; color:#FFFFFF} .mtjj2{ display:none} /* 基地 */ .al{width:100%;margin:180px auto 0; } .muma{position:relative;width:100%;margin:auto;} .sc666{padding:20px 0;} .ss666.swiper-slide{background-position:center;background-size:cover;width:500px;height:375px;border-radius:8px;border:5px solid #fff;} .ss666.swiper-slide a{ display:block;} /*案例*/ #demoy{ overflow:hidden;height:225px;width:94%; margin:auto; color:#336699; padding-top:10px;} #demoy1 ul,#demo2 ul{ display:block;width:6285px; overflow:hidden} #demoy1 ul li{width:250px; height:204px;margin:8px 10px; float:left} #demoy1 ul li a h3,#demo2 ul li a h3{width:250px;height:188px ; overflow:hidden;} #demoy1 ul li a h3 img,#demo2 ul li a h3 img{width:250px;transition:all .5s ease; height:188px;} #demoy1 ul li a h3:hover img,#demo2 ul li a h3:hover img{transform: scaleX(1.1) scaleY(1.1);} #demoy1 ul li a ol,#demo2 ul li a ol{ text-align:center; height:35px; line-height:35px;transition:all .5s ease; background: rgba(45,45,45,0.7); position:relative; top:-35px; color: #ffffff; font-size:15px;} #demoy1 ul li a:hover ol,#demo2 ul li a:hover ol{ } #demoy2 ul li{width:250px;height:204px;margin:8px 10px;} /*新闻*/ .xwbt{ margin-top:20px;} .xwbt p{font-size:25px;color:#242424; text-transform:uppercase; line-height:2; font-weight:600; text-align:center;} .xwbt span{font-size:15px;color:#4c4c4c; text-transform:uppercase; line-height:1.6; display:block; text-align:center;} .xw{ background-color:#e05a12; padding:100px 0px; } .xwz{ width:96%; margin:auto; margin-top:40px;} .xwzz{ width:100%; float: none; } .xwyy{ width:100%;float: none; margin-top:25px; } .xinwen_news_you{width:100%; margin:auto; } .xinwen_news_you li{ width:44.4%; display:inline-block; overflow:hidden; float:left; margin:0 1% ; background-color:#ececec; padding:1.8%; border-radius:10px;} .xwyy1{width:100%; margin:auto; } .xwyy1 li{ width:90%; display:inline-block; overflow:hidden; background-color:#f1f1f1; padding:5%; border-radius:10px; } /* 产品展示 */ #top_scroll{margin:20px auto;} #top_scroll ul li{width:49%;} #top_scroll ul li h3{font-size:15px;} #top_scroll ul li .call{font-size:11px;} #top_scroll ul li .call i{margin-right:2px;} /*底部*/ .position_now .fl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;} #allmap{height:260px;} #nyba{height:200px;} .fade_text{margin-top:50px;} .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;} .showlist li{margin-bottom:10px;} .product_list_one .item:hover strong{border:none;} .product_list_one .item .info{padding:10px 5px;background:none!important;} .product_list_one .item strong{font-size:14px;width:100%;} .product_list_two .item .info strong,.product_list_three .item .info strong{padding-top:10px;font-size:14px;} .product_list_two .item .info,.product_list_three .item .info{padding:10px 5px;} .product_list_three .item{padding-bottom:5px;} #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:10px 0;} .news_one .news_box li .info .line{margin-bottom:6px;} .news_one .news_box li:hover .info{padding-top:20px;} .news_one .news_box li .info p{font-size:14px;} .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;} .news_article_box .inner_content,.news_article_box .h1_title{padding:20px;} .news_article_box .h1_title{ margin:0px !important;} .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;} .tabbox .content,.section_four .img2,.section_four .img1,.section_two .txt:after, .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{display:none;} .xgcp_title{margin-top:10px;} .footer .auto,.section_two .auto{width:auto;padding:0 12px;} .so_banner .swiper-slide{width:80%;} .so_banner .swiper-button-prev{left:-40%;} .so_banner .swiper-button-next{right:-40%;} .so_banner .swiper-button-next:after{width:28px;height:28px;background-size:100%;margin-top:-14px;} .so_banner .swiper-button-prev:before{width:28px;height:28px;background-size:100%;margin-top:-14px;} #bg .alert_video{width: 95%;height: 30%;left: 0;right: 0;margin: auto;top: 0;bottom: 0;} #bg .close{left: 0;right: 0;margin: auto;top: 120%;bottom: 0;z-index: 9999;} .footer .ewm,.al_one .img_box{display:none;} .foot6{ width:32%; float: left; margin-left:0} .foot1{ width:12%; float:left; margin-left:4%} .foot4{ width:12%; float:left; margin-left:2%} .foot5{ display:none} .foot3{ width:30%; float: right;} } @media (max-width:1164px){ /*数字变化*/ .about_type h2{ margin-left:10%; } .about_type li p{margin-left:10%; } } @media all and (max-width:1125px){ /*简介*/ .top1{ width:35%} .top3{ width:22%; height:auto; margin-top:-7px } } @media (max-width:990px){ .mtys{width:100%; background:url(../images/mt_04.jpg) center no-repeat; height:504px; margin-top:25px} } @media (max-width:960px){ .mtys2{ width:98%; margin:auto} .mtys2_1{ width:30%; float:left; margin-top:5px} .mtys2_1 ul li{ width:100%; height:67px; background-color:#b8041c; margin:35px 0; border-radius:50px} .mtys2_1 ul li img{ width:47px; height: 47px; padding-top:10px; margin-left:15px; float:left} .mtys2_1 ul li h3{ margin-left:10px; font-size:20px; color:#FFFFFF; font-weight: normal; line-height:67px} .mtys2_2{ width:30%; height: auto; float:left; margin-left:5%; position: relative; z-index:9999 } .mtys2_2 img{ border:10px #FFFFFF solid; border-radius:50%; animation: sss 2s infinite alternate linear;} .mtys2_3{ width:30%; float: right} .mtys2_3 ul li{ width:100%; height:67px; background-color:#b8041c; margin:35px 0; border-radius:50px} .mtys2_3 ul li img{ width:47px; height:47px; padding-top:10px; margin-left:15px; float:left} .mtys2_3 ul li h3{ margin-left:10px; font-size:20px; color:#FFFFFF; font-weight: normal; line-height:67px} .mtsz{ width:100%; margin:auto; background-color:#0d5bc5; padding:20px 0} .mtsz1{ height:80px;} /*数字变化*/ .about_type {height:auto;} .about_type li{width:31%; float:left; margin:10px 0px; } .about_type h2{font-size:16px;margin-left:10%; color:#fff;} .about_type em{font-size:34px;color:#f9f000; } .about_type li p{ font-size:15px; margin-left:10%; line-height:1.7; color:#fff; } .foot6{ width:45%; float: left;} .foot1{ display:none} .foot4{ display:none} .foot3{ width:40%; float: right;} } @media (max-width:860px){ .section_one .middle_box .bannertxt{ position:relative; right:0;} .mtys1{ width:96%; margin:auto} .mtys{width:100%; background:url(../images/mt_04.jpg) center no-repeat; height:444px; margin-top:20px} .mtys1 h3{ font-size:25px; color:#FFFFFF; text-align:center; font-weight:700; line-height:2} .mtys1 h3 span{ font-size:25px; color:#ffba00; text-align:center; font-weight:700;} .mtys1 p{ font-size:15px; color:#f8f8f8; text-align:center; line-height:1.5} .mtys2{ width:98%; margin:auto} .mtys2_1{ width:45%; float:left; margin-top:5px} .mtys2_1 ul li{ width:100%; height:67px; background-color:#b8041c; margin:25px 0; border-radius:50px} .mtys2_1 ul li img{ width:47px; height: 47px; padding-top:10px; margin-left:15px; float:left} .mtys2_1 ul li h3{ margin-left:10px; font-size:20px; color:#FFFFFF; font-weight: normal; line-height:67px} .mtys2_2{ display:none } .mtys2_3{ width:45%; float: right} .mtys2_3 ul li{ width:100%; height:67px; background-color:#b8041c; margin:25px 0; border-radius:50px} .mtys2_3 ul li img{ width:47px; height:47px; padding-top:10px; margin-left:15px; float:left} .mtys2_3 ul li h3{ margin-left:10px; font-size:20px; color:#FFFFFF; font-weight: normal; line-height:67px} } @media( max-width:760px ){ .top1{ width:33%} .top2 h1{ font-size:24px; margin-left:1px; margin-top:2px } .top2 p{ font-size:9px; margin-left:1px;} .top3{ width:23%; height:auto; margin-top:-5px } .mtcp{width:100%; margin:20px auto} .mtcp h3{ font-size:25px; color:#2f2f2f; text-align:center; font-weight:700} .mtcp p{ font-size:15px; color:#4e4e4e; text-align:center; line-height:2; font-weight:lighter} .mtcp1{ width:99%; margin:auto} .mtcp1_1{ width:100%; float:left; margin:7px auto;} .mtcp1_1 img{ display:none} .mtcp1_11_1{ width:100%; font-size:21px; color:#373737; line-height:2.5; font-weight:700; text-indent:0; text-align:center} .mtcp1_11{ float:left; width:90%; height: auto; background-color:#f5f5f5; padding:15px 5%;} .mtcp1_2{ width:100%; float:left; margin:7px auto;} .mtcp1_2 img{display:none} .mtcp1_21{ float:left; width:50%; height: auto; background-color:#f5f5f5; padding:15px 5%;} .lbb{ text-align:center; margin:auto; } .lbb a{ display: inline-block; font-size:15px; color:#373737; line-height:35px; width:47%; text-align:center; font-weight:normal; margin:5px 1%; box-sizing: border-box; border-radius:30px; border:1px #999999 solid; float:left; padding:0 3% ; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .lbb a:hover{ background-color:#0d5bc5; color:#ffffff; transition:all .5s ease; } .lbb a h3{ font-size:15px; color:#373737;)} .lbb a:hover h3{ color: #fff; } .mtjj{width:100%; background: none; height: auto; } .mtjj_1{ width:96%; margin:auto; padding-top:20px; padding-bottom:20px} .mtjj1{ width:100%; float:left} .mtjj1_1{ width:100%} .mtjj1_1 p{ font-size:50px; text-transform:uppercase; font-family:Impact; background-image: linear-gradient(to right bottom, #0046a3 , #006db9, #00b5e3); -webkit-background-clip: text;/*按字体裁剪*/ -webkit-text-fill-color: transparent;/*设置字体透明*/ } .mtjj1_1 h3{ font-size:25px; color:#333334; font-weight:700; line-height:2; padding-bottom:20px} .mtjj1_2{ font-size:17px; color:#4e4f50; line-height:2.2} .mtjj1_3{ width:422px; height:52px; margin-top:20px; background-color:#d30f11; border-radius:30px; margin-bottom:30px} .mtjj1_3 a{ width:160px; height:46px; margin-top:3px!important; margin-left:2px; background-color:#fff; border-radius:30px; font-size:16px; text-align:center; line-height:46px; float:left} .mtjj1_3 img{float:left; width:8%; margin-left:10px; padding-top:8px} .mtjj1_3 p{float:left; margin-left:10px; font-size:26px; font-family:impact; line-height:52px; color:#FFFFFF} /*底部*/ .footr1{ width:100%; background: none; height:20px; margin-top:30px; background-color:#16171b} .footr1_1{ display:none} .footr{width:100%; background: none; height: auto; background-color:#f2f2f2} } @media( max-width:725px ){ .mtcp3{ width:100%; margin:20px auto} .mtcp3 h3{ font-size:25px; color:#242424; text-align:center; font-weight:700; line-height:2} .mtcp3 h3 span{ font-size:25px; color:#0d5bc5; text-align:center; font-weight:700} .mtcp3 p{ font-size:15px; color:#535353; text-align:center; line-height:1.5} .foot6_1 p{ font-size:18px; color:#616162; line-height:30px; font-weight:lighter } .foot6{ width:45%; float: left;} .foot1{ display:none} .foot4{ display:none} .foot3{ width:45%; float: right;} } @media( max-width:640px ){ .top1{ width:70%} .top2 h1{ font-size:24px; margin-left:5px; margin-top:2px } .top2 p{ font-size:9px; margin-left:5px;} .top3{width:13%; height:auto; margin-top:-5px } .swiper-slide{width: 400px !important; height: 303px !important;} .swiper-button-prev{left: 0 !important;} .swiper-button-next{right: 0 !important;} .article_content p iframe{width:100%!important;height: 300px !important;} .mtcp2{ width:98%; margin:10px auto} .mtcp2 ul li{ width:29%; height:50px; float:left; margin:0 1%; background-color:#ebebeb; padding:0 1%} .mtcp2 ul li a{ font-size:15px; color:#414040; text-align:center; line-height:50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mtcp2 ul li:hover a{ font-size:15px; background-color:#0d5bc5; color:#FFFFFF; font-weight:700} .mtcp2 ul li:first-child{ width:100%; height:50px; float:left; margin:7px auto; background-color:#0d5bc5;} .mtcp2 ul li:first-child a{ font-size:22px; color:#fff; text-align:center; line-height:50px; font-weight:700} /* 基地 */ .al{width:100%;margin:10px auto 0; } .muma{position:relative;width:100%;margin:auto;} .sc666{padding:20px 0;} .ss666.swiper-slide{background-position:center;background-size:cover;width:500px;height:375px;border-radius:8px;border:5px solid #fff;} .ss666.swiper-slide a{ display:block;} .mm{ width:90%; margin:0px auto} .more2{ width:35%; height:49px; background-color:#ef7d00; display:block; margin-top:25px; border-radius:2em; margin-bottom:20px; margin-left:7.5% } .more2 a{ width:100%; height:49px; color:#ffffff; font-size:17px; text-align:center;display:block;line-height:49px; transition:all .2s ease; text-decoration:none; } .more2 a:hover{ background-color:#129f41; border-radius:2em; color:#ffffff;} .more3{ width:35%; height:49px; background-color:#6b6b6b; display:block; margin-top:25px; border-radius:2em; margin-left:40px; margin-bottom:20px; margin-left:15% } .more3 a{ width:100%; height:49px; color:#ffffff; font-size:17px; text-align:center;display:block;line-height:49px; transition:all .2s ease;text-decoration:none; } .more3 a:hover{ background-color:#129f41; border-radius:2em; color:#ffffff;} /*新闻*/ .xw{ background-color:#e05a12; padding:100px 0px; } .xwz{ width:96%; margin:auto; margin-top:15px;} .xwzz{ width:100%; float: none; } .xwyy{ width:100%;float: none; margin-top:10px; } .xinwen_news_you{width:100%; margin:auto; } .xinwen_news_you li{ width:92%; display:inline-block; overflow:hidden; float: none; margin:auto; background-color:#ececec; padding:4%; border-radius:10px; margin-bottom:8px;} .xwyy1{width:100%; margin:auto; } .xwyy1 li{ width:90%; display:inline-block; overflow:hidden; background-color:#f1f1f1; padding:5%; border-radius:10px; } .xwyy1 li{ line-height:28px; margin-bottom:20px;} .xwyy1 li:hover{ } .xwyy1 img{ margin:auto; margin-top:24px; margin-bottom:30px;} .xwyy1 h4 a{ color:#464646; font-size:16px; line-height:2; font-weight:normal; } .xwyy1 h4 { } .xwyy1 em{ font-size:15px; line-height:1.9; display:block; overflow:hidden; color:#6b6b6b; font-style:normal; margin-top:7px; height:36px; } .xwyy1 span{ font-size:16px; line-height:2.2; display:block; overflow:hidden; color:#535353; font-family:Arial, Helvetica, sans-serif; margin-bottom:9px; } .xwyy1 span h5{ font-size:53px; line-height:1.2; color:#116295; font-weight:600; float:left;font-family:Arial, Helvetica, sans-serif; } .xinwen_news_you h4 a { color: #121212; font-size: 16px; line-height: 2; font-weight: normal; } .xinwen_news_you em{ font-size:15px; line-height:1.7; display:block; overflow:hidden; color:#6b6b6b; font-style:normal; height: 80px; margin-top:10px; } .xinwen_news_you span { font-size: 15px; margin-bottom:0px; } .xinwen_news_you img { margin-bottom: 15px; } .foot-bg1{ width:98%; height: auto; margin:auto; padding-top:20px; padding-bottom:20px } .foot6{ display:none} .foot3{ width:90%; float: none; margin:auto} .foootr7_1{ display:none} .fotd p{ display:none;} .section_one .banner1{height:300px;min-height:300px;max-height:1600px;width:100%;position:relative;} .section_one .bannerbg {width:100%;height:300px;display:block;position:absolute;z-index:2;background:url(../images/banner_bg.png) repeat center;} #video_cover{width:100%;height:300px; background:url(../../images/video_cover.jpg);background-size:cover;background-position:center;} } @media( max-width:555px ){ .mtys{width:100%; background:url(../images/mt_04.jpg) center no-repeat; height:544px; margin-top:20px} .mtys2{ width:98%; margin:auto} .mtys2_1{ width:100%; float: none; margin-top:5px} .mtys2_1 ul li{ width:100%; height:57px; background-color:#b8041c; margin:15px 0; border-radius:50px} .mtys2_1 ul li img{ width:47px; height: 47px; padding-top:5px; margin-left:15px; float:left} .mtys2_1 ul li h3{ margin-left:15px; font-size:20px; color:#FFFFFF; font-weight: normal; line-height:57px} .mtys2_3{ width:100%; float: none} .mtys2_3 ul li{ width:100%; height:57px; background-color:#b8041c; margin:15px 0; border-radius:50px} .mtys2_3 ul li img{ width:47px; height:47px; padding-top:5px; margin-left:15px; float:left} .mtys2_3 ul li h3{ margin-left:15px; font-size:20px; color:#FFFFFF; font-weight: normal; line-height:57px} .mtsz1{ height:160px; margin:auto} .about_type li{width:50%; float:left; margin:10px 0px; } .about_type h2{font-size:16px;margin-left:10%; color:#fff;} .about_type em{font-size:30px;color:#f9f000; } .about_type li p{ font-size:15px; margin-left:10%; line-height:1.7; color:#fff; } } @media( max-width:500px ){ .swiper-slide{width: 350px !important; height: 265px !important;} .top3{width:15%; height:auto; margin-top:-5px } .mtjj{width:100%; background: none; height: auto; } .mtjj1_1 p{ font-size:40px; text-transform:uppercase; font-family:Impact; background-image: linear-gradient(to right bottom, #0046a3 , #006db9, #00b5e3); -webkit-background-clip: text;/*按字体裁剪*/ -webkit-text-fill-color: transparent;/*设置字体透明*/ } .mtjj1_2{ font-size:15px; color:#4e4f50; line-height:2} .mtjj1_3{ width:100%; height:52px; margin-top:20px; background-color:#d30f11; border-radius:30px; margin-bottom:30px} .mtjj1_3 a{ width:120px; height:46px; margin-top:3px!important; margin-left:2px; background-color:#fff; border-radius:30px; font-size:16px; text-align:center; line-height:46px; float:left} .mtjj1_3 img{float:left; width:8%; margin-left:10px; padding-top:8px} .mtjj1_3 p{float:left; margin-left:10px; font-size:26px; font-family:impact; line-height:52px; color:#FFFFFF} } @media( max-width:405px ){ .top3{width:17%; height:auto; margin-top:-5px } .mtcp p{ display:none} .mtcp3 h3{ font-size:22px; color:#242424; text-align:center; font-weight:700; line-height:1.5} } @media( max-width:320px ){ .swiper-slide{width: 320px !important; height: 242px !important;} .mtjj1_3 a{ display:none} .mtjj1_3 img{float:left; width:8%; margin-left:30px; padding-top:10px} .mtjj1_3 p{float:left; margin-left:10px; font-size:26px; font-family:impact; line-height:52px; color:#FFFFFF} } /* 分页样式 */ .uk-text-center { text-align: center !important; padding:20px 0px; line-height:20px; } .uk-clearfix::after { content: ""; display: table; clear: both; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 14px; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .frontier-paging { margin-top: 32px; } .frontier-paging ul { display: inline-block; vertical-align: bottom; } .frontier-paging ul span, .frontier-paging ul a { display: block; float: left; margin: auto 2px; padding: 4px 12px; background: #FFF; box-shadow: 0 0 8px rgba(0,0,0,0.2); border-radius: 2px; font-size: 14px; color: #999; height:22px; } .frontier-paging ul a.page-num-current, .frontier-paging ul a:hover { color: #FFF; background-color: #444; } /*===================== 响应式代码 END =====================*/