@media screen and (min-width:1153px){ .gray:hover img{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); /*filter: gray;*/ } .ixproList a:hover .cover{ opacity:0; visibility:hidden; } .promore:hover .aw{ background-position:left center; } .promore:hover .txx{ color:#fff; } .promore:hover .bg{ width:100%; } .ixproList a:hover .line{ height:20%; } .ixproList a:hover .ico{ transform:translateY(-15px); -webkit-transform:translateY(-15px); opacity:0; visibility:hidden; } .ixproList a:hover .ch{ transform:translateY(-80px); -webkit-transform:translateY(-80px); } .ixproList a:hover .promore{ transform:translate(0); -webkit-transform:translate(0); opacity:1; visibility:visible; } .scapic:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1); } .abmore:hover{ background-color:#a2192b; border-color:#a2192b; } .abmore:hover .ico{ background-position:left center; } .ixnwList a:hover .line{ width:100%; background:#a2192b; } .ixnwList a:hover .nowti{ color:#a2192b; } .ixnwList a:hover .ixnwmore{ border-color:#a2192b; } .ixnwList a:hover .ixnwmore .ico{ background-position:left center; } .nwList a:hover .nowti{ color:#a2192b; } .nwList a:hover{ box-shadow:0 0 15px rgba(0,0,0,0.3); } .backList:hover .bg{ width:100%; } .swnews a:hover{ background:#a2192b; border-color:#a2192b; } .swnews .prev:hover .ico{ background-position:right center; } .swnews .next:hover .ico{ background-position:left center; } .down:hover{ color:#333; } .down:hover .ico{ background-position:center bottom; } .share .sa1:hover{ background-position:0 bottom; } .share .sa2:hover{ background-position:-30px bottom; } .share .sa3:hover{ background-position:-60px bottom; } .share .sa4:hover{ background-position:-90px bottom; } .downList a:hover{ background:#fff; } .downList a:hover .nowti{ color:#a2192b; } .downList a:hover .down2{ background:#a2192b; } .downList a:hover .pw{ border-color:#fff; } .pager a:hover{ background:#a2192b; } .dwipb .btn:hover{ background:#a2192b; } .witList .witA:hover{ box-shadow:0 0 16px -4px rgba(0,0,0,.3); background:#a82737; } .witList .witA:hover .txts{ color:#fff; } .witList .witA:hover .txts .lineb .line{ background:#fff; width:100%; } .witnav a:hover .promore{ transform:translateY(0); -webkit-transform:translateY(0); opacity:1; visibility:visible; } .witnav a:hover .ico{ transform:translateY(-15px); -webkit-transform:translateY(-15px); opacity:0; visibility:hidden; } .witnav a:hover .ch{ transform:translateY(-75px); -webkit-transform:translateY(-75px); } .witnav .act .promore{ transform:translateY(0); -webkit-transform:translateY(0); opacity:1; visibility:visible; } .witnav .act .ico{ transform:translateY(-15px); -webkit-transform:translateY(-15px); opacity:0; visibility:hidden; } .witnav .act .ch{ transform:translateY(-75px); -webkit-transform:translateY(-75px); } .sshop .sbtn:hover{ background-color:#a2192b; } .woList a:hover{ background:#a82737; box-shadow:0 0 16px -4px rgba(0,0,0,.3); } .woList a:hover .txts{ color:#fff; } .pronav a:hover .ico{ background-position:left center; } .pronav a:hover .name{ color:#a2192b; } .proobtn:hover .txx{ transform:translate(0); -webkit-transform:translate(0); opacity:1; visibility:visible; } .proList a:hover{ box-shadow:0 0 16px -4px rgba(0,0,0,.3); background:#a52031; } .proList a:hover .txts{ color:#fff; } .proList a:hover .txts .nowti{ color:#fff; } .proList a:hover .txts .sy{ color:#d37581; } .proList a:hover .ico{ background-position:left center; } .proList a:hover .lineb .line{ background:#fff; width:100%; } .pdnav a:hover{ background-position:left center; } .buyBtn:hover { background:#a2192b; } .poList a:hover .pomore .bg{ width:100%; } .nd-pic .slick-arrow:hover{ background-color:#a2192b; border-color:#a2192b; } .nd-pic .slick-prev:hover{ background-position:right center; } .nd-pic .slick-next:hover{ background-position:left center; } .nd-pic:hover .slick-arrow{ transform:translate(0); -webkit-transform:translate(0); opacity:1; visibility:visible; } .nd-pic .slick-arrow{ opacity:0; visibility:hidden; } .nd-pic .slick-prev{ transform:translateX(20px); -webkit-transform:translateX(20px); } .nd-pic .slick-next{ transform:translateX(-20px); -webkit-transform:translateX(-20px); } } @media screen and (min-width:1601px){ .ixproList a:hover .pa{ padding-top:3%; } } @media screen and (max-width:1600px){ .bannerTxts .b { padding-top: 22%; } .abtxts { padding-top: 3.75%; } .abmone .pa { padding: 12% 0 0 15%; } .abmone .en2 { margin-top: 30px; } .abmtwo .r .txts .lineb { height: 148px; top:-118px; } .wsqh{ height:730px; } .abmtwo .r .txts { right: 56.5%; } .ixproList .promore{ margin-top:0; } .ixproList a:hover .pa{ padding-top:0; } .ixwitti .pa { padding: 25.5% 0 0 15%; } .ixwitti .abti .txx { width: 350px; } .ixwitti .abti .txx li h3{ font:normal 12px/30px "微软雅黑"; } .abti2 .en,.abmtwo .l .txts .en,.ixproList .txts .en { font-size: 50px; } .ixwitList{ margin:34px 0 0 34px; } .pw2,.pw3{ width:1280px; } .proBanner .fixbg{ height:730px; } .poList .txts .pa { padding: 10% 55px 0 55px; } .poList .pomore { margin-top: 40px; } } @media screen and (max-width:1440px){ .nav .men,.httnav a, .htnav a { padding: 0 30px; } .abmtwo .r .txts { right: 71.5%; } .ixproList a:hover .ch{ transform:translateY(-88px); -webkit-transform:translateY(-88px); } .ixproList a:hover .en{ transform:translateY(-10px); -webkit-transform:translateY(-10px); } .ixproList .promore { margin-top: -10px; } .fnav li { margin-right: 50px; } } @media screen and (max-width:1366px){ /* pw */.pw,.pw2,.pw3{ width:1000px; } .nav .men,.nav .mch{ font-size:15px; } .header { padding: 45px 0 28px 0; } .logo { bottom: 31px; } .bannerTxts .en1,.bannerTxts .en3,.bannerTxts .ch{ font-size:20px; } .bannerTxts .en2 { font-size: 62px; margin: 31px 0 0 0; } .bannerTxts .en1 { margin-bottom: 15px; } .bannerTxts .en3 { margin-top: 23px; } .bannerTxts .b { padding-top: 21%; width:292px; } .bannerTxts { width: 1000px; margin-left: -500px; } .menu-handler{ right:0; } .abmtwo{margin-left:-500px; } .abtxts .txts { margin-top: 20px; } .abtxts .abmore { margin-top: 20px;; } .abti2 .en,.abmtwo .l .txts .en,.ixproList .txts .en { font-size: 40px; } .abmone .pa { padding: 12% 0 0 10%; } .abmtwo .r .txts .lineb { height: 128px; top: -98px; } .ix2 { padding-top: 85px; } .abti .line2 { margin-top: 30px; height: 75px; } .ixproList .txts .en{ margin-top:35px; } .ixproList .txts .pa { padding-top: 5.5%; } .ixproList a:hover .ch{ transform:translateY(-68px); -webkit-transform:translateY(-68px); } .ixproList .promore{ margin-top:-15px; } .ixwitti .pa { padding: 18% 0 0 10%; } .ixwitti .abti .txx{ width:300px; margin-top:30px; } .ixwitti .abti .abmore { margin-top: 35px; } .ixnwList a { width: 28.33%; margin-left: 5%; } .ixnwList{ margin-left:-5%; } .ixctati .pa{ padding:18% 0 0 10%; } .ixctas { margin-top: 60px; } .ixshop { margin-top: 70px; } .wsqh{ height:620px; } .fnav li { margin-right: 40px; } .footer { padding: 4% 3% 5% 3%; } .abmtwo .r .txts { right: 60.5%; } .downList .down2 { right: 0; } .downList .pa { padding: 50px 35px; } .witnav .txts{ top:35%; } .witnav a:hover .txts{ top:25%; } .witList .item{ width:25%; } .sshop{ margin-left:-500px; } .proBanner .fixbg{ height:600px; } .proList .txts{ padding:17px 20px 26px 20px; } .xybuy { bottom: 12%; } .xybuy .pa { padding: 40px 35px 70px 35px; } .stipbox { padding: 55px 30px; } .stipbox .s-input { width: 306px; } .stipbox .s-select { width: 452px; background-position: 423px center; } .stipbox .s{ width: 452px; } .stipbox .s .s-select { width: 218px; background-position: 187px center; } .ptpanel .fixbg { padding: 90px 0 105px 0; } .poList .txts { top: 12%; } .poList .txts .pa { padding: 13% 35px 0 35px; } .poList a { margin-top: 50px; } .pobox { padding: 40px 0 30px 0; } .pthone .txts .pa { padding: 12% 55px 0 55px; } .pthone .txts .b { left: 55px; bottom: 5%; } .pbabtxts{ margin-left:-500px; } .pbabtxts .ch { font-size: 28px; } /*wj*/ .joinpanel .head{padding: 30px 0 35px 45px} .joinpanel .head .ch{font-size: 26px;} .joinpanel .one .left .font{padding: 45px 30px 45px 45px;} .joinpanel .four .right .font b{padding-top: 20px;} .wjtitle,.wjBtnWra,.lbWra,.wjTow .listWra,.wjWra .listWra{width: 1000px;} .wjWra .hieL{margin-left: -1500px;} .wjWra .hieR{margin-left: 500px;} .wjTow .listWra li{width: 210px;height: auto;float: left;margin: 0 20px;} .lbWra .wjBtnPre{margin-left: -580px;} .lbWra .wjBtnNext{margin-left: 540px;} .wjTree .lbWras{margin-left: -500px;} .wjFour .wjListWra{width: 936px;} /*.wjFour .wjListWra ul li{width: 212.5px;height: 124px;}*/ .wjOne{padding-top: 100px;} .wjTow{padding-bottom: 70px;padding-top: 70px;} .wjTree{padding-top: 80px;padding-bottom: 600px;} .wjTree .lbWras{margin-top: 50px;} /*.wjTree .lbWras .listWra ul li{width: 200px;height: 120px;}*/ /*.wjTree .lbWras .listWra{width: 615px;} .wjTree .lbWras{width: 686px;}*/ .wjTree .lbWras .listWra{height: 130px;} .wjTree .lbWras .wjBtnPre,.wjTree .lbWras .wjBtnNext{height: 130px;} .texta textarea{width: 452px !important;} .wjtitle .en{font-size: 40px;} .nd-pic .picbox { height: 600px; } } @media screen and (max-width:1281px){ /*.logo { width: 222px; margin-left: -111px; }*/ .httnav a,.htnav a { padding: 0 15px; } .nav .men,.nav .mch,.httnav a,.htnav a{ font-size:14px; } .abmtwo .r .txts { right: 70.5%; } .pbtxts { top: 40%; } } @media screen and (max-width:1152px){ .header{ display:none; } .header2{ opacity:1; visibility:visible; transform:none; -webkit-transform:none; -ms-transform:none; -moz-transform:none; -o-transform:none; } .htnavbox{ display:none; } .header2{ height:60px; padding:0; left:0; right:0; } .logo2{ top:19px; left:3.5%; } .content{ padding:0; } .mtop{ height:61px; } .bamouse{ display:none; } .banum{ bottom:3%; } .bannerTxts { width: 90%; margin-left:0; left:5%; } .bannerTxts .b { padding-top: 19%; } .abtxts .txts { width: 604px; } .abmtwo .r .txts { right: 79.5%; } .ixproList a:hover .ch,.ixproList a:hover .en{ transform:none; -webkit-transform:none; opacity:1; visibility:visible; } .ixproList .promore { display:none; } .ixproList .txts .ico{ transform-origin:center bottom; -webkit-transform-origin:center bottom; transform:scale(0.7); -webkit-transform:scale(0.7); } .ixproList .txts .pa{ padding-top:3%; } .ixproList a:hover .pa{ padding-top:3%; } .gray img{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); /*filter: gray;*/ } .ixwitList { margin:0; } .ixwitList .item{ width: 33.33%;} .ixctati .pa { padding: 18% 8% 0 8%; } .ixctas .ca .ch { font-size: 14px; } .ixshop{ width:100%; box-sizing:border-box; padding-left: 20px; padding-right:20px; background-position:right center; background-origin:content-box; margin-top: 60px; } .ixctas .ca .ico{ transform-origin:left top; -webkit-transform-origin:left top; transform:scale(0.8); -webkit-transform:scale(0.8); } .ixctas .ca { padding-left: 35px; } .ixctas { margin-top: 50px; } .fnav{ display:none; } .footer { padding: 45px 5% 55px 5%; } .ftx { margin-top: 20px; } .ixwitti .pa { padding: 18% 8% 0 8%; } .ixwitti .abti .txx{ width:100%; } .ixwitList .item a { margin: 2px; } .witnav a:hover .txts{ top:35%; } .poList .txts { top: 0; } .poList .txts .pa { padding: 45px 35px 0 35px; } .poList .txts .tx { margin-top: 15px; } .poList .pomore { margin-top: 25px; } .pobox { padding: 0 0 30px 0; } .pthone .txts .pa { padding: 45px 35px 0 35px; } .pthone .txts .b{ left:35px; } .pthone .txts .tx { margin-top: 15px; } /*wj*/ .lbWra .wjBtnPre{margin-left:-540px} .lbWra .wjBtnNext{margin-left: 500px;} .nd-pic .slick-arrow{ background-color:rgba(162,25,43,.5); border-color:rgba(162,25,43,.5); } .nd-pic .slick-prev{ background-position:right center; } .nd-pic .slick-next{ background-position:left center; } } @media screen and (max-width:1024px){ /* video layer */.vwrap .videobox { width: 700px; margin-left: -350px; }/* video layer end */ /* fixbg */.fixbg{ background-attachment:scroll; } /* pw */.pw,.pw2,.pw3{ width:90%; } .abmtwo { margin-left:0; left:5%; } .ix2 { padding-top: 65px; } .ixproList .txts .ico { transform: scale(0.5); -webkit-transform: scale(0.5); } .ixproList .txts .pa{ padding-top:1%; } .ixproList a:hover .pa{ padding-top:1%; } .abti .line2 { margin-top: 20px; height: 55px; } .ixctas .ca .en { font-size: 14px; } .nwbox .r { width: 70%; } .nwbox .l { width: 27%; } .nwbox .r .pa { padding: 45px 35px 0 35px; } .downList .pa { padding: 35px 0px; } .witList .witA { margin: 5px; } .sshop { margin-left:0; left:5%; top: 22%; } .woList .txts { padding: 30px 20px 40px 20px; } .xybuy { bottom: 5%; } .stipbox .s-input { width:80%; box-sizing:border-box; } .stipbox .s,.stipbox .s-select { width: 100%; background-origin:content-box; background-position:right center; } .stipbox .s .s-select{ width:49%; background-position:right center; } .pthone .txts .b{ display:none; } .pbabtxts { left:5%; margin-left:0; } /*wj*/ .joinpanel .head{padding: 30px 0 35px 25px;} .wjp p{padding: 10px 25px 0 30px} .wjp b{padding: 55px 0 0 25px;} .wjp .hr{margin-left: 25px;} .wjtitle,.wjBtnWra{width: 800px;} .wjFour .wjListWra{width: 847.5px;} .wjFour .wjListWra ul li{margin:0px;margin-right: 10px;margin-top: 10px;margin-left: 10px;} .wjTree .lbWras{margin-left: -400px;} .wjWra .listWra{width: 800px;} .wjWra .listWra ul li{width: 265px;} .wjBtnWra{margin-top: 20px;width: 90%;} .wjTow .listWra{width: 750px;} .lbWra .wjBtnPre{margin-left: -440px;} .lbWra .wjBtnNext{margin-left: 400px;} .wjWra .hieL{margin-left: -1400px;} .wjWra .hieR{margin-left: 400px;} .wjTree .lbWras{width: 610px;margin-left: 5%;left: 0;} .wjTree .lbWras .listWra{width: 540px;} .wjWra .listWra ul li{ margin-bottom: 40px;} } @media screen and (max-width:861px){ /* video layer */.vwrap .videobox { width: 560px; margin-left: -298px; }/* video layer end*/ /* mcv */.mcv{ display:block; } .banum{ display:none; } .banner .pic{ position:relative; } .banner .bx-wrapper .bx-pager.bx-default-pager a{ background:#fff; } .banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .banner .bx-wrapper .bx-pager.bx-default-pager a.active { background: #a2192b; } .banner .bx-wrapper .bx-pager{ bottom:5%; } .bannerTxts .b{ transform:none; -webkit-transform:none; opacity:1; visibility:visible; padding-top: 20%; width: 242px; } .bannerTxts .en2 { font-size: 32px; margin-top:15px; } .bannerTxts .en1 { margin-bottom: 0px; } .bannerTxts .en1, .bannerTxts .en3 { font-size: 18px; } .bannerTxts .en3 { margin-top: 8px; } .bannerTxts .dot { width: 5px; height: 3px; } .bannerTxts .ch { font-size: 16px; } .logo2 { left: 5%; } .abtxts .txts{ width:100%; } .abmtwo{ position:static; margin:0 auto; } .wsqh{ height:auto; } .abmone{ display:none; } .abmtwo .pa{ padding-right:0; } .abmtwo .r .txts .lineb{ display:none; } .abmtwo .r .txts{ padding-top:15px; right:25px; } .abmtwo .l .txts{ bottom:15px; } .abtxts { padding:35px 0; } .abti .line2{ display:none; } .ixproList{ margin-top:35px; } .ixproList .pic{ display:none; } .ixproList .txts{ position:relative; } .ixproList .txts .pa{ padding-top:0; padding-bottom:40px; } .ixproList a:hover .pa{ padding-top:0; } .ixproList a{ background-position:center center; background-repeat:no-repeat; background-size:cover; } .ixwitti{ width:100%; float:none; background-image:none; } .ixwitti .pa { padding: 40px 5%; } .ixwitbox{ width:100%; float:none; } .ix4 { padding: 65px 0; } .ixnwList { margin-top: 45px; } .ixnwList a { width: 45%; margin-left: 5%; } .ixnwList a:nth-child(3){ display:none; } #map{ height:460px; width:100%; float:none; } .ixctati{ width:100%; float:none; background-image:none; } .ixctati .pa{ padding:40px 5%; } .ix2 .abti{ padding:0 5%; } .pbanner .pic{ position:relative; } .picw img { transform:none; -webkit-transform:none; opacity: 1; } .nwList a { width: 47%; } .ndpics .slick-dots { padding: 12px 15px; } .nwbox .r { width: 65%; } .nwbox .l { width: 32%; } .ndtibox .down{ position:relative; margin-top:10px; } .ndtibox { padding-bottom: 10px; } .ndti{ width:100%; } .ndti .sy{ margin-top:8px; } .nwbox .r .pa { padding: 40px 20px 0 20px; } .ndti .ti { font-size: 18px; } .downList .txts .nowti { width: 65%; } .witnav .txts .ico{ transform-origin:center bottom; -webkit-transform-origin:center bottom; transform:scale(0.6); -webkit-transform:scale(0.6); } .witnav .txts .en{ font-size:30px; margin-top: 25px; } .witnav .txts .ch{ font-size:14px; } .witnav .txts { top: 25%; } .witnav a:hover .txts{ top:25%; } .witList .item { width: 33.33%; } .sshop .s { margin-top: 20px; } .sshop{ position:static; margin:0 auto; padding:45px 0; } .wo1 .pic{ display:none; } .woList a{ width:47%; } .pronav .line{ display:none; } .pronav a{ margin:0 20px; } .pronav .ico{ transform-origin:center bottom; -webkit-transform-origin:center bottom; transform:scale(0.7); -webkit-transform:scale(0.7); } .pronav { padding: 50px 0 50px 0; } .proBanner .fixbg { height: 500px; } .proBanner .txts .en { font-size: 48px; } .proList a{ width:47%; } .proList { margin-top: 55px; } .pdpics { width:100%; } .xybuy{ width:100%; position:static; background:none; } .xybuy .pa { padding: 40px 20px 50px 20px; } .ppnum{ display:none; } .pdpics .slick-arrow{ top:50%; bottom:auto; margin-top:-20px; } .pdpics .slick-next{ right:30px; left:auto; } .xybuy .tx{ height:auto; } .pdhb{ width:100%; } .pdhots { padding: 65px 0 55px 0; } .stipbox li{ width:100%; float:none; } .stipbox .s-input{ width:100%; } .poList a { padding-right:0 !important; padding-left:0 !important; } .pobox { padding: 0 5% 30px 5%; } .poList .txts{ position:static; width:100%; } .poList .txts .pa ,.pthone .txts .pa{ padding: 45px 35px 45px 35px; } .pthone{ padding:0; width:90%; margin:0 auto; margin-top:30px; } .pthone .txts{ position:static; width:100%; } .pthtwo { padding: 40px 0 50px 0; } .pbabtxts .pa { padding-left: 0; } .abobox .l,.abobox .r { width: 100%; float:none; } .abotxts li{ border:none; padding: 0 0 70px 0; } #abo2,#abo3,#abo4{padding: 0 0 70px 0;} #abo4{padding-bottom:70px;} .abotxts .lineb{ display:none; } .abotxts{ margin-top:45px; } .abopanel { padding-top: 60px; } .aboti { margin-bottom: 10px; } /*wj*/ .joinpanel .one .left,.joinpanel .one .right,.joinpanel .four .right .font,.joinpanel .four .right .img,.joinpanel .four .left .img,.joinpanel .four .left .font,.joinpanel .three .left,.joinpanel .three .right,.joinpanel .three .right .img{width: 100%;} .joinpanel .one,.joinpanel .three,.joinpanel .four,.joinpanel .four .left,.joinpanel .four .right,.joinpanel .five{height: auto;overflow: hidden;} .joinpanel .one .left,.joinpanel .one .right,.joinpanel .three .right .font{height: auto;} .joinpanel .tow .right b{padding: 20px 0 0 60px} .joinpanel .three .left .font{position: inherit;} .joinpanel .img img{display:block !important;} .joinpanel .img.cur{background: none !important;} .wjp b{padding: 25px 0 0 25px} .wjp p{padding:10px 25px 30px 30px} .joinpanel .three .left .font{padding-bottom: 0px;} .joinpanel .five .right,.joinpanel .five .left{width: 100%;position: inherit;} #wjSubNav{display: none;} .wjIco01{overflow: auto;} .joinpanel .one .left .font{padding: 25px 30px 45px 25px;} .wjFoot{display: none;} .wjFoot.mobileS{display:block;overflow: hidden;} .wjFoot.mobileS{position: inherit;left: 0;margin-left: 0;height: auto;overflow: hidden;} .wjFoot.mobileS p{font-size: 14px;} .wjFoot li.cur3{width: 100%;} .wjFoot li .ico{width: 25px;height: 25px;margin: 5px;} .joinpanel .tow{height: auto;overflow: hidden;} .joinpanel .tow > *{height:auto;width: 100%;} .wjS img{display: block;} .joinpanel .tow .left,.joinpanel .tow .right{width: 100%;height: auto;} .joinpanel .tow .left{float:right} .mobaileShow{display: block;} .mobailehide{display: none;} .joinpanel .tow .right b{padding: 20px 0 0 20px;} .joinpanel .tow .right p{padding: 10px 20px 20px 20px;} #aboList li{width: 100%;height: auto;margin: 0;} .wjImgWra{width: 90%;} #viewPic .head p{text-align: left;text-indent: 20px;} #viewPic .head{height: 50px;line-height: 50px;} #viewPic .head ul li{padding: 10px;} .wjImgWra{margin-top: 20px;} .wjBigImg{margin-top: 20px;width: 90%;margin-left: 5%;} #aboList{padding-top: 20px;} .wjtitle{width: 90%;} .wjTow .listWra{width: 500px;} .lbWra{width: 100%;} .lbWra .wjBtnPre{margin-left: -340px;} .lbWra .wjBtnNext{margin-left: 300px;} .wjWra .listWra{width: 530px;} .wjWra .hieL{margin-left: -1250px;} .wjWra .hieR{margin-left: 250px;} .wjFour .wjListWra{width: 564px;} .fouList{display: none;} .filters img,.filters{filter: grayscale(0);-webkit-filter: grayscale(0);-webkit-transform:scale(1);transform:scale(1);} .filtRemove:hover .filters img{-webkit-transform:scale(1);transform:scale(1);} .filtRemove:hover .filters{-webkit-transform:scale(1);transform:scale(1);} .joinpanel .one .right .wjIm img{display:block;} .wjIm{background: none !important;} .texta textarea{width: 100% !important;} .wjimgBig{height: auto;background:none;margin-top: 20px;} .wjimgBig img{display:block;} .abobox .r.cur p{padding-top: 0px;} .wjMt1{margin-top: 10px;} #aboList li{margin-top: 20px;} .wjtitle .hr{margin-bottom: 20px;} .wjFour .wjListWra{height: 334px;} .wjBtnWra.cur .wjBtnNexts,.wjBtnWra.cur .wjBtnPres{width: 30px;height: 30px;} .nd-box { padding: 55px 35px; } .xw-con ul.xw1{ display: none; } .xw-con ul.xw2{ display: block; } } @media screen and (max-width:641px){ /* video layer */.vwrap .videobox { width: 400px; margin-left: -218px; height: 350px; margin-top:-175px;}/* video layer end*/ .bannerTxts .b{ padding-top:18%; } .banner .bx-wrapper .bx-controls-direction a{ height: 50px;} .abmtwo .l .txts .ch { font-size: 14px; } .abmtwo .l .txts .en{ font-size:24px; margin-top:8px; } .abmtwo .abmore{ transform-origin:left top; -webkit-transform-origin:left top; transform:scale(0.6); -webkit-transform:scale(0.6); } .abmtwo .l .txts { bottom: 0px; padding-left:15px; } .abmtwo .r .txts { right: 15px; font-size:12px; } .pbtxts .en { font-size: 52px; } .nwbox .l{ width:100%; float:none; } .nwbox .r{ width:100%; float:none; margin-top:33px; } .ndpanel { padding: 55px 0; } .downList .txts { padding-left: 208px; } .down2 .line{ display:none; } .down2{ width:88px; padding:0; text-align:center; } .down2 .txx{ float:none; margin:0; } .downList .pic { width: 153px; height:84px; } .downList .txts { padding-left:168px; min-height: 84px; } .downList .txts .nowti { width: 70%; } .downList .txts .date { margin-top: 5px; } .downList .txts .sy { margin-top: 15px; } .downList .txts .nowti { font-size: 15px; } .downList .pa { padding: 25px 0px; } .witnav .txts { top: 20%; } .witnav a:hover .txts{ top:20%; } .sshop .s-select{ width:49%; margin-right:2%; background-origin:content-box; background-position:right center; } .sshop .s-select:nth-child(2n){ margin-right:0; } .pronav a { margin: 0 15px; } .proBanner .fixbg { height: 400px; } .proobtn{ bottom:15px; } .pdnav{ position:static; margin-top:30px; } .pdnav a { margin-left:0; margin-right:25px; } .pdhotList a{ width:30.33%; } .pbabtxts .ch { font-size: 22px; } .pbabtxts .en { font-size: 14px; margin-top: 2px; } /*wj*/ .joinpanel .five .right{padding-bottom: 0px;} .wjFoot {bottom: 15px;left: 0%;margin-left:20px;} .joinpanel .five .left{padding-bottom: 0px;} .wjMt{margin-top: 30px;} .joinpanel .six .sixList li{width: 50%;} .wjIco01{display: none;} .wjtitle{width: 90%;} .wjBtnWra{width: 90%;} .wjWra .listWra{width: 265px;} .wjBtnWra{width: 72px;margin-top: 20px;} .wjWra{margin-top: 20px;} .wjBtnWra.cur{width: 90%;} .wjFour{padding-top: 50px;padding-bottom: 50px;} .wjTree{padding-top: 40px;} .wjOne{padding-top: 20px;} .wjWra .listWra,.wjTow .listWra{width: 90%;} .fouList{display: none;} .lbWra .wjBtnPre{top: 30px;margin-left: -40px;} .wjTree .lbWras{position: inherit;margin-left: 0;left: 0;padding: 0;margin: auto;margin-top: 40px;} .wjTree{padding-bottom: 200px;} .wjFour .wjListWra{margin-top: 40px;} /*.wjFour .wjListWra ul li{margin: 0 0 20px 0;}*/ .wjBtnWra.cur .wjBtnPres{margin-right: 10px;} .wjBtnWra{width: 264px;} .lbWra .wjBtnPre{top: 0;margin-left: -40px;position:relative;width: 30px;height: 30px;display: inline-block;margin-top: 10px;} .lbWra .wjBtnNext{top: 0;margin-left: 10px;position: relative;width: 30px;height: 30px;display: inline-block;margin-top: 10px;} .lbWra{padding-top: 20px;} .wjTow .listWra{margin-top: 20px;} .wjWra .hieL,.wjWra .hieR{display: none;} .wjWra .listWra{width: 265px;} .wjWra{width: 265px;margin: 20px auto;} .wjTow .listWra{width: 500px;} .wjTree .lbWras{width: 300px;margin-left: 5%;left: 0;padding: 10px 0;} .wjTree .lbWras .listWra{width: 230px;} .wjFour .wjListWra,.wjBtnWra.cur{width: 90%;} .wjFour .wjListWra ul li{margin: 0;width: 300px;margin-bottom: 10px;} .wjTree .lbWras .listWra ul li{width: 220px;} .nd-pic .picbox { height: 450px; } } @media screen and (max-width:601px){ .bannerTxts .en1,.bannerTxts .dot,.bannerTxts .en2{ display:none; } .bannerTxts .b{ width:100%; left:0 !important; right:0 !important; padding-top: 23%; } .bannerTxts .en3{ margin-top:0; font-size:24px; } .bannerTxts .ch { font-size: 22px; } .abmtwo .r{ display:none; } .abmtwo .l{ width:100%; } .ixnwList .nowti { font-size: 16px; } #map { height: 360px; } .pbtxts { top: 37%; } .downList .txts .nowti { width: 65%; } .witList .item { width:50%; } .witnav .txts .ico{ transform:scale(0.5); -webkit-transform:scale(0.5); } .witnav .txts .en { font-size: 24px; margin-top: 15px; } .witnav .txts { top: 15%; } .witnav a:hover .txts{ top:15%; } .proList .txts { padding: 17px 15px 26px 15px; } .nd-ti{ font-size:18px; } } @media screen and (max-width:481px){ /* video layer */.vwrap .videobox { width: 300px; margin-left: -178px; height: 300px; margin-top:-150px; } /* video layer end*/ .bannerTxts .en3{ font-size:20px; } .wjWra .listWra ul li{ margin-bottom: 30px;} .bannerTxts .ch { font-size:18px; } .bannerTxts .b { padding-top: 21%; } .abmtwo .abmore{ margin-top:3px; } .abmtwo .l .txts { bottom: -5px; } .ix2 { padding-top: 45px; } .ixnwList a { width: 100%; margin-left: 0; margin-top:30px; } .ixnwList{ margin-left:0; } .ixnwmore { margin-top: 20px; } .ix4 { padding: 40px 0; } .ixnwList { margin-top: 0; } .ixnwList a:nth-child(3) { display:block; } #map { height: 260px; } .ixctas { margin-top: 35px; } .ixshop{ margin-top:40px; } .tools a{ float:left; margin-left:0; margin-right:10px; } .footer .r{ float:none; } .ftx { margin-top: 10px; } .footer { padding: 35px 5% 45px 5%; } .pbtxts .en { font-size: 28px; margin-top:10px; } .pbtxts .ch { font-size: 14px; } .nwList a { width: 100%; float:none; margin-left:0; } .nwList{ margin-left:0; } .newspanel { padding: 40px 0 50px 0; } .backList{ line-height:40px; padding-left:0; width:120px; text-align:center; height:40px; } .backList .line{ display:none; } .swnews .prev { margin-right: 8px; } .backbox { padding-bottom: 20px; } .ndpanel { padding: 40px 0; } .nwbox .r .pa { padding: 30px 15px 0 15px; } .ndti .ti { font-size: 16px; } .nwbox { padding: 40px 0 50px 0; } .ndtxts { padding: 35px 0 65px 0; } .downList .pic{ display:none; } .downList .txts { padding-left: 0; min-height:0; } .down2{ width:68px; } .downList .txts .nowti { width: 70%; } .downList .txts .sy { margin-top: 10px; } .pager a{ width:36px; height:33px; line-height:33px; margin: 0 1px; } .pager .prev, .pager .next { width: 56px; } .pager { margin-top: 40px; } .downpanel { padding: 25px 0 45px 0; } .ladown{ width:90%; margin-left:0; left:5%; height:156px; margin-top:-78px; } .ladown .pa { padding: 35px 15px 0 15px; } .dwipb .txt{ width:100%; box-sizing:border-box; } .dwipb{ padding-right:90px; position:relative; } .dwipb .btn{ position:absolute; top:0; right:0; } .witList .witA .txts .date{ width:100%; float:none; text-align:right; } .witList .witA .txts .ch{ width:100%; float:none; } .witList .witA .txts { padding: 13px 10px 20px 10px; } .witList .witA { margin: 2px; } .witpanel { padding: 40px 0 50px 0; } .witnav .txts .en { font-size: 16px; margin-top: 10px; } .witnav .txts .ch { font-size: 12px; } .witnav .txts .ico { transform: scale(0.4); -webkit-transform: scale(0.4); } .witnav .txts { top: 0%; } .witnav a:hover .txts{ top:0%; } .woList a { width: 100%; margin-left:0; float:none; } .woList{ margin-left:0; } .sshop .s-select{ padding:0 8px; } .wopanel { padding-bottom: 50px; } .pronav { padding: 0 0 25px 0; } .pronav .ico { transform: scale(0.5); -webkit-transform: scale(0.5); } .pronav a { margin:0; } .pronav .name{ padding:0 5px; font-size:12px; margin-top:8px; } .proBanner .fixbg { height: 300px; } .proBanner .txts .en { font-size: 32px; } .proobtn{ transform-origin:center bottom; -webkit-transform-origin:center bottom; transform:scale(0.75); -webkit-transform:scale(0.75); } .pronavtwo li > span { margin-right:0; position:absolute; top:0; left:0; } .pronavtwo li{ padding-left:50px; position:relative; } .pronavtwo { padding: 35px 0 25px 0; } .probox { padding: 45px 0 50px 0; } .proList { margin-top: 35px; } .proList a{ width:100%; margin-left:0; float:none; } .proList{ margin-left:0; } .pdnav a{ transform-origin:left center; -webkit-transform-origin:left center; transform:scale(0.8); -webkit-transform:scale(0.8);margin-right: 15px; } .pdnav{ margin-top:15px; } .pdpics .slick-prev{ left:5px; } .pdpics .slick-next{ right:5px; } .xybuy .pa { padding: 30px 10px 40px 10px; } .pdhotList a{ width:47%; } .pdhots { padding: 45px 0; } .pdhots .ti { margin-bottom: 25px; } .sertbox { padding: 45px 0 40px 0; } .stipbox { padding: 35px 15px; } .stipbox .ti { font-size: 20px; margin-bottom:25px; } .stipbox .name,.stipbox .s-input,.stipbox .r .txx,.stipbox .s-select,.stipbox .cb .txx{ font-size:14px; } .stipbox .s-input { padding: 8px 10px;} .stipbox .r .txx{ margin-left:6px; } .stipbox .r { margin-right: 25px; } .stipbox .s-select { height:43px; padding:0 10px 0 6px; } .stipbox ul { margin-bottom: 15px; } .stipbox .cb .sq { transform-origin:left center; -webkit-transform-origin:left center; transform:scale(0.8); -webkit-transform:scale(0.8); margin-left:6px; } .stipbox .cb { margin-top: 15px; } .stipbox .subBtn{ height:43px; width:130px; font-size:14px; } .mabox { display:none; } .ptpanel .fixbg { padding: 45px 0 55px 0; } .poList a{ margin-bottom:3%; margin-top:0; } .pobox { padding: 40px 5% 30px 5%; } .poList .txts .pa { padding: 35px 15px 35px 15px; } .abti .tx2{ margin-top:0; } .abopanel { padding-top: 40px; } .pbabtxts { top: 40%; } .pbabtxts .ch { font-size: 14px; } .pbabtxts .en { font-size: 12px; margin-top: 0px; } /*wj*/ .joinpanel .six .sixList li{width: 100%;} .wjTow .listWra{width: 300px;} .wjTow .listWra li{width:140px;margin: 0 5px;} .wjTree .lbWras{width: 300px;margin:20px auto 0;} .wjTree .lbWras .listWra{width: 230px;} .stipbox{width: 90%;} .stipbox { padding: 35px 5%; } .nd-box { padding: 45px 15px; } .nd-ti { font-size: 16px; } .nd-pic .picbox { height: 338px; } .nd-pic .slick-dots li { width: 8px; height: 8px; margin: 0 4px; } } @media screen and (max-width:400px){ } @media screen and (max-width:321px){ /* video layer */.vwrap .videobox { width: 260px; margin-left: -158px; height: 260px; margin-top:-130px; }/* video layer end*/ }