.right-field { width:60px;display: flex; align-items: center;margin-left:25px; } 
.mdsearch{width:100%;height:37px;padding:4px 16px;background: #F1F2F2;border-radius: 30px;}
.right-field.active{width:28.65%;}
.searchs{width:100%;height:100%;display: flex; align-items: center; overflow:hidden;cursor: pointer; position: relative;}
.searchs input{ flex:1; font-size:16px;margin-left:20px;margin-right:20px;overflow:hidden;}
.searchs a{width:22px;height:22px;display: block;background:url(../images/search.png) no-repeat center;background-size:100%;text-indent: -9999em;cursor: pointer;flex-shrink: 0;/*pointer-events: none;*/ } 
.right-field.active .searchs a{pointer-events: auto;}
.searchs .search_close{width:20px;height:20px;background:url(../images/close.png) no-repeat center;background-size:100%; cursor:pointer;position: absolute;right:0;top:4px;opacity: 0;visibility: hidden;}
.right-field.active .searchs .search_close{opacity: 1;visibility: visible;}
.pc-mode {  height:70px;  position: fixed; z-index: 100; left: 40px;right:40px; top: 38px; background: #fff; border-radius: 4px;}
.second-mode {box-shadow: 0 3px 10px rgba(0,0,0,0.1);top:0;left:0;right:0;}
.pc-mode .pc-menu { box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; position: static; overflow: visible; padding: 0 30px;max-width: 1920px;margin:auto; }
.pc-mode .pc-menu .logo {/*width:192px; */ width: 282px; display: block; position: relative; flex-shrink: 0;  }
.pc-mode .pc-menu .logo img { max-width: 100%; height: auto; }
.pc-mode .pc-menu .slogan { margin-left: 25px; margin-top: 15px;margin-right:25px; }
.pc-mode .pc-menu .navigator { flex: 1; display: flex; align-items: center; justify-content: flex-end; }
.pc-mode .pc-menu .navigator .menus { display: flex; flex: 1; box-sizing: border-box; align-items: center; justify-content: flex-end; }
.pc-mode .pc-menu .navigator .menus .menu { position: relative;height: 70px; display: flex; align-items: center; }
.pc-mode .pc-menu .navigator .menus .menu .link {display:flex; align-items: center; height:100%;padding:0 20px; white-space: nowrap; font-size: 18px; color:#3d3d3d; cursor: pointer; position: relative; overflow: hidden;transition:all 0.3s; }
.pc-mode .pc-menu .navigator .menus .menu .link span{position: relative;z-index: 10;}
.pc-mode .pc-menu .navigator .menus .menu .link:after { content: ""; width: 40px; height: 9px; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%) scale(0); background-color: #B92C2C; transition: transform 500ms ease;opacity: 0;z-index: 0;  }
.pc-mode .pc-menu .navigator .menus .menu:hover .link{color:#B92C2C;  }
.pc-mode .pc-menu .navigator .menus .menu:hover .link:after { transform: translateX(-50%) scale(1);opacity: 1; }

.pc-mode .pc-menu .navigator .menus .menu.active .link {color:#B92C2C; } 
.pc-mode .pc-menu .navigator .menus .menu.active .link:after{ transform: translateX(-50%) scale(1);opacity: 1;}
.pc-mode .pc-menu .navigator .menus .subNav { position: absolute; left:0;right:0;top: 100%; background:rgba(255,255,255,0.8); padding:10px 0; color: #333; display: none;  } 
.pc-mode .pc-menu .navigator .menus .subNav a{display: block;padding:8px 10px;text-align: center;}
.pc-mode .pc-menu .navigator .menus .subNav a:hover{background:#B92C2C;color:#fff;}
.pc-mode .pc-menu .navigator .menus .menu:hover .subNav { display: block; }
.page-navigator { position: fixed; z-index: 100; left: 0; top: 0; right: 0; } 
.page-navigator .pc-mode { position: relative; background: #fff; /*height: 115px; */height: 95px;  box-shadow: 0 0 10px rgba(0,0,0,0.1); }
.page-navigator .pc-mode .pc-menu .navigator .menus .menu .link { color: #000; height: 100px; }
.page-navigator .pc-mode .pc-menu .navigator .menus .menu.active .link span{color:#50a33d;}
.page-navigator .pc-mode .pc-menu .navigator .menus .menu .link:after { background-color: #50a33d;}
.page-navigator .pc-mode .pc-menu .right-field .search .btn { background-image: url(../images/search1.png); } 
.peixun-list .item .desc .tit a:hover,.peixun-list .item .desc .txt:hover,.peixun-list .item .date:hover{color:#498e28;}

.searchs input{  width: 150px; flex: none;}

.common-page{ justify-content: flex-start;}
.common-page .page-go{ margin-left: 20px;}
@media screen and (max-width: 1560px){ 
	.right-field.active{width:18%;}
	.pc-mode .pc-menu .navigator .menus .menu .link{padding:0 20px;}
}
@media screen and (max-width: 1440px){ 
	.right-field.active{width:240px;}
	.searchs input{margin-left:10px;}
	.pc-mode .pc-menu .navigator .menus .menu .link{padding:0 12px;}
}
@media screen and (max-width: 1100px){
	.modtop{display: none;}
 
}
@media screen and (max-width: 1380px) {
	    .right-field.active {
        width: 200px;
    }
}