.fixtop { position:fixed; z-index:9999;left:0;width:100%; height:90px; background:#fff}
.fixtop .wrap { position:relative}
.fixtop .toper .logo {float:left;margin:28px 0 0 0;background:url("../image/logo.png") no-repeat center top;width:188px;height:44px; background-size:cover; display:block}
.fixtop .toper .ad {color:#000;font-size:24px; height:28px; line-height:27px;border-left:1px solid #000;padding:0 0 0 25px;display:inline-block; position:absolute;top:28px;left:0;margin:0 0 0 225px;font-weight:400}
.fixtopindex { background:none;}
.fixtop.active {background:#333131}
.fixtop.active .toper .logo { background-position: center bottom;}
.fixtop.active .toper .ad {color:#fff;border-color:#fff}

.fixtop .toper ul.navpc {float:right;margin:0 220px 0 0;opacity:1; height:90px; line-height: 88px; display:inline-block}
.fixtop .toper ul.navpc li {display:inline-block;text-align:center; position:relative;margin:0 0 0 50px; position:relative}
.fixtop .toper ul.navpc li a {display:block; position:relative; text-align:center;}
.fixtop .toper ul.navpc li p {color:#000;font-size:24px;font-weight:400;position: relative; z-index: 999}
.fixtop .toper ul.navpc li h2 { position:absolute; z-index:100;top:0px;left:50%;width:100%;margin-left:-50%; text-align:center;color:#333;font-size:16px;font-weight:400;opacity:0;height:90px; line-height: 88px; text-transform: uppercase}
.fixtop .toper ul.navpc li.f4 h2,.fixtop .toper ul.navpc li.f4.check:hover h2 {width:60px;margin-left:-30px}
.fixtop .toper ul.navpc li.f5 h2,.fixtop .toper ul.navpc li.f5.check:hover h2,.fixtop .toper ul.navpc li.f5_2.check:hover h2 {width:70px;margin-left:-35px}
.fixtop .toper ul.navpc li.f7 h2,.fixtop .toper ul.navpc li.f7.check:hover h2 {width:80px;margin-left:-40px}
.fixtop .toper ul.navpc li:hover h2 {opacity:1}
.fixtop .toper ul.navpc li:hover p {opacity:0}
.fixtop .toper ul.navpc li h2:before{ display:block;content:''; position:absolute; z-index:-1;left:50%;top:50%;margin-top:-2px;width:0;height:4px; background:#fff032}
.fixtop .toper ul.navpc li:hover h2:before,.fixtop .toper ul.navpc li.check h2:before {width:100%;margin-left:-50%;transition-delay:0.2s;-moz-transition-delay: 0.2s; -webkit-transition-delay:0.2s; -o-transition-delay: 0.2s;}
.fixtop.active .toper ul.navpc li p,.fixtop.active .toper ul.navpc li h2 {color:#fff}
.fixtop .toper ul.navpc li.check h2 {opacity:1}
.fixtop .toper ul.navpc li.check h2 span {opacity:0;}
.fixtop .toper ul.navpc li.f4.check h2,.fixtop .toper ul.navpc li.f5.check h2,.fixtop .toper ul.navpc li.f7.check h2 {width:58px;margin-left:-30px}
.fixtop .toper ul.navpc li.f5_2.check h2 {width:80px;margin-left:-41px}
.fixtop .toper ul.navpc li.check:hover h2 span {opacity:1}
.fixtop .toper .tel {position:absolute;right:0;top:29px;border:1px solid #000;height:30px; line-height: 28px;display:inline-block;padding:0 20px;border-radius:30px;color:#000;font-size:18px;font-weight:400}
.fixtop.active .toper .tel {border-color:#fff;color:#fff;}

@media only screen and (max-width: 1200px){
	.fixtop .toper ul.navpc { display:none;}
	.phonemenu {display:block;}
	.fixtop {height:50px;}
	.fixtop .toper .logo,.fixtop.active .toper .logo {margin:16px 0 0 0;width:107px;height:25px;}
	.fixtop .toper .ad,.fixtop.active .toper .ad {font-size:14px; height:14px; line-height:14px;padding:0 0 0 10px;top:17px;margin:0 0 0 119px}
	.nav__trigger {top: 6px}
	.fixtop.active {height:50px}
	.tblank { height:50px}
	.tblank.active { height:50px}	
	.phonemenu .nav li a {font-size:30px;}	
	.fixtop.active .nav__icon {background-color:#fff;transition-duration:.0s;-ms-transition-duration:.0s;-moz-transition-duration:.0s; -webkit-transition-duration:.0s;}
	.fixtop.active .nav__icon:before,.fixtop.active .nav__icon:after {background: #fff;}
	.fixtop.active .phonemenu .nav--active .nav__icon {background: rgba(0, 0, 0, 0);}