/* top */

#top-bar {height: 30px;line-height: 30px;background: rgb(241, 241, 241);}

#top-bar a:hover {color: rgba(218, 37, 28, 1)}

.nav-bar {width: 72px;height: 35px;line-height: 30px;position: relative;margin-right: 33px}

.nav-bar ul.nav-main {padding-left: 24px;background: url(../images/address.png) no-repeat 5px 7px}

.nav-bar:hover ul.nav-main {background: url(../images/address02.png) no-repeat rgba(255, 255, 255, 1) 4px 7px;border-left: 1px solid rgba(232, 232, 232, 1);padding-left: 23px}

ul.nav-main {width: 100%;height: 100%}

ul.nav-main li a {color: rgba(136, 136, 136, 1)}

ul.nav-main span {display: inline-block;margin-left: 11px;width: 9px;height: 6px;background: url(../images/down-icons.png) no-repeat;transition-duration: .5s}

.nav-bar:hover ul.nav-main span {transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg)}

ul.nav-main>li {width: 151px;height: 100%;display: block;float: left;margin-right: 1px;cursor: pointer}

div.hidden-box {width: 191px;height: 151px;padding: 5px 0 0 5px;border: 1px solid rgba(232, 232, 232, 1);border-top: 0;position: absolute;display: none;background: rgba(255, 255, 255, 1);top: 30px;line-height: 30px;z-index: 9999}

.hidden-box>ul {cursor: pointer}

.hidden-box>ul li {float: left;padding: 0 10px}

.hidden-loc-index {left: 0}

.entry-bar a {padding-left: 10px;color: rgba(136, 136, 136, 1)}

#top-bar .entry-bar a .wechat {display: none;top: 21px;right: 0;z-index: 110}

#top-bar .entry-bar a:hover .wechat {display: block}

.wechat img{width:108px;height:108px}



/* header */

#header-bar {height: 90px;padding-top: 12px;overflow: hidden;}



/*.logo-bar {width: 504px}*/

.s-bar {width: 509px;padding-top: 15px;position: relative;z-index: 99}

.s-bar p {padding-top: 7px}

.s-bar a {padding-right: 20px;color: rgba(153, 153, 153, 1)}

.s-bar a:hover {color: rgba(218, 37, 28, 1)}

.search-bar {width: 404px;height: 33px;background: rgba(218, 37, 28, 1);padding: 1px;z-index: 100}

.searchTxt {height: 33px;z-index: 20}

.searchTxt select {height: 33px}

.searchTxt span {height: 33px;background: rgba(255, 255, 255, 1)}

.searchTxt .searchMenu .searchTab li {height: 28px;line-height: 28px;color: rgba(136, 136, 136, 1);cursor: pointer}

.searchTxt input {float: left;border: none;color: #b1b1b1;width: 227px;height: 33px;padding: 0 10px;background: rgba(255, 255, 255, 1)}

.searchBtn input[type="button"],

.searchBtn input[type="submit"] {cursor: pointer;height: 33px;width: 79px;background: none}

.phone-bar {width: 187px}



/* nav */

#nav-bar {height: 52px;/* background: rgb(60, 107, 178); */background:#00254f;}

#cssmenu,

#cssmenu ul,

#cssmenu ul li,

#cssmenu ul li a,

#cssmenu #menu-button {margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}

#cssmenu:after,

#cssmenu>ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0}

#cssmenu #menu-button {display: none}

#cssmenu {line-height: 52px;height: 52px;text-align: center;width: 1202px;margin: 0 auto;position: relative;z-index: 999}

#menu-line {position: absolute;bottom: 0;left: 0;height: 52px;background: rgba(248, 248, 248, 1);

	-webkit-transition: all 0.25s ease-out;

	-moz-transition: all 0.25s ease-out;

	-ms-transition: all 0.25s ease-out;

	-o-transition: all 0.25s ease-out;transition: all 0.25s ease-out}

#cssmenu>ul>li {width:150px;float: left;position: relative;transition-duration: .5s}

#cssmenu>ul>li a span {display: block;width: 7px;height: 5px;position: absolute;top: 24px;right: 21px;background: url(../images/up-icon.png) no-repeat}

#cssmenu>ul>li:hover a span {background: url(../images/down-icon.png) no-repeat;transform: rotate(180deg);-webkit-transform: rotate(180deg)}

#cssmenu>ul>li {background: url(../images/nav-line.png) no-repeat right top}

#cssmenu>ul>li>a {width: 150px;height: 52px;font-size: 16px;line-height: 52px;text-decoration: none;color: rgb(255, 255, 255);

	-webkit-transition: color .2s ease;

	-moz-transition: color .2s ease;

	-ms-transition: color .2s ease;

	-o-transition: color .2s ease;transition: color .2s ease}

#cssmenu>ul>li.active>a {color: #ffa31f;}

#cssmenu>ul:hover>li.active>a {color: rgba(255, 255, 255, 1)}

#cssmenu>ul>li.active:hover>a {color: #ffa31f;}

#cssmenu>ul>li:hover>a {color: #ffa31f;}

#cssmenu ul ul {position: absolute;left: -9999px;background-color: #fff;padding: 1px 0 0;width: 150px;border-bottom: 4px solid #ffa31f}

#cssmenu li:hover>ul {left: auto}

#cssmenu.align-right li:hover>ul {right: 0}

#cssmenu ul ul ul {margin-left: 100%;top: 0}

#cssmenu.align-right ul ul ul {margin-left: 0;margin-right: 100%}

#cssmenu ul ul li {height: 0;

	-webkit-transition: height .2s ease;

	-moz-transition: height .2s ease;

	-ms-transition: height .2s ease;

	-o-transition: height .2s ease;transition: height .2s ease}

#cssmenu ul li:hover>ul>li {height: 36px}

#cssmenu ul ul li a {width: 150px;height: 37px;line-height: 37px;font-size: 16px;color: #333;border-bottom: 1px solid #f5f5f5;text-decoration: none;

	-webkit-transition: color .2s ease;

	-moz-transition: color .2s ease;

	-ms-transition: color .2s ease;

	-o-transition: color .2s ease;transition: color .2s ease}

#cssmenu ul ul li a.bone {border-bottom: none}

#cssmenu ul ul li:hover>a,

#cssmenu ul ul li a:hover {color: #ee0b00}

#cssmenu ul ul li a:hover {color: #fff;background-color: #ffa31f}