@charset "UTF-8";
/*  Project Name:愛众集团 
 * Author:偢楓＆落葉  
 * Date：2017-9-11 
 * */
@font-face { font-family: "TT0857M"; 
	src: url("../fonts/TT0857M.woff2") format("woff2"), 
			 url("../fonts/TT0857M.woff") format("woff"), 
			 url("../fonts/TT0857M.ttf") format("truetype"), 
			 url("../fonts/TT0857M.eot") format("embedded-opentype"), 
			 url("../fonts/TT0857M.svg") format("svg"); 
}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }

h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; }

table, caption, tbody, tfoot, thead, tr, th,{ margin: 0; padding: 0px; outline: none; font-size: 100%; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }

/* always display scrollbars */
body { font: 14px/1.8 "微軟正黑體","微软雅黑","Microsoft JhengHei","Microsoft Yahei",Arial,Helvetica,sans-serif,"SimHei","黑体"; margin: 0 auto; color: #666; background-color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; overflow: hidden; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

strong { font-weight: bold; }

img { border: 0; }

input { outline: none; }

input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }

textarea { -webkit-appearance: none; border-radius: 0; outline: none; }

::-moz-selection { background: #c9b194; color: #fff; text-shadow: none; }

::selection { background: #e72b27; color: #fff; text-shadow: none; }

select { outline: none; }

select::-ms-expand { display: none; }

a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; }

a:link, a:visited { text-decoration: none; }

a:active, a:hover { text-decoration: none; }

.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

.fc { text-align: center; }

.fr { text-align: right; }

.l { float: left; display: inline-block; }

.r { float: right; display: inline-block; }

.vt { vertical-align: top; }

.vm { vertical-align: middle; }

.horizontal-center { margin: 0 auto; }

.fixedImg { background-attachment: fixed; background-position: center center; background-repeat: no-repeat; }

.align-vertical { height: 100%; width: 100%; position: relative; display: table; }

.vertical-inner { display: table-cell; vertical-align: middle; }

.hide { display: none; }

.pinner {  padding-left: 18%; padding-right: 18%;}

.detail-inner { padding-left: 25%; padding-right: 25%; }

/* Slider */
.slick-slider { position: relative; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-loading .slick-list { background: #00865e url(../images/loader.gif) center center no-repeat; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }

/* Dots */
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }

.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }

.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }

.slick-dots li button:focus { outline: none; }

@-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1.08); transform: scale(1.08); }
  to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
@keyframes scaleUpDown { from { -webkit-transform: scale(1.08); transform: scale(1.08); }
  to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
/* Slider end*/
/*FlexSlider strat*/
/* Browser Resets
*********************************/
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }

.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }

/* FlexSlider Necessary Styles
*********************************/
.flexslider { margin: 0; padding: 0; }

.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { width: 100%; display: block; }

.flex-pauseplay span { text-transform: capitalize; }

/* Clearfix for the .slides element */
.slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

html[xmlns] .slides { display: block; }

* html .slides { height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 10px; position: relative; zoom: 1; }

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

.loading .flex-viewport { max-height: 300px; }

.flexslider .slides { zoom: 1; }

/* Direction Nav */
.flex-direction-nav { *height: 0; }

.flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 48px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-indent: -999em; }

.flex-direction-nav .flex-prev { left: -10px; background-position: 0 0; }

.flex-direction-nav .flex-next { right: -10px; background-position: -132px 0; }

.flexslider:hover .flex-prev { opacity: 0.7; left: -20px; }

.flexslider:hover .flex-next { opacity: 0.7; right: -20px; }

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }

.flex-direction-nav .flex-disabled { opacity: 1 !important; filter: alpha(opacity=1); }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background: #ddd; }

.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }

.flex-pauseplay a:hover { opacity: 1; }

.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; }

.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }

.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); }

.flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); }

.flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; }

.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }

.flex-control-thumbs li { width: 25%; float: left; margin: 0; }

.flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }

.flex-control-thumbs img:hover { opacity: 1; }

.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }

@media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; }
  .flex-direction-nav .flex-next { opacity: 1; right: 10px; } }
/*FlexSlider end*/
.popUpblack { background: #000 \9; filter: alpha(opacity=80); background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 10000; }

.popUp { width: 220px; height: 242px; border: 2px solid #bd671b; background: #fff; position: fixed; left: 50%; top: 50%; margin: -87px 0 0 -115px; z-index: 1004; }

.popUp .t { padding: 0 0 0 10px; height: 26px; line-height: 26px; color: #666; font-weight: bold; border-bottom: 1px solid #e8e8e8; background: #f2f2f2; }

.popUp .t .close { padding: 0 10px 0 0; float: right; cursor: pointer; color: #666; font-weight: normal; }

.popUp .img { padding: 20px; }

.popUp .img img { width: 100%; display: block; }

#bsWXBox { display: none !important; }

.hinner { padding: 0 5%; }

.phone-nav { display: none; position: fixed; top: 0; left: 0; width: 90%; background: #fff; box-shadow: 0 1px 5px #ccc; z-index: 9000; padding-top: 10px; padding-bottom: 10px; }
.phone-nav .logo { display: block; width: 140px; }
.phone-nav .link { display: inline-block; }
.phone-nav .nav-bar { position: absolute; right: 5%; top: 50%; height: 24px; width: 34px; margin-top: -12px; }
.phone-nav .nav-bar .line { display: block; position: absolute; width: 100%; height: 5px; background: #000; transition: .26s ease-out; -webkit-transition: .26s ease-out; }
.phone-nav .nav-bar .line.topline { top: 0; left: 0; }
.phone-nav .nav-bar .line.centerline { top: 50%; margin-top: -2px; left: 0; }
.phone-nav .nav-bar .line.bottomline { bottom: 0; left: 0; }
.phone-nav .nav-bar.active .topline { transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 10px; }
.phone-nav .nav-bar.active .centerline { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; }
.phone-nav .nav-bar.active .bottomline { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); bottom: 9px; }

.phone-mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 8999; opacity: 0; visibility: hidden; transition: opacity .56s .3s; -webkit-transition: opacity .56s .3s; }
.phone-mask.active { opacity: 1; visibility: visible; transition: opacity .2s; -webkit-transition: opacity .2s; }
.phone-mask.active .sideBar { right: 0; }
.phone-mask .sideBar { position: absolute; overflow: auto; right: -240px; top: 0px; width: 240px; background: #fff; height: 90%; transition: .56s; -webkit-transition: .56s; padding: 64px 0 10%; }
.phone-mask .sideBar li { border-top: 1px solid #e5e5e5; color: #656565; }
.phone-mask .sideBar .link { font-size: 18px; line-height: 1.2; padding: 10px 20px; display: block; color: #656565; font-weight: bold; }
.phone-mask .sideBar .navtit { font-size: 18px; line-height: 1.2; padding: 10px 20px; display: block; font-weight: bold; background: url(../images/phone_arrow_1.png) no-repeat scroll 95% center; }
.phone-mask .sideBar .navtit.on { background: #cc0000 url(../images/phone_arrow_2.png) no-repeat scroll 95% center; color: #fff; }
.phone-mask .sideBar .list { padding: 10px 20px; }
.phone-mask .sideBar .slink { display: block; float: left; width: 50%; text-align: center; font-size: 16px; color: #999999; line-height: 1.2; padding: 5px 0; }

.moveBox { transition: transform .45s; -webkit-transition: transform .45s; position: relative; }
.moveBox.navActive { transform: translateX(-100px); -webkit-transform: translateX(-100px); top: 0; left: 0; }



/*banner*/
@-webkit-keyframes bannerAnima { from { width: 0; }
  to { width: 100%; } }
@keyframes bannerAnima { from { width: 0; }
  to { width: 100%; } }
.banner-box { overflow: hidden; position: relative; }
.banner-box .banner { position: relative; }
.banner-box .banner .flex-control-nav { bottom: 50%; right: 30px; z-index: 50; width: auto; height: auto; }
.banner-box .banner .flex-control-nav li { display: block; margin-bottom: 15px; position: relative; }
.banner-box .banner .flex-control-nav li a { background: #fff; box-shadow: none; line-height: 12px; text-indent: 0; font-size: 0; transition: 0s; -webkit-transition: 0s; position: relative; }
.banner-box .banner .flex-control-nav li a:before { content: ""; display: block; position: absolute; height: 2px; width: 0px; background: #cc0000; top: 50%; right: 25px; transition: width .45s; -webkit-transition: width .45s; }
.banner-box .banner .flex-control-nav li a.flex-active { background: transparent; box-shadow: none; color: #fff; font-size: 12px; }
.banner-box .banner .flex-control-nav li a.flex-active:before { width: 30px; }
.banner-box .figure { overflow: hidden; }
.banner-box li { opacity: 1 !important; position: relative; }
.banner-box .flex-active-slide .figure { animation: bannerAnima 1s ease-in; -webkit-animation: bannerAnima 1s ease-in; }
.banner-box .flex-active-slide .bword .ent { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; transition: .45s .9s ease-in-out; -webkit-transition: .45s .9s ease-in-out; }
.banner-box .flex-active-slide .bword .zht { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; transition: .45s 1.28s ease-in-out; -webkit-transition: .45s 1.28s ease-in-out; }
.banner-box .flex-active-slide .bword .encon { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; transition: .45s 1.56s ease-in-out; -webkit-transition: .45s 1.56s ease-in-out; }
.banner-box .bword { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 50; text-align: center; color: #fff; }
.banner-box .bword .ent { font-size: 33px; text-transform: uppercase; line-height: 1.2; opacity: 0; transform: translateY(40px); -webkit-transform: translateY(40px); font-family: "TT0857M"; margin-top: -30px;}
.banner-box .bword .zht { font-size: 60px; font-weight: bold; line-height: 1.2; margin: 25px 0; opacity: 0; transform: translateY(40px); -webkit-transform: translateY(40px); }
.banner-box .bword .encon { font-size: 14px; width: 460px; margin: 0 auto; line-height: 1.5; opacity: 0; transform: translateY(40px); -webkit-transform: translateY(40px); font-family: "TT0857M"; }
.banner-box .bot { position: absolute; bottom: 0; left: 0; padding: 0 5%; z-index: 60; width: 90%; background-color: rgba(0, 0, 0, 0.6); }
.banner-box .bot li { float: left; width: 25%; }
.banner-box .bot .link { display: block; padding: 40px 0; position: relative; margin: 0px auto; text-align: center;}
.banner-box .bot .item{ position: relative; display: inline-block; padding-left: 65px; text-align: left;}
.banner-box .bot .item:before{ content: ""; display: block; position: absolute; top: 50%; margin-top: -27px; left: 0; width: 55px; height: 55px; background-repeat: no-repeat; background-position: left center;}
.banner-box .bot .lico1 .item:before { background-image: url(../images/banner_ico_1.png); }
.banner-box .bot .lico2 .item:before { background-image: url(../images/banner_ico_2.png); }
.banner-box .bot .lico3 .item:before { background-image: url(../images/banner_ico_3.png); }
.banner-box .bot .lico4 .item:before { background-image: url(../images/banner_ico_4.png); }
.banner-box .bot .lico5 .item:before { background-image: url(../images/banner_ico_5.png); }
.banner-box .bot .link:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(204, 0, 0, 0.6); z-index: -1; transform: scale(0.6); -webkit-transform: scale(0.6); opacity: 0; transition: .45s; -webkit-transition: .45s; }
.banner-box .bot .link:hover:before { transform: scale(1); -webkit-transform: scale(1); opacity: 1; }
.banner-box .bot .zht { font-size: 18px; color: #fff; line-height: 1.2; margin-bottom: 3px; font-weight: bold; }
.banner-box .bot .ent { font-size: 12px; color: #fff; line-height: 1.2; font-family: "TT0857M"; }

@-webkit-keyframes tab { from { opacity: 0; -webkit-transform: translateY(8%); transform: translateY(8%); }
  to { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } }
@keyframes tab { from { opacity: 0; -webkit-transform: translateY(8%); transform: translateY(8%); }
  to { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } }

.company-tab-c .c{ margin-top: 25px;}
 @-webkit-keyframes tab {
  from {
    opacity: 0;
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@keyframes tab {
  from {
    opacity: 0;
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}