@import url('/css/SeoJump.css');
* { margin: 0; padding: 0;box-sizing: border-box; }

body { margin:0; background: #f2f2f2;}
div, h2, h3, h4, h5, h6, hr, p, form, label, input, textarea, img, span, ul, li { text-align: left; vertical-align: middle; margin: 0; padding: 0; word-wrap: normal; word-break: normal; line-height: 150%; border-width: 0; font-family: "微軟正黑體", "蘋果儷中黑", "Lucida Grande", "Arial", "Arial Narrow"; font-size: 16px; word-wrap: break-word; word-break: break-all; }
:before , :after { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
ul, ol { list-style: none; }
fieldset { border: 0; }
input,button,select,textarea { outline:none }
img { max-width: 100%; }a:link , a:visited{color: #000}
a:link , a:visited , a:hover { text-decoration: none; vertical-align: initial; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
livedemo00.template-help:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.text-clamp { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }


/* a.photo */
a.photo { overflow: hidden; background-position: 50%; background-repeat: no-repeat; background-size: 100% auto; display: inline-block;max-width: 100%; }

/* wow */
.wow { animation-fill-mode: both; -webkit-animation-fill-mode: both; animation-duration: 1s; -webkit-animation-duration: 1s; }

/* webBox */
.webBox { position: relative;}
.webBox .pageh1 { position: absolute; top: 0; z-index: 1; }
.pageh1 {position: fixed; z-index: -8989898; opacity: 0;color: #fff;}
.webBox .wrapper {width: 100%;overflow: hidden; position: relative;  top: 0; left: 0; z-index: 2; transition: all linear 0.3s; }

/* workframe */
.container{width: 1400px;position: relative;margin: 0 auto;}
.workframe { position: relative; margin: 0 auto; width: 100%; }

/* Sitemap */
#Sitemap #jsonUL a { color: #000; }



/* header */
header {display: flex; justify-content: flex-end; height: 120px; box-shadow: 0 0 14px -5px rgba(0,0,0,.3); background: #f2f2f2;  width: 100%; transition: all linear 0.3s; z-index: 99; position: fixed;top: 0px;left: 0px;padding: 29px 40px 20px;}
header.fixed{top: -20px;}
header.headerTop{}
header #openMenu{z-index: 112;}
header #main-menu{margin: 0 23px 0 0;}
header .search-btn{
	width: 60px;
    height: 60px;
    display: inline-block;
    background: #000;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    color: #fff;
}
header .search-btn i{font-size: 20px;}
header #translate {
    display: none;
    position: absolute;
    right: 80px;
    top: 107px;
    height: 102px !important;
    width: 493px;
    padding: 30px !important;
    background-color: #000;
    animation-delay: 0s;
    animation-duration: 0.3s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -webkit-animation-delay: 0s;
    -webkit-animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
header #translate.open{display: block;animation-name: openItem;  -webkit-animation-name: openItem;}
header #translate.close{display: none;animation-name: closeItem;  -webkit-animation-name: closeItem;}
header #translate form{ padding: 0 0 12px; border-bottom: 1px solid #fff;}
@-webkit-keyframes openItem {
  0% {
    opacity: 0;
    transform: translateY(10px); 

    -webkit-transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0); 

    -webkit-transform: translateY(0);
  }
}
@keyframes closeItem {
  0% {
    opacity: 1;
    transform: translateY(0); 

    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(10px); 

    -webkit-transform: translateY(10px);
  }
}
header #translate >p{display:inline-block;vertical-align:initial;font-size:12px;margin-left:10px;color:#238dc7}
header #translate >p a{color:#1b6c98}
header #translate form{display: flex;}
header #translate form p{border:1px solid #7d7d7d;overflow:hidden;background:#fff}
header #translate #goSearch{ color: #fff;font-size: 21px;}
header #translate #goSearch:hover{opacity: .9}
header #translate form input{
    display: block;
    width: 100%;
    background-color: transparent;
    color: #fff;
    line-height: 1.6;
}
header #translate form input::-webkit-input-placeholder {
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.1em;
}
header#openSearch #translate{position: absolute; display: block;}
header #cis { position: absolute; top:29px; left: 40px; z-index: 10; transition: ease .3s;}
header.fixed #cis{top: 35px;}
header .topBox{display: flex;justify-content: flex-end; transition: ease .3s;}
header.fixed .topBox{
	pointer-events: none;
    opacity: 0;
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
}
header .topBox .header-contact{margin-left: 18px;padding-left: 23px;position: relative;}
header .topBox .header-contact::before{
	position: absolute;
    left: 0;
    top: 50%;
    content: '/';
    font-size: 11px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
header .topBox .header-contact i{
	font-size: 16px;
    padding-right: 9px;
}
header.headerTop .topBox{top: 0px;}
header .topBox font {display: inline-block; transition: all linear 0.3s; }

header .right-btn{display: flex;}
header font#openMenu {margin: 0 0 0 40px; }
header font#openMenu a{
	display: block;
    width: 60px;
    height: 60px;
    background: #1f79a9;
    border-radius: 50%;
    padding: 18px 21px;
    line-height: 0.5;
}
header font#openMenu a span{
	transition: ease .3s;
    display: inline-block;
    width: 100%;
    height: 3px;
    background: #fff;
}
.openwrap header font#openMenu a span:nth-child(1){transform:rotate(45deg) translateY(5px) translateX(6px);}
.openwrap header font#openMenu a span:nth-child(2){opacity: 0;}
.openwrap header font#openMenu a span:nth-child(3){transform: rotate(-45deg) translateY(-4px) translateX(5px);}
header .topBox font a , header .topMenu nav .mobtop font a { color: #333; }


header .topMenu { display: flex;justify-content: flex-end;padding-top: 9px;width: calc(100% - 233px); }
header .topMenu nav {margin-top: 10px;transition: ease .3s;}
header.fixed .topMenu nav{
	transform: translateY(-13px);
    -webkit-transform: translateY(-13px);
}
header .topMenu nav ul.pc{display: inline-block;}
header .topMenu nav .mobtop , header .topMenu nav .pc >li >p b { display: none; }
header .topMenu nav .pc >li { display: inline-block; }
header .topMenu nav .pc >li >p a {position: relative; display: block; text-align: center; font-size: 16px; color: #000; transition: all linear 0.3s; }
header .topMenu nav .pc >li >p a::before{
	position: absolute;
    left: 0;
    top: 0;
    content: '';
    display: block;
    z-index: -1;
    height: 100%;
    width: 0;
    margin: 0 0 0 -2px;
    background-color: #1f79a9;
    transition: width 0.3s ease;
}
header .topMenu nav .pc >li:hover >p a::before{
	width: calc(100% + 2px);
}
header .topMenu nav .pc >li:hover >p a { color: #fff;}
header .topMenu nav .pc li .menu_body { overflow: hidden; position: absolute; width: 130px; height: 0; background: #fff; text-align: left; z-index: 10; opacity: 0; transition: all linear 0.3s; }

header .topMenu nav .pc li:hover .menu_body { overflow: visible; height: auto; opacity:1;top: 44px;}
header .topMenu nav .pc li .menu_body ul li , header .topMenu nav .pc li .menu_body ul li .bo { position: relative; }
header .topMenu nav .pc li .menu_body ul li >div a {transition: ease .3s; font-weight: bold; background-color:#fff; position: relative; padding: 10px 15px 10px 15px; display: block;  color: #272727; z-index: 3; }

header .topMenu nav .pc li .menu_body ul li:hover b ,
header .topMenu nav .pc li .menu_body ul li .sub2Option b { color: #1f79a9; }
header .topMenu nav .pc li .menu_body ul li .sub2Option a {color: #272727}
header .topMenu nav .pc li .menu_body ul li b {color: #fff; position: absolute; padding: 0 5px; right: 0; top: calc(50% - 13px); z-index: 4; }
header .topMenu nav .pc li .menu_body ul li b i.fa-plus:before { content: "\f0da"; }
header .topMenu nav .pc li .menu_body ul li > .sub2Option ,
header .topMenu nav .pc li .menu_body ul li > .sub3Option {transition: ease .3s; position: absolute; width: 130px; background: rgba(31, 77, 161, 0.7); right: 0; top: 0; opacity:0; }
header .topMenu nav .pc li .menu_body ul li:hover > .sub2Option ,
header .topMenu nav .pc li .menu_body ul li:hover > .sub3Option { right: -160px; opacity: 1; }

/*menu-btn*/
#zhezhao{
    content: "";
    position: fixed;
    top: -100%;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 99;
    transition: top linear .5s,opacity linear .5s .1s;;
    opacity: 0;
}
.wrapper.menuActive #zhezhao{top: 0px;opacity: 1;}
.wrapper.menuActive header #menuBtn-content{opacity: 1;top: 0px;transition:top linear .3s,opacity linear .3s .3s;}

 /*menu-content*/
#menuBtn-content{
    position: fixed;
    right: 0px;
    top: -100%;
    opacity: 0;
    height: 585px;
    width: 950px;
    background: #fff;
    z-index: 110;
}
.menu-inner{display: flex;height: 100%;}
.menu-inner nav.menu-main{
    height: 100%;
    width: 535px;
    background-color: rgb(31, 121, 169);
    padding: 134px 78px 0px;
}
.menu-inner .menu-sub{
    height: 100%;
    width: 415px;
    padding: 135px 0px 0px 80px;
}
.menu-inner .menu-sub .sub-top a{
    display: block;
    margin-top: 30px;
    font-size: 16px;
    font-weight: bold;
}
.menu-inner .menu-sub .sub-top a i{font-size: 22px;padding-right: 10px;}
.follow-content{display: flex;margin-top: 52px;}
.follow-content span{color: #000; font-family: 'Damion', cursive;font-size: 18px;padding-right: 33px;margin-right: 33px;position: relative;}
.follow-content span::before{
    position: absolute;
    right: 0px;
    content: "";
    background-color: rgb(57, 67, 90);
    height: 1px;
    width: 12px;
    top: 14px;
}
.community { display: flex; justify-content: center; align-items: center; }
.community a{ display: flex; justify-content: center; align-items: center; margin-right: 30px;font-size: 29px; }
.community a.facebook{color: #3f51b5;}
.community a.rss{color: #fb6f12;}
.community a svg { width: 29px; height: 29px; fill: #00b900; }
.menu-inner nav .mobtop , .menu-inner nav .pc >li { display: block; }
.menu-inner nav .mobtop font { padding: 10px 0 15px; float: left; width: 50%; text-align: center; }
.menu-inner nav .pc {position: relative;width: 100%;overflow-y: scroll;height: 80%; }

.menu-inner nav .pc::-webkit-scrollbar { width: 10px; }
.menu-inner nav .pc::-webkit-scrollbar-track { background: #c5c5c5; }
.menu-inner nav .pc::-webkit-scrollbar-thumb { background: #8ec7da; }
.menu-inner nav .pc::-webkit-scrollbar-thumb:hover { background: #66b5d0; }
.menu-inner nav .pc >li,.menu-inner nav .pc >li:first-child {}
.menu-inner nav .pc >li >p { position: relative; }
.menu-inner nav .pc >li >p a , header.headerTop .menu-inner nav .pc >li >p a { padding: 7px 10px; text-align: left; color: #fff;display: block;font-size: 20px; }
.menu-inner nav .pc >li >p b { position: absolute; padding: 0 30px; display: block; color: #fff; top: calc(50% - 13px); right: 0; z-index: 1; }
.menu-inner nav .pc li .menu_body ,
.menu-inner nav .pc li .menu_body ul li > .sub2Option ,
.menu-inner nav .pc li .menu_body ul li > .sub3Option { position: relative;  width: auto; height: auto; background: none; display: none; opacity: 1; transition: none; }
.menu-inner nav .pc li .menu_body ul li > .sub2Option .sub3Title a{color: #fff;}
.menu-inner nav .pc li .menu_body ul li{padding: 8px 20px}
.menu-inner nav .pc li .menu_body ul li .sub2Title,
.menu-inner nav .pc li .menu_body ul li .sub2Option .sub3Title{display: flex;justify-content: space-between;}
.menu-inner nav .pc li .menu_body ul li .sub2Option .sub3Title b{padding: 0px;margin-right: -10px;}
.menu-inner nav .pc li .menu_body ul li > .sub3Option li a{}
.menu-inner nav .pc li .menu_body ul li:hover >div a{color: #fff;}
.menu-inner nav .pc li .menu_body ul li > .sub2Option {background: unset; }
.menu-inner nav .pc li .menu_body ul li:hover b, .menu-inner nav .pc li .menu_body ul li .sub2Option b, .menu-inner nav .pc li .menu_body ul li .sub2Option a{color: #fff;}
.menu-inner nav .pc li .menu_body ul li > .sub3Option { padding-right: 0; }
.menu-inner nav .pc li .menu_body ul li >div a { border-bottom: 0; color: #fff;}
.menu-inner nav .pc li .menu_body ul li b { color: #fff;padding: 0 10px; }
.menu-inner nav .pc li .menu_body ul li b i.fa-plus:before { content: "\f067"; }
.menu-inner nav .pc li .menu_body ul li:hover > .sub2Option ,
.menu-inner nav .pc li .menu_body ul li:hover > .sub3Option { right: 0; }
.menu-inner nav .pc li .menu_body ul li > .sub2Option >li:last-child { border-bottom: 0; }
.menu-inner nav .pc >li:hover >p a{color: #fff;}

/* gotop */
#gotop { 
	position: fixed;
    bottom: 40px;
    right: 10px;
    z-index: 999;
    width: 50px;
    height: 50px;
    padding-top: 7px;
    border-radius: 50%;
    background-color: #1f79a9;
    color: #fff;
    font-family: Montserrat,sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    transition: .3s;

}
#gotop:before {
    display: block;
    width: 12px;
    height: 8px;
    margin-bottom: 2px;
    margin-left: 18.5px;
    margin-top: 5px;
    background: url(/images/27/ico-arrow_top.svg) 50% 50% no-repeat;
    background-size: cover;
    content: "";
}
#gotop i{color: #E33339;font-size: 45px;}
/* gocart */
#gocart {position: fixed;width: 50px;bottom: 95px;right: 10px;z-index: 999;color: #ffffff;height: 50px;border-radius: 50%;background: #333;text-align: center;line-height: 50px;font-size: 24px;}



/* footer */
footer{color:#fff;font-size:13px;}
footer .footer-container{padding: 0 100px;}
footer #footerCompany{background: #fff;padding-top: 80px;padding-bottom: 30px;}
footer #footerCompany .row{display: flex;margin-top: 50px;padding-bottom:48px;}
footer #footerCompany .row .section{width: 33%;}
footer #footerCompany .row .section:nth-child(1){width: 28%;}
footer #footerCompany .row .section:nth-child(2){padding: 0 15px;width: 38%;}
footer .contact-us{padding: 30px 0 0;border-top: 1px solid #e1e6ec;}
footer .fcontact{display: flex;}
footer .fcontact li{padding-right: 25px;}
footer .fcontact li i{font-size: 18px;padding-right: 8px;}
footer .footer-infobox{display: flex;}
footer .footer-infobox .extra-info{width: 50%;}
footer .follow-content{margin: 20px 0px;}
footer .navlist{margin-bottom: 40px;padding-bottom: 30px;border-bottom: 1px solid #eee;}
footer .navlist ul{display: flex;flex-wrap: wrap;}
footer #footerCompany .row h4{font-size:18px;font-weight:400;margin-bottom:15px;color: #333;}
footer #footerCompany .row h4 span{display: inline-block;width: 8px;height: 8px;background: #000;vertical-align: inherit; margin-right: 15px;}
footer #footerCompany #footer-qrcode,footer #footerCompany #footer-FB,footer #footerCompany #footer-map{width:100%;display:inline-block;margin:0 10px 10px 0;}
#footerCompany #footer-FB{overflow: hidden;}
footer #footerCompany .comlist li{color: #333; position: relative;font-size: 16px;padding-bottom: 5px;}
footer #footerCompany .comlist li b{color:#333;margin-right:5px;vertical-align:middle}
footer #footerCompany .comlist li span{vertical-align:middle;color:#818181;}
footer #footerCompany p{margin-bottom:15px;color: #333;}

footer #footerCompany .footernav{display: flex;flex-wrap: wrap;}
footer #footerCompany .footernav li{width:30%;position: relative;padding-bottom: 17px;}
footer #footerCompany .footernav li.sitemap i{color: #333;}
footer #footerCompany .footernav li a{color: #212121;font-weight: bold;font-size: 16px;}
footer #footerCompany .comlist li span a{color:#818181}
footer .web,#footerSet{background: #000;}
#footerSet .info{
    overflow: hidden;
    text-align: center;
    border-top: 1px solid rgba(255,255,255,0.2);
    padding-top: 15px;
}
#footerSet .info div,#footerSet .info p{display:inline-block;vertical-align:top;color:#fff;font-size:12px}
#footerSet .info .SeoWebFooter{display:block;text-align: center;padding-bottom: 5px;}
#footerSet .info .SeoWebFooter .sitemap{margin-left: 5px;font-size: 12px;vertical-align: baseline;}
#footerSet .info .SeoWebFooter .sitemap a{color: #fff;}
#footerSet .info a{color:#818181}
#footerSet .community{text-align: center;}
#footerSet .community li{display: inline-block;}
#footerSet .community li a{display: inline-block;font-size: 22px;padding: 0 5px;}
#footerSet .community li a i{color: #333;}
footer #footerCompany .comlist{width: 50%;padding-right: 15px;}
footer #footerCompany .plus-information{color: #000;font-size: 16px;list-style: none;padding-bottom: 5px;}
footer #footerCompany .plus-information a{position:relative;display:inline-block}
footer #footerCompany .plus-information img{position:absolute;max-width:150px;bottom:100%;left:0;z-index:8;max-height:150px;display:none}
.web{color:#fff;font-size:8pt;padding:5px 0}

/* webSeo */
#webSeo { overflow: hidden; width: 100%; }
#webSeo .seo > div { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }

/* phoneWrap */
.phoneWrap { position: fixed; width: 100%; display: none; bottom: 0; left: 0; z-index: 998;transition: all linear .3s; }
.phoneWrap ul { overflow: hidden; }
.phoneWrap ul li { float: left; width: 50%; }
.phoneWrap ul li a { padding: 6px 0; background:#d8608d; display: block; text-align: center; font-size: 16px; color: #fff; }
.phoneWrap ul li:last-child a { background-color:#10ac84; border-right: 0; }

/* SeoStarRating */
#SeoStarRating font { margin-right: 5px; display: inline-block; vertical-align: middle; }
#SeoStarRating font { display: inline-block; }
#SeoStarRating font:first-child { font-weight: bold; font-size: 18px; color: #FF9800; }
#SeoStarRating font:nth-child(2) { font-size: 16px; color: #FF9800; }
#SeoStarRating font:last-child { color: #ff003b; }





@media screen and (min-width: 1281px) {
	footer #footer-info ul li.plus-information a:hover img { display:block; }
}
@media screen and (min-width: 1280px) {
footer #footerCompany .plus-information a:hover img{display:block}

}

@media screen and (min-width: 1025px) {
    header .topMenu nav .pc li:nth-child(7) ~ li .menu_body ul li:hover > .sub2Option, header .topMenu nav .pc li:nth-child(7) ~ li .menu_body ul li:hover > .sub3Option{
        right: 160px;
    }
    
    header .topMenu nav .pc li:nth-child(10) .menu_body ul li b{left: 0px;right: unset;}
    header .topMenu nav .pc li:nth-child(10) .menu_body ul li b i{transform: rotate(180deg);}
    header .topMenu nav .pc li .menu_body ul li >div a{text-align: center;}
    header .topMenu nav .pc li .menu_body{left: 50%;transform: translateX(-50%) translateY(20px);opacity: 0;transition: ease .3s;}
    header .topMenu nav .pc li:hover .menu_body{transform: translateX(-50%) translateY(0px);opacity: 1;}
    header .topMenu nav .pc li:hover .menu_body,header .topMenu nav .pc li .menu_body ul{min-width: 160px;}
	header .topMenu nav .pc li .menu_body ul{box-shadow: 0 1px 3px 1px rgba(0,0,0,.15);}
	header .topMenu nav .pc li .menu_body ul li:hover >div a { color: #1f79a9;}
	header .topMenu nav .pc >li{position: relative;padding: 0px 15px 30px;}
    header .topMenu nav .pc li .menu_body > ul{position: relative;}
    header .topMenu nav .pc li .menu_body > ul::after{
        position: absolute;
        left: 50%;
        top: -8px;
        content: '';
        height: 0;
        width: 0;
        margin: 0 0 0 -8px;
        border-color: transparent transparent #fff transparent;
        border-style: solid;
        border-width: 0 8px 8px 8px;
    }
	

}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
    .container{width: 85%;}
    header .topMenu nav .pc >li{padding: 0px 8px 30px;}
    header .topMenu nav .pc li:hover .menu_body, header .topMenu nav .pc li .menu_body ul{min-width: 140px;}
    header .topMenu nav .pc li:nth-child(7) ~ li .menu_body ul li:hover > .sub2Option, header .topMenu nav .pc li:nth-child(7) ~ li .menu_body ul li:hover > .sub3Option{right: 140px;}
    header .topMenu nav .pc li .menu_body ul li:hover > .sub2Option, header .topMenu nav .pc li .menu_body ul li:hover > .sub3Option{right: -140px;}
}
@media screen and (max-width: 1280px) {
    .container{width: 90%;}
    header{padding: 29px 10px 20px;}
    header font#openMenu{margin: 0 0 0 10px;}
    header .topMenu{width: calc(100% - 190px);}
    header #cis{width: 190px;top: 35px;left: 20px;}
    header .topMenu nav .pc >li{padding: 0px 5px 30px;}
    header #main-menu{margin: 0 12px 0 0;}
    footer .footer-container{padding: 0 40px;}

}
@media screen and (max-width: 1110px) {
    header .topMenu nav .pc >li{padding: 0px 3px 30px;}
}
@media screen and (max-width: 1024px) {
    header{padding: 10px 15px 20px;}
    header .topMenu{padding-top: 0px;}
    header.fixed{top: 0px;}
    header #cis{width: 220px;top: 17px;}
    header.fixed #cis{top: 17px;}
    header #cis a{display: block;}
    header .topMenu #main-menu{display: none;}
	header{z-index: 1000;}
	header #translate{display: none;}
	header.headerTop .topBox{top: 15px;}
	header .topBox{right: 0px;top: 15px; display: flex;align-items: center;}
	header { height: 85px; }
	header #cis { left: 3%; }
	header #cis a.photo img { width: 170px; }
	header .topBox .workframe { width: 100%; }
	header .topBox font.languagebox{display: none;}
	header .topBox font { padding: 5px 15px 15px; }
	header .topBox font#openMenu{padding-top: 10px;}
	header .topBox font.phone , header .topBox font.cont { display: none; }
	header .topBox font#openMenu { display: inline-block; }
	header .topMenu:before { background-size: auto 5px; top: -4px; height: 5px; }
	header .topMenu nav {display: none; overflow-y: scroll; position: fixed; margin-left: 0; padding: 0 0 100px; width: 100%; height: 100%; background:#fff;  top: 85px;left: 0px; z-index: 110; transition: all 0.5s ease; }
	.openwrap header nav{display: block;}
	header .topMenu nav::-webkit-scrollbar { width: 0; }

	header .topMenu nav .mobtop , header .topMenu nav .pc >li { display: block; }
	header .topMenu nav .mobtop font { padding: 10px 0 15px; float: left; width: 50%; text-align: center; }
	header .topMenu nav .pc {background: #fff; position: relative; padding: 40px 10%;width: 100%; }
	header .topMenu nav .pc >li,header .topMenu nav .pc >li:first-child { border-bottom:1px solid #e0e0e0;}
	header .topMenu nav .pc >li >p { position: relative; }
	header .topMenu nav .pc >li >p a , header.headerTop .topMenu nav .pc >li >p a { padding: 15px 10px; text-align: left; color: #000; }
	header .topMenu nav .pc >li >p b { position: absolute; padding: 0 10px; display: block; color: #000; top: calc(50% - 13px); right: 0; z-index: 1; }
	header .topMenu nav .pc li .menu_body ,
	header .topMenu nav .pc li .menu_body ul li > .sub2Option ,
	header .topMenu nav .pc li .menu_body ul li > .sub3Option { position: relative;  width: auto; height: auto; background: none; display: none; opacity: 1; transition: none; }
	header .topMenu nav .pc li .menu_body ul li > .sub2Option .sub3Title a{padding: 15px 30px;}
	header .topMenu nav .pc li .menu_body ul li > .sub3Option li a{padding: 15px 40px;}
	header .topMenu nav .pc li .menu_body ul li:hover >div a{color: #000;}
	header .topMenu nav .pc li .menu_body ul li > .sub2Option {background: unset; }
	header .topMenu nav .pc li .menu_body ul li:hover b, header .topMenu nav .pc li .menu_body ul li .sub2Option b, header .topMenu nav .pc li .menu_body ul li .sub2Option a{color: #000;}
	header .topMenu nav .pc li .menu_body ul li > .sub3Option { padding-right: 0; }
	header .topMenu nav .pc li .menu_body ul li >div a { border-bottom: 0; color: #000; }
	header .topMenu nav .pc li .menu_body ul li b { color: #000;padding: 0 10px; }
	header .topMenu nav .pc li .menu_body ul li b i.fa-plus:before { content: "\f067"; }
	header .topMenu nav .pc li .menu_body ul li:hover > .sub2Option ,
	header .topMenu nav .pc li .menu_body ul li:hover > .sub3Option { right: 0; }
	header .topMenu nav .pc li .menu_body ul li > .sub2Option >li:last-child { border-bottom: 0; }
	header .topMenu nav .pc li .menu_body ul li >div a{padding: 15px 20px;background-color:#eee;}
    header .topMenu nav .pc >li:hover >p a{color: #000;}
	footer { padding: 0px 0 35px; }
	footer #footer-links { width: calc(48% - 40px); }
	footer #footer-menu { width: 48%; }
	footer #footer-info { margin: 15px 0; width: 100%; }
	footer #footer-info ul li { padding-right: 15px; width: calc(50% - 20px); display: inline-block; }
	.phoneWrap { display: block; }
    footer #footerCompany .row .section:nth-child(2){width: 45%;}
    footer #footerCompany .footernav li{width: 48%;}
    footer .follow-content span{padding-right: 25px;margin-right: 15px;}
    footer .community a{margin-right: 10px;}
}
@media screen and (max-width: 940px) {
    #menuBtn-content{overflow-y: scroll;width: 100%;height: 100%;}
    .menu-inner{flex-wrap: wrap;width: 100%;}
    .menu-inner nav.menu-main{    padding: 100px 60px 0px;width: 100%;height: 65%;overflow-y: scroll;background: #fff;}
    .menu-inner .menu-sub{width: 100%;height: auto;}
    .menu-inner nav .pc li .menu_body ul li:hover b, .menu-inner nav .pc li .menu_body ul li .sub2Option b, .menu-inner nav .pc li .menu_body ul li .sub2Option a{color: #000;}
    .menu-inner nav .pc >li >p a , header.headerTop .menu-inner nav .pc >li >p a { padding: 7px 10px 7px 0px ; text-align: left; color: #000;display: block;font-size: 20px; }
    .menu-inner nav .pc{height: 100%;}
    .menu-inner nav .pc >li >p b { position: absolute; padding: 0 30px; display: block; color: #000; top: calc(50% - 13px); right: 0; z-index: 1; }
    .menu-inner nav .pc li .menu_body ul li > .sub2Option .sub3Title a{color: #000;}
    .menu-inner nav .pc li .menu_body ul li:hover >div a{color: #000;}
    .menu-inner nav .pc li .menu_body ul li >div a { border-bottom: 0; color: #000;}
    .menu-inner nav .pc li .menu_body ul li b { color: #000;padding: 0 10px; }
    .menu-inner nav .pc >li:hover >p a{color: #000;}
    .menu-inner nav .pc li .menu_body, .menu-inner nav .pc li .menu_body ul li > .sub2Option, .menu-inner nav .pc li .menu_body ul li > .sub3Option{background: #eee;}
    .menu-inner nav .pc li .menu_body ul li:hover > .sub2Option, .menu-inner nav .pc li .menu_body ul li:hover > .sub3Option{background: #d0d0d0;}
    .menu-inner nav .pc::-webkit-scrollbar-thumb{background: #000;}
    .menu-inner .menu-sub .sub-top{display: flex;}
    .menu-inner .menu-sub .sub-top a{padding-right: 20px;margin-top: 0px;}
    .follow-content{margin-top: 35px;}
    .menu-inner .menu-sub{padding: 30px 60px;}
}
@media screen and (max-width: 768px) {
	footer #footerCompany .footernav li{width: 20%;}
	header .topMenu nav .pc{padding: 40px 5%;}
	footer #footerCompany .row{flex-wrap: wrap;}
	footer #footerCompany .row .section:nth-child(2){padding: 15px 0px;width: 100%;}
	footer #footerCompany .row .section:nth-child(1),footer #footerCompany .row .section{width: 100%;}
	
}
@media screen and (max-width: 640px) {
    header #translate{width: 50%;top: 95px;right: 15px;height: 70px !important;padding: 15px !important;}
    footer .fcontact{flex-wrap: wrap;}
    footer .fcontact li{padding: 5px 0px;width: 50%;}
}
@media screen and (max-width: 680px) {
	footer #footer-links #qrcode { display: none; }
	footer #footer-info ul li { padding-right: 0; width: auto; display: block; }
}
@media screen and (max-width: 480px) {
	footer #footerCompany .row .section{width: 100%;}
	footer #footerCompany .row:last-child{text-align: left;}
	footer #footerCompany #footer-FB{display: block;width: 85%;}
	footer #footerCompany #footer-qrcode{display: block;width: 150px;}
	footer #footerCompany #footer-map{width:70px}
	.web{font-size:6pt}

	
}
@media screen and (max-width: 540px) {
	footer #footerCompany .footernav li{width: 25%;}
    .menu-inner nav.menu-main{padding: 100px 30px 0px;}
    .menu-inner .menu-sub{padding: 30px;}
}

@media screen and (max-width: 480px) {
	footer #footerCompany .footernav li{width: 50%;}
    .menu-inner .menu-sub .sub-top{flex-wrap: wrap;}
    .menu-inner .menu-sub .sub-top a{width: 100%;padding: 5px 0px;}
}
@media screen and (max-width: 420px){
	header #translate form{right: 0px;}
	header .topBox font{padding: 6px 15px;}
    header #cis{width: 160px;}
    header .search-btn{width: 50px;height: 50px;line-height: 50px;}
    header font#openMenu a{padding: 14px 16px;width: 50px;height: 50px;}
    header .right-btn{align-items: center;}
}

@media screen and (max-width: 375px){
    footer .footer-container{padding: 0 20px;}
    footer .footer-infobox{flex-wrap: wrap;}
    footer #footerCompany .comlist,footer .footer-infobox .extra-info{width: 100%;}
    footer .fcontact li{font-size: 12px;}
    footer .fcontact li i{font-size: 16px;padding-right: 3px;}
}