.gray:hover img { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); /*filter: gray;*/ }
@media screen and (min-width:1153px) {

.myPhone:hover p { background: rgba(0,0,0,.4) url("../images/mynum1.png") no-repeat 26px center; left: -220px; color: #fff; }
.myQQ:hover { background-image: url("../images/myqq1.png"); background-color: rgba(0,0,0,.1); }
.myweixin:hover p { background: rgba(0,0,0,.4) url("../images/wxs2.png") no-repeat 22px center; left: -220px; color: #fff; }
.myweixin:hover img { opacity: 1; visibility: visible; z-index: 1; filter: alpha(opacity='100'); }
	
.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 { font-size: 24px; transform: translateY(-96px); -webkit-transform: translateY(-96px); }
.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: #3b5997; border-color: #3b5997; }
.abmore:hover .ico { background-position: left center; }
.ixnwList a:hover .line { width: 100%; background: #3b5997; }
.ixnwList a:hover .nowti { color: #3b5997; }
.ixnwList a:hover .ixnwmore { border-color: #3b5997; }
.ixnwList a:hover .ixnwmore .ico { background-position: left center; }
.nwList a:hover .nowti { color: #3b5997; }
.nwList a:hover { box-shadow: 0 0 15px rgba(0,0,0,0.3); }
.backList:hover .bg { width: 100%; }
.swnews a:hover { background: #3b5997; border-color: #3b5997; }
.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: #3b5997; }
.downList a:hover .down2 { background: #3b5997; }
.downList a:hover .pw { border-color: #fff; }
.pager a:hover { background: #3b5997; }
.dwipb .btn:hover { background: #3b5997; }
.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: #3b5997; }
.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: #3b5997; }
.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: #3b5997; }
.poList a:hover .pomore .bg { width: 100%; }
.nd-pic .slick-arrow:hover { background-color: #3b5997; border-color: #3b5997; }
.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) {
.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 a:hover .pa { padding-top: 0; }
.ixwitti .pa { padding: 25.5% 0 0 40px; }
.ixwitti .abti .txx { width: 300px; }
.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) {
.logo { left: 30px; }
.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: -25px; }
.fnav li { margin-right: 50px; }
	.about_box3{ padding: 160px 3%;}
	.about_box4{ padding: 120px 0;}
}

@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 { 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: 22px; }
.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 40px; }
.ixwitti .abti .txx { width: 270px; 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; }
.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 { left: 14px; }
.logo2 img { }
.content { padding: 0 0 45px 0; overflow: hidden;}
.mtop { height: 61px; }
.bamouse { display: none; }
.banum { bottom: 3%; }
.bannerTxts { width: 90%; margin-left: 0; left: 5%; }
.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%; }
.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; }
.ftx { margin-top: 20px; }
.ixwitti .pa { padding: 18% 8% 0 14px; }
.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; }
.footer { padding: 20px 14px; }
.footer .box2 { margin-left: 30px; padding-left: 60px; }
/*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; }
.about_box2 .lower_box { width: 94%; }
	.w1100{ width: 94%;}
	.w1200{ width: 94%;}
	
.page_top{ height: 60px;}
}

@media screen and (max-width:1024px) {
.gray img { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); /*filter: gray;*/ }
/* 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%; display: none; }
.ix2 { padding-top: 65px; }
.ixproList .txts .ico { transform: scale(0.6); -webkit-transform: scale(0.6); }
.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; }
.about_box1 .between-center li .en { font-size: 100px; }
	.about_box5{ padding: 50px 0;}
	.about_box5 .between-center{ padding: 30px 0;}
	
}

@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: #3b5997; }
.banner .bx-wrapper .bx-pager { bottom: 5%; }
.bannerTxts .b { transform: none; -webkit-transform: none; opacity: 1; visibility: visible; width: 195px; }
.bannerTxts .b span { font-size: 30px; }
.bannerTxts .b i { font-size: 40px; line-height: 30px; }
.bannerTxts .b p { font-size: 16px; line-height: 24px; padding-bottom: 25px; }
.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; }
.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 14px; }
.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; }
.about_box2 { padding: 30px 0; }
.about_box2 .top_box { font-size: 30px; }
.about_box2 .lower_box { margin-top: 20px; padding: 20px; }
.about_box2 .lower_box .box_info::after, .about_box2 .lower_box .box_info::before { background-size: auto 25px; }
.about_box2 .lower_box .box_info { padding: 0 50px; }
.about_box2 .lower_box .box_info strong { font-size: 24px; }
.about_box2 .lower_box .box_info p { font-size: 14px; margin-top: 10px; }
	.about_box3{ padding: 100px 3%;}
	.about_box3 p{ font-size: 36px; padding-bottom: 20px;}	
	.about_box4{ padding: 80px 0;}
	.about_box4 .top_box{ padding-bottom: 30px;}
	.about_box4 .top_box span{ font-size: 36px;}
	.about_box4 .lower_box ul li{ margin-top: 50px;}
	.contact_box1{ padding: 50px 0;}
	.contact_box2{ padding: 0 5% 50px;}
	.contact_box2 .info .cen2{ font-size: 14px;}
	
	.single-projekte #content #project-navigation{ padding: 45px 0 30px; margin-top: ;}
	.single-projekte #content #project-navigation .next { padding-right: 40px; margin-top: 35px;}
	.single-projekte #content #project-navigation .next .arrow.right svg { right: 10px }
	.single-projekte #content #project-navigation .prev{ padding-left: 40px; }
	.single-projekte #content #project-navigation .prev .arrow.left svg { left: 10px }
	#project-navigation .back-to-all{ display: none;}
	.single-projekte #content #project-navigation .content h3{ margin-top: 10px;}
	
}

@media screen and (max-width:641px) {
/* video layer */.vwrap .videobox { width: 400px; margin-left: -218px; height: 350px; margin-top: -175px; }/* video layer end*/
.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; }
.footer { width: 100%; float: left; padding: 7px 14px 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.footer, .footer .between-center { display: block; }
.footer .box1 { display: none; }
.footer .box2 { width: 100%; float: left; margin: 10px 0 0 0; }
.footer .box3 { width: 100%; float: left; margin-top: 12px; }
	.foot_link{ width: 100%; float: left; padding: 10px 0; line-height: 1.5;}
	.foot_link p{ font-size: 15px; padding-bottom: 4px;}
	.foot_link a{ font-size: 12px;}
	
.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; text-align: center;}
.bannerTxts .b span { font-size: 17px; }
.bannerTxts .b i { font-size: 28px; line-height: 18px; margin-top: 8px; }
.bannerTxts .b p { font-size: 12px; line-height: 18px; padding-bottom: 0; }
.bannerTxts .b p::after { display: none; }
.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; }
.about_box1 { padding-top: 30px; }
.about_box1 .between-center { display: block; }
.about_box1 .between-center li { width: 100%; margin: auto; }
.about_box1 .between-center li .en { font-size: 60px; line-height: 20px; padding: 50px 0 0; }
.about_box2 { padding: 20px 0; }
.about_box2 .top_box { font-size: 22px; }
.about_box2 .lower_box { margin-top: 15px; padding: 18px 15px; }
.about_box2 .lower_box .box_info::after, .about_box2 .lower_box .box_info::before { background-size: auto 18px; height: 18px; display: none; }
.about_box2 .lower_box .box_info { padding: 0; }
.about_box2 .lower_box .box_info strong { font-size: 16px; }
.about_box2 .lower_box .box_info p { font-size: 13px; margin-top: 5px; }
	
	.about_box3{ padding: 50px 3%;}
	.about_box3 p{ font-size: 20px; padding-bottom: 10px;}
	.about_box4{ padding: 30px 0;}
	.about_box4 .top_box{ font-size: 12px; padding-bottom: 20px;}
	.about_box4 .top_box span{ font-size: 20px;}
	.about_box4 .lower_box ul li{ padding: 0 1%; margin-top: 25px;}
	.about_box4 .lower_box ul li i img{ height: 40px;}
	.about_box4 .lower_box ul li span{ font-size: 12px; padding: 0;}
	.about_box4 .lower_box ul li p{ font-size: 12px; display: none;}
	.about_box5{ padding: 15px 0;}
	.about_box5 .between-center{ display: block; padding: 20px;}
	.about_box5 .between-center span{ width: 100%; display: block; text-align: left; font-size: 16px;}
	.about_box5 .between-center p{ width: 100%; font-size: 12px; margin-top: 5px;}
	.about_box5 .between-center i{ bottom: 50%; margin-bottom: -17.5px;}
	.case_box1{ height: 180px;}
	.case_box1 .box_info{ font-size: 14px;}
	.case_box1 .box_info strong{ font-size: 18px;}
	.case_box2 .box1{ padding: 20px 0 10px; background: none;}
	.case_box2 .box1 p{ width: 100%;}
	.case_box2 .box1 img{ display: none;}
	.case_box2 .box2{ margin-top: 5px;}
	.fy{ padding: 20px 0;}
	.fy a{ width: 100%; font-size: 14px;}
	.fy a.fr{ text-align: left;}
	.news_box1 .box_info ul li{ width: 100%; margin-top: 20px;}
	.news_box1 .box_info ul li span{ margin-top: 3px;}
	.news_box1 .box_info ul li p{ margin-top: 0px; line-height: 22px; height: 66px;}
	.news_box1 .pagination{ padding: 20px 0;}
	.news_info_left,.news_info_right{ width: 100%;}
	.news_info_left .box1{ padding: 20px 0;}
	.news_info_left .box1 span{ font-size: 18px;}
	.news_info_left .box3{ padding-bottom: 0;}
	.news_info_left .box3 ul li{ margin-top: 2px;}
	.news_info_right{ padding: 0 0 20px;}
	.news_info_right .box1,.news_info_right .box2{ margin-top: 20px;}
	.news_info_right .box1 span,.news_info_left .box3 span{ padding-bottom: 5px;}
	.news_info_right .box1 ul li{ margin-top: 2px;}
	.news_info_right .box2 .zt_1{ line-height: 24px;}
	.contact_box1{ padding: 20px 0;}
	.contact_box1 .box1{ font-size: 14px;}
	.contact_box1 .box1 span{ font-size: 20px;}
	.contact_box1 .box1 i{ font-size: 30px; line-height: 30px; padding: 5px 0;}
	.contact_box2{ padding: 0 3% 20px;}
	.contact_box2 .imgs{ display: none;}
	.contact_box2 .map{ width: 100%; position: relative; height: 200px;}
	.contact_box2 .info{ width: 100%; position: relative; height: auto; padding: 20px 0;}
	.contact_box2 .info .cen2{ width: 90%;}
	.news_box1{ padding: 10px 0;}
	.news_box1 .pull-left,.news_box1 .pull-right{ width: 100%;}
	.GoTop,.myTop a.myweixin{ display: none;}
	.myTop{ height: auto; width: 60px; bottom: 20px; display: none;}
	.myPhone p{ background-position: 16.5px center;}
	.sj_foot{ display: block;}
	
}

@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; }
.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 20px; }
	.ix4 .more a{ margin-top: 10px;}
.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; }
.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*/
}