@import url("fontawesome.css");
@font-face{font-display:swap;font-family:'PT Sans';font-style:italic;font-weight:400;src:url(https://fonts.gstatic.com/s/ptsans/v17/jizYRExUiTo99u79D0e0ysmIEDQ.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-display:swap;font-family:'PT Sans';font-style:italic;font-weight:400;src:url(https://fonts.gstatic.com/s/ptsans/v17/jizYRExUiTo99u79D0e0w8mIEDQ.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-display:swap;font-family:'PT Sans';font-style:italic;font-weight:400;src:url(https://fonts.gstatic.com/s/ptsans/v17/jizYRExUiTo99u79D0e0ycmIEDQ.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-display:swap;font-family:'PT Sans';font-style:italic;font-weight:400;src:url(https://fonts.gstatic.com/s/ptsans/v17/jizYRExUiTo99u79D0e0x8mI.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-display:swap;font-family:'PT Sans';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/ptsans/v17/jizaRExUiTo99u79D0-ExdGM.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-display:swap;font-family:'PT Sans';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/ptsans/v17/jizaRExUiTo99u79D0aExdGM.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-display:swap;font-family:'PT Sans';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/ptsans/v17/jizaRExUiTo99u79D0yExdGM.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-display:swap;font-family:'PT Sans';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/ptsans/v17/jizaRExUiTo99u79D0KExQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-display:swap;font-family:'Raleway';font-style:italic;font-weight:500;src:url(https://fonts.gstatic.com/s/raleway/v27/1Ptsg8zYS_SKggPNyCg4QIFqPfE.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-display:swap;font-family:'Raleway';font-style:italic;font-weight:500;src:url(https://fonts.gstatic.com/s/raleway/v27/1Ptsg8zYS_SKggPNyCg4SYFqPfE.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-display:swap;font-family:'Raleway';font-style:italic;font-weight:500;src:url(https://fonts.gstatic.com/s/raleway/v27/1Ptsg8zYS_SKggPNyCg4QoFqPfE.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-display:swap;font-family:'Raleway';font-style:italic;font-weight:500;src:url(https://fonts.gstatic.com/s/raleway/v27/1Ptsg8zYS_SKggPNyCg4Q4FqPfE.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-display:swap;font-family:'Raleway';font-style:italic;font-weight:500;src:url(https://fonts.gstatic.com/s/raleway/v27/1Ptsg8zYS_SKggPNyCg4TYFq.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-display:swap;font-family:'Raleway';font-style:italic;font-weight:600;src:url(https://fonts.gstatic.com/s/raleway/v27/1Ptsg8zYS_SKggPNyCg4QIFqPfE.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-display:swap;font-family:'Raleway';font-style:italic;font-weight:600;src:url(https://fonts.gstatic.com/s/raleway/v27/1Ptsg8zYS_SKggPNyCg4SYFqPfE.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-display:swap;font-family:'Raleway';font-style:italic;font-weight:600;src:url(https://fonts.gstatic.com/s/raleway/v27/1Ptsg8zYS_SKggPNyCg4QoFqPfE.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-display:swap;font-family:'Raleway';font-style:italic;font-weight:600;src:url(https://fonts.gstatic.com/s/raleway/v27/1Ptsg8zYS_SKggPNyCg4Q4FqPfE.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-display:swap;font-family:'Raleway';font-style:italic;font-weight:600;src:url(https://fonts.gstatic.com/s/raleway/v27/1Ptsg8zYS_SKggPNyCg4TYFq.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-display:swap;font-family:'Raleway';font-style:italic;font-weight:700;src:url(https://fonts.gstatic.com/s/raleway/v27/1Ptsg8zYS_SKggPNyCg4QIFqPfE.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-display:swap;font-family:'Raleway';font-style:italic;font-weight:700;src:url(https://fonts.gstatic.com/s/raleway/v27/1Ptsg8zYS_SKggPNyCg4SYFqPfE.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-display:swap;font-family:'Raleway';font-style:italic;font-weight:700;src:url(https://fonts.gstatic.com/s/raleway/v27/1Ptsg8zYS_SKggPNyCg4QoFqPfE.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-display:swap;font-family:'Raleway';font-style:italic;font-weight:700;src:url(https://fonts.gstatic.com/s/raleway/v27/1Ptsg8zYS_SKggPNyCg4Q4FqPfE.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-display:swap;font-family:'Raleway';font-style:italic;font-weight:700;src:url(https://fonts.gstatic.com/s/raleway/v27/1Ptsg8zYS_SKggPNyCg4TYFq.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-display:swap;font-family:'Raleway';font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/raleway/v27/1Ptug8zYS_SKggPNyCAIT5lu.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-display:swap;font-family:'Raleway';font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/raleway/v27/1Ptug8zYS_SKggPNyCkIT5lu.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-display:swap;font-family:'Raleway';font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/raleway/v27/1Ptug8zYS_SKggPNyCIIT5lu.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-display:swap;font-family:'Raleway';font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/raleway/v27/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-display:swap;font-family:'Raleway';font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/raleway/v27/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-display:swap;font-family:'Raleway';font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/raleway/v27/1Ptug8zYS_SKggPNyCAIT5lu.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-display:swap;font-family:'Raleway';font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/raleway/v27/1Ptug8zYS_SKggPNyCkIT5lu.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-display:swap;font-family:'Raleway';font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/raleway/v27/1Ptug8zYS_SKggPNyCIIT5lu.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-display:swap;font-family:'Raleway';font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/raleway/v27/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-display:swap;font-family:'Raleway';font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/raleway/v27/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-display:swap;font-family:'Raleway';font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/raleway/v27/1Ptug8zYS_SKggPNyCAIT5lu.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-display:swap;font-family:'Raleway';font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/raleway/v27/1Ptug8zYS_SKggPNyCkIT5lu.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-display:swap;font-family:'Raleway';font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/raleway/v27/1Ptug8zYS_SKggPNyCIIT5lu.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-display:swap;font-family:'Raleway';font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/raleway/v27/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-display:swap;font-family:'Raleway';font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/raleway/v27/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@keyframes zxcp{ from { transform: translateY(-5px);-webkit-transform: translateY(-5px); } to{ transform: translateY(5px);-webkit-transform: translateY(5px); } }
@keyframes puBanner { from {transform: translateY(100px);-webkit-transform: translateY(100px); opacity:0;} to {transform: translateY(0px);-webkit-transform: translateY(0px);opacity:1;} } 
@keyframes bannerimg { from {transform: scale(1.2);-webkit-transform: scale(1.2);} to {transform: scale(1);-webkit-transform: scale(1);} } 
@keyframes jiantoushang { from { opacity:0;} to { opacity:1;} }
@keyframes sk-bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0);} 50%{transform:scale(1);-webkit-transform:scale(1);}}
@-webkit-keyframes icoDown {0% {opacity: 0;top: 10%;}50% {top: 30%;opacity: 1;}100% {top: 60%;opacity: 0;}}
@keyframes icoDown {0% {opacity: 0;top: 10%;}50% {top: 30%;opacity: 1;}100% {top: 60%;opacity: 0;}}
html{overflow-x:hidden;font-size:16px;}
body{font-family:"PTSansRegular","Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;color:#222;font-size:0.875rem;font-weight:400;background:#fff;overflow-x:hidden}
img,video{ max-width:100%; height:auto;}
a{color:#222;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
a.nivo-lightbox-close{ color:#fff;}
a:focus,a:hover{color:#666;transition:0.3s all; } 
h1,h2,h3,h4,h5{font-family:Montserrat,sans-serif;font-weight:700;}
ul{margin:0;padding:0}
ul li{list-style:none}
a:focus,a:hover{text-decoration:none;outline:0}
.clear{clear:both}
.text-truncate-2{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical;}
.text-truncate-3{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3; -webkit-box-orient: vertical;}
/*
a:not([href]):not([tabindex]){color:#fff}
a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:#fff}
*/
.headertop{ background-color: #4b4c4d;line-height: 2.4rem;}
.headertop a{line-height: 2.4rem;}
.headerico a{ margin: 0 0.75rem; font-size: 1rem;line-height: 2.4rem; display: block; float: left;}
.headerico a span{ display: none;}
.headerbg{ width:100%;}
.headernav{ padding:0 0!important; background:rgba(251,251,251,0.95);}
.navbar-brand{height:4.75rem; line-height:4.75rem; overflow:hidden;padding-top:0; padding-bottom:0;}
.navbar-brand span{ vertical-align:top;}
.navbar-brand img{max-height:4.75rem;margin:0;}
.headernav .navbar-nav li.nav-item{ min-width:none; position:relative;line-height:4.75rem;}
.headernav .navbar-nav .nav-link{color: #333;line-height:4.75rem; font-size: 1rem; margin:0 0; padding:0 1.5rem;position:relative;}
.navbar-expand-md .navbar-nav .nav-link:focus,.navbar-expand-md .navbar-nav .nav-link:hover,.navbar-expand-md .navbar-nav .active>.nav-link,.navbar-expand-md .navbar-nav .nav-item.active .nav-link,.navbar-expand-md .navbar-nav .nav-link.open,.navbar-expand-md .navbar-nav .open>.nav-link{color:#01649e;}
.navbar-expand-md .navbar-nav li.nav-item .nav-link::before{content:'';display: block; position:absolute; z-index: 1100; bottom:-1rem;left:50%; margin-left: -1rem;  width:0;/*height:1px;background:#546b7d;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;*/width: 0;height: 0;border-top: 1rem solid #fff;border-right: 1rem solid transparent;border-left: 1rem solid transparent; opacity: 0;}
.navbar-expand-md .navbar-nav li.nav-item.active .nav-link::before,.navbar-expand-md .navbar-nav li.nav-item:hover .nav-link::before{ opacity: 1;}
.navbar-expand-md .navbar-nav li.nav-item.dropdown .nav-link::after{content:''; display: block; position:absolute; z-index: 1101; bottom:-2.5rem;left:50%;width:0;width: 0;height: 0;border-bottom: 1rem solid #f2efef;border-right: 1rem solid transparent;border-left: 1rem solid transparent; opacity: 0;margin-left: -1rem; border-top:none;}
.navbar-expand-md .navbar-nav li.nav-item.dropdown.open .nav-link::after{ opacity: 1;}
/*.navbar-expand-md .navbar-nav .nav-link:hover:before,.navbar-expand-md .navbar-nav .nav-link.active:before,{color:#000; }*/
.navbar-expand-md .navbar-toggler{border-radius:0;margin:0;cursor:pointer;float:right;margin:0;outline: 0;}
.navbar-toggler:hover .icon-bars,.navbar-toggler:focus .icon-bars{ background-color: #546B7D;}
.navbar-toggler:focus { cursor: pointer; z-index: 999999;}
.navbar-toggler .icon-bars { display: block; margin: 0.375rem 0; width: 2rem; height: 0.125rem; background-color: #dbbd94;-webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; z-index: 999999;}
.navbar-toggler .icon-bars {z-index: 999999; background-color: #546B7D;}
.navbar-toggler .top {-webkit-transform: translateY(8px) rotateZ(45deg);-moz-transform: translateY(8px) rotateZ(45deg);-ms-transform: translateY(8px) rotateZ(45deg);-o-transform: translateY(8px) rotateZ(45deg);transform: translateY(8px) rotateZ(45deg);}
.navbar-toggler .bottom {-webkit-transform: translateY(-8px) rotateZ(-45deg);-moz-transform: translateY(-8px) rotateZ(-45deg);-ms-transform: translateY(-8px) rotateZ(-45deg);-o-transform: translateY(-8px) rotateZ(-45deg);transform: translateY(-8px) rotateZ(-45deg);}
.navbar-toggler .middle {width: 0;}
.navbar-toggler.collapsed .top {-webkit-transform: translateY(0) rotateZ(0);-moz-transform: translateY(0) rotateZ(0);-ms-transform: translateY(0) rotateZ(0g);-o-transform: translateY(0) rotateZ(0g);transform: translateY(0) rotateZ(0);}
.navbar-toggler.collapsed .bottom {-webkit-transform: translateY(0) rotateZ(0);-moz-transform: translateY(0) rotateZ(0);-ms-transform: translateY(0) rotateZ(0);-o-transform: translateY(0) rotateZ(-45deg);transform: translateY(0) rotateZ(0);}
.navbar-toggler.collapsed .middle {width: 100%;}
.dropdown-toggle::after{ display:none;}
.headernav ul.dropdown-menu{ margin:0 0; padding:2.5rem 0 0 ;border:none;border-radius:0; background:none;left:0%;}
.headernav ul.dropdown-menu li{background:#f2efef; border-top: 1px #dcd9d9 solid;}
.headernav ul.dropdown-menu li a.dropdown-item{ color:#333;font-size:1rem; line-height:2rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; display:block;}
.headernav ul.dropdown-menu li a.dropdown-item:hover{background:#1a80b6;}
/*
.collapse.show{margin-bottom:10px;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
.menu-bg .collapse.show{background:#fff;margin-bottom:10px;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
*/
.headernav .navbar-nav .search{position:relative; display:block;}
.headernav .navbar-nav .searcha{font-weight:600;line-height:4.75rem;  display:block; color:#333; font-size:1.125rem;}
#searchbox{ padding:2rem; display:none; position:absolute; background:#fff; right:0; top:4rem; z-index:10000;}
#searchbox .searchboxnr form{ position:relative; min-width:250px;}
#searchbox .searchboxnr input[type="text"]{line-height:2rem; height:2rem;text-indent:10px; color:#2c2c2c;float:left; display:block; min-width:200px; outline:none;border: 0px solid #DBDBDB;  background-color: #F5F5F5;}
#searchbox .searchboxnr input::-webkit-input-placeholder{color:#2c2c2c;}
#searchbox .searchboxnr input::-moz-placeholder{color:#2c2c2c;}
#searchbox .searchboxnr input::-ms-input-placeholder{color:#2c2c2c;}
#searchbox .searchboxnr button[type="submit"]{height: 2rem; line-height:2rem;background:none;border: 0; padding:0 1rem; font-size:1.125rem; color:#999;cursor:pointer;}

#carousel-area{overflow:hidden;background:#2c3e50; position:relative;}
#carousel-area .carousel-item{background-size:100%;position:relative;}
#carousel-area .carousel-item .picbox{transform:scale(1.0); width:100%;height: 500px;}
#carousel-area .carousel-item .picbox img{animation: bannerimg 2s;}
#carousel-area .carousel-item .carousel-caption{top:32%;right:10%;left:12%;text-shadow:none;padding-top:0;padding-bottom:0}
#carousel-area .carousel-item .carousel-caption h3{color:#fff;font-weight:500;font-size:2rem;line-height:2.5rem}
#carousel-area .carousel-item .carousel-caption h2{font-size:3rem;font-weight:500;color:#fff}
#carousel-area .carousel-item .carousel-caption p{color:#fff;font-size:1.125rem;font-weight:500;margin-bottom:2rem}
#carousel-area .carousel-control{display:none;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#carousel-area:hover .carousel-control{display:block;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeIn;animation-name:fadeIn}
#carousel-area .carousel-control-next,#carousel-area .carousel-control-prev{opacity:1;width: 5rem;}
#carousel-area .carousel-control-next i,#carousel-area .carousel-control-prev i{width:5rem;line-height:5rem;height:5rem;color:rgba(255,255,255,0.9);font-size:3.5rem;display:inline-block;background:none;border-radius:30px;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
#carousel-area .carousel-control-next i:hover,#carousel-area .carousel-control-prev i:hover{opacity:.9}
/*#carousel-area .carousel-indicators li.active,#carousel-area .carousel-indicators li:hover{opacity:1}*/
#carousel-area .carousel-indicators{bottom:0;margin-bottom: 1rem;}
#carousel-area .carousel-indicators li{width:0.75rem;height:0.75rem;border-radius:100%; margin:0 0.25rem;border-top:none;border-bottom:none;}
#carousel-area .carousel-indicators li.active{ width:0.75rem; height:0.75rem; background:#fff;}

.bannermore a{ border: 2px solid #fff;}
.bannermore a:hover{ background: #e8004d; border-color: #e8004d;}
#carousel-area .butn-box {display: block;width: 58px;height: 164px;position: absolute;left: 50%;margin-left: -29px;
    bottom: 0;z-index: 999;-webkit-transition: opacity 0.5s linear 1.8s;transition: opacity 0.5s linear 1.8s;}
#carousel-area .butn-box .butn {display: block;width: 58px;height: 58px;text-align: center;position: relative;cursor: pointer;overflow: hidden;}
#carousel-area .butn-box i {display: inline-block;width: 20px;height: 12px;position: absolute;left: 50%;margin-left: -9px; top: 23px;font-size: 22px;color: #fff;-webkit-animation: 1.5s linear 1.8s infinite icoDown;animation: 1.5s linear 1.8s infinite icoDown;}

.banners{ position:relative; overflow:hidden;}
.banners .bannerpc{position: relative;height: 0px;padding-bottom:300px;overflow: hidden;}
.banners .bannerpc .picbox{ /*height: 100%;*/position:absolute;  width: 100%; left: 0; top: 0;animation: bannerimg 2s; height: 500px;}
/*
.banners .bannerpc .picbox{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) scale(1.0); width:100%;}
.banners .bannerpc .picbox img{animation: bannerimg 2s; opacity:1;}
*/
.banners .bannerwap { margin:0 -320px;}
.banners .bannerwap img{animation: bannerimg 2s; min-height:300px; }
.banners .txt{background: rgba(0,0,0,0.1);  position:absolute;top:0; left:0; width:100%; height:100%; z-index:10;color: #fff;}
.banners .txt .bannertxt{ max-width:1240px ; margin: 0 auto;}
.banners .txt .bannertxt h1{ font-size: 2.5rem; line-height: 3rem; font-weight: 400;}
.sectiontitle .subtitle{ font-size: 2rem;}
.sectiontitle .subtitle::after{content: "";display: block; max-width: 25%; margin: 1.5rem auto 1rem; height: 2px; background: #7f7e7e;}
.sectiontitle .subtitle.text-white::after{ background: #fff;}
.sectiontitle .des{ font-size: 1.125rem; line-height: 2.5;}
.inaboutbg,.aboutpagebg{background-color: #e9eaee;border-radius: 5px 5px 5px 5px;overflow: hidden;box-shadow: 5px 5px 5px 0px #d1d1d1; height: 100%; position: relative;}
.inabout .title{ font-size: 1.375rem;}
.inabout .title::after{content: "";display: block; max-width: 25%; margin: 0.5rem auto; height: 2px; background: #7f7e7e;}
.inabout .more a{ border: 2px solid #105378;border-radius: 2px;background: rgba(233,30,99,0);}
.inabout .more a:hover{ color: #fff; background: #e91e63; border-color:#e91e63;}
.inabout .more a em{ margin-left: 0.5rem;}
.inicobox .contenttitle{ font-size: 1.25rem; line-height: 2.75rem;    font-style: italic;}
.inicobox .contenttitle::after{content: "";display: block;margin: 0.75rem auto; height: 2px; background: #7f7e7e;}
.inicobox .contenttitle i{  margin-right: 0.5rem; width: 2.75rem; width: 2.75rem; text-align: center;line-height: 2.75rem; border-radius: 100%;    background-color: #333333;border-color: #333333; color: #fff;}
#inservices{ background: #eae9e9;}
.inbar{ background-color: #000;}
.inbarbox{background-color:rgba(0,0,0,0.5);border-radius: 5px 5px 5px 5px;overflow: hidden; height: 100%; position: relative;}
.inbarbox .contenttitle{ font-size: 1.25rem; line-height: 2.75rem;    font-style: italic;}
.inbarbox .contenttitle::after{content: "";display: block;margin: 0.75rem 0; height: 2px; background: #fff; max-width: 75%;}
.inbarbox .contenttitle i{  margin-right: 0.5rem; width: 2.75rem; width: 2.75rem; text-align: center;line-height: 2.75rem; border-radius: 100%;    background-color: #03a9f4;border-color: #03a9f4; color: #fff;}

.inservicesbox{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:1000px;perspective:1000px}
.inservicesbox .pic,.inservicesbox .txt{background-size:cover;background-position:center;-webkit-transition:-webkit-transform .7s cubic-bezier(.4,.2,.2,1);transition:-webkit-transform .7s cubic-bezier(.4,.2,.2,1);-o-transition:transform .7s cubic-bezier(.4,.2,.2,1);transition:transform .7s cubic-bezier(.4,.2,.2,1);transition:transform .7s cubic-bezier(.4,.2,.2,1),-webkit-transform .7s cubic-bezier(.4,.2,.2,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;text-align:center;min-height:260px;height:auto;border-radius:10px; overflow: hidden;}
.inservicesbox:hover .pic,.inservicesbox:hover .txt{-webkit-transition:-webkit-transform .7s cubic-bezier(.4,.2,.2,1);transition:-webkit-transform .7s cubic-bezier(.4,.2,.2,1);-o-transition:transform .7s cubic-bezier(.4,.2,.2,1);transition:transform .7s cubic-bezier(.4,.2,.2,1);transition:transform .7s cubic-bezier(.4,.2,.2,1),-webkit-transform .7s cubic-bezier(.4,.2,.2,1)}
.inservicesbox .txt{position:absolute;top:0;left:0;width:100%;background:#1a80b6;}
.inservicesbox .txt .inner{top:0;position:absolute;left:0;width:100%; height: 100%;z-index:2;}
.inservicesbox .txt .inner .typename{font-size: 1.375rem;}
.inservicesbox .txt .inner .des{font-size: 0.9rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;line-clamp: 5; -webkit-box-orient: vertical;}
.inservicesbox .txt .inner .des p{margin-bottom:0;}
.inservicesbox .txt .inner .more a{ border: 2px solid #fff;border-radius: 2px; color: #fff;}
.inservicesbox .txt .inner .more a:hover{ background: #e91e63; border-color:#e91e63;}
.inservicesbox .txt .inner .more a i{ margin-left: 0.5rem;}
.inservicesbox .pic .picbox{top:0;position:absolute;left:0;width:100%; height: 100%;z-index:2; background: rgba(0,0,0,0.3);}
.inservicesbox .pic .picbox picture{display: block; width: 100%;}
.inservicesbox .pic .picbox picture img{ max-width: 110px; max-height: 110px;}
.inservicesbox .pic .picbox .typename{font-size: 1.125rem;}
/*.inservicesbox .txt{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.inservicesbox .pic{-webkit-transform:rotateY(0);transform:rotateY(0);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.inservicesbox:hover .txt{-webkit-transform:rotateY(0);transform:rotateY(0);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.inservicesbox:hover .pic{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}*/

.inproductsbox{overflow: hidden;}
.inproductsbox .pic{ height: 250px; transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;}
.inproductsbox:hover .pic{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);}
.inproductsbox .typename{ width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.2);}
.inproductsbox .typename h3{ font-weight: 450;}

.inacticlebox{background-color: #e9eaee;overflow: hidden;height: 100%; position: relative;}
.inacticlebox .pic .pictxt{ overflow: hidden; width: 100%; height:0%; top: 50%; left: 0;background: rgba(0,0,0,0.5);-webkit-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s; font-size: 0;}
.inacticlebox:hover .pic .pictxt{ height: 100%;top: 0; font-size: 1rem;}
.inacticlebox .pictxt i{ font-size: 2rem; line-height: 2.5rem;}
.inacticlebox .pictxt h3{font-weight: 450;}

#inner-page{ background: #f2f2f2; padding:0 0 2rem;}
#inner-page.servicepage,#inner-page.productpage{ background: #fff;}
#inner-page.aboutpage{ background: #fff;padding:0 0 0;}
.pagetitle{ position: relative;}
.pagetitle h3{font-size: 2.25rem; line-height: 3rem; font-weight: 500; }
.pagetitle h3::after{content: "";display: block; margin: 1rem auto; height: 1px; width: 20%; min-width: 20rem; background-color: #333;}
.pagedes{}
.featuredproductsbox{position: relative;}
.featuredproductsbox .txt{ overflow: hidden; width: 100%; height:0%; top: 50%; left: 0;background: rgba(0,0,0,0.5);-webkit-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s; font-size: 0;}
.featuredproductsbox:hover .txt{ height: 100%;top: 0; font-size: 1rem;}
.featuredproductsbox .txt i{ font-size: 2rem; line-height: 2.5rem;}
.featuredproductsbox .txt h3{font-weight: 450;}

.aboutbarbox i,.aboutbarbox em{font-size:4.375rem; color:#ffc107;}
.aboutbarbox h3{color:#ffc107;font-size: 3.5rem; line-height:5rem;}
.aboutbarbox p{color:#ffc107;font-size: 1.125rem;}

.aboutcontent .txt .title{ position:relative;}
.aboutcontent .txt .title h3{font-size: 1.5rem; line-height: 2.5rem; font-weight: 500; }
.aboutcontent .txt .title h3::after{content: "";display: block; margin: 1rem auto; height: 1px; width: 30%; min-width:10rem; background-color: #333;}
.aboutcontent .piclist{ padding:0 14px;}
.aboutcontent .piclist .aboutsmallpic{ margin:1px -14px;overflow:hidden;}
.aboutcontent .piclist .aboutsmallpic img{transform:scale(1.0); width:100%; transition:all 2s ease .5s;}
.aboutcontent .piclist .aboutsmallpic:hover img{transform:scale(1.2);}
.aboutchoosenav ul li a{ background:#d1d1d1; color:#000; font-size:1rem; line-height:3rem; display:block; border:1px solid #fff;}
.aboutchoosenav ul li a.active{ background:#1a80b6;}
.aboutchoosetxt{ font-size:1.125rem; line-height:2rem;}
.aboutfaqs{ background: #e9eaee;}
.aboutfaqslist .card{ background: #fff;}
.aboutfaqslist .card-link{ font-size: 1rem;}
.aboutfaqslist .card-link.collapse:not(.show){ display:block;}
.aboutfaqslist .card-link i{ margin-right: 0.5rem; display: inline-block; width:1.875rem; width: 1.875rem; line-height: 1.875rem; background: #000;font-style:normal; text-align: center;text-indent: -99999;}
.aboutfaqslist .card-link i::after{ content: "+"; color: #fff; font-size: 1.5rem; line-height: 1.875rem;}
.aboutfaqslist .card-link:hover,.aboutfaqslist .card-link.show{ color: #1a80b6;}
.aboutfaqslist .card-link:hover i,.aboutfaqslist .card-link.show i{ background: #1a80b6;}

.productinfo{ background:#1a80b6;  color:#fff;}

.leftbg{ background: #fff;padding: 1rem;}
.leftsearch{ border: 1px solid #e2e2e2;}
.leftsearch .search-btn{ border: none; background: none;color: #a1a0b8; line-height: 1.75rem;}
.leftsearch .keywords{ border: none; background: none; outline:none; color: #a1a0b8;line-height: 1.75rem;}
.lefttitle h3{ font-size: 1.25rem; line-height:2.25rem;}
.subcolumn ul li a{ display:block;background:none;border-bottom:1px solid #e0dede;line-height:2.25rem; font-size: 1rem; padding: 0 0.25rem; position: relative;}
.subcolumn ul li a:hover,.subcolumn ul li.active a{background:#f5f5f5; color:#e80052;}
.subcolumn ul li a i{color:#e80052; position: absolute; left: -0.5rem; top: 0; font-size: 0.75rem;line-height:2.25rem; }
.inner-page-box{ background: #fff; padding: 1rem; position: relative; height: 100%;}
.leftnews .leftnewsnav ul li{ width: 50%; float: left;}
.leftnews .leftnewslist{ margin: 0 -1rem;}
.leftnews .leftnewslist ul{ margin-top: 1rem;}
.leftnews .leftnewslist ul li{ border-bottom: 1px solid #ebeaea; padding:0 1rem;}
.leftnews .leftnewslist .txt h4{ font-size: 1rem; font-weight: 400;}
.leftnews .leftnewslist .txt h4 a{ display: block; color: #1a80b6;}
.leftnews .leftnewslist .txt h4 a:hover{color:#e80052;}
.lefttags .lefttagslist ul li a{ display: block;line-height: 2.15em; padding:0.25rem; margin: 0.25rem;border: 1px solid #105378;
    color: #105378;}
.lefttags .lefttagslist ul li a:hover{color: #fff; background: #e8004d; border-color: #e8004d;}

.leftnewsnav ul li a{ background:#f1f2f2; font-size:1rem; line-height:3rem; display:block; border:1px solid #f1f2f2;}
.leftnewsnav ul li a.active{ background:#fff; border-color:#ebeaea;}

.pagetitle{ text-align:center; padding:2rem 0;}
.weizhi{ border-bottom:1px #cccccc solid; line-height:2rem; position:relative; display:none;}
.weizhi i{ margin-right:5px;}
.nrbt{color:#333;line-height:3rem; font-size: 2em;}
.nrothers{line-height:2.5rem;color:#9c9c9c;border-bottom:1px #ededed dashed}
.nrothers span{ margin-right:10px;}
.nrothers span i{ padding:0 5px;}
.nrothers a{color:#ededed;}
.fontZoom,.single,.view{padding:1rem 0;}
.fontZoom img,.single img{max-width:100%}
.fontZoomtitle{background-color:#eee;margin-bottom:1rem}
.fontZoomtitle h3{line-height:2rem;padding-left:10px;color:#000}

.ProductZoom{padding:5px 0; border-bottom:1px #e4e5e5 solid; margin-bottom:1rem;}
.ProductZoom img{max-width:100%}
.ProductZoomtitle{ margin-bottom:15px; border-bottom:1px #eee solid; color:#dc4e20;line-height:2rem; position:relative;}
.ProductZoomtitle h3{ min-width:120px; font-size: 1rem; color:#dc4e20; float:left;}
.ProductZoomtitle:before{ width:120px; border-bottom:3px #dc4e20 solid; position:absolute; bottom:-1px; left:0;content:""; display:block;}
.ProductZoomtitle:after{ content:""; display:table; clear:both;}

.cloud-zoom-lens{border:2px solid #ddd;margin:0;background-color:#fff;cursor:move}
.cloud-zoom-title{ display:none;position:absolute!important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;font-weight:700;font-size:10px;top:0}
.cloud-zoom-big{border:2px solid #ccc;overflow:hidden;}
.cloud-zoom-loading{color:#fff;background:#222;padding:3px;border:1px solid #000}
.zoom-section{clear:both;}
.zoom-small-image{/*float:left;*/margin:0; max-width:100%; border:1px #eee solid;}
.zoom-small-image img{width:100%;}
.cloud-zoom-gallery{ text-align:center; display:block;}
.zoom-tiny-image{border:1px solid #eee;}
.zoom-tiny-image:hover{border:1px solid #f9f66d}
.zoom-desc{float:left;margin:4px 0 0 0;width:100%;display:inline}
.zoom-desc p{line-height:1.4;margin-bottom:0.5rem;color:#FFF}

#product-scroller .item{margin:0 2px;}
#product-scrolle .owl-carousel .owl-wrapper-outer{padding:0 10px;}
#product-scroller .owl-controls .owl-buttons{ position:absolute; width:100%; top:calc(50% - 25px);}
#product-scroller .owl-controls .owl-buttons div{color: #4e4e4e;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver */width:10px; height:45px;;margin:0;padding:0;color:#00662d; line-height:45px;}
#product-scroller .owl-controls .owl-buttons div.owl-prev,#product-scroller .owl-controls .owl-buttons div.owl-next{opacity:1;filter:alpha(opacity=100);position:absolute; left:-10px; top: 0; }
#product-scroller .owl-controls .owl-buttons div.owl-next{right:-10px; left: auto;}
#product-scroller .owl-controls .owl-buttons div.owl-prev:hover,#product-scroller .owl-controls .owl-buttons div.owl-next:hover{opacity:0.7;filter:alpha(opacity=70)}

.productwz h3{ color:#dc4e20; font-size:20px;}
.productwz p.wz{ margin-bottom:10px;}
.productwzothers{line-height:40px;color:#9c9c9c;}
.productwzothers span{ margin-right:10px;}
.productwzothers span i{ padding:0 5px;}
.productwzothers a{color:#ededed;font-size:10px}
.productwz .productwzlist dl{ overflow:hidden; margin:0; padding:0; margin-bottom:5px;}
.productwz .productwzlist dl dt{ float:left; width:80px;}
.productwz .productwzlist dl dd{width:calc(100% - 85px); float:right;}
.productwz .productdescription{ overflow:hidden;margin: 0;padding: 10px 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;}
.productwz .productdescription dl dt{width:80px; float:left;}
.productwz .productdescription dl dd{width:calc(100% - 85px); float:right;}
.productwz .more{ padding:10px 0; overflow:hidden; display: none;}
.productwz .more a{ width:100px; display:block; background:#00207F; color:#fff;line-height:32px; float:left; margin-right:10px; text-align:center;border-radius:5px;}

.enquiry{ margin-top:20px;}
.enquiry a{ display:inline-block; line-height:35px; padding:0 20px; background-color:#ae0f0f; color:#fff;border-radius:4px;}

.likearticle .title{ border-bottom: 1px #11497c solid; margin: 15px 0;}
.likearticle .title:after{ content: ""; display: table; clear: both;}
.likearticle .title h3{ color: #333; font-size: 1rem;}
.likearticle .title h3 i{font-size: 1rem; font-style: normal;color: #dc4e20; padding: 0 5px;font-weight:200;}
.likearticle .title h3 em{ font-size: 1rem;font-style: normal; color: #dc4e20; text-transform: uppercase;font-weight:200;}
.likearticle .title a{ float: right;}
.likearticle .title a i{ font-style: normal;}
.likearticle .title a:hover{ padding-right: 10px; text-decoration: underline; color: #14326e;}
.likearticle .likearticlelist ul li{ line-height:30px; margin-bottom:5px; padding-bottom:5px;border-bottom: 1px solid #ccc;}
.likearticle .likearticlelist ul li span{ float:right;}
.likearticle .likearticlelist ul li a{ line-height:30px;}
.likearticle .likearticlelist ul li a i{ margin-right: 5px;}
.likearticle .likearticlelist ul li a:hover{ color: #dc4e20; padding-left:20px;}

.crumb{background: #f2f2f2;}
.crumb .crumbbox{line-height:1.25rem;color: #0281d6; text-transform: uppercase;}
.crumb .crumbbox:after{ content: ""; display: table; clear: both;}
.crumb .crumbbox .crumbwz span{ padding: 0 0.25rem;line-height:1.25rem; display: inline-block; vertical-align: middle;}
.crumb .crumbbox .crumbwz a{line-height:1.25rem; color: #0281d6; font-size: 1.125rem;display: inline-block; vertical-align: middle;}

.sitemaplist{ padding: 15px 0;}
.sitemaplist ul{ display: block;}
.sitemaplist ul:after{ clear: both; content: ""; display: table;}
.sitemaplist ul li{ padding-left: 10px;}
.sitemaplist ul li a{ line-height: 36px; padding: 0 15px; color: #000; font-weight: 600; font-size: 1.5rem;}
.sitemaplist ul li a:hover{ text-decoration: underline; padding: 0 5px 0 25px; color: #14326e;}
.sitemaplist ul li ul li{ float: left;}
.sitemaplist ul li ul li.xj{ float: none; width:100%; overflow:hidden;}
.sitemaplist ul li ul li a{ font-weight: normal;font-size: 1rem;}

.substation .title{position:relative;height:36px;padding:0; margin: 15px 0;  text-align:left;font:bold 22px/42px "微软雅黑";color:#737372;}
.substation .title a{position:absolute;right:10px;top:0px;height:36px;width:100px;text-align: center;display:block;background:#eb2830;color:#fff;line-height: 36px;font-size:14px;font-weight: bold;}
.substation .title a:hover{text-decoration:none;background:#f39c11;color:#fff;}
.substation .substationlist{border: 1px solid #f4f4f4;padding: 15px; margin: 15px 0;}
.substation .substationlist dl{padding: 10px 0;line-height: 24px;overflow: hidden;border-bottom: 1px dashed #ddd;}
.substation .substationlist dl dt{float:left;font-family:arial;font-weight:bold;font-size:18px;width:35px;padding-left:25px;color:#444;display: table-cell;}
.substation .substationlist dl  dd{margin:0 0 0 55px;padding-left:15px;border-left:1px dashed #b2b2b2;}
.substation .substationlist dl  dd a{padding:1px 12px 1px 12px;white-space:nowrap;float:left; display: block; line-height: 30px;;}
.substation .substationlist dl  dd a:hover{text-decoration:none;background:#eb2830;color:#fff;}
.substation .substationfooter{text-align: center; border-top: 2px solid #eb2830;padding-top: 10px;}
.substation .substationfooter .substationfootermenu ul li{ display: inline-block; line-height: 30px;}
.substation .substationfooter .substationfootermenu ul li a{ display: block; padding: 0 15px;}
.substation .substationfooter .copyright{ text-align: center; padding: 10px 0;}

.portfoliobox{margin-bottom: 6%;}
.portfolio-pic{width:100%;height:100%;overflow:hidden;position:relative}
.portfolio-pic img{width:100%;height:100%;-webkit-transition-duration:4s;-o-transition-duration:4s;transition-duration:4s}
.portfoliobox:hover .portfolio-pic img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.portfolio-txt{color: #606060;font-size:1.125rem;line-height:3rem; position:relative; height:100%;}
.portfolio-txt:before{content:""; display:block; position:absolute; z-index:1; width:200%; height:100%;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s;border-right: none;border: solid 1px #d2d2d2; margin-right:-960px;}
.portfolio-txt.portfolio-txts:before{border-right: solid 1px #d2d2d2;border-left:none; margin-right:auto; margin-left:-960px;}
.portfoliobox:hover .portfolio-txt:before{background-color: #fafafa;box-shadow: 8px 12px 18px 0px rgba(0, 0, 0, 0.13);}
.portfolio-txt .portfolio-txtbox{padding:0 0 0 10%;position:relative; z-index:2; width:100%;}
.portfolio-txt.portfolio-txts .portfolio-txtbox{padding:0 10% 0 0;}

.blog-item a{ display:block;}
.blog-item-wrapper{background:#fff;border: solid 1px #e5e5e5;margin-bottom: 40px;box-shadow:0 10px 50px 0 rgba(255,255,255,.15);-webkit-transition:transform .2s linear,-webkit-box-shadow .2s linear;-moz-transition:transform .2s linear,-moz-box-shadow .2s linear;transition:transform .2s linear,box-shadow .2s linear}
.blog-item-wrapper:hover{box-shadow:0 10px 50px 0 rgba(84,110,122,.35);/*-webkit-transform:translateY(-5px);transform:translateY(-5px)*/}
.blog-item-wrapper:hover .blog-item-img:before{opacity:1}
.blog-item-img{position:relative; overflow:hidden;}
.blog-item-img img{width:100%;-webkit-transition-duration:4s;-o-transition-duration:4s;transition-duration:4s}
.blog-item-wrapper:hover .blog-item-img img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.blog-item-text{padding:20px 30px}
.blog-item-text h3{line-height:26px;font-size:18px;font-weight:500;margin-bottom:10px;color:#263238}
.blog-item-text:hover h3{ color:#dc4e20;}
.meta-tags{margin-top:10px}
.meta-tags span{color:#999;;margin-right:10px}
.meta-tags span i{margin-right:5px} 

.articlepicbox{box-shadow:0 1px 2px 0 rgba(0,0,0,.1); background:#fff;position:relative;margin-bottom:1.875rem;border: 1px solid rgba(243,243,243,1);}
.articlepicbox .txt{transition:all .5s ease;position:relative; overflow:hidden;}
.articlepicbox .txt::before{content: '';position: absolute;left: -170px;top: -70px;width: 140px;height: 140px;background-image: linear-gradient(to top,#9a754e 0%,#dc4e20 100%);transform: rotate(45deg);   transition: all .5s ease;}
.articlepicbox .txt i{ color:#fff; position:absolute; left:0.875rem; top:0.875rem; line-height:1; font-size:0.875rem; font-weight:600;}
.articlepicbox .txt a{ display:block; text-align: center;text-overflow: ellipsis;white-space: nowrap;color: rgb(0, 0, 0);font-size: 1.125rem;height:4.375rem;line-height:4.375rem;padding: 0px 20%;transition: all 0.5s ease 0s;}
.articlepicbox .pic{position: relative;width: 100%;height: 0px;padding-bottom: 75%;overflow: hidden;}
.articlepicbox .pic img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) scale(1.0); width:100%; transition:all 2s ease .5s;}
.articlepicbox .more a{width: 100%;padding: 1rem 0 2rem;text-align: center;font-size: 1rem;color: #655148; line-height:1; display:block;}
.articlepicbox .more a i{transition:all .5s ease}
.articlepicbox .more .line{position:relative;margin-top:10px;width:100%;height:2px}
.articlepicbox .more .line::before{content:'';position:absolute; z-index:2;left:0;display:block;width:0;height:2px;background:#dc4e20;transition:all .5s ease}
.articlepicbox:hover{box-shadow:0 0 20px #ddd;}
.articlepicbox:hover .txt::before{left:-100px; }
.articlepicbox:hover .more a i{ margin-left:0.25rem;}
.articlepicbox:hover .more .line::before{width:100%;}
.articlepicbox:hover .pic img{transform:translate(-50%, -50%) scale(1.1); }

.productlistbox{box-shadow:0 1px 2px 0 rgba(0,0,0,.1); background:#fff;position:relative;margin-bottom:1.875rem;border: 1px solid rgba(243,243,243,1);}
.productlistbox .txt{transition:all .5s ease;position:relative; overflow:hidden;}
.productlistbox .txt::before{content: '';position: absolute;left: -170px;top: -70px;width: 140px;height: 140px;background-image: linear-gradient(to top,#9a754e 0%,#dc4e20 100%);transform: rotate(45deg);   transition: all .5s ease;}
.productlistbox .txt i{ color:#fff; position:absolute; left:0.875rem; top:0.875rem; line-height:1; font-size:0.875rem; font-weight:600;}
.productlistbox .txt a{ display:block; text-align: center;text-overflow: ellipsis;white-space: nowrap;color: rgb(0, 0, 0);font-size: 1.125rem;height:4.375rem;line-height:4.375rem;padding: 0px 20%;transition: all 0.5s ease 0s;}
.productlistbox .pic{position: relative;width: 100%;height: 0px;padding-bottom: 75%;overflow: hidden;}
.productlistbox .pic img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) scale(1.0); width:100%; transition:all 2s ease .5s;}
.productlistbox .more a{width: 100%;padding: 0.5rem 0;text-align: center;font-size: 1rem;color: #655148; line-height:2; display:block;}
.productlistbox .more a i{transition:all .5s ease}
.productlistbox .more .line{position:relative;margin-top:10px;width:100%;height:2px}
.productlistbox .more .line::before{content:'';position:absolute; z-index:2;left:0;display:block;width:0;height:2px;background:#dc4e20;transition:all .5s ease}
.productlistbox:hover{box-shadow:0 0 20px #ddd;}
.productlistbox:hover .txt::before{left:-100px; }
.productlistbox:hover .more a i{ margin-left:0.25rem;}
.productlistbox:hover .more .line::before{width:100%;}
.productlistbox:hover .pic img{transform:translate(-50%, -50%) scale(1.1); }

.pages{ padding:15px 0 30px;}
.pages .page-link{color: #333;}
.pages .page-item.active .page-link{background-color: #dc4e20;border-color: #dc4e20;}

.contactpage .container{ max-width: 1240px;}
.contactpagetitle h3{font-size: 45px; position: relative; text-transform: uppercase; font-weight: 450;}
.contactpagetitle h3::after{ content: ''; display: block; height: 1px; background-color: #fff; width: 100%; margin-top: 2rem;}
.form-group{ position:relative;}
.content-form,.single-contact{ background: rgba(0,0,0,0.4); border-radius: 0.25rem;}
.content-form .content-form-title h3{font-size:1.5rem;font-weight: lighter;letter-spacing: -3px;text-transform: uppercase;}
.content-form .content-form-title p{line-height: 2rem;}
.content-form .form-group{}
.content-form .form-group label{ display:none;}
.content-form .form-group .form-control{margin-bottom:0;}
.content-form .form-submit button{ width: 100%;}
.footerermessage-form-title{margin-bottom: 1.75rem;}
.footerermessage-form-title h3{font-size: 1.75rem;color: #99cc00; display: block;}
.footerermessage-group{ position:relative; margin-bottom:1rem;}
.footerermessage-group label{ display:none;}
.footerermessage-group .form-control{ border:none;border-radius:0; margin-bottom:0;color: #666;font-size:0.875rem;}

.footer-icons{}
.footer-icons a{display: inline-block; text-align: center; background: #3b5998; margin-right: 1rem;border-radius: 4px;}
.footer-icons a em{display:block; width: 38px; line-height: 38px; color: #fff;    font-size: 20px;}
.footer-icons a:nth-child(2){ background: #55acee;}
.footer-icons a:nth-child(3){ background: #0077b5;}
.footer-icons a:nth-child(4){ background: #cd201f;}
.footer-icons a:nth-child(5){ background: #77e878;}
/* ==========================================================================
Contact Us
========================================================================== */
.form-control{width:100%;margin-bottom:20px;border:1px solid transparent;background:#f5f5f5;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.form-control:focus{border:1px solid #dc4e20;outline:0;box-shadow:none;}
.btn.disabled,.btn:disabled{opacity:1}
textarea{border-radius:4px!important}
.selectarea select{ border:none; outline:none; text-align:center; background:none; }
/* 
==========================================================================
Footer Style
========================================================================== 
*/
footer{ background: #e9eaee;}
footer a{ color:#fff;}
.footertop .title h3{ font-size: 3rem; font-weight: 500;}
.footertop .title p{ font-size: 1.5rem;}
.footerul ul li{ padding: 0 1rem;}
.footerul ul li a.btn{border:1px solid #105378;color: #105378; border-radius: 50px; line-height: 2.5rem;}
.footerul ul li a.btn:hover{ color: #fff; background: #e8004d; border-color: #e8004d;}
.footerbar img{ width: 100%;}
.footer-Content{background:#4f4f4f;color:#fff;line-height:2;}
.footercontact ul li em{ margin-right: 0.5rem;}
.footermenu dl dt a{font-size: 1.75rem;color: #99cc00; display: block;}
.footermenu dl dd a{ font-size: 1.125rem; padding-bottom: 0; display: block;}
.footermenu dl dd a:hover{ color: #e8004d; padding-bottom: 1rem;}
.copyright{background: #000;}
#friendlink{ background: #000;}
#friendlink .friendlinktitle{ line-height:1.5rem; display:inline-block;}
#friendlink .friendlinkwz a{ line-height:1.5rem;color: #333;margin:0 0.5rem; padding: 0 0.5rem; display: inline-block;}
#baiduditubox img,.google-maps img {max-width: none!important;}
#baiduditubox label{ max-width: none!important;}

@media (max-width: 768px) {
#header{ position:relative;}
.navbar-brand{height:4rem; line-height:4rem;}
.navbar-brand img{ max-width:15rem; max-height:4rem;}
.headernav .navbar-nav{ padding:1rem 0;}
.headernav .navbar-nav .nav-link{ line-height:2.5rem;font-size: 1rem; color:#333; margin:0 0; padding:0 0.5rem;font-weight:300;border-bottom: 1px dashed #d6d6d6;position:relative;}
.headernav .navbar-nav .nav-link i{line-height:2.5rem;}
.navbar-expand-md .navbar-nav .nav-link:before{ display:none!important;}
.headernav .navbar-nav li.nav-item::before,.dropdown-toggle::after{ display:none;}
.headernav .navbar-nav .nav-link i{ position:absolute; right:0.25rem; top:0; font-size:0.75rem;}
.navbar-expand-md .navbar-nav .nav-link:focus, .navbar-expand-md .navbar-nav .nav-link:hover, .navbar-expand-md .navbar-nav .active>.nav-link, .navbar-expand-md .navbar-nav .nav-link.active, .navbar-expand-md .navbar-nav .nav-link.open, .navbar-expand-md .navbar-nav .open>.nav-link{ color:#333;}
.headernav ul.dropdown-menu.show{display:block!important; padding: 0;}
.headernav ul.dropdown-menu li a.dropdown-item{line-height:1.875rem;padding: 0.25rem;border-bottom: 1px dashed #f6f6f6;}
.headernav ul.dropdown-menu li a.dropdown-item i{ float:left;}
.headernav .navbar-nav .searcha{ display:none;}
#searchbox{ display:block; position:relative; top:0;padding: 0.5rem;}
/*.dropdown-toggle::after{ display:inline-block;}*/
#carousel-area .carousel-item .picbox{ height: auto;}
#carousel-area .carousel-control-next, #carousel-area .carousel-control-prev{ opacity:0;}
.lefttitle{background-color:#546B7D;}
.lefttitle h3{ line-height:2.5rem; margin:0; padding:0 10px; color:#fff; font-size:1rem;}
.lefttitle i{ float:right; line-height:2.5rem; font-size:1rem; color:#fff; margin-right:0.5rem; cursor:pointer;}
.subcolumn{ padding:0 0; display:none;}
.leibie{ display: none;}
.productshow,.viewbox{padding:0;margin-top:0;}
}