@import url('https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre&display=swap');
@import url('/css/SeoJump.css');
* { margin: 0; padding: 0;box-sizing: border-box; }

body { margin:0; }
div, h1, 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: 170%;border-width: 0;font-family: "Oswald","Noto Sans TW","PingFang","PingFangTC","Microsoft JhengHei",sans-serif;font-size: 14px;word-wrap: break-word;word-break: break-all;letter-spacing: 1px;}
: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; }

.container{width: 1080px;position: relative;margin: 0 auto;}

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

/* wow */
.wow { animation-fill-mode: both; -webkit-animation-fill-mode: both; animation-duration: 1s; -webkit-animation-duration: 1s; }
.delay1 {
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
}
.delay2 {
	animation-delay: 1.0s;
	-webkit-animation-delay: 1.0s;
}
/* 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: 1080px;position: relative;margin: 0 auto;}
.workframe { position: relative; margin: 0 auto; width: 100%; }

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

/*右側懸浮*/
#side-fix-icon{position: fixed;z-index: 999; width: 40px;bottom:190px;right: 10px;display: flex;flex-wrap: wrap;}
#side-fix-icon a{margin: 5px 0px; width: 40px;height:40px;border-radius: 50%;text-align: center;line-height: 40px;font-size: 20px;} 

.icon {cursor: pointer;position: relative;display: inline-block;width: 60px;height: 60px;margin-left: 12px;margin-right: 12px;border-radius: 30px;overflow: hidden;text-align: center;}
.icon::before, .icon::after {/* content: ''; */position: absolute;top: 0;left: 0;height: 100%;width: 100%;transition: all 0.25s ease;border-radius: 30px;}
.icon i {position: relative;color: #FFFFFF;}
.icon i:hover i{}

.icon-expand::before {box-shadow: inset 0 0 0 60px #fff;}
.icon-expand:hover::before {box-shadow: inset 0 0 0 0px #fff;}

#fbFansURL.icon-expand::after {box-shadow: inset 0 0 0 1px #3b5999}
#lineTitle.icon-expand::after {box-shadow: inset 0 0 0 1px #00b900}
#webPhone.icon-expand::after {box-shadow: inset 0 0 0 1px #3c6382}
#webEmail.icon-expand::after {box-shadow: inset 0 0 0 1px #d5362f}

#fbFansURL.icon i{color:#3b5999 }
#lineTitle.icon i{color:#00b900 }
#webPhone.icon i{color:#3c6382 }
#webEmail.icon i{color:#d5362f }

#fbFansURL.icon:hover i,#lineTitle.icon:hover i,#webPhone.icon:hover i,#webEmail.icon:hover i{color:#fff }

#fbFansURL.icon-expand::before{background:#3b5999;}
#lineTitle.icon-expand::before{background:#00b900;}
#webPhone.icon-expand::before{background:#3c6382;}
#webEmail.icon-expand::before{background:#d5362f;}


/*language*/
.headerRightTop {
    padding: 20px 0px 0px;
    margin: 0px -12px 0px 0px;
    position: absolute;
    right: 124px;
    top: 11px;
}
.lang_pc {
    display: inline-block;
    vertical-align: top;
}
.lang_pc > a:hover {
    opacity: 0.7;
}
.lang_pc > a {
    display: block;
    padding: 0px 19px 0px;
    background-color: transparent;
    color: #c3c1c1;
    font-size: 18px;
    border-radius: 4px;
    text-align: center;
    text-decoration: none;
    position: relative;
}
.lang_pc img {
    width: 26px;
    height: auto;
}
.lang_pc > a:after {
    position: absolute;
    content: url(../../images/r.png);
    top: 0px;
    right: 0px;
}
.nL_in {
    display: none;
    right: 0px;
    background: rgba(12, 12, 12, 0.75);
    z-index: 999;
    border-radius: 6px;
    margin-top: 13px;
    width: 122px;
    position: absolute;
}
.nLI_list {
    text-align: center;
}
.nLI_list a{
    color: #232323;
}
.nLI_list.active a {
    background: #6cbfe5;
}
header .topBox font a{
	color: #191919;
}
.nLI_list a {
    display: block;
    color: #fff;
    font-size: 13px;
    padding: 5px 0px;
    text-decoration: none;
}

.top_mail {
    display: inline-block;
    vertical-align: top;
    padding: 0 12px;
}
.top_mail a {
    display: block;
}
.top_mail img {
    width: 100%;
    height: auto;
}
.clearfloat {
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

/* header */
header {display: flex;justify-content: flex-end;height: 120px;/* box-shadow: 0 0 14px -5px rgba(0,0,0,.3); */width: 100%;transition: all linear 0.3s;z-index: 99;position: fixed;top: 0px;left: 0px;padding: 20px 40px 0px;}
header.fixed{top: -20px;background: rgba(0, 0, 0, 0.57);}
header.headerTop{}
header #openMenu{z-index: 112;}
header #main-menu{margin: 10px 23px 0 0;}
header .search-btn{
	width: 50px;
	height: 50px;
	display: inline-block;
	background: rgba(154, 154, 154, 0.52);
	border-radius: 50%;
	text-align: center;
	line-height: 52px;
	color: #fff;
	margin: 24px 0 0 20px;
}
header .search-btn i{font-size: 20px;}
header #translate {
    display: none;
    position: absolute;
    right: 110px;
    top: 123px;
    height: 102px !important;
    width: 380px;
    padding: 30px !important;
    background-color: rgba(0, 0, 0, 0.51);
    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: block;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: 20px;left: 40px;z-index: 10;transition: ease .3s;width: 217px;}
header.fixed #cis{top: 39px;width: 190px;}
header .topBox{display: flex;justify-content: flex-end;transition: ease .3s;display: none;}
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 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: 24px 0 0 20px;}
header font#openMenu a{
	display: block;
	width: 50px;
	height: 50px;
	background: rgba(154, 154, 154, 0.52);
	border-radius: 50%;
	padding: 14px 16px;
	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 , header .topMenu nav .mobtop font a {color: #fff;background: rgba(255, 255, 255, 0);box-shadow: 0px 1px 15px rgba(255, 255, 255, 0.29), 1px 4px 13px rgba(0, 0, 0, 0.7);font-family: 'Frank Ruhl Libre', serif;}
header .topBox font a{
	color: #fff;
}

header .topMenu {display: flex;justify-content: flex-end;padding-top: 0px;width: calc(100% - 233px);}
header .topMenu nav {margin-top: 21px;transition: ease .3s;}
header.fixed .topMenu nav{margin-top: 38px;}
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;color: #fff;transition: all linear 0.3s;border-right: 1px rgba(227, 227, 227, 0.16) solid;display: block;font-size: 16px;text-align: center;padding: 14px 25px;font-weight: 700;letter-spacing: 2px;}
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 -3px;
	background-color: rgba(255, 255, 255, 0.18);
	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: 47px;}
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*/
.wrapper.menuActive header #menuBtn-content{opacity: 1;top: 0px;transition:top linear .3s,opacity linear .3s .3s;}
/*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: -150%;
    opacity: 0;
    height: 985px;
    width: 580px;
    background: #fff;
    z-index: 110;
}
.menu-inner{display: flex;height: 100%;}
.menu-inner nav.menu-main{
    height: 100%;
    width: 415px;
    background-color: #292929;
    padding: 134px 38px 0px;
}
.menu-inner .menu-sub{
    height: 100%;
    width: 235px;
    padding: 135px 0px 0px 25px;
}
.menu-inner .menu-sub .sub-top a{
    display: block;
    margin-top: 30px;
    font-size: 16px;
    font-weight: bold;
    color: #424242;
}
.menu-inner .menu-sub .sub-top a i{font-size: 22px;padding-right: 10px;color: #d4d4d4;}
.follow-content{margin-top: 50px;}
.follow-content span{color: #636363;font-size: 18px;padding-right: 33px;margin-right: 33px;position: relative;margin-bottom: 20px;}
.follow-content span::before{
    position: absolute;
    right: 0px;
    content: "";
    background-color: rgb(57, 67, 90);
    height: 1px;
    width: 12px;
    top: 14px;
}
.community a{
    display: inline-block;
    margin-right: 18px;
    font-size: 25px;
    margin-top: 0px;
}
.community a.twitter{color: #d4d4d4;}
.community a.facebook{color: #d4d4d4;}
.community a.rss{color: #d4d4d4;}
.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: auto;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: 12px 10px;text-align: left;color: #9e9e9e;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: #1dbcfc;
	color: #fff;
	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;color: #bdbdbd;font-size: 13px;position: relative;z-index: 2;background: #212a37;}
footer #footerCompany{background: #363636;padding-top: 40px;padding-bottom: 30px;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;position: relative;background-image: url(/images/27/bg.png);}
footer #footerCompany .row{display: flex;}
footer #footerCompany .row .section{width: 33%;}
.SeoWebFooter .sitemap {
	color:#fff;
	margin-left: 10px;
}
.SeoWebFooter .sitemap a{
	color:#fff;
}
footer #footerCompany .row .section:nth-child(2){padding: 0 0px;width: 38%;}
footer #footerCompany .logo-content{display: flex;align-items: flex-end;}
footer .navlist{margin-bottom: 38px;padding-bottom: 30px;border-bottom: 1px solid #f7f7f729;}
footer .navlist ul{display: flex;flex-wrap: wrap;}
footer .community{display: flex;padding-bottom: 10px;}
footer .community i{color: #6f6f6f;font-size: 16px;padding: 0 0px;transition: ease .3s;}
footer .community i:hover{opacity: .8;}
footer #footerCompany .row h4{font-size:18px;font-weight:400;margin-bottom:15px;color: #fff;}
footer #footerCompany .row h4 span{display: inline-block;width: 8px;height: 8px;background: #1dbcfc;vertical-align: inherit;margin-right: 15px;}
footer #footerCompany .fcontact li:nth-child(2n+1) .btn a > span{background: #818181;}
footer #footerCompany .fcontact li:nth-child(2n+1) .btn a:hover > span{background:#818181 }
footer #footerCompany .fcontact li:nth-child(even) .btn a:hover > span{background:#E33339;}
footer #footerCompany #footer-qrcode,footer #footerCompany #footer-FB,footer #footerCompany #footer-map{width:100%;display:inline-block;margin: 0 10px 0px 0;}
#footerCompany #footer-FB{overflow: hidden;}
footer #footerCompany .comlist li{color: #fff;position: relative;}
footer #footerCompany .comlist li:last-child{font-family: 'Frank Ruhl Libre', serif;}
footer #footerCompany .comlist li b{color: #fff;margin-right:5px;vertical-align:middle;}
footer #footerCompany .comlist li span{vertical-align:middle;color: #ffffff;}
footer #footerCompany p{margin-bottom: 15px;color: #fff;/* font-family: 'Frank Ruhl Libre', serif; */}
footer #footerCompany .fcontact li{margin-bottom:5px}
footer #footerCompany .fcontact li a{display:block;background: rgba(218, 218, 218, 0.12);text-align:center;color:#fff;padding:13px 0;transition:all linear .3s;}
footer #footerCompany .fcontact li:nth-child(even) a{background:#79551a;color:#fff}
footer #footerCompany .fcontact li a:hover{opacity:.8}
footer #footerCompany .footernav{display: flex;flex-wrap: wrap;}
footer #footerCompany .footernav li{width:14.28555%;position: relative;padding-bottom: 0px;text-align: center;}
footer #footerCompany .footernav li.sitemap i{color: #333;}
footer #footerCompany .footernav li a{color: #ffffff;font-weight: bold;text-align: center;}
footer #footerCompany .comlist li span a{color: #ffffff;}
footer .web,#footerSet{background: #363636;}
#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{overflow:visible}
footer #footerCompany .plus-information{overflow:visible}
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: 100%;}
.phoneWrap ul li a {padding: 6px 0;background: #007ad1;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: #7ab028;}

#SeoStarRating font:nth-child(2) {font-size: 16px;color: #7ab028;}

#SeoStarRating font:last-child {color: #949494;}

@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 3px 3px 4px rgba(0, 0, 0, 0.08);}
	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; */color: #fff;}
	header .topMenu nav .pc >li p{color: #fff;}
    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 0px 0px;}
    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;}
	header .topMenu nav .pc >li >p a {
		position: relative;
		padding: 4px 10px;
		letter-spacing: 1px;
		font-size: 14px;
	}
}
@media screen and (max-width: 1280px) {
footer #footerCompany .row:last-child,footer #footerCompany .row:nth-child(3){margin-bottom:0}
    header{padding: 29px 10px 20px;}
    header font#openMenu{margin: 0 0 0 10px;}
header font#openMenu a{
	    background: rgb(255, 255, 255);
}
header font#openMenu a span{background: #1dbcfc;}
header .search-btn {
    margin: 0px 0 0 0px;
    background: rgb(255, 255, 255);
    color: #1dbcfc;
}
    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;}
}
@media screen and (max-width: 1240px){
	.container{width: 80%;}
}

@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 10px;}
    header .topMenu{padding-top: 0px;}
    header.fixed{top: 0px;}
    header #cis{width: 220px;top: 17px;}
    header.fixed #cis{top: 9px;width: 140px;}
    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: 80px;background-color: #1dbcfc;}
	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 0px; }
	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; }
}
@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;font-size: 17px;font-weight: 700;letter-spacing: 2px;}
    .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;}
	header .search-btn,header font#openMenu a {margin: 0px 0 0 0px;}
}
@media screen and (max-width: 768px) {
	header .topMenu nav .pc{padding: 40px 5%;}
	.container{width: 85%;}
	footer #footerCompany .footernav li{width: 20%;}
	footer #footerCompany .row{flex-wrap: wrap;}
	footer #footerCompany .row .section:nth-child(2){padding: 15px 0px;width: 100%;}
	footer #footerCompany .row .section{width: 50%;padding: 15px 0px;}
	footer #footerCompany .row .section:first-child{width: 100%;}
}
@media screen and (max-width: 640px) {
    header #translate{width: 50%;top: 95px;right: 15px;height: 70px !important;padding: 15px !important;}
	footer #footerCompany .row,footer #footerCompany .comlist,footer #footerCompany .fcontact,footer #footerCompany .footernav{width:100%;max-width:100%}
	footer #footerCompany .row:nth-child(3){/* margin-bottom:50px */}
	footer #footerCompany .row:last-child,footer #footerCompany .footernav li{text-align:left;}
	#footerSet .info,#footerSet .info .SeoWebFooter{text-align: center;}
	#footerSet .info{width:100%}
	#trs1 img{height: 100vh !important;}
	#trs #trs2 img,#trs #trs3 img{height: 100vh !important;}
	.headerRightTop {
		padding: 20px 0px 0px;
		margin: 0px -23px 0px 0px;
		position: absolute;
		right: 105px;
		top: 0px;
	}
}
@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: 540px) {
	footer #footerCompany .footernav li{width: 25%;}
    .menu-inner nav.menu-main{padding: 100px 30px 0px;}
    .menu-inner .menu-sub{padding: 30px;}
    header .search-btn{width: 35px;height: 35px;line-height: 38px;}
    header font#openMenu a{padding: 5px 9px;width: 35px;height: 35px;}

}
@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;padding-bottom: 40px;}
	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;}
	header #cis {width: 170px;top: 7px;}
	header {height: 60px;background-color: #1dbcfc;}
}
@media screen and (max-width: 420px){
	header #translate form{right: 0px;}
	header .topBox font{padding: 6px 15px;}
    header #cis{width: 140px;top: 9px;}
    header .search-btn{width: 35px;height: 35px;line-height: 38px;}
    header font#openMenu a{padding: 5px 9px;width: 35px;height: 35px;}
    header .right-btn{align-items: center;}
}
@media screen and (max-width: 378px){
}