@font-face { font-family: "Poppins"; src: url(""); src: url("poppins-light.woff2") format("woff2"), url("poppins-light.woff") format("woff"), url("poppins-light.ttf") format("truetype"), url("") format("svg"), url("") format("embedded-opentype"); font-weight: 100; font-style: normal; }
@font-face { font-family: "Poppins"; src: url(""); src: url("poppins.woff2") format("woff2"), url("poppins.woff") format("woff"), url("poppins.ttf") format("truetype"), url("") format("svg"), url("") format("embedded-opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: "Poppins"; src: url(""); src: url("Poppins-Bold.woff2") format("woff2"), url("Poppins-Bold.woff") format("woff"), url("Poppins-Bold.ttf") format("truetype"), url("") format("svg"), url("") format("embedded-opentype"); font-weight: bold; font-style: normal; }

/*reset */
html { font-size: 16px; }
body { width: 100%; font-size: 1rem; line-height: 2; font-family: "Poppins", "Microsoft JhengHei", sans-serif; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
html, body { height: 100%; margin: 0; }
a, a:visited, a:hover, a:focus, a:active { text-decoration: none; outline: none; }
*:focus, *:active { outline: 0; }
h1, h2, h3, h4, h5, h6 {  /*font-size: 100%;*/ font-weight: normal; }
label { font-weight: inherit; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; outline: 0; }
textarea { resize: vertical; }
ol.reset, ul.reset { margin: 0; padding: 0; list-style: none; }
input, button, textarea, select { *font-size: 100%; }
code, kbd, samp, tt { font-size: 100%; }
*, *:after, *::before { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/*覆蓋新版Bootstrap*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  line-height: 1.1;
}
.h1, .h2, .h3, h1, h2, h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
img, .img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
ol, ul {
  margin-top: 0;
  margin-bottom: 10px;
}
p {
  margin: 0 0 10px;
}

/*scroll-view */
.scroll-fade { opacity: 0; -moz-transition: opacity 0.8s, -moz-transform 0.8s; -o-transition: opacity 0.8s, -o-transform 0.8s; -webkit-transition: opacity 0.8s, -webkit-transform 0.8s; transition: opacity 0.8s, transform 0.8s; }
.scroll-fade.scroll-view { opacity: 1; }
.scroll-fade-down { -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -webkit-transform: translateY(-50px); transform: translateY(-50px); opacity: 0; -moz-transition: opacity 0.8s, -moz-transform 0.8s; -o-transition: opacity 0.8s, -o-transform 0.8s; -webkit-transition: opacity 0.8s, -webkit-transform 0.8s; transition: opacity 0.8s, transform 0.8s; }
.scroll-fade-down.scroll-view { opacity: 1; }
.scroll-fade-down.scroll-view { -moz-transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); }
.scroll-fade-up { -moz-transform: translateY(50px); -ms-transform: translateY(50px); -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; -moz-transition: opacity 0.8s, -moz-transform 0.8s; -o-transition: opacity 0.8s, -o-transform 0.8s; -webkit-transition: opacity 0.8s, -webkit-transform 0.8s; transition: opacity 0.8s, transform 0.8s; }
.scroll-fade-up.scroll-view { opacity: 1; }
.scroll-fade-up.scroll-view { -moz-transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); }
.scroll-fade-left { -moz-transform: translateX(50px); -ms-transform: translateX(50px); -webkit-transform: translateX(50px); transform: translateX(50px); opacity: 0; -moz-transition: opacity 0.8s, -moz-transform 0.8s; -o-transition: opacity 0.8s, -o-transform 0.8s; -webkit-transition: opacity 0.8s, -webkit-transform 0.8s; transition: opacity 0.8s, transform 0.8s; }
.scroll-fade-left.scroll-view { opacity: 1; }
.scroll-fade-left.scroll-view { -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); }
.scroll-fade-right { -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); -webkit-transform: translateX(-50px); transform: translateX(-50px); opacity: 0; -moz-transition: opacity 0.8s, -moz-transform 0.8s; -o-transition: opacity 0.8s, -o-transform 0.8s; -webkit-transition: opacity 0.8s, -webkit-transform 0.8s; transition: opacity 0.8s, transform 0.8s; }
.scroll-fade-right.scroll-view { opacity: 1; }
.scroll-fade-right.scroll-view { -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); }
#infscr-loading { position: absolute; z-index: 100; width: 150px; color: #fff; background: #000; border-radius: 5px; opacity: 0.5; text-align: center; left: 50%; bottom: 120px; margin-left: -75px; padding: 10px; font-size: 0.95rem; }

/*scrollUp */
#scrollUp { position: fixed; z-index: 998; opacity: 0; bottom: 30px; right: 30px; width: 40px; height: 40px; line-height: 35px; border: 2px solid #fff; border-radius: 50%; color: #fff; text-align: center; background: rgba(0, 0, 0, 0.5); font-size: 1rem; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }
#scrollUp.show { opacity: 1; }
@media only screen and (max-width:990px) {
  #scrollUp { bottom: 20px; right: 5px; }
}

/*header */
.header { width: 100%; position: fixed; top: 0; left: 0; z-index: 999; background: rgba(0, 0, 0, 0.8); }
.header .logo { float: left; padding: 15px 30px; position: relative; z-index: 3; margin: 0; }
.header .logo a { width: 255px; height: 55px; display: block; background: url("logo.png") no-repeat; background-size: 100% auto; text-indent: -999px; }
.header.fixed { background: #fff; box-shadow: 0 1px 0 #ddd; -moz-transition: ease 0.5s; -o-transition: ease 0.5s; -webkit-transition: ease 0.5s; transition: ease 0.5s; }
.header.fixed .logo { margin: 0; -moz-transition: ease 0.5s; -o-transition: ease 0.5s; -webkit-transition: ease 0.5s; transition: ease 0.5s; }
.header.fixed .logo a { background-position: 0 100%; }
.header .menu > ul > li.contact a { padding: 21px 30px; }
@media only screen and (min-width:991px) {
  .header .menu { float: right; }
  .header .menu > ul { font-size: 0; }
  .header .menu > ul > li { text-align: center; position: relative; display: inline-block; vertical-align: top; font-size: 1.125rem; }
  .header .menu > ul > li.contact { background: #86a5b7; -moz-transition: background 0.3s; -o-transition: background 0.3s; -webkit-transition: background 0.3s; transition: background 0.3s; }
  .header .menu > ul > li.contact a { color: #fff !important; line-height: 1.5; }
  .header .menu > ul > li.contact a i { font-size: 1.25rem; }
  .header .menu > ul > li.contact:hover { background: #1a334a; }
  .header .menu > ul > li:after { content: ""; position: absolute; bottom: 0; left: 20%; width: 60%; height: 2px; background: #86a5b7; -moz-transform: scaleX(0); -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; }
  .header .menu > ul > li > a { color: #fff; display: block; padding: 30px; }
  .header .menu > ul > li > a p { margin: 0; /* position: relative; */ }
  .header .menu > ul > li > a p:before { content: attr(data-tit); position: absolute; left: 50%; top: 50%; width: 100%; /* padding: 0 -30px; */ line-height: 1; opacity: 0; text-align: center; -moz-transform: translate(-50%, -200%); -ms-transform: translate(-50%, -200%); -webkit-transform: translate(-50%, -200%); transform: translate(-50%, -200%); -moz-transition: opacity 0.3s, -moz-transform 0.3s; -o-transition: opacity 0.3s, -o-transform 0.3s; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; }
  .header .menu > ul > li > a p span { display: block; -moz-transition: opacity 0.3s, -moz-transform 0.3s; -o-transition: opacity 0.3s, -o-transform 0.3s; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; }
  .header .menu > ul > li:hover > a p:before { opacity: 1; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .header .menu > ul > li.contact:hover > a p:before { -moz-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); }
  .header .menu > ul > li:hover > a p span { opacity: 0; -moz-transform: translate(0%, 100%); -ms-transform: translate(0%, 100%); -webkit-transform: translate(0%, 100%); transform: translate(0%, 100%); }
  .header .menu > ul > li:hover:after { -moz-transform: scaleX(1); -ms-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); }
  .header .menu > ul > li ul { position: absolute; min-width: 100%; top: 100%; left: 50%; text-align: center; padding: 0 10px; opacity: 0; -moz-transform: scale(0) translateX(-50%); -ms-transform: scale(0) translateX(-50%); -webkit-transform: scale(0) translateX(-50%); transform: scale(0) translateX(-50%); -moz-transition: opacity 1s; -o-transition: opacity 1s; -webkit-transition: opacity 1s; transition: opacity 1s; }
  .header .menu > ul > li ul li { display: block; padding: 5px 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.15); font-size: 1.125rem; white-space: nowrap; background: rgba(134, 165, 183, 0.9); -moz-transition: background 1s; -o-transition: background 1s; -webkit-transition: background 1s; transition: background 1s; }
  .header .menu > ul > li ul li a { color: #fff; display: block; }
  .header .menu > ul > li ul li:hover { background: #1a334a; }
  .header .menu > ul > li:hover ul { opacity: 1; -moz-transform: scale(1) translateX(-50%); -ms-transform: scale(1) translateX(-50%); -webkit-transform: scale(1) translateX(-50%); transform: scale(1) translateX(-50%); }
  .header.fixed .menu > ul > li > a { color: #000; }
  .header a.switch { display: none !important; }
}
@media screen and (max-width:1300px) {
  .header .menu > ul > li > a { padding: 30px 22px; }
}
@media screen and (max-width:1200px) {
  .header .logo { padding: 15px 20px; }
  .header .logo a { width: 200px; height: 45px; }
  .header .menu { max-width: calc(100% - 240px); }
  .header .menu > ul > li > a { padding: 27px 12px; }
  .header .menu > ul > li.contact a { padding: 18px 14px; }
}
@media screen and (max-width:990px) {
  .header .menu { position: fixed; top: 75px; left: 100%; z-index: 2; width: 100%; max-width: inherit; max-height: calc(100vh - 75px); background: #fff; padding: 30px 40px; border-top: 1px solid #ddd; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); overflow-y: auto; overflow-x: hidden; -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -webkit-transform: scale(0, 0); transform: scale(0, 0); -moz-transition: left 0.3s, -moz-transform 0s 0.5s; -o-transition: left 0.3s, -o-transform 0s 0.5s; -webkit-transition: left 0.3s, -webkit-transform 0s; -webkit-transition-delay: 0s, 0.5s; transition: left 0.3s, transform 0s 0.5s; }
  .header .menu > ul > li > a { display: block; padding: 15px; color: #000; border-bottom: 1px solid #ddd; }
  .header .menu > ul > li > a p { margin: 5px 0 0 0; }
  .header .menu > ul > li > a p:before { content: attr(data-tit); display: inline-block; float: right; font-size: 0.825rem; opacity: 0.3; }
  .header .menu > ul > li > a p span {    /* float: right; font-size: 0.825rem; opacity: 0.3;  */ }
  .header .menu > ul > li > a.on { background: #1a334a; color: #fff; }
  .header .menu > ul > li ul { display: none; }
  .header .menu > ul > li ul li a { display: block; padding: 5px 15px; color: #000; background: #eee; border-bottom: 1px solid #fff; }
  .header .menu > ul > li.contact a i { display: none; }
  .header .menu.active { left: 0%; -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); -moz-transition: left 0.3s 0.1s, -moz-transform 0s; -o-transition: left 0.3s 0.1s, -o-transform 0s; -webkit-transition: left 0.3s, -webkit-transform 0s; -webkit-transition-delay: 0.1s, 0s; transition: left 0.3s 0.1s, transform 0s; }
  .header a.switch { font-size: 0; width: 75px; height: 75px; float: right; display: block; padding: 15px; background: #86a5b7; }
  .header a.switch .line1, .header a.switch .line2, .header a.switch .line3 { width: 45px; height: 2px; background: #fff; display: block; }
  .header a.switch span { position: absolute; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
  .header a.switch .line1 { margin-top: -8px; -moz-transition: margin 0.3s 0.3s, -moz-transform 0.3s; -o-transition: margin 0.3s 0.3s, -o-transform 0.3s; -webkit-transition: margin 0.3s, -webkit-transform 0.3s; -webkit-transition-delay: 0.3s, 0s; transition: margin 0.3s 0.3s, transform 0.3s; }
  .header a.switch .line2 { -moz-transition: width 0.3s; -o-transition: width 0.3s; -webkit-transition: width 0.3s; transition: width 0.3s; }
  .header a.switch .line3 { margin-top: 8px; -moz-transition: margin 0.3s 0.3s, -moz-transform 0.3s; -o-transition: margin 0.3s 0.3s, -o-transform 0.3s; -webkit-transition: margin 0.3s, -webkit-transform 0.3s; -webkit-transition-delay: 0.3s, 0s; transition: margin 0.3s 0.3s, transform 0.3s; }
  .header a.switch.on .line1 { margin-top: 0px; -moz-transition: margin 0.3s, -moz-transform 0.3s 0.3s; -o-transition: margin 0.3s, -o-transform 0.3s 0.3s; -webkit-transition: margin 0.3s, -webkit-transform 0.3s; -webkit-transition-delay: 0s, 0.3s; transition: margin 0.3s, transform 0.3s 0.3s; -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); }
  .header a.switch.on .line2 { width: 0; }
  .header a.switch.on .line3 { margin-top: 0px; -moz-transition: margin 0.3s, -moz-transform 0.3s 0.3s; -o-transition: margin 0.3s, -o-transform 0.3s 0.3s; -webkit-transition: margin 0.3s, -webkit-transform 0.3s; -webkit-transition-delay: 0s, 0.3s; transition: margin 0.3s, transform 0.3s 0.3s; -moz-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); }
}
@media only screen and (max-width:640px) {
  .header .menu { padding: 30px; }
  .header .menu > ul > li > a { padding: 10px 15px; }
  .header a.switch { width: 60px; height: 75px; padding: 15px; }
  .header a.switch .line1, .header a.switch .line2, .header a.switch .line3 { width: 30px; }
}
@media only screen and (max-width:480px) {
  .header .logo { padding: 7px 10px; }
  .header .menu { top: 60px; max-height: calc(100vh - 60px); }
  .header a.switch { height: 60px; }
}

/*footer */
.footer { text-align: center; background: #1a334a; font-size: 0; padding-top: 2%; }
.footer .left-box, .footer .right-subscribe { display: inline-block; padding: 10px; font-size: 1rem; vertical-align: top; color: #fff; }
.footer .left-box { width: 60%; border-right: 1px solid rgba(255, 255, 255, 0.2); }
.footer .right-subscribe { width: 40%; text-align: left; padding: 15px 50px 0; position: relative; font-size: 0 }
.footer .right-subscribe .subject { line-height: 26px; font-size: .9375rem; color: #84959e; text-transform: uppercase; margin-bottom: 5px }
.footer .right-subscribe .submit, .footer .right-subscribe .unsubscribe { display: inline-block; vertical-align: middle; height: 40px; line-height: 40px; font-size: .8125rem; text-align: center; color: #fff; border: none; background: #000; overflow: hidden; }
.footer .right-subscribe .submit { width: 70% }
.footer .right-subscribe .submit .fa { margin-left: 5px; display: inline-block; }
.footer .right-subscribe .unsubscribe { background: #666; width: 30%; vertical-align: middle; }
.footer .right-subscribe .unsubscribe-email { width: 100%; display: inline-block; vertical-align: middle; display: none; font-size: 0 }
.footer .right-subscribe .unsubscribe-email input { border: 0; width: calc(100% - 60px); padding: 0 10px; line-height: 40px; height: 40px; font-size: .8125rem; color: #222 }
.footer .right-subscribe .unsubscribe-email .btns { border: 1px solid #000; background: #000; width: 60px; padding: 0; line-height: 40px; height: 40px; font-size: .8125rem; }
.footer .info { font-size: 0; }
.footer .info .col { margin: 3px 0; vertical-align: top; }
.footer .info .col .title, .footer .info .col .content { display: inline-block; vertical-align: middle; font-size: 0.875rem; color: #fff; }
.footer .info .col .title p, .footer .info .col .content p { margin: 0 5px; display: inline-block; height: 28px; line-height: 28px; }
.footer .info .col .title { border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 5px; padding: 0 4px; width: 120px; height: 30px; line-height: 30px; display: inline-block; }
.footer .info .col .title .t2 { border-left: 1px solid rgba(255, 255, 255, 0.2); padding-left: 10px; }
.footer .info .col .content { text-align: left; padding-left: 25px; width: calc(100% - 120px); }
.footer .info .col .content p { line-height: 1.5; color: #d2d2d2 }
.footer .info .col .content p span { display: inline-block; }
.footer .info .col .content p a { color: #d2d2d2; margin-right: 10px; }
.footer .info .col .content p a:before { content: 'TEL : '; font-size: 0.5rem; display: inline-block; margin-right: 3px; }
.footer .info .col .content p:nth-child(2):before { content: 'ADD : '; font-size: 0.3rem; display: inline-block; margin-right: 3px; }
.footer .copyright { border-top: 1px solid rgba(255, 255, 255, 0.15); color: #fff; padding: 15px; font-size: 0.875rem; }
.footer .copyright a { color: #fff; display: inline-block; vertical-align: middle; }
.footer .copyright a:hover { opacity: 0.8; text-decoration: underline; }
.footer .copyright .social-icon { font-size: 0; width: 25px; height: 25px; margin: 2px; display: inline-block; background: url("social-icon.png") no-repeat; background-size: auto 200%; }
.footer .copyright .social-icon.fb { background-position: 0 100%; }
.footer .copyright .social-icon.tube { background-position: 100% 100%; }
@media only screen and (max-width:1199px) {
  .footer .left-box { width: 72%; }
  .footer .right-subscribe { width: 28%; padding: 10px 15px 0; }
  .footer .right-subscribe .submit { width: 65% }
  .footer .right-subscribe .unsubscribe { width: 35%; }
  .footer .right-subscribe .unsubscribe-email { }
  .footer .info .col .content { padding-left: 10px }
  .footer .info .col .content p a { margin-right: 0 }
}
@media only screen and (max-width:990px) {
  .footer .left-box { display: block; border-right: 0; width: 100% }
  .footer .right-subscribe { display: block; width: 100%; padding: 10px; }
  .footer .right-subscribe .wrap, .footer .right-subscribe .subject { width: 110px; display: inline-block; vertical-align: middle; }
  .footer .right-subscribe .subject { margin-bottom: 0; }
  .footer .right-subscribe .wrap { width: calc(50% - 55px); margin-right: 10px }
  .footer .right-subscribe .unsubscribe-email { position: absolute; right: 0; top: 10px; width: calc(50% - 65px); }
  .footer .info { padding: 15px 0; }
  .footer .info .col { width: 100%; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 15px 0; margin: 0; }
  .footer .info .col .content p a { text-decoration: underline; }
}
@media only screen and (max-width:640px) {
  .footer { padding-top: 0 }
  .footer .left-box { padding: 0; }
  .footer .right-subscribe { padding: 0 0 10px 0; }
  .footer .info .col .title { display: block; margin: 0 auto 10px; }
  .footer .info .col .content { display: block; width: 100%; text-align: center }
  .footer .right-subscribe .subject { display: block; width: 100%; text-align: center; margin: 10px auto 0; }
  .footer .right-subscribe .wrap { width: 100%; margin-right: 0 }
  .footer .right-subscribe .unsubscribe-email { top: 68px; width: 100%; }
}
@media only screen and (max-width:480px) {
  .footer .info .col .content { font-size: 0.825rem; }
  .footer .info .col .content p:nth-child(2):before { display: none; }
}
.side { position: fixed; right: 10px; top: 120px; z-index: 990; }
.side .social-icon { font-size: 0; width: 35px; height: 35px; border-radius: 50%; margin: 7px; display: block; background: url("social-icon.png") no-repeat; background-size: auto 200%; }
.side .social-icon.fb { background-position: 0 100%; background-color: #39529b; }
.side .social-icon.tube { background-position: 100% 100%; background-color: #f10000; }
.side .social-icon.line { background: url("icon-white-line.png") no-repeat #08d80d center center; background-size: auto 75%; }
@media only screen and (min-width:991px) {
  .side .social-icon { position: relative; }
  .side .social-icon:before { content: ""; position: absolute; left: -5%; top: -5%; right: -5%; bottom: -5%; border-radius: 50%; -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -webkit-transform: scale(0, 0); transform: scale(0, 0); -moz-transition: -moz-transform 0.25s; -o-transition: -o-transform 0.25s; -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s; }
  .side .social-icon.fb:before { border: 1px solid #39529b; }
  .side .social-icon.tube:before { border: 1px solid #f10000; }
  .side .social-icon.line:before { border: 1px solid #08d80d; }
  .side .social-icon:hover:before { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); }
}
@media only screen and (max-width:990px) {
  .side { right: 0px; top: 100px; }
}
@media only screen and (max-width:480px) {
  .side { top: 80px; }
}

/*gobal */
.hover-effect { position: relative; }
.hover-effect:before, .hover-effect:after { content: ""; top: 0; bottom: 0; position: absolute; width: 100%; z-index: 10; -moz-transition: width 0.6s; -o-transition: width 0.6s; -webkit-transition: width 0.6s; transition: width 0.6s; }
.hover-effect:before { right: 0; background: #86a5b7; }
.hover-effect:after { left: 0; background: #fff; opacity: 0.3; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
.hover-effect.scroll-view:before, .hover-effect.scroll-view:after { width: 0%; }
.hover-btn { font-size: 0 !important; position: relative; }
.hover-btn:after { content: ""; width: 0%; height: 1px; display: block; position: absolute; left: 0; top: 50%; opacity: 0.2; z-index: 1; -moz-transition: width 0.6s; -o-transition: width 0.6s; -webkit-transition: width 0.6s; transition: width 0.6s; }
.hover-btn span { display: inline-block; font-size: 1rem; pointer-events: none; position: relative; z-index: 2; }
@media only screen and (min-width:991px) {
  .hover-btn:hover:after { -webkit-animation: more 0.6s 0.001s ease forwards; -moz-animation: more 0.6s 0.001s ease forwards; -ms-animation: more 0.6s 0.001s ease forwards; -o-animation: more 0.6s 0.001s ease forwards; animation: more 0.6s 0.001s ease forwards; }
  .hover-btn span.up { -webkit-animation: rotate 0.6s 0.001s ease forwards; -moz-animation: rotate 0.6s 0.001s ease forwards; -ms-animation: rotate 0.6s 0.001s ease forwards; -o-animation: rotate 0.6s 0.001s ease forwards; animation: rotate 0.6s 0.001s ease forwards; }
}
@-webkit-keyframes rotate {
  0% { opacity: 0; -moz-transform: rotateX(0); -webkit-transform: rotateX(0); transform: rotateX(0); }
  100% { opacity: 1; -moz-transform: rotateX(360deg); -webkit-transform: rotateX(360deg); transform: rotateX(360deg); }
}
@-moz-keyframes rotate {
  0% { opacity: 0; -moz-transform: rotateX(0); -webkit-transform: rotateX(0); transform: rotateX(0); }
  100% { opacity: 1; -moz-transform: rotateX(360deg); -webkit-transform: rotateX(360deg); transform: rotateX(360deg); }
}
@keyframes rotate {
  0% { opacity: 0; -moz-transform: rotateX(0); -webkit-transform: rotateX(0); transform: rotateX(0); }
  100% { opacity: 1; -moz-transform: rotateX(360deg); -webkit-transform: rotateX(360deg); transform: rotateX(360deg); }
}
.g-title { text-align: center; padding-top: 50px; margin-bottom: 50px; position: relative; }
.g-title:before { content: ""; position: absolute; left: 50%; top: 0; width: 1px; height: 0; background: #86a5b7; display: block; color: #222; line-height: 1.5; -moz-transition: height 0.35s 0.25s; -o-transition: height 0.35s 0.25s; -webkit-transition: height 0.35s; -webkit-transition-delay: 0.25s; transition: height 0.35s 0.25s; }
.g-title .t1 { font-size: 2rem; font-weight: bold; text-transform: uppercase; margin: 0; }
.g-title .t2 { font-size: 1.312rem; margin: 0; -moz-transition-delay: 0.75s; -o-transition-delay: 0.75s; -webkit-transition-delay: 0.75s; transition-delay: 0.75s; }
.g-title .t1, .g-title .t2 { opacity: 0; margin-top: 30px; -moz-transition: opacity 0.5s 0.5s, margin 0.5s 0.5s; -o-transition: opacity 0.5s 0.5s, margin 0.5s 0.5s; -webkit-transition: opacity 0.5s, margin 0.5s; -webkit-transition-delay: 0.5s, 0.5s; transition: opacity 0.5s 0.5s, margin 0.5s 0.5s; }
.g-title.scroll-view:before { height: 45px; }
.g-title.scroll-view .t1, .g-title.scroll-view .t2 { opacity: 1; margin: 0; }
.g-title.scroll-view .t2.small { font-size: 1rem; }
@media only screen and (max-width:640px) {
  .g-title .t1 { font-size: 1.5rem; }
  .g-title .t2 { font-size: 1rem; }
}
.container-1400 { max-width: 1400px; margin: auto; padding: 0 15px; }
.g-wrap { overflow: hidden; }
.g-wrap .main { background: #fff; position: relative; z-index: 2; }
.p-pager { text-align: center; margin: 30px 0; }
.p-pager li { display: inline-block; vertical-align: top; }
.p-pager li.num { width: 30px; height: 30px; background: #fff; border: 1px solid #ddd; margin: 0 6px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.p-pager li.num a { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.p-pager li a { font-size: 0.95rem; line-height: 30px; text-align: center; display: block; margin: 0 8px; color: #222; }
.p-pager li.current.num, .p-pager li:hover.num { background: #86a5b7; }
.p-pager li.current a, .p-pager li:hover a { color: #fff; }
.p-pager li.prev.disabled a, .p-pager li.next.disabled a { color: #ddd !important; cursor: not-allowed; }
.p-pager li.prev a, .p-pager li.next a { border: none; background: none; color: #666; font-size: 1rem; }
.p-pager li.prev a:hover, .p-pager li.next a:hover { color: #000; }
@media screen and (max-width:480px) {
  .p-pager a { font-size: 0.8rem; }
  .p-pager a.prev { float: left; }
  .p-pager a.next { float: right; }
}

/*index */
#index .banner { position: relative; width: 100%; height: 100vh; overflow: hidden; }
#index .banner .slider-cover { position: relative; z-index: 1; height: 100%; }
#index .banner .slider-cover div { height: 100%; }
#index .banner .slider-cover .item a { display: block; width: 100%; height: 100%; position: relative; }
#index .banner .slider-cover .item a .bgimg { position: absolute; z-index: 0; width: 100%; top: 0; left: 0; overflow: hidden; }
#index .banner .slider-cover .item a .bgimg .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; opacity: 0; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition: opacity 2.5s, -webkit-transform 2.5s cubic-bezier(0.7, 0, 0.3, 1); transition: opacity 2.5s, -webkit-transform 2.5s cubic-bezier(0.7, 0, 0.3, 1); -o-transition: transform 2.5s cubic-bezier(0.7, 0, 0.3, 1), opacity 2.5s; transition: transform 2.5s cubic-bezier(0.7, 0, 0.3, 1), opacity 2.5s; transition: transform 2.5s cubic-bezier(0.7, 0, 0.3, 1), opacity 2.5s, -webkit-transform 2.5s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
#index .banner .slider-cover .item.on a .bgimg .img { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
#index .banner .slider-cover .item a .inner { position: absolute; left: 0%; width: 100%; padding: 25px; top: 50%; height: auto; z-index: 2; text-align: center; -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); }
#index .banner .slider-cover .item a .inner .text1, #index .banner .slider-cover .item a .inner .text2 { color: #fff; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); font-weight: bold; opacity: 0; -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -webkit-transform: translateY(-50px); transform: translateY(-50px); -moz-transition: opacity 1s 1s, -moz-transform 1s 1s; -o-transition: opacity 1s 1s, -o-transform 1s 1s; -webkit-transition: opacity 1s, -webkit-transform 1s; -webkit-transition-delay: 1s, 1s; transition: opacity 1s 1s, transform 1s 1s; }
#index .banner .slider-cover .item a .inner .text1 { font-size: 3.4rem; }
#index .banner .slider-cover .item a .inner .text2 { font-size: 1.625rem; letter-spacing: 5px; -moz-transition-delay: 1.25s; -o-transition-delay: 1.25s; -webkit-transition-delay: 1.25s; transition-delay: 1.25s; }
#index .banner .slider-cover .item.on a .inner .text1, #index .banner .slider-cover .item.on a .inner .text2 { opacity: 1; -moz-transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); }
@media screen and (orientation:landscape) {
  #index .banner .hidden-portrait { display: block; }
  #index .banner .visible-portrait { display: none !important; }
  #index .banner .slider-cover .item a .bgimg { padding-bottom: 50%; }
}
@media screen and (orientation:portrait) {
  #index .banner .hidden-portrait { display: none !important; }
  #index .banner .visible-portrait { display: block; }
  #index .banner .slider-cover .item a .bgimg { padding-bottom: 128.125%; }
}
@media only screen and (max-width:990px) {
  #index .banner .slider-cover .item a .inner .text1 { font-size: 2.5rem; line-height: 1.5; }
  #index .banner .slider-cover .item a .inner .text2 { font-size: 1.35rem; line-height: 1.5; }
}
@media only screen and (max-width:640px) {
  #index .banner .slider-cover .item a .inner .text1 { font-size: 2rem; }
  #index .banner .slider-cover .item a .inner .text2 { font-size: 1.15rem; }
}
#index .main .scroll { position: absolute; top: -150px; left: 50%; height: 80px; width: 60px; margin-left: -30px; display: block; color: #fff; text-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
#index .main .scroll:before, #index .main .scroll:after { content: ""; width: 1px; position: absolute; left: 50%; top: 30px; display: block; }
#index .main .scroll:before { height: 50px; background: #fff; }
#index .main .scroll:after { height: 20px; width: 20px; border-radius: 50%; border: 1px solid #fff; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-animation: updown 2s 0s ease-out infinite; -moz-animation: updown 2s 0s ease-out infinite; -ms-animation: updown 2s 0s ease-out infinite; -o-animation: updown 2s 0s ease-out infinite; animation: updown 2s 0s ease-out infinite; }
#index .main .scroll p { margin: 0; }
#index .main .sec { padding: 50px 0; }
#index .main .sec1 .word { text-align: center; color: #222; }
#index .main .sec1 .word .title { margin: 0 0 10px 0; font-size: 1.75rem; letter-spacing: 3px; }
#index .main .sec1 .boxWrap { font-size: 0; margin: 80px 0 50px; }
#index .main .sec1 .boxWrap .col { display: inline-block; vertical-align: top; width: 25%; font-size: 1rem; text-align: center; }
#index .main .sec1 .boxWrap .col .icon { width: 250px; height: 150px; margin: auto; position: relative; }
#index .main .sec1 .boxWrap .col .icon span { display: block; width: 100%; height: 100%; font-size: 0; background: url("about-icons.jpg") no-repeat; background-size: auto 100%; }
#index .main .sec1 .boxWrap .col .icon.icon1 span { background-position: 0 0; }
#index .main .sec1 .boxWrap .col .icon.icon2 span { background-position: 33.33% 0; }
#index .main .sec1 .boxWrap .col .icon.icon3 span { background-position: 66.66% 0; }
#index .main .sec1 .boxWrap .col .icon.icon4 span { background-position: 100% 0; }
#index .main .sec1 .boxWrap .col .tit { font-size: 1.125rem; }
#index .main .sec1 .boxWrap .col.scroll-view:nth-child(1) { -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-animation: flash 0.6s 0.001s ease forwards; -moz-animation: flash 0.6s 0.001s ease forwards; -ms-animation: flash 0.6s 0.001s ease forwards; -o-animation: flash 0.6s 0.001s ease forwards; animation: flash 0.6s 0.001s ease forwards; }
#index .main .sec1 .boxWrap .col.scroll-view:nth-child(2) { -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-animation: flash 0.6s 0.3s ease forwards; -moz-animation: flash 0.6s 0.3s ease forwards; -ms-animation: flash 0.6s 0.3s ease forwards; -o-animation: flash 0.6s 0.3s ease forwards; animation: flash 0.6s 0.3s ease forwards; }
#index .main .sec1 .boxWrap .col.scroll-view:nth-child(3) { -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; -webkit-animation: flash 0.6s 0.6s ease forwards; -moz-animation: flash 0.6s 0.6s ease forwards; -ms-animation: flash 0.6s 0.6s ease forwards; -o-animation: flash 0.6s 0.6s ease forwards; animation: flash 0.6s 0.6s ease forwards; }
#index .main .sec1 .boxWrap .col.scroll-view:nth-child(4) { -moz-transition-delay: 0.9s; -o-transition-delay: 0.9s; -webkit-transition-delay: 0.9s; transition-delay: 0.9s; -webkit-animation: flash 0.6s 0.9s ease forwards; -moz-animation: flash 0.6s 0.9s ease forwards; -ms-animation: flash 0.6s 0.9s ease forwards; -o-animation: flash 0.6s 0.9s ease forwards; animation: flash 0.6s 0.9s ease forwards; }
@media only screen and (min-width:991px) {
  #index .main .sec1 .boxWrap .col .icon .svg-border { position: absolute; width: 100%; height: 100%; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 2; }
  #index .main .sec1 .boxWrap .col .icon .svg-border line { stroke: #fff; stroke-dasharray: 1000; fill: none; stroke-width: 1; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
  #index .main .sec1 .boxWrap .col:hover .icon span { -webkit-animation: flash 0.6s 0.001s ease forwards; -moz-animation: flash 0.6s 0.001s ease forwards; -ms-animation: flash 0.6s 0.001s ease forwards; -o-animation: flash 0.6s 0.001s ease forwards; animation: flash 0.6s 0.001s ease forwards; }
  #index .main .sec1 .boxWrap .col:hover .icon .svg-border line { stroke: #789fbf; }
  #index .main .sec1 .boxWrap .col:hover .icon .svg-border line.top, #index .main .sec1 .boxWrap .col:hover .icon .svg-border line.bottom { stroke-dasharray: 15 220; }
  #index .main .sec1 .boxWrap .col:hover .icon .svg-border line.left, #index .main .sec1 .boxWrap .col:hover .icon .svg-border line.right { stroke-dasharray: 15 120; }
}
@media only screen and (max-width:990px) {
  #index .main .sec1 .boxWrap .col { width: 50%; margin-bottom: 20px; }
  #index .main .sec1 .boxWrap .col .icon .svg-border { display: none; }
}
@media only screen and (max-width:640px) {
  #index .main .sec1 .word { line-height: 2; }
  #index .main .sec1 .word .title { font-size: 1.35rem; }
  #index .main .sec1 .word .describe { font-size: 0.937rem; }
  #index .main .sec1 .boxWrap { margin: 40px 0 0px; }
  #index .main .sec1 .boxWrap .col { width: 50%; }
  #index .main .sec1 .boxWrap .col .icon { width: 100%; height: auto; }
  #index .main .sec1 .boxWrap .col .icon span { height: 0; padding-bottom: 60%; }
}
#index .main .sec2 { background: #f2f2f2; }
#index .main .sec2 .boxWrap { font-size: 0; margin: 0 -20px; }
#index .main .sec2 .boxWrap .box { display: inline-block; vertical-align: top; width: 25%; padding: 0 20px; margin-bottom: 20px; }
#index .main .sec2 .boxWrap .box .pic { position: relative; }
#index .main .sec2 .boxWrap .box .pic .date { position: absolute; left: 0; top: 0; text-align: center; z-index: 2; background: #86a5b7; color: #fff; padding: 5px 10px; }
#index .main .sec2 .boxWrap .box .pic .date span { display: block; line-height: 1.6; }
#index .main .sec2 .boxWrap .box .pic .date .day { font-size: 20px; border-bottom: 1px solid #fff; }
#index .main .sec2 .boxWrap .box .pic .date .year { font-size: 0.875rem; padding-top: 5px; }
#index .main .sec2 .boxWrap .box .tit { font-size: 1.125rem; color: #222; margin: 15px 0px 0; line-height: 1.8; }
#index .main .sec2 .boxWrap .box .describe { font-size: 1.05rem; color: #222; margin: 0; }
#index .main .sec2 .boxWrap .box:nth-child(1) { width: 50%; float: left; }
#index .main .sec2 .boxWrap .box:nth-child(1) .tit { font-size: 1.25rem; margin: 25px 0px 10px; }
#index .main .sec2 .more { width: 200px; background: #222; display: block; margin: 30px auto; color: #fff; padding: 8px; text-align: center; position: relative; -moz-transition: background 0.6s 0.3s; -o-transition: background 0.6s 0.3s; -webkit-transition: background 0.6s; -webkit-transition-delay: 0.3s; transition: background 0.6s 0.3s; }
#index .main .sec2 .more:after { background: #fff; }
#index .main .sec2 .more span { position: relative; z-index: 2; }
#index .main .sec2 .more:hover { background: #1a334a; }
@media only screen and (min-width:991px) {
  #index .main .sec2 .boxWrap .box .pic { overflow: hidden; }
  #index .main .sec2 .boxWrap .box .pic .date { -moz-transition: background 0.5s; -o-transition: background 0.5s; -webkit-transition: background 0.5s; transition: background 0.5s; }
  #index .main .sec2 .boxWrap .box .pic .date:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; background: -moz-linear-gradient(-45deg, white 0%, rgba(255, 255, 255, 0) 60%); background: -webkit-linear-gradient(-45deg, white 0%, rgba(255, 255, 255, 0) 60%); background: linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 60%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1); -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
  #index .main .sec2 .boxWrap .box .pic img { -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; }
  #index .main .sec2 .boxWrap .box:hover .pic .date { background: #0a326e; }
  #index .main .sec2 .boxWrap .box:hover .pic .date:before { opacity: 0.6; }
  #index .main .sec2 .boxWrap .box:hover .pic img { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  #index .main .sec2 .boxWrap .box:hover .tit { color: #0a326e; }
}
@media only screen and (max-width:990px) {
  #index .main .sec2 .boxWrap { margin: 0 -10px; }
  #index .main .sec2 .boxWrap .box { padding: 0 10px; }
  #index .main .sec2 .boxWrap .box .pic .date { padding: 2px 10px; top: auto; bottom: 0; }
  #index .main .sec2 .boxWrap .box .pic .date span { display: inline-block; font-size: 0.815rem !important; line-height: 1.6; }
  #index .main .sec2 .boxWrap .box .pic .date .day { border-bottom: none; float: right; }
  #index .main .sec2 .boxWrap .box .pic .date .day:before { content: "."; }
  #index .main .sec2 .boxWrap .box .pic .date .year { padding-top: 0; }
  #index .main .sec2 .boxWrap .box .tit { margin: 15px 0 0; }
  #index .main .sec2 .boxWrap .box .describe { margin: 0; font-size: 0.937rem; }
  #index .main .sec2 .boxWrap .box:nth-child(1) .tit { font-size: 1.125rem; margin: 20px 0px 0px; }
}
@media only screen and (max-width:640px) {
  #index .main .sec2 .boxWrap .box { width: 50%; }
  #index .main .sec2 .boxWrap .box:nth-child(1) { width: 100%; float: left; }
}
#index .main .sec3 .brand-slider { margin: 50px auto; }
#index .main .sec3 .brand-slider .item { padding: 10px; }
#index .main .sec3 .brand-slider .item a { border: 1px solid #eee; display: block; }
#index .main .sec3 .control { text-align: center; font-size: 1rem; line-height: 1; border-radius: 30px; padding: 0 5px; display: block; margin-top: 10px; width: 100%; }
#index .main .sec3 .control .list-prev, #index .main .sec3 .control .list-next { color: #999; display: inline-block; vertical-align: middle; font-size: 1rem; }
#index .main .sec3 .control .dots { display: inline-block; vertical-align: middle; padding: 5px 0; }
#index .main .sec3 .control .slick-dots { text-align: center; margin: 0; padding: 0; }
#index .main .sec3 .control .slick-dots li { display: inline-block; padding: 0 4px; }
#index .main .sec3 .control .slick-dots li button { width: 10px; height: 10px; padding: 0px; border-radius: 50%; text-indent: -9999px; background: #a0a0a0; border: none; overflow: hidden; position: relative; }
#index .main .sec3 .control .slick-dots li button:after { content: ""; position: absolute; left: 0; top: 0; border-radius: 50%; width: 100%; height: 100%; display: block; background: #e60012; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
#index .main .sec3 .control .slick-dots li.slick-active button:after { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; }
@media only screen and (min-width:991px) {
  #index .main .sec3 .brand-slider .item { -moz-transition: border 0.5s; -o-transition: border 0.5s; -webkit-transition: border 0.5s; transition: border 0.5s; }
  #index .main .sec3 .brand-slider .item:hover { border-color: #789fbf; }
}
@media only screen and (max-width:640px) {
  #index .main .sec3 .brand-slider { margin: 30px 0 0; }
}
#index .main .kwankao { font-size: 0; }
#index .main .kwankao .box { display: inline-block; vertical-align: top; width: 50%; }
@media only screen and (max-width:640px) {
  #index .main .kwankao .box { width: 100%; }
}
#index .main .sec4 .screen { width: 600px; height: 495px; background: url("screen.jpg"); overflow: hidden; float: right; }
#index .main .sec4 .screen .pic { overflow: hidden; width: 555px; height: 320px; margin: 23px auto; position: relative; }
#index .main .sec4 .screen .pic img { height: 100%; opacity: 0.8; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; -webkit-transition: opacity 0.6s; transition: opacity 0.6s; }
#index .main .sec4 .screen .pic .play { position: absolute; left: 50%; top: 50%; z-index: 2; display: block; width: 60px; height: 60px; border-radius: 50%; border: 2px solid #fff; color: #fff; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#index .main .sec4 .screen .pic .play:before { content: ""; position: absolute; left: -2px; top: -2px; width: 30px; height: 60px; border-radius: 60px 0 0 60px; border-top: 4px solid #fff; border-left: 4px solid #fff; border-bottom: 4px solid #fff; -moz-transition: -moz-transform 0.6s; -o-transition: -o-transform 0.6s; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; }
#index .main .sec4 .screen .pic .play i { font-size: 1.35rem; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#index .main .sec4 .content { width: calc(100% - 600px); float: left; padding-right: 50px; }
#index .main .sec4 .content .tit { font-size: 1.875rem; line-height: 1.8; }
#index .main .sec4 .content .more { width: 150px; border-radius: 30px; border: 1px solid #222; text-align: center; padding: 8px; display: block; color: #222; margin-top: 50px; }
#index .main .sec4 .content .more:after { background: #222; }
#index .main .sec4 .content .more span { font-size: 0.812rem; }
@media only screen and (min-width:991px) {
  #index .main .sec4 .screen .pic:hover img { opacity: 0.6; }
  #index .main .sec4 .screen .pic:hover .play:before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
}
@media only screen and (max-width:990px) {
  #index .main .sec4 .screen { float: none; margin: 0 auto 50px; }
  #index .main .sec4 .content { width: 90%; float: none; margin: 0 auto; padding: 0; }
}
@media only screen and (max-width:600px) {
  #index .main .sec4 .screen { max-width: 600px; width: 100%; height: 0; padding-bottom: 82.5%; background-size: 100%; background-repeat: no-repeat; }
  #index .main .sec4 .screen .pic { width: 100%; margin: 0; padding: 23px 21px; height: 0; padding-bottom: 57.657%; }
  #index .main .sec4 .screen .pic a { display: block; }
  #index .main .sec4 .screen .pic img { height: auto; }
  #index .main .sec4 .content { width: 100%; }
  #index .main .sec4 .content .tit { font-size: 1.35rem; }
}
@-webkit-keyframes more {
  from { width: 0; left: 0; }
  50% { width: 100%; left: 0; }
  51% { width: 100%; left: auto; right: 0; }
  100% { width: 0; left: auto; right: 0; }
}
@-moz-keyframes more {
  from { width: 0; left: 0; }
  50% { width: 100%; left: 0; }
  51% { width: 100%; left: auto; right: 0; }
  100% { width: 0; left: auto; right: 0; }
}
@keyframes more {
  from { width: 0; left: 0; }
  50% { width: 100%; left: 0; }
  51% { width: 100%; left: auto; right: 0; }
  100% { width: 0; left: auto; right: 0; }
}
@-webkit-keyframes updown {
  from { top: 30px; }
  to { top: 80%; }
}
@-moz-keyframes updown {
  from { top: 30px; }
  to { top: 80%; }
}
@keyframes updown {
  from { top: 30px; }
  to { top: 80%; }
}
.text-edit img { height: auto !important; max-width: 100%; }
.no-data { text-align: center; padding: 100px 0; background: #eee }
#inner-pages .page-ban { width: 100%; height: 520px; position: relative; background-size: auto 100%; background-position: center top; }
#inner-pages .page-ban .cover { position: absolute; left: 0%; top: 50%; margin-top: 50px; z-index: 2; width: 100%; text-align: center; color: #fff; -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); }
#inner-pages .page-ban .cover .t1 { font-weight: bold; font-size: 2.375rem; text-transform: uppercase; }
#inner-pages .page-ban .cover .t2 { font-size: 1.75rem; }
@media only screen and (max-width:990px) {
  #inner-pages .page-ban { height: 420px; }
}
@media only screen and (max-width:768px) {
  #inner-pages .page-ban { height: 320px; }
  #inner-pages .page-ban .cover .t1 { font-size: 1.85rem; }
  #inner-pages .page-ban .cover .t2 { font-size: 1.125rem; }
}
@media only screen and (max-width:480px) {
  #inner-pages .page-ban { height: 250px; }
  #inner-pages .page-ban .cover { margin-top: 20px; }
}
#inner-pages #about .sec1 { background: #f4f4f4; font-size: 0; padding: 60px 0 20px; position: relative; }
#inner-pages #about .sec1:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.1) 100%); background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.1) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#33000000', GradientType=0); }
#inner-pages #about .sec1 .box { width: 50%; display: inline-block; vertical-align: top; font-size: 1rem; padding: 0 25px; }
#inner-pages #about .sec1 .box.pic { position: relative; z-index: 3; }
#inner-pages #about .sec1 .box.pic .bg { position: relative; left: -100px; }
#inner-pages #about .sec1 .box.pic .shield { position: absolute; right: 40px; bottom: 40px; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
#inner-pages #about .sec1 .box.pic .screen { position: absolute; bottom: -70px; -moz-transition-delay: 0.35s; -o-transition-delay: 0.35s; -webkit-transition-delay: 0.35s; transition-delay: 0.35s; }
#inner-pages #about .sec1 .box .en { color: #86a5b7; font-size: 1.56rem; margin: 0; }
#inner-pages #about .sec1 .box .tit { font-size: 1.75rem; color: #222; margin: 0 0 20px 0; }
#inner-pages #about .sec1 .box .text { font-size: 1rem; }
#inner-pages #about .sec2 { font-size: 0; padding: 60px 0; }
#inner-pages #about .sec2 .box { width: 50%; display: inline-block; vertical-align: top; font-size: 1rem; padding: 0 25px; }
#inner-pages #about .sec2 .box.pic { float: right; text-align: center; }
#inner-pages #about .sec2 .box.pic img { display: block; margin: auto; }
#inner-pages #about .sec2 .box .en { color: #86a5b7; font-size: 1.56rem; margin: 0; }
#inner-pages #about .sec2 .box .tit { font-size: 1.75rem; color: #222; margin: 0 0 20px 0; }
#inner-pages #about .sec2 .box .text { font-size: 1rem; }
#inner-pages #about .sec3 { height: 340px; text-align: center; position: relative; background-position: center top; }
#inner-pages #about .sec3 .inner { position: absolute; left: 0; width: 100%; top: 50%; color: #fff; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#inner-pages #about .sec3 .inner .tit { margin: 0; font-weight: bold; font-size: 1.875rem; text-shadow: 0 0 6px rgba(0, 0, 0, 0.3); letter-spacing: 2px; }
#inner-pages #about .sec3 .inner .link { width: 150px; border-radius: 30px; border: 1px solid #fff; text-align: center; padding: 7px; display: block; margin: 20px auto; color: #fff; -moz-transition: background 0.5s; -o-transition: background 0.5s; -webkit-transition: background 0.5s; transition: background 0.5s; }
#inner-pages #about .sec3 .inner .link:after { background: #fff; }
#inner-pages #about .sec3 .inner .link span { font-size: 0.812rem; }
@media only screen and (max-width:1200px) {
  #inner-pages #about .sec1 .box.pic .bg { left: -50px; }
  #inner-pages #about .sec1 .box.pic .shield { width: 100px; }
  #inner-pages #about .sec1 .box.pic .screen { width: 450px; }
}
@media only screen and (max-width:768px) {
  #inner-pages #about .sec1 .box { width: 100%; }
  #inner-pages #about .sec1 .box.pic { margin-bottom: 30px; }
  #inner-pages #about .sec1 .box.pic .shield { width: auto; bottom: 70px; }
  #inner-pages #about .sec1 .box.pic .screen { width: 450px; right: 100px; bottom: -30px; }
  #inner-pages #about .sec2 .box { width: 100%; }
  #inner-pages #about .sec2 .box.pic { float: none; }
}
@media only screen and (max-width:640px) {
  #inner-pages #about .sec1 .box.pic .shield { width: 20%; bottom: 25%; right: 5%; }
  #inner-pages #about .sec1 .box.pic .screen { width: 80%; right: 5%; bottom: -30px; }
  #inner-pages #about .sec1 .box .en, #inner-pages #about .sec2 .box .en { font-size: 1.125rem; }
  #inner-pages #about .sec1 .box .tit, #inner-pages #about .sec2 .box .tit { font-size: 1.35rem; line-height: 1.6; }
  #inner-pages #about .sec1 .box .text, #inner-pages #about .sec2 .box .text { font-size: 0.937rem; }
}
#inner-pages .itemList { font-size: 0; }
#inner-pages .itemList .item { display: inline-block; vertical-align: top; }
#inner-pages #product { padding: 80px 0; background: #f5f5f5; }
#inner-pages #product .keyword-search { max-width: 260px; display: block; margin: 30px auto; position: relative; text-align: center; /* color: #fff;  cursor: pointer; padding: 8px 10px; background: #707070; */ }

/* #inner-pages #product .keyword-search .s-btn { position: absolute; right: 0; top: 0; bottom: 0; background: url(../images/s-btn.png) no-repeat center center #000; width: 50px; }
#inner-pages #product .keyword-search:hover { background: #86a5b7; }
#inner-pages #product .keyword-search:hover .s-btn { background-color: #1a334a; }*/
#inner-pages #product .search-append { background: url("") no-repeat center bottom; background-size: cover; padding: 50px 0; /* display: none;  */ }
#inner-pages #product .search-append .container-1400 {  /* opacity: 0; */ -moz-transition: opacity 0.5s 0.5s; -o-transition: opacity 0.5s 0.5s; -webkit-transition: opacity 0.5s; -webkit-transition-delay: 0.5s; transition: opacity 0.5s 0.5s; }
#inner-pages #product .search-append.active { display: block; }
#inner-pages #product .search-append.active .container-1400 { opacity: 1; }
#inner-pages #product .search-append .block { margin: 0 -10px 30px; font-size: 0; }
#inner-pages #product .search-append .block .itemBox { min-width: calc(20% - 20px); margin: 10px; font-size: 1rem; color: #fff; text-align: center; padding: 10px 25px; position: relative; cursor: pointer; z-index: 2; }
#inner-pages #product .search-append .block .itemBox input { display: none; }
#inner-pages #product .search-append .block .itemBox input:checked + span { background: #366dc1; }
#inner-pages #product .search-append .block .itemBox input:checked + span i { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -moz-transition: ease 0.3s; -o-transition: ease 0.3s; -webkit-transition: ease 0.3s; transition: ease 0.3s; }
#inner-pages #product .search-append .block .itemBox input + span { display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: -1; background: #86a5b7; -moz-transition: background 0.3s; -o-transition: background 0.3s; -webkit-transition: background 0.3s; transition: background 0.3s; }
#inner-pages #product .search-append .block .itemBox input + span i { font-size: 0.75rem; position: absolute; z-index: 1; right: 5px; top: 10px; -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); }
#inner-pages #product .search-append .block .itemBox input + span i:before, #inner-pages #product .search-append .block .itemBox input + span i:after { content: ""; width: 10px; height: 1px; display: block; background: #fff; }
#inner-pages #product .search-append .block .itemBox input + span i:after { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; }
#inner-pages #product .search-append .button { text-align: center; font-size: 0; }
#inner-pages #product .search-append .button .btns { width: 180px; max-width: calc(50% - 20px); margin: 0 10px; display: inline-block; vertical-align: top; font-size: 1rem; color: #fff; -moz-transition: color 0.25s, background 0.25s; -o-transition: color 0.25s, background 0.25s; -webkit-transition: color 0.25s, background 0.25s; transition: color 0.25s, background 0.25s; }
#inner-pages #product .search-append .button .btns i { width: 40px; height: 40px; display: inline-block; vertical-align: middle; background: url("") no-repeat 0 0; background-size: auto 100%; }
#inner-pages #product .search-append .button .btns span { vertical-align: middle; }
#inner-pages #product .search-append .button .btns.b1 { border: 1px solid #aaa; background: none; }
#inner-pages #product .search-append .button .btns.b1 i { background-position: 0 0; }
#inner-pages #product .search-append .button .btns.b2 { border: 1px solid #86a5b7; background: #86a5b7; }
#inner-pages #product .search-append .button .btns.b2 i { background-position: 100% 0; }
#inner-pages #product .itemList { margin: 50px -20px 0; }
#inner-pages #product .itemList .item { width: 25%; margin-bottom: 40px; padding: 0 15px; }
#inner-pages #product .itemList .item a { border: 1px solid #ddd; display: block; }
#inner-pages #product .itemList .item a:hover { border-color: #86a5b7; }
#inner-pages #product_view { background: #f5f5f5; }
#inner-pages #product_view .p-side { position: fixed; z-index: 20; right: 0; top: 50%; }
#inner-pages #product_view .p-side a { display: block; color: #86a5b7; color: #fff; border-radius: 30px 0 0 30px; font-size: 1rem; background: #86a5b7; margin-top: 1px; position: relative; padding: 5px 15px; -webkit-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px); -webkit-transition: transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; }
#inner-pages #product_view .p-side a:before { content: ""; position: absolute; right: 0; opacity: 0.3; top: 50%; height: 1px; width: 10px; margin-top: -1px; background: #86a5b7; }

/* #inner-pages #product_view .p-side a:before{content: ""; position: absolute; left: 0; top: 50%; height: 40px; width: 40px; border-radius: 50%; margin-top: -20px; background: #86a5b7;} */
#inner-pages #product_view .p-side a.on, #inner-pages #product_view .p-side a:hover { background: #1a334a; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }
#inner-pages #product_view .p-side a.on:before, #inner-pages #product_view .p-side a:hover:before { background: #fff; }
#inner-pages #product_view .sec { padding: 120px 0; }
#inner-pages #product_view .sec1 { font-size: 0; }
#inner-pages #product_view .sec1 .mainLogo, #inner-pages #product_view .sec1 .mainContent { display: inline-block; vertical-align: top; }
#inner-pages #product_view .sec1 .mainLogo { width: 430px; }
#inner-pages #product_view .sec1 .mainContent { width: calc(100% - 430px); padding-left: 50px; }
#inner-pages #product_view .sec1 .mainContent .title { border-left: 1px solid #e60f16; padding-left: 20px; color: #222; line-height: 1.5; margin-bottom: 20px; }
#inner-pages #product_view .sec1 .mainContent .title .t1 { font-size: 2rem; font-weight: bold; }
#inner-pages #product_view .sec1 .mainContent .title .t2 { margin: 0; font-size: 1.312rem; }
#inner-pages #product_view .sec1 .mainContent .describe { font-size: 0.937rem; padding-left: 20px; }
#inner-pages #product_view .sec1 .text-edit { font-size: 1rem; margin-top: 50px; }
#inner-pages #product_view .sec2 { background: #fff; }
#inner-pages #product_view .sec2 .text-edit { margin-bottom: 50px; }
#inner-pages #product_view .sec2 .p-list { margin: 0px -20px 40px; font-size: 0; text-align: center; }
#inner-pages #product_view .sec2 .p-list .item { width: calc(16.66% - 20px); margin: 10px; position: relative; background: #eee; display: inline-block; vertical-align: top; font-size: 1rem; }

/* #inner-pages #product_view .sec2 .p-list .item{ -webkit-transition: background 0.35s; -o-transition: background 0.35s; transition: background 0.35s;} */
#inner-pages #product_view .sec2 .p-list .item:after { content: ""; pointer-events: none; position: absolute; left: 1%; top: 2%; width: 98%; height: 96%; border: 1px solid #fff; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; }

/* #inner-pages #product_view .sec2 .p-list .item a{ display: block; padding: 10px 15px; color: #222;}
#inner-pages #product_view .sec2 .p-list .item a p{margin: 0;}
#inner-pages #product_view .sec2 .p-list .item .t2{font-size: 0.812rem; color: #999;} */
#inner-pages #product_view .sec3 { background: url("") no-repeat center bottom; -webkit-background-size: cover; background-size: cover; }
#inner-pages #product_view .sec3 .g-title { color: #fff; }
#inner-pages #product_view .sec3 .prize-slider { margin: 80px 0px 0px; position: relative; }
#inner-pages #product_view .sec3 .prize-slider .item { margin: 10px 20px; }
#inner-pages #product_view .sec3 .prize-slider .item img { margin: auto; }
#inner-pages #product_view .sec3 .prize-slider .item .more { border: 1px solid #fff; border-radius: 30px; text-align: center; max-width: 130px; font-size: 0.815rem; padding: 5px; margin: 25px auto; display: block; color: #fff; -webkit-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; }
#inner-pages #product_view .sec3 .prize-slider .item .more:hover { background: #fff; color: #222; }
#inner-pages #product_view .sec4 { background: #e5eef3; }
#inner-pages #product_view .sec4 .down-slider { margin: 40px 0px 20px; position: relative; }
#inner-pages #product_view .sec4 .down-slider .item { margin: 0px 20px; padding: 20px 0; }
#inner-pages #product_view .sec4 .down-slider .item .icon { width: 90px; height: 90px; margin: auto; padding: 20px; display: block; border-radius: 50%; position: relative; background: rgb(32, 71, 123); background: -moz-linear-gradient(45deg, rgba(32, 71, 123, 1) 30%, rgba(11, 114, 165, 1) 70%); background: -webkit-linear-gradient(45deg, rgba(32, 71, 123, 1) 30%, rgba(11, 114, 165, 1) 70%); background: linear-gradient(45deg, rgba(32, 71, 123, 1) 30%, rgba(11, 114, 165, 1) 70%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20477b', endColorstr='#0b72a5', GradientType=1); }
#inner-pages #product_view .sec4 .down-slider .item .icon .circle { position: relative; width: 100%; height: 100%; }
#inner-pages #product_view .sec4 .down-slider .item .icon .circle svg { position: absolute; width: 100%; height: 100%; }
#inner-pages #product_view .sec4 .down-slider .item .icon .circle svg.aw { top: 10px; fill: #fff; }
#inner-pages #product_view .sec4 .down-slider .item .icon .circle svg.circleFill { z-index: 1; stroke: #fff; stroke-dasharray: 225; stroke-dashoffset: 90; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#inner-pages #product_view .sec4 .down-slider .item .icon .circle svg.circleTrack { z-index: 0; opacity: 0.4; stroke: #fff; }
#inner-pages #product_view .sec4 .down-slider .item .tit { line-height: 1.6; -ms-word-break: break-all; word-break: break-all; text-align: center; font-size: 1rem; display: block; color: #222; }
#inner-pages #product_view .sec5 { background: #fff; overflow: hidden; }
#inner-pages #product_view .sec5 .screen { width: 600px; height: 495px; background: url("screen.jpg"); overflow: hidden; float: right; }
#inner-pages #product_view .sec5 .screen .pic { overflow: hidden; width: 555px; height: 320px; margin: 23px auto; position: relative; }
#inner-pages #product_view .sec5 .screen .pic img { height: 100%; opacity: 0.8; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; -webkit-transition: opacity 0.6s; transition: opacity 0.6s; }
#inner-pages #product_view .sec5 .screen .pic .play { position: absolute; left: 50%; top: 50%; z-index: 2; display: block; width: 60px; height: 60px; border-radius: 50%; border: 2px solid #fff; color: #fff; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#inner-pages #product_view .sec5 .screen .pic .play:before { content: ""; position: absolute; left: -2px; top: -2px; width: 30px; height: 60px; border-radius: 60px 0 0 60px; border-top: 4px solid #fff; border-left: 4px solid #fff; border-bottom: 4px solid #fff; -moz-transition: -moz-transform 0.6s; -o-transition: -o-transform 0.6s; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; }
#inner-pages #product_view .sec5 .screen .pic .play i { font-size: 1.35rem; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#inner-pages #product_view .sec5 .content { width: calc(100% - 600px); float: left; padding-right: 50px; text-align: left; }
#inner-pages #product_view .sec5 .content .tit { font-size: 1.875rem; line-height: 1.8; }
#inner-pages #product_view .sec5 .content .more { width: 150px; border-radius: 30px; border: 1px solid #222; text-align: center; padding: 8px; display: block; color: #222; margin-top: 50px; }
#inner-pages #product_view .sec5 .content .more:after { background: #222; }
#inner-pages #product_view .sec5 .content .more span { font-size: 0.812rem; }
.openBox { max-width: 990px; margin: auto; position: relative; font-size: 1rem; background: #fff; padding: 50px; }
.openBox .text-edit { overflow: hidden; overflow-y: auto; max-height: 70vh; }
@media only screen and (min-width:991px) {

  /* #inner-pages #product_view .sec2 .p-list .item:hover{ background: #86a5b7; } */

  /* #inner-pages #product_view .sec2 .p-list .item:hover a, #inner-pages #product_view .sec2 .p-list .item:hover a .t2{color: #fff;} */
  #inner-pages #product_view .sec2 .p-list .item:hover:after { left: 0; top: 0; width: 100%; height: 100%; border: 2px solid #86a5b7; }
  #inner-pages #product_view .sec4 .down-slider .item .icon, #inner-pages #product_view .sec4 .down-slider .item .icon .circle svg.circleFill { transition: all 1s; }
  #inner-pages #product_view .sec4 .down-slider .item:hover .icon { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); }
  #inner-pages #product_view .sec4 .down-slider .item .icon:after { content: ""; position: absolute; opacity: 0; width: 80%; height: 20%; left: 10%; bottom: -10%; border-radius: 50%; z-index: -1; -webkit-transition: opacity 0.35s, bottom 0.35s; -o-transition: opacity 0.35s, bottom 0.35s; transition: opacity 0.35s, bottom 0.35s; background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 60%); background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 60%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 60%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=1); }
  #inner-pages #product_view .sec4 .down-slider .item:hover .icon:after { opacity: 1; bottom: -20%; }
  #inner-pages #product_view .sec4 .down-slider .item:hover .icon .circle svg.circleFill { stroke-dashoffset: -90; }
  #inner-pages #product_view .sec4 .down-slider .item:hover .tit { color: #20477b; }
  #inner-pages #product_view .sec5 .screen .pic:hover img { opacity: 0.6; }
  #inner-pages #product_view .sec5 .screen .pic:hover .play:before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
}
@media only screen and (max-width:1400px) {
  #inner-pages #product_view .sec2 .p-list .item { width: calc(20% - 20px); }
}
@media only screen and (max-width:1200px) {
  #inner-pages #product_view .sec2 .p-list .item { width: calc(25% - 20px); }
}
@media only screen and (max-width:990px) {
  #inner-pages #product .itemList { margin: 50px -10px 0; }
  #inner-pages #product .itemList .item { margin-bottom: 20px; padding: 0 10px; }
  #inner-pages #product_view .p-side { display: none; }
  #inner-pages #product_view .sec { padding: 50px 0; }
  #inner-pages #product_view .sec1 .mainLogo { width: 100% }
  #inner-pages #product_view .sec1 .mainContent { width: 100%; padding-left: 0px; margin-top: 30px; }
  #inner-pages #product_view .sec3 .prize-slider .item { margin: 10px; }
  #inner-pages #product_view .sec5 .screen { float: none; margin: 0 auto 50px; }
  #inner-pages #product_view .sec5 .content { width: 90%; float: none; margin: 0 auto; padding: 0; }
}
@media only screen and (max-width:768px) {
  #inner-pages #product_view .sec2 .p-list .item { width: calc(33.33% - 20px); }
}
@media only screen and (max-width:600px) {
  #inner-pages #product .itemList .item { width: 50%; }
  #inner-pages #product_view .sec1 .mainContent .title .t1 { font-size: 1.55rem; }
  #inner-pages #product_view .sec1 .mainContent .title .t2 { font-size: 1.125rem; }
  #inner-pages #product_view .sec2 .p-list .item { width: calc(50% - 20px); }
  #inner-pages #product_view .sec5 .screen { max-width: 600px; width: 100%; height: 0; padding-bottom: 82.5%; background-size: 100%; background-repeat: no-repeat; }
  #inner-pages #product_view .sec5 .screen .pic { width: 100%; margin: 0; padding: 23px 21px; height: 0; padding-bottom: 57.657%; }
  #inner-pages #product_view .sec5 .screen .pic a { display: block; }
  #inner-pages #product_view .sec5 .screen .pic img { height: auto; }
  #inner-pages #product_view .sec5 .content { width: 100%; }
  #inner-pages #product_view .sec5 .content .tit { font-size: 1.35rem; }
  .openBox { padding: 30px; }
}
#inner-pages #newsList { padding: 80px 0; background: #f5f5f5; }
#inner-pages #newsList .itemList { margin: 0 -20px; }
#inner-pages #newsList .itemList .item { width: 25%; margin-bottom: 40px; padding: 0 20px; }
#inner-pages #newsList .itemList .item .pic { position: relative; }
#inner-pages #newsList .itemList .item .pic .date { position: absolute; left: 0; top: 0; text-align: center; z-index: 2; background: #86a5b7; color: #fff; padding: 5px 10px; }
#inner-pages #newsList .itemList .item .pic .date span { display: block; line-height: 1.6; }
#inner-pages #newsList .itemList .item .pic .date .day { font-size: 20px; border-bottom: 1px solid #fff; }
#inner-pages #newsList .itemList .item .pic .date .year { font-size: 0.875rem; padding-top: 5px; }
#inner-pages #newsList .itemList .item .tit { font-size: 1.125rem; color: #222; font-weight: bold; margin: 15px 0px 0; line-height: 1.8; }
#inner-pages #newsList .itemList .item .describe { font-size: 1rem; color: #222; margin: 0; }
#inner-pages #newsList .detail .title { position: relative; min-height: 70px; padding: 0 0 15px 80px; border-bottom: 1px solid #fff; }
#inner-pages #newsList .detail .title:after { content: ""; border-bottom: 1px solid #ddd; display: block; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; }
#inner-pages #newsList .detail .title .date { position: absolute; left: 0; top: 0; text-align: center; z-index: 2; background: #86a5b7; color: #fff; padding: 5px 10px; }
#inner-pages #newsList .detail .title .date span { display: block; line-height: 1.6; }
#inner-pages #newsList .detail .title .date .day { font-size: 20px; border-bottom: 1px solid #fff; }
#inner-pages #newsList .detail .title .date .year { font-size: 0.875rem; padding-top: 5px; }
#inner-pages #newsList .detail .title .cate { color: #86a5b7; margin: 0; }
#inner-pages #newsList .detail .title .tit { font-size: 1.875rem; margin: 0; }
#inner-pages #newsList .detail .text-edit { margin: 30px 0; }
#inner-pages #newsList .detail .back { border-top: 1px solid #ddd; padding: 30px; position: relative; }
#inner-pages #newsList .detail .back:before { content: ""; border-top: 1px solid #fff; display: block; width: 100%; height: 1px; position: absolute; left: 0; top: 0; }
#inner-pages #newsList .detail .back a { max-width: 200px; display: block; background: #86a5b7; margin: auto; text-align: center; position: relative; color: #fff; padding: 10px; }
#inner-pages #newsList .detail .back a:after { background: #fff; }
#inner-pages #newsList a.news-add-calendar { display: inline-block; position: relative; height: 34px; line-height: 34px; font-size: 0.875rem; color: #c81e61; border: 1px solid #c81e61; border-radius: 2px; margin-bottom: 20px; padding: 0 6px 0 36px; transition: background .25s; -ms-transition: background .25s; -moz-transition: background .25s; -webkit-transition: background .25s; }
#inner-pages #newsList a.news-add-calendar:hover { background: rgba(200, 30, 97, .1); }
#inner-pages #newsList a.news-add-calendar:before { content: ''; display: block; position: absolute; width: 24px; height: 24px; background: url("") no-repeat; background-size: cover; top: 4px; left: 4px; }
@media only screen and (min-width:991px) {
  #inner-pages #newsList .itemList .item .pic { overflow: hidden; }
  #inner-pages #newsList .itemList .item .pic .date { -moz-transition: background 0.5s; -o-transition: background 0.5s; -webkit-transition: background 0.5s; transition: background 0.5s; }
  #inner-pages #newsList .itemList .item .pic .date:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; background: -moz-linear-gradient(-45deg, white 0%, rgba(255, 255, 255, 0) 60%); background: -webkit-linear-gradient(-45deg, white 0%, rgba(255, 255, 255, 0) 60%); background: linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 60%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1); -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
  #inner-pages #newsList .itemList .item .pic img { -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; }
  #inner-pages #newsList .itemList .item:hover .pic .date { background: #0a326e; }
  #inner-pages #newsList .itemList .item:hover .pic .date:before { opacity: 0.6; }
  #inner-pages #newsList .itemList .item:hover .pic img { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); }
  #inner-pages #newsList .itemList .item:hover .tit { color: #0a326e; }
}
@media only screen and (max-width:990px) {
  #inner-pages #newsList .itemList .item .pic .date { padding: 2px 10px; top: auto; bottom: 0; }
  #inner-pages #newsList .itemList .item .pic .date span { display: inline-block; font-size: 0.815rem !important; line-height: 1.6; }
  #inner-pages #newsList .itemList .item .pic .date .day { border-bottom: none; float: right; }
  #inner-pages #newsList .itemList .item .pic .date .day:before { content: "."; }
  #inner-pages #newsList .itemList .item .pic .date .year { padding-top: 0; }
  #inner-pages #newsList .detail .title .tit { font-size: 1.25rem; }
}
@media only screen and (max-width:768px) {
  #inner-pages #newsList { padding: 25px 0; }
  #inner-pages #newsList .itemList { margin: 0 -15px; }
  #inner-pages #newsList .itemList .item { width: 33.33%; margin-bottom: 30px; padding: 0 15px; }
}
@media only screen and (max-width:640px) {
  #inner-pages #newsList .itemList { margin: 0 -10px; }
  #inner-pages #newsList .itemList .item { width: 50%; padding: 0 10px; }
  #inner-pages #newsList .itemList .item .pic .date { padding: 5px; }
  #inner-pages #newsList .itemList .item .tit { font-size: 1rem; line-height: 1.8; }
  #inner-pages #newsList .itemList .item .describe { font-size: 0.937rem; }
}
#inner-pages #bookList { padding: 80px 0; background: #f5f5f5; }
#inner-pages #bookList .itemList { margin: 0 -25px; }
#inner-pages #bookList .itemList .item { width: 25%; margin-bottom: 60px; padding: 0 25px; }
#inner-pages #bookList .itemList .item .book { max-width: 290px; margin: auto; position: relative; }
#inner-pages #bookList .itemList .item .book .pic { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); position: relative; }
#inner-pages #bookList .itemList .item .book .pic:before { content: ""; position: absolute; left: 0; top: 0; z-index: 3; background: url("") repeat-y; width: 100%; height: 100%; }
#inner-pages #bookList .itemList .item .book .cover { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; z-index: 2; }
#inner-pages #bookList .itemList .item .book .cover .inner { left: 0; width: 100%; padding: 0 30px; text-align: center; font-size: 1rem; }
#inner-pages #bookList .itemList .item .book .cover .inner .icon { width: 70px; height: 55px; background: url(""); display: block; margin: auto; }
#inner-pages #bookList .itemList .item .book .cover .inner .date { color: #86a5b7; margin: 10px 0 0; }
#inner-pages #bookList .itemList .item .book .cover .inner .tit { color: #fff; margin: 0; }
#inner-pages #bookList .itemList .item .tit2 { color: #222; font-size: 1rem; line-height: 1.8; padding: 0 10px; }
@media only screen and (min-width:991px) {
  #inner-pages #bookList .itemList .item .book .cover { opacity: 0; background: #4567a0; background: -moz-linear-gradient(top, rgba(69, 103, 160, 0.9) 0%, rgba(10, 50, 110, 0.9) 100%); background: -webkit-linear-gradient(top, rgba(69, 103, 160, 0.9) 0%, rgba(10, 50, 110, 0.9) 100%); background: linear-gradient(to bottom, rgba(69, 103, 160, 0.9) 0%, rgba(10, 50, 110, 0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4567a0', endColorstr='#0a326e', GradientType=0); -moz-transition: opacity 0.35s; -o-transition: opacity 0.35s; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; }
  #inner-pages #bookList .itemList .item .book .cover .inner { position: absolute; top: 50%; -moz-transform: translateY(0%); -ms-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%); -moz-transition: -moz-transform 0.35s; -o-transition: -o-transform 0.35s; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; }
  #inner-pages #bookList .itemList .item .book:hover .cover { opacity: 1; }
  #inner-pages #bookList .itemList .item .book:hover .cover .inner { -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
}
@media only screen and (max-width:990px) {
  #inner-pages #bookList .itemList .item { margin-bottom: 30px; }
  #inner-pages #bookList .itemList .item .book .cover { position: relative; z-index: 4; width: auto; height: auto; overflow: hidden; }
  #inner-pages #bookList .itemList .item .book .cover .inner { padding: 10px 15px; text-align: left; }
  #inner-pages #bookList .itemList .item .book .cover .inner .icon { display: none; }
  #inner-pages #bookList .itemList .item .book .cover .inner .date { margin: 0; }
  #inner-pages #bookList .itemList .item .book .cover .inner .tit { color: #222; }
  #inner-pages #bookList .itemList .item .tit2 { margin: 0; }
}
@media only screen and (max-width:768px) {
  #inner-pages #bookList .itemList .item { width: 33.33%; }
}
@media only screen and (max-width:640px) {
  #inner-pages #bookList { padding: 50px 0; }
  #inner-pages #bookList .itemList { margin: 0 -15px; }
  #inner-pages #bookList .itemList .item { margin-bottom: 20px; padding: 0 15px; width: 50%; }
}
#inner-pages #bookList.download-wrap .cate-select { width: 230px; float: left; }
#inner-pages #bookList.download-wrap .cate-select .tit { background: #86a5b7; color: #fff; padding: 10px 15px; line-height: 2; font-size: 1.25rem; margin: 0; border-bottom: 1px solid #fff; font-weight: bold; }
#inner-pages #bookList.download-wrap .cate-select .cate-nav { background: #fff; border-top: 1px solid #ddd; }
#inner-pages #bookList.download-wrap .cate-select .cate-nav li a { padding: 10px 15px; display: block; color: #333; font-size: 1.125rem; position: relative; }
#inner-pages #bookList.download-wrap .cate-select .cate-nav li a i { font-size: 0.875rem; position: absolute; right: 15px; top: 22px; }
#inner-pages #bookList.download-wrap .cate-select .cate-nav li ul { display: none; }
#inner-pages #bookList.download-wrap .cate-select .cate-nav li ul li a { color: #999; padding: 5px; padding-left: 35px; font-size: 0.937rem; }
#inner-pages #bookList.download-wrap .cate-select .cate-nav li ul li a:before { content: ""; position: absolute; left: 15px; top: 50%; width: 10px; height: 1px; background: #86a5b7; }
#inner-pages #bookList.download-wrap .cate-select .cate-nav li.on>a { color: #0a326e; }
#inner-pages #bookList.download-wrap .cate-select .cate-nav li.on a i { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
#inner-pages #bookList.download-wrap .cate-select .cate-nav li.on ul { display: block; }
#inner-pages #bookList.download-wrap .cate-select .cate-nav li ul li.on a { background: #eee; color: #333; }
#inner-pages #bookList.download-wrap .itemList { width: calc(100% - 230px); float: right; margin: 0 -20px; }
#inner-pages #bookList.download-wrap .itemList .item { padding: 0 20px; }
@media only screen and (max-width:1200px) {
  #inner-pages #bookList.download-wrap .cate-select { width: 200px; }
  #inner-pages #bookList.download-wrap .cate-select .cate-nav li ul li a { padding-left: 26px; }
  #inner-pages #bookList.download-wrap .cate-select .cate-nav li ul li a:before { left: 12px; width: 6px; }
  #inner-pages #bookList.download-wrap .itemList { width: calc(100% - 200px); margin: 0 -15px; }
  #inner-pages #bookList.download-wrap .itemList .item { padding: 0 15px; }
}
@media only screen and (min-width:991px) {
  #inner-pages #bookList.download-wrap .cate-select .tit i { display: none; }
  #inner-pages #bookList.download-wrap .cate-select .cate-nav { display: block !important; }
  #inner-pages #bookList.download-wrap .cate-select .cate-nav li a:hover { color: #0a326e; }
  #inner-pages #bookList.download-wrap .cate-select .cate-nav li ul li a:hover { background: #eee }
}
@media only screen and (max-width:990px) {
  #inner-pages #bookList.download-wrap .cate-select .tit { padding: 10px 15px; font-size: 1.125rem; }
  #inner-pages #bookList.download-wrap .cate-select .tit i { float: right; margin: 10px 0; font-size: 1rem; -webkit-transition: transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; }
  #inner-pages #bookList.download-wrap .cate-select .tit.on i { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }
  #inner-pages #bookList.download-wrap .cate-select { width: 100%; float: none; margin: 0 auto 25px; }
  #inner-pages #bookList.download-wrap .cate-select .cate-nav { display: none; }
  #inner-pages #bookList.download-wrap .cate-select .cate-nav li a { font-size: 1rem; }
  #inner-pages #bookList.download-wrap .itemList { width: auto; float: none; }
}
#inner-pages #contact .text { font-size: 1.125rem; text-align: center; margin-top: 50px; }
#inner-pages #contact .boxWrap { font-size: 0; margin: 40px 0; overflow: hidden; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -o-align-items: stretch; align-items: stretch; }
#inner-pages #contact .boxWrap .box { margin: 30px; float: left; width: calc(33.33% - 60px); padding: 15px 60px; border: 1px solid #eee; text-align: center; position: relative; }
#inner-pages #contact .boxWrap .box .cover { position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; pointer-events: none; z-index: 2; }
#inner-pages #contact .boxWrap .box .cover i { position: absolute; }
#inner-pages #contact .boxWrap .box .cover i:before, #inner-pages #contact .boxWrap .box .cover i:after { content: ""; background: #86a5b7; display: block; position: absolute; -moz-transition: width 0.35s, height 0.35s; -o-transition: width 0.35s, height 0.35s; -webkit-transition: width 0.35s, height 0.35s; transition: width 0.35s, height 0.35s; }

/* #inner-pages #contact .boxWrap .box .cover i:after { -moz-transition-delay: 0.15s; -o-transition-delay: 0.15s; -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } */
#inner-pages #contact .boxWrap .box .cover .top, #inner-pages #contact .boxWrap .box .cover .bottom { width: 100%; height: 100%; }
#inner-pages #contact .boxWrap .box .cover .top:before, #inner-pages #contact .boxWrap .box .cover .top:after, #inner-pages #contact .boxWrap .box .cover .bottom:before, #inner-pages #contact .boxWrap .box .cover .bottom:after { width: 50%; height: 50%; }
#inner-pages #contact .boxWrap .box .cover .left, #inner-pages #contact .boxWrap .box .cover .right { width: 100%; height: 100%; }
#inner-pages #contact .boxWrap .box .cover .left:before, #inner-pages #contact .boxWrap .box .cover .left:after, #inner-pages #contact .boxWrap .box .cover .right:before, #inner-pages #contact .boxWrap .box .cover .right:after { width: 50%; height: 50%; }
#inner-pages #contact .boxWrap .box .cover .top { top: 0; left: 0; }
#inner-pages #contact .boxWrap .box .cover .left { top: 0; left: 0; }
#inner-pages #contact .boxWrap .box .cover .bottom { right: 0; bottom: 0; }
#inner-pages #contact .boxWrap .box .cover .right { bottom: 0; right: 0; }
#inner-pages #contact .boxWrap .box .earthicon { width: 80px; height: 70px; background: url("") no-repeat; margin: 0 auto 20px; display: block; }
#inner-pages #contact .boxWrap .box .tit { font-size: 1.125rem; margin: 0; }
#inner-pages #contact .boxWrap .box .text { font-size: 1rem; margin: 10px 0 0; line-height: 1.5; }
#inner-pages #contact .boxWrap .box .text span { display: inline-block; }
#inner-pages #contact .boxWrap .box .text a { color: #333; }
#inner-pages #contact .boxWrap .box a.link { width: 150px; border-radius: 30px; border: 1px solid #86a5b7; text-align: center; padding: 3px; display: block; color: #86a5b7; margin: 20px auto 0; }
#inner-pages #contact .boxWrap .box a.link:after { background: #86a5b7; }
#inner-pages #contact .boxWrap .box a.link span { font-size: 0.812rem; }
#inner-pages #contact .boxWrap .box.scroll-view .cover .top:before, #inner-pages #contact .boxWrap .box.scroll-view .cover .top:after, #inner-pages #contact .boxWrap .box.scroll-view .cover .bottom:before, #inner-pages #contact .boxWrap .box.scroll-view .cover .bottom:after { width: 10px; height: 1px; }
#inner-pages #contact .boxWrap .box.scroll-view .cover .top:before, #inner-pages #contact .boxWrap .box.scroll-view .cover .bottom:before { left: 0; }
#inner-pages #contact .boxWrap .box.scroll-view .cover .bottom:before, #inner-pages #contact .boxWrap .box.scroll-view .cover .bottom:after { bottom: 0; }
#inner-pages #contact .boxWrap .box.scroll-view .cover .top:after, #inner-pages #contact .boxWrap .box.scroll-view .cover .bottom:after { right: 0; }
#inner-pages #contact .boxWrap .box.scroll-view .cover .left:before, #inner-pages #contact .boxWrap .box.scroll-view .cover .left:after, #inner-pages #contact .boxWrap .box.scroll-view .cover .right:before, #inner-pages #contact .boxWrap .box.scroll-view .cover .right:after { height: 10px; width: 1px; }
#inner-pages #contact .boxWrap .box.scroll-view .cover .left:before, #inner-pages #contact .boxWrap .box.scroll-view .cover .right:before { top: 0; }
#inner-pages #contact .boxWrap .box.scroll-view .cover .left:after, #inner-pages #contact .boxWrap .box.scroll-view .cover .right:after { bottom: 0; }
#inner-pages #contact .boxWrap .box.scroll-view .cover .right:before, #inner-pages #contact .boxWrap .box.scroll-view .cover .right:after { right: 0; }
#inner-pages #contact .contact-form { background: #f5f8fb; padding: 50px 0; }
@media only screen and (max-width:1200px) {
  #inner-pages #contact .boxWrap .box { margin: 20px; width: calc(33.33% - 40px); padding: 15px 20px; }
}
@media only screen and (max-width:990px) {
  #inner-pages #contact .boxWrap .box { margin: 10px; width: calc(33.33% - 20px); padding: 15px 20px; }
  #inner-pages #contact .boxWrap .box .text { text-align: left; font-size: 0.937rem; }
  #inner-pages #contact .boxWrap .box .text span { display: inline; }
}
@media only screen and (max-width:640px) {
  #inner-pages #contact .boxWrap { display: block; }
  #inner-pages #contact .boxWrap .box { float: none; width: 100%; padding-left: 110px; margin: 15px 0; text-align: left; min-height: 125px; }
  #inner-pages #contact .boxWrap .box .earthicon { position: absolute; top: 10px; left: 10px; }
  #inner-pages #contact .boxWrap .box a.link { position: absolute; left: 10px; line-height: 1.5; width: 80px; top: 70px; }
  #inner-pages #contact .boxWrap .box a.link span { display: none; }
  #inner-pages #contact .boxWrap .box a.link:before { content: "view map"; font-size: 0.75rem; display: block; }
}
#inner-pages #sitemap { padding: 80px 0; background: #f5f5f5; }
#inner-pages #sitemap .itemList { margin: 0 -25px; }
#inner-pages #sitemap .itemList .item { width: 25%; padding: 0 25px; max-width: 290px; }
#inner-pages #sitemap .itemList .item .box { margin-bottom: 40px; }
#inner-pages #sitemap .itemList .item .tit { background: url("") no-repeat 0 0; height: 60px; padding: 15px 10px 15px 50px; position: relative; color: #fff; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); }
#inner-pages #sitemap .itemList .item .tit i { width: 30px; height: 20px; background: url(""); display: block; position: absolute; left: 10px; top: 20px; }
#inner-pages #sitemap .itemList .item .tit a { color: #fff; display: block; font-size: 1.125rem; }
#inner-pages #sitemap .itemList .item .tit:hover { background-position: 0 100%; }
#inner-pages #sitemap .itemList .item .list { border-bottom: 1px solid #fff; }
#inner-pages #sitemap .itemList .item .list li a { padding: 5px 10px; display: block; position: relative; font-size: 1rem; border-bottom: 1px solid #ddd; border-top: 1px solid #fff; padding-left: 30px }
#inner-pages #sitemap .itemList .item .list li a i { position: absolute; left: 15px; top: 13px; }
#inner-pages #sitemap .itemList .item .list > li:first-child > a { border-top: none; }
#inner-pages #sitemap .itemList .item .list li a { color: #222; }
#inner-pages #sitemap .itemList .item .list li ul { display: none; }
@media only screen and (max-width:990px) {
  #inner-pages #sitemap .itemList { text-align: center; }
  #inner-pages #sitemap .itemList .item { width: 50%; text-align: left; }
  #inner-pages #sitemap .itemList .item .tit a { font-size: 1rem; }
}
@media only screen and (max-width:480px) {
  #inner-pages #sitemap .itemList .item { width: 100%; }
}
#form { position: relative; z-index: 3; margin: 20px 0; }
#form.center { text-align: center; margin-bottom: 5% }
#form.center .f-row { margin: 2% auto 3%; width: 55%; }
#form.center .button { text-align: center }
#form .half { width: 48%; }
#form .half.left { float: left; }
#form .half.right { float: right; }
#form .f-row { position: relative; min-height: 50px; text-align: left; font-size: 0; }
#form .f-row .tit, #form .f-row .content { display: inline-block; vertical-align: top; }
#form .f-row .tit { width: 110px; padding: 5px 0; font-size: 1rem; }
#form .f-row .tit i.must { width: 10px; font-style: normal; display: inline-block; vertical-align: middle; color: #1a334a; }
#form .f-row .content { width: calc(100% - 110px); margin-bottom: 15px; font-size: 1rem; }
#form .seclec-box { background: #f5f5f5; border: 1px solid #ddd; padding: 25px; }
#form .checkBox { margin: 0 10px 10px 0; color: #333; font-size: 1rem; }
#form .checkBox input { display: none; }
#form .checkBox input:checked + span i { -moz-transform: scale(1) translate(-50%, -50%); -ms-transform: scale(1) translate(-50%, -50%); -webkit-transform: scale(1) translate(-50%, -50%); transform: scale(1) translate(-50%, -50%); -moz-transition: ease 0.3s; -o-transition: ease 0.3s; -webkit-transition: ease 0.3s; transition: ease 0.3s; }
#form .checkBox input + span { display: inline-block; vertical-align: middle; border: 1px solid #ccc; background: #fff; width: 15px; height: 15px; border-radius: 2px; line-height: 1; margin: 0px 3px; position: relative; -moz-transition: ease 0.3s; -o-transition: ease 0.3s; -webkit-transition: ease 0.3s; transition: ease 0.3s; }
#form .checkBox input + span i { font-size: 0.75rem; position: absolute; left: 50%; top: 50%; -moz-transform: scale(0) translate(-50%, -50%); -ms-transform: scale(0) translate(-50%, -50%); -webkit-transform: scale(0) translate(-50%, -50%); transform: scale(0) translate(-50%, -50%); }
#form .box-style { border: 1px solid #ddd; background: #fff; line-height: 40px; height: 40px; width: 100%; padding: 0 10px; border-radius: 2px; font-size: 1rem; color: #000; -moz-transition: border 0.5s; -o-transition: border 0.5s; -webkit-transition: border 0.5s; transition: border 0.5s; }
#form .box-style:focus { border: 1px solid #86a5b7; }
#form .box-style.textarea { height: 150px; }
#form .codebox .box-style { width: calc(100% - 150px); float: left; }
#form .codebox .codeimg { float: right; display: block; }
#form a.pop { color: #000; text-decoration: underline; }
#form a.pop:hover { color: #86a5b7; }
#form .button { text-align: right; }
#form .button .btns { font-size: 1rem; color: #fff; border: none; text-align: center; margin: 0 5px; padding: 5px 15px; width: 200px; text-align: center; max-width: calc(50% - 13px); }
#form .button .btns.reset { background: #86a5b7; }
#form .button .btns.submit { background: #1a334a; }
@media only screen and (min-width:991px) {
  #form .button .btns { -moz-transition: background 0.5s; -o-transition: background 0.5s; -webkit-transition: background 0.5s; transition: background 0.5s; }
  #form .button .btns.reset:hover { background: #5a8097; }
  #form .button .btns.submit:hover { background: #0d1924; }
}
@media only screen and (max-width:990px) {
  #form .half { width: 100%; }
}
@media only screen and (max-width:768px) {
  #form .f-row .tit { display: block; padding: 0px; font-size: 0.875rem; }
  #form .f-row .content { display: block; width: 100%; }
  #form .button { text-align: center; margin-top: 20px; }
}
@media only screen and (max-width:565px) {
  #form.center .f-row { margin: 2% auto 3%; width: calc(100% - 10px); }
}
@media only screen and (max-width:370px) {
  #form .codebox .box-style { width: 100%; float: none; }
  #form .codebox .codeimg { float: none; margin-top: 5px; }
}
.openBox { background: #fff; max-width: 680px; margin: auto; padding: 35px; color: #666; font-size: 0.937rem; line-height: 1.5; }
.openBox .tit { color: #1a334a; font-weight: 700; font-size: 1.2rem; margin: 0 0 8px 0; }
.openBox .ti { color: #86a5b7; font-weight: 700; font-size: 1.125rem; margin: 0 0 8px 0; padding-top: 25px; }
.cont-mcs { height: 80vh; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow-y: scroll; }
@media only screen and (max-width:640px) {
  .openBox { max-width: 90%; }
}

.is-inline-block {
  display: inline-block !important;
}