body{margin:0px auto;padding:0px;color:#888;font-size:14px;font-family:'Microsoft YaHei';line-height:25px;background-color:#fff;}
a:link{color:#888;text-decoration:none;}        
a:visited{color:#888;text-decoration:none;}
a:hover{color:#333;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;}
.fb{font-weight:bold;}
.fi{font-style:italic;}
.yh {font-family: 'Microsoft Yahei';}

.fast{transition:all 200ms;-moz-transition:all 200ms;-webkit-transition:all 200ms;-o-transition:all 200ms;}
.delay{transition:all 500ms;-moz-transition:all 500ms;-webkit-transition:all 500ms;-o-transition:all 500ms;}
.slow{transition:all 800ms;-moz-transition:all 800ms;-webkit-transition:all 800ms;-o-transition:all 800ms;}

.shadow{box-shadow:0 0 7px #333;}
.shadow_img{background-color:#fff;padding:10px;box-shadow:0 0 7px #333;margin:7px 7px 7px 7px;}
.shadow_img:hover{box-shadow:0 0 7px #000;}
.yuanjiao_img{border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}

.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;}
.flex-wrap{flex-wrap:wrap;}

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

.logo_pnl{width:350px;padding-bottom:50px;}
.logo_pnl .logo img{width:100%;}
.logo_pnl .n{padding:20px 0px 0px 0px;text-align:center;}

.head {padding: 30px 0px 0px 0px;}
.lang a{margin-left:30px;color:#ff0000;}
.lang img{width:65px;}
.nav{ margin-top:60px;font-size:16px;}
.company a{color:#ff0000;font-weight:bold;}

.about {
    padding-top: 60px;
}
.page-name{width:200px;font-size:32px;color:#404040;line-height:34px;min-height:10px;padding-top:5px;color:#ff0000;}
.nav{width:1000px; margin-top:60px;font-size:16px;}
.nav a{color:#ff0000;}
.about-zoom{width:1000px;margin:0px auto;}

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

@media screen and (min-width:1200px) and (max-width:1350px) {
    .page-name:last-child{display:none;}
}

@media screen and (max-width:1200px) {
    .nav{width:100%;max-width:1000px;margin:60px auto 0px auto;}
    .about{flex-direction:column;width:96%;max-width:1000px;margin:0px auto;}
    .page-name {padding-bottom:20px;}
    .about-zoom{width:100%;}
}

.home{position:relative;margin-top:60px;}
.home .bg{width:50%;}
.home .flogo{width:100%;height:100%;position:absolute;}
.home .flogo img{width:15%;max-width:320px;}

.profile {
    font-size: 16px;
    line-height: 30px;
    text-align: justify;
}
.profile p{padding-bottom:20px;}
.profile p:last-child{padding-bottom:0px;}

.work-list{flex-wrap:wrap;}
.work-list li{margin-bottom:20px;text-align:center;line-height:20px;width:22%;font-family:Arial;}
.work-list li img{width:100%;margin-bottom:10px;}

.partner-list{height:400px;}
.partner-list img{max-width:20%;}

.contact-list{flex-wrap:wrap;}
.contact-list .item{width:45%;margin-bottom:40px;line-height:30px;}
.contact-list .item .f16.fb{color:#ff0000;}

.work-dtail{margin-top:60px;}
.work-dtail .main{width:65%;}
.work-dtail .thumb{width:calc(35% - 8px);margin-right:4px;}
.work-dtail .main .photo img{width:100%;}
.work-dtail .main .nm{text-align:center;padding:15px 0px 15px 0px;}
.work-dtail .thumb img{margin-bottom:4px;width:100%;}