.f{ color: #2a2e2e}
.f .left{ float: left;}
.f .right{ float: right;}
.f .both{ clear: both;}
.f > .banner{ width: 100%; height: 284px;}
.f a{ color: #0052D9;}
.banner h1{ font-family: 'TencentSansW3CN'; font-size: 44px; height: 66px; line-height: 66px; padding-top: 108px; font-weight: 100;}

.navigation-1{ line-height: 25px; font-size: 14px; position: relative;}
.navigation-1 .line{width: 2px;height: 116px;background:  #d8d9dc;position: absolute;top: 11px;left: 3px;}
.navigation-1 .main{ position: relative; z-index: 2;}
.navigation-1 a{ color: #5f6464; display:block; margin-bottom: 33px;}
.navigation-1 a span{ display:block; width: 8px; height: 8px; border-radius: 50%; background: #d8d9dc; float: left; margin-top: 9px; margin-right: 16px;}
.navigation-1 .active span{ background: #2a2e2e;}


.navigation-2{ width: 200px; height: 200px; overflow: hidden;}
.navigation-2 .box{ padding-bottom: 33px; position: relative;}
.navigation-2 a{ position: relative; z-index: 2; height: 26px; line-height: 26px; display:block; color: #2018;}
.navigation-2 .icon{ width: 8px; height: 8px; border-radius: 50%; background: #d8d9dc; display: block; float: left; margin-top: 9px; margin-right: 16px;}
.navigation-2 .active a{  font-size: 20px; color: #0052d9;}
.navigation-2 .active .icon{  background: #0052d9;}
.navigation-2 .line{ background:#d8d9dc; width: 1px; height: 60px; position: absolute; top: 10px; left: 4px; }

.navigation-3{ height: 40px;  box-shadow: inset 0px -2px 1px rgba(0, 0, 0, 0.05); position: relative;}
.navigation-3 .left{ width: 85%; overflow: hidden;}
.navigation-3 .wrap{ width: 1500px; position: relative;}
.navigation-3 .wrap .yead{ float: left; margin: 0 20px; line-height: 40px;  font-size: 16px; position: relative;}
.navigation-3 .wrap .line{ position: absolute; height: 2px; width: 100%; background: #0052D9; bottom: 0px; left: 0px;}
.navigation-3 .right { padding-top: 16px; padding-right: 16px;}
.navigation-3 .right img{ width: 10px; display: block; float: left;}
.navigation-3 .popup_yead{ display: none;}
.navigation-3.an{ box-shadow: none;}
.navigation-3.an .wrap{ display:none;}

.navigation-3.an .popup_yead{  display: block;  position: absolute; top: 40px; background: #F2F3F5; z-index: 10; width: 100%;}
.navigation-3.an .popup_yead .yead{ font-size: 16px; float: left; padding:11px 8px 12px 20px; }
.navigation-3.an img{  transform-origin:50% 50%; transform: rotate(180deg);}