@media screen and (max-width:1620px){ 
.indexban .imgtext{margin-left:-39vw}
    .indexdbox .img{width:787px}
    .indexdbox .textbox{width:calc(100% - 787px)}
    .indexdbox .swiper-button-prev{right:32.223vw}
    .indexdbox .numbox{right:27.423vw}
}
@media screen and (max-width:1440px){ 
	.lh-header-r{ width:72%;}
	.z_header_nav li{ margin-right: 3vw;}
.indexban .imgtext{margin-left:-42vw}
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets{bottom:30px}
    .indexa .textbox{width:calc(100% - 580px - 4.2vw);margin-right:4.2vw}
    .indexarightbox .imgbox .img{width:260px}
    .iavideobox{width:580px}
    .indexa .textbox .text{height:286px}
    .icbotlist{padding:38px 25px 34px}
    .icbotlist:nth-of-type(1){height:42.20375vw;padding:4.88vw 40px 30px 40px}
    .icbotlist:hover .textbox .more{bottom:5px;opacity:1}
    .indexdbox .img{width:680px}
    .indexdbox .textbox{width:calc(100% - 680px);padding:4.5vw 6.145vw 10vw 5.208vw}
    .indexdbox .swiper-button-prev{right:38.023vw}
    .indexdbox .numbox{right:32.923vw;bottom:calc(20px + 5.65vw)}
    .indexdbox .textbox .morebox{margin-top:52px}
	.indexe .indexevl{ width: 530px;}
    .indexeleft{width:calc(100% - 560px);margin-right:60px}
    .indexevideobox{width:530px}
    .indexeleftlist{padding:9px 0}
    .indexeleft .top .img{width:290px;margin-top:7px}
    .indexeleft .top .textbox .title{font-size:20px;max-height:64px}
    .indexeleft .top .textbox .date{margin:8px 0 14px}
    .indexebox{height:380px}
.about1 .img, .about3 .img{width:600px}
    .about1 .textbox{width:calc(100% - 655px);margin-right:55px}
    .about1 .textbox .title1{font-size:42px}
    .about1 .textbox .title, .about3 .textbox .title{font-size:26px}
    .about3 .textbox{width:calc(100% - 670px);margin-left:70px;padding-top:50px}
    .about2 .title{width:80%;font-size:24px;margin-left:-40%}
    .hisconlist .textbox{padding:3vw 30px 30px 3.2vw}
    .hisconlist.active .textbox .year{font-size:30px}
    .hisconlist .textbox .textitems{max-height:188px}
    .hisconlist .textbox:after{font-size:140px;right:-25px;bottom:-45px}
	.casetop .img{width:700px}
    .casetop .textbox{width:calc(100% - 700px);padding:4vw 3vw 30px 4.5vw}
    .casetop .text{margin:22px 0 76px}
    .casedtopbox{padding:62px 60px 65px 65px;margin-top:-66px}
    .casedtopbox .img{width:500px;margin-top:5px}
    .casedtopbox .textbox{width:calc(100% - 510px - 4vw);margin-right:4vw}
    .casedtopbox .textbox .title{font-size:30px}
    .casedtopbox .textbox .text{margin:10px 0 25px;line-height:1.8}
    .casedbotbox{padding:0 70px 40px}
    .casedbotlist .name{width:240px;font-size:28px}
    .casedbotlist .name:after{width:28px;bottom:-24px}
    .casedbotlist .con{width:calc(100% - 240px)}
    .casedform{height:560px;margin-top:-230px}
    .casedform .title{font-size:20px;margin:-5px 0 10px}
	.casedform .title_2{margin:0 0 10px}
    .casedform .formlist input{height:42px}
    .casedform .formlist .name{line-height:42px}
    .casedform .formlist2 .code{width:100px;height:42px}
    .casedform .formlist2 .formlist{width:calc(100% - 110px)}
    .downloadalert .casedform{height:462px;margin-top:-231px}
	
    /*.proitem:nth-of-type(1) .img, .proitem:nth-of-type(2) .img{width:230px}*/
	.proitem .img{width:230px}
    .proitem:nth-of-type(1) .textbox .morebox, .proitem:nth-of-type(2) .textbox .morebox{margin-top:20px}
    .proitem:nth-of-type(1) .textbox .desc, .proitem:nth-of-type(2) .textbox .desc{height:56px;max-height:56px;-webkit-line-clamp:2;margin-top:15px}
	.proitems .proitem:nth-of-type(1) .img,.proitems .proitem:nth-of-type(2) .img{ width: 100%; text-align: center;}
	.proitems .proitem .img{ width: 100%; text-align: center;}
	.procenter .proitem .textbox{ padding-right:20px;width: calc(100% - 230px);}
    #container{height:500px}
    .contactmap{height:450px}
    .prod8 .proitem:nth-of-type(1) .img, .prod8 .proitem:nth-of-type(2) .img{width:100%}
	.comproformlist.code{width:220px}
	.newstjcp .proitem .img{width:100%}
	.newstjcp .proitem .desc,.newstjcp .proitem:nth-of-type(1) .desc,.newstjcp .proitem:nth-of-type(2) .desc{color:#666;text-align:center;margin-top:6px;max-height:20px;overflow:hidden;text-overflow:clip;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
	
}
@media screen and (max-width:1380px) {
.lh-header-r{width:72%;}
	.z_header_nav li{ margin-right: 2.8vw;}
.tit_1{ font-size:26px; line-height:64px; letter-spacing:3px;}
.tit_1 h1{ height:64px; line-height:64px; font-size:80px; letter-spacing:6px;}
.ul_2 .zbox .zbox_box:hover .zbox_down{ padding:66px 40px 0 40px;}
.ul_2 .zbox .zbox_box .pic{ height:368px;}
	.icbotlist:nth-of-type(1){height:42.70375vw}
    .indexdbox .img{width:650px}
    .indexdbox .textbox{width:calc(100% - 650px)}
    .indexdbox .swiper-button-prev{right:37.323vw}
    .indexdbox .numbox{right:31.423vw}
}
@media screen and (max-width:1280px){ 
	.lh-header-r{width:68%;}
	.z_header_nav li{ margin-right: 3.4vw;}
	.lh-header-a{ display:none;}
	ul.lh-nav>li{ padding-left: 10px; padding-right: 10px;}
	.lh-header-r{width:70%;}
	.lh-nav{width:100%;}
.ljlanguage{ display: none;}
	.lh-header-tel{ display:none;}
    .indexban .imgtext{margin-left:-44vw}
    .icbotlist:nth-of-type(1){height:45.30375vw}
    .indexdbox .img{width:580px}
    .indexdbox .textbox{width:calc(100% - 580px)}
    .indexdbox .swiper-button-prev{right:34.023vw}
    .indexdbox .numbox{right:28.423vw}
	.indexeleft .top .img{ margin-top:0;}
	.indexeleft .top .textbox.lf{ clear: both;}
	.indexeleft .top .textbox .text,.indexeleft .top .textbox .date,.indexeleft .top .textbox a.more{ display:none;}
	.indexeleft .top .textbox{ width:100%;margin-left:0;}
	.indexeleft .bot{ margin-top:14px;}
	.casetop .img{width:580px}
    .casetop .textbox{width:calc(100% - 580px);padding:3vw 2.5vw 30px 3.5vw}
    .casetop .text{margin:18px 0 56px}
}
@media screen and (max-width:1024px){ 
/*nav*/
.lh-header-l{position:absolute; right:0; top:0;}
	.lh-header-r .z_header_nav{display:none;}
	.lh-logo{left:10px;}
	.lh-header-b{display:none;}
	.lh-sidebar{transform:translateX(0); opacity:0; width:100%; height:100%; padding-top:50px;}
	.lh-sidebar-item{width:100%; padding-top:67px;}
	.lh-search-layer{top:50px; padding:0 20px; background:none; height:40px;}
	.lh-search{height:40px; line-height:40px; margin-top:15px;}
	.lh-search input,.lh-search a{height:40px; line-height:40px;}
	.lh-search input{padding:0 10px; font-size:14px;}
	.lh-search a{width:85px; font-size:12px;}
	.lh-search-close{display:none;}
	.webOn .lh-sidebar,.webOn .lh-search-layer{visibility:visible; opacity:1;}
	.lh-sidebar-item li{line-height:40px; padding:0 20px;}
	.lh-sidebar-tel{width:100%;}
	.lh-sidebar-a,.lh-sidebar-b{position:absolute; left:0; top:0; width:100%; height:100%; padding-top:50px; z-index:6; visibility:hidden; opacity:0;}
	.lh-sidebar-two{width:100%; top:50px;transform:translateX(0); visibility:hidden; opacity:0; left:0; padding-top:95px;}
	.lh-sidebar-two li{line-height:40px; padding:0 30px;}
	.lh-sidebar-a.on,.lh-sidebar-b.on{visibility:visible; opacity:1;}
	.lh-sidebar-two.on,.lh-sidebar-three.on{visibility:visible; opacity:1;}
	.lh-return{display:block; color:#fff; z-index:8; position:absolute; left:20px; top:120px;}
	.lh-sidebar-b{z-index:7;}
	.lh-sidebar-three{width:100%; top:50px;transform:translateX(0); visibility:hidden; opacity:0; left:0; padding-top:95px;}
	.lh-sidebar-three li{line-height:40px; padding:0 30px;}
/*nav结束*/
	.indexevl.lr{ float:none; margin: 0 auto 0; text-align: center;}
.middlebox{ padding-top:0;}
.tit_1{ font-size:24px; line-height:44px; letter-spacing:2px;width: 100%;text-align: center;}
.tit_1 h1{ display:none;}
.fp-scrollable { overflow:visible;}
.m-bann{display:block}
.pcbanner{display:none}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets{bottom:10px}
.m-bann>.swiper-pagination-bullets .swiper-pagination-bullet{width:22px;height:4px;border-radius:4px;opacity:1;background-color:#fff}
.m-bann>.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:#00a5e2}
.indexban .imgtext{width:100%;left:30%;margin-left:0;padding:0 15px;top:33%}
.indexban .imgtext img{max-width:50%}
.indexban .swiper-slide-active .imgtext{left:0}
.indexa, .indexc{padding:50px 0}
.indexa .textbox{width:100%;margin-right:0}
.indexa .textbox .title{margin:20px 0 8px}
.indexa .textbox .text{height:100px;line-height:1.8}
.indexarightbox .imgbox{display:none}
.indexa .textbox .more{display:none;width:186px;padding-left:30px;height:42px; margin:20px auto;}
.indexa .textbox .more .moretext{line-height:40px}
.indexa .textbox .more .icon{margin-top:16px}
.iavideobox{width:100%;margin-top:30px;}
	.iavideobox .img img{ margin:0 auto;}
	.indexa .indexarightbox.lr{ float:none;}
	.indexa .textbox.lf{ float:none;}
.indeextop .more{display:none}
.indeextop .histitle{width:100%;text-align:center}
	.slideGroup .hd{ width:100%; top:-80px;}
	.slideGroup .hd ul .slick-track{}
.indexc .icbot{margin-top:30px}
.indexc .swiper-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.icbotlist:nth-of-type(1){height:auto}
.icbotlist{margin-bottom:0;margin-right:0;padding:65px 20px 40px}
.icbotlist:nth-of-type(1){padding:65px 20px 40px;background-image:none}
.icbotlist:nth-of-type(1) .textbox .title{font-size:18px;max-height:24px}
.icbotlist:nth-of-type(1) .img, .icbotlist .img{padding:0 30px}
.icbotlist:nth-of-type(1) .textbox, .icbotlist .textbox{margin-top:35px}
.indexc .swiper-container{padding-bottom:35px}
.indexc .swiper-pagination{display:block;bottom:0}
.indexc .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:6px;height:6px;background-color:#c4c4c4;border-radius:6px;margin:0 6px;opacity:1}
.indexc .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{width:16px;background-color:#e60012}
.indexdbox .img{width:100%}
.indexdbox .textbox{width:100%;padding:35px}
.indexdbox .textbox .title{font-size:18px;max-height:24px;margin:4px 0 10px}
.indexdbox .textbox .text{line-height:1.8;max-height:50px;-webkit-line-clamp:2}
.indexdbox .numbox, .indexdbox .swiper-button-next, .indexdbox .swiper-button-prev{display:none}
.indexdbox .textbox .morebox{margin-top:35px}
.indexd{padding:50px 0 100px;position:relative}
.indexdbox{padding-left:15px;margin-top:15px}
.indexd .indeextop .more{display:block;width:186px;padding-left:30px;height:42px;position:absolute;bottom:40px;left:50%;margin-left:-83px}
.indeextop .more .moretext{line-height:40px}
.indeextop .more .icon{margin-top:16px}
	
.indexebox{height:auto}
.indexe{padding:50px 0 70px}
.indexenav{width:100%;text-align:center;margin-top:15px}
.indexenavlist{margin:0 6px;display:inline-block;float:none}
.indexebox{margin-top:30px}
.indexelist{position:static}
.indexevideobox{width:100%}
.indexeleft{width:100%;margin-right:0;display:none}
.indexevideobox .player{Width:40px;height:40px;margin-top:-20px;margin-left:-20px}
.wapindexeitems{display:block}
.indexc .swiper-container{overflow:hidden}
	.merchantsform .merselect:hover .merselectbox{top:61px;visibility:visible;z-index:10;opacity:1}
    .merchantsform .merselect:hover .icon img{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);}
.about1, .about3{padding:50px 0}
    .about1 .textbox{width:100%;margin-right:0}
    .about1 .textbox .title1{font-size:28px}
    .about1 .textbox .title, .about3 .textbox .title{font-size:20px}
    .about1 .textbox .title{margin:8px 0 20px;width:100%}
    .about1 .textbox .text, .about3 .textbox .text{line-height:1.6}
    .about1 .img, .about3 .img{width:100%}
    .about1 .img{margin-top:35px}
    .about2{width:100%;height:300px}
    .about2 .wrap{height:300px}
    .about2 .title{width:100%;font-size:20px;margin-left:-50%;padding:0 15px}
    .about3 .textbox{width:100%;padding-top:35px;margin-left:0}
    .about3 .textbox .text{margin-top:15px}
    .merchants, .history{padding:50px 0 60px}
    .mertitle, .histitle{font-size:24px; text-align:center;}
    .merformlist{width:100%;margin-right:0;margin-bottom:20px}
    .merchantsform{margin-top:30px}
    .merformlist .input input{height:46px;padding:0 10px}
    .merformlist .input, .merselect{margin-top:8px}
    .merselect{height:46px;padding:5px 10px}
    .merselecttop .name, .merselecttop .icon{height:34px;line-height:34px}
    .merchantsbtn{height:46px;line-height:46px;width:100%}
    .hisslidebox{margin-top:25px}
    .hisslide .yuan, .hisslide .yuan1{width:60px;height:60px}
    .hisslide .year{line-height:60px;font-size:16px}
    .hisslide .swiper-slide-active .yuan{width:100px;height:100px;margin-top:-50px;margin-left:-50px;padding:15px}
    .hisslide .swiper-slide-active .yuan1{width:70px;height:70px}
    .hisslide .swiper-slide-active .year{line-height:70px;font-size:20px}
    .hisslide .yuan{margin-top:-30px;margin-left:-30px}
    .hisslide{padding:0 40px}
    .hisslide .swiper-button-next{right:-5px}
    .hisslide .swiper-button-prev{left:-5px}
    .hisslide .swiper-button-next, .hisslide .swiper-button-prev{width:34px;height:34px;margin-top:-17px}
    .hisconbox{margin-top:25px}
    .hisconlist .img{width:100%}
    .hisconlist .textbox{width:100%;padding:15px 20px 50px 20px}
    .hisconlist .textbox:after{font-size:80px;right:-20px;bottom:-25px}
    .hisconlist .textbox .year{font-size:26px}
    .hisconlist .textbox .textitems{margin-top:10px;max-height:initial}
    .hisslide .swiper-slide:nth-last-of-type(1), .hisslide .swiper-slide:nth-last-of-type(2){display:none}
    .honor{padding:50px 0 55px}
    .honorbox{margin-top:30px}
    .honorlist{padding:0 10px;width:50%;margin-bottom:20px}
    .honorlist .title{font-size:14px;margin-top:10px}

	.case{padding:50px 0 60px}
    .casetop .img{width:60%}
    .casetop .textbox{padding:30px 20px;border-left:1px solid #eee;width: 40%;}
    .casetop .text{margin:8px 0 20px}
    .casetop .title, .casedtopbox .textbox .title{font-size:22px}
    .casetop .text{line-height:1.8;max-height:125px}
    .casetop .more{width:150px;padding-left:15px;height:44px}
    .casetop .more .moretext{line-height:44px}
    .casetop .more .icon{margin-left:6px;margin-top:18px}
    .caseitem{width:100%;margin-right:0;margin-bottom:20px}
    .caseitem .textbox .box{padding:30px 20px}
    .caseitem .title{font-size:20px}
    .caseitem .text{max-height:38px;-webkit-line-clamp:2;margin-top:8px}
    .caseitem .more{position:static;opacity:1;margin-top:20px}
    .caseitem .textbox{height:auto}
    .casemore{width:140px;height:46px;line-height:46px;margin:20px auto 0}
    .casedtopbox{padding:35px 15px 0;margin-top:0}
    .casedtopbox .img{width:100%;margin-top:20px}
    .casedtopbox .textbox{width:100%;margin-right:4vw}
    .casedtopbox .textbox .immediately{width:126px;height:42px;line-height:42px}
    .casedbotnav{padding:20px 0}
    .casedbotnavlist{padding:0 15px}
    .casedbotnavlist a{font-size:14px}
    .casedbotnavlist.cur a:after, .casedbotnavlist:hover a:after{bottom:-20px}
    .casedbotbox{padding:0 15px 20px}
    .casedbotlist{padding:20px 0}
    .casedbotlist .name{width:100%;text-align:center;font-size:22px}
    .casedbotlist .con{width:100%;margin-top:30px;min-height:initial}
    .casedbotlist .name:after{width:22px;height:3px;bottom:-10px;left:50%;margin-left:-11px}
    .casedconslidebox .swiper-slide{padding:30px 35px 40px}
    .casedconslidebox .swiper-button-next{left:auto;right:10px;bottom:auto;top:50%;margin-top:-17px}
    .casedconslidebox .swiper-button-prev{left:10px;top:50%;margin-top:-17px}
    .casedetailrec{padding:35px 0 55px}
    .caseitems{margin-top:30px}
    .casedform{width:94%;height:440px;margin-top:-220px;margin-left:-47%}
    .casedform .title{font-size:18px;margin:-10px 0 5px}
	.casedform .title_2{margin:0 0 5px}
    .casedform .formlist input{height:36px}
    .casedform .formlist .name{line-height:34px}
    .casedform .formlist.tqm{margin-bottom:10px; width: 46%; float: left;}
    .casedform .formlist textarea{height:75px}
    .casedform .btn{width:46%;height:46px;line-height:46px; float:right;}
    .news{padding:50px 0 60px}
    .nesitem .img, .nesitem .img img{width:100%}
    .nesitem .textbox{width:100%;padding:25px 0 0 0}
    .nesitem .box{padding:20px 15px}
    .nesitem .textbox .text{margin-top:15px}
    .newsdl{width:100%;margin-right:0}
    .newsdl .title, .newsdr .titlebox .cntitle{font-size:22px}
    .newsdr{width:100%;margin-top:40px}
    .newsdr .top{padding:35px 30px}
    .newsrecommitem{padding:20px 0}
    .newsrecommitem:nth-last-of-type(1){padding:20px 0 0}
    .newsrecommitem .title{margin-top:4px}
    .newsrecommitem .textbox{margin-top:15px}
    .newsrecommitem .img img{width:100%}
    .newspagerlist{padding:15px 0}
    .newsdlbot{margin-top:30px;padding-bottom:15px}
    .newsdbox{padding:50px 0}
    .casedform .form{padding:0 5%}
    .downloadalert .casedform{height:360px;margin-top:-180px}
	.product{padding:50px 0}
    .procenter .proitem{width:100%;padding:25px 20px;margin-bottom:20px}
    .procenter .proitem .img{width:100%}
    .procenter .proitem .textbox{width:100%;padding:15px 0 0 0}
    .procenter .proitem .textbox .title{font-size:20px;text-align:center}
    .procenter .proitem .textbox .desc{height:auto;line-height:1.8;max-height:50px;text-align:center;margin-top:2px}
    .procenter .proitem .textbox .morebox{display:none}
	.proitems .proitem{ width:31.94%;margin-right:1%; padding: 40px auto;}
	.proitems .proitem:nth-of-type(1), .proitems .proitem:nth-of-type(2){ padding: 40px auto 40px;}
	.proitems .proitem:nth-of-type(1) .textbox,.proitems .proitem:nth-of-type(2) .textbox{ width: 100%;}
	.proitems .proitem .title{max-height: 30px;}
	.cont1 .prod1slide .swiper-slide img{ margin: 0 auto; width:300px;}
	.cont1 .cont_l{width: calc(100% - 420px);margin-right: 20px;}
	.cont1 .cont_r{ width:320px;}
	.proitem:nth-of-type(1) .img, .proitem:nth-of-type(2) .img{width:100%; text-align: center;}
	.proitem .img{width:100%; text-align: center;}
    .joinus{padding:50px 0 60px}
    .joinustop{padding:15px;height:60px;margin-top:30px}
    .joinustoplist, .joinusitemtoplist{font-size:14px}
    .joinusitemtoplist{padding:15px 0;line-height:22px}
    .joinusitemtop{padding:0 15px}
    .joinustoplist:nth-of-type(1), .joinusitemtoplist:nth-of-type(1){width:30%}
    .joinustoplist:nth-of-type(2), .joinusitemtoplist:nth-of-type(2){width:20%}
    .joinusitembot{padding:35px 20px}
    .joinusitembot .list .text{line-height:1.6}
    .joinusitembot .list{margin-bottom:25px}
    .joinusitembot .emailbox{height:auto;padding:7px 15px;line-height:20px}
    .onlinerecruit{width:110px;height:40px;line-height:40px;margin-top:25px;padding-left:40px;background-position:left 15px center;background-size:16px auto}
    .merformlist .input textarea{height:82px}
    #container{height:350px}
    .distrint{padding:50px 0 20px}
    .distrintsearch{width:100%;margin-top:25px}
    .distrintsearch .input{width:calc(100% - 94px)}
    .distrintsearch .input input{width:100%;height:50px;padding:0 15px}
    .distrintsearch .btn{width:94px;height:50px;line-height:50px}
    #container>div:nth-of-type(2){width:100%;height:260px;left:0 !important;top:auto !important;bottom:-60%}
    .maptishi{width:100%;height:220px;padding:40px 30px 20px;white-space:pre-wrap}
    .maptishi .title{font-size:14px;text-align:center}
    .maptishi .conlist{margin-bottom:3px}
    .disalertbox{width:94%;height:270px;margin-left:-47%;margin-top:-135px;padding:20px}
    .disalertbox .icon{width:58px}
    .disalertbox .title{width:260px;font-size:16px;margin:15px auto 20px}
    .disalertbox .text{font-size:16px}
    .contact1{padding:50px 0}
    .contact1list{width:50%;margin-top:25px;padding:0 3%}
    .contact1list .icon{width:60px;height:60px}
    .contact1list .textbox{margin-top:10px}
    .contact1list .textbox .text{font-size:14px;height:38px}
    .contactmap{height:300px}
    .conform{padding:50px 0 60px}
    .conformbox .merselect .merselectbox{top:46px}
    .conformralist{margin-right:20px}
    .conformralist .selicon{margin-right:6px}
    .conformradio{margin-top:10px}
	.download{padding:50px 0 60px}
    .downnavlist{margin-right:15px}
    .downnavlist:after{bottom:-6px}
    .downitems{margin-top:35px}
    .downitem{padding:10px 15px;margin-bottom:15px}
    .downitem .date{font-size:12px;line-height:26px}
    .downitem .title{width:calc(100% - 110px);margin:0 10px;font-size:12px;line-height:26px;height:26px}
    .downitem .icon{width:28px;height:24px}
    .merformlist.last2{width:100%}
    .verificatbox .title{font-size:26px}
    .verformbox{width:100%;margin:30px 0 15px;padding:5px 15px;height:50px}
    .verificatbox{width:80%;margin-left:-40%}
    .verformbox .input input{height:40px}
    .verformbox .btn{height:40px;line-height:40px}
    .verification{height:calc(100vh - 60px)}
    .comproblemitem{margin-bottom:15px}
    .comprmitemtop{padding:15px;height:auto}
    .comprmitemtop .name{width:calc(100% - 70px);font-size:16px;line-height:26px;margin:0 15px 0 10px}
    .comprmitembot{padding:10px 15px 25px}
    .comproblem{padding:50px 0 45px}
    .comproform{margin-top:25px}
    .comproformlist{width:100%;height:48px;padding:5px 10px}
    .comproformlist .name{line-height:38px}
    .comproformlist .input input{height:38px}
    .comproformlist.last2{width:100%}
    .comproform .btn{float:left}
    .comproformcode{margin-bottom:15px}
    .comproformcode img{height:48px;width:auto}
    .comproformlist.code{width:calc(100% - 92px);height:48px}
    .comproform .btn{width:160px;height:48px;line-height:48px}
    .prod1slide .swiper-slide{padding:10vw 0 15vw;height:auto}
    .prod1slide .swiper-slide .img{width:100%;padding:0 5%}
    .prod1slide .content{position:static;margin-left:0}
    .prod1slide .content .textbox{width:100%;margin-top:15px;margin-right:0}
    .prod1slide .content .type{font-size:26px;padding-left:10px}
    .prod1slide .content .desc{margin:15px 0 35px;line-height:1.8}
    .prod1slide .content .btn{width:120px;height:44px;line-height:40px}
    .prod1slide>.swiper-pagination-bullets{bottom:20px}
    .prod1slide>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
    .prod2, .prod3, .prod4, .prod5, .prod6, .prod8{padding:35px 0}
    .prod2 .title, .prod3 .textbox .title, .prod4 .title, .prod5 .title, .prod6 .title, .prod7 .title{font-size:24px}
    .prod2 .list{width:100%;margin-bottom:20px;padding:0}
    .prod2 .list .icon{padding:0 45px}
    .prod2 .list .textbox .name{font-size:20px}
    .prod2 .list .textbox .text{margin-top:10px;line-height:1.6}
    .prod2 .list .textbox{margin-top:10px}
    .prod3 .img{padding:0 30px}
    .prod3 .textbox{width:100%;margin-right:0;margin-top:25px}
    .prod3 .textitems{margin-top:15px}
	.prod3 .lr{ float: none; text-align:center;}
	.prod3 .img img{ margin: 0 auto;}
    .prod4 .box{margin-top:25px}
    .prod4 .list{width:100%;margin-right:0;padding:30px;margin-bottom:15px}
    .prod4 .list .text{font-size:16px}
    .prod4 .list .num{font-size:76px;right:25px;bottom:-25px}
    .prod5 .swiper-button-next{margin-left:15px}
    .prod5 .swiper-button-next, .prod5 .swiper-button-prev{width:14px;height:26px}
    .prod5btnbox{margin-top:6px}
    .prod5slide, .prod7box{margin-top:25px}
    .prod7{padding:35px 0 20px}
    .prod7list{width:100%; text-align:center;}
	.prod7list .img img{ margin: 0 auto;}
    .prod7list .player{opacity:1}
    .prod6con tr{height:auto !important;padding:6px 0;display:block}
    .prod6con td{width:100% !important;padding-left:6.875vw;display:inline-block;margin-right:-4px;vertical-align:top;height:auto !important;line-height:26px}
	.prod6 .prod6tb{ position: relative; overflow-x:scroll;}
	.prod6 .prod6tb table.cpcs td {
    box-sizing: border-box;
    word-break: break-all;
    white-space: normal;
    min-width: 120px;
}
	
	
}
@media screen and (max-width:760px){ 
	.indexb .title{ font-size:16px;}
	.indexb .numUp{ font-size:16px;}
	.downnav{width:100%;float:left;margin-top:20px}
	.videoitems li{ width: 49%;}
	.videoitems li:nth-of-type(3n){ margin-right:2%;}
	.videoitems li:nth-of-type(2n){ margin-right:0;}
	.cont1 .cont_l.lf,.cont1 .cont_r.lr{ float: none; width: 100%;}
	.prod8 .proitem{width:100%;margin-bottom:20px;padding:25px 20px}
    .prod8 .proitem:nth-of-type(1), .prod8 .proitem:nth-of-type(2){width:100%;margin-bottom:20px;padding:25px 20px}
	.casetop .img{width:100%}
	.casetop .textbox{width:100%}
	.contact1 .lx.lf,.contact1 .ly.lr{ float:none; width: 100%;}
.middlebox{ padding-top:0;}
.tit_1{ line-height:34px; letter-spacing:1px;}
.tit_1 h1{ height:34px; line-height:34px; font-size:40px; letter-spacing:2px}
.slideGroup .hd ul .slick-track{ float:none;}
.ul_2{ margin-top:0px;}
.ul_2 .zbox{ padding-bottom:20px;}
.ul_2 .zbox .zbox_box{ box-shadow:0 3px 10px rgba(0,0,0,0.1);}
.ul_2 .zbox .zbox_box .pic{ height:280px;}
.ul_2 .zbox .zbox_box .pic img{ width:329px; height:280px; margin:-140px 0 0 -164px;}
.ul_2 .zbox .zbox_box .zbox_down{ height:102px; padding:15px 10px 0 10px;}
.ul_2 .zbox .zbox_box .zbox_down .zbox_down_head{ font-size:16px; line-height:24px;}
.ul_2 .zbox .zbox_box .zbox_down .zbox_down_body{ margin-top:10px; font-size:12px; line-height:22px; height:42px;}
.ul_2 .zbox .zbox_box .zbox_down .zbox_down_detail{ margin-top:22px; width:66px; height:30px; line-height:28px; font-size:12px;}
.ul_2 .zbox .zbox_box:hover .zbox_down{ padding:46px 20px 0 20px;}
.ul_2 .zbox .zbox_box:hover .zbox_down .zbox_down_head{ padding-bottom:17px; background-size:auto 2px;}
.ul_2 .zbox .zbox_box:hover .zbox_down .zbox_down_body{ margin-top:11px; height:64px;}
}