body{margin:0px auto;padding:0px;color:#666;font-size:16px;font-family:'Calibri';line-height:25px;background-color:#fff;}
a:link{color:#666;text-decoration:none;}        
a:visited{color:#666;text-decoration:none;}
a:hover{color:#ff0000;text-decoration:none;}
img{border:none;}
ul,li,h1,h2,h3,p{margin:0px;padding:0px;}
li{list-style:none; }
/*div,ul,li{overflow:hidden;display:block;}*/

.wrap{width:1000px;margin:0px auto;}
.clear{height:10px;margin:0px;padding:0px;clear:both;}
.l{float:left;display:block;}
.r{float:right;display:block;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.f32{font-size:32px;}
.f34{font-size:34px;}
.f36{font-size:36px;}
.f38{font-size:38px;}
.f40{font-size:40px;}
.fb{font-weight:bold;}
.fi{font-style:italic;}
.yh {font-family: 'Microsoft Yahei';}
.cambria{font-family:'Cambria Math'}
.calibri {font-family: 'Calibri';}
.color-red{color:#ff0000;}
.color-white{color:#ffffff;}
.ctr{text-align:center;}

.flex{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-start;}
.dir-clu{flex-direction:column;}
.jus-ctr {justify-content:center;}
.jus-btw{justify-content:space-between;}
.ali-ctr{align-items:center;align-content:center;}
.ali-bline{align-items:flex-end;align-content:flex-end;}
.flex-wrap{flex-wrap:wrap;}

.container{width:96%;margin:0px auto;min-width:1200px;}
.container.fixed{position:fixed;width:100%;height:100%;}
.wid96{width:96%;}
.wid90{width:90%;}
.wid100{width:100%;}

.nav a{color:#ff0000;margin-left:40px;font-size:18px;}
.headbline{height:10px;background-color:#ff0000;margin-bottom:30px;min-width:1200px;}
.btm{padding:20px 0;background-color:#ff0000;margin-top:30px;min-width:1200px;}

.about .item {
    width: calc((100% - 60px) / 3);
    border:solid 1px #7f7f7f;
    margin-bottom:30px;
}
.about .item .face{width:35%;}
.about .item .desc{width:62%;line-height:18px;}
.about .item .desc .tle{margin-bottom:10px;}

.case .item {
    width: calc((100% - 70px) / 8);
    margin-bottom:10px;
}
.case .item .desc{width:100%;box-sizing:border-box; border:solid 1px #8497b0;height:46px;line-height:18px;font-size:12px;text-align:center;}

.contact {
    margin-top:20px;
}
.contact .item {
    width:32%;
}

@media screen and (min-width:1350px) {
}

@media screen and (min-width:1200px) and (max-width:1350px) {
    
}

@media screen and (max-width:1200px) {
    
}