@media screen and (max-width:1700px) { .center,#footer .center,#footer2 .center,#pictureBrowse{width:1200px;transition:all 0.32s linear;} #NewsList{width:1200px;margin:0 auto;transition:all 0.32s linear;} #Message{padding-left:0px;width:44%;} #contact{margin-right:0px;width:55%;} #map{width:1200px;height:350px;} #ProductPhoto h1{font-size:24px;} #tFocus{width:1200px;} #tFocus-pic{width:1198px;height:517px;margin-bottom:31px;} #tFocus-pic li{width:1198px;height:517px;top:0;left:0;} #tFocus-pic li img{max-width:1198px;max-height:517px;} #tFocusBtn{width:1200px;height:105px;margin-top:7px;} #tFocus-btn{width:610px;height:70px;padding-top:3px;padding-bottom:3px;} #tFocus-btn li{width:62px;height:62px;margin-right:15px;} #tFocus-btn li i{width:17px;top:0;left:0;} #tFocus-btn li img{width:62px;height:62px;max-width:62px;max-height:62px;} #tFocus-btn li.active{width:62px;height:62px;} #tFocus-leftbtn,#tFocus-rightbtn{top:228px;} #tFocus-leftbtn{left:0px;} #tFocus-rightbtn{right:0px;} .downfile{width:540px;height:222px;margin-right:18px;margin-bottom:28px;} .downfile .photo{width:161px;height:222px;} .downfile h5{margin-bottom:10px;padding-top:32px;} .downfile p{margin-bottom:28px;} .SubTitle{font-size:24px;height:40px;line-height:40px;padding-bottom:5px;} } @media screen and (min-width:1301px) and (max-width:1700px) { #ProductShow .ProductList li:nth-child(4n){margin-right:0px;} #ProductList .ProductList li:nth-child(4n){margin-right:0px;} #ProductJieshao .ProductList li:nth-child(4n){margin-right:0px;} } @media screen and (max-width:1300px) { #Video{height:550px;} #Video .VideoPlay{width:750px;height:auto;} .center,#footer .center,#footer2 .center{width:1000px;} #Search{display:none;} #about_us .pic{height:auto;width:50%;margin-top:3%;} #footer dl{width:20%;margin-right:2%;} #footer dl.erweima{width:20%;} #Filter dl{width:85%;padding-left:15%;} #Filter dl dt{width:13%;} #NewsList{width:1000px;margin:0 auto;} #map{width:1000px;height:300px;} .Tab a{width:120px;height:32px;line-height:32px;font-size:12px;margin-right:8px;margin-left:8px;} .downfile{width:90%;float:none;display:block;margin-left:auto;margin-right:auto;margin-bottom:5%;height:auto;} .downfile::after{content:"";display:block;clear:both;} .downfile .photo{margin-left:5%;width:140px;height:190px;} .downfile h5{padding-top:18px;margin-bottom:5px;font-size:16px;line-height:1.5;} .downfile p{font-size:12px;margin-bottom:15px;padding-left:0px;} .downfile .btn_down{text-align:center;background-color:#f04702;} .downfile .btn_down span{display:inline-block;color:#fff;font-size:12px;margin-right:12px;} .downfile .btn_down .icon_arrow{background-image:url(../images/arrow3_hover.png);width:20px;background-position:right top;} #pictureBrowse{width:1000px;transition:all 0.32s linear;} .SubTitle{font-size:20px;} #tFocus{width:1000px;} #tFocus-pic{width:998px;height:517px;margin-bottom:31px;} #tFocus-pic li{width:998px;height:517px;top:0;left:0;} #tFocus-pic li img{max-width:998px;max-height:517px;} #tFocusBtn{width:1000px;height:105px;margin-top:7px;} #tFocus-btn{width:610px;height:70px;padding-top:3px;padding-bottom:3px;} #tFocus-btn li{width:62px;height:62px;margin-right:15px;} #tFocus-btn li i{width:17px;top:0;left:0;} #tFocus-btn li img{width:62px;height:62px;max-width:62px;max-height:62px;} #tFocus-btn li.active{width:62px;height:62px;} #tFocus-leftbtn,#tFocus-rightbtn{top:228px;} #tFocus-leftbtn{left:0px;} #tFocus-rightbtn{right:0px;} #PhotoShow .photo_list li{width:500px;height:323px;} #PhotoShow .photo_list li img{width:100%;height:100%;} #PhotoShow .PhotoShowGundong{height:322px;} #PhotoShow .Tab_nr{height:322px;} #PhotoShow .PhotoMs{width:246px;top:0px;bottom:0px;left:212px;padding-top:10px;padding-right:21px;padding-bottom:10px;padding-left:21px;} #PhotoShow .PhotoMs strong{line-height:1.94;font-size:20px;margin-bottom:6px;} #PhotoShow .PhotoMs p{ font-size:12px;} #PhotoShow .gundong .jCarouselLite{height:322px;} #PhotoShow .move_right,#PhotoShow .move_left{width:56px;height:322px;top:0px;} #PhotoShow .move_left span,#PhotoShow .move_right span{width:56px;height:52px;top:50%;margin-top:-24px;background-image:url(../images/arrows_.png);} #PhotoShow .move_left{left:444px;} #PhotoShow .move_right{left:506px;} } @media screen and (max-width:1100px) { .center,#footer .center,#footer2 .center,#NewsList {width:768px;} #logo{width:20%;} #logo img{width:100%;max-width:100%;} #menu{width:80%;} #menu ul li a{padding-left:15px;padding-right:15px;} #Message{width:100%;margin:0 auto;float:none;} #Message .form label.options{width:98.60%;} #Message .form .btn_send{width:98.60%;} #Message .form label.options2{width:47.90%;} #contact{width:85%;float:none;margin:0 auto;margin-bottom:4%;} #map{width:768px;height:250px;} #Video .VideoPlay{width:768px;height:371px;} .SubTitle{font-size:18px;} #pictureBrowse{width:768px;transition:all 0.32s linear;} #ProductPhoto h1{font-size:18px;margin-bottom:0px;} #tFocus{width:768px;} #tFocus-pic{width:766px;height:517px;margin-bottom:31px;} #tFocus-pic li{width:766px;height:517px;top:0;left:0;} #tFocus-pic li img{max-width:766px;max-height:517px;} #tFocusBtn{width:768px;height:105px;margin-top:7px;} #tFocus-btn{width:610px;height:70px;padding-top:3px;padding-bottom:3px;} #tFocus-btn li{width:62px;height:62px;margin-right:15px;} #tFocus-btn li i{width:17px;top:0;left:0;} #tFocus-btn li img{width:62px;height:62px;max-width:62px;max-height:62px;} #tFocus-btn li.active{width:62px;height:62px;} #tFocus-leftbtn,#tFocus-rightbtn{top:228px;} #tFocus-leftbtn{left:0px;} #tFocus-rightbtn{right:0px;} #PhotoShow .photo_list li{width:400px;height:258px;} #PhotoShow .photo_list li img{width:100%;height:100%;} #PhotoShow .PhotoShowGundong{height:257px;} #PhotoShow .Tab_nr{height:257px;} #PhotoShow .PhotoMs{width:196px;top:0px;bottom:0px;left:170px;padding-top:8px;padding-right:17px;padding-bottom:8px;padding-left:17px;} #PhotoShow .PhotoMs strong{line-height:1.94;font-size:16px;margin-bottom:5px;} #PhotoShow .gundong .jCarouselLite{height:257px;} #PhotoShow .move_right,#PhotoShow .move_left{height:257px;top:0px;} #PhotoShow .move_left span,#PhotoShow .move_right span{top:50%;} #PhotoShow .move_left{left:344px;} #PhotoShow .move_right{left:405px;} } @media screen and (min-width: 751px) { #mobileheader{ display:none;} } @media screen and (max-width: 750px) { img{max-width:100%;} .center,#footer .center{width:95%;} #top{display:none;} #header{ display:none;} #banner{height:auto;width:100%;} #banner img{width:100%;max-width:100%;} #pictureBrowse{width:100%;} .SubTitle{height:auto;line-height:2.5;} /*导航*/ #pictureBrowse .swiper-pagination{padding-bottom:2.58%;bottom:-1px; position:relative;} #pictureBrowse .swiper-pagination .swiper-pagination-bullet{width:0px;padding-left:1.86%;padding-top:1.77%;height:0px;background-color:#312f30;line-height:0px;border-radius:50px;} #pictureBrowse .swiper-pagination .swiper-pagination-bullet-active{background-color:#f24702;} /*导航*/ #banner .swiper-pagination{padding-bottom:2.58%;bottom:-1px;} #banner .swiper-pagination .swiper-pagination-bullet{width:0px;padding-left:1.86%;padding-top:1.77%;height:0px;background-color:#312f30;line-height:0px;border-radius:50px;} #banner .swiper-pagination .swiper-pagination-bullet-active{background-color:#f24702;} #banner2{width:100%;height:auto;position:relative; overflow:hidden;} #banner2 img{position:relative;max-width:none;width:350%;left:50%;margin-left:-220%;display:block;} #Filter{font-size:12px;margin-top:10px;padding-top:10px;padding-bottom:10px;} #Filter .Filter_nr{box-shadow:0 3px 4px rgba(0,0,0,0.24);padding-bottom:8px;} #Filter dl{width:94%;padding:0;margin:0 auto;} #Filter dl dt{position:relative;text-align:left;line-height:2;border-bottom:1px solid #dfdfdf;margin-bottom:8px;padding-left:5px;padding-right:5px;width:auto;} #Filter dl dd{padding-left:5px;padding-right:5px;} #Filter dl dd a{margin-right:8px;margin-bottom:4px;} #about_us .pic{float:none;height:auto;width:100%;margin:0 auto;text-align:center;} /*导航*/ #Certificate .swiper-pagination{padding-top:2.58%;bottom:-1px;position:relative;} #Certificate .swiper-pagination .swiper-pagination-bullet{width:0px;padding-left:1.86%;padding-top:1.77%;height:0px;background-color:#312f30;line-height:0px;border-radius:50px;} #Certificate .swiper-pagination .swiper-pagination-bullet-active{background-color:#f24702;} #News .swiper-pagination{padding-bottom:3.58%;bottom:-1px;position:relative;} #News .swiper-pagination .swiper-pagination-bullet{width:0px;padding-left:1.86%;padding-top:1.77%;height:0px;background-color:#312f30;line-height:0px;border-radius:50px;} #News .swiper-pagination .swiper-pagination-bullet-active{background-color:#f24702;} #ProductShow .swiper-pagination{padding-bottom:0.58%;bottom:-1px;position:relative;} #ProductShow .swiper-pagination .swiper-pagination-bullet{width:0px;padding-left:1.86%;padding-top:1.77%;height:0px;background-color:#312f30;line-height:0px;border-radius:50px;} #ProductShow .swiper-pagination .swiper-pagination-bullet-active{background-color:#f24702;} #RenZhengGundong .swiper-pagination{padding-bottom:0.58%;bottom:-1px;position:relative;} #RenZhengGundong .swiper-pagination .swiper-pagination-bullet{width:0px;padding-left:1.86%;padding-top:1.77%;height:0px;background-color:#312f30;line-height:0px;border-radius:50px;} #RenZhengGundong .swiper-pagination .swiper-pagination-bullet-active{background-color:#f24702;} #PhotoShow .swiper-pagination{padding-top:2.58%;padding-bottom:1.5%;bottom:-1px;position:relative;} #PhotoShow .swiper-pagination .swiper-pagination-bullet{width:0px;padding-left:1.86%;padding-top:1.77%;height:0px;background-color:#312f30;line-height:0px;border-radius:50px;} #PhotoShow .swiper-pagination .swiper-pagination-bullet-active{background-color:#f24702;} /*更多按钮*/ .btn_more{width:100px;height:24px;line-height:24px;text-align:center;font-size:12px;color:#f04702;margin:0 auto;border:1px solid #f04702;display:block;} .btn_more:hover{color:#fff;background-color:#f04702;text-decoration:none;} .PartTitle { font-size:12px;} .PartTitle strong{line-height:1.64;font-size:18px;font-weight:normal;display:block;} #ProductShow .btn_more{margin-top:15px;} #mobileheader{display:block;position:fixed;z-index:2500;top:0px;left:0px;width:100%;max-width:850px;background-color:#ffffff;box-shadow:0 0 14px rgba(0,0,0,0.2);} #about_us .pic{float:none;height:auto;width:100%;margin:0 auto;text-align:center;border:0;} #about_us .center{width:90%;} #about_us .center h4{text-align:center;font-size:16px;line-height:2;margin-top:15px;} #about_us .center p{font-size:14px;line-height:1.8;display:none;} #about_us .center p:nth-child(4){display:block;} #about_us .btn_more{margin:10px auto 0px auto;} #Certificate .PartTitle{margin-bottom:3%;} #footer{display:none;} #footer2{display:none;} #NewsList{width:95%;margin:0 auto;} #mobilemenu{position:absolute;top:100%;left:0px;background-color:#000000;width:100%;display:none;overflow:auto;} #mobilemenu ul{background-color:#000000;} #mobilemenu ul li{position:relative;border-bottom:1px solid #1d1d1d;} #mobilemenu ul li:last-child{border:0;} #mobilemenu ul li a{height:43px;line-height:43px;color:#fff;padding-left:37px;display:block;font-size:14px;} #mobilemenu ul>li>a::before{width:4px;height:4px;line-height:0px;position:absolute;top:19px;left:21px;background-color:#f0f1f5;content:"";} #mobilemenu ul li.change>a{color:#fff;background-color:#f04702;} #mobilemenu ul li.change >a::before{position:absolute;top:0px;left:18px;content:"+";} #mobilemenu ul li>a:hover{color:#fff;background-color:#f04702;} #mobilemenu ul li .btn_submenu::before{width:auto;height:43px;line-height:43px;position:absolute;top:auto;left:18px;background:none;content:"+";} #mobilemenu ul li ol{background-color:#ffffff;display:none;} #mobilemenu ul li ol li{position:relative;border-bottom:1px solid #b4b4b4;} #mobilemenu ul li ol li a{color:#050505;} #mobilemenu ul li ol li:last-child{border-color:#cbcbcb;} #mobilemenu ul li ol li a::before{width:4px;height:4px;line-height:0px;position:absolute;top:19px;left:21px;background-color:#f0f1f5;content:"";} #mobilemenu_zz,#mobilesearch_zz{width:100%;position:fixed;max-width:850px;top:0px;bottom:0px;background:rgba(0,0,0,0.5);display:none;z-index:1500;} /*搜索*/ #mobilesearch{position:absolute;top:100%;left:0px;width:100%;background-color:#5d1b1c;padding-top:8px;padding-bottom:8px;right:0px;display:none;} #mobilesearch .Searchform{width:90%;margin:0 auto;padding-top:9%;position:relative;} #mobilesearch .Searchform .text{width:71%;display:block;float:left;font-size:14px;position:absolute;left:0px;top:0px;height:100%;border:0;box-shadow:0px 1px 6px rgba(0,0,0,0.2) inset;padding-left:2%;padding-right:2%;} #mobilesearch .Searchform .btn_send{width:25%;float:left;border:0;position:absolute;right:0px;top:0px;height:100%;background-color:#f04702;color:#fff;} #mobileheader{height:60px;} #mobileheader_zz{display:block;height:60px;} #mobileheader .logo{max-width:125px;margin:0 auto;display:block;padding-top:12px;} #mobileheader .logo img{max-width:100%;width:100%;} #mobileheader .btn_menu{width:65px;position:absolute;left:0px;top:0px;bottom:0px;background:url(../images/icon_menu.png) no-repeat center center;background-size:100%;} #mobileheader .btn_search{width:65px;right:20px;bottom:0px;top:0px;position:absolute;background:url(../images/icon_search2.png) no-repeat center center;background-size:100%;} #mobileheader .btn_lan{width:65px;right:-30px;bottom:0px;top:17px;position:absolute;background-size:100%;} .SubTitle{height:auto;line-height:normal;font-size:20px;margin-top:5%;margin-bottom:3%;padding-bottom:8px;} .SubTitle .line{width:50px;margin-left:-25px;} .pages{padding-top:4%;padding-bottom:8%;} #Message .form label.options2{width:97.30%;} #Message .form label.options{margin-bottom:8px;} #Message .form label .text{height:32px;line-height:32px;} #Message .form .btn_send{height:35px;line-height:35px;margin-top:0px;} #Message .form label textarea{height:70px;} #Map .center{height:250px;} #contact{background:none;width:95%;} #contact h5{font-size:16px;margin-bottom:8px;} #contact .share{text-align:center;} #map{width:100%;} .Tab2{} .Tab2 li{margin-right:0px;width:33.333%;} .Tab2 li a{display:block;width:100%;text-align:center;} #ProductJieshao .btn_back{display:none;} .tableStyle{font-size:12px;} #Video{height:330px;} #Video .center{width:100%;} #Video .VideoPlay{width:90%;height:auto;} #Video .btn_play{width:60px;height:60px;background-size:100%;margin-left:-30px;margin-top:-30px;} #Introduction{width:95%;} #Introduction h4{font-size:16px;line-height:2.5;} #Introduction p{font-size:12px;line-height:2;} #PhotoShow .Tab_nr{height:auto;} #PhotoShow .photo_list{width:100%;} #PhotoShow .photo_list li{height:auto;width:40%;float:left;margin-left:5%;margin-bottom:2%;margin-right:5%;padding-top:30%;position:relative;} #PhotoShow .photo_list img{width:100%;max-width:100%;position:absolute;left:0;top:0; opacity:1;} #PhotoShow .PhotoShowGundong{height:auto;} #Floatingbar{ display:none;} #copyright{font-size:11px;} /*图片浏览窗口*/ #picbrowsewindow{position:fixed;overflow:auto;max-width:1080px;top:0px;right:0px;bottom:0px;left:0px;background:#fff;z-index:11600;} #picbrowsewindow .close_window{text-align:center;position:absolute;overflow:hidden;font-size:4em;color:#fff;top:0;right:0;margin-top:2.05%;margin-right:2.72%;padding-top:7.16%;padding-left:7.16%;background: #5f1d1b url(../images/close.png) no-repeat center center;border-radius:100px;cursor:pointer;z-index:1500;background-size:90% 90%;} #picbrowsewindow .close_window i{ display:none;} #picbrowsewindow .spinner > div{background-color:#bababa;} #picbrowsewindow .swiper-container{width:100%;height:100%;} #picbrowsewindow #picbrowsewindowSwiper{width:100%;height:100%;} #picbrowsewindow #picbrowsewindowSwiper .swiper-slide{text-align:center;overflow:hidden;} /*导航*/ #picbrowsewindow .swiper-pagination{bottom:0px;margin-bottom:2.95%;background-size:contain;} #picbrowsewindow .swiper-pagination .swiper-pagination-bullet{width:0px;height:0px;line-height:0px;margin-right:1.21%;margin-left:1.21%;padding-top:2%;padding-left:2%;background-color:#e4e4e4;opacity:1;border-radius:100px;} #picbrowsewindow .swiper-pagination .swiper-pagination-bullet-active{background:#c2b497;} }