﻿html { background-color: #f5f5f5; }
.head { width: 100%; }
.head .pc { width: 1280px; margin: 0 auto; height: 100px; }
.head .pc .logo { margin-top: 36px; float: left; }
.head .pc .nav { margin-top: 36px; float: right; position: relative; }
.head .pc .nav .one { display: inline-block;  padding: 0 10px; float: left; font-size: 16px; color: #333333; text-align: center; height: 64px; line-height: 80px; cursor: pointer; position:relative; }
.head .pc .nav .one:last-child { padding-right: 0px; }
.head .pc .nav .one a { color: #333; }
.head .pc .nav .one.on{ font-weight:bold;}
.head .pc .nav .one.on, .head .pc .nav .one:hover { color: #fff; background-color: #00a885; font-family: 'Microsoft YaHei'; }
.head .pc .nav .one.on a,  .head .pc .nav .one:hover a { color: #fff; }
.head .pc .nav .one .navson { position: absolute; z-index: 9999; top: 64px;  left: 0px;  width:1000px; display:none; text-align:left; }
.head .pc .nav .one .navson a.two { height: 64px; padding:10px 20px; background:#565656; line-height: 64px; font-weight: bold; color: #ccc; display: inline-block; margin:0px; }
.head .pc .nav .one .navson a.two:first-child{padding-left:20px;}
.head .pc .nav .one .navson a.two:last-child{padding-right:20px;}
.head .pc .nav .one:hover .navson { display: block; line-height: 64px; }
.head .pc .nav .language { position: absolute; right: 10px; top: 3px; position: absolute; right: 29px; top: -25px; font-size: 12px; }
.head .pc .nav .language a { font-size: 12px; color: #333; }

.wbr { width: 100%; }
.wbr .pc { width: 100%; height: 290px; background-color: #313131; position: inherit; z-index: 0; }
.wbr .pc .lt { height: 10px; background-color: #00a885; }
.wbr .pc .content { position: relative; width: 100%; height: 230px; max-width: 1200px; margin: 0 auto; background: url(../images/w-logo.png) no-repeat left 115px; border-bottom: 1px solid #707070; }
.wbr .pc .content .yqwz { font-size: 14px; color: #fff; text-align: right; right: 0; position: absolute; top: 70px; }
.wbr .pc .content .yq { height: 38px; width: 300px; position: absolute; right: -40px; top: 116px; z-index: 999999999; }
.wbr .pc .content .yq .list { text-align: center; line-height: 38px; font-size: 14px; color: #999; height: 38px; border: 1px solid #707070; width: 200px; float: left; overflow: hidden; padding: 0 10px; text-align: left; }
.wbr .pc .content .yq .xl { text-align: center; line-height: 38px; font-size: 16px; color: #999; font-weight: bold; height: 38px; border: 1px solid #707070; border-left: none; width: 38px; float: left; cursor: pointer; }
.wbr .pc .content .yq .tz { text-align: center; line-height: 38px; font-size: 16px; color: #999; font-weight: bold; height: 38px; border: 1px solid #707070; border-left: none; width: 38px; float: left; cursor: pointer; }
.wbr .pc .content .yq .xl .e-sanjiao { margin-left: calc(50% - 5px); margin-top: 10px; width: 10px; height: 10px; border-bottom: 1px solid #999; border-left: 1px solid #999; transform: rotate(315deg); }
.wbr .pc .bq { color: #707070; font-size: 14px; line-height: 35px; max-width: 1200px; margin: 0 auto; }
.wbr .pc .content .yq .xllb { display: none; position: absolute; height: 200px; width: 200px; background: #fff; z-index: 888; position: absolute; height: 144px; width: 220px; z-index: 888; left: 0px; top: 39px; border: 1px solid #707070; background-color: #313131; overflow: hidden; overflow-y: scroll; }
.wbr .pc .content .yq .xllb li { width: calc(100% - 20px); text-align: left; height: 40px; line-height: 40px; overflow: hidden; padding: 0 10px; font-size: 14px; color: #999 }
.wbr .pc .content .yq .xllb li:hover { background-color: #000; }
.wbr .pc .content .yq a { color: #999; }
