@media screen and (min-width:1390px){
	.inner{ width: 1376px;}
	.boxC .en{ font-size: 50px;}
	.boxC .zh{ font-size: 45px;}
	.pboxT .t{ font-size: 38px;}
	.ninfoT .t{ font-size: 25px;}
	.proList .con .zh{ font-size: 35px;}
	.proList .con .en{ font-size: 30px;}
	.proList .con .bot{ margin: 35px 0px 50px;}
	.productList .con{ height: 182px; margin-top: -91px;}
	.productList .con .en{ font-size: 30px;}
	.productList .con .zh{ font-size: 18px;}
}
@media screen and (min-width:1441px){
	.staffList .img .imgbg{ height: 348px; }
	.staffList .con{ padding: 50px 10%; height: 248px;}
	.staffList .con .more2{ bottom: 50px;}
	.twoHaiPage-img{ height: 600px;}
	.pbanner .con .en{ font-size: 40px;}
	.pbanner .con .zh{ font-size: 29px;}
}
@media screen and (min-width:1701px){
	.productIbox .item{ margin: 0px 14px 0px 0px;}
}
@media screen and (max-width:1366px){
	.culture .culture_top var{margin-top: -8%;}
}
@media screen and (max-width:1180px){
	.inner{ width: 1000px;}
	.logo,.pc-nav-menu .homeBox{ margin-left: 10px;}
	.pc-menu{ right: 8px;}
	.pc-menu li.serach-toggle{ padding: 19px 12px 0;}
	.nav li{ font-size: 14px; width: 90px;} 
	.pbanner .con .en{ font-size: 32px;}
	.pbanner .con .zh{ font-size: 22px;}
	.w1132{ width: 90%;}
	.newsC{ width: 86%; margin: 30px auto 20px;}
}
@media screen and (max-width:1024px){
	.transYT { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; visibility: visible; transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
	.transYT2 { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; visibility: visible; transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
	.transXT { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; visibility: visible; transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
	.transXT2 { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; visibility: visible; transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out;  }
	.action.transYT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
	.action.transYT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
	.action.transXT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
	.action.transXT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
	.inner,.aboutNav,.infoC,.innerP,.w950{ width: 90%;}
	.nav,.pc-menu,.pc-navbox{ display: none !important; }
	.topBox{ box-shadow: 0px 0px 0px;}
	.top{ box-shadow: -1px 0 3px rgba(0, 0, 0, 0.5);}
	.pc-navbox{ top: 0px;}
	.logoBox{ width: auto;display: none;}
	.logoBoxphone { display: block; }
	.logo{ margin-left: 20px; width: 146px;margin-top: 7px;}
	.moible-menu{ display: block;}
	.moible-menu .shopbtn{ display: none;}
	.mtop,.top{ height: 56px;}
	.pc-searchbox{ display: none;}
	.moible-searchbox{ display: block;}
	.backTop{ width: 50px; height: 50px;}
	.backTop .ico{ padding-top: 50px; font-size: 0px; overflow: hidden; height: 0px;}
	.boxC .en{ font-size: 35px;}
	.boxC .zh{ font-size: 30px; margin: 15px auto 25px;}
	.boxC .moreBox .bot{ margin-bottom: 20px;}
	.slick-dots {  left: 10%;  }
	.iboxT .t{ font-size: 35px;}
	.aboutIbox{ padding: 20px 0px 60px;}
	.aboutIc{ width: 86%; margin: 30px auto 20px;}
	.productIbox .slick-arrow{ border: 1px solid #0095d9; background:#0095d9 none repeat scroll 0 0; width: 40px; height: 40px; margin-top: -21px;}
	.productIbox .slick-arrow i{ transform: scale(0.7); -webkit-transform: scale(0.7);}
	.productIbox .slick-prev,.productIbox .slick-next{transform:translateX(0px);-webkit-transform:translateX(0px);-ms-transform:translateX(0px); opacity: 1; }
	.productIbox .item:hover .yellow_80{ display: none;}
	.productIbox .item:hover .more-line .line { display: none;}
	.productIbox .item:hover .caseC { display: none;}
	.pbanner{ background-position: center center; background-size: cover; background-repeat: no-repeat; height: 300px !important;}
	.pbanner .img{ display: none !important;}
	.pbanner .bg{ display: none;}
	.pboxT .t{ font-size: 35px;}
	.pboxT{ margin-bottom: 40px;}
	.cultureTbox{ padding: 50px 0px;}
	.about-t2 .cul-by{ font-size: 25px;}
	.about-t2 .cul-en{ font-size: 16px;}
	.about-t2 .cul-zh{ font-size: 25px;}
	.pagenavBox,.pagenav {height: 50px;}
	.pagenav .pnavbox { line-height: 50px; }
	.pnavbox span { margin: 0px 10px;}
	.pagenav a span{ font-size: 12px;}
	.pagenav a .ico{ bottom: 8px;}
	.pagenav a:hover { background-color: #d8b210; color: #fff; }
	.pagenav a:hover .ico{ opacity: 0; visibility: hidden; }
	.pagenav a:hover .bot{ height: 0px;}
	.pagenav.fixed{ top: 50px;}
	.pagePadding{ padding: 50px 0px;}
	.mapBox{ height: 400px;}
    .productList .con{ top: 50%; height: auto; margin-top: 0px; transform: translateY(-50%); -webkit-transform:translateY(-50%); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);}
    .productList .c { transform: translate(0px,0px); -webkit-transform: translate(0px,0px); }
  	.productList .yellow_50,.productList .con .bot,.productList .ico{ display: none;}
	.productList .ico, .productList .con .c { visibility: visible; opacity: 1; transition: 0ms; -webkit-transition: 0ms; }
  	.vwrap .videobox { width: 700px; margin-left: -350px; }
	.product .productimg{display: none;}
	.product .productimg1{display: block;}
	.product .productD{width: 70%;}
	.product .productD .productDs{width: 60%;}
	.product .productD span{font-size: 28px;}
	.product .productD label{font-size: 15px;}
	.product .productD var{font-size: 13px;}
	.product .productD var img{width: 25px;}
	.newsC{ width: 86%; margin: 30px auto 20px;}
	.main{width: 95%;padding: 1rem;}
	.culture .culture_top var{margin-top: -10.8%;}
}
@media screen and (max-width:860px){
	.boxC .en{ font-size: 30px;}
	.boxC .zh{ font-size: 25px;}
	.banner .pimg{ display: block;}
	.banner .bimg{ display: none !important;}
	.iboxT .t{ font-size: 30px;}
	.iboxT .by{ font-size: 22px;}
	.iboxT .line{ margin-top: 25px;}
	.linkBox .lin1{ width: 100%;text-align: center;}
	.logo2 img{margin: 0 auto 10px;}
	.linkBox .lin2{ width: 100%;text-align: center;}
	.linkBox .lin3{ width: 100%; text-align: left;}
	.linkBox .sharpbox{ float: none; margin:20px auto 10px;}
	.aboutNav a{ width: 120px; height: 120px; font-size: 12px;}
	.aboutNav ul{ margin-top: -40px;}
	.pboxT .t{ font-size: 30px;}
	.about-t{ font-size: 25px;}
	.mapBox{ height: 300px;}
	
	.banner1 .bimgn{display: none;}
	.banner1 .pimgn{display: block;}
	.maintop .maintopC{width: 100%;}
	.tab{overflow:hidden;float: none;display: table;margin: 0 auto;}
	.tab li{margin-right: 2rem;display: table-cell;font-size:15px}
	.position{display: none;}
	.paging a{margin-right: 5px;font-size: 12px;padding: 0 10px;}
	.paging span{margin-right: 5px;font-size: 12px;padding: 0 10px;background: #0095d9;}
	.main{width: 93%;height: auto;padding: 1rem;}
	.main p img{display:block;width:100%;height:auto;margin:0 auto;}
	.caselist li{width: 48%;margin-right: 4%;}
	.caselist li:nth-child(3n){margin-right: 4%;}
	.caselist li:nth-child(2n){margin-right: 0;}
	.caselist li .caseimg{padding: 0.5rem;}
	.caselist li label{font-size: 14px;height:25px;line-height: 25px;}
	.productinfo img{width: 100%;}
	.aboutus .aboutus_top .aboutus_topimg{width: 100%;height: 50%;}
	.aboutus .aboutus_top .aboutus_topimg .aboutusR{width: 75%;height: 100%;}
	.aboutus .aboutus_top .aboutus_topimg .aboutusR img{width: 100%;height: auto;padding-top: 1rem;}
	.aboutus .aboutus_top .aboutus_topimg .aboutusR .imgb{display: none;}
	.aboutus .aboutus_top .aboutus_topimg .aboutusR .imgp{display: block}
	.aboutus .aboutus_top .aboutus_topimg .aboutusL{width: 38%;height: 100%;}
	.aboutus .aboutus_top .aboutus_title{padding: 16rem 0 0;font-size: 16px;}
	.culture .culture_top span{font-size: 30px;}
	.culture .culture_top var{font-size: 16px;margin-top: -4.5rem;}
	.culture .cultureC{padding-top: 2rem;}
	.qingshe{width: 100%;height: auto;}
	.qingshe li{width: 100%;height: auto;position: relative;margin-bottom: 1.5rem;}
	.qingshe li .caseimg{width: 100%;height: auto;padding: 0;border: 0;}
	.qingshe li .caseimg img{width: 100%;height: auto;}
	.qingshe li label{display: block;width: 100%;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: white;text-shadow: 0 2px 2px rgba(0,0,0,0.8);position: absolute;left: 0;bottom: 0;font-weight: bold;letter-spacing: 2px;}
	.activelist li{width: 100%;height: auto;margin: 0;margin-bottom: 1.5rem;}
	.activelist li .active_bottom{display: none;}
	.activelist li em{display: block;background: #f0f0f0;font-size: 14px;color: #828181;font-style: normal;width:85px;line-height: 30px;margin-top: 1rem;text-align: center;}
	.newslist li{width: 100%;height: auto;margin: 0;border: 1px solid #bab9b9;box-sizing: border-box;padding: 1rem;background: #fff;margin-bottom: 1rem;}
	.newslist li span{padding: 0;font-size: 15px;height: 30px;line-height: 30px;color: #333333;margin: 0.5rem 0;}
	.newslist li label{padding: 0;font-size: 14px;}
	.newslist li i{font-size: 12px;color: #a3a2a2;padding: 0;margin: 0.5rem 0;}
	.newslist li var{display: none;}
	.newslist li b{display: block;width: 120px;height: 35px;line-height: 35px;text-align: center;background: #f0f0f0;font-size: 14px;color: #828181;margin: 1rem 0;}
	.info{background: #fff;padding: 0;}
	.info .info_top{padding: 1rem 0;}
	.info .info_top span{font-size: 16px;color: black;}
	.info .infoC{width: 100%;height: auto;margin: 0;}
	.info .infoC img{display: block;width: 100%;height: auto;}
	.info .infoC p{line-height: 25px;}
	.info_list{margin-top: 50px;border-top: 2px solid #0095d9;margin-bottom: 50px;padding-top: 10px;border-bottom: 0;}
	.info_list li{height: 35px;line-height: 35px;font-size: 14px;color: #444444;float: none;width: 100%;}
	.info_list li:last-child{float: none;}
	.info_list li a{color: #444444;font-size: 14px;}
	.info_list li a:hover{color: #0095d9;}
	.culture .culture_top var{margin-top: -6.5%;}
}
@media screen and (max-width:641px){
	.inner,.aboutNav,.w1132,.infoC,.innerP,.w950{ width: 94%;}
	.sharpbox a .i{ transform: scale(0.8); -webkit-transform: scale(0.8);}
	.boxC .en{ font-size: 25px;}
	.boxC .zh{ font-size: 20px; margin: 10px auto 15px;}
	.boxC .moreBox .bot{ margin-bottom: 10px;}
	.foot .linkA{ float: none;}
	.linkBox .inner{ position: relative;}
	.linkBox .lin1{ width: 100%;}
	.linkBox .lin2{width: 100%;}
	.linkBox .linkP{display: none;}
	.linkBox .sharpbox{ float: none;padding-left: 37%;width: 100%;}
	.linkImg .img{ width: 45px;}
	.aboutIList{ width: 90%;}
	.aboutIList li{ width: 29.33%; padding: 0px 2% 20px;}
	.aboutIList .ico{ transform: scale(0.7); -webkit-transform: scale(0.7);}
	.aboutIc{ width: 94%;}
	.productIbox .slick-prev{ left: 0%;}
	.productIbox .slick-next{ right: 0%; }
	.more{ width: 180px;}
	.pbanner{ height: 240px !important;}
	.pbanner .con .en{ font-size: 30px;}
	.pbanner .con .zh{ font-size: 20px;}
	.pagePadding{ padding: 30px 0px;}
	.productNav{ width: 100%;}
	.productNav a .ico{ width: 50px; margin: 0px auto 10px;}
	.productNav li a .bot{ height: 6px;}
	.proList .con .zh{ font-size:16px;}
	.proList .con .en{ font-size: 12px;}
	.proList .con .bot{ height: 1px;}
	.proList .oneItem .con, .proList .twoItem .con{ top: 30%;}
	.prolistType .proPadding{ padding: 14px 0px;}
	.prolistType .proPadding a{ display: inline-block; padding: 4px 0px; width: 30%; margin: 0px 1% 4px; text-align: center; font-size: 12px;}
	.pagePadding2{ padding: 30px 0px;}
}	
@media screen and (max-width:481px) {
	.boxC .en{ font-size: 20px;}
	.boxC .zh{ font-size: 18px; margin: 8px auto 12px;}
	.boxC .moreBox { font-size: 10px;}
	.boxC .moreBox .bot{ margin-bottom: 8px; width: 80px;}
	.iboxT .t{ font-size: 45px;}
	.iboxT .by{ font-size: 22px;margin-top: -43px;}
	.iboxT .line2{ width: 80%;}
	.pbanner{ height: 200px !important;}
	.aboutNav ul{ margin-top: 0px;}
	.aboutNav li{ width: 50%; margin-top: 20px;}
	.productNav li a{ padding: 10px 0px;}
	.productNav li a .zh{ font-size: 12px;}
	.productNav a .ico{ width: 40px;}
	.productList ul{ margin-left: 0px;}
	.productList li{ width: 100%; margin: 0px 0px 25px 0px; float: none;}
	.productIbox-more {padding: 20px 0px;}
	.aboutIc {margin: 10px auto 20px;}
}
@media screen and (max-width:421px) {
	.product .productD .productDs{width: 70%;left: 60%;-webkit-transform: translate(-50%,-60%);-moz-transform: translate(-50%,-60%);-o-transform: translate(-50%,-60%);transform: translate(-50%,-60%);}
	.newsC ul li{width: 100%;height: auto;float: none;margin-bottom: 5%;}
	.newsC ul li span{font-size: 17px}
	.newsC ul li label{font-size: 13px;}
	.newsC ul li var{width: 30%;}
	.newsC ul li:nth-child(2) i{text-align: right;}
	.newsC ul li:nth-child(2) span{text-align: right;}
	.newsC ul li:nth-child(2) label{text-align: right;}
	.newsC ul li:nth-child(2) var{float: right;}
	.aboutus{padding-bottom: 2rem;}
	.aboutus .aboutus_top .aboutus_title{padding-top: 55%;}
	.culture{padding-top: 2rem;}
}
@media screen and (max-width: 375px) {
	.imgIbox .con{ width: 100%;}
	.imgIbox{ padding: 60px 0px;}
	.productNav li a .zh{ font-size: 10px;}
}
@media screen and (max-width: 360px) {
	.boxC{ top: 25%;}
	.linkBox{ padding: 30px 0px 40px;}
	.boxC .en{ font-size: 18px;}
	.boxC .zh{ font-size: 14px;}
	.product .productD span{font-size: 20px;}
	.product .productD label{font-size: 14px;}
	.product .productD var{font-size: 10px;}
	.product .productD var img{width: 15px;}
	.iboxT .t{ font-size: 35px;}
	.iboxT .by{ font-size: 18px;margin-top: -32px;}
	.newsC ul li span{font-size: 16px;}
	.paging a{margin-right: 2px;font-size: 12px;padding: 0 10px;}
	.paging span{margin-right: 2px;font-size: 12px;padding: 0 10px;background: #0095d9;}
	.caselist li .caseimg{padding: 0.5rem;width: 90%;}
	.aboutus .aboutus_top .aboutus_title{padding: 14rem 0 0;font-size: 16px;}
	.tab li{font-size: 16px;}
	.culture{padding-top: 3rem;}
	.culture .culture_top span{font-size: 27px;}
	.culture .culture_top var{font-size: 16px;margin-top: -4rem;}
	.qingshe li{width: 100%;height: auto;position: relative;margin-bottom: 1.5rem;}
	.qingshe li .caseimg{width: 100%;height: auto;padding: 0;border: 0;}
	.info .info_top span{font-size: 15px;}
	.info .info_top label{font-size: 13px;margin-top: 5px;}
	.info .infoC p{font-size: 12px;}
	.info_list li{height: 30px;line-height: 30px;font-size: 12px;}
	.info_list li a{font-size: 12px;}
}