/* Basic ======================================================================*/
.title { font-family: 'MyriadPro'; font-size: 26px; color: #2D447B; margin-bottom: 30px; text-align: center; font-weight: normal; }
.title span { color: #373737; }

.subtitle { font-family: 'MyriadPro'; color: #496098; text-align: center; font-size: 22px; margin-bottom: 25px; font-weight: normal; }

/* Banner =====================================================================*/
.banner {overflow: hidden;height:auto; }
.banner .wrap { max-width: 100%;width: 100%; position: relative;padding:0; }

.owl-idxbanner.owl-theme:before, .owl-idxbanner.owl-theme:after { position: absolute; top: 0px; z-index: 3; content: ''; width: 150px; height: 100%; }
.owl-idxbanner.owl-theme .owl-dots { display: flex; flex-direction: column; justify-content: center; z-index: 5; width: auto; height: 100%; position: absolute; right: -45px; bottom: 0px; }
.owl-idxbanner.owl-theme .owl-dots .owl-dot { margin: 8px 0; }
.flexslider-banner .flex-control-paging li a:hover { background: rgba(122, 160, 255, 0.9); }
.flexslider-banner .flex-control-paging li a.flex-active { background: #2D447B; }
.owl-idxbanner.owl-theme .owl-dots .owl-dot.active span { background: #1edf96; }

.slogan { display: flex; justify-content: center; align-items: center; position: absolute; left: 0px; width: 100%; height: 100%; z-index: 99; pointer-events: none; }
.slogan h1 { color: #fff; font-weight: normal; text-align: center; font-family: 'OpenSans'; }
.slogan [class*="font"] { display: block; padding: 10px 0; }
.slogan .fontBig { font-size: 62px; line-height: 62px; }
.slogan .fontMin { font-size: 48px; line-height: 48px; }
.slogan .fontSml { font-size: 18px; line-height: 18px; }
.slogan .green { color: #0EDC94; }
.slogan .bothLine { display: flex; justify-content: center; align-items: center; }
.slogan .bothLine:before, .slogan .bothLine:after { content: ''; background: #0EDC94; width: 25px; height: 1px; }
.slogan .bothLine:before { margin-right: 30px; }
.slogan .bothLine:after { margin-left: 30px; }
@media only screen and (min-width: 992px){.banner{max-height:85vh;}}

/* Products ===================================================================*/
.idx-products { text-align: center; }
.idx-products .wrap { max-width: 725px; font-size: 18px; padding: 75px 0 50px 0; }

.idxpro-wrap { width: 83.33333%; margin: 0 auto 40px auto; }
.idxpro-wrap .owl-theme .owl-nav { margin-top: 0px; position: absolute; top: calc(50% - 45px); width: 100%; }
.idxpro-wrap .owl-theme .owl-nav [class*=owl-] { position: absolute; background: transparent; margin: 0px; padding: 0px; transition: all .2s; }
.idxpro-wrap .owl-theme .owl-nav [class*=owl-]:before { font-family: FontAwesome; content: ''; }
.idxpro-wrap .owl-theme .owl-nav [class*=owl-]:hover { background: transparent; opacity: .5; }
.idxpro-wrap .owl-theme .owl-nav .owl-prev { left: -60px; }
.idxpro-wrap .owl-theme .owl-nav .owl-prev:before { content: url("../images/owl/btn-idxpro-prev.png"); }
.idxpro-wrap .owl-theme .owl-nav .owl-next { right: -60px; }
.idxpro-wrap .owl-theme .owl-nav .owl-next:before { content: url("../images/owl/btn-idxpro-next.png"); }
.idxpro-wrap .idxpro-pic { display: flex; flex-direction: column; }
.idxpro-wrap .idxpro-pic a { display: block; max-width: 400px; overflow: hidden; position: relative; }
.idxpro-wrap .idxpro-pic a img { width: auto; margin: 0 auto; max-height: 155px; }
.idxpro-wrap .idxpro-pic a:hover .mask { opacity: 1; }
.idxpro-wrap .idxpro-pic a:hover .mask:before { transform: scale(1); }
.idxpro-wrap .idxpro-pic .mask { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(85, 85, 85, 0.9); color: #fff; font-size: 20px; font-weight: normal; margin: 0px; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: all .3s; opacity: 0; }
.idxpro-wrap .idxpro-pic .mask:before { content: '\f06e'; font-family: FontAwesome; font-size: 16px; border: 1px solid #fff; border-radius: 100%; width: 35px; height: 35px; margin-bottom: 15px; display: flex; justify-content: center; align-items: center; transition: all .35s; transform: scale(0.5); }

/* About ======================================================================*/
.idx-about .wrap { max-width: 870px; padding: 40px 0 50px 0; font-size: 15px; }

.idx-iso { width: 100%; display: flex; justify-content: center; margin: 50px 0 30px 0; }

/* Application ================================================================*/
.idx-application { background: url("../images/idx-application-bg.jpg") no-repeat center fixed; background-size: cover; padding: 50px 0 80px 0; }
.idx-application .wrap{width:100%;max-width:1175px;margin:0 auto;}
.idx-application-list { display: flex; padding-top: 10px; }
.idx-application-list li { width: calc(100%/4); padding: 0 5%; }
.idx-application-list li:hover .pic { border-color: white; }
.idx-application-list li:hover .pic:before { border-color: rgba(102, 102, 102, 0.9); transform: scale(1.2); opacity: 0; }
.idx-application-list a { display: flex; flex-direction: column; }
.idx-application-list a span { display: block; }
.idx-application-list a .pic { width: 100%; height: 100%; max-width: 130px; max-height: 130px; margin: 0 auto; margin-bottom: 40px; border: 2px solid rgba(255, 255, 255, 0.2); border-radius: 100%; position: relative; transition: all .2s; }
.idx-application-list a .pic:before { content: ''; position: absolute; top: -2px; left: -2px; width: 100%; height: 100%; border: 2px solid rgba(255, 255, 255, 0); border-radius: 100%; opacity: 1; transform: scale(1); transition: all .3s; }
.idx-application-list a .name { color: #fff; font-family: 'OpenSans'; font-size: 18px; text-align: center; font-weight: normal; }

/* News =======================================================================*/
.idx-news .wrap { max-width: 1020px; margin-top: 70px; }

.idx-news-box { display: flex; flex-wrap: wrap; padding-top: 20px; }
.idx-news-box .time { font-size: 18px; color: #ababab; margin-bottom: 10px; display: block; }
.idx-news-box .title { font-size: 19px; color: #496098; text-align: left; margin-bottom: 10px; line-height: 28px; display: block; }
.idx-news-box .text { color: #7c7c7c; font-size: 14px; line-height: 24px; display: block; }

.idx-news-main {width: 30%;max-width:305.99px;display: inline-block;background:#e1e3e7;text-align:center;margin:0 auto;padding:20px;}
.idx-news-main figure {width: 100%;}
.idx-news-main .content { padding-left: 20px; text-align:left;}

.idx-news-submain { width: 45%; }
.idx-news-submain .list { margin-bottom: 30px; padding-left: 30px; }
.idx-news-submain .time { font-size: 17px; margin-bottom: 8px; }
.idx-news-submain .title { font-size: 18px; margin-bottom: 8px; line-height: 24px; font-weight: 400; }
.idx-news-submain .text { font-size: 14px; line-height: 20px; }

.news-btnbox { width: 100%; margin: 80px 0 110px 0; display: flex; justify-content: center; }

@media only screen and (max-width: 1440px) { .flexslider-banner .flex-control-nav { right: 1%; } }
@media only screen and (max-width: 1024px) { .idx-about .wrap, .idx-news .wrap { padding: 0 5%; } }
@media only screen and (max-width: 992px) { 
  .idx-products .wrap{width:100%;max-width:100%;}
  .idxpro-wrap{width:80%;}
  .idx-about .wrap{width:100%;box-sizing:border-box;}
  .idx-application{width:100%;box-sizing:border-box;}
  .idx-application .wrap{width:100%;box-sizing:border-box;}
  .idx-application-list{flex-wrap:wrap;}
  .idx-application-list li {width:40%;padding: 0;margin:30px auto; }
  .idx-news-box { flex-direction: column; }
  .idx-news-main { width: 100%; margin-bottom: 30px; }
  .idx-news-submain { width: 100%; }
  .idx-news-submain .list { padding-left: 0px; } }
@media only screen and (max-width: 585px) {.idxpro-wrap{width:100%;}}  
@media only screen and (max-width: 480px) { .slogan h1 { padding-top: 30px; }
  .slogan .fontBig { font-size: 30px; line-height: 30px; }
  .slogan .fontMin { font-size: 20px; line-height: 20px; }
  .slogan .fontSml { font-size: 12px; line-height: 12px; }
  .idxpro-wrap { width: 100%; }
  .idxpro-wrap .owl-theme .owl-nav { display: none; }
  .idx-application-list { flex-wrap: wrap; }
  .idx-application-list li { width: 100%;margin-bottom: 40px; }
  .idx-application-list a .pic { margin-bottom: 20px; }
  .idx-news-main { flex-direction: column; }
  .idx-news-main figure { margin: 0 auto; }
  .idx-news-main .content { padding-left: 0px; } }
@media only screen and (max-width: 375px) { .slogan .fontBig { font-size: 20px; line-height: 20px; }
  .slogan .fontMin { font-size: 16px; line-height: 16px; }
  .slogan .fontSml { font-size: 12px; line-height: 12px; }
  .flexslider-banner .flex-control-nav { display: none; } }