@media screen and (min-width:1025px){
	.news-IList li:hover{ box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);}
	.news-IList li:hover .sj{ display: none;}
	.news-IList li:hover .con{ background:none #fff; top: 0; color: #333;}
	.news-IList li:hover .t{ padding-top: 85px;}
	.news-IList li:hover .c{ height: auto;}
	.news-IList li:hover .ws-a-name{ color: #999;}
	.partnerIdemo .item:hover{ background-color: #F2F2F2;}
	.picDemo .item:hover .con{ transform: scale(1); -webkit-transform: scale(1); opacity: 1; visibility: visible; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.25);}
	.companyDemo dd:hover{ box-shadow: 0 0px 10px rgba(0, 0, 0, 0.25); background-color: #fff; color: #1D4992; z-index: 1;}
	.downList dd:hover{ box-shadow: 0 0px 10px rgba(0, 0, 0, 0.25); background-color: #fff; color: #1D4992; z-index: 1;}
	.downList dd:hover .downico{background-image: url(../images/down2.png);}
	.newList dd:hover{ box-shadow: 0 0px 10px rgba(0, 0, 0, 0.25);}
	.newList dd:hover .bg{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1);  transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
	.newList dd:hover .con{ color: #333;}
	.newList dd:hover .bot{ background-color: #333;}
	.newList dd:hover .ws-a-name{  transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; visibility: visible; }
	.newList dd:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
	.pager a:hover{ background-color: #fff; box-shadow: 0 0px 10px rgba(0, 0, 0, 0.25); }
	.pager .prev:hover{ background-image: url(../images/img_l2.png);}
	.pager .next:hover{ background-image: url(../images/img_r2.png);}
	.serachList a:hover{ box-shadow:1px 2px 2px rgba(0, 0, 0, 0.2); }
}
@media screen and (min-width:1600px){
	.inner{ width: 1440px;}
	.iboxT .zh{ font-size: 20px;}
	.binbox { width: 36%; padding: 45px 5% 40px; top:35%;}
	.binbox .t{ font-size: 42px;}
	.binbox .en{ font-size: 20px; margin-bottom: 50px; }
	.product-Ilist dt,.product-Ilist dd{ height: 288px;}
	.product-Ilist figure{ height: 180px; }
	.marketIbox{ padding: 100px 0px 66px;}
	.marketIbox .iboxT{ margin-bottom: 75px;}
	.market-IList{ width: 1522px;}
	.news-IList li{ width: 20%;}
	.news-IList li.nitem1{ width: 40%;}
	.news-IList li.nitem4{ display: block;}
	.news-IList .con{ padding:0px 10%;}
	.news-IList .t{ font-size: 18px; height: 27px;}
	.aboutPage{ padding: 50px 0px;}
	.aptitudePage{ padding: 50px 0px;}
	.honorPage{ padding: 110px 0px 70px;}
	.fixedImg{ background-size: cover;}
	.companyPage{ padding: 115px 0px;}
	.socialPage .inner,.teamPage{ padding: 100px 0px;}
	.pagingPage{ padding: 50px 0px;}
	.vicell-C .pageC{ padding: 30px 6% 40px;}
	.pro-Page{ padding-top: 50px;}
	.vicell-box2 .vicell-C .pageC{ min-height: 202px;}
	.newList dd{ padding-right: 480px; height: 400px;}
	.newList .twoItem{ padding: 0px 0px 0px 480px;}
	.newList .con{width: 480px;}
	.newList .img{ width: 960px;}
	.newList .vertical-inner{ padding: 0px 10%;}
	.newList .c{ height: 101px;}
	.infoT{ padding-bottom: 65px;}
	.infoT .t{ font-size: 36px;}
	.pager{ margin-top: 55px;}
	.contact-c{ width: 34%; height: 650px;}
	.mapBox{ width: 66%; height: 650px;}
	.contact-c .aboutPageT { padding: 60px 0px 40px;}
	.contact-tab{ height: 50%;}
	.map-arrow{ top: 145px;}
	.search-page{ padding: 100px 0px;}
}
@media screen and (max-width:1240px){
	.inner{ width: 980px;}
	.binbox { padding: 30px 5% 25px;}
	.binbox .t{ font-size: 28px;}
	.binbox .en{ font-size: 15px; margin-bottom: 30px;}
	.product-Ilist{ width: 100%; border-left: 0px none; border-right: 0px none;}
	.product-Ilist dt,.product-Ilist dd{ height: 228px;}
	.product-Ilist figure{ height: 120px; }
	.market-IList{ width: 1000px;}
	.newsIbox,.companyPage,.socialPage .inner,.teamPage{ padding: 60px 0px;}
	.vicell-box2 .vicell-C .pageC{ min-height: 136px;}
	.about-pdl .item{ padding: 25px 0px 25px 25px;}
	.search-page{ padding: 70px 0px;}
}
@media screen and (max-width:1024px){
	.transYT,.transYT2 { transform: translateY(0px); -webkit-transform: translateY(0px); transition: transform 0ms; -webkit-transition: transform 0ms; transition-timing-function: ease-out;  }
	.transXT,.transXT2{ transform: translateX(0px); -webkit-transform: translateX(0px); transition: transform 0ms; -webkit-transition: transform 0ms;}
	.transYT50,.transYT250,.transYT10{ 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; }
	.transXT50,.transXT250{ 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,.action.transYT2 { transform: translateY(0px); -webkit-transform: translateY(0px); }
	.action.transXT,.action.transXT2 { transform: translateY(0px); -webkit-transform: translateY(0px); }
	.action.transYT50 ,.action.transYT250 ,.action.transYT10 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
	.action.transXT50,.action.transXT250 { opacity: 1; visibility: visible;transform: translateX(0px); -webkit-transform: translateX(0px); }
	.inner{ width: 90%;}
	.gropSider,.nav{ display: none;}
	.searchArea{ display: none !important;}
	.search-Mbtn,.menu-handler{ display: block;}
	.pageTop{ height: 52px;}
	.header{ transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
	.top{ width: 100%;}
	.logo{ padding: 15px 0px; height: 22px; width: 150px; overflow: hidden; position: relative; left: auto; top: auto; margin-left: 3%;}
	.linkIbox{ padding: 35px 0px 20px;}
	.linkIbox dt,.linkIbox dd{ float: none; width: 100%; margin-right: 0;}
	.linkIbox dt{ padding-bottom: 5px;}
	.linkIbox dd{ border-top: 1px solid #f2f2f2; padding: 15px 0px;}
	.linkIbox dd.lastItem{ float: none; width: 100%;}
	.ermBox{ float: none;}
	.banner .slick-dots li a{ border-radius: 50%; width: 5px; height: 5px; margin: 0px auto; font-size: 0px; overflow: hidden; border: 1px solid rgba(0,0,0,0); background: none #fff;}
	.banner .slick-dots li.slick-active a{ border: 1px solid #fff; background:none transparent;}
	.binbox { padding: 25px 5% 25px; width: 50%; top: 25%;}
	.binbox .t{ font-size: 24px;}
	.binbox .en{ font-size: 13px; margin-bottom: 20px;}
	.btnMore{ font-size: 14px;}
	.mouseIco{ display: none;}
	.dock{ display: none;}
	.iboxT .zh{ font-size: 20px;}
	.iboxT .en{ background-size: 70%;}
	.product-Ilist{ width: 100%;}
	.product-Ilist dt{ float: none; width: 100%; height: auto;}
	.product-Ilist .iboxT{ margin: 0px; padding: 35px 0px 25px;}
	.product-Ilist dd{ width: 20%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);}
	.product-Ilist .item{ border-left: 0px none;}
	.product-Ilist dd .name{ top: 30%; opacity: 0; visibility: hidden;}
	.product-Ilist dd figure{ opacity: 1; visibility: visible;}
	.product-Ilist dd .con{ opacity: 1; visibility: visible;}
	.market-IList{ width: 92%;}
	.market-IList dd,.market-IList dd:hover{ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);}
	.market-IList article{ left: auto; bottom: auto; right: auto; top: auto; display: block !important; padding: 10px 0px; height: auto; position: relative;}
	.market-IList article .ws-a-name{ font-size: 16px;}
	.newsIbox{ padding: 0; background-color: #fff;}
	.newsIbox .itemT{ float: none; width: 100%; margin-right: 0; height: auto;}
	.newsIbox .iboxT{ float: left; display: block; width: 50%; padding-top: 20px; height: 55px; margin-bottom: 0; background-color: #EFEFEF;}
	.newsIbox .iboxT .zh{ font-size: 18px;}
	.newsIbox .iboxT .sj{ top: auto; bottom: 0; right: 50%; margin-right: -5px; transform: rotate(90deg); -webkit-transform: rotate(90deg); background-size: 90% auto;}
	.newsIbox .iboxT.on .sj{ right: 50%; bottom: -9px;}
	.newsIbox .more-btn{ display: none;}
	.newsIbox .itemC{ float: none; width: 100%; height: 300px; overflow: hidden;}
	.news-IList .con{ top: 163px;}
	.news-IList,.news-IList .img{ height: 300px;}
	.news-IList li{ width: 33.33%;}
	.news-IList li.nitem1{ width: 33.33%;}
	.partnerIbox{ padding-top: 50px;}
	.partnerIdemo{ width: auto;}
	.pbanner{ min-height: auto;}
	.pbanner .load-img{ width: 140%; margin-left: -20%;}
	.pbanner-C .t{ font-size: 22px;}
	.pagenav{ position: relative;}
	.cpnav{ display: block;}
	.cpnavbox{ position: absolute; left: 0px; top: 40px; height: auto; line-height: 1.4; width: 100%; z-index: 800; display: none; background-color: #1d4992; }
	.cpnavbox a:before{ display: none;}
	.cpnavbox a{ width:40%; display: block; float: left; padding: 10px 5%; margin: 0px; color: #fff; border-left: 0px none;}
	.cpnavbox a:hover,.cpnavbox a.active{ background-color: rgba(255,255,255,0.5);}
	.pageNavBox a:link, .pageNavBox a:visited { color: #fff;}
	.pageNavBox a:active,.pageNavBox a:hover { color: #ffffff;}    
	.aboutPage .aboutPageT{ float: none; width: auto;}
	.aboutPage .about-pc{ float: none; margin:35px 0px 0px 16.6%;}
	.pageC .pl,.pageC .pr{ width: 47%; margin-left: 0;}
	.pageC .pr{ margin-left: 6%;}
	.aboutPageT .zh{ font-size: 20px;}
	.aboutPage{ padding: 0px;}
	.honorPage{ padding: 50px 0px;}
	.fancybox-prev span,.fancybox-next span{ background-color: rgba(0,0,0,0.5); width: 30px !important; height: 30px !important; margin-top: -15px !important; background-size: 30% auto !important; background-repeat: no-repeat !important; background-position:  center center !important;}
	.fancybox-prev{ left: -15px !important;}
	.fancybox-next{ right: -15px !important;}
	.fancybox-close{ width: 40px !important; height: 40px !important; top: 0 !important; right: 0 !important; background-size: 30% auto !important;}
	.fixedImg{ background-attachment: inherit; background-size: cover;}
	.companyPage,.socialPage .inner,.teamPage{ padding: 50px 0px;}
	.imglist li{ width: 45%; padding-left: 5%;}
	.imglist p{ margin: 0px 0px 25px 15%;}
	.w60{ width: auto; margin: 0px;}
	.anitOut{ display: none;}
	.pagingPage{ padding: 0px 0px 20px;}
	.proPageT .zh{ font-size: 16px;}
	.vicell-img,.vicell-C,.vicell-box2 .vicell-img,.vicell-box2 .vicell-C{ width: 100%; float: none;}
	.vicell-C .pageC,.vicell-box2 .vicell-C .pageC{ min-height: 0;}
	.pro-Page{ padding-top: 0px;}
	.vicell-tab2 table td{ width: 100% !important; box-sizing: border-box; display: block;}
	.downList a{ padding: 0px 0px 0px 5%;}
	.downList .downico{ background-size: 38px auto;}
	.about-pdl .img,.about-pdl .con{ float: none; width: 100%;}
	.about-pdl .item{ padding: 25px 0px; width: auto;}
	.newList dd{ padding-right: 0px; height: auto; width: 49%; margin-right: 2%; float: left;}
	.newList dd:nth-of-type(even){ margin-right: 0;}
	.newList .bot{ background-color: #333;}
	.newList .twoItem{ padding: 0px 0px 0px 0px;}
	.newList .con,.newList .img{ width: auto;}
	.newList .vertical-inner{ padding: 20px 8%;}
	.newList .con{ position: relative; left: auto; top: auto; right:auto ; bottom: auto; color: #333; background-color: #F2F2F2;}
	.newList .t{ font-size: 16px;}
	.newList .c{ margin-bottom: 0px;}
	.newList .fc{ display: none;}
	.w960{ width: 90%;}
	.infoT{ padding-bottom: 35px;}
	.pager{ margin-top: 35px;}
	.joinList .joinspan{ height: 50px; line-height: 50px;}
	.joinList .ib{ margin: 17px auto;}
	.contact-c{ float: none; width: 100%; height: auto; padding-bottom: 40px;}
	.mapBox{ float: none; width: 100%; height: 400px;}
	.contact-tab{ padding-bottom: 20px; height: auto;}
	.map-arrow{ display: none;}
	.search-page{ padding: 50px 0px;}
	.serachPbox{ width: 100%; box-sizing: border-box; padding-right: 64px; height: 52px;}
	.serachPbox .txt{ height: 22px; line-height: 22px; font-size: 15px;}
	.serachPbox .btn{ width: 64px; background-color: #1D4992;}
	.serachPbox .btn i{ border-left: 0px none; width: 20px; height: 20px; margin: 16px auto; background-size: cover;}
	.serachPbox .txt{ width: 90%; margin-left: 5%;}
}
@media screen and (max-width:860px){
	.binbox{ top: 20%;}
	.product-Ilist dd{ width: 33.33%; height: auto;}
	.product-Ilist figure{ height: auto; background-image: none;}
	.product-Ilist figure .img{ display: block;}
	.product-Ilist .con{ padding-top: 25px; height: 60px;}
	.about-pc,.aboutPage .about-pc{ margin-left: 0; width: auto;}
	.imglist li{ width: auto; padding-left: 0%; float: none; text-align: center;}
	.imglist p{ margin-left: 0;}
	.pro-area-img .con{ width: 320px; padding: 0px 20px; font-size: 12px;}
	.pro-area-img .slick-prev{ right: 360px;}
	.pro-area-img .slick-next{ right: 300px;}
}
@media screen and (max-width:641px){
	.logo{ padding: 17px 0px; height: 18px; width: 122px;}
	.foot{ text-align: left;}
	.smlink{ margin-left: 0; display: block;}
	.banner .pimg{ width: 120%; margin-left: -10%;}
	.binbox{ padding: 18px 5%;}
	.binbox .t{ font-size: 18px;}
	.binbox .en{ font-size: 10px; margin-bottom: 0px;}
	.binbox .btnMore{ display: none;}
	.iboxT .zh,.productIbox .iboxT .zh{ font-size: 18px;}
	.product-Ilist .ws-a-name{ font-size: 14px;}
	.marketIbox{ padding: 35px 0px;}
	.marketIbox .iboxT{ margin-bottom: 25px;}
	.market-IList dd{ width: 48%;}
	.market-IList article .ws-a-name{ font-size: 14px;}
	.news-IList li{ width: 100%; float: none;}
	.news-IList li.nitem1{ width: 100%;}
	.news-IList li.nitem3{ display: none;}
	.news-IList .img{ height: 150px;}
	.news-IList .con{ top: 0;}
	.news-IList .con{ padding: 0px 5%; width: 90%;}
	.news-IList .t{ padding-top: 24px;}
	.partnerIbox{ padding-top: 35px;}
	.partnerIdemo{ width: auto;}
	.partnerNext{ width: 100%; position: relative; right: auto; top: auto; height: 40px; background-size: 22px auto;}
	.pageNavBox{ margin-bottom: 40px;}
	.pbanner-C .t{ font-size: 18px;}
	.aboutPageT,.aboutPage .aboutPageT{ margin-bottom: 25px;}
	.aptitudePage,.honorPage{ padding: 35px 0px;}
	.companyDemo dd{ font-size: 14px; text-align: left; padding: 15px 5%;}
	.socialPage .aboutPageT{ text-align: left;}
	.socialPage .aboutPageT .bot{ margin: 0px;}
	.imglist p{ font-size: 16px;}
	.imglist li{ text-align: left;}
	.imglist li img{ width: 80%;}
	table td, table th{ padding: 10px 3%;}
	.vicell-tab{ overflow-x: auto;}
	.pro-area-img .con{ position: relative; right: auto; top: auto; width: auto; padding: 20px 5% 60px;}
	.pro-area-img .slick-prev{ right: 60px;}
	.pro-area-img .slick-next{ right: 0px;}
	.market-imgl li{ width: 49%;}
	.newList .bot{display: none;}
	.newList .c{ font-size: 12px; height: 65px;}
	.joinList .joinspan{ width: 75%; height: 49px; line-height: 49px;}
	.joinList .joinspan2{ width: 15%;}
	.joinList .joinT{ font-size: 14px;}
	.joinList .ib{ margin: 16px auto;}
	.contact-c{ padding-bottom: 30px;}
	.contact-c article{ margin: 0px 5%;}
	.ermBox2{ float: none; margin-bottom: 20px;}
	.contact-c .aboutPageT{ padding: 30px 0px 20px;}
	.mapBox{ height: 280px;}
	.search-page{ padding: 40px 0px;}
}
@media screen and (max-width:481px) {
	.binbox .t{ font-size: 16px;}
	.product-Ilist dd{ width: 50%;}
	.socialPage .pageC{ font-size: 14px; text-align: left;}
	.cpnavbox a{ float: none; width: 90%; text-align: left;}
	.mapBox{ height: 220px;}
}	
@media screen and (max-width:421px) {
	.pageC .pl,.pageC .pr{ width: 100%; float: none; margin-left: 0;}
	.newList dd{ margin-right: 0; width: 100%; float: none;}
}
@media screen and (max-width: 375px) {
	.mapBox{ height: 180px;}
}
@media screen and (max-width: 360px) {
	.pbanner-C .t{ font-size: 15px; line-height: 1.2;}
	
}