@media only screen and (min-width:1200px ) {
	.nav-here{background-color: #000;height: 70px;}
	.gf-logo h1{margin: 0;margin-top: 4px;}
	.gf-pnav a{padding-top: 24px;padding-bottom: 0;}
	.gf-pnav a.active{color: #00c5dc;}
	.gf-pnav .active i {    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);}
}

 /*头部*/   
.top_nav{width: 100%;background-color: #f2f2f2}    
.top_nav .top_ul{display: flex;flex-wrap: nowrap;flex-direction: row;justify-content: center;}
.top_nav .top_ul li{text-align: center;padding: 20px 20px;transition: all .5s;}
.top_nav .top_ul li:hover{background-color: #fff;}
.top_nav .top_ul .active{background-color: #fff;}
.top_nav .top_ul img{width: 50px;}
.top_nav .top_ul span{font-size: 14px;color: #333;transition: all .5s;display: block;margin-top: 10px;}
.top_nav .top_ul li:hover span{color: #00c5dc;}

.sousou3{top: 70px;height: 60px;}
.sousou3 input{margin-top: 11px;}

.xs{display: none;}
/*定位*/
.dingw{width: 100%;display: none;}
.d_flex{display: block; position: fixed;top: 0;left: 0; z-index: 9;background-color: #fff;max-width: 100%;box-shadow:0 4px 10px #e9e9e9;}
.dingw #test a:hover{color: #00c5dc;border-bottom: 2px #00c5dc solid;}
.dingw #test a{display: inline-block;height: 48px;margin: 0 20px;padding: 0 10px;line-height: 50px;color: #333;font-size: 16px;}
.dingw #test .on{color: #00c5dc;border-bottom: 2px #00c5dc solid;}
@media only screen and (max-width:1199px ) {
	body{padding-top: 63px;}
	.top_nav .top_ul{flex-wrap: wrap;justify-content: initial;}
	.top_nav .top_ul li{display: block;width: 20%;padding: 10px 0;}
	.d_flex{display: none;}
}
@media only screen and (max-width: 500px) {
	.top_nav .top_ul li{width: 33.33333333%;}
	.yc{display: none;}
	.xs{display: block;}
	
}