*{-webkit-tap-highlight-color:rgba(0,0,0,0)}
html{height:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}
body{min-height:100%}
body{_height:100%}
blockquote,body,button,code,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,iframe,input,legend,li,ol,p,pre,select,td,textarea,th,ul{margin:0;padding:0}
address,article,aside,blockquote,body,code,dd,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,iframe,legend,li,nav,ol,p,pre,section,ul{*zoom:1}
li{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-weight:400}
img{border:0 none}
img{vertical-align:top}
body,button,input,select,textarea{font-size:16px}
body{line-height:1.5;word-wrap:break-word;word-break:break-all}
.tran_scale:hover img{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1)}
[class*=icon]{font-family:iconfont}
.tran_scale{overflow:hidden;display:block}
.tran_scale img{-webkit-transition:opacity .4s ease-in,-webkit-transform .6s linear;transition:opacity .4s ease-in,transform .6s linear}
.wrap{width:1440px;max-width:90%;margin:auto}
.line24{line-height:24px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}
.ratio-img,.ratio-img img{width:100%}
@media only screen and (max-width:1024px){
.wrap{max-width:94%}
.line30,.line32{line-height:24px}
body,button,input,select,textarea{font-size:14px}
}
.fnt_16{font-size:16px}
.fnt_20{font-size:20px}
.fnt_42{font-size:42px}
@media only screen and (max-width:1440px){
.fnt_20{font-size:18px}
.fnt_42{font-size:36px}
}
@media only screen and (max-width:1366px){
.fnt_16{font-size:16px}
.fnt_20{font-size:18px}
.fnt_42{font-size:32px}
}
@media only screen and (max-width:1024px){
.fnt_16{font-size:14px}
.fnt_20{font-size:16px}
.fnt_42{font-size:24px}
}
@media only screen and (max-width:767px){
.fnt_16{font-size:14px}
.fnt_20{font-size:14px}
.fnt_42{font-size:20px}
}
@media only screen and (max-width:1440px){
.site_banner02 h2{font-size:52px}
}
@media only screen and (max-width:1366px){
.site_banner02 h2{font-size:48px}
}
.margin_b50{margin-bottom:50px}
.about_body .site_text{text-align:center}
.about_body .site_text h2{font-size:62px}
.about_title{text-align:center}
.about_04{padding-top:70px;background:none no-repeat center top;background-size:100%}
.about_address_01 ul{overflow:hidden;margin:0 -8px}
.about_address_01 li{float:left;width:25%;margin-bottom:20px}
.about_address_01 dl{margin:0 8px;background:#edeff6;border-radius:0 20px 0 0;overflow:hidden}
.about_address_01 dd{padding:25px;padding-bottom:20px}
.about_address_01 dd h3{margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align: center;}
.about_address_01 p{-webkit-line-clamp:5;margin-bottom:10px}
.about_more{overflow:hidden;line-height:24px}
.about_more a{color:#2787ed;float:right;overflow:hidden}
.about_more a i,.about_more a span{float:left}
.about_more a i{font-size:22px;margin-left:10px}
@media only screen and (max-width:1024px){
.about_04{padding-top:50px}
.margin_b50{margin-bottom:30px}
}
@media only screen and (max-width:767px){
.margin_b50{margin-bottom:20px}
.about_04{padding-top:30px}
.about_text{text-align:left}
.about_address_01 li{float:none;width:100%}
.about_address_01 p{height:auto;-webkit-line-clamp:inherit}
.about_title .title_line{width:40px;height:2px;margin:10px auto}
.about_address_01 dl{border-radius:0 15px 0 0}
}