.ycal_b{overflow:hidden; background:#fff; position:relative;}
.ycal_b li{float:left; width:33.33%; transition: all 0.5s ease; position:relative;}
.ycal_b li span{display:block;width:70%;height:56px;transition: all 1s ease;line-height:56px;overflow:hidden;}
.ycal_b li h2{color:#fff; font-size:16px; font-weight:bold;float:left; 
line-height:56px;overflow:hidden;padding-left:10px;width:60%;}
.ycal_b li em{display:inline-block;width:90px;height:26px; font-size:16px;line-height:38px}
.ycal_b li em img{max-width:100%;}

.xonie{ position:absolute; width:90%;height:56px;background:url(../images/probg.png)no-repeat left bottom;opacity:0; left:10px; bottom:10px;transition: all 1s ease 0s;overflow:hidden;}
.ycal_b li:hover .xonie{opacity:1;}
.application{width:90%;overflow:hidden;margin:0 auto;}
.application li{width:16.666%;float:left;}
.application li div{width:100%;text-align:center;height:145px;overflow:hidden;}
.application li div img{-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.application li p{text-align:center;height:60px;line-height:60px;font-size:16px;color:#999;}
.application li a:hover div img{margin-top:-145px;}
.application li a:hover p{color:#00aab3;}
@media(max-width:1680px){
.ycal_b li img{ display:block;max-width:100%;margin:0 auto;}	
.ycal_b li span{ display:block; width:100%; height:100%;transition: all 1s ease;}
.ycal_b li{ float:left; width:33.333%;transition: all 0.5s ease;}
.ycal_b li span em{margin-top:15px;}
.xonie{width:80%;}
}
@media(max-width:1600px){
.ycal_b li img{ display:block; max-width:100%;margin:0 auto;}	
.ycal_b li span{ display:block; width:100%; height:100%;transition: all 1s ease;}
.ycal_b li{ float:left; width:33.333%;overflow:hidden;transition: all 0.5s ease; position:relative; min-height:auto;}
.xonie{width:80%;background-size:100%;height: 56px;}
.ycal_b li span em{margin-top:18px;}
}
@media(max-width:1440px){
.ycal_b li img{ display:block; max-width:100%;}	
.ycal_b li span{ display:block; width:100%; height:100%;transition: all 1s ease;}
.ycal_b li{ float:left; width:33.333%;overflow:hidden;transition: all 0.5s ease; position:relative;}
.ycal_b li h2{ color:#fff; font-size:16px; font-weight:bold;line-height:50px;}
.xonie{width:80%;background-size:100%;height: 50px;}
.ycal_b li span em{margin-top:12px;}
}
@media(max-width:1366px){
.ycal_b li img{ display:block; max-width:100%;}
.ycal_b li span{ display:block; width:100%; height:100%; position:absolute; transition: all 1s ease;}
.ycal_b li{width:33.333%;float:left;overflow:hidden;transition: all 0.5s ease; position:relative;}	
.ycal_b li h2{ color:#fff; font-size:16px; font-weight:bold;line-height:42px;}
.ycal_b li p{ text-align:center; color:#fff; font-size:14px;}
.xonie{width:80%;background-size:100%;height:42px;}
.ycal_b li span em{margin-top:8px;}
.wuon_rb2 p{font-size:12px;}
}
@media(max-width:1360px){
.ycal_b li img{ display:block; max-width:100%;}
.ycal_b li span{ display:block; width:100%; height:100%;transition: all 1s ease;}
.ycal_b li{ float:left; width:33.333%; overflow:hidden;transition: all 0.5s ease; position:relative;}	
.ycal_b li h2{ color:#fff; font-size:16px; font-weight:bold;line-height:42px;}
.ycal_b li p{ text-align:center; color:#fff; font-size:14px; }	
.xonie{width:80%;background-size:100%;height:42px;}
.ycal_b li span em{margin-top:8px;}
.wuon_rb2 p{font-size:12px;}
}
@media(max-width:1280px){
.ycal_b li img{ display:block;max-width:100%;}	
.ycal_b li span{ display:block; width:100%; height:100%;transition: all 1s ease;}
.ycal_b li{ float:left; width:50%;overflow:hidden;transition: all 0.5s ease; position:relative;}	
.ycal_b li h2{ color:#fff; font-size:16px; font-weight:bold;padding-left:10px;line-height:42px;width:60%;float:left;}
.ycal_b li em{ display:inline-block;}
.xonie{width:90%;}
.application{width:90%;overflow:hidden;margin:0 auto;}
.application li{width:33.33%;float:left;}
.application li div{width:100%;text-align:center;height:145px;overflow:hidden;}
.pageftmune,.navigation,.cellico{display:none;}
.pagenavtit{height:auto;}
.pagenav{float:none;width: 100%;}
.pagenav li{margin: 0;}
.pagenav li a{font-size:12px;height:30px;line-height:30px;}
.footerbox{text-align: center;padding-bottom:2.5rem;}
.footercompany{height:auto;}
.footercompany p{line-height:30px;width:90%;margin:0 auto;}
.prooptiy{opacity:1;}
.newsbox li{width:100%;}
.honorbox li{width:50%;}
.conlogo{width:100%;float:none;}
.conadd{width:100%;float:none;}
.pagemenu{width:100%;}
}




@media(max-width:414px){
.ycal_t{ height:auto; overflow:hidden; margin-bottom:0px; padding-bottom:30px;}
.ycal_b li img{ display:block; width:100%;}	
.ycal_b li span{ display:block; width:100%; height:100%;transition: all 1s ease;}
.ycal_b li{ float:left; width:100%;overflow:hidden;transition: all 0.5s ease; position:relative; min-height:auto;}	
.ycal_b li h2{ color:#fff; font-size:16px; font-weight:bold;line-height:36px;width:50%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ycal_b li p{ text-align:center; color:#fff; font-size:14px; font-size:14px;}	
.ycal_b{overflow:hidden; background:#fff; position:relative;}	
.xonie{width:90%;opacity: 1;}
.application{width:90%;overflow:hidden;margin:0 auto;}
.application li{width:50%;float:left;}
.application li div{width:100%;text-align:center;height:145px;overflow:hidden;}
.pageftmune{display:none;}
.logo{width:70%;overflow: hidden;}
.logo img{max-width:100%;}
.cellico,.navigation{display:none;}
.pagenavtit{height:auto;}
.pagenav{float:none;width: 100%;}
.pagenav li{margin: 0;}
.pagenav li a{font-size:12px;height:30px;line-height:30px;}
.footerbox{text-align: center;padding-bottom:2.5rem;}
.footercompany{height:auto;}
.footercompany p{line-height:30px;width:90%;margin:0 auto;}
.productbanner h1{font-size:3.5rem;line-height:5rem;}
.productbanner h3{font-size:3rem;}
.productbanner p{font-size:1.5rem;line-height:3rem;}
.prooptiy{opacity:1;height:40px;width:90%;}
.procenter li{width:100%;}
.prooptiy h3{font-size:0.8rem;line-height:40px;}
.prooptiy span{margin-top:7px;}
.newsbox li{width:100%;}
.newsbox li a{padding:10px;}
.numberbox{display:none;}
.newspage{padding:10px 0;}
.contactbanner h3{font-size:3rem;}
.contactbanner h1{font-size:4rem;line-height:4rem;}
.contactbanner p{font-size:2rem;line-height:2rem;padding-top:2rem;}
.contactconten h1 span{display:block;border-right:none;}
.contactconten h1 strong{display:block;padding:0;}
.conadd p{font-size:1rem;line-height:2rem;}
.messagetext{width:100%;}
.messagetext h3{font-size:16px;overflow: hidden;}
.messagetext p{font-size:12px;margin-top:0;}
.messageipt div{width:100%;margin-bottom: 10px;}
.messageipt {margin-top:0;}
.messagect textarea{width:80%;line-height:2rem;}
.messagect strong{width:15%;}
.detailsimg{width:100%;}
.detailstit{font-size:1.8rem;}
}


@media(max-width:375px){
.ycal_b li img{ display:block; max-width:100%;}	
.ycal_b li span{ display:block; width:100%; height:100%;transition: all 1s ease;}
.ycal_b li{ float:left; width:100%;margin-right:0px; overflow:hidden; margin-bottom:0px;transition: all 0.5s ease; position:relative; min-height:auto;}	
.ycal_b li h2{ color:#fff; font-size:16px; font-weight:bold;line-height:36px;}
.ycal_b li p{ text-align:center; color:#fff; font-size:14px; font-size:14px;}		
.application{width:90%;overflow:hidden;margin:0 auto;}
.application li{width:50%;float:left;}
.application li div{width:100%;text-align:center;height:145px;overflow:hidden;}
.xonie{width:95%;opacity: 1;}
.ycal_b li span em{margin-top:0px;}
.pageftmune,.navigation,.cellico{display:none;}
.pagenavtit{height:auto;}
.pagenav{float:none;width: 100%;}
.pagenav li{margin: 0;}
.pagenav li a{font-size:12px;height:30px;line-height:30px;}
.footerbox{text-align: center;padding-bottom:2.5rem;}
.footercompany{height:auto;}
.footercompany p{line-height:30px;width:90%;margin:0 auto;}
.footercompany p{line-height:30px;width:90%;margin:0 auto;}
.productbanner h1{font-size:3.5rem;line-height:5rem;}
.productbanner h3{font-size:3rem;}
.productbanner p{font-size:1.5rem;line-height:3rem;}
.prooptiy{opacity:1;height:40px;width:90%;}
.procenter li{width:100%;}
.prooptiy h3{font-size:0.8rem;line-height:40px;}
.prooptiy span{margin-top:7px;}
.newsbox li{width:100%;}
.newsbox li a{padding:10px;}
.numberbox{display:none;}
.newspage{padding:10px 0;}
.contactbanner h3{font-size:3rem;}
.contactbanner h1{font-size:4rem;line-height:4rem;}
.contactbanner p{font-size:2rem;line-height:2rem;padding-top:2rem;}
.contactconten h1 span{display:block;border-right:none;}
.contactconten h1 strong{display:block;padding:0;}
.conadd p{font-size:1rem;line-height:2rem;}
.messagetext{width:100%;}
.messagetext h3{font-size:16px;overflow: hidden;}
.messagetext p{font-size:12px;margin-top:0;}
.messageipt div{width:100%;margin-bottom: 10px;}
.messageipt {margin-top:0;}
.messagect textarea{width:80%;line-height:2rem;}
.messagect strong{width:15%;}
}
@media(max-width:360px){
.ycal_b li img{ display:block; width:100%;}	
.ycal_b li span{ display:block; width:100%; height:100%;transition: all 1s ease;}
.ycal_b li{ float:left; width:100%;overflow:hidden;transition: all 0.5s ease; position:relative;}	
.ycal_b li h2{ color:#fff; font-size:16px; font-weight:bold;line-height:36px;height:36px;}
.ycal_b li p{ text-align:center; color:#fff; font-size:14px; font-size:14px;}		
.application{width:90%;overflow:hidden;margin:0 auto;}
.application li{width:50%;float:left;}
.application li div{width:100%;text-align:center;height:145px;overflow:hidden;}
.xonie{width:95%;opacity: 1;height:36px;}
.ycal_b li span em{margin-top:0px;}
.pageftmune,.navigation,.cellico{display:none;}
.pagenavtit{height:auto;}
.pagenav{float:none;width: 100%;}
.pagenav li{margin: 0;}
.pagenav li a{font-size:12px;height:30px;line-height:30px;}
.footerbox{text-align: center;padding-bottom:2.5rem;}
.footercompany{height:auto;}
.footercompany p{line-height:30px;width:90%;margin:0 auto;}
.footercompany p{line-height:30px;width:90%;margin:0 auto;}
.productbanner h1{font-size:3.5rem;line-height:5rem;}
.productbanner h3{font-size:3rem;}
.productbanner p{font-size:1.5rem;line-height:3rem;}
.prooptiy{opacity:1;height:40px;width:90%;}
.procenter li{width:100%;}
.prooptiy h3{font-size:0.8rem;line-height:40px;}
.prooptiy span{margin-top:7px;}
.newsbox li{width:100%;}
.newsbox li a{padding:10px;}
.numberbox{display:none;}
.newspage{padding:10px 0;}
.contactbanner h3{font-size:3rem;}
.contactbanner h1{font-size:4rem;line-height:4rem;}
.contactbanner p{font-size:2rem;line-height:2rem;padding-top:2rem;}
.contactconten h1 span{display:block;border-right:none;}
.contactconten h1 strong{display:block;padding:0;}
.conadd p{font-size:1rem;line-height:2rem;}
.messagetext{width:100%;}
.messagetext h3{font-size:16px;overflow: hidden;}
.messagetext p{font-size:12px;margin-top:0;}
.messageipt div{width:100%;margin-bottom: 10px;}
.messageipt {margin-top:0;}
.messagect textarea{width:80%;line-height:2rem;}
.messagect strong{width:15%;}
}