@import url("c41fed9545f7406d88da9743d4a6702d.css");
 @import "iconfont.css";
 @import "bootstrap.min.css";
 @import "animsition.css";
 @import "animate.css";
 @import "font-awesome.min.css";
 @import "owl.carousel.css";
 @import "cubeportfolio.min.css";
 @import "magnific-popup.css";
 @import "flexslider.css";
 @import "vegas.css";
 @import "settings.css";
 @import "layers.css";
 @import "navigation.css";
 @import "woocommerce.css";
 @import "shortcodes.css";

 html,
 body,
 div,
 span,
 applet,
 object,
 iframe,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 blockquote,
 pre,
 a,
 abbr,
 acronym,
 address,
 big,
 cite,
 code,
 del,
 dfn,
 em,
 img,
 ins,
 kbd,
 q,
 s,
 samp,
 small,
 strike,
 strong,
 sub,
 sup,
 tt,
 var,
 b,
 u,
 i,
 center,
 dl,
 dt,
 dd,
 ol,
 ul,
 li,
 fieldset,
 form,
 label,
 legend,
 table,
 caption,
 tbody,
 tfoot,
 thead,
 tr,
 th,
 td,
 article,
 aside,
 canvas,
 details,
 embed,
 figure,
 figcaption,
 footer,
 header,
 hgroup,
 menu,
 nav,
 output,
 ruby,
 section,
 summary,
 time,
 mark,
 audio,
 video {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-size: 100%;
     font: inherit;
     vertical-align: baseline;
     font-family: 微软雅黑, microsoft yahei, Arial, 宋体, sans-serif;
     font-size: 100%;
     font-style: inherit;
     font-weight: inherit
 }

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

 html {
     font-size: 62.5%;
     overflow-y: scroll;
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%
 }

 *,
 *:before,
 *:after {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box
 }

 body {
     background: #fff;
     line-height: 1
 }

 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 main,
 nav,
 section {
     display: block
 }

 ol,
 ul {
     list-style: none
 }

 table {
     border-collapse: collapse;
     border-spacing: 0
 }

 caption,
 th,
 td {
     font-weight: 400;
     text-align: left
 }

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

 blockquote,
 q {
     quotes: none
 }

 a:focus {
     outline: none
 }

 a:hover,
 a:active {
     outline: 0
 }

 a img {
     border: 0
 }

 img {
     max-width: 100%;
     height: auto
 }

 select {
     max-width: 100%
 }

 body,
 button,
 input,
 select,
 textarea {
     font-family: 微软雅黑, microsoft yahei, Arial, 宋体, sans-serif;
     color: #777;
     font-size: 14px;
     line-height: 1.875;
     background-color: #fff
 }

 img {
     height: auto;
     max-width: 100%;
     vertical-align: middle;
     -ms-interpolation-mode: bicubic
 }

 p {
     margin: 0 0 10px
 }

 strong,
 b {
     font-weight: 700
 }

 dfn,
 cite,
 em,
 i,
 blockquote {
     font-style: italic
 }

 blockquote {
     border: 2px solid #ffae00;
     font-style: italic;
     padding: 35px 30px
 }

 blockquote:before,
 blockquote:after,
 q:before,
 q:after {
     content: ""
 }

 blockquote>p:last-child {
     margin-bottom: 0
 }

 blockquote .small {
     display: inline-block
 }

 blockquote cite {}

 blockquote em,
 blockquote i {
     font-style: normal
 }

 abbr,
 acronym {
     border-bottom: 1px dotted #d1d1d1;
     cursor: help
 }

 mark,
 ins {
     text-decoration: none
 }

 sup,
 sub {
     font-size: 75%;
     height: 0;
     line-height: 0;
     position: relative;
     vertical-align: baseline
 }

 sup {
     top: -6px
 }

 sub {
     bottom: -3px
 }

 small {
     font-size: 75%
 }

 big {
     font-size: 125%
 }

 address {
     font-style: italic;
     margin: 0 0 20px
 }

 code,
 kbd,
 tt,
 var,
 samp,
 pre {
     font-family: Inconsolata, monospace;
     -webkit-hyphens: none;
     -moz-hyphens: none;
     hyphens: none;
     background: #f9f9f9;
     border: 1px solid #e1e1e1;
     border-radius: 0;
     height: auto;
     margin: 0 0 20px;
     overflow-x: auto;
     padding: 20px
 }

 html {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box
 }

 *,
 *:before,
 *:after {
     -webkit-box-sizing: inherit;
     -moz-box-sizing: inherit;
     box-sizing: inherit
 }

 hr {
     background-color: #f6f6f6;
     border: 0;
     height: 1px;
     margin-bottom: 20px
 }

 ul,
 ol {
     padding: 0;
     margin: 0 0 20px 35px
 }

 ul {
     list-style: disc
 }

 ol {
     list-style: decimal
 }

 li>ul,
 li>ol {
     margin-bottom: 0
 }

 ul li,
 ol li {
     line-height: 1.86em;
     padding: .26em 0
 }

 ul.list-unstyled {
     margin-left: 0;
     list-style: none
 }

 .list-fixed-icon .fa {
     display: inline-block;
     width: 1.2em;
     text-align: right;
     padding-right: 1.4em
 }

 dl {
     margin: 0 0 30px
 }

 dt {
     font-weight: 700
 }

 dd {
     margin: 0 0 30px
 }

 del {
     filter: alpha(opacity=80);
     opacity: .8
 }

 table,
 th,
 td {
     border: 1px solid #eaeaea
 }

 table {
     border-collapse: separate;
     border-spacing: 0;
     border-width: 1px 0 0 1px;
     margin: 0 0 30px;
     table-layout: fixed;
     width: 100%
 }

 caption,
 th,
 td {
     font-weight: 400;
     text-align: left
 }

 th {
     border-width: 0 1px 1px 0;
     font-weight: 700
 }

 td {
     border-width: 0 1px 1px 0
 }

 th,
 td {
     padding: 5px
 }

 embed,
 iframe,
 object,
 video {
     margin-bottom: 20px;
     max-width: 100%;
     vertical-align: middle
 }

 p>embed,
 p>iframe,
 p>object,
 p>video {
     margin-bottom: 0
 }

 .screen-reader-text {
     clip: rect(1px, 1px, 1px, 1px);
     position: absolute !important;
     height: 1px;
     width: 1px;
     overflow: hidden
 }

 .screen-reader-text:focus {
     background-color: #f1f1f1;
     border-radius: 3px;
     box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
     clip: auto !important;
     color: #21759b;
     display: block;
     height: auto;
     left: 5px;
     line-height: normal;
     padding: 15px 23px 14px;
     text-decoration: none;
     top: 5px;
     width: auto;
     z-index: 100000
 }

 button,
 input {
     line-height: normal
 }

 button,
 input,
 select,
 textarea {
     font-size: 100%;
     line-height: inherit;
     margin: 0;
     vertical-align: baseline
 }

 input,
 textarea {
     font-size: 1em;
     max-width: 100%;
     background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0))
 }

 textarea {
     overflow: auto;
     vertical-align: top
 }

 input[type=checkbox] {
     display: inline
 }

 button,
 input[type=button],
 input[type=reset],
 input[type=submit] {
     line-height: 1;
     cursor: pointer;
     -webkit-appearance: button;
     border: 0
 }

 input[type=checkbox],
 input[type=radio] {
     padding: 0
 }

 input[type=search] {
     -webkit-appearance: textfield
 }

 input[type=search]::-webkit-search-decoration {
     -webkit-appearance: none
 }

 button::-moz-focus-inner,
 input::-moz-focus-inner {
     border: 0;
     padding: 0
 }

 input:-webkit-autofill {
     -webkit-box-shadow: 0 0 0 1000px #f7f7f7 inset
 }

 input[type=search] {
     outline: 0
 }

 input[type=search]::-webkit-search-decoration,
 input[type=search]::-webkit-search-cancel-button,
 input[type=search]::-webkit-search-results-button,
 input[type=search]::-webkit-search-results-decoration {
     display: none
 }

 select,
 textarea,
 input[type=text],
 input[type=password],
 input[type=datetime],
 input[type=datetime-local],
 input[type=date],
 input[type=month],
 input[type=time],
 input[type=week],
 input[type=number],
 input[type=email],
 input[type=url],
 input[type=search],
 input[type=tel],
 input[type=color] {
     color: #777;
     border: 1px solid #eaeaea;
     padding: 11px 19px;
     line-height: inherit;
     width: 100%;
     background-color: transparent;
     margin-bottom: 30px;
     border-radius: 0;
     height: auto;
     -webkit-appearance: none;
     text-shadow: none;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-transition: border ease .238s;
     -moz-transition: border ease .238s;
     transition: border ease .238s
 }

 .wpcf7-form select,
 .wpcf7-form textarea,
 .wpcf7-form input {
     margin-bottom: 0
 }

 textarea:focus,
 input[type=text]:focus,
 input[type=password]:focus,
 input[type=datetime]:focus,
 input[type=datetime-local]:focus,
 input[type=date]:focus,
 input[type=month]:focus,
 input[type=time]:focus,
 input[type=week]:focus,
 input[type=number]:focus,
 input[type=email]:focus,
 input[type=url]:focus,
 input[type=search]:focus,
 input[type=tel]:focus,
 input[type=color]:focus {
     border-color: #a1a1a1;
     outline: 0;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none
 }

 button,
 input[type=button],
 input[type=reset],
 input[type=submit] {
     font-family: 微软雅黑, microsoft yahei, Arial, 宋体, sans-serif;
     font-weight: 500;
     background-color: #ffae00;
     color: #fff;
     padding: 1.285em 2.642em;
     display: inline-block;
     -webkit-appearance: none;
     -webkit-transition: all ease .238s;
     -moz-transition: all ease .238s;
     transition: all ease .238s
 }

 button:hover,
 input[type=button]:hover,
 input[type=reset]:hover,
 input[type=submit]:hover,
 button:focus,
 input[type=button]:focus,
 input[type=reset]:focus,
 input[type=submit]:focus {
     outline: 0;
     background-color: #4b4b4b;
     color: #fff
 }

 ::-webkit-input-placeholder {
     color: #c1c1c1
 }

 :-moz-placeholder {
     color: #c1c1c1
 }

 ::-moz-placeholder {
     color: #c1c1c1;
     opacity: 1
 }

 :-ms-input-placeholder {
     color: #c1c1c1
 }

 a {
     color: #ffae00;
     outline: 0;
     text-decoration: none;
     -webkit-transition: all ease .238s;
     -moz-transition: all ease .238s;
     transition: all ease .238s
 }

 a:hover,
 a:focus,
 a:active {
     outline: 0;
     color: #4b4b4b;
     text-decoration: none
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: 微软雅黑, microsoft yahei, Arial, 宋体, sans-serif;
     color: #4b4b4b;
     line-height: 1.5;
     margin: 0 0 12px;
     font-weight: 500;
     text-rendering: optimizeLegibility
 }

 h1 {
     font-size: 2.142em
 }

 h2 {
     font-size: 2.08em
 }

 h3 {
     font-size: 1.571em
 }

 h4 {
     font-size: 1.428em
 }

 h5 {
     font-size: 1.285em
 }

 h6 {
     font-size: 1.071em
 }

 h1 a,
 h2 a,
 h3 a,
 h4 a,
 h5 a,
 h6 a {
     color: inherit
 }

 h1 a:hover,
 h2 a:hover,
 h3 a:hover,
 h4 a:hover,
 h5 a:hover,
 h6 a:hover {
     text-decoration: none
 }

 .text-accent-color {
     color: #ffae00 !important
 }

 .text-white {
     color: #fff !important
 }

 .text-grey {
     color: #ccc !important
 }

 .text-heading-color {
     color: #4b4b4b !important
 }

 .text-muted {
     color: #aaa !important
 }

 .text-primary {
     color: #3c7fb9 !important
 }

 .text-success {
     color: #51a351 !important
 }

 .text-info {
     color: #56b5ce !important
 }

 .text-warning {
     color: #dfa048 !important
 }

 .text-danger {
     color: #cb4d49 !important
 }

 p.dropcap-contrast span.first-letter {
     font-size: 24px;
     float: left;
     color: #fff;
     background-color: #ffae00;
     text-align: center;
     vertical-align: middle;
     margin: 5px 10px 0 0;
     line-height: 60px;
     width: 60px;
     height: 60px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%
 }

 p.dropcap span.first-letter {
     font-size: 55px;
     float: left;
     color: #ffae00;
     text-align: left;
     line-height: 45px;
     margin-right: 18px;
     width: 45px;
     height: 45px
 }

 .construction-icons>span {
     font-size: 30px
 }

 .line-height-normal {
     line-height: normal
 }

 .margin-0 {
     margin: 0 !important
 }

 .padding-0 {
     padding: 0 !important
 }

 .margin-bottom-0 {
     margin-bottom: 0
 }

 .margin-bottom-5 {
     margin-bottom: 5px
 }

 .margin-bottom-10 {
     margin-bottom: 10px
 }

 .margin-bottom-15 {
     margin-bottom: 15px
 }

 .margin-bottom-20 {
     margin-bottom: 20px
 }

 .margin-bottom-25 {
     margin-bottom: 25px
 }

 .margin-bottom-30 {
     margin-bottom: 30px
 }

 .margin-bottom-35 {
     margin-bottom: 35px
 }

 .margin-bottom-40 {
     margin-bottom: 40px
 }

 .margin-bottom-45 {
     margin-bottom: 45px
 }

 .margin-bottom-50 {
     margin-bottom: 50px
 }

 .margin-bottom-55 {
     margin-bottom: 55px
 }

 .margin-bottom-60 {
     margin-bottom: 60px
 }

 .margin-bottom-65 {
     margin-bottom: 65px
 }

 .margin-bottom-70 {
     margin-bottom: 70px
 }

 .margin-bottom-75 {
     margin-bottom: 75px
 }

 .margin-bottom-80 {
     margin-bottom: 80px
 }

 .margin-bottom-85 {
     margin-bottom: 85px
 }

 .margin-bottom-90 {
     margin-bottom: 90px
 }

 .margin-bottom-95 {
     margin-bottom: 95px
 }

 .margin-bottom-100 {
     margin-bottom: 100px
 }

 .margin-top-0 {
     margin-top: 0
 }

 .margin-top-5 {
     margin-top: 5px
 }

 .margin-top-10 {
     margin-top: 10px
 }

 .margin-top-15 {
     margin-top: 15px
 }

 .margin-top-20 {
     margin-top: 20px
 }

 .margin-top-25 {
     margin-top: 25px
 }

 .margin-top-30 {
     margin-top: 30px
 }

 .margin-top-35 {
     margin-top: 35px
 }

 .margin-top-40 {
     margin-top: 40px
 }

 .margin-top-45 {
     margin-top: 45px
 }

 .margin-top-50 {
     margin-top: 50px
 }

 .margin-top-55 {
     margin-top: 55px
 }

 .margin-top-60 {
     margin-top: 60px
 }

 .margin-top-65 {
     margin-top: 65px
 }

 .margin-top-70 {
     margin-top: 70px
 }

 .margin-top-75 {
     margin-top: 75px
 }

 .margin-top-80 {
     margin-top: 80px
 }

 .margin-top-85 {
     margin-top: 85px
 }

 .margin-top-90 {
     margin-top: 90px
 }

 .margin-top-95 {
     margin-top: 95px
 }

 .margin-top-100 {
     margin-top: 100px
 }

 .font-weight-300 {
     font-weight: 300
 }

 .font-weight-400 {
     font-weight: 400
 }

 .font-weight-500 {
     font-weight: 500
 }

 .font-weight-600 {
     font-weight: 600
 }

 .font-weight-700 {
     font-weight: 700
 }

 .letter-spacing-1px {
     letter-spacing: 1px
 }

 .letter-spacing-2px {
     letter-spacing: 2px
 }

 .letter-spacing-3px {
     letter-spacing: 3px
 }

 .letter-spacing-4px {
     letter-spacing: 4px
 }

 .letter-spacing-5px {
     letter-spacing: 5px
 }

 .letter-spacing-6px {
     letter-spacing: 6px
 }

 .letter-spacing-7px {
     letter-spacing: 7px
 }

 .letter-spacing-8px {
     letter-spacing: 8px
 }

 .font-family-body {
     font-family: 微软雅黑, microsoft yahei, Arial, 宋体, sans-serif
 }

 .font-family-heading {
     font-family: 微软雅黑, microsoft yahei, Arial, 宋体, sans-serif
 }

 .font-family-extend {
     font-family: 微软雅黑, microsoft yahei, Arial, 宋体, sans-serif
 }

 .font-size-13 {
     font-size: 13px
 }

 .font-size-14 {
     font-size: 14px
 }

 .font-size-15 {
     font-size: 15px
 }

 .font-size-16 {
     font-size: 16px
 }

 .font-size-17 {
     font-size: 17px
 }

 .font-size-18 {
     font-size: 18px
 }

 .font-size-19 {
     font-size: 19px
 }

 .font-size-20 {
     font-size: 20px
 }

 .font-size-21 {
     font-size: 21px
 }

 .font-size-22 {
     font-size: 22px
 }

 .font-size-23 {
     font-size: 23px
 }

 .font-size-24 {
     font-size: 24px
 }

 .font-size-25 {
     font-size: 25px
 }

 .font-size-26 {
     font-size: 26px
 }

 .font-size-27 {
     font-size: 27px
 }

 .font-size-28 {
     font-size: 28px
 }

 .font-size-29 {
     font-size: 29px
 }

 .font-size-30 {
     font-size: 30px
 }

 .font-size-35 {
     font-size: 35px
 }

 .font-size-40 {
     font-size: 40px
 }

 .font-size-45 {
     font-size: 45px
 }

 .font-size-50 {
     font-size: 50px
 }

 .font-size-55 {
     font-size: 55px
 }

 .font-size-60 {
     font-size: 60px
 }

 .font-size-70 {
     font-size: 70px
 }

 .font-size-80 {
     font-size: 80px
 }

 .font-size-90 {
     font-size: 90px
 }

 .font-size-100 {
     font-size: 100px
 }

 .text-shadow {
     text-shadow: 1px 1px 3px rgba(0, 0, 0, .1) !important
 }

 .parallax {
     width: 100%;
     background-position: 50% 0
 }

 .clearfix {
     *zoom: 1
 }

 .clearfix:before,
 .clearfix:after,
 .wprt-container:before,
 .wprt-container:after {
     clear: both;
     display: table;
     line-height: 0;
     content: ""
 }

 .clearfix:after,
 .wprt-container:after {
     clear: both
 }

 .wprt-container {
     width: 1170px;
     margin: 0 auto;
     max-width: 90%
 }

 #page {
     background: #fff
 }

 #main-content {
     padding: 60px 0
 }

 #inner-content,
 #inner-sidebar {
     position: relative;
     z-index: 1
 }

 #inner-content:after,
 #inner-sidebar:after {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     border-style: solid;
     border-width: 0;
     z-index: -1
 }

 #full-content {
     float: left;
     width: 100%
 }

 #site-content {
     float: left;
     width: 70.95%
 }

 #sidebar {
     float: right;
     width: 25.64%
 }

 .sidebar-left #site-content {
     float: right
 }

 .sidebar-left #sidebar {
     float: left
 }

 .no-sidebar #site-content {
     width: 100% !important;
     max-width: none !important;
     float: none !important
 }

 #hero-section {
     position: relative
 }

 #hero-section .hero-content {
     position: relative;
     z-index: 20;
     text-align: left
 }

 #hero-section .hero-title {
     overflow: hidden;
     height: 80px;
     vertical-align: baseline
 }

 #hero-section .hero-title h1 {
     font-size: 80px;
     color: #fff;
     height: 80px;
     line-height: 72px;
     margin: 0;
     font-weight: 700;
     text-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
     -webkit-transition: margin-top .4s ease-in-out;
     -moz-transition: margin-top .4s ease-in-out;
     transition: margin-top .4s ease-in-out
 }

 #hero-section .typed-cursor {
     opacity: 1;
     -webkit-animation: blink .7s infinite;
     -moz-animation: blink .7s infinite;
     animation: blink .7s infinite
 }

 @keyframes blink {
     0% {
         opacity: 1
     }

     50% {
         opacity: 0
     }

     100% {
         opacity: 1
     }
 }

 @-webkit-keyframes blink {
     0% {
         opacity: 1
     }

     50% {
         opacity: 0
     }

     100% {
         opacity: 1
     }
 }

 @-moz-keyframes blink {
     0% {
         opacity: 1
     }

     50% {
         opacity: 0
     }

     100% {
         opacity: 1
     }
 }

 #hero-section .hero-text {
     font-size: 20px;
     width: 100%;
     color: #fff;
     margin: 20px 0;
     text-shadow: 1px 1px 3px rgba(0, 0, 0, .3)
 }

 #hero-section .hero-text>p {
     padding: 0 0px;
     max-width: 600px;
 }

 #hero-section .arrow {
     position: absolute;
     bottom: 10px;
     left: 50%;
     margin-left: -20px;
     width: 40px;
     height: 40px;
     z-index: 998;
     animation: bounce 2.5s infinite;
     -webkit-animation: bounce 2.5s infinite;
     -moz-animation: bounce 3.0s infinite
 }

 #hero-section .arrow:after {
     content: "\f107";
     font-family: fontawesome;
     font-size: 24px;
     color: #fff;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 40px;
     line-height: 40px;
     text-align: center
 }

 #hero-section .arrow:hover:after {
     color: #ffae00
 }

 #hero-section .arrow-2 {
     display: inline-block;
     width: 50px;
     height: 150px;
     font-size: 34px;
     animation: bounce 2.5s infinite;
     -webkit-animation: bounce 2.5s infinite;
     -moz-animation: bounce 2.5s infinite
 }

 #hero-section .arrow-2:hover,
 #hero-section .arrow-2:focus {
     color: #fff
 }

 #top-bar {
     font-size: .928em;
     position: relative;
     z-index: 1
 }

 #top-bar:after {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: #ffae00;
     z-index: -1
 }

 #top-bar,
 #top-bar a {
     color: #fff
 }

 #top-bar a:hover {
     text-decoration: underline
 }

 #top-bar-inner {
     padding-top: 10px;
     padding-bottom: 10px
 }

 #top-bar .top-bar-inner-wrap {
     display: table;
     overflow: hidden;
     width: 100%
 }

 #top-bar .top-bar-content {
     display: table-cell;
     margin: 0;
     text-align: left;
     vertical-align: middle;
     width: 75%
 }

 #top-bar .top-bar-socials {
     display: table-cell;
     text-align: right;
     vertical-align: middle;
     width: 25%
 }

 #top-bar .top-bar-socials .texts {
     padding-right: 5px
 }

 .header-style-5 #top-bar:after {
     background-color: #000;
     filter: alpha(opacity=20);
     opacity: .2;
     border-width: 0 0 1px;
     border-style: solid;
     border-color: #515151
 }

 #top-bar .top-bar-socials .icons a {
     position: relative;
     z-index: 1;
     font-size: 14px;
     color: #fff;
     width: 24px;
     height: 24px;
     line-height: 24px;
     margin: 0 0 0 8px;
     text-align: center;
     display: inline-block
 }

 #top-bar .top-bar-socials .icons a:hover {
     color: #4b4b4b
 }

 #top-bar .top-bar-socials .icons a:last-child {
     margin-right: 0
 }

 #top-bar .top-bar-socials .icons a:after {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     border: 1px solid transparent;
     background-color: transparent;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%
 }

 #top-bar .top-bar-content i.fa-phone-square {
     margin-right: 12px;
     color: #fff;
     font-size: 14px
 }

 #top-bar .top-bar-content i.fa-envelope {
     margin-right: 12px;
     margin-left: 24px;
     color: #fff;
     font-size: 13px
 }

 #top-bar .top-bar-content i.fa-clock-o {
     margin-right: 12px;
     margin-left: 24px;
     color: #fff;
     font-size: 14px
 }

 .top-bar-menu {
     margin: 0;
     list-style: none;
     margin-right: 20px
 }

 .top-bar-menu li {
     margin-right: 20px
 }

 .top-bar-menu li li {
     display: none !important
 }

 .top-bar-menu li:last-child {
     margin-right: 0
 }

 .top-bar-menu,
 .top-bar-menu li {
     display: inline-block
 }

 .top-bar-menu li a {
     color: #4b4b4b;
     display: inline-block
 }

 #top-bar.style-2 .top-bar-menu {
     float: right;
     margin: 0 0 0 25px
 }

 #top-bar.style-2 .top-bar-content {
     text-align: right
 }

 #top-bar.style-2 .top-bar-socials {
     text-align: left
 }

 #top-bar.style-2 .top-bar-socials .icons a:first-child {
     margin-left: 0
 }

 #site-header {
     position: relative;
     background-color: none
 }

 #site-header-inner {
     position: relative;
     padding-top: 25px;
     padding-bottom: 25px;
     height: 100%;
     -webkit-transition: all ease .238s;
     -moz-transition: all ease .238s;
     transition: all ease .238s
 }

 #site-logo {
     float: left
 }

 #site-logo .site-logo-text {
     color: #4b4b4b;
     font-size: 22px;
     line-height: 34px;
     font-weight: 700
 }

 #site-logo .site-logo-text:hover {
     color: #ffae00
 }

 .menu-has-search #site-header.style-1 #main-nav,
 .menu-has-search #site-header.style-5 #main-nav {
     right: 50px
 }

 .menu-has-cart #site-header.style-1 #main-nav,
 .menu-has-cart #site-header.style-5 #main-nav {
     right: 60px
 }

 .menu-has-search.menu-has-cart #site-header.style-1 #main-nav,
 .menu-has-search.menu-has-cart #site-header.style-5 #main-nav {
     right: 26px
 }

 .menu-has-search.menu-has-cart #site-header.style-1 #header-search,
 .menu-has-search.menu-has-cart #site-header.style-5 #header-search {
     right: 26px
 }

 #site-header.style-1 #main-nav,
 #site-header.style-5 #main-nav {
     position: absolute;
     right: -3px;
     top: 50%;
     z-index: 10;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     transform: translateY(-50%)
 }

 #site-header.style-1 #main-nav>ul>li>a,
 #site-header.style-5 #main-nav>ul>li>a {
     height: 50px;
     line-height: 50px
 }

 #site-header.style-1 .header-search-icon,
 #site-header.style-5 .header-search-icon {
     display: block;
     height: 50px;
     line-height: 50px;
     color: #4b4b4b;
     font-size: 16px
 }

 #site-header.style-1 .header-search-icon:hover,
 #site-header.style-5 .header-search-icon:hover {
     color: #ffae00
 }

 #site-header.style-1 .header-search-form,
 #site-header.style-5 .header-search-form {
     top: 4px
 }

 #site-header #header-search {
     position: absolute;
     right: 15px;
     top: 50%;
     z-index: 10;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     transform: translateY(-50%)
 }

 #site-header .header-search-form {
     position: absolute;
     right: 30px;
     top: -6px;
     width: 210px;
     display: none
 }

 #site-header .header-search-field {
     margin: 0;
     padding-top: 5px;
     padding-bottom: 5px;
     background-color: #fff
 }

 #site-header .header-search-submit {
     position: absolute;
     right: 0;
     top: 0;
     filter: alpha(opacity=0);
     opacity: 0;
     visibility: hidden;
     display: none
 }

 #site-header .header-search-form.show {
     filter: alpha(opacity=100);
     opacity: 1;
     visibility: visible
 }

 #site-header .header-search-form header-search-field {
     width: 273px;
     height: 43px
 }

 .nav-top-cart-wrapper {
     position: absolute;
     right: 15px;
     top: 50%;
     z-index: 100;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     transform: translateY(-50%)
 }

 .nav-cart-trigger {
     display: block;
     height: 50px;
     line-height: 50px;
     color: #4b4b4b;
     font-size: 16px
 }

 .nav-cart-trigger:hover {
     color: #ffae00
 }

 .nav-cart-trigger .cart-icon {
     position: relative;
     padding-right: 16px
 }

 .shopping-cart-items-count {
     position: absolute;
     right: 0;
     top: 0;
     width: 15px;
     height: 15px;
     line-height: 17px;
     font-size: 11px;
     background-color: #ffae00;
     color: #fff;
     display: block;
     border-radius: 50%;
     text-align: center
 }

 .nav-top-cart-wrapper .nav-shop-cart {
     width: 305px;
     position: absolute;
     right: 0;
     top: 100%;
     z-index: 99999;
     background-color: #fff;
     border: 1px solid #f8f8f8;
     padding: 20px;
     box-shadow: 0 2px 15px rgba(0, 0, 0, .15);
     filter: alpha(opacity=0);
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all ease .238s;
     -moz-transition: all ease .238s;
     transition: all ease .238s;
     -webkit-transform: translateY(5px);
     -moz-transform: translateY(5px);
     transform: translateY(5px)
 }

 .nav-top-cart-wrapper:hover .nav-shop-cart {
     filter: alpha(opacity=100);
     opacity: 1;
     visibility: visible;
     -webkit-transition: all ease .238s;
     -moz-transition: all ease .238s;
     transition: all ease .238s;
     -webkit-transform: translateY(0px);
     -moz-transform: translateY(0px);
     transform: translateY(0px)
 }

 .nav-top-cart-wrapper .nav-shop-cart ul {
     list-style: none;
     margin: 0
 }

 .nav-top-cart-wrapper .nav-shop-cart ul li {
     display: inline-block;
     position: relative;
     width: 100%;
     border-top: 1px solid #eaeaea;
     padding: 15px;
     padding-left: 0
 }

 .nav-top-cart-wrapper .nav-shop-cart ul li.empty {
     padding: 0
 }

 .nav-top-cart-wrapper .nav-shop-cart ul li:first-child {
     padding-top: 0;
     margin-top: 0;
     border-top: 0
 }

 .nav-top-cart-wrapper .nav-shop-cart ul li a {
     color: #4b4b4b;
     font-family: 微软雅黑, microsoft yahei, Arial, 宋体, sans-serif;
     font-weight: 500;
     font-size: 1.071em
 }

 .nav-top-cart-wrapper .nav-shop-cart ul li a:hover {
     color: #ffae00
 }

 .nav-top-cart-wrapper .nav-shop-cart ul li a.remove {
     font-size: 16px;
     color: #d82e2e;
     position: absolute;
     right: 0;
     top: 25px
 }

 .nav-top-cart-wrapper .nav-shop-cart ul li a.remove:hover {
     color: #4b4b4b
 }

 .nav-top-cart-wrapper .nav-shop-cart ul li:first-child a.remove {
     top: 10px
 }

 .nav-top-cart-wrapper .nav-shop-cart ul li a img {
     float: left;
     width: 50px;
     margin-left: 0;
     margin-right: 13px
 }

 .nav-top-cart-wrapper .nav-shop-cart ul li .quantity {
     display: block;
     line-height: 16px
 }

 .nav-top-cart-wrapper .nav-shop-cart .total {
     border-top: 1px solid #eaeaea;
     padding-top: 10px
 }

 .nav-top-cart-wrapper .nav-shop-cart .buttons:before,
 .nav-top-cart-wrapper .nav-shop-cart .buttons:after {
     content: "";
     display: table;
     clear: both
 }

 .nav-top-cart-wrapper .nav-shop-cart .buttons {
     margin: 0
 }

 .nav-top-cart-wrapper .nav-shop-cart .buttons a {
     float: left;
     text-transform: uppercase
 }

 .nav-top-cart-wrapper .nav-shop-cart .buttons a.checkout {
     float: right
 }

 #main-nav {
     display: block
 }

 #main-nav ul {
     margin: 0
 }

 #main-nav ul li {
     position: relative;
     list-style: none;
     padding-top: 0;
     padding-bottom: 0
 }

 #main-nav>ul>li {
     float: left;
     padding: 0 22px
 }

 #main-nav>ul>li:first-child {
     padding-left: 0
 }

 #main-nav>ul>li>a {
     display: block;
     font-family: 微软雅黑, microsoft yahei, Arial, 宋体, sans-serif;
     font-size: 16px;
     font-weight: 500;
     color: #fff;
     text-transform: uppercase
 }

 #main-nav>ul>li>a:hover,
 #main-nav>ul>li.current-menu-item>a {
     color: #ffae00
 }

 #main-nav>ul>li.menu-item-has-children>a {
     position: relative;
     padding-right: 15px
 }

 #main-nav>ul>li.menu-item-has-children>a:after {
     content: "\f107";
     font-family: fontawesome;
     position: absolute;
     right: 0;
     top: 0;
     filter: alpha(opacity=75);
     opacity: .75
 }

 .header-style-5 #site-header {
     background-color: transparent !important;
     display: block;
 }

 .header-style-5 #site-header-wrap {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     background-color: transparent;
     z-index: 999
 }

 #site-header.style-5:after {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: none;
     filter: alpha(opacity=20);
     opacity: .2;
     z-index: -1
 }

 #site-header.style-5 #main-nav>ul>li>a {
     color: #fff;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, .1)
 }

 #site-header.style-5 #main-nav>ul>li.current-menu-item>a,
 #site-header.style-5 #main-nav>ul>li>a:hover {
     color: #ffae00
 }

 #site-header.style-5 .mobile-button:before,
 #site-header.style-5 .mobile-button:after,
 #site-header.style-5 .mobile-button span {
     background-color: #fff
 }

 #site-header.style-5 .nav-cart-trigger {
     color: #fff;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, .1)
 }

 #site-header.style-5 .nav-cart-trigger:hover {
     color: #ffae00
 }

 #site-header.style-5 .header-search-icon {
     color: #fff;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, .1)
 }

 #site-header.style-5 .header-search-icon:hover {
     color: #ffae00
 }

 #site-header.is-sticky {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     z-index: 999999;
     box-shadow: 0 2px 4px rgba(0, 0, 0, .0)
 }

 #site-header.is-sticky:after {
     filter: alpha(opacity=80);
     opacity: .8
 }

 #site-header.is-sticky #site-header-inner {
     padding-top: 18px;
     padding-bottom: 18px
 }

 #main-nav .sub-menu {
     position: absolute;
     left: 0;
     top: 100%;
     width: 220px;
     filter: alpha(opacity=0);
     opacity: 0;
     visibility: hidden;
     z-index: 9999;
     -webkit-transition: all ease .238s;
     -moz-transition: all ease .238s;
     transition: all ease .238s;
     -webkit-transform: translateY(3px);
     -moz-transform: translateY(3px);
     transform: translateY(3px);
     -webkit-box-shadow: inset 0 12px 19px rgba(255, 255, 255, .1), 0 1px 7px rgba(0, 0, 0, .2);
     -moz-box-shadow: inset 0 12px 19px rgba(255, 255, 255, .1), 0 1px 7px rgba(0, 0, 0, .2);
     box-shadow: inset 0 12px 19px rgba(255, 255, 255, .1), 0 1px 7px rgba(0, 0, 0, .2)
 }

 #main-nav>ul>li:first-child>.sub-menu {
     left: -18px
 }

 #main-nav .sub-menu li a {
     display: block;
     background-color: #fff;
     color: #4b4b4b;
     font-weight: 500;
     font-size: .928em;
     font-family: 微软雅黑, microsoft yahei, Arial, 宋体, sans-serif;
     text-transform: uppercase;
     border-top: 1px solid #eaeaea;
     padding: 10px 19px;
     line-height: 24px
 }

 #main-nav .sub-menu li:first-child a {
     border-top: 0
 }

 #main-nav .sub-menu li a:hover {
     color: #ffae00
 }

 #main-nav li:hover>.sub-menu {
     filter: alpha(opacity=100);
     opacity: 1;
     visibility: visible;
     -webkit-transition: all ease .238s;
     -moz-transition: all ease .238s;
     transition: all ease .238s;
     -webkit-transform: translateX(0px);
     -moz-transform: translateX(0px);
     transform: translateX(0px)
 }

 #main-nav-mobi {
     display: block;
     margin: 0 auto;
     width: 100%;
     position: absolute;
     left: 0;
     top: 100%;
     z-index: 99999;
     background-color: #262626
 }

 #main-nav-mobi ul {
     display: block;
     list-style: none;
     margin: 0;
     padding: 0
 }

 #main-nav-mobi ul li {
     margin: 0;
     position: relative;
     text-align: center;
     cursor: pointer;
     border-top: 1px solid #333;
     padding-top: 0;
     padding-bottom: 0
 }

 #main-nav-mobi ul>li>a {
     font-weight: 500;
     color: #a9a9a9;
     display: inline-block;
     font-family: 微软雅黑, microsoft yahei, Arial, 宋体, sans-serif;
     font-size: 14px;
     text-transform: uppercase;
     line-height: 50px;
     text-decoration: none
 }

 #main-nav-mobi ul>li>a:hover {
     color: #ffae00
 }

 #main-nav-mobi .menu-item-has-children .arrow {
     cursor: pointer;
     display: inline-block;
     font-family: fontawesome;
     font-size: 20px;
     line-height: 50px;
     position: absolute;
     right: 0;
     text-align: center;
     top: 0;
     width: 50px
 }

 #main-nav-mobi .menu-item-has-children .arrow:before {
     content: "\f105";
     color: #aaa
 }

 #main-nav-mobi .menu-item-has-children .arrow.active:before {
     content: "\f107"
 }

 #main-nav-mobi ul ul li {
     background-color: #444
 }

 #main-nav-mobi ul ul ul li {
     background-color: #323232
 }

 .mobile-button {
     display: none;
     float: right;
     position: relative;
     background: 0 0;
     cursor: pointer;
     margin-top: 0px;
     width: 26px;
     height: 26px;
     -webkit-transition: all ease .238s;
     -moz-transition: all ease .238s;
     transition: all ease .238s
 }

 .mobile-button:before,
 .mobile-button:after,
 .mobile-button span {
     background-color: #fff;
     -webkit-transition: all ease .238s;
     -moz-transition: all ease .238s;
     transition: all ease .238s
 }

 .mobile-button:before,
 .mobile-button:after {
     content: '';
     position: absolute;
     top: 0;
     height: 2px;
     width: 100%;
     left: 0;
     top: 50%;
     -webkit-transform-origin: 50% 50%;
     -ms-transform-origin: 50% 50%;
     transform-origin: 50% 50%
 }

 .mobile-button span {
     position: absolute;
     width: 100%;
     height: 2px;
     left: 0;
     top: 50%;
     overflow: hidden;
     text-indent: 200%
 }

 .mobile-button:before {
     -webkit-transform: translate3d(0, -7px, 0);
     -moz-transform: translate3d(0, -7px, 0);
     transform: translate3d(0, -7px, 0)
 }

 .mobile-button:after {
     -webkit-transform: translate3d(0, 7px, 0);
     -moz-transform: translate3d(0, 7px, 0);
     transform: translate3d(0, 7px, 0)
 }

 .mobile-button.active span {
     opacity: 0
 }

 .mobile-button.active:before {
     -webkit-transform: rotate3d(0, 0, 1, 45deg);
     -moz-transform: rotate3d(0, 0, 1, 45deg);
     transform: rotate3d(0, 0, 1, 45deg)
 }

 .mobile-button.active:after {
     -webkit-transform: rotate3d(0, 0, 1, -45deg);
     -moz-transform: rotate3d(0, 0, 1, -45deg);
     transform: rotate3d(0, 0, 1, -45deg)
 }

 #featured-title {
     background: none;
     border-style: solid
 }

 #featured-title .featured-title-inner-wrap {
     padding: 90px 0;
     display: table;
     overflow: hidden;
     width: 100%
 }

 #featured-title .featured-title-heading-wrap {
     display: table-cell;
     margin: 0;
     text-align: left;
     vertical-align: middle;
     width: 25%
 }

 #featured-title #breadcrumbs {
     font-size: .928em;
     display: table-cell;
     text-align: right;
     vertical-align: middle;
     width: 55%
 }

 #featured-title .featured-title-heading {
     z-index: 1;
     position: relative;
     display: inline-block;
     font-size: 48px;
     margin: 0;
     font-weight: 700;
     padding-left: 25px;
     line-height: 54px;
     color: #fff;
     border-left: 3px solid #ffb606;
 }

 #featured-title .featured-title-heading.has-shadow {
     text-shadow: rgba(0, 0, 0, .3) 0 1px 1px
 }

 #featured-title .featured-title-heading:after,
 #featured-title #breadcrumbs .breadcrumbs-inner:after {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     border-style: solid;
     border-width: 0
 }

 #featured-title #breadcrumbs .breadcrumbs-inner {
     z-index: 1;
     position: relative;
     display: inline-block
 }

 #featured-title #breadcrumbs a.trail-begin {
     color: #ffae00
 }

 #featured-title #breadcrumbs a {
     color: #999
 }

 #featured-title #breadcrumbs a:hover {
     color: #4b4b4b
 }

 #featured-title #breadcrumbs .sep {
     padding: 0 8px;
     color: #d1d1d1
 }

 #featured-title.featured-title-right .featured-title-heading-wrap {
     text-align: right
 }

 #featured-title.featured-title-right #breadcrumbs {
     text-align: left
 }

 #featured-title.featured-title-centered1 .featured-title-inner-wrap,
 #featured-title.featured-title-centered2 .featured-title-inner-wrap {
     display: block
 }

 #featured-title.featured-title-centered1 .featured-title-heading-wrap,
 #featured-title.featured-title-centered2 .featured-title-heading-wrap {
     display: block;
     width: 100%;
     text-align: center
 }

 #featured-title.featured-title-centered1 #breadcrumbs {
     display: block;
     width: 100%;
     text-align: center;
     margin-top: 5px
 }

 #featured-title.featured-title-centered2 #breadcrumbs {
     display: block;
     width: 100%;
     text-align: center;
     margin-bottom: 5px
 }

 #featured-title.featured-title-centered2 .featured-title-heading-wrap {
     margin-top: 5px
 }

 #featured-title.featured-title-centered1 .featured-title-heading-wrap {
     margin-bottom: 5px
 }

 body.front-page #main-content,
 body.page #main-content {
     padding-top: 0;
     padding-bottom: 0
 }

 .hentry {
     margin-top: 60px
 }

 .hentry:first-child {
     margin-top: 0
 }

 .hentry .post-content-wrap,
 .hentry .post-content-single-wrap {
     border: 1px solid transparent
 }

 .post-media {
     margin-bottom: 25px;
     position: relative
 }

 .hentry .post-media img {
     width: 100%;
     height: auto
 }

 .hentry .post-media iframe {
     margin-bottom: 0
 }

 .hentry .post-title {
     font-size: 1.785em;
     margin-bottom: 20px
 }

 .hentry .post-title-inner {
     z-index: 1;
     position: relative;
     display: inline-block
 }

 .hentry .post-title-inner:before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     z-index: -1;
     width: 100%;
     height: 100%;
     border: 1px solid transparent
 }

 .hentry .post-title-inner:after {
     content: "";
     position: absolute;
     left: 0;
     top: 100%;
     width: 0;
     height: 0;
     background-color: transparent
 }

 .hentry .post-title a:hover {
     color: #ffae00
 }

 .hentry .post-meta {
     padding: 7px 12px;
     background-color: #f8f8f8;
     color: #777;
     font-size: .928em;
     margin-bottom: 22px
 }

 .hentry .post-meta a {
     color: #9e9e9e
 }

 .hentry .post-meta a:hover {
     color: #ffae00
 }

 .hentry .post-meta .item {
     display: inline-block;
     margin-left: 18px;
     border: 1px solid transparent
 }

 .hentry .post-meta .item:first-child {
     margin-left: 0
 }

 .hentry .post-meta .item .inner {
     position: relative;
     padding-left: 20px
 }

 .hentry .post-meta .item .inner:before {
     content: "";
     font-family: fontawesome;
     font-size: 13px;
     position: absolute;
     left: 0;
     top: 50%;
     -webkit-transform: translate3d(0, -50%, 0);
     -moz-transform: translate3d(0, -50%, 0);
     transform: translate3d(0, -50%, 0)
 }

 .hentry .post-meta .item.post-by-author .inner:before {
     content: "\f017"
 }

 .hentry .post-meta .item.post-date .inner:before {
     content: "\f007"
 }

 .hentry .post-meta .item.post-comment .inner:before {
     content: "\f27a"
 }

 .hentry .post-meta .item.post-meta-categories .inner:before {
     content: "\f02b"
 }

 .hentry .post-meta .post-categories {
     color: #ffae00
 }

 .hentry .post-meta .post-categories span,
 .hentry .post-meta .post-categories:before {
     color: #777
 }

 .hentry .post-meta.style-2 .item .inner:before {
     content: "/";
     font-size: 10px;
     font-family: open sans, sans-serif
 }

 .hentry .post-meta.style-2 .item,
 .hentry .post-meta.style-3 .item,
 .hentry .post-meta.style-4 .item {
     margin-left: 7px
 }

 .hentry .post-meta.style-2 .item .inner,
 .hentry .post-meta.style-3 .item .inner,
 .hentry .post-meta.style-4 .item .inner {
     padding-left: 13px
 }

 .hentry .post-meta.style-2 .item:first-child .inner,
 .hentry .post-meta.style-3 .item:first-child .inner,
 .hentry .post-meta.style-4 .item:first-child .inner {
     padding-left: 0
 }

 .hentry .post-meta.style-2 .item:first-child .inner:before,
 .hentry .post-meta.style-3 .item:first-child .inner:before,
 .hentry .post-meta.style-4 .item:first-child .inner:before {
     display: none
 }

 .hentry .post-meta.style-3 .item .inner:before {
     content: "\f111";
     font-size: 4px;
     line-height: 4px;
     padding-top: 2px
 }

 .hentry .post-meta.style-4 .item .inner:before {
     content: "\f0c8";
     font-size: 4px;
     line-height: 4px;
     padding-top: 2px
 }

 .hentry .post-meta-share-icon {
     display: inline-block;
     font-size: 0
 }

 .hentry .post-meta-share-text {
     display: inline-block;
     line-height: 30px
 }

 .hentry .post-share a {
     position: relative;
     z-index: 1;
     width: 30px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     display: inline-block;
     color: #777;
     font-size: 12px;
     cursor: pointer;
     margin: 0 0 4px 8px
 }

 .hentry .post-share a:after {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     background-color: #f8f8f8;
     -webkit-transition: all ease .238s;
     -moz-transition: all ease .238s;
     transition: all ease .238s
 }

 .hentry .post-share a:hover:after {
     background-color: #ffae00;
     border-color: #ffae00
 }

 .hentry .post-share a:hover {
     color: #fff
 }

 .hentry .post-excerpt {
     position: relative;
     z-index: 1;
     margin-bottom: 22px
 }

 .hentry .post-excerpt:before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     background-color: transparent;
     border: 1px solid transparent
 }

 .hentry .post-excerpt p:last-child {
     margin-bottom: 0
 }

 .hentry .post-read-more {
     display: table;
     width: 100%;
     border: 1px solid transparent
 }

 .hentry .post-link {
     display: table-cell;
     vertical-align: middle;
     text-align: left;
     width: 50%
 }

 .hentry .post-link-share {
     display: table-cell;
     vertical-align: middle;
     width: 50%;
     text-align: right
 }

 .hentry .post-link a {
     z-index: 1;
     position: relative;
     display: inline-block;
     color: #fff;
     text-transform: uppercase;
     font-weight: 500;
     font-family: 微软雅黑, microsoft yahei, Arial, 宋体, sans-serif;
     padding: .65em 2.5em;
     -webkit-transition: all ease .238s !important;
     -moz-transition: all ease .238s !important;
     transition: all ease .238s !important
 }

 .hentry .post-link a:before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     border: 1px solid transparent;
     background-color: #ffae00;
     -webkit-transition: all ease .238s !important;
     -moz-transition: all ease .238s !important;
     transition: all ease .238s !important
 }

 .hentry .post-link a:hover:before {
     background-color: #4b4b4b
 }

 .post-content-single-wrap .post-media {
     margin-bottom: 20px
 }

 .post-content-single-wrap .post-link-share {
     display: block;
     text-align: left;
     width: 100%;
     margin-top: 48px
 }

 .hentry .post-author {
     border-style: solid
 }

 .hentry .post-author {
     background-color: #4b4b4b;
     border: 1px solid transparent;
     color: #fefefe;
     padding: 30px;
     overflow: hidden;
     margin-top: 70px
 }

 .hentry .post-author .author-avatar {
     width: 85px;
     float: left;
     margin-right: 30px
 }

 .hentry .post-author .author-avatar a {
     width: 85px;
     height: auto;
     display: inline-block
 }

 .hentry .post-author .author-avatar a img {
     width: 100%;
     height: auto
 }

 .hentry .post-author .name {
     font-size: 1.285em;
     margin: -3px 0 8px;
     color: #fff
 }

 .hentry .post-author .author-desc>p {
     margin: 0;
     font-size: .857em;
     line-height: 1.6;
     overflow: hidden
 }

 .hentry .post-tags {
     margin-top: 25px
 }

 .hentry .post-tags a {
     display: inline-block;
     background-color: #ffae00;
     padding: 2px 10px;
     color: #fff;
     font-size: .857em;
     margin-left: 3px;
     margin-bottom: 3px
 }

 .hentry .post-tags a:hover {
     background-color: #4b4b4b;
     color: #fff
 }

 .comments-area {
     margin-top: 65px
 }

 .comments-area .comments-title,
 .comments-area .comment-reply-title {
     font-size: 1.428em;
     margin-bottom: 30px;
     position: relative;
     text-transform: uppercase
 }

 .comment-list {
     list-style: none;
     margin: 0
 }

 .comment-list>li {
     padding-top: 40px;
     border-top: 1px solid #eaeaea
 }

 .comment-list>li:first-child {
     padding-top: 0;
     border-top: 0
 }

 .comment-list .children {
     list-style: none;
     margin: 0
 }

 .comment-list .children>li {
     padding: 0 0 0 110px
 }

 .comment-list article {
     position: relative;
     margin-bottom: 30px
 }

 .comment-list article+.comment-respond {
     margin-bottom: 50px
 }

 .comment-list article .gravatar {
     width: 80px;
     float: left;
     margin-right: 30px;
     overflow: hidden
 }

 .comment-list article .gravatar img {
     width: 100%;
     height: auto
 }

 .comment-list .comment-meta {
     margin: -3px 0 0
 }

 .comment-author {
     font-size: 1.142em;
     margin-bottom: 8px;
     display: inline-block;
     font-style: normal;
     text-transform: uppercase
 }

 .comment-author a {
     color: #585252
 }

 .comment-time {
     margin-left: 10px;
     font-size: .857em
 }

 .comment-reply a {
     color: #ffae00;
     text-transform: uppercase;
     display: inline-block;
     margin-left: 10px;
     font-size: .857em
 }

 .comment-text {
     overflow: hidden;
     line-height: 1.857em
 }

 .comment-text>p:last-child {
     margin-bottom: 0
 }

 .comment-edit-link {
     position: absolute;
     right: 0;
     top: 0
 }

 .comment-author a:hover,
 .comment-reply a:hover {
     color: #4b4b4b
 }

 .comment-respond {
     position: relative;
     margin-top: 27px
 }

 .name-wrap,
 .email-wrap {
     width: 48%;
     float: left
 }

 .email-wrap {
     float: right
 }

 .comment-respond .form-submit {
     clear: both;
     text-align: center;
     margin-bottom: 0
 }

 .comment-respond #comment-reply {
     text-transform: uppercase
 }

 #sidebar .widget,
 #footer-widgets .widget {
     position: relative;
     z-index: 1;
     margin-top: 50px;
     color: #777
 }

 #sidebar .widget:before,
 #footer-widgets .widget:before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     border: 1px solid transparent;
     background-color: transparent
 }

 #sidebar .widget:first-child,
 #footer-widgets .widget:first-child {
     margin: 0
 }

 #sidebar .widget ul,
 #footer-widgets .widget ul {
     margin: 0;
     list-style: none
 }

 #sidebar .widget ul li,
 #footer-widgets .widget ul li {
     border-top: 1px solid #eaeaea;
     padding: 13px 0
 }

 #sidebar .widget>ul li:first-child,
 #footer-widgets .widget>ul li:first-child {
     padding-top: 0
 }

 #sidebar .widget ul:not(.children)>li:first-child,
 #footer-widgets .widget ul:not(.children)>li:first-child {
     border: 0
 }

 #sidebar .widget ul li a,
 #sidebar .widget.widget_calendar #next a,
 #sidebar .widget.widget_calendar #prev a,
 #footer-widgets .widget ul li a,
 #footer-widgets .widget.widget_calendar #next a,
 #footer-widgets .widget.widget_calendar #prev a {
     color: #4b4b4b
 }

 #sidebar .widget ul li a:hover,
 #footer-widgets .widget ul li a:hover {
     color: #ffae00
 }

 #sidebar .widget.widget_recent_comments .comment-author-link,
 #sidebar .widget.widget_recent_entries .post-date,
 #sidebar .widget.widget_recent_news .entry-date,
 #footer-widgets .widget.widget_recent_comments .comment-author-link,
 #footer-widgets .widget.widget_recent_entries .post-date,
 #footer-widgets .widget.widget_recent_news .entry-date {
     display: block
 }

 #sidebar .widget .widget-title,
 #footer-widgets .widget .widget-title {
     font-size: 1.028em;
     margin-bottom: 25px;
     z-index: 1;
     position: relative;
     font-weight: 700;
     text-transform: uppercase;
 }

 #sidebar .widget .widget-title>span,
 #footer-widgets .widget .widget-title>span {
     display: block;
     position: relative
 }

 #sidebar .widget .widget-title>span:before,
 #footer-widgets .widget .widget-title>span:before {
     background-color: transparent;
     border: 1px solid transparent;
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: -1
 }

 #sidebar.style-1 .widget .widget-title>span:after,
 #sidebar.style-2 .widget .widget-title>span:after,
 #footer-widgets.style-1 .widget .widget-title>span:after,
 #footer-widgets.style-2 .widget .widget-title>span:after {
     width: 0;
     height: 1px;
     background-color: #585252;
     content: "";
     position: absolute;
     left: 0;
     top: 100%;
     z-index: -2
 }

 #sidebar.style-2 .widget .widget-title,
 #footer-widgets.style-2 .widget .widget-title {
     text-align: center
 }

 #sidebar.style-2 .widget .widget-title>span:after,
 #footer-widgets.style-2 .widget .widget-title>span:after {
     left: 50%;
     -webkit-transform: translate3d(-50%, 0, 0);
     -moz-transform: translate3d(-50%, 0, 0);
     transform: translate3d(-50%, 0, 0)
 }

 #sidebar .widget.widget_search .search-form,
 #footer-widgets .widget.widget_search .search-form {
     position: relative
 }

 #sidebar .widget.widget_search .search-form .search-field,
 #footer-widgets .widget.widget_search .search-form .search-field {
     padding-left: 17px;
     padding-right: 48px;
     margin-bottom: 10px
 }

 #sidebar .widget.widget_search .search-form .search-submit,
 #footer-widgets .widget.widget_search .search-form .search-submit {
     position: absolute;
     right: 18px;
     top: 14px;
     width: 24px;
     height: 24px;
     text-align: center;
     text-indent: 9999px;
     background-color: transparent;
     padding: 0;
     border: 0;
     overflow: hidden
 }

 #sidebar .widget.widget_search .search-form .search-submit:before,
 #footer-widgets .widget.widget_search .search-form .search-submit:before {
     content: "\f002";
     font-family: fontawesome;
     font-size: 18px;
     color: #ffae00;
     position: absolute;
     left: 2px;
     top: 2px;
     width: 100%;
     text-align: center;
     text-indent: 0;
     font-weight: 400;
     -webkit-transition: color ease .238s;
     -moz-transition: color ease .238s;
     transition: color ease .238s
 }

 #sidebar .widget.widget_search .search-form .search-submit:hover:before,
 #footer-widgets .widget.widget_search .search-form .search-submit:hover:before {
     color: #ffae00
 }

 #sidebar .widget.widget_search .search-form.style-2 .search-field {
     padding-left: 48px;
     padding-right: 17px
 }

 #sidebar .widget.widget_search .search-form.style-2 .search-submit {
     right: auto;
     left: 15px
 }

 #sidebar .widget.widget_search .search-form.style-3 .search-submit:before {
     display: none
 }

 #sidebar .widget.widget_search .search-form.style-3 .search-field {
     padding-left: 17px;
     padding-right: 17px
 }

 #sidebar .widget.widget_socials .socials a,
 #footer-widgets .widget.widget_socials .socials a {
     position: relative;
     display: inline-block;
     width: 35px;
     height: 35px;
     color: #777;
     line-height: 35px;
     text-align: center;
     margin-right: 6px;
     margin-bottom: 6px;
     z-index: 1
 }

 #sidebar .widget.widget_socials .socials a:before,
 #footer-widgets .widget.widget_socials .socials a:before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     border: 1px solid #eaeaea;
     background-color: transparent;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     -webkit-transition: all ease .238s;
     -moz-transition: all ease .238s;
     transition: all ease .238s
 }

 #sidebar .widget.widget_socials .socials a:hover:before,
 #footer-widgets .widget.widget_socials .socials a:hover:before {
     background-color: #ffae00;
     border-color: #ffae00
 }

 #sidebar .widget.widget_socials .socials a:hover,
 #footer-widgets .widget.widget_socials .socials a:hover {
     color: #fff
 }

 .widget.widget_categories ul li:before,
 .widget.widget_categories ul li:after,
 .widget.widget_archive ul li:before,
 .widget.widget_archive ul li:after {
     content: "";
     clear: both;
     display: table
 }

 .widget.widget_categories ul li,
 .widget.widget_archive ul li {
     position: relative;
     text-align: right
 }

 .widget.widget_categories ul li a,
 .widget.widget_archive ul li a {
     float: left
 }

 #sidebar .widget.widget_nav_menu ul.sub-menu {
     display: none
 }

 #sidebar .widget.widget_nav_menu .menu>li {
     border: 0;
     background-color: #f8f8f8;
     padding-left: 28px;
     padding-right: 28px;
     margin-bottom: 5px
 }

 #sidebar .widget.widget_nav_menu .menu>li>a {
     color: #4b4b4b;
     position: relative;
     font-size: 14px;
     font-family: 微软雅黑, microsoft yahei, Arial, 宋体, sans-serif;
     font-weight: 500
 }

 #sidebar .widget.widget_nav_menu .menu>li>a:hover {
     color: #ffae00
 }

 #sidebar .widget.widget_nav_menu .menu>li.current_page_item {
     background-color: #ffae00;
     color: #fff;
     position: relative
 }

 #sidebar .widget.widget_nav_menu .menu>li.current_page_item a {
     color: #fff
 }

 #sidebar .widget.widget_nav_menu .menu>li.current_page_item:after {
     content: "";
     position: absolute;
     right: 0;
     top: 50%;
     border-width: 5px;
     border-style: solid;
     border-color: transparent #fff transparent transparent;
     -webkit-transform: translate3d(0, -50%, 0);
     -moz-transform: translate3d(0, -50%, 0);
     transform: translate3d(0, -50%, 0)
 }

 #sidebar .widget.widget_recent_news ul li,
 #footer-widgets .widget.widget_recent_news ul li {
     padding: 0;
     border: 0;
     padding-top: 18px;
     margin-top: 18px;
     border-top: 1px solid #eaeaea
 }

 #sidebar .widget.widget_recent_news ul li:first-child,
 #footer-widgets .widget.widget_recent_news ul li:first-child {
     padding-top: 0;
     margin-top: 0
 }

 #sidebar .widget.widget_recent_news .recent-news .thumb,
 #footer-widgets .widget.widget_recent_news .recent-news .thumb {
     width: 70px;
     float: left;
     margin: 0 17px 0 0
 }

 #sidebar .widget.widget_recent_news .recent-news .thumb img,
 #footer-widgets .widget.widget_recent_news .recent-news .thumb img {
     width: 100%;
     height: auto
 }

 #sidebar .widget.widget_recent_news h3,
 #footer-widgets .widget.widget_recent_news h3 {
     font-size: 1.071em;
     margin: 0 0 3px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     display: block
 }

 #sidebar .widget.widget_recent_news h3 a {
     color: #4b4b4b
 }

 #footer-widgets .widget.widget_recent_news h3 a {
     color: #777
 }

 #sidebar .widget.widget_recent_news .recent-news .texts,
 #footer-widgets .widget.widget_recent_news .recent-news .texts {
     overflow: hidden
 }

 #sidebar .widget.widget_recent_news .post-date,
 #footer-widgets .widget.widget_recent_news .post-date {
     font-size: 12px;
     color: #979797;
     line-height: 21px;
     color: #979797
 }

 .widget.widget_instagram .instagram-wrap,
 .widget.widget_flickr .flickr-wrap {
     margin: 0 -.5px
 }

 .widget.widget_instagram .instagram-wrap .instagram_badge_image,
 .widget.widget_flickr .flickr-wrap .flickr_badge_image {
     padding: 0 .5px !important;
     margin: 0 0 1px !important;
     width: 33.333%;
     float: left;
     height: auto !important
 }

 .widget.widget_instagram .instagram-wrap .instagram_badge_image img,
 .widget.widget_flickr .flickr-wrap .flickr_badge_image img {
     width: 100%;
     height: auto
 }

 .widget.widget_instagram .instagram-wrap .instagram_badge_image a,
 .widget.widget_flickr .flickr-wrap .flickr_badge_image a {
     position: relative;
     display: block
 }

 .widget.widget_instagram .instagram-wrap .instagram_badge_image a:after,
 .widget.widget_flickr .flickr-wrap .flickr_badge_image a:after {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: transparent;
     -webkit-transition: all ease .238s;
     -moz-transition: all ease .238s;
     transition: all ease .238s
 }

 .widget.widget_instagram .instagram-wrap .instagram_badge_image a:hover:after,
 .widget.widget_flickr .flickr-wrap .flickr_badge_image a:hover:after {
     background: #ffae00 url(../images/icon-plus.png) no-repeat center center
 }

 .widget.widget_instagram .instagram-wrap.col2 .instagram_badge_image,
 .widget.widget_flickr .flickr-wrap.col2 .flickr_badge_image {
     width: 50%
 }

 .widget.widget_instagram .instagram-wrap.col4 .instagram_badge_image,
 .widget.widget_flickr .flickr-wrap.col4 .flickr_badge_image {
     width: 25%
 }

 .widget.widget_instagram .instagram-wrap.g0,
 .widget.widget_flickr .flickr-wrap.g0 {
     margin: 0
 }

 .widget.widget_instagram .instagram-wrap.g0 .instagram_badge_image,
 .widget.widget_flickr .flickr-wrap.g0 .flickr_badge_image {
     padding: 0 !important;
     margin: 0 !important
 }

 .widget.widget_instagram .instagram-wrap.g5,
 .widget.widget_flickr .flickr-wrap.g5 {
     margin: 0 -2.5px
 }

 .widget.widget_instagram .instagram-wrap.g5 .instagram_badge_image,
 .widget.widget_flickr .flickr-wrap.g5 .flickr_badge_image {
     padding: 0 2.5px !important;
     margin: 0 0 5px !important
 }

 .widget.widget_instagram .instagram-wrap.g10,
 .widget.widget_flickr .flickr-wrap.g10 {
     margin: 0 -5px
 }

 .widget.widget_instagram .instagram-wrap.g10 .instagram_badge_image,
 .widget.widget_flickr .flickr-wrap.g10 .flickr_badge_image {
     padding: 0 5px !important;
     margin: 0 0 10px !important
 }

 .widget.widget_instagram .instagram-wrap.g15,
 .widget.widget_flickr .flickr-wrap.g15 {
     margin: 0 -7.5px
 }

 .widget.widget_instagram .instagram-wrap.g15 .instagram_badge_image,
 .widget.widget_flickr .flickr-wrap.g15 .flickr_badge_image {
     padding: 0 7.5px !important;
     margin: 0 0 15px !important
 }

 #sidebar .widget.widget_tag_cloud .tagcloud:before,
 #sidebar .widget.widget_tag_cloud .tagcloud:after,
 #footer-widgets .widget.widget_tag_cloud .tagcloud:before,
 #footer-widgets .widget.widget_tag_cloud .tagcloud:after {
     display: table;
     clear: both;
     content: ""
 }

 #sidebar .widget.widget_tag_cloud .tagcloud a,
 #footer-widgets .widget.widget_tag_cloud .tagcloud a {
     position: relative;
     float: left;
     color: #777;
     padding: 5px 12px;
     margin: 0 10px 10px 0;
     z-index: 1
 }

 #sidebar .widget.widget_tag_cloud .tagcloud a:after,
 #footer-widgets .widget.widget_tag_cloud .tagcloud a:after {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     background-color: #f8f8f8;
     -webkit-transition: all ease .238s;
     -moz-transition: all ease .238s;
     transition: all ease .238s
 }

 #sidebar .widget.widget_tag_cloud .tagcloud a:hover:after,
 #footer-widgets .widget.widget_tag_cloud .tagcloud a:hover:after {
     background-color: #ffae00;
     border-color: #ffae00
 }

 #sidebar .widget.widget_tag_cloud .tagcloud a:hover,
 #footer-widgets .widget.widget_tag_cloud .tagcloud a:hover {
     color: #fff
 }

 #sidebar .widget.widget_twitter .tweets-slider.grid .cbp-item,
 #footer-widgets .widget.widget_twitter .tweets-slider.grid .cbp-item {
     padding-bottom: 15px;
     margin-bottom: 15px;
     padding-left: 32px;
     border-bottom: 1px solid #eaeaea
 }

 #sidebar .widget.widget_twitter .tweets-slider.grid .cbp-item:last-child,
 #footer-widgets .widget.widget_twitter .tweets-slider.grid .cbp-item:last-child {
     border-bottom: 0;
     padding-bottom: 0;
     margin-bottom: 0
 }

 #sidebar .widget.widget_twitter .tweets-slider.grid .cbp-item:before,
 #footer-widgets .widget.widget_twitter .tweets-slider.grid .cbp-item:before {
     content: "\f099";
     font-family: fontawesome;
     color: #ffae00;
     font-size: 16px;
     line-height: normal;
     position: absolute;
     left: 0;
     top: 6px
 }

 #sidebar .widget.widget_twitter .tweets-slider.grid .tweet-icon,
 #footer-widgets .widget.widget_twitter .tweets-slider.grid .tweet-icon {
     display: none
 }

 #sidebar .widget.widget_twitter .tweet-intents,
 #footer-widgets .widget.widget_twitter .tweet-intents {
     padding: 7px 0
 }

 #sidebar .widget.widget_twitter .tweet-intents span,
 #footer-widgets .widget.widget_twitter .tweet-intents span {
     padding-left: 12px
 }

 #sidebar .widget.widget_twitter .tweet-intents span:first-child,
 #footer-widgets .widget.widget_twitter .tweet-intents span:first-child {
     padding-left: 0
 }

 #sidebar .widget.widget_twitter .tweet-intents a,
 #footer-widgets .widget.widget_twitter .tweet-intents a {
     font-weight: 700;
     color: #585252
 }

 #sidebar .widget.widget_twitter .tweet-intents a:hover,
 #footer-widgets .widget.widget_twitter .tweet-intents a:hover {
     color: #ffae00
 }

 #sidebar .widget.widget_twitter .timestamp a,
 #footer-widgets .widget.widget_twitter .timestamp a {
     font-size: .857em;
     color: #777
 }

 #sidebar .widget.widget_twitter .tweets-slider.slider,
 #footer-widgets .widget.widget_twitter .tweets-slider.slider {
     text-align: center;
     padding-bottom: 42px
 }

 #sidebar .widget.widget_twitter .tweets-slider.slider .tweet-icon,
 #footer-widgets .widget.widget_twitter .tweets-slider.slider .tweet-icon {
     font-size: 24px;
     color: #ffae00
 }

 #sidebar .widget.widget_twitter .cbp-nav-pagination,
 #footer-widgets .widget.widget_twitter .cbp-nav-pagination {
     bottom: -50px
 }

 #sidebar .widget.widget_links ul li,
 #footer-widgets .widget.widget_links ul li {
     border: 0;
     padding: 6px 0
 }

 #sidebar .widget.widget_links ul li:first-child,
 #footer-widgets .widget.widget_links ul li:first-child {
     padding-top: 0
 }

 #sidebar .widget.widget_links ul.col2 li,
 #footer-widgets .widget.widget_links ul.col2 li {
     width: 50%;
     float: left;
     padding: 0 0 12px
 }

 #sidebar .widget.widget_links ul li a,
 #footer-widgets .widget.widget_links ul li a {
     position: relative;
     display: contents;
     padding-left: 0px
 }

 #sidebar .widget.widget_links ul li.style-3 a,
 #footer-widgets .widget.widget_links ul li.style-3 a,
 #sidebar .widget.widget_links ul li.style-4 a,
 #footer-widgets .widget.widget_links ul li.style-4 a,
 #sidebar .widget.widget_links ul li.style-5 a,
 #footer-widgets .widget.widget_links ul li.style-5 a,
 #sidebar .widget.widget_links ul li.style-6 a,
 #footer-widgets .widget.widget_links ul li.style-6 a {
     position: relative;
     display: inline-block;
     padding-left: 25px
 }

 #sidebar .widget.widget_links ul li a:before,
 #footer-widgets .widget.widget_links ul li a:before {
     font-family: fontawesome;
     font-size: 14px;
     position: absolute;
     left: 0;
     top: 0
 }

 #sidebar .widget.widget_links ul li.style-2 a:before,
 #footer-widgets .widget.widget_links ul li.style-2 a:before {
     content: "\f101"
 }

 #sidebar .widget.widget_links ul li.style-3 a:before,
 #footer-widgets .widget.widget_links ul li.style-3 a:before {
     content: "\f00c"
 }

 #sidebar .widget.widget_links ul li.style-4 a:before,
 #footer-widgets .widget.widget_links ul li.style-4 a:before {
     content: "\f138"
 }

 #sidebar .widget.widget_links ul li.style-5 a:before,
 #footer-widgets .widget.widget_links ul li.style-5 a:before {
     content: "\f14a"
 }

 #sidebar .widget.widget_links ul li.style-6 a:before,
 #footer-widgets .widget.widget_links ul li.style-6 a:before {
     content: "\f058"
 }

 #sidebar .widget.widget.widget_information ul li,
 #footer-widgets .widget.widget.widget_information ul li {
     position: relative;
     padding: 0 0 0 30px;
     border: 0;
     margin-bottom: 5px
 }

 #sidebar .widget.widget.widget_information ul li:before,
 #footer-widgets .widget.widget_information ul li:before {
     content: "\f015";
     font-family: fontawesome;
     color: #ffae00;
     font-size: 14px;
     position: absolute;
     left: 0;
     top: 1px
 }

 #sidebar .widget.widget.widget_information ul li.phone:before,
 #footer-widgets .widget.widget_information ul li.phone:before {
     content: "\f095"
 }

 #sidebar .widget.widget.widget_information ul li.email:before,
 #footer-widgets .widget.widget_information ul li.email:before {
     content: "\f0e0"
 }

 #sidebar .widget.widget.widget_information ul.style-2 li,
 #footer-widgets .widget.widget.widget_information ul.style-2 li {
     position: relative;
     padding: 0;
     border: 0;
     margin-bottom: 5px
 }

 #sidebar .widget.widget.widget_information ul.style-2 li:before,
 #footer-widgets .widget.widget_information ul.style-2 li:before {
     display: none
 }

 #sidebar .widget.widget.widget_information ul.style-2 .hl,
 #footer-widgets .widget.widget.widget_information ul.style-2 .hl {
     font-weight: 700;
     width: 20%;
     float: left
 }

 #sidebar .widget.widget.widget_information ul.style-2 .text,
 #footer-widgets .widget.widget.widget_information ul.style-2 .text {
     width: 80%;
     float: left
 }

 #sidebar .widget.widget.widget_information ul.style-2,
 #footer-widgets .widget.widget_information ul.style-2 {
     position: relative;
     padding-bottom: 20px
 }

 #sidebar .widget.widget.widget_information ul.style-2:after,
 #footer-widgets .widget.widget_information ul.style-2:after {
     width: 193px;
     height: 95px;
     content: "";
     position: absolute;
     right: 0;
     bottom: 0;
     background: url(../images/map-small.png) no-repeat center center
 }

 #footer-widgets .widget {
     margin-top: 0;
     color: #979797
 }

 #sidebar .widget ul li a,
 #sidebar .widget.widget_calendar #next a,
 #sidebar .widget.widget_calendar #prev a,
 #footer-widgets .widget ul li a,
 #footer-widgets .widget.widget_calendar #next a,
 #footer-widgets .widget.widget_calendar #prev a {
     color: #979797
 }

 #footer-widgets .widget .widget-title {
     margin-bottom: 17px;
     color: #fff
 }

 #footer-widgets .widget .widget-title>span {
     padding-bottom: 12px
 }

 #footer-widgets.style-1 .widget .widget-title>span:after,
 #footer-widgets.style-2 .widget .widget-title>span:after {
     width: 60px;
     height: 0px;
     background-color: #ffae00
 }

 #footer-widgets.style-3 .widget .widget-title {
     padding-bottom: 30px
 }

 #footer-widgets .widget ul li,
 #footer-widgets .widget.widget_twitter .tweets-slider.grid .cbp-item,
 #footer-widgets .widget.widget_search .search-form .search-field,
 #footer-widgets .widget.widget_recent_news ul li,
 #footer-widgets .widget.widget_calendar table,
 #footer-widgets .widget.widget_calendar th,
 #footer-widgets .widget.widget_calendar td {
     border-color: #2d2b2b
 }

 #footer-widgets .widget.widget_links ul li a:before {
     color: #4f4f4f
 }

 #footer-widgets .widget.widget_twitter .tweet-intents {
     display: none
 }

 #footer-widgets .widget.widget_twitter .timestamp a {
     color: #ffae00
 }

 #footer-widgets .widget.widget_twitter .timestamp a:hover {
     color: #585252
 }

 #footer-widgets .widget.widget_recent_news h3 a {
     color: #979797
 }

 #footer-widgets .widget.widget_tag_cloud .tagcloud a {
     margin: 0 6px 6px 0;
     padding: 4px 13px;
     color: #626262
 }

 #footer-widgets .widget.widget_tag_cloud .tagcloud a:after {
     border-color: #4b4b4b;
     background-color: #4b4b4b
 }

 #footer-widgets .widget.widget_socials .socials a {
     position: relative;
     display: inline-block;
     width: 38px;
     height: 38px;
     color: #fff;
     line-height: 38px;
     text-align: center;
     margin-right: 3px;
     margin-bottom: 10px;
     z-index: 1
 }

 #footer-widgets .widget.widget_socials .socials a:before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     border: 1px solid #333;
     background-color: #222;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     -webkit-transition: all ease .238s;
     -moz-transition: all ease .238s;
     transition: all ease .238s
 }

 #footer {
     background-color: #111111;
     padding: 70px 0 60px;
     position: relative;
     z-index: 1;
     border-style: solid
 }

 #bottom {
     font-size: .907em;
     background-color: #111111;
     color: #999;
     font-family: 微软雅黑, microsoft yahei, Arial, 宋体, sans-serif
 }

 #bottom a:hover {
     color: #fff
 }

 #bottom .bottom-bar-inner-wrap {
     display: table;
     overflow: hidden;
     width: 100%;
     border-top: 1px solid rgba(153, 153, 153, 0.15);
     padding: 30px 0;
 }

 #bottom .bottom-bar-menu {
     display: table-cell;
     text-align: right;
     vertical-align: middle;
     width: 50%
 }

 #bottom.style-1 .bottom-bar-menu li:last-child a {
     padding-right: 0
 }

 #bottom.style-2 .bottom-bar-content {
     text-align: right
 }

 #bottom.style-2 .bottom-bar-menu {
     text-align: left
 }

 #bottom.style-2 .bottom-bar-menu li:first-child a {
     padding-left: 0
 }

 #bottom.style-3 .bottom-bar-inner-wrap,
 #bottom.style-3 .bottom-bar-menu,
 #bottom.style-3 .bottom-bar-content {
     display: block;
     width: 100%;
     text-align: center
 }

 #bottom ul.bottom-nav {
     list-style: none;
     margin: 0
 }

 #bottom ul.bottom-nav>li {
     display: inline-block
 }

 #bottom ul.bottom-nav>li>a {
     display: block;
     color: #666;
     padding: 0 10px;
     position: relative
 }

 #bottom ul.bottom-nav>li>a:hover {
     color: #ffae00
 }

 #bottom ul.bottom-nav ul ul {
     display: none
 }

 .wprt-pagination {
     margin: 50px 0 0;
     text-align: center
 }

 .wprt-pagination ul,
 .woocommerce-pagination>.page-numbers {
     margin: 0
 }

 .wprt-pagination ul li,
 .woocommerce-pagination .page-numbers li {
     display: inline-block;
     padding: 0;
     margin-right: 10px
 }

 .wprt-pagination ul li .page-numbers,
 .woocommerce-pagination .page-numbers li .page-numbers {
     display: inline-block;
     line-height: 40px;
     width: 40px;
     height: 40px;
     text-align: center;
     background-color: #ffae00;
     color: #fff;
     -webkit-transition: all ease .238s;
     -moz-transition: all ease .238s;
     transition: all ease .238s
 }

 .wprt-pagination ul li a.page-numbers:hover,
 .woocommerce-pagination .page-numbers li .page-numbers:hover {
     background-color: #4b4b4b
 }

 .wprt-pagination ul li .page-numbers.current,
 .woocommerce-pagination .page-numbers li .current {
     opacity: .7
 }

 .woocommerce-pagination {
     margin-top: 0;
     clear: both;
     text-align: center
 }

 #scroll-top {
     position: fixed !important;
     right: 25px;
     bottom: -50px;
     display: block;
     line-height: 38px;
     text-align: center;
     width: 40px;
     height: 40px;
     visibility: hidden;
     filter: alpha(opacity=0);
     opacity: 0;
     z-index: 9999;
     cursor: pointer;
     z-index: 1;
     overflow: hidden
 }

 #scroll-top:after {
     content: "\f106";
     font-family: fontawesome;
     color: #fff;
     font-size: 20px;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     -webkit-transition: all ease .238s;
     -moz-transition: all ease .238s;
     transition: all ease .238s
 }

 #scroll-top:before {
     border-radius: 3px;
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: #ffae00;
     z-index: -1;
     -webkit-transition: all ease .238s;
     -moz-transition: all ease .238s;
     transition: all ease .238s
 }

 #scroll-top:hover:before {
     background-color: #585252
 }

 #scroll-top:hover:after {
     color: #fff
 }

 #scroll-top.show {
     bottom: 40px;
     filter: alpha(opacity=100);
     opacity: 1;
     visibility: visible
 }

 @media only screen and (min-width:1930px) {
     .parallax {
         background-size: cover
     }
 }

 @media only screen and (min-width:1200px) {
     .container {
         width: 1200px
     }
 }

 @media only screen and (max-width:991px) {
     .font-size-25 {
         font-size: 18px
     }

     .font-size-30 {
         font-size: 20px
     }

     .font-size-35 {
         font-size: 26px
     }

     .font-size-40 {
         font-size: 28px
     }

     .font-size-45 {
         font-size: 30px
     }

     .font-size-50 {
         font-size: 26px
     }

     .font-size-55 {
         font-size: 30px
     }

     .font-size-60 {
         font-size: 35px
     }

     .font-size-70 {
         font-size: 40px
     }

     .font-size-80 {
         font-size: 45px
     }

     .font-size-90 {
         font-size: 50px
     }

     .font-size-100 {
         font-size: 55px
     }

     #hero-section .hero-text {
         font-size: 16px;
         margin-top: 0
     }

     #site-header .mobile-button {
         display: block
     }

     .text-left-mobile {
         text-align: left !important
     }

     .text-center-mobile {
         text-align: center !important
     }

     #main-nav,
     #site-header #header-search,
     .nav-top-cart-wrapper,
     .site-navigation-wrap,
     #header-aside,
     #sidebar {
         display: none
     }

     #site-content,
     #sidebar {
         width: 100% !important;
         max-width: none !important;
         float: none
     }

     #inner-content {
         padding-left: 0 !important;
         padding-right: 0 !important
     }

     #main-content {
         padding: 50px 0
     }

     #site-header #site-header-inner,
     #site-header.style-2 #site-header-inner,
     #site-header.style-3 #site-header-inner,
     #site-header.style-4 #site-header-inner {
         padding-top: 28px;
         padding-bottom: 28px
     }

     #site-header.style-2 #site-logo {
         margin-top: 0
     }

     #site-header.style-4 #site-logo {
         text-align: left;
         float: left
     }

     .hentry {
         margin-top: 40px
     }

     .hentry .post-title {
         font-size: 1.428em
     }

     .hentry .post-link a {
         padding: .425em 1.75em;
         font-size: .928em
     }

     .comment-respond #comment-reply {
         padding: 1.08em 1.75em;
         font-size: .928em
     }

     #footer-widgets .widget .widget-title {
         font-size: 1.142em;
         margin-bottom: 28px
     }
 }

 @media only screen and (max-width:767px) {
     #top-bar {
         display: none
     }

     #site-header #site-header-inner,
     #site-header.style-2 #site-header-inner,
     #site-header.style-3 #site-header-inner,
     #site-header.style-4 #site-header-inner {
         padding-top: 20px;
         padding-bottom: 20px
     }

     #featured-title .featured-title-inner-wrap {
         padding: 30px 0
     }

     #featured-title .featured-title-heading {
         font-size: 24px
     }

     .hentry .post-author {
         text-align: center
     }

     .hentry .post-author .author-avatar {
         float: none;
         margin: 0 auto 20px
     }

     .hentry .post-read-more,
     .hentry .post-link,
     .hentry .post-link-share {
         display: block;
         width: 100%;
         float: none;
         text-align: left
     }

     .hentry .post-link {
         margin-bottom: 10px
     }

     .hentry .post-link-share {
         margin-top: 20px
     }

     .wprt-pagination {
         margin-top: 30px
     }

     .comments-area {
         margin-top: 40px
     }

     .comment-respond {
         margin-top: 0
     }

     .comments-area .comments-title,
     .comments-area .comment-reply-title {
         margin-bottom: 20px
     }

     .comment-list article .gravatar {
         width: 50px;
         float: none;
         margin: 0 0 17px
     }

     .comment-list .children>li {
         padding-left: 35px
     }

     .name-wrap,
     .email-wrap {
         width: 100%;
         float: none
     }

     .name-wrap input,
     .email-wrap input,
     .message-wrap textarea {
         margin-bottom: 20px
     }

     .woocommerce-page .content-woocommerce .woocommerce-result-count {
         display: none
     }

     .woocommerce-page .content-woocommerce .products {
         padding-top: 20px
     }

     .woocommerce-page.shop-col-3 .content-woocommerce .products li,
     .woocommerce-page.shop-col-4 .content-woocommerce .products li,
     .woocommerce-page.shop-col-5 .content-woocommerce .products li {
         width: 50%;
         margin-bottom: 30px
     }

     .woocommerce-page .shop_table.cart .product-remove {
         width: 20px
     }

     .woocommerce-page .shop_table.cart .product-thumbnail {
         width: 50px
     }

     .woocommerce-page .shop_table.cart .cart_item .product-thumbnail img {
         width: 30px
     }

     .woocommerce-page .shop_table.cart .product-name {
         width: 120px
     }

     .woocommerce-page .shop_table.cart .coupon {
         display: none
     }

     .woocommerce-page .cart_totals {
         width: 100%;
         float: none
     }

     .woocommerce-page .cart_totals .wc-proceed-to-checkout a {
         padding: 7px 0
     }

     #footer {
         padding: 50px 0 10px
     }

     #footer-widgets [class^=col-md-] .widget:last-child {
         margin-bottom: 30px
     }

     #bottom .bottom-bar-menu {
         width: 100%;
         display: block;
         text-align: left;
         padding: 5px 0
     }
 }

 @media only screen and (max-width:479px)#bottom .bottom-bar-content,
 #bottom .bottom-bar-menu {
     width:100%;
     display:block;
     text-align:left;
     padding:5px 0
 }
 }

 @media only screen and (max-width:479px) {

     #site-header #site-header-inner,
     #site-header.style-2 #site-header-inner,
     #site-header.style-3 #site-header-inner,
     #site-header.style-4 #site-header-inner {
         padding-top: 12px;
         padding-bottom: 12px
     }
 }

 @media only screen and (-webkit-min-device-pixel-ratio:2),
 only screen and (min--moz-device-pixel-ratio:2),
 only screen and (-moz-min-device-pixel-ratio:2),
 only screen and (-o-min-device-pixel-ratio:2/1),
 only screen and (min-device-pixel-ratio:2),
 only screen and (min-resolution:192dpi),
 only screen and (min-resolution:2dppx) {
     .wprt-testimonials .customer:after {
         background: url(../images/5-stars@2x.png) no-repeat center center;
         background-size: 97px 15px
     }
 }

 .weib {
     font-weight: 700
 }

 .bgh {
     background-color: #333
 }

 .pore {
     position: relative
 }

 .pore .wprt-button {
     font-size: 14px;
     position: absolute;
     right: 80px;
     padding: 3px 20px;
     top: 11px;
     font-weight: 400
 }

 .pore .r0 {
     right: 0
 }

 .pore .t0 {
     top: 0
 }

 #bottom a {
     color: #999
 }

 #bottom a:hover {
     text-decoration: underline
 }

 #bottom .bottom-bar-content a {
     color: #ffb606;
 }

 #bottom .copyright a {
     color: #999;
     margin-left: 15px;
 }

 .footwx {
     width: 170px;
     float: right;
     text-align: center;
     line-height: 30px;
     color: #a9a9a9
 }

 .cpfl {
     padding: 0 !important;
     background: #f8f8f8
 }

 .cpfl a {
     display: block;
     width: 100%;
     text-align: left;
     padding: 10px 20px;
     color: #666 !important
 }

 .cpfl.cur a {
     color: #ffae00 !important;
     font-weight: 700
 }

 .slt img {
     width: 70px !important;
     height: 57px !important
 }

 .lmfl {
     margin: 0
 }

 @media only screen and (max-width:780px) {
     .cndns-right {
         display: none
     }

     .pore .wprt-button {
         right: 0
     }

     .project-item .effect-zoe p {
         display: none
     }
 }

 @media only screen and (max-width:999px) {
     .ferweima {
         display: none
     }
 }

 .pages {
     height: 26px;
     padding: 30px 0;
     margin-top: 5px;
     clear: both;
     line-height: 36px
 }

 .pages:after {
     content: '.';
     clear: both;
     height: 0;
     line-height: 0;
     display: block;
     visibility: hidden
 }

 .pages ul {
     padding: 0;
     list-style: none;
     margin: 0
 }

 .pages li {
     float: left;
     margin-right: 5px
 }

 .pages li a {
     padding: 5px 10px;
     border: 1px solid #e1e1e1;
     height: 24px;
     line-height: 24px;
     color: #666
 }

 .pages li a:hover {
     border: 1px solid #333;
     background: #333;
     color: #fff;
     text-decoration: none
 }

 .pages li span {
     border: 1px solid #e1e1e1;
     height: 24px;
     line-height: 24px;
     color: #c4c4c4;
     padding: 5px 10px
 }

 .pages .current a {
     border: 1px solid #ffae00;
     background: #ffae00;
     color: #fff
 }

 .rightnew {
     padding: 20px;
     background: #f8f8f8
 }

 .proimg {
     border: 1px solid #e1e1e1
 }

 .d_page {
     margin-top: 50px
 }

 .d_page p {
     margin: 10px 0
 }

 .mt50 {
     margin-top: 60px
 }

 .cta a {
     color: #666
 }

 .ctb a {
     color: #fff
 }

 .ctb a:hover {
     color: #ffb606
 }

 .fs16 {
     font-size: 16px
 }

 .lyf table,
 .lyf th,
 .lyf td {
     border: none
 }

 .yanzhen {
     position: relative
 }

 .yanzhen .yzimg {
     position: absolute;
     right: 0;
     top: 10px;
     cursor: pointer
 }

 .protab table {
     width: 100% !IMPORTANT;
     border: 1px solid #A1A1A1 !IMPORTANT;
     border-collapse: collapse !IMPORTANT;
     font-size: 12PX !IMPORTANT;
     word-break: break-all;
     word-wrap: break-word;
     table-layout: auto
 }

 .protab table td {
     border: 1px solid #e1e1e1 !IMPORTANT;
     padding: 5px !IMPORTANT
 }

 .protab table td p {
     text-align: center
 }

 #imgsy img {
     max-width: 100% !important;
     height: auto !important
 }

 #main-nav>ul>.current>a {
     color: #fff;
 }

 .woocommerce-page .content-woocommerce .products {
     display: flex;
     flex-wrap: wrap;
 }

 .auto {
     width: 100%;
     text-align: center;
 }

 .auto .wprt-button {
     font-size: 14px;
     padding: 3px 20px;
     font-weight: 400;
 }


 /* 图标 */
 .wprt-information ul li {
     line-height: 2.4em;
 }

 .wprt-information ul li.icon-phone::before {
     content: "\e678";
     color: #999;
     font-size: 1.86em;
     margin-left: -3px;
     font-family: iconfont;
 }

 .wprt-information ul li.icon-email::before {
     content: "\e672";
     color: #999;
     font-size: 1.86em;
     margin-left: -3px;
     font-family: iconfont;
 }

 .wprt-information ul li.icon-address::before {
    content: "\e636";
    color: #999;
    font-size: 1.86em;
    margin-left: -3px;
    font-family: iconfont;
}

 /* 面包屑 */
 .breadcrumbs-inner .breadcrumb-trail a {
     color: #666666;
 }

 .breadcrumbs-inner .breadcrumb-trail a:hover {
     color: #ffae00;
     font-site: 12px;
 }

 .breadcrumbs-inner .breadcrumb-trail a:after {
     content: '';
     width: 5px;
     height: 5px;
     border-radius: 50%;
     background: #eee;
     display: inline-block;
     margin: 0 10px 2px 15px;
     line-height: 25px;
 }

 .breadcrumbs-inner .breadcrumb-trail {
     padding: 13px 0;
     margin: 0;
     border-bottom: 1px solid#eee;
 }

 /* 社交链接图标 */
 .thim-social {
     margin: 0;
     margin-top: 0px;
     margin-top: -20px;
 }

 .thim-social ul {
     margin: 0;
 }

 .thim-social ul li {
     margin-bottom: 5px;
     line-height: 30px;
     list-style: none;
     float: left;
 }

 .thim-social li a {
     color: #666666;
     border-color: #666666;
 }

 .thim-social a .fa {
     display: block;
     line-height: 30px;
 }

 .thim-social a {
     color: #999999;
     font-size: 16px;
     width: 32px;
     height: 32px;
     line-height: 30px;
     border: 1px solid #999;
     display: block;
     text-align: center;
     border-radius: 50%;
     margin-right: 10px;
 }

 .thim-social a:hover {
     background: #fff
 }

 /* 线条样式 */
 .line-x1 {
     height: 1px;
     width: 100%;
     background-color: #333;
     margin-top: -0.5px;
 }

 .line-x1-left {
     height: 1px;
     width: 35px;
     background-color: #333;
 }

 .line-x1-center {
     height: 1px;
     width: 35px;
     background-color: #333;
     margin: auto;
 }

 .line-x1-right {
     height: 1px;
     width: 35px;
     background-color: #333;
     float: right;
 }

 .line-x2 {
     height: 3px;
     width: 100%;
     background-color: #ffae00;
     margin-top: -1px;
 }

 .line-x2-left {
     height: 3px;
     width: 60px;
     background-color: #ffae00;
 }

 .line-x2-center {
     height: 3px;
     width: 60px;
     background-color: #ffae00;
     margin: auto;
 }

 .line-x2-right {
     height: 3px;
     width: 60px;
     background-color: #ffae00;
     float: right;
 }

 .line-hr {
     height: 1px;
     width: 100%;
     background-color: #eee;
     margin-top: -0.5px;
 }

 .line-y1 {
     border-left: 3px solid #ffb606;
     padding-left: 25px;
 }

 .m-b-10 {
     margin-bottom: 10px;
 }

 /* 首页横幅 */
 .wprt-section.section-bg1 {
     background-image: url(../images/bg-section-1.jpg);
     background-position: center center;
 }

 .wprt-section.section-bg2 {
     background-image: url(../images/bg-section-2.jpg);
     background-position: center center;
 }

 .about .left_side {
     background-size: cover;
     height: 510px;
     width: 50%;
     position: relative;
     float: left;
 }

 .about .we_are_opacity {
     background: rgba(47, 45, 55, .2);
     height: 510px;
     width: 100%;
     position: absolute;
     top: 0;
     right: 0;
 }

 .about .we_are_border {
     background: rgba(0, 0, 0, .4);
     height: 100%;
     width: 100%;
     position: absolute;
     top: 0;
     right: 0;
 }

 .about .we_are_border h2 {
     font-weight: 700;
     font-size: 1.625em;
     color: #fff;
     background: #d68b37;
     display: inline;
     position: absolute;
     padding: 12px 39px;
     top: 40px;
     right: 0;
 }

 .about .right_side {
     height: 510px;
     width: 50%;
     position: relative;
     float: right;
 }

 .about .right_side h2 {
     font-weight: 700;
     font-size: 1.625em;
     color: #fff;
     position: relative;
     padding-top: 47px;
     word-spacing: 6px;
     padding-bottom: 38px;
 }

 .about .we_are_deatails {
     padding-left: 61px;
 }

 .about .we_are_deatails>p {
     color: #bcc1c7;
     width: 72%;
 }

 /* 产品 案例 图片动画 */
 .item-title a {
     color: #777;
 }

 .item-title a:hover {
     color: #ffae00;
 }

 .img-change {
     transition: opacity 0.7s;
     height: 100% !important;
     object-fit: cover;
 }

 .img-change:hover,
 .opacity_img:hover {
     opacity: 0.7;
 }

 .zoom .card {
     background-position: center;
 }

 .zoom .card-body {
     background-position: center;
     background-size: 100%;
     height: 180px;
     transition: all .3s;
 }

 .zoom .card-body:hover {
     background-position: center;
     background-size: 110%;
     transition: all .3s;
 }

 .shadow .card {
     background-position: center;
 }

 .shadow .card-body {
     width: 100%;
     height: 180px;
     background: rgba(0, 0, 0, .1);
 }

 .shadow .card-body:hover {
     background: rgba(0, 0, 0, .3);
     overflow: hidden;
     -webkit-transition: all .3s;
     moz-transition: all .3s;
     -ms-transition: all .3s;
     transition: all .6s;
 }

 /* 内页导航1 */
 .nav1 {
     margin-top: -220px
 }

 .nav1 .nav1-padding {
     padding: 0 2px
 }

 .nav1 .card {
     background: rgba(0, 0, 0, .4)
 }

 .nav1 .card-body {
     width: 100%;
     height: 150px;
     background: rgba(0, 0, 0, 0.01);
 }

 .nav1 .card-body:hover {
     background: rgba(0, 0, 0, .9);
     overflow: hidden;
     -webkit-transition: all .3s;
     moz-transition: all .3s;
     -o-transition: all .3s;
     -ms-transition: all .3s;
     transition: all .6s;
 }

 .nav1 .card-icon {
     display: table-cell;
     padding: 25px 40px 0 40px;
     vertical-align: top;
 }

 .nav1 .card-icon .iconfont {
     font-size: 60px;
     line-height: 60px;
     color: #ffae00;
 }

 .nav1 .card-text {
     display: table-cell;
     vertical-align: top;
 }

 .nav1 .card-text h4 {
     font-size: 24px;
     font-weight: 700;
     color: #fff;
     line-height: 30px;
     padding-top: 30px;
 }

 .nav1 .card-text a {
     padding-top: 30px;
     color: #ffae00;
 }

 .nav1 .card-text a:hover {
     text-decoration: underline;
     color: #ffae00;
 }

 .nav1 .card-text span {
     color: #ffae00;
 }

 .nav2 .card {
     background-position: center;
 }

 .nav2 .card-body {
     width: 100%;
     height: 150px;
     background: rgba(0, 0, 0, .5);
 }

 .nav2 .card-body:hover {
     background: rgba(0, 0, 0, .9);
     overflow: hidden;
     -webkit-transition: all .3s;
     moz-transition: all .3s;
     -ms-transition: all .3s;
     transition: all .6s;
 }

 .nav2 .card-text h4 {
     font-size: 24px;
     font-weight: 700;
     color: #fff;
     line-height: 30px;
     padding: 20px 15px 0px 15px;
 }

 .nav2 .card-text a {
     border: 0;
     border-radius: 0;
     text-transform: uppercase;
     font-size: 13px;
     font-weight: 700;
     padding: 0px 2px 15px 15px;
     margin-top: 0;
 }

 .nav2 .card-text a:hover {
     border: 0;
     border-radius: 0;
     text-transform: uppercase;
     font-size: 13px;
     font-weight: 700;
     padding: 0px 2px 15px 15px;
     margin-top: 0;
     color: #ffae00;
 }

 .nav2 .card-text span {
     color: #ffae00;
 }

 .nav3 .card {
     background: none;
 }

 .nav3 .card-body {
     background-position: center;
     background-size: 100%;
     height: 135px;
     transition: all .3s;
 }

 .nav3 .card-body:hover {
     background-position: center;
     background-size: 120%;
     transition: all .3s;
 }

 .nav3 .card-text h4 {
     font-size: 24px;
     font-weight: 700;
     color: #fff;
     line-height: 30px;
     padding: 20px 15px 0px 15px;
 }

 .nav3 .card-text a {
     border: 0;
     border-radius: 0;
     text-transform: uppercase;
     font-size: 13px;
     font-weight: 700;
     padding: 0px 2px 15px 15px;
     margin-top: 0;
 }

 .nav3 .card-text a:hover {
     border: 0;
     border-radius: 0;
     text-transform: uppercase;
     font-size: 13px;
     font-weight: 700;
     padding: 0px 2px 15px 15px;
     margin-top: 0;
     color: #ffae00;
 }

 .nav3 .card-text span {
     color: #ffae00;
 }

 /* 内页顶部 */
 .pagetop {
     background-image: url(../images/bannertop.jpg);
     background-position: center center;
 }

 /* 内页卡片 */
 .a1 .card-body {
     box-shadow: 0 8px 40px -6px rgb(105, 104, 178, 0.18);
     transition: all .3s ease-in-out;
     background: #fff;
     padding: 20px;
 }

 .a1 .card-body:hover {
     box-shadow: 0 8px 40px -6px rgb(105, 104, 178, 0.48);
     transition: all .3s ease-in-out;
     background: #fff;
     padding: 20px;
 }

 .a1 .card-icon .iconfont {
     font-size: 50px;
     line-height: 50px;
     color: #1296db;
 }

 .a1 .card-icon {
     display: block;
     text-align: center;
     margin-bottom: 10px;
 }

 .a1 .card-text {
     display: block;
     text-align: center;
 }

 .a2 {
     background: #fff;
 }

 .a2 .table>tbody>tr>th {
     border-bottom: 1px solid #ebeef5 !important;
     line-height: 30px;
     border-width: 0px 0px 1px 0;
     text-align: center;
 }

 .a2 .table>tbody>tr>td {
     border-bottom: 1px solid #ebeef5 !important;
     line-height: 30px;
     border-width: 0px 0px 1px 0;
     text-align: center;
 }

 .a2 .table .iconfont {
     font-size: 30px;
     line-height: 30px;
     color: #1296db;
 }

 .a2 .table .a2-button {
     padding: 2px 15px;
     font-size: 16px;
     margin-bottom: 10px;
 }

 .a3 .card-body {
     background: #fff;
 }

 .a3 .card-icon {
     display: table-cell;
     vertical-align: top;
     padding-right: 30px;
 }

 .a3 .card-icon .iconfont {
     font-size: 50px;
     line-height: 50px;
     color: #1296db;
 }

 .a3 .card-text {
     display: table-cell;
     vertical-align: top;
 }

 .wprt-icon-box.rounded .dd-icon {
     border-radius: 50% !important;
 }

 .a4 .a4-border {
     border-top: 1px solid #eeeeee;
 }

 .a4 .card-body {
     padding: 20px 0;
     margin: 0 -15px;
 }

 .a4 .card-icon {
     display: table-cell;
     vertical-align: top;
     padding-right: 15px;
     padding-top: 1px;
 }

 .a4 .card-icon .iconfont {
     font-size: 24px;
     line-height: 24px;
     color: #ffae00;
 }

 .a4 .card-text {
     display: table-cell;
     vertical-align: top;
 }

 .a4 .card-text h5 {
     font-size: 15px;
     font-weight: bold;
 }

 .a5 .card-body {
     border: 1px solid #e5e5e5;
     border-radius: 5px;
 }

 .a5 .card-body:hover {
     box-shadow: 0 8px 40px -6px rgb(105, 104, 178, 0.18);
     transition: box-shadow .3s ease-in-out;
     background: #fff;
 }

 .a5 .card-text {
     margin: 30px 0;
 }

 .a5 .card-icon {
     margin: 30px 0;
 }

 .a5 .card-icon .iconfont {
     font-size: 70px;
     line-height: 70px;
     color: #ffae00;
 }

 .a6 .card-body {
     padding: 20px 0 10px 0;
 }

 .a6 .card-icon {
     display: table-cell;
     vertical-align: top;
     padding-right: 10px;
 }

 .a6 .card-icon .iconfont {
     font-size: 24px;
     line-height: 24px;
     color: #ffae00;
 }

 .a6 .card-text {
     display: table-cell;
     vertical-align: top;
 }

 .a7 .card {
     box-shadow: 0 8px 40px -6px rgb(105, 104, 178, 0.18);
     transition: box-shadow .3s ease-in-out;
     background: #fff;
 }

 .a7 .card:hover {
     box-shadow: 0 8px 40px -6px rgb(105, 104, 178, 0.48);
     transition: box-shadow .3s ease-in-out;
     background: #fff;
 }

 .a7 .card-body {
     padding: 20px;
 }

 .a7 .card-icon {
     display: table-cell;
     padding-right: 20px;
     vertical-align: top;
 }

 .a7 .card-icon .iconfont {
     font-size: 30px;
     line-height: 30px;
     color: #1296db;
 }

 .a7 .card-text {
     display: table-cell;
     vertical-align: top;
 }

 /* 广告和页脚 */
 .hero-content textarea {
     color: #eaeaea;
     width: 20%;
 }

 .footer-copyright {
     width: 50%;
     padding: 0;
     text-align: center;
 }

 /* 手机端样式 */
 @media only screen and (max-width:991px) {
     .about .left_side {
         height: 240px;
         width: 100%;
     }

     .about .right_side {
         width: 100%;
         padding-top: 10px;
         height: auto;
     }

     .about .we_are_deatails {
         padding: 10px 20px 20px;
     }

     .about .we_are_deatails p {
         width: 100%;
     }

     .hero-content textarea {
         color: #eaeaea;
         width: 54%;
     }

     .nav1 {
         margin-top: 50px
     }

     .nav1 .nav1-padding {
         padding: 0
     }

     .nav1 .card {
         background: rgba(0, 0, 0)
     }

     .wprt-section .facts {
         background-image: url(../images/bg-section-1.jpg);
         background-position: center center;
         background-size: 1987.88px 840.18px;
     }

     .footer-copyright {
         width: 100%;
         padding: 0;
         text-align: left;
         margin-left: -15px;
     }


     
 }