body { background: #efefef;}
.container { padding: 0px 0; }
.wrapper { width: 1000px;}

.pagebar { border-top: none; margin-top: 20px; }
#pager { white-space: nowrap; }
#pager .pg { font-size: 16px; text-align: center }
#pager .pg a,
#pager .pg a:link,
#pager .pg a:visited,
#pager .pg span.current,
#pager .pg span.first,
#pager .pg span.prev,
#pager .pg span.next,
#pager .pg span.last { margin-right: 5px; background: #fff; border: 1px solid #ccc; color: #888; font-family: 'Tahoma'; text-decoration: none; display: inline-block; *display:inline;
zoom: 1; height: 40px; line-height: 40px; padding: 0 15px; text-align: center; font-size: 16px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }
#pager .pg a:hover { background: #01847f; border: 1px solid #01847f; color: #fff; }
#pager .pg span.current { border: 1px solid #01847f; background: #01847f; color:#fff; font-weight: bold; font-size: 16px; }
#pager .pg span.extend { padding: 0 5px 8px 0; zoom: 1 }
#pager .pg span.first,
#pager .pg span.prev,
#pager .pg span.next,
#pager .pg span.last { display: none; border: 1px solid #d8d8d8; border: 1px solid #fff; color: #f10180; }
#pager .pg span.prev,
#pager .pg span.next,
#pager .pg a.prev,
#pager .pg a.prev,
#pager .pg a.next { padding: 0 15px; }
#pager .pg span.first,
#pager .pg span.last,
#pager .pg a.first,
#pager .pg a.last { padding: 0 15px; }

.page-none { padding: 100px 0; text-align: center; font-size: 18px; color: #999;}

.brand-top { position: relative; padding: 30px; }
.brand-top .brand-logo { float: left; margin-right: 30px; padding: 5px; border: 1px solid #ddd; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1); }
.brand-top .brand-logo a { position: relative; }
.brand-top .brand-logo img { width: 160px; height: 80px; }
.brand-top .brand-info { }

.brand-top .brand-info h1 { margin-bottom: 5px; font-size: 30px; line-height: 1.2em; height: 1.2em; font-weight: bold; color: #333; overflow: hidden; }
.brand-top .brand-info h1 span.brand-en { font-size: 16px; font-weight: bold; color: #333; }
.brand-top .brand-info h1 span.brand-en a { color: #333; }
.brand-top .brand-info h1 span { font-size: 16px; font-weight: normal; color: #333; }
.brand-top .brand-info h2 { font-size: 16px; font-weight: bold; margin-bottom: 5px; color: #01847f; }
.brand-top .brand-info h2 a { display: inline-block; padding: 0 10px; border: 1px dashed #01847f; color: #01847f; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px;}
.brand-top .brand-info h2 a:hover { border: 1px dashed #01847f; background: #01847f; color: #fff;}
.brand-top .brand-info .brand-attr { font-size: 14px; line-height: 1.5em;}
.brand-top .brand-info .brand-attr i { margin-right: 5px; }
.brand-top .brand-info .brand-attr a { -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px;}


.brand-top .brand-topbar { position: absolute; right: 30px; top: 1px; overflow: hidden; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; }
.brand-top .brand-topbar ul { margin-left: -1px; }
.brand-top .brand-topbar ul li { float: left; margin-left: 1px; }
.brand-top .brand-topbar ul li a { display: inline-block; height: 30px; line-height: 30px; padding: 0 10px; background: #bbb; color: #fff;}
.brand-top .brand-topbar ul li a:hover { background: #01847f; color: #fff; }



.brand-qrcode { position: absolute; top: 45px; right: 24px;}
.brand-qrcode dd { float: left; }
.brand-qrcode dd > div { text-align: center; }
.brand-qrcode dd > div figure { }
.brand-qrcode dd > div figure img { width: 70px; height: 70px; }
.brand-qrcode dd > div h4 { font-size: 12px; line-height: 1.2em; color: #999; font-weight: normal;}


.brand-nav { background: #01847f; color: #fff; }
.brand-nav dl { padding: 5px 20px; height: 40px; line-height: 40px; }
.brand-nav dl dd { float: left; font-size: 18px; }
.brand-nav dl dd a { display: block; padding: 0 14px; color: #fff;-webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
.brand-nav dl dd a:hover,
.brand-nav dl dd a.active { background: #fff; color: #01847f; }

.brand-banner img { width: 100%; }

.contact-box { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.brand-contact { float: left; padding-left: 5em; text-indent: -5em; font-size: 18px; font-weight: bold; color: #333; }
.brand-contact li { margin: 5px 0; }
.brand-contact li span { letter-spacing: 0.5em;  }
.brand-contact a { color: #333; }

.contact-rgt { float: right; margin: 0 -15px; }
.contact-rgt dd { float: left; }
.contact-rgt dd > div { margin: 0 15px; text-align: center; }
.contact-rgt dd > div figure { margin-bottom: 8px; padding: 5px; background: #fff; }
.contact-rgt dd > div figure img { width: 120px; height: 120px; }
.contact-rgt dd > div h4 { font-size: 14px; color: #999; font-weight: normal;}


.brand-footer { margin-bottom: 30px; text-align: center; font-size: 12px; color: #999; }
.brand-footer a { color: #999; }
.brand-footer .lft { float: none; text-align: center;}
.brand-footer .lft figure{  }
.brand-footer .lft figure img { width: 170px; }
.brand-footer .lft h6 { font-size: 12px; color: #111; font-weight: bold; }
.brand-footer .rgt { float: none; margin-top: 10px; }


.brand-information { /*width: 400px; float: left; margin: 0 30px 20px 0; */ margin-bottom: 30px; padding: 15px 30px; background: #f7f7f7; border: 1px solid #ddd; font-size: 14px; line-height: 2em; color: #333; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.brand-information li { margin: 5px 0; padding-left: 5em; text-indent: -5em; }
.brand-information li.logo { float: right; padding: 0; text-indent: 0;} 
.brand-information li.logo a { display: block; padding: 10px; width: 120px; background: #fff; border: 1px solid #eee; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.brand-information li.logo a img { width: 100%; }

.brand-body { font-size: 14px; line-height: 2em; color: #333; text-align: justify;}
.brand-body p { margin-bottom: 0.5em; }
.brand-body p:last-child { margin-bottom: 0em;}



.brand-box { margin: 30px 0; padding: 0px; background: #ffffff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.brand-box .hd { margin-bottom: 15px; text-align: center; }
.brand-box .hd h2 { position: relative; display: inline-block; padding: 0 1em; font-size: 32px; line-height: 48px; color: #01847f; }
.brand-box .hd h2 a { color: #01847f; }
.brand-box .hd h2 span { margin-top: -10px; padding: 0 20px; display: inline-block; vertical-align: middle; font-weight: bold; font-size: 20px; }
.brand-box .hd h2 i { position: absolute; margin-top: 0px; top: 50%; width: 0; height: 0; }
.brand-box .hd h2 i:before,
.brand-box .hd h2 i:after { position: absolute; margin: -10px 3px auto; top: 50%; display: block; content: ""; width: 7px; height: 20px; background: #01847f; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; transform: rotate(30deg); }
.brand-box .hd h2 i:before { left: 0;}
.brand-box .hd h2 i:after { right: 0; }
.brand-box .hd h2 i:nth-child(1) { left: 0; }
.brand-box .hd h2 i:nth-child(2) { right: 0; }
.brand-box .hd h2 i:nth-child(1):after { margin-top: -6px; width: 5px; height: 12px;}
.brand-box .hd h2 i:nth-child(2):before { margin-top: -6px; width: 5px; height: 12px;}


.brand-box .hd h1 { position: relative; display: inline-block; padding: 0 1em; font-size: 32px; line-height: 48px; color: #01847f; }
.brand-box .hd h1 a { color: #01847f; }
.brand-box .hd h1 span { margin-top: -10px; padding: 0 20px; display: inline-block; vertical-align: middle; font-weight: bold; font-size: 20px; }
.brand-box .hd h1 i { position: absolute; margin-top: 0px; top: 50%; width: 0; height: 0; }
.brand-box .hd h1 i:before,
.brand-box .hd h1 i:after { position: absolute; margin: -10px 3px auto; top: 50%; display: block; content: ""; width: 7px; height: 20px; background: #01847f; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; transform: rotate(30deg); }
.brand-box .hd h1 i:before { left: 0;}
.brand-box .hd h1 i:after { right: 0; }
.brand-box .hd h1 i:nth-child(1) { left: 0; }
.brand-box .hd h1 i:nth-child(2) { right: 0; }
.brand-box .hd h1 i:nth-child(1):after { margin-top: -6px; width: 5px; height: 12px;}
.brand-box .hd h1 i:nth-child(2):before { margin-top: -6px; width: 5px; height: 12px;}
/*
.brand-box .hd h2:before,
.brand-box .hd h2:after { position: absolute; margin-top: -16px; top: 50%; display: block; content: ""; width: 3em; height: 32px; background: #fff; }
.brand-box .hd h2:before { left: 0; background-image: linear-gradient(to left, #fff, #01847f); -webkit-border-radius: 25px 0 0 25px; -moz-border-radius: 25px 0 0 25px; border-radius: 25px 0 0 25px;}
.brand-box .hd h2:after { right: 0; background-image: linear-gradient(to right, #fff, #01847f); -webkit-border-radius: 0 25px 25px 0; -moz-border-radius: 0 25px 25px 0; border-radius: 0 25px 25px 0;}
*/  
.brand-box .hd h3 { display: inline-block; position: relative; padding: 0 1em; letter-spacing: 20px; text-indent: 20px; font-weight: normal; font-size: 18px; color: #01847f; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; }
.brand-box .hd h3:before,
.brand-box .hd h3:after { position: absolute; margin-top: -1px; top: 50%; display: block; content: ""; width: 5em; height: 2px; background: #fff; }
.brand-box .hd h3:before { left: -4.0em; background-image: linear-gradient(to left, #fff, #01847f); -webkit-border-radius: 25px 0 0 25px; -moz-border-radius: 25px 0 0 25px; border-radius: 25px 0 0 25px;}
.brand-box .hd h3:after { right: -4.0em; background-image: linear-gradient(to right, #fff, #01847f); -webkit-border-radius: 0 25px 25px 0; -moz-border-radius: 0 25px 25px 0; border-radius: 0 25px 25px 0;}
.brand-box .bd {  }
.brand-box.border .bd { margin-top: 15px; padding: 30px; border: 1px solid #eee; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden;}
.brand-box.contact .bd { background: #f1f1f1; background-image: linear-gradient(to right, #ffffff, #f1f1f1); }
  
      
@media screen and (max-width: 768px) {
  .brand-box { margin: 30px 0; }
  .brand-box .hd h2 { font-size: 24px; }
  .brand-box .hd h2:before,
  .brand-box .hd h2:after { }
}
  



.brand-news { margin: -10px; max-height: 596px; overflow: hidden;} 
.brand-news li { width: calc(100%/4); float: left; } 
.brand-news li > div { position: relative; margin: 10px; height: 276px; background: #fff; overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
} 
.brand-news li > div figure { position: relative; width: 100%; height: 0; padding-bottom: 75%; overflow: hidden;} 
.brand-news li > div figure img { position: absolute; left: 0; top: 0;width: 100%; height: 100%; } 
.brand-news li > div section { padding: 15px 15px; } 
.brand-news li > div h4 { font-size: 16px; font-weight: normal; line-height: 1.5em; height: 3em; overflow: hidden;} 
.brand-news li > div p { display: none; } 
.brand-news li > div .info { margin-top: 10px; font-size: 12px; line-height: 1.5em; color: #999; } 
.brand-news li > div .hits { float: left; } 
.brand-news li > div .hits i { margin-right: 5px; } 
.brand-news li > div .date { float: right; } 
.brand-news li > div .date i { margin-right: 5px; } 

.brand-news li.none-image > div { height: 133px; } 
.brand-news li.none-image > div h4 { height: 4.5em;} 
.brand-news li.none-image > div .info { margin-top: 16px; } 


.brand-news2 { margin: -10px; } 
.brand-news2 li { width: calc(100%); float: left; } 
.brand-news2 li > div { position: relative; margin: 10px; padding: 15px; background: #fff; border: 1px solid #eee; overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
} 
.brand-news2 li > div figure { float: left; width: 220px; margin-right: 30px;} 
.brand-news2 li > div figure a { display: block; position: relative; width: 100%; height: 0; padding-bottom: 75%; overflow: hidden; } 
.brand-news2 li > div figure img { position: absolute; left: 0; top: 0;width: 100%; height: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } 
.brand-news2 li > div section { padding: 0 0 25px; } 
.brand-news2 li > div h4 { font-size: 20px; line-height: 1.5em; height: 1.5em; overflow: hidden;} 
.brand-news2 li > div p { font-size: 14px; line-height: 1.5em; } 
.brand-news2 li > div .date { position: absolute; right: 15px; bottom: 15px; font-size: 14px; line-height: 1.5em; color: #999; } 
.brand-news2 li > div .date i { margin-right: 5px; } 



.brand-interview { margin: -10px; } 
.brand-interview li { width: calc(100%); float: left; } 
.brand-interview li > div { position: relative; margin: 10px; padding: 15px; background: #fff; border: 1px solid #eee; overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
} 
.brand-interview li > div figure { float: left; width: 220px; margin-right: 30px;} 
.brand-interview li > div figure a { display: block; position: relative; width: 100%; height: 0; padding-bottom: 75%; overflow: hidden; } 
.brand-interview li > div figure img { position: absolute; left: 0; top: 0;width: 100%; height: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } 
.brand-interview li > div section { padding: 0 0 25px; } 
.brand-interview li > div h4 { font-size: 20px; line-height: 1.5em; height: 1.5em; overflow: hidden;} 
.brand-interview li > div p { font-size: 14px; line-height: 1.5em; } 
.brand-interview li > div .date { position: absolute; right: 15px; bottom: 15px; font-size: 14px; line-height: 1.5em; color: #999; } 
.brand-interview li > div .date i { margin-right: 5px; } 




.brand-special { margin: -10px; } 
.brand-special li { width: calc(100%); float: left; } 
.brand-special li > div { position: relative; margin: 10px; padding: 15px; background: #fff; border: 1px solid #eee; overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
} 
.brand-special li > div figure { float: left; width: 220px; margin-right: 30px;} 
.brand-special li > div figure a { display: block; position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; } 
.brand-special li > div figure img { position: absolute; left: 0; top: 0;width: 100%; height: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } 
.brand-special li > div section { padding: 0 0 25px; } 
.brand-special li > div h4 { margin-bottom: 10px; line-height: 1.5em; height: 1.5em; font-size: 20px; font-weight: normal; overflow: hidden;} 
.brand-special li > div p { font-size: 14px; line-height: 1.5em; } 
.brand-special li > div .date { position: absolute; right: 15px; bottom: 15px; font-size: 12px; line-height: 1.5em; color: #999; } 
.brand-special li > div .date i { margin-right: 5px; } 



.brand-trade { margin: -10px; } 
.brand-trade li { width: calc(100%); float: left; } 
.brand-trade li > div { position: relative; margin: 10px; padding: 15px; background: #fff; border: 1px solid #eee; overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
} 
.brand-trade li > div figure { float: left; width: 220px; margin-right: 30px;} 
.brand-trade li > div figure a { display: block; position: relative; width: 100%; height: 0; padding-bottom: 75%; overflow: hidden; } 
.brand-trade li > div figure img { position: absolute; left: 0; top: 0;width: 100%; height: 100%;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } 
.brand-trade li > div section { padding: 0 0 25px; } 
.brand-trade li > div h4 { margin-bottom: 10px; line-height: 1.5em; height: 1.5em; font-size: 20px; font-weight: normal; overflow: hidden;} 
.brand-trade li > div p { font-size: 14px; line-height: 1.5em; } 
.brand-trade li > div .date { position: absolute; right: 15px; bottom: 15px; font-size: 12px; line-height: 1.5em; color: #999; } 
.brand-trade li > div .date i { margin-right: 5px; } 


.brand-series { margin: 0 -10px; } 
.brand-series li { width: calc(100%/3); float: left; } 
.brand-series li > div { margin: 10px; background: #fff; overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
	box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
} 
.brand-series li > div figure { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden;} 
.brand-series li > div figure img { position: absolute; left: 0; top: 0;width: 100%; height: 100%; } 
.brand-series li > div section { padding: 15px; } 
.brand-series li > div h4 { font-size: 16px; line-height: 1.5em; height: 3em; overflow: hidden;} 
.brand-series li > div p { display: none; } 

.lin-swiper-brand { position: relative; overflow: hidden; }
.lin-swiper-brand .swiper-container { padding-bottom: 30px; }
.lin-swiper-brand .swiper-pagination { width: 100%; bottom: 0px; line-height: 1em; }
.lin-swiper-brand .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 2px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; vertical-align: middle; opacity: 1; outline: none;}
.lin-swiper-brand .swiper-pagination-bullets .swiper-pagination-bullet:hover { background-color: #01847f; }
.lin-swiper-brand .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 2px solid #01847f; background-color: #fff; }
.lin-swiper-brand .swiper-button-prev,
.lin-swiper-brand .swiper-button-next { width: 25px; height: 50px; margin-top: -40px; color: #fff; outline: none; -webkit-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s; transition:all .2s; background: rgba(0,0,0,.3); }
.lin-swiper-brand .swiper-button-prev:after,
.lin-swiper-brand .swiper-button-next:after { font-size: 20px; }
.lin-swiper-brand .swiper-button-prev:hover,
.lin-swiper-brand .swiper-button-next:hover { opacity: 0.65; }
.lin-swiper-brand .swiper-button-prev { left: -50px; -webkit-border-radius: 0 50px 50px 0; -moz-border-radius: 0 50px 50px 0; border-radius: 0 50px 50px 0; } 
.lin-swiper-brand .swiper-button-next { right: -50px; -webkit-border-radius: 50px 0 0 50px; -moz-border-radius: 50px 0 0 50px; border-radius: 50px 0 0 50px;  }

.lin-swiper-brand .swiper-slide { }
.lin-swiper-brand .swiper-slide > div { padding: 5px; border: 1px solid #eee; -webkit-border-radius: 5px;	-moz-border-radius: 5px; border-radius: 5px; }
.lin-swiper-brand .swiper-slide > div figure { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; }
.lin-swiper-brand .swiper-slide > div section { padding: 10px; }
.lin-swiper-brand .swiper-slide > div img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.lin-swiper-brand .swiper-slide > div h4 { height: 1.5em; line-height: 1.5em; text-align: center; color: #333; font-size: 16px; font-weight: bold; overflow: hidden;}
.lin-swiper-brand .swiper-slide > div p { height: 3em; line-height: 1.5em; text-align: justify; color: #999; font-size: 14px; overflow: hidden;}
.lin-swiper-brand:hover .swiper-button-prev { left: 0;}
.lin-swiper-brand:hover .swiper-button-next { right: 0;}




.lin-swiper-focus { position: relative; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; }  
.lin-swiper-focus li { float: left; width: 100%; margin-right: 10px; }  
.lin-swiper-focus li > div { position: relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; }  
.lin-swiper-focus li > div figure { position: relative; height: 0; padding-bottom: 33.3333333333%; }  
.lin-swiper-focus li > div figure img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }  
.lin-swiper-focus li > div section { position: absolute; left: 0; right: 0; bottom: 0; padding: 50px 15px 35px; color: #fff; background: -webkit-gradient(linear,0 0,0 bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.75))); }  
.lin-swiper-focus li > div section a { color: #fff; }  
.lin-swiper-focus li > div section h4 { font-size: 20px; font-weight: normal; line-height: 1.5em; height: 1.5em; overflow: hidden;}  
.lin-swiper-focus li > div section p { display: none; }  

.lin-swiper-focus { position: relative; overflow: hidden;}
.lin-swiper-focus .swiper-container { padding-bottom: 0px; }
.lin-swiper-focus .swiper-pagination { width: 100%; bottom: 10px; }
.lin-swiper-focus .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; background-color: #fff; width: 10px; height: 5px; opacity: 0.5; outline: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s; transition:all .2s; }
.lin-swiper-focus .swiper-pagination-bullets .swiper-pagination-bullet:hover { opacity: 1; }
.lin-swiper-focus .swiper-pagination-bullets .swiper-pagination-bullet-active { width: 30px; opacity: 1; }
.lin-swiper-focus .swiper-button-prev,
.lin-swiper-focus .swiper-button-next { width: 25px; height: 45px; color: #fff; outline: none; -webkit-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s; transition:all .2s; background: rgba(0,0,0,.3); }
.lin-swiper-focus .swiper-button-prev:after,
.lin-swiper-focus .swiper-button-next:after { font-size: 20px; }
.lin-swiper-focus .swiper-button-prev:hover,
.lin-swiper-focus .swiper-button-next:hover { opacity: 0.65; }
.lin-swiper-focus .swiper-button-prev { left: -50px; -webkit-border-radius: 0 50px 50px 0; -moz-border-radius: 0 50px 50px 0; border-radius: 0 50px 50px 0; } 
.lin-swiper-focus .swiper-button-next { right: -50px; -webkit-border-radius: 50px 0 0 50px; -moz-border-radius: 50px 0 0 50px; border-radius: 50px 0 0 50px;  }

.lin-swiper-focus:hover .swiper-button-prev { left: 0;}
.lin-swiper-focus:hover .swiper-button-next { right: 0;}

@media screen and (max-width: 768px) {
  .lin-swiper-focus li > div section { padding: 50px 15px 25px; }  
  .lin-swiper-focus li > div section h4 { font-size: 14px; }  
}



.lin-swiper-poster { }  
.lin-swiper-poster li { float: left; width: 20%; margin-right: 30px; }  
.lin-swiper-poster li > div { text-align: center; border: 1px solid #ddd; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; }  
.lin-swiper-poster li > div figure { position: relative; height: 0; padding-bottom: 177.77777777778%; }  
.lin-swiper-poster li > div figure img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }  
.lin-swiper-poster li > div section { padding: 15px; }  
.lin-swiper-poster li > div section h4 { font-size: 16px; font-weight: normal; line-height: 1.5em; height: 1.5em; overflow: hidden;}  
.lin-swiper-poster li > div section p { display: none; }  

.lin-swiper-poster { position: relative; overflow: hidden;}
.lin-swiper-poster .swiper-container { padding-bottom: 30px; }
.lin-swiper-poster .swiper-pagination { width: 100%; bottom: 0px; }
.lin-swiper-poster .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 2px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1; outline: none;}
.lin-swiper-poster .swiper-pagination-bullets .swiper-pagination-bullet:hover { background-color: #01847f; }
.lin-swiper-poster .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 2px solid #01847f; background-color: #fff; }
.lin-swiper-poster .swiper-button-prev,
.lin-swiper-poster .swiper-button-next { width: 25px; height: 45px; color: #fff; outline: none; -webkit-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s; transition:all .2s; background: rgba(0,0,0,.3); }
.lin-swiper-poster .swiper-button-prev:after,
.lin-swiper-poster .swiper-button-next:after { font-size: 20px; }
.lin-swiper-poster .swiper-button-prev:hover,
.lin-swiper-poster .swiper-button-next:hover { opacity: 0.65; }
.lin-swiper-poster .swiper-button-prev { left: -50px; -webkit-border-radius: 0 50px 50px 0; -moz-border-radius: 0 50px 50px 0; border-radius: 0 50px 50px 0; } 
.lin-swiper-poster .swiper-button-next { right: -50px; -webkit-border-radius: 50px 0 0 50px; -moz-border-radius: 50px 0 0 50px; border-radius: 50px 0 0 50px;  }

.lin-swiper-poster:hover .swiper-button-prev { left: 0;}
.lin-swiper-poster:hover .swiper-button-next { right: 0;}







.animate-wave-container {
    position: relative;
    width: 100%;
    height: 178px;
    bottom: 34px;
    left: 0;
    overflow: hidden;
    text-align: left
}

.wave-path1 {
    fill: url(#wave-gradient1)
}

@keyframes breath {
    0% {
        width: 5px;
        height: 5px;
        top: 5px;
        left: 5px;
        opacity: 1
    }

    50% {
        width: 15px;
        height: 15px;
        top: 0;
        left: 0;
        opacity: 0
    }

    to {
        width: 5px;
        height: 5px;
        top: 5px;
        left: 5px;
        opacity: 1
    }
}

.wave-keywords-link {
    text-decoration: none;
    display: inline-block;
    position: relative;
    z-index: 100
}

.wave-keywords-link .wave-circle-icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    position: relative;
    vertical-align: middle
}

.wave-keywords-link .wave-circle-icon-big {
    display: inline-block;
    position: absolute;
    background: #057def;
    border-radius: 50%;
    animation: breath 2s ease .1s infinite
}

.wave-keywords-link .wave-circle-icon-small {
    position: absolute;
    top: 5px;
    left: 5px;
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #057def;
    border-radius: 50%;
    opacity: 1
}

.wave-keywords-link .wave-keywords-text {
    position: absolute;
    top: 15px;
    left: 0;
    display: inline-block;
    white-space: nowrap;
    line-height: 20px;
    font-size: 12px;
    color: #5679b5;
    margin-left: 7px;
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

@keyframes wavemove {
    0% {
        left: 0
    }

    to {
        left: 100%
    }
}

@keyframes wavemoveMirror {
    0% {
        left: -100%
    }

    to {
        left: 0
    }
}

.wave-svg-s1,.wave-svg-s2,.wave-svg-s3 {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    position: absolute;
    top: 0;
    left: 0
}

.wave-svg-s1 svg,.wave-svg-s2 svg,.wave-svg-s3 svg {
    display: block
}

.wave-svg-s4,.wave-svg-s5,.wave-svg-s6 {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    position: absolute;
    top: 0;
    left: -100%
}

.wave-svg-s4 svg,.wave-svg-s5 svg,.wave-svg-s6 svg {
    display: block
}

.wave-svg-s1 {
    z-index: 10;
    animation: wavemove 40s linear .1s infinite;
    -webkit-animation: wavemove 40s linear .1s infinite;
    -moz-animation: wavemove 40s linear .1s infinite
}

.wave-svg-s2 {
    z-index: 9;
    animation: wavemove 32s linear .1s infinite;
    -webkit-animation: wavemove 32s linear .1s infinite;
    -moz-animation: wavemove 32s linear .1s infinite
}

.wave-svg-s3 {
    z-index: 8;
    animation: wavemove 28s linear .1s infinite;
    -webkit-animation: wavemove 28s linear .1s infinite;
    -moz-animation: wavemove 28s linear .1s infinite
}

.wave-svg-s4 {
    z-index: 10;
    animation: wavemoveMirror 40s linear .1s infinite;
    -webkit-animation: wavemoveMirror 40s linear .1s infinite;
    -moz-animation: wavemoveMirror 40s linear .1s infinite
}

.wave-svg-s5 {
    z-index: 9;
    animation: wavemoveMirror 32s linear .1s infinite;
    -webkit-animation: wavemoveMirror 32s linear .1s infinite;
    -moz-animation: wavemoveMirror 32s linear .1s infinite
}

.wave-svg-s6 {
    z-index: 8;
    animation: wavemoveMirror 28s linear .1s infinite;
    -webkit-animation: wavemoveMirror 28s linear .1s infinite;
    -moz-animation: wavemoveMirror 28s linear .1s infinite
}

.wave-link-s1,.wave-link-s2,.wave-link-s3 {
    left: 0
}

.wave-link-s1,.wave-link-s2,.wave-link-s3,.wave-link-s4,.wave-link-s5,.wave-link-s6 {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    position: absolute;
    width: 100%;
    z-index: 100;
    top: 0
}

.wave-link-s4,.wave-link-s5,.wave-link-s6 {
    left: -100%
}

.wave-link-s1 {
    animation: wavemove 40s linear .1s infinite;
    -webkit-animation: wavemove 40s linear .1s infinite;
    -moz-animation: wavemove 40s linear .1s infinite
}

.wave-link-s2 {
    animation: wavemove 32s linear .1s infinite;
    -webkit-animation: wavemove 32s linear .1s infinite;
    -moz-animation: wavemove 32s linear .1s infinite
}

.wave-link-s3 {
    animation: wavemove 28s linear .1s infinite;
    -webkit-animation: wavemove 28s linear .1s infinite;
    -moz-animation: wavemove 28s linear .1s infinite
}

.wave-link-s4 {
    animation: wavemoveMirror 40s linear .1s infinite;
    -webkit-animation: wavemoveMirror 40s linear .1s infinite;
    -moz-animation: wavemoveMirror 40s linear .1s infinite
}

.wave-link-s5 {
    animation: wavemoveMirror 32s linear .1s infinite;
    -webkit-animation: wavemoveMirror 32s linear .1s infinite;
    -moz-animation: wavemoveMirror 32s linear .1s infinite
}

.wave-link-s6 {
    animation: wavemoveMirror 28s linear .1s infinite;
    -webkit-animation: wavemoveMirror 28s linear .1s infinite;
    -moz-animation: wavemoveMirror 28s linear .1s infinite
}

.animate-wave-container-hover .wave-link-s1,.animate-wave-container-hover .wave-link-s2,.animate-wave-container-hover .wave-link-s3,.animate-wave-container-hover .wave-link-s4,.animate-wave-container-hover .wave-link-s5,.animate-wave-container-hover .wave-link-s6,.animate-wave-container-hover .wave-svg-s1,.animate-wave-container-hover .wave-svg-s2,.animate-wave-container-hover .wave-svg-s3,.animate-wave-container-hover .wave-svg-s4,.animate-wave-container-hover .wave-svg-s5,.animate-wave-container-hover .wave-svg-s6 {
    animation-play-state: paused;
    -webkit-animation-play-state: paused
}



 
      
@media screen and (max-width: 768px) {
  .footer { display: none;}
}