.tem45-header .big-fontsize {
     font-size: 22px;
     display: block
 }
 
 .tem45-header-posFixed {
     position: fixed;
     top: 0;
     left: 0;
     z-index: 99;
     width: 100%;
     background: #fff
 }
 
 .tem45-header-posFixed.bottom {
     border: 0 none;
     height: 40px;
     box-shadow: 0 0 10px rgba(0, 0, 0, .1)
 }
 
 .tem45-header .dropdown-menu li:hover>a {
     background: inherit;
     color: #fff
 }
 
 .tem45-header .second_level {
     margin: 0
 }
 
 .tem45-header .loginBar {
     float: right;
     margin: 0 10px
 }
 
 .tem45-header .loginBar .login,
 .tem45-header .loginBar .register {
     color: #999;
     text-decoration: none
 }
 
 .tem45-header .loginBar .icon .login span {
     font-size: 17px
 }
 
 .tem45-header .loginBar i {
     color: #999
 }
 
 .tem45-header .loginBar .myinfo {
     width: 180px;
     display: block;
     text-align: left;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis
 }
 
 .tem45-header .loginBar .icon {
     position: relative
 }
 
 .tem45-header .loginBar .icon .dropdown-menu {
     width: 180px;
     position: absolute;
     top: 39px;
     left: auto;
     right: 0;
     margin: 0
 }
 
 .tem45-header .loginBar .icon .dropdown-menu:before {
     content: "";
     width: 0;
     height: 0;
     position: absolute;
     top: -5px;
     right: 5px;
     border-left: 5px solid transparent;
     border-right: 5px solid transparent;
     border-bottom: 5px solid #ccc
 }
 
 .tem45-header {
     width: 100%
 }
 
 .tem45-header .navBar_ul .dropdown-menu {
     border-radius: 4px
 }
 
 .tem45-header li {
     list-style: none
 }
 
 .tem45-header .info {
     width: 100%;
     background: #f5f5f5;
     border-bottom: 1px solid #eee;
     line-height: 25px;
     font-size: 12px;
     color: #666
 }
 
 .tem45-header .info .co_tmall {
     float: left;
     max-width: 49%;
     overflow: hidden
 }
 
 .tem45-header .info .co_order {
     float: right;
     max-width: 49%;
     overflow: hidden
 }
 
 .tem45-header .top {
     width: 100%;
     position: relative;
     z-index: 98;
     border-bottom-width: 1px;
     border-bottom-style: solid;
     border-color: #d9d9d9
 }
 
 .tem45-header .top .logo {
     max-width: 150px;
     height: 60px;
     position: relative;
     margin: 10px auto 0;
     z-index: 999;
     overflow: hidden;
     float: left
 }
 
 .tem45-header .top .logo-text {
     border-left: 1px solid #f0f0f0;
     color: #333;
     float: left;
     font-size: 16px;
     margin: 10px 0 0 8px;
     padding: 0 15px;
     text-align: left;
     max-width: 30%;
     overflow: hidden;
     height: 60px;
     display: table
 }
 
 .tem45-header .top .logo-text section {
     display: table-cell;
     vertical-align: middle
 }
 
 .tem45-header .top .logo img {
     display: block;
     max-width: 100%;
     max-height: 100%
 }
 
 .tem45-header .container {
     position: relative
 }
 
 .tem45-header .top .icons {
     z-index: 998;
     float: right;
     padding: 20px 0;
     width: 50%
 }
 
 .tem45-header .top .icons .country,
 .tem45-header .top .icons .icon {
     color: #999
 }
 
 .tem45-header .searchBar {
     margin: 0 2px;
     padding: 0;
     line-height: 30px;
     background: rgba(0, 0, 0, .045);
     border-radius: 5px;
     position: relative;
     z-index: 1;
     border-style: solid;
     border-width: 1px;
     width: 35%
 }
 
 .tem45-header .languageBar,
 .tem45-header .loginBar,
 .tem45-header .menuBar,
 .tem45-header .cartBar {
     margin: 0 2px;
     padding: 2px 10px;
     line-height: 30px;
     background: rgba(0, 0, 0, .045);
     border-radius: 5px;
     position: relative;
     z-index: 1
 }
 
 .tem45-header .languageBar,
 .tem45-header .cartBar {
     float: left;
     position: relative;
     cursor: pointer
 }
 
 .tem45-header .languageBar {
     margin-left: 10px
 }
 
 .tem45-header .cartBar span.icon {
     cursor: pointer;
     display: inline-block;
     margin: 0 8px 0 0;
     text-align: center;
     font-size: 16px
 }
 
 .tem45-header .cartBar span.text {
     display: inline-block;
     font-size: 12px
 }
 
 .tem45-header .cartBar i {
     border-radius: 50%;
     color: #fff;
     font-size: 10px;
     font-style: normal;
     height: 13px;
     left: 20px;
     line-height: 13px;
     position: absolute;
     text-align: center;
     top: 2px;
     width: 13px
 }
 
 .tem45-header .languageBar span.country {
     font-size: 12px;
     cursor: pointer;
     vertical-align: middle;
     margin-left: 5px
 }
 
 .tem45-header .top .icons .languageBar .languageList {
     display: none;
     min-width: 170px;
     height: auto;
     padding: 0;
     box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
     border-radius: 4px;
     background: #FFF;
     border: 1px solid #ccc;
     position: absolute;
     top: 40px;
     right: 0;
     z-index: 9999999
 }
 
 .tem45-header .top .icons .languageBar .languageList:before {
     content: "";
     width: 0;
     height: 0;
     position: absolute;
     top: -5px;
     right: 5px;
     border-left: 5px solid transparent;
     border-right: 5px solid transparent;
     border-bottom: 5px solid #ccc
 }
 
 .tem45-header .top .icons .languageBar .languageList li a {
     width: 100%;
     line-height: 24px;
     display: block;
     font-size: 12px;
     color: #666;
     padding: 2px 10px
 }
 
 .tem45-header .top .icons .languageBar .languageList li a:hover {
     background: #CCC;
     color: #333
 }
 
 .tem45-header .top .icons .languageBar.ON .languageList {
     display: block
 }
 
 .tem45-header .top .icons .searchBar .icon span {
     cursor: pointer
 }
 
 .tem45-header .top .icons .searchBar .icon .switch {
     opacity: 0;
     position: absolute;
     top: 0;
     right: 0
 }
 
 .tem45-header .top .icons.ON .searchBar {
     float: right;
     margin-right: 5px
 }
 
 .tem45-header .Contact_tel {
     float: right;
     margin: 0 0 0 15px
 }
 
 .tem45-header .searchBar button {
     border: 0 none;
     border-radius: 0;
     font-size: 16px;
     color: #fff;
     background: 0
 }
 
 .tem45-header .searchBar .icon {
     opacity: 0
 }
 
 .tem45-header .top .icons.ON .searchBar input {
     box-shadow: none;
     width: 100%;
     line-height: 32px;
     font-size: 13px;
     background: 0;
     border: 0;
     outline: 0;
     color: #999;
     padding: 0 0 0 10px
 }
 
 .tem45-header .top .icons.ON .searchBar span {
     font-size: 14px
 }
 
 .tem45-header .top .icons .menuBar {
     float: right;
     display: none
 }
 
 .tem45-header .top .icons .menuBar span {
     width: 20px;
     height: 30px;
     line-height: 30px;
     border-radius: 3px;
     text-align: center;
     display: block;
     font-size: 20px;
     cursor: pointer
 }
 
 .tem45-header .navBar {
     width: 100%;
     position: relative;
     z-index: 97!important
 }
 
 .tem45-header .header-whatsapp {
     padding-left: 50px;
     position: relative;
     width: 18%;
     max-height: 58px;
     float: right;
     margin-top: 10px;
     overflow: hidden
 }
 
 .tem45-header .header-whatsapp .big-font {
     font-size: 24px
 }
 
 .tem45-header .header-whatsapp .icon-phone_in_talk {
     position: absolute;
     left: 15px;
     top: 12px;
     font-size: 30px
 }
 
 .tem45-header .icons-top {
     float: right
 }
 
 .tem45-header .icons .searchBar .icon span {
     display: none
 }
 
 .tem45-header .dropdown-menu>li>a {
     padding: 0 15px!important
 }
 
 .tem45-header .navBar_ul_box {
     width: 100%;
     height: 40px;
     position: relative;
     overflow: hidden
 }
 
 .tem45-header .navBar_ul_box_max_height {
     height: 660px
 }
 
 .tem45-header .navBar_ul {
     position: absolute;
     left: 0;
     width: 10000px
 }
 
 .tem45-header .navBar_ul li {
     float: left;
     position: relative
 }
 
 .tem45-header .navBar_ul li a {
     line-height: 40px;
     padding: 0 15px;
     cursor: pointer;
     font-size: 14px;
     display: block;
     color: #333
 }
 
 .tem45-header .navBar_ul>li.active>a,
 .tem45-header .navBar_ul>li:hover>a {
     color: #fff
 }
 
 .tem45-header .second_level {
     max-height: 660px
 }
 
 .tem45-header .second_level li {
     width: 100%
 }
 
 .tem45-header .three_level {
     left: 100%!important;
     display: none;
     top: 0
 }
 
 .tem45-header .three_level li a {
     left: 0!important;
     font-size: 13px!important;
     width: auto;
     display: block;
     margin-left: auto;
     margin-right: auto
 }
 
 .tem45-header .navBar_next,
 .tem45-header .navBar_prev {
     border-radius: 2px;
     width: 10px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     position: absolute;
     right: -20px;
     top: 5px;
     cursor: pointer;
     font-size: 12px
 }
 
 .tem45-header .navBar_prev {
     left: -20px
 }
 
 .tem45-header .bottom {
     width: 100%;
     background: #fff;
     height: 40px
 }
 
 .tem45-header .icons .searchBar .icon .icon-clear {
     display: none
 }
 
 @media(max-width:1199px) {
     .tem45-header .header-whatsapp {
         margin-top: 0;
         width: 45%;
         max-height: 44px;
         padding-left: 40px;
         line-height: 20px
     }
     .tem45-header .big-font {
         font-size: 14px
     }
     .tem45-header .header-whatsapp {
         display: none
     }
     .tem45-header .navBar_ul_box {
         margin: 0 auto
     }
     .tem45-header .navBar_next,
     .tem45-header .navBar_prev {
         width: 20px
     }
     .tem45-header .searchBar .icon {
         opacity: 1
     }
     .tem45-header .top .icons .searchBar form {
         left: 20px;
         position: absolute;
         top: 0;
         width: 100%;
         z-index: 9
     }
     .tem45-header .top .icons .searchBar {
         position: static
     }
     .tem45-header .top .icons.ON .searchBar form {
         background: #eee;
         width: 100%;
         left: 0;
         border-radius: 5px;
         position: absolute;
         top: 20px;
         z-index: 1000;
         display: none;
         padding: 5px 0
     }
     .tem45-header .icons .searchBar .input-group-btn {
         right: 40px;
         top: 0;
         width: 20px
     }
     .tem45-header .top .icons .searchBar .icon span.icon-clear {
         position: absolute;
         z-index: 1001;
         font-size: 24px;
         color: #666;
         width: 20px;
         right: 20px;
         top: 18px;
         display: none
     }
     .tem45-header .top .icons .searchBar .icon span.icon-search2 {
         display: block;
         color: #fff;
         line-height: 20px
     }
     .tem45-header .top .icons .searchBar .input-group {
         width: 100%
     }
     .tem45-header .searchBar {
         width: auto
     }
 }
 
 @media(max-width:768px) {
     .tem45-header .navBar_prev {
         left: -13px
     }
     .tem45-header .navBar_next {
         right: -13px
     }
     .tem45-header .navBar_ul li a {
         font-size: 14px
     }
     .tem45-header .top .logo {
         float: left
     }
     .tem45-header .top .icons .menuBar {
         display: block
     }
     .tem45-header {
         height: 80px
     }
     .tem45-header>.tem45-header-con {
         position: fixed;
         top: 0;
         left: 0;
         width: 100%;
         z-index: 10;
         background-color: #fafafa!important
     }
     .tem45-header .top {
         margin-bottom: 0
     }
     .tem45-header .tem45-header-posFixed-box {
         display: none;
         position: absolute;
         top: 100%;
         left: 0;
         width: 100%
     }
     .tem45-header .tem45-header-con.ON .tem45-header-posFixed-box {
         display: block
     }
     .tem45-header .navBar_ul_box {
         height: auto;
         background-color: #fff;
         max-height: 400px;
         overflow-y: auto
     }
     .tem45-header .navBar_ul {
         width: 100%;
         position: initial
     }
     .tem45-header .navBar_ul li {
         float: none
     }
     .tem45-header .second_level {
         position: relative;
         float: none
     }
     .tem45-header .bottom .container {
         padding: 0
     }
     .tem45-header {
         position: relative;
         z-index: 21
     }
     .tem45-header .navBar_next,
     .tem45-header .navBar_prev {
         display: none
     }
     .tem45-header-posFixed {
         position: absolute;
         top: 100%
     }
     .tem45-header .top .icons {
         width: auto
     }
     .tem45-header .Contact_tel {
         float: left;
         margin: 0 15px 0 0
     }
     .tem45-header .bottom {
         height: auto
     }
     .tem45-header .navBar_ul_box {
         display: none
     }
     .tem45-header .navBar_ul .dropdown-menu {
         box-shadow: none;
         border: 0;
         left: 0!important;
         border-radius: 0;
         width: 100%
     }
     .tem45-header .navBar_ul .second_level {
         background: #f1f1f1
     }
     .tem45-header .navBar_ul .second_level>li a {
         padding: 0 30px!important
     }
     .tem45-header .three_level {
         left: 0!important;
         position: static;
         padding: 0 15px
     }
 }
 
 @media(max-width:767px) {
     .tem45-header .cartBar,
     .tem45-header .loginBar,
     .tem45-header .top .logo-text,
     .tem45-header .languageBar span.country {
         display: none
     }
     .tem45-header .top .icons.ON .searchBar form {
         top: 12px
     }
     .tem45-header .dropdown-menu li:hover>a {
         color: #888
     }
 }
 
 @media(max-width:480px) {
     .tem45-header,
     .tem45-header>.tem45-header-con,
     .tem45-header .top {
         height: 60px
     }
     .tem45-header .top .logo {
         height: 40px
     }
     .tem45-header .top .icons {
         padding: 12px 0
     }
     .tem45-header .info {
         display: none
     }
     .tem45-header .Contact_tel {
         display: none
     }
     .tem45-header .top .icons .searchBar .icon span.icon-search2 {
         padding: 5px 8px
     }
     .tem45-header .languageBar,
     .tem45-header .loginBar,
     .tem45-header .menuBar,
     .tem45-header .cartBar {
         padding: 2px 6px
     }
 }
 
 .tem20-bread {
     position: relative;
     background-size: 100% auto!important
 }
 
 .tem20-bread .image {
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat
 }
 
 .tem20-bread .image img {
     visibility: hidden
 }
 
 .tem20-bread img {
     width: 100%
 }
 
 .tem20-bread .tem20-bread-ms {
     position: absolute;
     bottom: 20px;
     left: 0;
     width: 100%
 }
 
 .tem20-bread .bread-box {
     color: #f8f8f8
 }
 
 .tem20-bread .title {
     font-size: 26px;
     line-height: 170%;
     margin: 0 0 10px;
     text-align: left
 }
 
 .tem20-bread .tem01-location {
     margin: 0;
     line-height: 25px;
     max-height: 100px;
     width: 100%;
     text-align: left;
     opacity: .9
 }
 
 .tem20-bread .tem01-location a,
 .tem20-bread .tem01-location a:hover,
 .tem20-bread .tem01-location a:focus,
 .tem20-bread .tem01-location span {
     color: inherit!important
 }
 
 @media (max-width:768px) {
     .tem20-bread .tem20-bread-ms {
         bottom: 10px
     }
     .tem20-bread .title {
         display: none
     }
     .tem20-bread .tem01-location {
         text-align: left;
         font-size: 14px;
         line-height: 24px;
         max-height: 48px
     }
 }
 
 .tem01-guide-language {
     position: relative;
     text-align: center
 }
 
 .tem01-guide-language h2,
 .tem01-guide-language .h2 {
     margin: 0 0 15px
 }
 
 .tem01-guide-language h5,
 .tem01-guide-language .h5 {
     color: #333;
     font-size: 16px;
     line-height: 145%;
     margin: 25px 0 15px
 }
 
 .tem01-guide-language .tem27-irregular_text {
     color: #888;
     font-size: 14px;
     line-height: 185%
 }
 
 @media (max-width:768px) {
     .tem01-guide-language .container,
     .tem01-guide-language.full-screen-spacing .container.full-screen {
         padding-left: 3%!important;
         padding-right: 3%!important
     }
     .tem01-guide-language h5,
     .tem01-guide-language .h5 {
         font-size: 16px
     }
     .tem01-guide-language {
         position: relative;
         text-align: center;
         padding: 0 15px
     }
 }
 
 .tem04-main-products .interval {
     padding: 0 8px
 }
 
 .tem04-main-products [layout-style="column"] {
     padding: 0 5px
 }
 
 .tem04-main-products .images {
     margin-bottom: 10px
 }
 
 .tem04-main-products .images img {
     width: 100%
 }
 
 @media (max-width:768px) {
     .tem04-main-products .container {
         padding-left: 3%!important;
         padding-right: 3%!important
     }
     .tem04-main-products.full-screen-spacing .container.full-screen {
         padding-left: 0!important;
         padding-right: 0!important
     }
 }
 
 @media (max-width:480px) {
     .tem04-main-products .col-xs-6 {
         width: 100%
     }
 }
 
 .tem09-brand-story h2,
 .tem09-brand-story .h2 {
     font-size: 26px;
     font-weight: 400;
     color: #565656;
     margin: 20px 0 40px;
     position: relative;
     transition: all 0.4s ease-in 0s
 }
 
 .tem09-brand-story h2::before,
 .tem09-brand-story .h2::before {
     content: "";
     position: absolute;
     width: 40px;
     left: 0;
     bottom: -5px;
     height: 2px;
     background-color: #ccc;
     transition: all 0.4s ease-in 0s
 }
 
 .tem09-brand-story .public_picture {
     width: 100%;
     position: relative
 }
 
 .tem09-brand-story.content-right .public_picture {
     position: static
 }
 
 .tem09-brand-story.full-screen-spacing .irregular-hover {
     padding: 0 10px
 }
 
 .tem09-brand-story .irregular-hover {
     padding: 0
 }
 
 .tem09-brand-story.content-right .public_picture .model {
     float: right
 }
 
 .tem09-brand-story .public_picture img {
     position: relative;
     z-index: 3;
     max-width: 100%;
     transition: all 0.6s ease-in-out 0s
 }
 
 .tem09-brand-story .public_picture a::before {
     position: absolute;
     content: "";
     border: 1px solid #adadad;
     left: -25px;
     bottom: -25px;
     width: 80%;
     height: 110%;
     z-index: 1
 }
 
 .tem09-brand-story .public_picture a::after {
     position: absolute;
     content: "";
     z-index: 2;
     bottom: -25px;
     left: -25px;
     width: 80%;
     height: 55%;
     opacity: .85
 }
 
 .tem09-brand-story.content-right .public_picture a::before {
     right: -25px;
     left: auto
 }
 
 .tem09-brand-story.content-right .public_picture a::after {
     right: -25px;
     left: auto
 }
 
 .tem09-brand-story .text {
     font-size: 13px;
     color: #6a6a6a;
     line-height: 24px;
     max-height: 336px;
     overflow: hidden
 }
 
 .tem09-brand-story .text_btn {
     margin: 40px 0 10px
 }
 
 .tem09-brand-story .text_btn a {
     font-size: 13px;
     border: 1px solid #c6c6c6!important;
     padding: 12px 40px;
     background: none;
     position: relative;
     border-radius: 0;
     color: #aeaeae
 }
 
 .tem09-brand-story .text_btn a::before {
     width: 0;
     height: 100%;
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     transition: all 0.4s ease-in-out 0s
 }
 
 .tem09-brand-story .flexBoxStem {
     align-items: center
 }
 
 .tem09-brand-story.content-right .flexBoxStem {
     flex-direction: row-reverse
 }
 
 @media (min-width:769px) {
     .tem09-brand-story .irregular-hover:hover h2::before,
     .tem09-brand-story .irregular-hover:hover .h2::before {
         background-color: #666
     }
     .tem09-brand-story .irregular-hover:hover h2,
     .tem09-brand-story .irregular-hover:hover .h2 {
         transform: translateY(-10px)
     }
     .tem09-brand-story .irregular-hover:hover img {
         transform: translateX(10px)
     }
     .tem09-brand-story .irregular-hover:hover .text_btn a {
         color: #fff;
         z-index: 2
     }
     .tem09-brand-story .irregular-hover:hover .text_btn a::before {
         width: 100%;
         z-index: -1
     }
 }
 
 @media (max-width:768px) {
     .tem09-brand-story .container,
     .tem09-brand-story.full-screen-spacing .container.full-screen {
         padding-left: 2%!important;
         padding-right: 2%!important
     }
     .tem09-brand-story.full-screen-spacing .irregular-hover {
         padding: 0
     }
     .tem09-brand-story .text {
         max-height: none
     }
     .tem09-brand-story .public_picture a::before,
     .tem09-brand-story .public_picture a::after,
     .tem09-brand-story h2::before,
     .tem09-brand-story .h2::before {
         opacity: 0
     }
     .tem09-brand-story .irregular-text {
         padding: 3% 0
     }
 }
 
 @media (max-width:480px) {
     .tem09-brand-story .col-xs-6 {
         width: 100%;
         max-width: 100%
     }
     .tem09-brand-story .public_picture {
         margin-bottom: 30px
     }
     .tem09-brand-story .col-xs-6:nth-of-type(2) {
         padding: 0
     }
     .tem09-brand-story .irregular-hover {
         margin-bottom: 10px;
         padding: 0
     }
     .tem09-brand-story h2,
     .tem09-brand-story .h2 {
         margin: 0
     }
     .tem09-brand-story .text_btn {
         margin: 20px 0 0
     }
     .tem09-brand-story.content-right .public_picture {
         margin-top: 30px
     }
     .tem09-brand-story .public_picture a::before {
         left: -15px;
         bottom: -15px;
         height: 100%
     }
     .tem09-brand-story .public_picture a::after {
         left: -15px;
         bottom: -15px;
         height: 50%
     }
     .tem09-brand-story.content-right .public_picture a::before {
         right: -15px;
         bottom: -15px;
         height: 100%
     }
     .tem09-brand-story.content-right .public_picture a::after {
         right: -15px;
         bottom: -15px;
         height: 50%
     }
 }
 
 .tem05-title {
     text-align: center
 }
 
 .tem05-title .subtitle {
     font-size: 13px;
     line-height: 30px;
     color: #888
 }
 
 .tem05-title .more {
     display: none
 }
 
 .tem05-title.tem11-title .subtitle::after {
     position: absolute;
     content: "";
     border-bottom: 1px solid;
     border-color: inherit;
     width: 100%;
     left: 0;
     bottom: -10px;
     opacity: .2
 }
 
 @media (max-width:768px) {
     .tem05-title .tem05-list-title {
         padding-left: 2%!important;
         padding-right: 2%!important
     }
     .tem05-title.full-screen-spacing .full-screen .tem05-list-title {
         padding-left: 3%!important;
         padding-right: 3%!important
     }
 }
 
 .mainlist .tem05-list-title,
 .maindetail .tem05-list-title {
     text-align: center;
     padding: 15px 0
 }
 
 .mainlist .tem05-list-title .subtitle,
 .maindetail .tem05-list-title .subtitle {
     line-height: 30px;
     color: #888
 }
 
 .mainlist .tem05-list-title .more,
 .maindetail .tem05-list-title .more {
     display: none
 }
 
 .tem208-irregular {
     width: 100%
 }
 
 .tem208-irregular .wrap {
     clear: both
 }
 
 .tem208-irregular .item {
     width: 12.5%;
     padding: 0 5px 25px;
     float: left
 }
 
 .tem208-irregular .item a {
     display: block
 }
 
 .tem208-irregular img {
     max-width: 100%;
     width: auto;
     display: block;
     margin: 0 auto
 }
 
 .tem208-irregular .title {
     width: 60%;
     margin: 5px auto 0;
     font-size: 12px;
     line-height: 18px;
     font-weight: 400;
     color: #6f6f6f;
     height: 36px;
     overflow: hidden;
     text-align: center;
     cursor: text
 }
 
 @media (max-width:991px) {
     .tem208-irregular .item {
         width: 20%
     }
 }
 
 @media (max-width:768px) {
     .tem208-irregular .title {
         line-height: 18px!important
     }
     .tem208-irregular .item {
         width: 25%;
         padding: 3% 1%
     }
     .tem208-irregular .wrap {
         padding: 0 1%
     }
     .tem208-irregular.full-screen-spacing .wrap {
         padding: 0
     }
 }
 
 @media (max-width:440px) {
     .tem208-irregular .item {
         width: 33.3333%;
         padding-bottom: 20px
     }
 }
 
 @media (max-width:320px) {
     .tem208-irregular .item {
         width: 50%
     }
 }
 
 .tem10-development-path .titlebox {
     padding: 30px 0;
     border-bottom: 1px solid rgba(0, 0, 0, .1)
 }
 
 .tem10-development-path .titlebox span {
     font-size: 26px;
     color: #333
 }
 
 .tem10-development-path .titlebox em {
     font-size: 13px;
     color: #a3a3a3;
     font-style: normal;
     padding-left: 5px
 }
 
 .tem10-development-path .titlebox a {
     font-size: 12px;
     color: #a3a3a3;
     padding-top: 18px;
     display: block
 }
 
 .tem10-development-path .left {
     float: left
 }
 
 .tem10-development-path .right {
     float: right
 }
 
 .tem10-development-path .items {
     position: relative
 }
 
 .tem10-development-path .items li {
     width: 100%;
     margin: 0 0 5%
 }
 
 .tem10-development-path .items li a {
     padding: 1px;
     display: block
 }
 
 .tem10-development-path .items li a:focus,
 .tem10-development-path .items li a:visited {
     text-decoration: none
 }
 
 .tem10-development-path .items li a .text {
     line-height: 2;
     padding: 30px 40px;
     background-color: #FFF
 }
 
 .tem10-development-path .items li a .text .description {
     font-size: 13px;
     overflow: hidden;
     color: #777
 }
 
 .tem10-development-path .items li a .data {
     position: relative;
     padding: 15px 40px;
     color: #fff;
     line-height: 1.2
 }
 
 .tem10-development-path .items li a .title {
     font-size: 16px;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden
 }
 
 @media(max-width:992px) {
     .tem10-development-path .titlebox {
         padding: 20px 0
     }
     .tem10-development-path .items li {
         height: 110px
     }
     .tem10-development-path .items li a .data .icon {
         right: 30px
     }
     .tem10-development-path .items li a .text .description {
         padding-top: 6px;
         height: 58px
     }
     .tem10-development-path .items li a .text {
         height: 130px;
         line-height: 2;
         padding: 20px 30px;
         background-color: #FFF
     }
 }
 
 @media(min-width:768px) {
     .tem10-development-path .items:before {
         content: "";
         display: block;
         width: 1px;
         height: 100%;
         background-color: rgba(121, 121, 121, .15);
         position: absolute;
         top: 0;
         left: 50%
     }
     .tem10-development-path .items li .image {
         width: 50%
     }
     .tem10-development-path .items li .image img {
         max-width: 100%;
         margin: 0 auto;
         display: block
     }
     .tem10-development-path .items li .box {
         width: 50%;
         padding: 0 0 20px
     }
     .tem10-development-path .items li a:hover {
         transform: translateY(-10px);
         box-shadow: 0 10px 20px rgba(0, 0, 0, .2)
     }
     .tem10-development-path .items li a .data:before {
         content: "";
         transition: 0.5s all ease;
         display: block;
         border: 2px solid;
         border-color: inherit;
         background: #fff;
         width: 10px;
         height: 10px;
         border-radius: 50%;
         position: absolute;
         top: 50%;
         margin-top: -5px;
         z-index: 1
     }
     .tem10-development-path .items li a .data:after {
         content: "";
         transition: 0.5s all ease;
         position: absolute;
         top: 50%;
         transform: translateY(-50%);
         width: 0;
         height: 0;
         display: block;
         border-style: solid;
         border-width: 10px;
         border-top-color: transparent;
         border-bottom-color: transparent;
         border-left-color: inherit;
         border-right-color: inherit
     }
     .tem10-development-path .items li:nth-child(odd) .image {
         padding-right: 50px;
         float: left
     }
     .tem10-development-path .items li:nth-child(even) .image {
         padding-left: 50px;
         float: right
     }
     .tem10-development-path .items li:nth-child(odd) .box {
         padding-left: 50px;
         float: right
     }
     .tem10-development-path .items li:nth-child(even) .box {
         padding-right: 50px;
         float: left
     }
     .tem10-development-path .items li:nth-child(odd) .data:after {
         border-left: none;
         left: -11px
     }
     .tem10-development-path .items li:nth-child(even) .data:after {
         border-right: none;
         right: -11px
     }
     .tem10-development-path .items li:nth-child(odd) .data:before {
         left: -55px
     }
     .tem10-development-path .items li:nth-child(even) .data:before {
         right: -57px
     }
 }
 
 @media(max-width:768px) {
     .tem10-development-path .container,
     .tem10-development-path.full-screen-spacing .container.full-screen {
         padding-left: 3%!important;
         padding-right: 3%!important
     }
     .tem10-development-path .items li {
         height: auto;
         margin: 10px 0
     }
     .tem10-development-path .items li .box {
         height: auto;
         padding: 0
     }
     .tem10-development-path .items li .image {
         width: 100%;
         margin: 10px 0
     }
     .tem10-development-path .items li a .text,
     .tem10-development-path .items li a .data {
         padding: 10px 15px;
         height: auto
     }
     .tem10-development-path .items li a .data .md {
         font-size: 20px
     }
     .tem10-development-path .items li a .data .icon {
         right: 15px
     }
 }
 
 .tem06-copyright {
     background-color: rgba(0, 0, 0, .9);
     padding: 10px 0
 }
 
 .tem06-copyright .copyright {
     color: #999;
     font-size: 12px;
     line-height: 20px;
     text-align: center;
     margin-top: 5px
 }
 
 .tem06-copyright .share-to {
     text-align: center;
     padding: 0;
     width: 100%
 }
 
 .tem06-copyright .share-to a {
     display: inline-block
 }
 
 .tem06-copyright .share-to a span {
     padding: 5px 10px 0 0;
     font-size: 16px;
     color: #888
 }
 
 .tem06-copyright .share-to a span[class*="icon-google-plus"] {
     display: none
 }
 
 @media (max-width:767px) {
     .tem06-copyright .share-to a {
         font-size: 20px;
         line-height: 30px
     }
 }
 
 .webuploader-container {
     position: relative
 }
 
 .webuploader-element-invisible {
     position: absolute!important;
     clip: rect(1px 1px 1px 1px);
     clip: rect(1px, 1px, 1px, 1px)
 }
 
 .webuploader-pick {
     position: relative;
     display: inline-block;
     cursor: pointer;
     background: #00b7ee;
     padding: 10px 15px;
     color: #fff;
     text-align: center;
     border-radius: 3px;
     overflow: hidden
 }
 
 .webuploader-pick-hover {
     background: #00a2d4
 }
 
 .webuploader-pick-disable {
     opacity: .6;
     pointer-events: none
 }
 
 .tem02-beshare * {
     transition: all .3s
 }
 
 .tem02-beshare a {
     text-decoration: none
 }
 
 .tem02-beshare .modal .container {
     width: 260px;
     height: 260px;
     position: fixed;
     top: 50%;
     left: 50%;
     margin: -140px 0 0 -130px;
     padding: 15px 15px 0
 }
 
 .tem02-beshare .modal .container .image {
     width: 100%
 }
 
 .tem02-beshare .modal .container .image img {
     max-width: 100%
 }
 
 .tem02-beshare .modal .container .text {
     height: 30px;
     line-height: 30px;
     text-align: center;
     font-size: 14px
 }
 
 .tem02-beshare .shares.OFF {
     right: -180px;
     box-shadow: none
 }
 
 .tem02-beshare .shares {
     width: 180px;
     overflow-x: hidden;
     box-shadow: 0 5px 9px rgba(0, 0, 0, .17);
     bottom: 60px;
     z-index: 99
 }
 
 .tem02-beshare .shares .t {
     padding: 15px 20px
 }
 
 .tem02-beshare .shares .t .text {
     font-size: 14px
 }
 
 .tem02-beshare .shares .t .switch,
 .tem02-beshare .shares .t .text {
     line-height: 16px;
     height: 16px
 }
 
 .tem02-beshare .shares .t .switch {
     font-size: 16px;
     cursor: pointer;
     float: right
 }
 
 .tem02-beshare .shares .links {
     width: 100%;
     max-height: 165px;
     overflow-y: auto
 }
 
 .tem02-beshare .shares .links .link {
     display: block;
     line-height: 20px;
     padding: 10px 15px;
     font-size: 12px;
     word-break: break-all;
     border-bottom-style: solid;
     border-bottom-width: 1px;
     position: relative
 }
 
 .tem02-beshare .shares .links .link:hover {
     opacity: .8
 }
 
 .tem02-beshare .shares .links .link i {
     font-size: 16px;
     vertical-align: middle;
     position: absolute;
     left: 12px;
     top: 11px
 }
 
 .tem02-beshare .shares .links .link span {
     display: block;
     padding-left: 25px;
     font-size: 12px;
     font-family: Arial
 }
 
 .tem02-beshare .shares .links .link:last-child {
     border-bottom: none
 }
 
 .tem02-beshare .icons,
 .tem02-beshare .shares {
     position: fixed;
     right: 0
 }
 
 .tem02-beshare .icons {
     bottom: 0;
     z-index: 98
 }
 
 .tem02-beshare .icons span {
     width: 45px!important;
     height: 45px!important;
     line-height: 45px!important;
     text-align: center;
     display: block;
     cursor: pointer;
     font-size: 20px!important
 }
 
 .tem02-beshare .icons span.info {
     font-size: 14px
 }
 
 .tem02-beshare .icons span.phone {
     font-size: 18px;
     opacity: .9
 }
 
 .tem02-beshare .icons span.gotop {
     font-size: 22px;
     opacity: .95;
     cursor: default
 }
 
 .tem02-beshare .icons span.switch {
     display: none
 }
 
 .tem01-float-inquire {
     width: 100%;
     height: 100%;
     position: fixed;
     top: 0;
     left: 0;
     z-index: 1000
 }
 
 .tem01-float-inquire .tem01-float-inquire-alert {
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, .5)
 }
 
 .tem01-float-inquire .tem01-float-inquire-box {
     width: 60%;
     background-color: #fff;
     border-radius: 6px;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%)
 }
 
 .tem01-float-inquire .tem01-float-inquire-box .closebox {
     height: 50px;
     padding: 0 28px;
     cursor: pointer;
     border-bottom: 1px solid #ddd;
     line-height: 50px;
     text-align: right;
     font-size: 24px;
     color: #999
 }
 
 .tem01-float-inquire .tem01-float-inquire-box form {
     padding: 30px
 }
 
 .tem01-float-inquire .bv-form .help-block {
     position: static
 }
 
 .tem01-float-inquire .form-horizontal .has-feedback .form-control-feedback {
     line-height: 34px
 }
 
 .tem01-float-inquire .jy_verificationcode .control-label {
     display: none
 }
 
 .tem01-float-inquire .jy_verificationcode {
     padding-left: 17.5%
 }
 
 .tem01-float-inquire .form {
     padding: 3% 3% 15px
 }
 
 .tem01-float-inquire .form .form-group {
     margin-left: 0!important;
     margin-right: 0!important
 }
 
 @media(max-width:768px) {
     .tem02-beshare {
         display: none
     }
 }
 
 .tem01-beshare {
     position: fixed;
     z-index: 999;
     display: none
 }
 
 .show .tem01-beshare {
     display: block
 }
 
 .tem01-beshare li {
     margin-bottom: 1px;
     overflow: hidden;
     position: relative
 }
 
 .tem01-beshare li a {
     display: block;
     overflow: hidden;
     transition: .5s ease 0s;
     color: #fff
 }
 
 .tem01-beshare li a span {
     display: block
 }
 
 .show.right .tem01-beshare {
     right: 0!important;
     bottom: 275px
 }
 
 .show.left .tem01-beshare {
     left: 0!important;
     bottom: 275px
 }
 
 @media(max-width:767px) {
     .show.right .tem01-beshare {
         bottom: 65px;
         top: auto
     }
     .show .tem01-beshare {
         bottom: 65px!important;
         top: auto!important;
         display: none
     }
     .show .tem01-beshare span {
         width: 35px;
         height: 35px;
         line-height: 35px;
         font-size: 14px
     }
 }
 
 @media(max-width:480px) {
     .tem01-float-inquire .tem01-float-inquire-box {
         width: 80%
     }
 }
 
 .tem01-beshare.addClass {
     z-index: 1059;
     display: none;
     -webkit-transform: scale(.8);
     -moz-transform: scale(.8);
     -ms-transform: scale(.8);
     -o-transform: scale(.8);
     transform: scale(.8);
     opacity: 0;
     -webkit-transition: all .5s;
     -moz-transition: all .5s;
     -ms-transition: all .5s;
     transition: all .5s
 }
 
 .left .tem01-beshare.addClass {
     -webkit-transform-origin: bottom left;
     -moz-transform-origin: bottom left;
     -ms-transform-origin: bottom left;
     -o-transform-origin: bottom left;
     transform-origin: bottom left
 }
 
 .right .tem01-beshare.addClass {
     -webkit-transform-origin: bottom right;
     -moz-transform-origin: bottom right;
     -ms-transform-origin: bottom right;
     -o-transform-origin: bottom right;
     transform-origin: bottom right
 }
 
 .tem01-beshare.addClass.startAnimation {
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
     transform: scale(1);
     opacity: 1
 }
 
 .tem01-beshare.addClass {
     background-color: var(--main-color)
 }
 
 .tem01-beshare.addClass li a {
     display: -webkit-flex;
     display: -moz-flex;
     display: -ms-flex;
     display: flex;
     -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-align-items: center;
     -moz-align-items: center;
     -ms-align-items: center;
     align-items: center
 }
 
 .tem01-beshare.addClass li .text {
     width: auto;
     padding-right: 20px;
     text-transform: capitalize;
     font-size: 14px
 }
 
 .tem45-header .bottom {
     background: #000
 }
 
 .tem45-header .navBar_ul li a {
     color: #fff
 }
 
 .tem45-header .navBar_ul .dropdown-menu {
     background: #000
 }
 
 .tem45-header .navBar_ul li a:hover {
     color: #636363
 }