@media screen and (min-width:768px){
	
.nav{width:100%;height:48px;line-height:48px;background: linear-gradient( 315deg, #0564C8 0%, #0180E8 100%);}
.nav_box{width:1200px;height:105px;margin:0 auto;}
.logo{margin-top:20px;}
.nav_r{float:right;}
.nav_r a{color:#626262;float:left;}
.nav_r li{float:left;padding:5px 10px;border-radius: 5px;margin:40px 0px 10px 10px;border: 1px solid #b3b3b3;color: #454343;font-size: 16px;cursor:pointer;}
.nav_r li:hover {background-color: #ddd5ff;color:black;}
.nav_r li:active {background-color: #d9d5ff;color:black;}
.navmain{width:1200px;margin:0 auto;}
.navmain ul li{float:left;width:120px;font-size: 20px;color:#fff;font-weight: normal;text-align: center;}
.navmain ul li.cur{background:url(../image/sj.png) no-repeat center bottom;color:#fdf59d;}
.navmain ul li img{    vertical-align: middle;width: 17px;margin-right:4px;margin-top: -3px;}
}

@media screen and (max-width:767px){
.nav{width:100%;height:28px;line-height: 28px;font-size:0.7rem;background: linear-gradient( 315deg, #0564C8 0%, #0180E8 100%);}
.nav_box{width:100%;margin:0 auto;overflow: hidden;}

.nav_r{float:right;}
.nav_r a{color:#626262;float:left;}
.nav_r li{float:left;padding:4px 8px;border-radius: 5px;margin:14px 5px 10px 0px;border: 1px solid #b3b3b3;color: #454343;font-size:0.7rem;cursor:pointer;}
.nav_r li:hover {background-color: #d5f1ff;color:black;}
.nav_r li:active {background-color: #76d2f6;color:black;}
.nav_r li img{display: none;}
.navmain{width:100%;margin:0 auto;}
.nav_box img{width:40%;margin-top:15px;}
.navmain ul li{float:left;padding:0 1%;color:#fff;font-weight: normal;text-align: center;}
.navmain ul li.cur{background:url(../image/sj.png) no-repeat center bottom;color:#ffea00;}
.navmain ul li img{vertical-align: middle;width:11px;margin-right:2px;margin-top: -2px;}
}