*{margin:0;padding:0}
body{position:relative;margin:0}
div,h1,h2,h3,h4,h5,h6,hr,p,form,label,input,textarea,img,span,ul,li,a,i{text-align:left;vertical-align:middle;margin:0;padding:0;word-wrap:normal;word-break:normal;line-height:170%;border-width:0;font-family:'微軟正黑體','蘋果儷中黑',"Lucida Grande","Arial","Arial Narrow";-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}
hr{border-top:1px #000 solid;margin:0 0 10px 0}
th{font-weight:normal}
ul,ol{list-style:none}
fieldset{border:0}
input,button,select,textarea{outline:none}
img{max-width:100%}
a:link,a:visited{text-decoration:none;font-size:14px}
a:hover{text-decoration:none}
* html .clearfix{height:1%}
.clearfix{display:block}
livedemo00.template-help.com/media="screen":after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.wow{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1.5s;animation-duration:1.5s}
body::selection{background:#33b0a4;color:#fff}
section{overflow:hidden;margin:0 auto;width:1160px}
.wrapper{width:100%;font-size:14px}
#jumpDiv,#jumpIframe{position:relative;background:#fff;top:0;left:0;z-index:50}
a.photo{overflow:hidden;background-position:50% 50%;background-repeat:no-repeat;background-size:100% auto;display:block}
a.photo img{width:100%}

/* app_box */
#app_box{display: none !important;}
#app_box{padding: 0 10px;width: calc(100% - 20px);height:55px;background: #e11515;display:flex;align-items:center;top:0;left:0;z-index:9999999999;position: relative;}
#app_box img{margin-left:5px;width:40px}
#app_box .txt{margin:0 2vw;display:flex;flex-direction:column}
#app_box .txt p{margin-bottom:5px;font-weight:bold;line-height:1;font-size:20px;color: #fff;}
#app_box .txt font{font-family:auto;line-height:1;font-size:.75em;color: #fff;}
#app_box .link{position:absolute;padding:5px 8px;background-color: #262626;border-radius:2px;display:inline-block;color:#fff;top:50%;right:2vw;transform:translateY(-50%);-webkit-transform:translateY(-50%);font-size:.85em}

/* linejoin */
#linejoin{position: fixed;top: 30%;z-index: 99999999999;}
.animeEffectA ul li img{width: 15px;margin-right: 5px;display: inline-block;vertical-align: middle;}
#linejoin .share{background: linear-gradient(90deg, #ca652f 0%,#d34670 20%,#de0ea0 40%,#de0ea0 60%,#5e38e3 100%);width: 80%;margin: 10px auto 0;text-align: center;}
#linejoin .share a{color: #fff;font-size: 25px;display: inline-block;margin: 0 5px;height: 45px;}
#linejoin .gogogog{position: absolute;top: 35.5%;margin-left: 150px;}
#linejoin .gogogog a{text-decoration: none;background: #ef8115;padding: 5px;color: #fff;}
#linejoin .gogogog #clickclose{ display: block;}
#linejoin .gogogog #clickopen{ display: none; padding: 15px;}
.menu_list {text-align: center;border: 5px solid #fff;width: 122px;margin: 0 auto;background: #fff;}
.menu_list li{list-style-type: none;text-align: center;display: block;cursor: pointer;}
.menu_list li a {text-decoration: none;display: block;background: #2d88ff;padding: 10px 10px;color: #fff;font-size: 14px;}
.menu_list li:hover a{ -webkit-filter: grayscale(1); -webkit-animation: tada 1s; animation: tada 1s;}
.menu_list li:nth-child(2) a{background: #f71d6d;}
.menu_list li:nth-child(3) a{background: #39ce00;}
.menu_list i { font-size: 2em; padding: 2px 0;}
.menu_list li:hover i { color: white; background: linear-gradient(#fff, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

/* header */
header{position:fixed;width:100%;background: #333;top:0;z-index:999;-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;border-bottom: 1px solid rgb(255 255 255 / 25%);padding-bottom: 10px;}
header .topBar{padding:5px 0;text-align:right}
header.shrink .topBar{overflow:hidden;padding:0;height:0}
header .topBar a{color: #fff;background: #e11515;display: inline-block;padding: 8px 20px 10px;font-size: 14px;margin-left: 10px;line-height: 100%;}
header .menu{overflow:hidden}
header .menu #cis{margin-top:10px;float:left;width: 20%;}
header .menu nav{float:right;width: 80%;}
header .menu nav h3{display:none}
header .menu nav ul{text-align:right}
header .menu nav ul li{display:inline-block}
header .menu nav ul li a{padding: 25px 15px;display:block;line-height:25px;font-weight:bold;font-size:16px;color: #fff;}
header .menu nav ul li a:hover{background: #e11515;color:#fff}
header .menu nav ul li ul{position:absolute;width:160px;background:#fff;box-shadow:0px 2px 8px rgba(0,0,0,0.1);display:none}
header .menu nav ul li:hover .subnav{display:block}
header .menu nav ul li .subnav li{position:relative;display:block}
header .menu nav ul li .subnav li p,header .menu nav ul li .subnav li a{padding:5px 10px;border-bottom:1px #eee solid;line-height:170%;font-size:14px}
header .menu nav ul li .subnav li:hover p,header .menu nav ul li .subnav li:hover a{background:#eee;color:#2eb1a5}
header .menu nav ul li .subnav li p:before{position:absolute;display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;top:10px;right:10px;content:"\f105"}
header .menu nav ul li .subnav li .subOption{top:0;left:160px}
header .menu nav ul li .subnav li:hover .subOption{display:block}
header .menu nav ul li .subnav li:hover .subOption li a{background:none;color:#6f6f6f}
header .menu nav ul li .subnav li:hover .subOption li:hover a{background:#eee;color:#2eb1a5}

section #webSeo,section #webSeo .seo{overflow:hidden;font-size:12px !important}
section #webSeo .seo .js-marquee-wrapper{-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none;font-size:12px !important}

/* gotop */
#gotop{position:fixed;bottom: 60px;right:20px;width:50px;height:50px;line-height:35px;text-align:center;background: #e11515;z-index:100000}
#gotop a{color: #fff;font-size:20px}

/* phoneWrap */
.phoneWrap{position:fixed;width:100%;left:0;bottom:0;display:none;z-index:99999}
.phoneWrap ul{overflow:hidden}
.phoneWrap ul li{float:left;width:50%;background: #e11515;}
.phoneWrap ul li a{padding: 10px 0;display:block;color:#fff;font-size:14px;text-align:center}
.phoneWrap ul li:nth-child(1) a{border-right:1px rgba(255,255,255,0.34) solid}
.phoneWrap ul li:nth-child(2) a{border-left: 1px #970d0d solid;}


/* footer */
footer{padding-top:20px;background:#222;color:#777}
footer a{color: #e11515;vertical-align:top}
footer #footerCis{float:left;width:30%}
footer #footerInfo{float:right;width:65%}
footer .row{padding: 20px 0 40px;background: #222;}
footer .row .share{text-align:center}
footer .row .share a{display:inline-block;margin: 0 5px;}
footer .row .share a i{width:40px;height:40px;border: 1px #e11515 solid;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:block;line-height:40px;text-align:center;font-size:18px}
footer .row .share a:hover i{background: #e11515;color:#fff}
footer .row #footerCopy{margin:20px 0 5px;text-align:center}

@media screen and (max-width:1280px){
	section{width: 95%;}
	header .menu nav ul li a{padding: 25px 10px;}
	#linejoin{display:none;}
}
@media screen and (max-width:768px){
	header .topBar{display: none;}
	section{width:95%}
	header .menu #cis{width:70%}
	header .menu #cis img{max-height:50px}
	header .menu nav{width:25%;text-align:right}
	header .menu nav h3{margin:10px 0;width:50px;height:50px;line-height:46px;text-align:center;display:inline-block;background: #e11515;}
	header .menu nav h3 i{color:#fff;font-size:20px}
	header .menu nav ul{overflow:hidden;position:absolute;width: 100%;height: 100vh;background:#fff;box-shadow:0px 2px 8px rgba(0,0,0,0.1);right: -100%;}
	header .menu nav ul.Open{right:0}
	header .menu nav ul li{display:block}
	header .menu nav ul li a{padding: 15px 30px;border-bottom:1px #eee solid;line-height:170%;font-size:14px;color: #323232;display: block;}
	header .menu nav ul li a:hover{}
	header .menu nav ul li:hover .subnav{display:none}
	#banner{margin-top:55px}
	.phoneWrap{display:block}
	footer{padding-bottom:30px}
}
@media screen and (max-width:640px){
    #app_box{display: flex !important;}
	#banner ul li a.photo{background-size:auto 100%}
	#banner ul li a.photo img{max-width:140%}
	footer #footerCis,footer #footerInfo{float:none;width:100%}
	footer #footerInfo{margin-top:15px;margin-left:0}
	footer #footerInfo p{margin:5px 0;text-align:center}
}