@charset "utf-8";
/**
 * PC端
 */
@media screen and (min-width:768px){
    .navLayout {min-height: 900px;}
    .crumbs{padding-left: 220px;}
    .navLayout .left{float:left;width:200px;line-height:50px;white-space:nowrap;text-indent:16px;font-size:16px;background:#FFF}
    .navLayout .left .title{color:#22272e;font-weight:bold;border-bottom:1px solid #f5f5f5}
    .navLayout .navList .tab{display:block;color:#22272e;position:relative;cursor: pointer;}
    .navLayout .navList .tab:before{content:'\276F';font-weight:normal;position:absolute;right:10px;top:0;transform:rotate(90deg);width:32px;height:32px;line-height:32px;text-align:center;color:#bec2c9}
    .navLayout .navList .con{position:relative;}
    .navLayout .navList .con:before,.navLayout .navList .con:after{content:'';position:absolute;width:168px;border-top:1px solid #f5f5f5;left:16px}
    .navLayout .navList .con:before{top:0}
    .navLayout .navList .con:after{bottom:0}
    .navLayout .navList .con a{display:block;font-size:14px;color:#627386;text-indent:32px}
    .navLayout .navList.on .tab:before{top:18px;transform:rotate(270deg);color:#e15616}
    .navLayout .navList.on .tab{color:#e15616}
    .navLayout .navList .con a.on{color:#e15616;background-color:#ffe6dc}
    .navLayout .right{float:right;width:968px}


}

/**
* 移动端
*/
@media screen and (max-width:768px){
.centerNav{width:100%;height:11vw;background:#FFF;position:relative;z-index:90;}
.centerNav .centerBox{content:'';position:fixed;background-color:rgba(74,79,88,.7);width:100%;height:100%;display:none}
.centerNav .wrap{position:absolute;top:0;left:0;width:100%;background:#FFF;padding-bottom:4vw;border-radius:0 0 3vw 3vw;font-size:3.4vw;z-index:9}
.centerNav .wrap .centerList:first-child .tab{border-top:solid 1px #f0f2f4}
.centerNav .centerList .tab{display:block;margin:0 auto;width:93.4vw;height:10.8vw;line-height:10.8vw;color:#22272e;position:relative}
.centerNav .centerList .tab.home{border-bottom:solid 1px #f0f2f4;}
.centerNav .centerList .tab.home:after{content:'\276F';font-weight:normal;position:absolute;top:0;font-size:3.6vw;color:#4A4F58;right:4vw;line-height:9.6vw}
.centerNav .centerList .tab.home.on:after{transform:rotate(90deg)}
.centerNav .centerList .tab:before{width:6.4vw;height:6.4vw;vertical-align:middle}
.centerNav .centerList .tab.home:before{background-position:-50.5vw -53vw}
.centerNav .centerList .tab.tr:before{background-position:-58.8vw -53vw}
.centerNav .centerList .tab.ma:before{background-position:-67.1vw -53vw}
.centerNav .centerList .tab.se:before{background-position:-41.7vw -53vw}
.centerNav .centerList .tab.sh:before{background-position:-75.6vw -53vw}
.centerNav .centerList .con a{display:inline-block;height:8.4vw;line-height:8.4vw;padding:0 3.5vw;border:1px solid #b8bfca;border-radius:2px;color:#627386;margin:0 0 2vw 4vw;}
.centerNav .centerList .con a.on{color:#e15616;border-color:#e15616;}


}
