@charset "utf-8";.main{}
.conl{float:left;padding-top:70px;width:300px;font-size:16px;color:#999;line-height:22px}
.cont{font-size:20px;color:#666;padding:20px 0 6px 0}
.content{padding:60px 0 60px 50px;margin-left:300px;border-left:solid 1px #eff0f1}
.comname{}
.comname-en{font-size:12px}
.cond{font-size:14px}
.content{padding:60px 0 50px 60px;margin-left:300px;border-left:solid 1px #eff0f1}
.con-title{padding-bottom:20px;border-bottom:solid 1px #eee}
.con-title .contt{font-size:24px;color:#f08519;font-weight:700;display:block}
.con-detail{font-size:16px;color:#666;line-height:28px;text-align:justify;min-height:300px}
.concontact p{margin-bottom:5px}
.contact{padding:20px 0;position:relative;z-index:1}
.weixin{width:110px;background:#fff;padding:0 30px;position:absolute;top:-39px;right:0}
.weixin img{display:block;margin:0 auto;width:100%}
.weixin span{display:block;font-size:17px;color:#333;text-align:center;padding-top:15px}
.sporg_i{margin:11px 0;border:solid 6px #eee;position:relative;z-index:1}
.sp_sv_pos{position:relative;z-index:1}
.mapft{}
.yxbox{padding:40px 0 120px}
.yxd{top:25px;color:#999;position:absolute;z-index:2;left:5px}
.yxd strong{font-size:16px;font-weight:400;letter-spacing:2px}
.yxd p.yxd-en{font-size:14px;letter-spacing:2px;color:#c5c5c5;line-height:18px}
.yxd p.yxd-d{font-size:12px;color:#c5c5c5;line-height:18px}
.yxs{padding-top:30px;position:relative;z-index:1}
.yxs img{display:block;margin:0 auto}
.yxs .map_box{position:absolute;right:310px;bottom:35px;width:185px;height:185px;border-radius:50%;background:rgba(237,112,32,0.3);z-index:3;cursor:pointer}
.yxs .map_box section{position:absolute;width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);background:transparent;border-radius:50%;transition:.3s;z-index:3;display:block}
.yxs .map_box section.dot0{transform:translate(-50%,-50%) scale(1.2);transform-origin:center center;background:rgba(237,112,32,0.3);animation:ripple0 2s infinite}
.yxs .map_box section.dot1{border:1px solid #ed7020;animation:ripple1 2s infinite;animation-delay:.6s}
.yxs .map_box section.dot2{border:1px solid #ed7020;animation:ripple2 2s infinite;animation-delay:1.2s}
.yxs .map_box section.dot3{border:1px solid #ed7020;animation:ripple3 2s infinite;animation-delay:2s}
.yxs .map_box > div{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background:rgba(237,112,32,0.3);z-index:5}
@keyframes ripple0{0%{transform:translate(-50%,-50%) scale(1)}
100%{opacity:0;transform:translate(-50%,-50%) scale(1.2)}
}@keyframes ripple1{0%{transform:translate(-50%,-50%) scale(1)}
100%{opacity:0;transform:translate(-50%,-50%) scale(2)}
}@keyframes ripple2{0%{transform:translate(-50%,-50%) scale(1)}
100%{opacity:0;transform:translate(-50%,-50%) scale(2)}
}@keyframes ripple3{0%{transform:translate(-50%,-50%) scale(1)}
100%{opacity:0;transform:translate(-50%,-50%) scale(2)}
}@media screen and (max-width:750px){.pnavr li{width:25%}
.conl{float:none;display:none}
.content{padding:25px 5px;margin-left:0;border-left:none}
.con-title h1{font-size:24px}
.con-title{padding-bottom:15px}
.pnavr li a.pnavon{font-weight:700}
.weixin{display:none}
.con-title .contt{font-size:20px}
.yxd{top:8px;left:0}
.yxs .map_box{right:36%;bottom:41px;width:25%;height:27%}
}