@import url('https://fonts.googleapis.com/css?family=Lora');
@import url('/css/SeoJump.css');
*{-webkit-text-size-adjust:none}
body{margin:0;border:0;width:100%;color:#000;font-size:15px;line-height:170%}
div,h1,h2,h3,h4,hr,p,form,label,input,textarea,img,span,strong{text-align:left;vertical-align:middle;margin:0;padding:0;word-wrap:normal;word-break:normal;border-width:0;font-family:"微軟正黑體","蘋果儷中黑","Lucida Grande","Arial","Arial Narrow";outline:none}
hr{noshade:noshade}
th{font-weight:400}
ul,ol{list-style:none;margin:0;padding:0;overflow:hidden}
li{list-style:none}
a,a:hover{text-decoration:none;cursor:pointer;outline:none;color:#000}
img{max-width:100%}
input, select{
-webkit-appearance:none; /*去除系统默认的样式*/
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);   /* 点击高亮的颜色*/
}
br{font-family:Arial!important}
.pageh1{position:fixed;z-index:-8989898;opacity:0;color:#fff}
.wrapper .slick-slider{margin:0}
.workframe{width:1366px;margin:0 auto;overflow:hidden}
.webframe{width:1160px;margin:0 auto;overflow:hidden}
.wrapper{overflow:hidden;position:relative}
header{background:#434582;padding:20px 5%}
header #top-nav{text-align:right}
header #top-nav a{color:#fff}
header #top-nav a:hover{color:#eacb4e}
header #top-nav >p{display:inline-block;margin-left:15px;vertical-align:middle}
header #top-nav a img{margin-right:10px;vertical-align:middle}
header #menubar{transition:all ease .2s;display:block;margin-top:20px}
header #top-nav .searchBox{display:inline-block}
header #top-nav .searchBox p{display:inline-block;margin-left:10px}
header #top-nav .searchBox #hSearch{display:inline-block}
header #top-nav .searchBox #hSearch p{padding:0 0 0 10px;background:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
header #top-nav .searchBox #hSearch p a{float:right;color:#7d7d7d;font-size:13px;border-left:1px solid #ccc;padding:2px 10px;line-height:100%;margin:5px 0}
header #top-nav .searchBox #hSearch p a:hover{color:#434582}
header #top-nav .searchBox #hSearch p input{width:120px;display:inline-block;color:#545454;vertical-align:text-bottom}
#menubar .workframe{overflow:visible}
#cis{width:425px;display:inline-block}
#cis a{display:block;background-repeat:no-repeat;background-position:0 50%;background-size:contain}
#rightSet{display:inline-block;width:calc(100% - 430px)}
#menubar #main-menu ul{text-align:right;overflow:visible}
#menubar #main-menu >ul >li{display:inline-block;position:relative;margin-left:10px}
#menubar #main-menu >ul >li >a{display:block;font-size:18px;padding:0 16px;position:relative;color:#fff;font-weight:700}
#menubar #main-menu >ul >li >a:hover{color:#eacb4e}
#menubar #main-menu ul.subnav{display:none;position:absolute;width:200px;left:-10px;text-align:left;z-index:5;top:100%;padding-top:10px}
#menubar #main-menu >ul >li:hover ul.subnav,#menubar #main-menu >ul >li:active ul.subnav,#menubar #main-menu ul.subnav li:hover ul.subOption,#menubar #main-menu ul.subnav li:active ul.subOption{display:block}
#menubar #main-menu ul.subnav >li,#menubar #main-menu ul.subOption li{background:#fff;position:relative}
#menubar #main-menu ul.sub2nav,#menubar #main-menu ul.sub3nav{text-align:left;display:none;position:absolute;left:100%;width:100%;z-index:54;top:0}
#menubar #main-menu ul.subnav >li:hover ul.sub2nav,#menubar #main-menu ul.sub2nav li:hover ul.sub3nav{display:block}
#menubar #main-menu >ul >li:last-child ul.sub2nav,#menubar #main-menu >ul >li:last-child ul.sub3nav,#menubar #main-menu >ul >li:nth-last-child(2) ul.sub2nav,#menubar #main-menu >ul >li:nth-last-child(2) ul.sub3nav,#menubar #main-menu >ul >li:nth-last-child(3) ul.sub2nav,#menubar #main-menu >ul >li:nth-last-child(3) ul.sub3nav{right:100%;left:inherit}
#menubar #main-menu ul.subnav >li ul.sub2nav li >a{background:#fff}
#menubar #main-menu ul.subnav >li:first-child{border-top:3px solid #f6d466}
#menubar #main-menu ul.subnav >li >a,#menubar #main-menu ul.subnav >li >p,#menubar #main-menu ul.subnav >li ul li >a{padding:10px 20px;font-size:15px;display:block;color:#383838}
#menubar #main-menu ul.subnav >li >a:hover,#menubar #main-menu ul.subnav >li >p:hover,#menubar #main-menu ul.subnav >li ul li >a:hover{background:#ffe72e}
#menubar #main-menu ul.subOption{text-align:left;position:absolute;left:100%;top:-3px;display:none;width:200px}
#menubar #main-menu ul.subOption >li:first-child{border-top:3px solid #f6a266}
footer{color:#fff;font-size:13px;background:#434582}
#newCompany .community{display:inline-block;vertical-align:inherit}
#newCompany .community li{display:inline-block;margin-left:5px}
#newCompany .community li a{display:block;color:#fff;width:25px;height:25px;text-align:center}
#newCompany .community li a:hover{color:#fff;background:#5f5f5f}
#newCompany{padding:10px 0}
#newCompany .footernav{float:left;margin-top:5px}
#newCompany .footernav li{display:inline-block;vertical-align:top}
#newCompany .footernav li a{color:#FFF;display:block;position:relative;padding:0 10px 0 20px}
#newCompany .footernav li a:after{content:'|';position:absolute;left:0;top:0;color:#fff}
#newCompany .footernav li:first-child a{padding-left:0}
#newCompany .footernav li:first-child a:after{display:none}
#newCompany #footerSet{float:right;overflow:hidden}
#newCompany #footerSet .info{display:inline-block;float:right;margin-left:15px}
#newCompany #footerSet .info p{display:inline-block}
#newCompany .SeoWebFooter{display:inline-block;color:#fff;margin-left:15px}
#newCompany .SeoWebFooter a{color:#fff}
.web{background:#eee;color:#4f4f4f;font-size:8pt;padding:20px 0}
.phoneWrap,.mobile-main-nav,#mobile-menu,.nav-func,.sub2Option,.sub3Option{display:none}
#gotop{display:block;background-color:#ffe500;color:#787878;position:fixed;right:20px;bottom:20px;width:30px;height:30px;text-align:center;line-height:27px;font-size:17px}
form#message,form#message fieldset{border:0;padding:0;margin:0;overflow:hidden;color:#4f4f4f}
form#message .title-m{overflow:hidden;margin-bottom:20px}
form#message .title-m h2{float:left;font-weight:800;font-size:28px;line-height:120%}
form#message .title-m p{float:right}
form#message .title-m p a{display:block;background:#2d96cd;color:#fff;font-size:16px;line-height:120%;padding:13px 20px;border-radius:5px}
form#message .title-m p a:hover{background: #5bb196;}
form#message .contact-test{overflow:hidden}
form#message .contact-test .list{float:left;width:calc((100% / 3) - 40px);margin:13px 0;height:38px}
form#message .contact-test .list:nth-child(3n-1){margin:13px 60px}
form#message .contact-test .list.large{width:100%}
form#message .contact-test .list p{overflow:hidden;font-size:15px;line-height:150%}
form#message .contact-test .list p label{
	display: inline-block;
    width: 80px;
    margin-right: 20px;
    font-size: 15px;
    line-height: 110%;
    color: #000;
    font-weight: 700;}
form#message .contact-test .list p input{border:2px solid #e5e5e5;border-radius:15px;padding:7px 10px;font-size:15px;width:calc(100% - 124px)}
form#message .contact-test .list p select{border:2px solid #e5e5e5;border-radius:15px;padding:7px 10px;font-size:15px;width:calc(100% - 100px)}
form#message .contact-test .list p textarea{border:2px solid #e5e5e5;border-radius:15px;padding:7px 10px;font-size:15px;width:calc(100% - 124px);height:20px}
form#message .contact-test .list p input::placeholder,form#message .contact-test .list p textarea::placeholder{color:#a7a7a7}
#aboutFunc{
    background: #eeeeee;
    padding: 40px 0;
}
#aboutFunc #about{}
#aboutFunc .aboutart{
    width: 50%;
    margin: 0 auto;
    text-align: center;
}
#aboutFunc .aboutart h2{
    text-align: center;
    background: #000;
    color: #fff;
    font-size: 27px;
    line-height: 120%;
    padding: 15px 20px;
    display: inline-block;
}
#aboutFunc .aboutart h3{
    text-align: center;
    margin: 20px 0;
    font-size: 16px;
    color: #383333;
}
#aboutFunc .aboutart .arts{
    text-align: center;
    line-height: 140%;
    font-weight: bold;
    color: #383333;
    margin-bottom: 18px;
}
#fakeNumber{
    padding: 100px 0;
	background-image:url(/images/14/parallax-3.jpg);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
}
#fakeNumber ul{
	text-align:center;
}
#fakeNumber ul li{
	display: inline-block;
    width: calc(25% - 4px);
    color: #fff;
    text-align: center;
	position:relative;
}
#fakeNumber ul li .eva{
	padding: 50px 35px;
	margin: 0 auto;
	display:inline-block;
}
#fakeNumber ul li .eva p{
	font-size: 14px;
    color: #f4dc20;
    line-height: 100%;
}
#fakeNumber ul li .eva p b{
	font-size: 55px;
	margin-left: 5px;
	color: #f2df95;
	line-height: 100%;
}
#fakeNumber ul li .eva p span{
    color: #f2df95;
    font-size: 24px;
    vertical-align: baseline;
}
#fakeNumber ul li .eva h2{
	text-align: center;
	font-size: 18px;
	margin-top: 10px;
	line-height: 120%;
	font-weight: normal;
}

@media screen and (min-width: 1280px) {
footer #footerCompany .plus-information a:hover img{display:block}
header #top-nav{display:block!important}
}
@media screen and (max-width: 1440px) {
#cis{width:250px}
#rightSet{width:calc(100% - 255px)}
.workframe{width:90%}
}
@media screen and (max-width: 1280px) {
#menubar #main-menu >ul >li >a{padding:0 7px;font-size:17px}
#newCompany .footernav{margin:0;width:100%;float:none}
#newCompany #footerSet{float:none}
.webframe{width:90%}
	#fakeNumber ul li .eva p b{    font-size: 45px;}

}
@media screen and (max-width: 1024px) {
#cis{width:180px}
header{position:fixed;top:0;width:calc(100% - 140px);left:0;z-index:89;padding:10px 70px}
#menubar #main-menu,header #top-nav{display:none}
header #menubar{padding:15px 0}
#menubar #cis{margin-left:30px}
#menubar #cis img{max-height:38px}
.mobile-main-nav{display:block}
.nav-funcB{position:fixed;left:20px;top:19px;font-size:30px;color:#fff}
#mobile-menu{width:250px;background:#fff;height:calc(100vh - 100px);overflow:auto;padding-bottom:30px;position:absolute;left:0;top:70px}
#mobile-menu >ul >li .menu_head,.subOption >li .sub2Title,.subOption >li .sub3Title{overflow:hidden;padding:15px;border-bottom:1px solid #efefef}
#mobile-menu >ul >li .menu_head.c0 b,.subOption >li .sub2Title.c0 b,{display:none}
#mobile-menu >ul >li .menu_head p,.subOption >li .sub2Title p,.subOption >li .sub3Title p{float:left;font-size:11pt;width:calc(100% - 20px)}
#mobile-menu >ul >li .menu_head a,.subOption >li .sub2Title a,.subOption >li .sub3Title a{color:#191919}
#mobile-menu >ul >li .menu_head b,.subOption >li .sub2Title b,.subOption >li .sub3Title b{float:right;color:#9a9a9a;cursor:pointer}
#mobile-menu >ul >li .menu_body li p,.subOption >li .sub2Option li p{background:#fcef3f;padding:5px 15px;font-size:14px;border-bottom:1px solid #fff}
#mobile-menu >ul >li .menu_body li a,.subOption >li .sub2Option li p a{color:#404040;display:block;padding:10px 35px;font-size:11pt}
#mobile-menu .subOption >li .sub2Title{background:#f5f5f5;padding:15px 15px 15px 30px;font-size:14px}
#mobile-menu .subOption >li .sub2Title p{background:none;padding:0;border:0}
#mobile-menu .subOption >li .sub2Title p a{padding:0;border:none}
#mobile-menu .subOption >li .sub2Title.bo p a{display:inline-block}
#mobile-menu .subOption >li .sub3Title{background:#e4e4e4;padding:15px 15px 15px 45px}
#mobile-menu .subOption >li .sub3Title p{background:none;width:calc(100% - 20px - 30px);padding:0;border:0}
#mobile-menu .subOption >li .sub3Title p a{padding:0}
#mobile-menu .subOption >li .sub3Option p{padding:15px 10px 15px 55px}
#mobile-menu .subOption >li .sub3Option p a{padding:0}
.nav-func{display:block;position:fixed;right:20px;top:21px;font-size:30px;color:#f7f7f7}
header #top-nav .workframe{width:100%}
header #top-nav{position:fixed;top:75px;width:330px;right:5px;padding:10px 20px;background:rgba(67,69,130,0.81)}
header #top-nav .translate,header #top-nav .topphone{float:none}
header #top-nav .translate p{margin-left:0;display:block}
header #top-nav p{margin-bottom:5px;margin-left:0}
header #top-nav .searchBox #hSearch{margin:0 10px;vertical-align:super}
header #top-nav .searchBox #hSearch p{margin:0}
header #top-nav .searchBox #hSearch p input{width:113px}
footer #footerCompany .row{width:calc(50% - 4px);margin-bottom:50px}
footer #footerCompany .row:last-child,footer #footerCompany .row:nth-child(3){margin-bottom:0}
	#aboutFunc .aboutart{    width: 90%;}
#fakeNumber ul li{
    width: calc(50% - 4px);
}

}
@media screen and (max-width: 640px) {
#newCompany .footernav{display:none}
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,#footerSet .community,#footerSet .info,#footerSet .info .SeoWebFooter{text-align:center}
#footerSet .info,#footerSet .community{width:100%}
#footerSet .community{margin-top:20px}
.phoneWrap{display:block;position:fixed;bottom:20px;left:10px;width:calc(100% - 72px);z-index:5}
.phoneWrap li{display:inline-block;width:calc(50% - 4px)}
.phoneWrap li a{display:block;color:#fff;background:rgba(18,66,119,0.8);padding:0 15px;text-align:center;line-height:30px;font-size:9pt}
.phoneWrap li:nth-child(2) a{background:rgba(23,119,18,0.8)}
#newCompany{padding-bottom:60px}
	#aboutFunc .aboutart h2{    font-size: 22px;}
    #fakeNumber ul li .eva{
    padding: 30px 15px;
	}

}
@media screen and (max-width: 480px) {
.nav-func{right:25px}
.nav-funcB{left:20px}
#menubar #cis{margin-left:0}
#menubar #cis a{background-position:50% 50%}
#menubar .workframe{text-align:center}
footer #footerCompany #footer-qrcode,footer #footerCompany #footer-FB,footer #footerCompany #footer-map{width:70px}
footer #footerCompany{padding:50px 0}
header{text-align:center}
header #top-nav{width:216px}
header #top-nav .searchBox #hSearch{margin-left:0}
header #top-nav p:first-child{display:block;text-align:right}
	#fakeNumber ul li .eva p b{    font-size: 35px;}
	#fakeNumber{padding: 70px 0;}
	#fakeNumber ul li .eva p span{font-size: 20px;}

}