#header {border-bottom: 5px solid #dadada}
#header .logo { float: left; margin-top: 12px}
#header .hright {float: right}
#header .hright ul { padding: 0; margin: 0; list-style: none;float: left}
#header .hright ul li { float: left;position: relative}
#header .hright ul.menu>li:after { position: absolute; bottom: -5px; width: 100%; height: 5px; content: ''; background: #0a8cb4;display: none}
#header .hright ul.menu li a { display: block; padding: 25px 20px; text-transform: uppercase; font-family: SegoeUISemiBold;font-size: 13px}
#header .hright ul.menu li a>span.ico { height: 14px; width: 100%; display: block; margin-bottom: 10px}
#header .hright ul.menu li:hover a>span.ico,#header .hright ul.menu li.active a>span.ico {background-position: top -14px center!important}
#header .hright ul.menu li:hover:after,#header .hright ul.menu li.active:after{display: block}

#header .hright ul.menu li:hover a,#header .hright ul.menu li.active a { background: #099dca; color: #fff}
#header .hright ul.menu li ul { position: absolute; top: 100%; z-index: 10; background: rgba(9, 157, 202, 0.9); color: #fff; width: 248px;display: none}
#header .hright ul.menu li:hover ul {display: block}
#header .hright ul.menu li ul li { padding: 0 10px; width: 100%; box-sizing: border-box;border-bottom: 1px solid #30bee7}
#header .hright ul.menu li ul li:last-child {border: none}
#header .hright ul.menu li ul li a{ text-transform: none; padding: 7px 0; padding-left: 12px;background: url(lstsubmenu.png) left top 15px no-repeat}
#header .hright ul.menu li:hover ul li a {background: url(lstsubmenu.png) left top 15px no-repeat transparent} 
#header .hright ul.menu li ul li:hover {background: #0c89af} 

#header .hright ul.lang { margin-top: 26px;margin-left: 8px}
#header .hright ul.lang li { width: 41px; height: 41px; border-radius: 50%; border: 1px solid #f0f0f0; line-height: 41px; text-align: center; margin-right: 24px}
#header .hright ul.lang li:last-child {margin-right: 0}
#header .hright ul.lang li:hover {background: #e8e8e8}
#header .hright ul.lang li a {display: block}
 
#header .hright ul.lang>li:last-child .seipt { width: 272px; height: 46px; border: 1px solid #d6dbdc; background: #fff; border-radius: 20px 0 20px 20px; position: absolute;  z-index: 11; right: 0; top:26px;opacity: 0; visibility: hidden; transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; top: 65px;box-shadow: 5px 5px 0 rgba(0,0,0,0.2)}
#header .hright ul.lang>li:last-child .seipt.ac { visibility: visible; opacity: 1}
#header .hright ul.lang>li:last-child .seipt:before { content: ''; position: absolute; right: 16px; top: -4px; width: 6px; height: 6px; border-left: 1px solid #d6dbdc; border-top: 1px solid #d6dbdc; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg);background:#fff}
#header .hright ul.lang>li:last-child .seipt input[type=text] { width: calc(100% - 45px); float: left; height: 45px; border: none; padding: 0 10px; box-sizing: border-box; outline: none; font-style: italic; font-size: 13px;border-radius: 20px 0 20px 20px; }
#header .hright ul.lang>li:last-child input[type=text]::-webkit-input-placeholder {  color: #666666; opacity: 1;font-family: SegoeUI}
#header .hright ul.lang>li:last-child input[type=text]::-moz-placeholder {  color: #666666; opacity: 1;font-family: SegoeUI}
#header .hright ul.lang>li:last-child input[type=text]:-ms-input-placeholder {  color: #666666; opacity: 1;font-family: SegoeUI}
#header .hright ul.lang>li:last-child input[type=text]:-moz-placeholder { color: #666666; opacity: 1;font-family: SegoeUI}
#header .hright ul.lang>li:last-child .seipt .sebtn { width: 45px; height: 46px; display: block; background: url(sebtn.png) center no-repeat;float: right}
#header .hright ul.lang>li .btnsearch { display: block; width: 42px; height: 42px; background: url(btnsearch.png) center no-repeat}
#header .hright ul.lang>li.ac {background: #e8e8e8}

#footer { padding: 30px 0 40px 0; background: #099dca;border-top: 4px solid #9dd8ea}
#footer .left { float: left;width: 41.28%}
#footer  ul { padding: 0; margin: 0; list-style: none; color: #d1f4fe; line-height: 21px}
#footer .left ul li { margin-bottom: 10px;padding-left: 23px}
#footer .left ul li:nth-child(1){background: url(finfo1.png) left top 3px no-repeat}
#footer .left ul li:nth-child(2){background: url(finfo2.png) left top 3px no-repeat}
#footer .left ul li:nth-child(3){background: url(finfo3.png) left top 5px no-repeat}
#footer .left ul li:nth-child(4){background: url(finfo4.png) left top 3px no-repeat}

#footer .mid { width: 187px; margin-left: 78px;float: left}
#footer .mid li {margin-bottom: 8px}
#footer .mid li .text { vertical-align: top; line-height: 27px; margin-left: 10px}
#footer .mid li:hover .text {color: #fff}

#footer .right { float: right; width: 28.46%}
#footer .right .mapborder { border: 3px solid #0b7d9f; border-radius: 4px;position: relative}
#footer .right #map_canvas2 {height: 147px}
#footer .right .mapborder .btnmap { display: block; font-size: 11px; text-align: center; color: #fff; width: 100px; height: 24px; line-height: 24px; border: 2px solid #fff; border-radius: 3px; position: absolute; z-index: 2; bottom: 7px; right: 7px;background: #099dca}


#commonbot {background: #0982a7;padding: 14px 0;font-size: 13px;}
#commonbot .right { float: left; margin-left: 150px}
#commonbot .total {float: left;padding-left: 20px;background: url(total.png) left center no-repeat;margin-left: 22px;color: #fff;}