.header-box {max-width:1200px;height:100%;margin:0
auto;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.header-box .sidebar-menu {position:fixed;left:0;top:0;right:0;bottom:0;z-index:99;background-color:#00000080;visibility:hidden;opacity:0;-webkit-transition:opacity
.3s,visibility .3s;-o-transition:opacity .3s,visibility .3s;transition:opacity
.3s,visibility .3s;}
.header-box .sidebar-menu .sidebar-menu-list {width:240px;height:100vh;max-width:100vh;-webkit-transform:translate(-240px,0);-ms-transform:translate(-240px,0);transform:translate(-240px,0);-webkit-transition:-webkit-transform
.3s;transition:-webkit-transform .3s;-o-transition:transform
.3s;transition:transform .3s;transition:transform .3s,-webkit-transform
.3s;background-color:#fff;}
.header-box .sidebar-menu .sidebar-menu-item a {width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px
24px;font-size:16px;font-weight:bold;line-height:24px;color:#121a21;letter-spacing:-0.01em;}
.header-box .sidebar-menu
.sidebar-menu-item.lang {display:none;}
.header-box .sidebar-menu
.sidebar-menu-item.has-children .m-icon {font-size:22px;font-weight:bold;margin-top:-6px;}
.header-box .sidebar-menu
.sidebar-menu-item.has-children .less {display:none;}
.header-box .sidebar-menu
.sidebar-menu-item.has-children.show .plus {display:none;}
.header-box
.sidebar-menu .sidebar-menu-item.has-children.show .less {display:block;}
.header-box .sidebar-menu .sidebar-child-menu-list {display:none;padding:8px
0;width:100%;}
@-webkit-keyframes fadeIn {from {opacity:0;} to {opacity:1;} }
@keyframes fadeIn {from {opacity:0;} to {opacity:1;} }
.header-box .sidebar-menu
.sidebar-menu-item.has-children.show .sidebar-child-menu-list {display:block;-webkit-animation:fadeIn 0.4s ease;animation:fadeIn 0.4s ease;}
.header-box .header-menu { width: 100%;
display:-webkit-box;display:-ms-flexbox;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:
flex;height: 100%;}
/*.header-box .header-menu .header-logo {margin:21px 45px 0
18px;min-width:150px;}
*/ .header-box .header-menu .menu-list {display:flex;flex-direction:row;}
.header-box .header-menu .menu-list_2 {flex: 1;justify-content: end;}
.header-box .header-menu .menu-list
.menu-item {position:relative;height:55.5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;display:none;text-align:
center;display:none}
.header-box .header-menu .menu-list .menu-item a {padding:0
15px;font-size:16px;color:#fff;text-decoration:none;font-family: '微軟雅黑',
sans-serif;font-weight: 400;font-style: normal;white-space: nowrap;}
.header-box
.header-menu .menu-list .menu-item svg {width:10px;height:10px;fill:#666;margin-left:5px;}
.header-box .header-menu
.menu-list .menu-item.ipanda a {padding:10px
30px;color:#fff;line-height:1.25;border-radius:5px;background-color:#bc0001;}
.header-box .header-menu .menu-list .menu-item:hover .child-menu-list {-webkit-transform:translate(0,-2px);-ms-transform:translate(0,-2px);transform:translate(0,-2px);visibility:visible;-webkit-transition:all
.3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s
ease-in-out;}
.header-box .header-menu .child-menu-list {position:absolute;top:100%;min-width:160px;padding:8px
0;z-index:99999;-webkit-transform:translate(0,8px);-ms-transform:translate(0,8px);transform:translate(0,8px);visibility:hidden;background-color:#f6f7f9;}
.header-box .header-menu .child-menu-list .child-menu-item a {display:block;width:100%;padding:4px
24px;font-size:14px;font-weight:400;line-height:24px;color:#212529;white-space:nowrap;}
.header-box .header-menu .child-menu-list:before {content:"";position:absolute;top:-10px;left:24px;border-bottom:10px solid
#f6f7f9;border-bottom-color:#f6f7f9;border-left:10px solid
#0000;border-right:10px solid #0000;}
.header-box .header-mobile-search-btn {
visibility: hidden; display:none;width:18px;height:18px;cursor:pointer;}
.sub-menu-item { display:none; }
.sidebar-child-menu-item { display:none; }
ul.sub-menu { margin-top: 0; background-color: #f6f7f9; border-radius: 0;
border-width: 0; box-shadow: 0 1px 4px rgb(0 0 0 / 25%); top: 110%; visibility:
hidden; opacity: 0; position: absolute; left: 0; z-index: 1000; display: none;
float: left; min-width: 3.1em; font-size: 16px; font-weight: bold; color:
#212529; text-align: left; list-style: none; background-clip: padding-box;
border: none; }
.header-box .header-menu .menu-list .menu-item li.sub-menu-item
a { display: block; width: 100%; padding: 10px 20px 10px 40px; clear: both;
color: #212529; text-align: inherit; white-space: nowrap; background-color:
transparent; border: 0; position: relative; }
.header-box .header-menu
.menu-list .menu-item li.sub-menu-item a .menu-item-sub-tips { width: 8px;
height: 8px; background: #ff6c00; position: absolute; top: 18px; left: 15px; }
li.menu-item.has-child:hover ul.sub-menu { opacity: 1; visibility: visible;
display: block; -webkit-animation: vo-fadeIn .3s; animation: vo-fadeIn .3s; top:
100%; background: #fff; }
.menu-list .menu-item-more { background:
url('https://p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/headerDown.png?a')
no-repeat right; }
.menu-list .menu-item-more:hover { background:
url('https://p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/headerUp.png?a')
no-repeat right; }
.header-box .header-menu .menu-list .menu-item:hover a {
color: #ff6c00 !important; }
.header-box .header-menu .menu-list
.menu-item:hover .sub-menu li a { color: #212529 !important; min-width: 200px;
padding: 10px 20px 10px 40px !important; }
.header-box .header-menu .menu-list
.menu-item .sub-menu li a:hover { color: #ff6c00 !important; }
.menu-list
.menu-item-more > .sub-menu:before { /* border-bottom: 10px solid #f6f7f9;
border-left: 10px solid transparent; border-right: 10px solid transparent; top:
-10px; left: 24px; content: ""; position: absolute; */ }
.header-box
.header-logo-mobile { display: none; }
.header-box .header-logo { margin-top:
6px; min-width: 180px; }
.logo-container { height: 55.5px; width: 208px;
margin-right: 30px; display: flex; align-items: flex-start; }
@media screen and
(max-width:1610px) { .header-box .header-menu .menu-list .menu-item a
{padding:0px 14px;} .header-box .header-menu .menu-list .menu-item svg
{margin:0;} }
@media screen and (max-width:1485px) { /*.header-box .header-menu
.header-logo {margin:0 !important; padding: 0 !important;}*/ /*.header-box
.header-menu .menu-list .menu-item{min-width: 90px}*/ .header-box .header-menu
.menu-list .menu-item a {padding:0 10px;} .header-box .header-menu .menu-list
.menu-item svg {margin:0;} .header-box .header-menu .menu-list{display:flex;} }
@media screen and (max-width:1375px) { .p-media{padding: 0;} .header-box
.header-menu .menu-list .menu-item a{padding: 0 10px;} .header-box .header-menu
.menu-list .menu-item{min-width: 80px} }
@media screen and (max-width:1155px) {
.p-media{padding: 0 !important;} .header-box .header-menu .menu-list .menu-item
a{padding: 0;} .header-box .header-menu .menu-list .menu-item{min-width: 70px} }
@media screen and (max-width:1030px) { .p-media{padding: 0 !important; }.menu-list_2{display: none !important;} 
.header-box .header-menu .menu-list .menu-item{min-width: 65px} }
@media screen
and (max-width:820px) { .header-container
{position:relative;height:55px;background-color: #2c324c;} .header-box
.header-mobile-search-btn {display:block;} /* .header-box .header-menu
.menu-list {display:none;} */ .header-box .header-menu{ flex-direction: column;
align-items: flex-start; } .header-box .header-menu .menu-list { width: 100%;
height: 55.5px; flex-shrink: 0; background-color: #fff; overflow-x: scroll;
overflow-y: hidden; display:none } .menu-list_2{display: none !important;} .header-box .header-menu .menu-list
.menu-item a{ color: #212529; min-width: 80px; text-align: center; } .menu-list
.menu-item-more > a:after{ display: none; } .menu-list .menu-item-more:hover{
background:url(''); } .header-box .header-menu .menu-list:-webkit-scrollbar {
display: none; } .header-box .header-menu .menu-list .menu-item{min-width: 80px}
.header-box .header-menu .header-logo{margin-left: 20px !important;} .header-box
.header-menu .menu-list .menu-item:hover a{color:#212529 !important;}
li.menu-item.has-child:hover ul.sub-menu{display:none;} .header-box
.header-logo{ display: none; } .header-box .header-logo-mobile{ display: block;
margin-left: 24px; margin-top: 14px; } }
.p-media {max-width:1200px !important;padding:0;margin:0 auto !important;}
.header-container {height:55.5px;background-color:#121935;font-size:50px;}
.header-box {max-width:1200px;height:100%;margin:0 auto;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.header-box img {max-width: 100%;}
.header-box svg {width:20px;height:20px;}
.header-box .sidebar-menu {position:fixed;left:0;top:0;right:0;bottom:0;z-index:99;background-color:#00000080;visibility:hidden;opacity:0;-webkit-transition:opacity .3s,visibility .3s;-o-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s;}
.header-box .sidebar-menu.show {opacity:1;visibility:visible;}
.header-box .sidebar-menu .sidebar-menu-list {width:240px;height:100vh;max-width:100vh;-webkit-transform:translate(-240px,0);-ms-transform:translate(-240px,0);transform:translate(-240px,0);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;background-color:#fff;}
.header-box .sidebar-menu.show .sidebar-menu-list {-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}
.header-box .sidebar-menu .sidebar-menu-item {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;display:none;}
.header-box .sidebar-menu .sidebar-menu-item a {width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 24px;font-size:16px;font-weight:bold;line-height:24px;color:#121a21;letter-spacing:-0.01em;}
.header-box .sidebar-menu .sidebar-menu-item a:hover {background-color:#eee;}
.header-box .sidebar-menu .sidebar-menu-item.ipanda a {color:#bc0000;font-weight:bold;}
.header-box .sidebar-menu .sidebar-menu-item.lang {display:none;}
.header-box .sidebar-menu .sidebar-menu-item.has-children .m-icon {font-size:22px;font-weight:bold;margin-top:-6px;}
.header-box .sidebar-menu .sidebar-menu-item.has-children .less {display:none;}
.header-box .sidebar-menu .sidebar-menu-item.has-children.show .plus {display:none;}
.header-box .sidebar-menu .sidebar-menu-item.has-children.show .less {display:block;}
.header-box .sidebar-menu .sidebar-child-menu-list {display:none;padding:8px 0;width:100%;}
@-webkit-keyframes fadeIn {from {opacity:0;}
            to {opacity:1;}
        }
@keyframes fadeIn {from {opacity:0;}
            to {opacity:1;}
        }
.header-box .sidebar-menu .sidebar-menu-item.has-children.show .sidebar-child-menu-list {display:block;-webkit-animation:fadeIn 0.4s ease;animation:fadeIn 0.4s ease;}
.header-box .sidebar-menu .sidebar-child-menu-item a {padding-left:40px;}
.header-box .header-menu { width: 100%; display:-webkit-box;display:-ms-flexbox;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display: flex;height: 100%;}
.header-box .header-menu .btn-unfold {cursor:pointer;}
/*.header-box .header-menu .header-logo {margin:21px 45px 0 18px;min-width:150px;}
*/
        .header-box .header-menu .menu-list {display:flex;flex-direction:row;}
.header-box .header-menu .menu-list .menu-item {position:relative;height:55.5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;display:none;text-align: center;display:none}
.header-box .header-menu .menu-list .menu-item a {padding:0 15px;font-size:16px;color:#fff;text-decoration:none;font-family: '微軟雅黑', sans-serif;font-weight: 400;font-style: normal;white-space: nowrap;}
.header-box .header-menu .menu-list .menu-item svg {width:10px;height:10px;fill:#666;margin-left:5px;}
.header-box .header-menu .menu-list .menu-item.ipanda a {padding:10px 30px;color:#fff;line-height:1.25;border-radius:5px;background-color:#bc0001;}
.header-box .header-menu .menu-list .menu-item:hover .child-menu-list {-webkit-transform:translate(0,-2px);-ms-transform:translate(0,-2px);transform:translate(0,-2px);visibility:visible;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.header-box .header-menu .child-menu-list {position:absolute;top:100%;min-width:160px;padding:8px 0;z-index:99999;-webkit-transform:translate(0,8px);-ms-transform:translate(0,8px);transform:translate(0,8px);visibility:hidden;background-color:#f6f7f9;}
.header-box .header-menu .child-menu-list .child-menu-item a {display:block;width:100%;padding:4px 24px;font-size:14px;font-weight:400;line-height:24px;color:#212529;white-space:nowrap;}
.header-box .header-menu .child-menu-list .child-menu-item img {width:100px;max-width:100px;}
.header-box .header-menu .child-menu-list:before {content:"";position:absolute;top:-10px;left:24px;border-bottom:10px solid #f6f7f9;border-bottom-color:#f6f7f9;border-left:10px solid #0000;border-right:10px solid #0000;}
.header-box .header-mobile-search-btn { visibility: hidden; display:none;width:18px;height:18px;cursor:pointer;}
.sub-menu-item {
            display:none;
        }
.sidebar-child-menu-item {
            display:none;
        }
ul.sub-menu {
            margin-top: 0;
            background-color: #f6f7f9;
            border-radius: 0;
            border-width: 0;
            box-shadow: 0 1px 4px rgb(0 0 0 / 25%);
            top: 110%;
            visibility: hidden;
            opacity: 0;
            position: absolute;
            left: 0;
            z-index: 1000;
            display: none;
            float: left;
            min-width: 3.1em;
            font-size: 16px;
            font-weight: bold;
            color: #212529;
            text-align: left;
            list-style: none;
            background-clip: padding-box;
            border: none;
        }
.header-box .header-menu .menu-list .menu-item li.sub-menu-item a {
            display: block;
            width: 100%;
            padding: 10px 20px 10px 40px;
            clear: both;
            color: #212529;
            text-align: inherit;
            white-space: nowrap;
            background-color: transparent;
            border: 0;
            position: relative;
        }
.header-box .header-menu .menu-list .menu-item li.sub-menu-item a .menu-item-sub-tips {
            width: 8px;
            height: 8px;
            background: #ff6c00;
            position: absolute;
            top: 18px;
            left: 15px;
        }
li.menu-item.has-child:hover ul.sub-menu {
            opacity: 1;
            visibility: visible;
            display: block;
            -webkit-animation: vo-fadeIn .3s;
            animation: vo-fadeIn .3s;
            top: 100%;
            background: #fff;

        }
.menu-list .menu-item-more ul li {display:none}
.menu-list .menu-item-more {
             background: url('https://p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/headerDown.png?a') no-repeat right;
        }
.menu-list .menu-item-more:hover {
 					background: url('https://p2.img.cctvpic.com/photoAlbum/templet/common/TPTERE93VfAfo34uSEe8veca211216/headerUp.png?a') no-repeat right;

        }
.header-box .header-menu .menu-list .menu-item:hover a {
            color: #ff6c00 !important;
        }
.header-box .header-menu .menu-list .menu-item:hover .sub-menu li a {
            color: #212529 !important;
            min-width: 200px;
            padding: 10px 20px 10px 40px !important;
        }
.header-box .header-menu .menu-list .menu-item .sub-menu li a:hover {
            color: #ff6c00 !important;
        }
.menu-list .menu-item-more > .sub-menu:before {

            /* border-bottom: 10px solid #f6f7f9;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            top: -10px;
            left: 24px;
            content: "";
            position: absolute; */
        }
.header-box .header-logo-mobile {
            display: none;
        }
.header-box .header-logo {
            margin-top: 6px;
				min-width: 180px;
        }
.logo-container {
            height: 55.5px;
    width: 208px;
    margin-right: 30px;
    display: flex;
    align-items: flex-start;
        }
@media screen and (max-width:1610px) {
            .header-box .header-menu .menu-list .menu-item a {padding:0px 14px;}
            .header-box .header-menu .menu-list .menu-item svg {margin:0;}
        }
@media screen and (max-width:1485px) {
            /*.header-box .header-menu .header-logo {margin:0 !important; padding: 0 !important;}*/
            /*.header-box .header-menu .menu-list .menu-item{min-width: 90px}*/
            .header-box .header-menu .menu-list .menu-item a {padding:0 10px;}
            .header-box .header-menu .menu-list .menu-item svg {margin:0;}
            .header-box .header-menu .menu-list{display:flex;}
        }
@media screen and (max-width:1375px) {
            .p-media{padding: 0;}
            .header-box .header-menu .menu-list .menu-item a{padding: 0 10px;}
            .header-box .header-menu .menu-list .menu-item{min-width: 80px}
        }
@media screen and (max-width:1155px) {
            .p-media{padding: 0 !important;}
            .header-box .header-menu .menu-list .menu-item a{padding: 0;}
            .header-box .header-menu .menu-list .menu-item{min-width: 70px}
        }
@media screen and (max-width:1030px) {
            .p-media{padding: 0 !important; }
            .header-box .header-menu .menu-list .menu-item{min-width: 65px}
        }
@media screen and (max-width:820px) {
            .header-container {position:relative;height:111px;background-color: #2c324c;}
            .header-box .header-mobile-search-btn {display:block;}
            /* .header-box .header-menu .menu-list {display:none;} */
            .header-box .header-menu{
                flex-direction: column;
                align-items: flex-start;
            }
            .header-box .header-menu .menu-list {
                width: 100%;
                height: 55.5px;
                flex-shrink: 0;
                background-color: #fff;
                overflow-x: scroll;
                overflow-y: hidden;
            }
            .header-box .header-menu .menu-list .menu-item a{
                color: #212529;
                min-width:  80px;
                text-align: center;
            }
            .menu-list .menu-item-more > a:after{
                display: none;
            }
				 .menu-list .menu-item-more:hover{
					background:url('');
				}
            .header-box .header-menu .menu-list:-webkit-scrollbar {
                display: none;
            }
            .header-box .header-menu .menu-list .menu-item{min-width: 80px}
            .header-box .header-menu .header-logo{margin-left: 20px !important;}
            .header-box .header-menu .menu-list .menu-item:hover a{color:#212529 !important;}
            li.menu-item.has-child:hover ul.sub-menu{display:none;}
            .header-box .header-logo{
                display: none;
            }
            .header-box .header-logo-mobile{
                display: block;
                margin-left: 24px;
                margin-top: 14px;
            }
        }
