body{margin:0;border:0;width:100%;color:#000;font-size:14px;line-height:120%;}
div, h1, h2, h3, h4, hr, p, form, label, input, textarea, img, span, strong{text-align:left;vertical-align:middle;margin:0px;padding:0px;word-wrap:normal;word-break:normal;border-width:0;font-family:"微軟正黑體", "蘋果儷中黑", "Lucida Grande", "Arial", "Arial Narrow";-webkit-text-size-adjust:none;}
hr{noshade:noshade;}
th{font-weight:normal;}
ul{list-style:none;margin:0;padding:0;overflow:hidden;}
li{list-style:none;}
a ,
a:hover{text-decoration:none;cursor:pointer;outline:none;}
img{max-width:100%;}
br{font-family:Arial !important;}
form p input[type="text"],
form p input[type="password"],
form p textarea,
form p select{background:rgba(255,255,255,0.6);border:1px #858384 solid;}
form p input[type="text"]:focus ,
form p input[type="password"]:focus{border-color:#13a5e0;background:#13a5e0;color:#fff;}
input[type="text"], input[type="submit"], input[type="reset"], input[type="button"], button ,select{-webkit-appearance:none;}
@font-face{font-family:'cwTeXHei';font-style:normal;font-weight:500;src:url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot);src:url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot?#iefix) format('embedded-opentype'),
url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff) format('woff'),
url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.ttf) format('truetype');}
#jumpDiv ,
#jumpIframe{position:relative;background:#fff;top:0;left:0;z-index:9999999999999999999999;}
[data-doorman]{visibility:hidden;display:inline-block;}
.pageh1{position:fixed;z-index:-9999;opacity:0;}
.nav-func{display:none;}
header{position:relative;z-index:8;}
header #cis{position:absolute;padding:20px 20px;background-color:#eeeeee;}
header #cis h2 a{display:block;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;}
header #top-nav{float:right;margin-right:10px;margin-top:21px;}
header #top-nav p{display:inline-block;}
header #top-nav p.topcontact{}
header #top-nav p a{display:block;background:#777;color:#fff;padding:12px 20px;}
header #top-nav p.topcontact a{background:#13336f;padding:12px 35px;transition:all ease-in-out 0.3s;}
header #top-nav p.topcontact a:hover{background:#af0e0e;}
header #top-nav p.topcontact a i{margin-left:15px;transition:all ease-in-out 0.3s;}
header #top-nav p.topcontact a:hover i{transform:rotate(180deg);}
header #main-menu{margin-left:226px;width:calc(100% - 226px - 262px);}
header #main-menu >ul{overflow:visible;}
header #main-menu >ul >li{display:inline-block;position:relative;}
header #main-menu >ul >li >a{display:block;color:#3c3c3c;font-size:15px;padding:35px 40px;position:relative;}
header #main-menu >ul >li >a:after{content:'|';position:absolute;right:0;top:33px;color:#eaeaea;}
header #main-menu >ul >li >a:before{content:'';background:#3299bb;width:0;position:absolute;top:0;left:0;height:4px;display:block;opacity:0;transition:all ease-in-out 0.3s;}
header #main-menu >ul >li >a:hover:before{opacity:1;width:100%;}
header #main-menu >ul >li .subnav{opacity:0;position:absolute;top:100%;left:0;background:#577fbc;width:100%;z-index:-9999;transition:all ease-in-out 0.3s;overflow:visible;height: 0;overflow: hidden;}
header #main-menu >ul >li:hover .subnav{opacity:1;z-index:2;height: auto;overflow: visible;}
header #main-menu >ul >li .subnav >li{position:relative;padding:8px 15px;color:#fff;font-size:15px;border-bottom:1px solid #365899;}
header #main-menu >ul >li .subnav >li:hover{background:#3299bb;}
header #main-menu >ul >li .subnav >li >a{color:#fff;display:block;}
header #main-menu >ul >li .subnav >li .subOption{opacity:0;position:absolute;left:100%;z-index:-9999;transition:all ease-in-out 0.3s;top:0;background:#d62c2c;width:100%;}
header #main-menu >ul >li .subnav >li:hover .subOption{opacity:1;z-index:1;}
header #main-menu >ul >li .subnav >li .subOption li{padding:8px 15px;border-bottom:1px solid #e06363;}
header #main-menu >ul >li .subnav >li .subOption li:hover{background:#a01313;}
header #main-menu >ul >li .subnav >li .subOption li a{color:#fff;display:block;}
.wrapper{overflow:hidden;}
.workframe{width:1390px;margin:0 auto;}
footer{background:#313131;color:#fff;font-size:6pt;}
footer .workframe{overflow:hidden;}
footer .company{padding:50px 0;}
footer .company .left{float:left;width:45%;overflow:hidden;position:relative;}
footer .company .left:after{content:'';position:absolute;display:block;width:1px;height:100%;right:0;top:0;background:#CCC;}
footer .company .left #footer-cis{float:left;width:200px;margin-right:50px;}
footer .company .left .company-detail{float:left;}
footer .company .left .company-detail p{font-size:14px;margin:7px 0;}
footer .company .left .company-detail p a{color:#fff;}
footer .company .right{float:right;width:55%;}
footer .company .right ul{text-align:right;margin-top:20px;}
footer .company .right ul li{display:inline-block;margin-left:35px;margin-bottom:10px;}
footer .company .right ul li a{color:#fff;font-size:14px;}
footer .company .right #community{margin-top:20px;width:100%;text-align:right;}
footer .company .right #community a{display:inline-block;color:#e9ebee;font-size:15px;margin-left:10px;}
footer .copyright{background:#3299bb;color:#fff;text-align:center;padding:30px 0 50px;font-size:6pt;}
footer .copyright a{color:#fff;}
footer .copyright p,
footer .copyright div{display:inline-block;text-align:center;}
#webSeo{color:#CCC;margin-top:10px;}
.phoneWrap,
.mobile-main-nav{display:none;}
#gotop{position:fixed;right:20px;display:block;bottom:20px;color:#ccc;background:#2c5d72;width:40px;height:40px;border-radius:50%;text-align:center;line-height:40px;border:2px solid #ccc;z-index:9;}
@media screen and (max-width:1680px){header #top-nav p a,
header #top-nav p.topcontact a{padding:12px 15px;}
header #main-menu >ul >li >a{padding:35px 28px;}
header #main-menu{width:calc(100% - 226px - 202px);}
}
@media screen and (max-width:1440px){header #main-menu >ul >li >a{padding:15px 25px;}
header #main-menu >ul >li >a:after{top:15px;}
header #top-nav{margin-top:8px;}
header #top-nav p a,
header #top-nav p.topcontact a{padding:7px 10px;}
header #cis{padding:10px;width:150px;}
header #main-menu{width:calc(100% - 170px - 202px);margin-left:170px;}
.workframe{width:90%;}
}
@media screen and (max-width:1280px){header #main-menu{display:none;}
.nav-func{display:block;position:absolute;top:0;right:0;background:#1f1f1f;color:#fff;padding:10px 15px;font-size:22px;}
header #top-nav{margin-top:6px;margin-right:54px;}
header{height:42px;}
.mobile-main-nav{position:fixed;right:0;top:0;z-index:999;width:30%;background:#a91a1a;height:100vh;}
.nav-funcB{position:fixed;color:#fff;text-align:right;float:right;font-size:24px;right:20px;top:20px;}
#mobile-menu >ul{margin-top:40px;overflow:auto;max-height:calc(100vh - 110px);}
#mobile-menu >ul >li .menu_head{overflow:hidden;padding:15px 20px;border-bottom:1px solid #941414;}
#mobile-menu >ul >li .menu_head p{float:left;}
#mobile-menu >ul >li .menu_head p a{color:#fff;}
#mobile-menu >ul >li .menu_head b{float:right;color:#fff;}
#mobile-menu >ul >li .menu_head.c0 b{display:none;}
#mobile-menu >ul >li .menu_body >li{background:#9a1515;color:#fff;}
#mobile-menu >ul >li .menu_body >li >a{color:#fff;display:block;padding:15px 20px;}
#mobile-menu >ul >li .menu_body >li >p{color:#fff;display:block;padding:5px 20px;background:#801616;}
#mobile-menu .sizes{display:none;}
#mobile-menu >ul >li .menu_body >li .subOption a{color:#fff;display:block;padding:15px 20px;}
header #cis{padding:5px 10px;}
footer .company .left{width:100%;}
footer .company .right{width:100%;}
footer .company .left:after{width:100%;height:1px;top:calc(100% - 1px);}
footer .company .left #footer-cis{width:100%;text-align:center;margin:0 0 20px;}
footer .company .left .company-detail{width:100%;margin-bottom:50px;}
footer .company .left .company-detail p{text-align:center;}
footer .company .right ul,
footer .company .right #community{text-align:center;}
footer .company .right #community a{margin:0 5px;}
}
@media screen and (max-width:980px){.mobile-main-nav{width:50%;}
}
@media screen and (max-width:768px){footer .copyright{padding-bottom:100px;}
footer .company .right ul{display:none;}
.phoneWrap{display:block;position:fixed;bottom:20px;left:10px;width:calc(100% - 84px);z-index:99;}
.phoneWrap ul li{float:left;width:50%;text-align:center;}
.phoneWrap ul li a{display:block;color:#ffffff;background:#1f1f1f;height:40px;border-radius:25px;line-height:40px;border:2px solid #b3132f;}
}
@media screen and (max-width:480px){header #cis{padding:5px 10px;width:100px;}
.mobile-main-nav{width:70%;}
#mobile-menu .sizes{display:block;}
header #top-nav p.topcontact{display:none;}
footer .company .left .company-detail p{font-size:9pt;}
#gotop{right:10px;bottom:10px;}
.phoneWrap{bottom:10px;}
header #top-nav p a{font-size:9pt;}
}