@charset "utf-8"; 
.apply ul li span{width:166px;height:36px;background-size:100% 100%}
.pt_c dt span{display:block;opacity:.6}
.pt_c dt span img{height:60px;margin-top:60px}
.why .why_dl01 dt ul{background:0 0}
.why_dl03{top:428px}
.why .why_dl02{top:428px}
.why_dl04{top:706px}
.why ul li{width:323px;margin-right:10px;margin-bottom:10px;float:left}
.why ul li:nth-child(3n){margin-right:0}
.why li img{width:323px}
.why li img,.why ul li a{display:block}
.why{height:auto}
.pro_main img{max-width:760px}
.pro_lb1 img{max-width:200px!important}
#LeftNavCat14 ul,#LeftNavCat15 ul,#LeftNavCat16 ul,#LeftNavCat4 ul{display:none}
#LeftNavCat14:hover ul,#LeftNavCat15:hover ul,#LeftNavCat16:hover ul,#LeftNavCat4:hover ul{display:block}
.comp,.new{width:1050px;float:none}
.comp dl{width:100%;box-sizing:border-box;border:none}
.comp dd{width:770px}
.comp h2,.new h2{text-align:center;margin:30px 0}
.new ul{width:100%;border:none;box-sizing:border-box}
.new ul li a{width:100%;font-size:16px}
.pro-box{overflow:hidden}
.index-tit{font-size:2.25rem;padding:.5rem;font-weight:700;text-transform:uppercase;margin-bottom:3rem;text-align:center}
.pro-item{width:24%;margin-right:1%;float:left;margin-bottom:.5rem}
.pro-item-tit{width:100%;height:4.75rem;overflow:hidden;text-overflow:ellipsis}
.pro-item-tit h2{color:#333;font-weight:400;font-size:15px;text-align:center;line-height:4.75rem}
.hovereffect{width:100%;height:100%;overflow:hidden;position:relative;text-align:center;cursor:default}
.hovereffect .overlay{width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;background-color:rgba(0,0,0,.3);opacity:0;-webkit-transform:translate(460px,-100px) rotate(180deg);-ms-transform:translate(460px,-100px) rotate(180deg);transform:translate(460px,-100px) rotate(180deg);-webkit-transition:all .2s .4s ease-in-out;transition:all .7s .1s ease-in-out}
.hovereffect img{position:relative;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}
.hovereffect h4{text-transform:uppercase;color:#fff;text-align:center;position:relative;font-size:1rem;padding:.625rem;background:rgba(0,0,0,.2)}
.hovereffect a.info{display:inline-block;text-decoration:none;padding:1rem .875rem;text-transform:uppercase;color:#fff;border:1px solid #fff;margin:0;background-color:transparent;-webkit-transform:translateY(-200px);-ms-transform:translateY(-200px);transform:translateY(-200px);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.hovereffect a.info:hover{box-shadow:0 0 .25rem #fff}
.hovereffect:hover .overlay{opacity:1;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
.pro-item:hover .pro-item-tit a{display:block;width:100%;height:100%;background:#02a1f6;color:#fff}
img{max-width:100%}
.adproject>h2{text-align:center;padding:30px 0;color:#333;font-size:32px;font-weight:400}
.pro-item-tit h2 a{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 6px;width:100%;box-sizing:border-box;font-family:Calibri,Arial,Verdana,Tahoma!important;font-size:17px}
.kris{padding:40px 0}
.kris:after{content:'';display:block;height:0;clear:both;visibility:hidden}
.pro_title{font-size:32px;color:#333;text-align:center;padding:15px 0;font-weight:600}
.ab_content .fl,.ab_content .fr{width:50%}
.kris .fl,.kris .fr{float:left}
.pro_title span{border-width:0 0 2px;border-style:solid}
.ab_content .pro_title{text-align:left}
.ab_content .fl p{padding:10px 20px 10px 0;font-size:16px}
.fr_border{padding-left:50px}
.frimg_box{border-width:20px;border-style:solid;border-left-color:#2a2a3f;border-right-color:#2a2a3f;color:#000}
.frimg_box img{width:100%;display:block}
.frimg_box iframe{width:100%;height:300px}
.read_more{padding:5px 17px;display:inline-block;border-radius:9px;font-size:15px;transition:all .6s;margin-top:10px}
.read_more:hover{background:#02a1f6;text-decoration:underline;color:#fff}
.pro_title span{color:#02a1f6}
.pro_title span{border-color:#02a1f6}
.read_more{background:#02a1f6;color:#fff!important}
.about ul li dl dd{font-family:Calibri,Arial,Verdana,Tahoma!important;font-size:16px!important}
.about h2 a,.apply h2 a,.comp h2 a,.new h2 a,.pro h2 a,.product h2 a,.product h2 a span,.why h2 a{font-size:34px!important}
.product h2 a span{color:#000!important}
.new h2{text-align:left!important;font-size:38px!important}
.logo img{height:70px}
@media(max-width:768px){.logo img{height:50px}}
.about-l{display:flex;flex-direction:column;justify-content:space-between}
.about-l-text{max-height:inherit;flex:1;margin:20px 0 0 0}
@media (max-width:415px){.about-l-text{margin:10px 0 20px}}
#cnzz_stat_icon_1261591222{display:none}
.foot-item3 ul{display:flex;flex-wrap:wrap}
.foot-item3 ul li{width:50%}
@media(min-width:1025px){.foot-list>.foot-item-box{width:73%}}