@import url("bootstrap-icons.css");
@import url("swiper.min.css");
@keyframes zxcp{ from { transform: translateY(-5px); } to{ transform: translateY(5px); } }
@keyframes puBanner { from {transform: translateY(100px); opacity:0;} to {transform: translateY(0px);opacity:1;} } 
@keyframes bannerimg { from {transform: scale(1.2);} to {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 sk-bounce{0%,100%{-webkit-transform:scale(0)} 50%{-webkit-transform:scale(1)}}
@keyframes heightbackground {from {height: 0;} to {height: 100%;}}
@keyframes spin{to{transform:rotate(1turn)}}
@keyframes spin2{to{transform:rotate(-1turn)}}
@keyframes spin-reverse{from{transform:rotate(1turn)}}
@keyframes spin-reverse2{from{transform:rotate(-1turn)}}
@keyframes anim{0%{-webkit-transform:rotate(0) translate(1%,0) rotate(0);transform:rotate(0) translate(1%,0) rotate(0)}
50%{-webkit-transform:rotate(180deg) translate(1%,.3%) rotate(-180deg);transform:rotate(180deg) translate(1%,.3%) rotate(-180deg)}
100%{-webkit-transform:rotate(360deg) translate(1%,0) rotate(-360deg);transform:rotate(360deg) translate(1%,0) rotate(-360deg)}
}
@-webkit-keyframes anim{0%{-webkit-transform:rotate(0) translate(1%,0) rotate(0);transform:rotate(0) translate(1%,0) rotate(0)}
50%{-webkit-transform:rotate(180deg) translate(1%,.3%) rotate(-180deg);transform:rotate(180deg) translate(1%,.3%) rotate(-180deg)}
100%{-webkit-transform:rotate(360deg) translate(1%,0) rotate(-360deg);transform:rotate(360deg) translate(1%,0) rotate(-360deg)}
}
@-ms-keyframes anim{0%{-webkit-transform:rotate(0) translate(1%,0) rotate(0);transform:rotate(0) translate(1%,0) rotate(0)}
50%{-webkit-transform:rotate(180deg) translate(1%,.3%) rotate(-180deg);transform:rotate(180deg) translate(1%,.3%) rotate(-180deg)}
100%{-webkit-transform:rotate(360deg) translate(1%,0) rotate(-360deg);transform:rotate(360deg) translate(1%,0) rotate(-360deg)}
}
@keyframes anim2{0%{-webkit-transform:rotate(0) translate(1%,0) rotate(0);transform:rotate(0) translate(1%,0) rotate(0)}
50%{-webkit-transform:rotate(-180deg) translate(1%,.3%) rotate(180deg);transform:rotate(-180deg) translate(1%,.3%) rotate(180deg)}
100%{-webkit-transform:rotate(-360deg) translate(1%,0) rotate(360deg);transform:rotate(-360deg) translate(1%,0) rotate(360deg)}
}
@-webkit-keyframes anim2{0%{-webkit-transform:rotate(0) translate(1%,0) rotate(0);transform:rotate(0) translate(1%,0) rotate(0)}
50%{-webkit-transform:rotate(-180deg) translate(1%,1%) rotate(180deg);transform:rotate(-180deg) translate(1%,1%) rotate(180deg)}
100%{-webkit-transform:rotate(-360deg) translate(1%,0) rotate(360deg);transform:rotate(-360deg) translate(1%,0) rotate(360deg)}
}
/* ==========================================================================
2. GENERAL
========================================================================== */
html{overflow-x:hidden;font-size:16px;}
body{font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;color:#333;font-size:0.875rem;font-weight:400;background:#fff;overflow-x:hidden;position: relative;height: 100%;}
img{ max-width:100%; height:auto;}
p{margin-bottom:0}
a{color:#666;-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}
/*
a:not([href]):not([tabindex]){color:#fff}
a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:#fff}
*/
/* ==========================================================================
2.1 Section Title
========================================================================== */
.section{padding:0;}
.section-header{margin-bottom:2rem;text-align:center;position:relative}
.section-header .section-title{color: #000000;font-size:3.75rem;line-height:3.75rem;text-transform: uppercase; font-weight:normal; margin:0; padding:0;}
.section-header .section-subtitle{ background:url(../images/line.png) no-repeat center;letter-spacing:0.75rem;color: #a7a7a7; font-size:1.125rem;}
.section-header.white .section-subtitle{ background:url(../images/lines.png) no-repeat center;}
.section-header.white .section-title,.section-header.white .section-subtitle{color:#fff;}
.section-header .jia{ position:absolute; right:0; bottom:0;}
.section-header .jia a{display: block;color: #f0931e;font-size: 2rem;line-height: 2rem;}
/* ==========================================================================
2.4  Pre Loader
========================================================================== */
#loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#263238;z-index:9999999999}
.spinner{width:40px;height:40px;top:45%;position:relative;margin:0 auto}
.double-bounce1,.double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#dc4e20;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-bounce 2s infinite ease-in-out;animation:sk-bounce 2s infinite ease-in-out}
.double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}
@-webkit-keyframes sk-bounce{0%,100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}
@keyframes sk-bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}
/* ==========================================================================
Navbar Style
========================================================================== */
.headernav{ padding:0 0!important}
.fixed-top.menu-bg{background:#fff!important}
.navbar-brand{height:4.5rem; line-height:4.5rem; margin:0 0; padding-right:0.5rem; padding-top:0; padding-bottom:0; position:relative; z-index:101;}
.navbar-brand span{ vertical-align:top;}
.navbar-brand img{max-height:4.5rem}
/*
@media (min-width: 768px) {
html {font-size: 28px!important;}
}
@media (min-width: 1025px) {
html {font-size: 30px!important;}
}
@media (min-width: 1440px) {
html {font-size: 36px!important;}
}
@media (min-width: 1680px) {
html {font-size: 40px!important;}
}
*/
@media (min-width: 768px) {
/*1.75*/
header .nav-bg{position:absolute;top:.4375rem;left:1.75rem;margin-top:-52.5rem;margin-left:-52.5rem;padding-top:105rem;width:105rem;border-radius:100%;background-color:#fff;transition:all .8s cubic-bezier(.77,0,.175,1);transform:scale(0);transform-origin:center center}
header .nav-box{position:relative;float:left;margin-top:.4375rem;margin-left:1rem}
header .menu-btn{position:relative;z-index:3;float:left;height:1.05rem;font-size:0;line-height:1.05rem;transition:all .3s}
header .menu-btn .line-box{position:relative;display:inline-block;width:1.05rem;height:.525rem;vertical-align:middle;transition:width .2s;zoom:1}
header .menu-btn .line-box .line{position:absolute;left:0;margin:0;width:1.05rem;height:3px;background-color:#000;transition:all .2s;transform-origin:center center}
header .menu-btn .line-box .line:nth-child(1){top:0}
header .menu-btn .line-box .line:last-child{bottom:0}
header .menu-btn .txt{display:inline-block;margin-left:.4375rem;color:#000;vertical-align:middle;font-family:Gilroy-Medium;font-size:.875rem;line-height:1;transition:all .2s;zoom:1}
header .menu-btn.cur .line-box .line:nth-child(1){top:50%;margin-top:-1.5px;transform:rotate(45deg)}
header .menu-btn.cur .line-box .line:nth-child(2){bottom:50%;margin-bottom:-1.5px;transform:rotate(-45deg)}
header .home-btn{position:relative;z-index:3;float:left;visibility:hidden;margin-left:2.45rem;padding-left:1.4rem;background-image:url(../images/home-btn.png);background-position:left center;background-size:.875rem;background-repeat:no-repeat;color:#333;opacity:0;transition:opacity .5s,color .2s,background-image .2s}
header .pc-nav{position:absolute;top:326%;left:0;visibility:hidden;font-size:0}
header .pc-nav li{visibility:hidden;margin-bottom:.7rem;opacity:0;transform:translateY(40px)}
header .pc-nav li:last-child{margin-bottom:0}
header .pc-nav li .tit{display:block;color:#333;white-space:nowrap;font-size:1.575rem;line-height:1.5;}
header .pc-nav li .navson{margin-top:.7rem;white-space:nowrap}
header .pc-nav li .navson a{display:inline-block;margin-right:1.3rem;color:#666;font-size:.875rem;line-height:1;transition:all .3s;zoom:1}
}
@media (min-width: 1025px) {
/*1.875*/
header .nav-bg{position:absolute;top:.46875rem;left:1.875rem;margin-top:-56.25rem;margin-left:-56.25rem;padding-top:112.5rem;width:112.5rem;border-radius:100%;background-color:#fff;transition:all .8s cubic-bezier(.77,0,.175,1);transform:scale(0);transform-origin:center center}
header .nav-box{position:relative;float:left;margin-top:.46875rem;margin-left:1rem}
header .menu-btn{position:relative;z-index:3;float:left;height:1.125rem;font-size:0;line-height:1.125rem;transition:all .3s}
header .menu-btn .line-box{position:relative;display:inline-block;width:1.125rem;height:.5625rem;vertical-align:middle;transition:width .2s;zoom:1}
header .menu-btn .line-box .line{position:absolute;left:0;margin:0;width:1.125rem;height:3px;background-color:#000;transition:all .2s;transform-origin:center center}
header .menu-btn .line-box .line:nth-child(1){top:0}
header .menu-btn .line-box .line:last-child{bottom:0}
header .menu-btn .txt{display:inline-block;margin-left:.46875rem;color:#000;vertical-align:middle;font-family:Gilroy-Medium;font-size:.875rem;line-height:1;transition:all .2s;zoom:1}
header .menu-btn.cur .line-box .line:nth-child(1){top:50%;margin-top:-1.5px;transform:rotate(45deg)}
header .menu-btn.cur .line-box .line:nth-child(2){bottom:50%;margin-bottom:-1.5px;transform:rotate(-45deg)}
header .home-btn{position:relative;z-index:3;float:left;visibility:hidden;margin-left:2.625rem;padding-left:1.5rem;background-image:url(../images/home-btn.png);background-position:left center;background-size:1.125rem;background-repeat:no-repeat;color:#333;opacity:0;transition:opacity .5s,color .2s,background-image .2s}
header .pc-nav{position:absolute;top:326%;left:0;visibility:hidden;font-size:0}
header .pc-nav li{visibility:hidden;margin-bottom:.75rem;opacity:0;transform:translateY(40px)}
header .pc-nav li:last-child{margin-bottom:0}
header .pc-nav li .tit{display:block;color:#333;white-space:nowrap;font-size:1.6875rem;line-height:1.5}
header .pc-nav li .navson{margin-top:.75rem;white-space:nowrap}
header .pc-nav li .navson a{display:inline-block;margin-right:1.4rem;color:#666;font-size:.875rem;line-height:1;transition:all .3s;zoom:1}
}
@media (min-width: 1440px) {
/*2.25*/
header .nav-bg{position:absolute;top:.5625rem;left:2.25rem;margin-top:-67.5rem;margin-left:-67.5rem;padding-top:135rem;width:135rem;border-radius:100%;background-color:#fff;transition:all .8s cubic-bezier(.77,0,.175,1);transform:scale(0);transform-origin:center center}
header .nav-box{position:relative;float:left;margin-top:.5625rem;margin-left:1rem}
header .menu-btn{position:relative;z-index:3;float:left;height:1.35rem;font-size:0;line-height:1.35rem;transition:all .3s}
header .menu-btn .line-box{position:relative;display:inline-block;width:1.35rem;height:.675rem;vertical-align:middle;transition:width .2s;zoom:1}
header .menu-btn .line-box .line{position:absolute;left:0;margin:0;width:1.35rem;height:3px;background-color:#000;transition:all .2s;transform-origin:center center}
header .menu-btn .line-box .line:nth-child(1){top:0}
header .menu-btn .line-box .line:last-child{bottom:0}
header .menu-btn .txt{display:inline-block;margin-left:.5625rem;color:#000;vertical-align:middle;font-family:Gilroy-Medium;font-size:.875rem;line-height:1;transition:all .2s;zoom:1}
header .menu-btn.cur .line-box .line:nth-child(1){top:50%;margin-top:-1.5px;transform:rotate(45deg)}
header .menu-btn.cur .line-box .line:nth-child(2){bottom:50%;margin-bottom:-1.5px;transform:rotate(-45deg)}
header .home-btn{position:relative;z-index:3;float:left;visibility:hidden;margin-left:3.15rem;padding-left:1.8rem;background-image:url(../images/home-btn.png);background-position:left center;background-size:1.125rem;background-repeat:no-repeat;color:#333;opacity:0;transition:opacity .5s,color .2s,background-image .2s}
header .pc-nav{position:absolute;top:326%;left:0;visibility:hidden;font-size:0}
header .pc-nav li{visibility:hidden;margin-bottom:.9rem;opacity:0;transform:translateY(40px)}
header .pc-nav li:last-child{margin-bottom:0}
header .pc-nav li .tit{display:block;color:#333;white-space:nowrap;font-size:2.025rem;line-height:2}
header .pc-nav li .navson{margin-top:.9rem;white-space:nowrap}
header .pc-nav li .navson a{display:inline-block;margin-right:1.5rem;color:#666;font-size:.875rem;line-height:1;transition:all .3s;zoom:1}
}
@media (min-width: 1680px) {
/*2.5*/
header .nav-bg{position:absolute;top:.625rem;left:2.5rem;margin-top:-75rem;margin-left:-75rem;padding-top:150rem;width:150rem;border-radius:100%;background-color:#fff;transition:all .8s cubic-bezier(.77,0,.175,1);transform:scale(0);transform-origin:center center}
header .nav-box{position:relative;float:left;margin-top:.625rem;margin-left:1rem}
header .menu-btn{position:relative;z-index:3;float:left;height:1.5rem;font-size:0;line-height:1.5rem;transition:all .3s}
header .menu-btn .line-box{position:relative;display:inline-block;width:1.5rem;height:.75rem;vertical-align:middle;transition:width .2s;zoom:1}
header .menu-btn .line-box .line{position:absolute;left:0;margin:0;width:1.5rem;height:3px;background-color:#000;transition:all .2s;transform-origin:center center}
header .menu-btn .line-box .line:nth-child(1){top:0}
header .menu-btn .line-box .line:last-child{bottom:0}
header .menu-btn .txt{display:inline-block;margin-left:.625rem;color:#000;vertical-align:middle;font-family:Gilroy-Medium;font-size:.875rem;line-height:1;transition:all .2s;zoom:1}
header .menu-btn.cur .line-box .line:nth-child(1){top:50%;margin-top:-1.5px;transform:rotate(45deg)}
header .menu-btn.cur .line-box .line:nth-child(2){bottom:50%;margin-bottom:-1.5px;transform:rotate(-45deg)}
header .home-btn{position:relative;z-index:3;float:left;visibility:hidden;margin-left:3.5rem;padding-left:2rem;background-image:url(../images/home-btn.png);background-position:left center;background-size:1.25rem;background-repeat:no-repeat;color:#333;opacity:0;transition:opacity .5s,color .2s,background-image .2s}
header .pc-nav{position:absolute;top:326%;left:0;visibility:hidden;font-size:0}
header .pc-nav li{visibility:hidden;margin-bottom:1rem;opacity:0;transform:translateY(40px)}
header .pc-nav li:last-child{margin-bottom:0}
header .pc-nav li .tit{display:block;color:#333;white-space:nowrap;font-size:2.25rem;line-height:2}
header .pc-nav li .navson{margin-top:1rem;white-space:nowrap}
header .pc-nav li .navson a{display:inline-block;margin-right:1.5rem;color:#666;font-size:.875rem;line-height:1;transition:all .3s;zoom:1}
}
header.open .nav-box .nav-bg{transform:scale(1)}
header.open .nav-box .home-btn{visibility:visible;opacity:1}
header.open .nav-box .pc-nav li{visibility:visible;opacity:1;transition:all .5s ease;transform:translateY(0)}
header.open .nav-box .pc-nav li:nth-child(1){transition-delay:.1s}
header.open .nav-box .pc-nav li:nth-child(2){transition-delay:.2s}
header.open .nav-box .pc-nav li:nth-child(3){transition-delay:.3s}
header.open .nav-box .pc-nav li:nth-child(4){transition-delay:.4s}
header.open .nav-box .pc-nav li:nth-child(5){transition-delay:.5s}
header.open .nav-box .pc-nav li:nth-child(6){transition-delay:.6s}

.headernav .navbar-nav li.nav-item{ min-width:7.25rem; position:relative;}
.headernav .navbar-nav .nav-link{color: #010101;font-size:1.125rem;line-height:5.5rem; padding:0;position:relative; text-align:center;}
.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:#000;font-weight:600;}
/*
.navbar-expand-md .navbar-nav .nav-link:before{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:#dc4e20;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.navbar-expand-md .navbar-nav .active::before,.navbar-expand-md .navbar-nav .nav-link:hover::before{width:50%}
.navbar-expand-md .navbar-nav .nav-link:hover:before,.navbar-expand-md .navbar-nav .nav-link.active:before,{color:#000; font-weight:600;}
*/
.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: #FCA311;}
.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: #FCA311;}
.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:0 0;border:none;border-radius:0; background:#fff;min-width:100%;}
.headernav ul.dropdown-menu li{ text-align:center;}
.headernav ul.dropdown-menu li a.dropdown-item{ color:#000;font-size:0.875rem; line-height:2.375rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; display:block;}
.headernav ul.dropdown-menu li a.dropdown-item:hover{background:#dc4e20; color:#fff;}

/*
.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 li.header-right{}
.headernav .navbar-nav li.header-right a{ display:inline-block; color:#fff;-webkit-border-radius:100%;-moz-border-radius:100%;background:rgba(0,0,0,.5);  border-radius:100%; line-height:2rem; width:2rem; text-align:center; font-size:0.75rem; margin:0 0.5rem; position:relative; overflow:hidden;}
.headernav .navbar-nav li.header-right a::before {content:"";display:block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #4c498e;transform: scale(0);border-radius: 100%; transition: transform .5s;}
.headernav .navbar-nav li.header-right a i{ font-style:normal; position:relative; z-index:2;text-transform:uppercase;}
.headernav .navbar-nav li.header-right a:hover::before{transform: scale(1);}
.search-dialog-box{position:fixed;left:0;top:0;width:100%;height:100%;z-index:1031;opacity:0;visibility:hidden}
.search-dialog-box .bubbles-bg{opacity:0;visibility:hidden}
.search-dialog-box .search-bg{position:absolute;left:50%;top:50%;width:120vw;height:120vw;margin:-60vw 0 0 -60vw; background-color:#4c498e;/*background-image:url(../images/search-bg.jpg);background-size:cover;background-repeat:no-repeat;*/border-radius:100%;transform:scale(0);transform-origin:center center}
.search-dialog-box .wrap-inner{transform:translateY(100%)}
.header-right .bubbles-bg{opacity:0;visibility:hidden;transition:all .5s .8s}
.search-dialog-box .bubbles-bg .bubble{position:absolute}
.search-dialog-box .bubbles-bg .bubble .circle{border-radius:100%;position:absolute;left:0;top:0;width:100%;height:100%}
.search-dialog-box .bubbles-bg .bubble1{width:6%;padding-top:6%;left:26.875%;top:-6.67%}
.search-dialog-box .bubbles-bg .bubble1 .circle{border:1px solid #fff}
.search-dialog-box .bubbles-bg .bubble2{width:0.75rem;padding-top:0.75rem;left:13.54%;top:18%}
.search-dialog-box .bubbles-bg .bubble2 .circle{background-color:rgba(255,255,255,.7)}
.search-dialog-box .bubbles-bg .bubble3{width:2.25rem;padding-top:2.25rem;left:8.854%;top:30.55%}
.search-dialog-box .bubbles-bg .bubble3 .circle{background-color:#fff}
.search-dialog-box .bubbles-bg .bubble4{width:56.875%;padding-top:56.875%;left:-28.6458%;top:51.85%}
.search-dialog-box .bubbles-bg .bubble4 .circle{background:-webkit-linear-gradient(45deg,rgba(255,255,255,0),rgba(255,255,255,.05) 100%);background:-ms-linear-gradient(45deg,rgba(255,255,255,0),rgba(255,255,255,.05) 100%);background:linear-gradient(45deg,rgba(255,255,255,0),rgba(255,255,255,.05) 100%)}
.search-dialog-box .bubbles-bg .bubble5{width:3.375rem;padding-top:3.375rem;left:26.3%;top:70.83%}
.search-dialog-box .bubbles-bg .bubble5 .circle{background-color:#fff;opacity:.1}
.search-dialog-box .bubbles-bg .bubble6{width:56.875%;padding-top:56.875%;left:73.4375%;top:-52.77%}
.search-dialog-box .bubbles-bg .bubble6 .circle{background:-webkit-linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);background:-ms-linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.1) 100%)}
.search-dialog-box .bubbles-bg .bubble7{width:4rem;padding-top:4rem;left:60.9375%;top:18.5%}
.search-dialog-box .bubbles-bg .bubble7 .circle{background-color:rgba(255,255,255,.7)}
.search-dialog-box .bubbles-bg .bubble8{width:3rem;padding-top:3rem;left:95.83%;top:70.83%}
.search-dialog-box .bubbles-bg .bubble8 .circle{border:1px solid #fff}
.search-dialog-box .bubbles-bg .bubble9{width:1rem;padding-top:1rem;left:76.5625%;top:96.296%}
.search-dialog-box .bubbles-bg .bubble9 .circle{background-color:#fff}
.search-dialog-box .bubbles-bg .bubble10{width:56.875%;padding-top:56.875%;left:71.354%;top:87%}
.search-dialog-box .bubbles-bg .bubble10 .circle{background:-webkit-linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);background:-ms-linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.3) 100%)}
.search-dialog-box .bubbles-bg .bubble{animation:spin 8s infinite linear;transform-origin:50% 45%}
.search-dialog-box .bubbles-bg .bubble:nth-child(2n){animation:spin2 8s infinite linear}
.search-dialog-box .bubbles-bg .bubble .circle{animation:spin-reverse 8s infinite linear}
.search-dialog-box .bubbles-bg .bubble:nth-child(2n) .circle{animation:spin-reverse2 8s infinite linear}
.search-dialog-box .bubbles-bg .sm-bubble{transform-origin:30% 30px}
.search-dialog{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%}
.search-dialog .search-tit{font-size:3rem;line-height:1.2;color:#fff;text-align:center;overflow:hidden}
.search-dialog .search-inner{overflow:hidden;margin-top:2rem}
.search-dialog .search-input{max-width:50rem;margin:0 auto;padding:0.25rem 1rem;background-color:rgba(0,0,0,.1);border-radius:3rem;box-sizing:border-box;transition:all .3s}
.search-dialog .search-input input[type=text]{float:left;width:calc(100% - 3rem);outline:none;background-color:transparent;border:none;line-height:3rem;color:#fff;transition:all .3s}
.search-dialog .search-input input[type=text]::-webkit-input-placeholder{color:#fff}
.search-dialog .search-input input[type=text]:-moz-placeholder{color:#fff}
.search-dialog .search-input input[type=text]::-moz-placeholder{color:#fff}
.search-dialog .search-input input[type=text]:-ms-input-placeholder{color:#fff}
.search-dialog .search-input .search-btn{float:right;width:3rem;border:none;color:#fff; background:none; font-size:1.5rem; line-height:3rem;}
.search-dialog .search-input.on{background-color:#fff}
.search-dialog .search-input.on input[type=text]{color:#000}
.search-dialog .search-input.on input[type=text]::-webkit-input-placeholder{color:#000}
.search-dialog .search-input.on input[type=text]:-moz-placeholder{color:#000}
.search-dialog .search-input.on input[type=text]::-moz-placeholder{color:#000}
.search-dialog .search-input.on input[type=text]:-ms-input-placeholder{color:#000}
.search-dialog .search-input.on .search-btn{color:#000}
.search-dialog .hot-search{max-width:50rem;margin:0 auto;padding:1rem;box-sizing:border-box;overflow:hidden}
.search-dialog .hot-search .hot-link,.search-dialog .hot-search .hot-tit{display:inline-block;zoom:1;vertical-align:top}
.search-dialog .hot-search .hot-tit{line-height:1.2rem;color:#fff;font-weight:700;padding-left:.6rem;}
.search-dialog .hot-link{margin-left:1rem}
.search-dialog .hot-link a{display:inline-block;zoom:1;line-height:1.2;margin-right:.75rem;color:#fff;position:relative}
.search-dialog .hot-link a:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#fff;transform:scaleX(0);transform-origin:left center;transition:transform .3s}
.header-right.is-open .bubbles-bg{visibility:visible;opacity:1}
.header-right.is-open .search-btn .con-box{display:none}
.header-right.is-open .close-btn{display:block}
.header-right.is-open .item .search-bg{transform:scale(1)}
.header-right.is-open .search-dialog-box{opacity:1;visibility:visible}
.pub-close{	position: absolute;width: 2rem;height: 2rem; text-align:center; line-height:2rem;z-index: 1000;right: 3.125%;top: 3.125%;background-color: rgba(0,0,0,.1);border-radius: 100%; color:#fff;}
/* ==========================================================================
Slider
========================================================================== */
.banner{ position:relative; z-index:2;}
.banner .share{ position:absolute; z-index:100; bottom:1rem; right:1rem; font-size:1.2rem;}
.banner .share span{ margin-right:0.5rem;}
.banner .share i{ padding:0 0.5rem;}
#carousel-area{overflow:hidden;background:#2c3e50}
#carousel-area .carousel-item{background-size:100%}
#carousel-area .carousel-item .picbox{transform:scale(1.0); width:100%; text-align:center;}
#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:1.5rem;line-height:3rem}
#carousel-area .carousel-item .carousel-caption h2{font-size:5rem;font-weight:700;color:#fff}
#carousel-area .carousel-item .carousel-caption h4{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: 8%;}
#carousel-area .carousel-control-next i,#carousel-area .carousel-control-prev i{width:3rem;line-height:3rem;height:3rem;color:#fff;font-size:1.5rem;display:inline-block;background:#dc4e20;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: 0.25rem;*/}
#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:#dc4e20;}
#slider-area{margin-top:-1px}
#slider-area .btn{margin-right:1rem}
#slider-area .large_white{color:#fff}
#slider-area .about-info p{color:#333}

.banner_wap{}
.banner_wap .owl-theme .owl-controls .owl-buttons div{ position:absolute;left:0; top:50%; margin-top:-1rem;background:none;margin:0;padding:0 0;}
.banner_wap .owl-theme .owl-controls .owl-buttons div.owl-next{ left:auto; right:0;}
.banner_wap .owl-theme .owl-controls .owl-buttons div i{ font-size:2rem;}

.banners{ position:relative; overflow:hidden; z-index:2;}
.banners .bannerpc{position: relative;width: 100%;height: 0px;padding-bottom:100vh;overflow: hidden;}
.banners .bannerpc .picbox{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) scale(1.0); width:100%; text-align:center;}
.banners .bannerpc .picbox img{animation: bannerimg 2s; opacity:0;}
.banners .bannerwap { margin:0 0; text-align:center;}
.banners .bannerwap img{animation: bannerimg 2s;}
.banners .txt{ position:absolute; z-index:100; top:0; left:0; width:100%; height:100%; z-index:10; text-align:center;color: #fff; display:none;}
.banners .txt h4{font-size: 1.5rem; font-weight:normal;letter-spacing: 5px;color: #fff;text-transform: uppercase;animation: puBanner 3s; text-shadow: 0 5px 10px rgba(0,0,0,0.2);}


#inpro{ padding:4rem 0;}
.inprotitle{}
.inprotitle h3{}
.inprotitle p{}
.inprotitle a.more{ background:#4c498e;  position:relative;color:#fff; display:inline-block; line-height:3rem; min-width:240px; text-align:center; margin-top:0.5rem; border:1px #4c498e solid;}
.inprotitle a.more span{ position:relative; z-index:2;}
.inprotitle a.more::before{content:"";display:block;position: absolute; z-index:1;left: 0;top: 0;width: 100%;height: 100%;background-color: #fff;transform: scale(0);transition: transform .5s}
.inprotitle a.more:hover{  color:#4c498e;}
.inprotitle a.more:hover::before{transform: scale(1);}
.inpro{ position:relative;}
.inpro .inprobox{ margin:0 0.5rem;}
.inpro .inprobox .pic{}
.inpro .inprobox .pic{position: relative;width: 100%;height: 0px;padding-bottom: 100%;overflow: hidden;}
.inpro .inprobox .pic img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) scale(1.0); width:100%; transition:all 2s ease .5s;}
.inpro .inprobox:hover .pic img{transform:translate(-50%, -50%) scale(1.1); }
.inpro .inprobox .txt{ margin-top:0.5rem;}
.inpro .inprobox .txt h3{ font-size:1rem; line-height:2; font-weight:normal;}
.inpro .inprobox .txt p.more{}
.inpro .inprobox .txt p.more a{ border:1px #000 solid; padding:0.5rem 2.5rem; display:inline-block; line-height:1.5; color:#000; font-size:0.75rem; position:relative;}
.inpro .inprobox .txt p.more a:before{ position:absolute; z-index:1; display:block;content:""; width:100%;height:0; left:0; bottom:0; background:#4c498e; transition:all .5s ease}
.inpro .inprobox .txt p.more a span{ position:relative; z-index:2;}
.inpro .inprobox .txt p.more a:hover{ color:#fff;border-color:#4c498e;}
.inpro .inprobox .txt p.more a:hover:before{animation: heightbackground 0.4s; animation-fill-mode: forwards;}
.inpro .owl-theme .owl-controls .owl-buttons div{ position:absolute;right:0; top:50%;background:#e6e6e6!important; color:#fff; line-height:2.75rem; width:2.75rem; text-align:center;margin:-4.75rem 0 0 0!important;padding:0!important; font-size:1.5rem;}
.inpro .owl-theme .owl-controls .owl-buttons div.owl-prev{ right:auto; left:-60px; display:none;}
.inpro .owl-theme .owl-controls .owl-buttons div.owl-next{ right:-60px;}
#inbar{}
.inbar{ position:relative;}
.inbar .pic{}
.inbar .txt{ position:absolute; width:auto; height:auto; left:20%; top:25%;}
.inbar .txt .txtbox{ color:#fff; font-size:6rem; font-weight:600; max-width:750px;}
.inbar .txt .txtbox i{ margin-left:2rem; font-size:3rem;color:#fff;}
#inabo{ padding:6rem 0;}
.inabo{ max-width:90%; margin:0 auto; text-align:center;}
.inabo h3{ font-size:3rem; line-height:2;}
.inabo p{}
#innews{background:#f4f4f4;padding:4rem 0;}
.innews{ position:relative;}
.innewstitle{ position:relative; border-bottom:1px #999 solid; margin-bottom:1rem; padding-bottom:1rem;}
.innewstitle h3{}
.innewstitle a.more{ position:absolute; right:0; top:1rem;}
.innewscat{}
.innewscat ul.nav-tabs{ border-bottom:none!important}
.innewscat ul li{ margin-bottom:2.5rem; width:100%; float:none;}
.innewscat ul li a{}
.innewscat ul li a:before{ content:""; display:inline-block; margin-right:0.4rem;width:0; height:1px; background:#999;}
.innewscat ul li a.active{}
.innewscat ul li a.active:before{ width:50px;}

.inewsbox{margin:0 0.5rem;}
.inewsbox .pic{}
.inewsbox .pic{position: relative;width: 100%;height: 0px;padding-bottom:75%;overflow: hidden;}
.inewsbox .pic img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) scale(1.0); width:100%; transition:all 2s ease .5s;}
.inewsbox:hover .pic img{transform:translate(-50%, -50%) scale(1.1); }
.inewsbox .txt{ margin-top:0.5rem;}
.inewsbox .txt h3{ font-size:1rem; line-height:2; font-weight:normal;}
.innews .owl-theme .owl-controls{ position:absolute; bottom:0; left:-16.666667%;}
.innews .owl-theme .owl-controls .owl-page span{width: 10px;height: 10px; margin:0 3px;}
/* ==========================================================================
Blog 
========================================================================== */
.pagebg{position:relative; z-index:2; background:#fff;}
#inner-page{ padding:2.5rem 0; overflow:hidden; position:relative; z-index:2; background:#fff;}
#inner-page.productpage{padding:2.5rem 0 0; }

.brand-cloude {position: absolute;right: -4.583%;top: -10.77%;width: 43.229%;}
.brand-cloude img {display: block;width: 100%;height: auto;}
.sea-down{position:absolute;left:50%;margin-left:-29px;bottom:30px;z-index:3;pointer-events:none;text-align:center;opacity:0;visibility:hidden;transition:.5s}
.sea-down.defaul,.sea-down.loaderMouse{opacity:1;visibility:visible}
.sea-down.loaderMouse i{height:14vw}
.sea-down.loaderMouse i:after{animation:none}
.sea-down.defaul i{height:18px}
.sea-down.defaul i:after{animation:move2 3s 1s infinite}
.sea-down i{display:block;margin:auto;position:relative;width:2px;height:18px;transition:1s}
.sea-down i:after{position:absolute;left:0;top:0;background:#fff;content:"";width:100%;height:100%;animation:move2 3s infinite;transform-origin:center top}
.sea-down i:before{position:absolute;left:-6px;top:-15px;content:"";width:15px;height:15px;border-radius:50%;background:#fff}
.sea-down span{display:block;margin-top:15px;color:#fff;line-height:1;font-size:14px}
@keyframes move2{0%{opacity:1;transform:scaleY(1)}50%{transform:scaleY(.2);opacity:.2}}

.brand-introduct{position:relative;z-index:3;height:100vh;overflow:hidden}
.brand-introduct .brand-cloude{z-index:10}
.brand-swiper{height:100%}
.parallax-bg,.parallux-bgs{position:absolute; z-index:10000;left:0;top:0;width:100%;height:110%;background-position:center top;background-size:cover}
.parallax-bg .sea-down,.parallux-bgs .sea-down{margin-bottom:10vh}
.parallax-bg{z-index:-1}
.brand-slide:last-child{overflow-y:scroll}
.brand-slide::-webkit-scrollbar{display:none}
.parallux-bgs{z-index:-1}
.brand-slide{position:relative;z-index:3;height:100vh!important;overflow:hidden}
.product-swipers .brand-slide{height:auto!important}
.brand-banner{position:absolute;right:9.89%;top:50%;transform:translateY(-50%);z-index:4}
.brand-banner strong{display:block;color:#fff;font-size:44px;line-height:1.4;font-weight:400}
.brand-banner strong:last-child{padding-left:206px}
.brand-intros{position:absolute;left:15%;top:60%;transform:translateY(-50%);width:610px; padding:2rem;background-color: #07ab90; background-image: linear-gradient(141deg,#07ab90 0%,#1088a0 51%,#2258b8 75%);}
.brand-intros strong{display:block;line-height:1.2;color:#fff;font-size:2.5rem;font-weight:400}
.brands-info{margin-top:2rem;margin-bottom:2rem}
.brands-info p{margin-bottom:14px;color:#fff;font-size:18px;text-align:justify}
.brands-info p:last-child{margin-bottom:0}

.cost-box{position:relative;height:100%}
.cost{position:relative;z-index:2;height:100%}
.cost .slick-track{display:flex;-webkit-display:flex;-moz-display:flex}
.cost-item{position:relative;float:left;height:100%}
.cost-item:hover figure:before{opacity:0;visibility:hidden}
.cost-item:hover figure:after{opacity:1;visibility:visible}
.cost-item:hover>figure img{transform:scale(1.04)}
.cost-item:hover .cost-text{height:247px}
.cost-item:hover .cost-text .cost-bott:before{height:32px}
.cost-item:hover .cost-text .cost-bott p,.cost-item:hover .cost-text .cost-bott strong{opacity:1;visibility:visible;transform:translateY(0)}
.cost-item:hover .cost-text .cost-bott p{transition-delay:.25s}
.cost-item figure{position:relative;height:100%}
.cost-item figure img{position:absolute;left:0;top:0;width:100%;height:100%;transition:3.88s;object-fit:cover}
.cost-item figure:before{position:absolute;left:0;bottom:0;z-index:0;content:"";width:100%;height:326px;background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%);transition:.5s}
.cost-item figure:after{position:absolute;left:0;bottom:0;z-index:3;content:"";width:100%;height:76.8%;background:linear-gradient(to bottom,rgba(22,50,21,0) 0,rgba(22,50,21,.8) 100%);opacity:0;visibility:hidden;transition:.5s}
.costs-in{position:relative;width:100%;height:100vh!important}
.cost-arrow{position:absolute;line-height:1;color:#fff;font-size:30px;cursor:pointer;z-index:10;bottom:70px}
.cost-arrow.prev{left:20px}
.cost-arrow.next{right:20px}
.cost-arrow.slick-hidden{opacity:0;visibility:hidden}
.cost-text{position:absolute;left:0;bottom:66px;width:100%;text-align:center;z-index:5;height:95px;transition:.6s}
.cost-top b{display:block;color:#fff;line-height:1;font-size:46px;font-weight:400}
.cost-top strong{display:block;margin-top:21px;line-height:1.2;color:#fff;font-size:24px;font-weight:400}
.cost-bott{position:relative;padding-top:60px;margin-top:28px}
.cost-bott:before{position:absolute;left:50%;top:0;content:"";width:1px;height:32px;background:#fff;transform-origin:center top;transition:.5s;height:0}
.cost-bott strong{display:block;margin-bottom:8px;line-height:1.2;color:#fff;font-size:24px;font-weight:400;opacity:0;visibility:hidden;transform:translateY(40px);transition:.5s}
.cost-bott p{color:#fff;font-size:16px;line-height:1.8;opacity:0;visibility:hidden;transform:translateY(40px);transition:.5s}
.brand-about,.memorabilia,.speech,.aboutphoto{position:relative;overflow:hidden;height:auto!important;padding-bottom:100vh!important;}
.brand-about-box,.memorabilia-box,.speech-box,.aboutphoto-box{ position:absolute;left:0; top:0; width:100%; height:100%;}
.brand-about-boxer{width:640px; color:#fff; line-height:2; left:15%; position:relative;}
.brand-about-boxer strong{ font-size:1.5rem;}
.parallux{position:relative;z-index:3}
.parallux-inner{position:absolute;z-index:-1;top:0;left:0;right:0;width:100%;height:100%!important;background-attachment:fixed;background-position:center!important;background-size:cover!important}
.parallux-ip{position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;background-position:center bottom;display:none}

.brand-slide.swiper-slide-active .article-block.slidetop{opacity:1;visibility:visible;transition-delay:.3s;transform:translateY(0)}
.brand-slide.swiper-slide-active .article-block.slidetop.detay1{transition-delay:.5s}
.brand-slide.swiper-slide-active .article-block.slidetop.detay2{transition-delay:.7s}

.counterlist{ margin-top:1rem;}
.counterlist ul{}
.counterlist ul li{ width:33.333%; float:left; text-align:center;}
.counterlist ul li h3{ font-size:1.5rem;}
.counterlist ul li h3 span{ font-size:2.5rem;}

.memorabilia-box .title{ color:#fff; margin-bottom:4.5rem;}
.memorabilia-box .title h3{ font-size:2rem; color:#fff;}
.memorabilia-box .title p{}
.memorabilia-box .memorabilialist{}
.gallery-thumbs{  margin-bottom:2rem; padding-bottom:10px;}
.gallery-thumbs .swiper-wrapper::before{border-bottom:1px #fff solid;content:""; display:block; height:1rem;  width:100000px; position:absolute; z-index:99; left:-200px; bottom:0;}
.gallery-thumbs .swiper-wrapper::after{content:""; display:block; height:10px; width:100000px;position:absolute; z-index:99; left:0; bottom:0;background: repeating-linear-gradient(90deg,transparent,transparent 119px,#fff,#fff 120px);}
.gallery-thumbs .swiper-slide{ text-align:center; width:240px;}
.gallery-thumbs .swiper-slide a{ color:#fff; font-size:2rem; display:block; position:relative; padding-bottom:1.5rem;line-height:2rem; margin-top:3rem;}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active a{ font-size:5rem;font-weight:600; line-height:5rem; margin-top:0;}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active a::before{ content:""; position:absolute; z-index:100;left:50%; margin-left:-5px; bottom:-5px; display:block; width:10px; height:10px; background:rgba(255,255,255,1); border-radius:100%;}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active a::after{ content:""; position:absolute; z-index:101;left:50%; margin-left:-10px; bottom:-10px; display:block; width:20px; height:20px; background:rgba(255,255,255,0.5); border-radius:100%;}
.gallery-top{ max-width:1500px;}
.gallery-top .swiper-slide{ width:65%; opacity:0.7;}
.gallery-top .swiper-slide.swiper-slide-active{ opacity:1;}
.gallery-top .swiper-button-next{right:35%;}
.gallery-top .swiper-button-prev{left:0;}
.gallery-top .swiper-slide .lichengbox{ margin:0 3rem; background:#fff;}
.gallery-top .swiper-slide .lichengbox .pic{ margin:0 -15px;}
.gallery-top .swiper-slide .lichengbox .txt{ padding:0 1.5rem;}
.gallery-top .swiper-slide .lichengbox .txt h3{ position:relative; font-size:2.5rem; line-height:5rem; color:#000; display:block;}
.gallery-top .swiper-slide .lichengbox .txt h3::before{ position:absolute; z-index:102; left:-3rem; bottom:50%; content:"";display:block; width:3rem; background:#000; height:1px;}
.gallery-top .swiper-slide .lichengbox .txt p{}


.speech-box .txt{ padding-right:4rem; position:relative;}
.speech-box .txt .syh{ position:absolute; right:0; top:-3rem; max-width:15%;}
.speech-box .txt .title{ font-size:2rem; margin-bottom:2rem; font-weight:600;}
.speech-box .txt .title em{font-size:1.25rem; font-style:normal;font-weight:100;}
.speech-box .txt .txtspeech{ line-height:2rem; padding-right:4rem;}
.speech-box .pic{position: relative;width: 100%;height: 0px;padding-bottom: 75%;overflow: hidden;}
.speech-box .pic img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) scale(1.0); width:100%; transition:all 2s ease .5s;}
.speech-box .pic:hover img{transform:translate(-50%, -50%) scale(1.1); }}

.aboutphoto-box{}
.aboutphoto-box .title{ margin-bottom:4.5rem;}
.aboutphoto-box .title h3{ font-size:2rem;}
.aboutphoto-box .title p{}
.aboutphoto-boxer{ margin-right:-12.5rem;}
.aboutphoto-boxer .gallery-aboutphoto{ padding-bottom:2rem;}
.aboutphoto-boxer .gallery-aboutphoto .swiper-slide{ width:30%;}
.aboutphoto-boxer .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:0;}

.blog-cat{ padding:2rem 0; position:relative;}
.blog-cat .title{ padding:1.5rem 0; position:relative;}
.blog-cat .title a.more{ display:blcok; float:left;}
.blog-cat .title h3{ color:#4c498e; font-size:1.2rem; line-height:1.5; margin:0;}
.blog-cat .title h4{ font-size:1rem;line-height:1.2; margin:0; color:#000;}
.title .swiper-buttons-prev,.title .swiper-buttons-next{ position:absolute; top:50%; margin-top:-1.2rem; right:1rem;--swiper-theme-color: #999; border:2px #999 solid;border-radius:100%; width:2.4rem; height:2.4rem; line-height:2.4rem; text-align:center; font-size:1.2rem; background:none;}
.title .swiper-buttons-prev{left:auto; right:4rem;}
.title .swiper-buttons-prev.swiper-button-disabled,.title .swiper-buttons-next.swiper-button-disabled{ opacity:0.5;}
.blog-cat-pic{ margin:0 -15px;}
.swiper-blog-piclist .swiper-wrapper{ display: block;}
.swiper-blog-piclist .swiper-slide{float: left;}
.blog-picbox{ margin:1rem;}
.blog-picbox .pic{}
.blog-picbox .pic{position: relative;width: 100%;height: 0px;padding-bottom:75%;overflow: hidden;}
.blog-picbox .pic img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) scale(1.0); width:100%; transition:all 2s ease .5s;}
.blog-picbox:hover .pic img{transform:translate(-50%, -50%) scale(1.1); }}
.blog-picbox .txt{ margin-top:0.5rem;}
.blog-picbox .txt h3{ font-size:1rem; line-height:2; font-weight:normal;}
.blog-picbox .txt h3 a{}
.blog-picbox .txt h3 a:hover{ color:#4c498e;}
.blog-picbox .txt .more a{display:inline-block;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.blog-picbox .txt .more a:hover{ padding-left:1rem; color:#4c498e;}
.blog-catlist{}
.blog-catlist ul{}
.blog-catlist ul li{ border-bottom:1px #999 solid; margin-bottom:1rem; padding-bottom:1rem;}
.blog-catlist ul li .lititle{}
.blog-catlist ul li .lititle span{ float:right;}
.blog-catlist ul li .limore{}
.blog-catlist ul li .limore a{color:#4c498e;}

#productcat .container-fluid{ max-width:1780px;}
#productcat #inner-page{ overflow:hidden;}
.product-video{ margin:0 0 2.5rem; background:#000;position:relative; z-index:3;}
.product-cat{}
.productcatbg{ background:#4c498e; position:relative;}
.productcatbg::before{ position:absolute; z-index:1;content:""; background:#4c498e; left:-960px; width:960px; right:0; top:0; height:100%;}
.productcatbg::after{ position:absolute; z-index:2;content:""; background:#fff; width:150rem; height:150rem; right:-145rem;top:50%; margin-top:-75rem;border-radius:300rem;}
.productcat{padding:2rem; position:relative; z-index:3;}
.productcat .title{ color:#fff;font-size:1.5rem;font-weight:600; line-height:1.5;}
.productcat ul.nav.nav-tabs{ display:block!important; border-bottom:none;}
.productcat ul li{ float:none!important; width:100%;}
.productcat ul li a{ color:#fff; margin-top:25%; display:block; position:relative; overflow:hidden;}
.productcat ul li a.active{}
.productcat ul li a.active:after{content:""; position:absolute; width:45%; height:1px; background:#fff; right:0; bottom:0;}
.productdetails{position:relative; z-index:3;}
.productdetails .txt{}
.productdetails .txt .txtbox{ line-height:2rem;}
.productdetails .txt .txtbox h3{ font-size:1.4rem;}
.productdetails .txt .more{ margin-top:2rem;}
.productdetails .txt .more a{ display:inline-block; background:#4c498e; padding:0 1.5rem; line-height:2.5; color:#fff;border-radius:1.5rem; margin-right:0.5rem;}
.productdetails .pic{}

.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}

.viewbox,.productshow{ background:#fff;}

.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{ }
#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{}
.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{}
.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{}
.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;}

.shangxia{}
.shangxia ul{ border-top: 1px #00207F dotted;border-bottom: 1px #00207F dotted; padding: 0.5rem 0;}
.shangxia ul:after{ content: ""; display: table;clear: both;}
.shangxia ul li{ width: 50%; float: left;}
.shangxia ul li:nth-child(2){ text-align: right;}
.productpic{text-align:center}

.likearticle {}
.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{}
.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;}
.commend {}
.commend .title{ border-bottom: 1px #11497c solid; margin: 15px 0;}
.commend .title:after{ content: ""; display: table; clear: both;}
.commend .title h3{ color: #333; font-size: 1rem;}
.commend .title h3 i{font-size: 1rem; font-style: normal;color: #dc4e20; padding: 0 5px;font-weight:200;}
.commend .title h3 em{ font-size: 1rem;font-style: normal; color: #dc4e20; text-transform: uppercase;font-weight:200;}
.commend .title a{ float: right;}
.commend .title a i{ font-style: normal;}
.commend .title a:hover{ padding-right: 10px; text-decoration: underline; color: #dc4e20;}

.commendbg{ padding: 30px 0;}
.commend .commendproductbox{  position: relative;-webkit-box-shadow:-4px 0px 8px 1px #f0f0f0,0px -4px 8px 1px #f0f0f0,4px 0px 8px 1px #f0f0f0,0px 4px 8px 1px #f0f0f0;box-shadow: -3px 0px 6px 1px #f0f0f0,0px -4px 8px 1px #f0f0f0,4px 0px 8px 1px #f0f0f0,0px 4px 8px 1px #f0f0f0; background:#f7f7f7; }
.commend .commendproductbox .pic{ position: relative;}
/*.commend .commendproductbox .pic::before{ position: absolute;content: ""; display: none; top: 0; right: 0; width: 48px; height: 48px; background: url(../images/tj.png) no-repeat; z-index: 10;}*/
.commend .commendproductbox .pic:before{ position: absolute;content: ""; display: block; top: 0; left: 10px; width: 48px; height: 48px; background: url(../images/logo.png) no-repeat center; z-index: 10; background-size: 100% auto;}
.commend .commendproductbox .txt{  color: #666; text-align: center;}
.commend .commendproductbox .txt a{ line-height: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; color: #666; padding: 0 5px; display: block;}
.commend .commendproductbox .txt:hover a{ text-decoration:underline; color: #dc4e20;}

.commendnews .commendnewsbox{ margin:0 15px 15px;}
.commendnews .commendnewsbox .pic{}
.commendnews .commendnewsbox .pic img{ width: 100%;}
.commendnews .commendnewsbox .txt{}
.commendnews .commendnewsbox .txt h3{ font-size:1rem;}
.commendnews .commendnewsbox .txt h3 a{white-space: nowrap; text-overflow: ellipsis;overflow: hidden; word-break: break-all; display: block;line-height: 1.5rem; padding: 0;}
.commendnews .commendnewsbox .txt h3:hover a{color: #333 ; text-decoration: underline; padding-left: 10px;}
.commendnews .commendnewsbox .txt p{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; margin: 0;}
.commendnews .commendnewsli{ overflow: hidden; border-bottom: 1px #e5e5e5 solid;}
.commendnews .commendnewsli span{ float: right;line-height: 1.5rem;  display: block;    padding: 10px 0;}
.commendnews .commendnewsli a{ white-space: nowrap; text-overflow: ellipsis;overflow: hidden; word-break: break-all; display: block;line-height: 1.5rem; padding: 10px 0;}
.commendnews .commendnewsli a i{ margin-right: 5px;}
.commendnews .commendnewsli a:hover{ color: #dc4e20 ; text-decoration: underline;margin-left: 10px;}


.crumb{margin: 2rem 0;}
.crumb .crumbbox{ padding:0.5rem 0; line-height:2rem;color: #666;border-bottom: 1px solid #eee;border-top: 1px solid #eee; }
.crumb .crumbbox:after{ content: ""; display: table; clear: both;}
.crumb .crumbbox .crumbwz{}
.crumb .crumbbox .crumbwz i{ margin-right:5px; font-size:1.2rem;line-height:2rem; }
.crumb .crumbbox .crumbwz:hover i{ color:#dc4e20;}
.crumb .crumbbox .crumbwz a{line-height:2rem; color: #666;}

.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{}
.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{}
.substation .substationfooter .substationfootermenu ul{}
.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;}

.subcolumn{ padding:0 0 2rem; }
.subcolumn ul{ }
.subcolumn ul li{ display:inline-block;}
.subcolumn ul li a{ display:block;border-bottom: 1px solid #fff;color: #2d2c2c;min-width:10rem; line-height:3; font-size:1.5rem; padding:0 2rem;}
.subcolumn ul li a:hover,.subcolumn ul li.active a{/*border-color:#4c498e;*/ color:#fff; background:#4c498e;}

.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-img{position: relative;width: 100%;height: 0px;padding-bottom: 60%;overflow: hidden;}
.blog-item-img img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) scale(1.0); width:100%; transition:all 2s ease .5s;}
.blog-item-wrapper:hover .blog-item-img img{transform:translate(-50%, -50%) scale(1.1); }
.blog-item-text{ padding:1rem;}
.blog-item-text h3{line-height:1.5;font-size:1.25rem;font-weight:500;margin-bottom:10px;color:#263238}
.blog-item-text:hover h3{ color:#dc4e20;}
.blog-item-text p{}
.meta-tags{margin-top:10px}
.meta-tags span{color:#999;;margin-right:10px}
.meta-tags span i{margin-right:5px} 

#articlepic{}
.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,#7570d9 0%,#4c498e 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:#4c498e;transition:all .5s ease}
.articlepicbox:hover{box-shadow:0 0 20px #ddd;}
.articlepicbox:hover .txt::before{left:-100px; }
.articlepicbox:hover .more a{}
.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); }}

#productlist{}
.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,#7570d9 0%,#4c498e 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: 1rem 0 2rem;text-align: center;font-size: 1rem;color: #655148; line-height:1; 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:#4c498e;transition:all .5s ease}
.productlistbox:hover{box-shadow:0 0 20px #ddd;}
.productlistbox:hover .txt::before{left:-100px; }
.productlistbox:hover .more a{}
.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: #4c498e;border-color: #4c498e;}
.single{ margin-bottom:50px;}

.contactjobs{}
.contactjobs .title{}
.contactjobs .title h3{ font-size:1.5rem;}
.contactjobs .title h4{ font-size:1rem;}
.contactjobsli{ margin:1rem 0;}
.contactjobs .contactjobsbox dl{ background:#f9f9f9; padding:1rem;position:relative; height:100%; line-height:1.5rem; margin-bottom:0;}
.contactjobs .contactjobsbox dl dt{}
.contactjobs .contactjobsbox dl dd{width:50%;float:left;}

.contactmessage{ margin-bottom:2.5rem;}
.form-group{ position:relative;}
.content-form{}
.content-form .content-form-title{ margin-bottom:3rem;}
.content-form .content-form-title h3{color: #4c498e;font-size:1.5rem;}
.content-form .content-form-title h4{color: #000000;font-size:.875rem;line-height:1.5;}
.content-form .content-form-title p{color: #000000;line-height:1.5;}
.content-form .form-group{ margin-bottom:2rem;}
.content-form .form-group label{}
.content-form .form-group label i{ color:#f00; font-style:normal;}
.content-form .form-group .form-control{background:#f0f0f0; margin-bottom:0;}
.content-form .form-submit{ text-align:right;}
.content-form .form-submit button.btn{background-color:#4c498e;width:12.5rem; float:right; color:#fff;}
.baiduditu{ margin-bottom:2rem;}
.baiduditu .title{ position:absolute; z-index:1000; right:0; top:-30px; background:#4c498e; padding:0.5rem 2rem; text-align:center;}
.baiduditu .title h3{ color:#fff; font-size:1.5rem;}
.baiduditu .title h4{color:#fff; font-size:0.875rem; font-weight:normal;}
.single-contact{ margin-bottom:2.5rem;}
.single-contact-title{ border-top:2px #4c498e solid; padding:1.5rem 0; margin:1.5rem 0;border-bottom:1px #999 solid; }
.single-contact-title p{}
.single-contact-title h4{ font-size:1.5rem; overflow:hidden; padding:1rem 0;}
.single-contact-title h4 em{ color:#f00; float:right;}
#baiduditubox img,.google-maps img {max-width: none!important;}
#baiduditubox label{ max-width: none!important;}

.content-window-card {position: relative;box-shadow: none;bottom: 0;left: 0;width: auto;padding: 0;}
.content-window-card p {height: 2rem;}
.custom-info {border: solid 1px silver;}
div.info-top {position: relative;background: none repeat scroll 0 0 #F9F9F9;border-bottom: 1px solid #CCC;border-radius: 5px 5px 0 0;}
div.info-top div {display: inline-block;color: #333333;font-size: 14px;font-weight: bold;line-height: 31px;padding: 0 10px;}
div.info-top img {position: absolute;top: 10px;right: 10px;transition-duration: 0.25s;}
div.info-top img:hover {box-shadow: 0px 0px 5px #000;}
div.info-middle {font-size: 12px;padding: 10px 6px;line-height: 20px;}
div.info-bottom {height: 0px;width: 100%; clear: both; text-align: center;}
div.info-bottom img { position: relative; z-index: 104;}
.info-middle img {float: left; margin-right: 6px;}

.map_canvas{width:100%; height:400px;font-size:12px;}
.map_canvas img,.google-maps img {max-width: none!important;}
.map_canvas label{ max-width: none!important;}

/* ==========================================================================
Contact Us
========================================================================== */
.form-control{width:100%;margin-bottom:20px;padding:15px 15px;font-size:14px;border:1px solid transparent;background:#f5f5f5;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.form-control:focus{border:1px solid #4c498e;outline:0;box-shadow:none;}
.btn.disabled,.btn:disabled{opacity:1}
textarea{border-radius:4px!important}

/* ==========================================================================
Footer Style
========================================================================== */
.right_bar{position:fixed; top:300px; right:0; width:50px; height:203px; z-index:10;}
.right_bar li{ width:62px; height:50px; z-index:20; color:#fff; line-height:50px;}
.right_bar li.rtbar_li1,.right_bar li.rtbar_li4{ position:absolute; left:0;}
.right_bar li.rtbar_li1{ top:0; width:292px; }
.right_bar li.rtbar_li2{ position:absolute; top:102px; left:0; }
.right_bar li.rtbar_li3{ position:absolute; top:51px; left:0; width:292px; }
.right_bar li.rtbar_li4{ top:153px;}
.rtbar_li4{ position:absolute; top:153px; left:0;}
.right_bar li a{ display:block; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#39424b; opacity:0.8; border-radius:6px;}
.right_bar li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;}
.right_bar li a:hover{     background-image: linear-gradient(to top,#7570d9 0%,#ecd7af 100%); opacity:1;}
.rtbar_shwx{ display:none; position:absolute; top:-120px; left:-180px; max-width: 180px; padding-bottom:9px; }
.rtbar_shwx img{ padding:14px; background-color:#FFF; }
.right_bar{display:none;}
.rtbar_shwx{top:-50px; background:#fff;}


footer{background:#000;padding:2.5rem 0;color:#666;line-height:2rem; position:relative;height:auto; min-height:250px;}
footer a{ color:#666;}
body#aboutpage{}
body#aboutpage .footerbox{ position:relative; bottom:auto;top:0;}
.footerbox{ position:fixed; z-index:1; height:auto; left:0; width:100%; bottom:0;}
.footertop{ text-align:center; position:absolute; z-index:3;left:0; bottom:-1.75rem;width:100%;}
.footertop a{ display:block; width:3.5rem; height:3.5rem;margin:0 auto;color:#fff;background-color: rgba(76, 73, 142, 0.8);border-radius:100%;}
.footertop i{transition:all .5s ease; line-height:3.5rem; font-size:1.5rem;}
.footertop a:hover i{ line-height:2.5rem; padding-bottom:1rem;}
.bgline{position:absolute;z-index:1; margin-left:-1px; height:100%; border-left:1px rgba(255, 255, 255, 0.1) solid; left:25%; top:0; width:1rem;}
.bgline i{ color:#404040; font-size:1.5rem;font-family: 'ROM_Icons' !important;bottom:10%; position:absolute; left:-0.75rem;width:1rem;}
.bgline.le2{ left:50%;}
.bgline.le2 i{bottom:15%;}
.bgline.le3{ left:75%;}
.footer-Content{ position:relative; z-index:2;}
.footermenu{ overflow:hidden; margin-bottom:1rem;}
.footermenu dl{ float:left; margin-right:2rem;}
.footermenu dl dt{ margin-bottom:0.75rem;}
.footermenu dl dt a{color: rgb(76, 73, 142); font-size:0.875rem; line-height:1.5; display:block;}
.footermenu dl dd{}
.footermenu dl dd a{color:#666; line-height:2;font-size:0.75rem; display:block; display:block;}
.footermenu dl dd a:hover{color:#4c498e}

.footermessage{}
.footermessage dl{}
.footermessage dl dt{color: rgb(76, 73, 142); font-size:0.875rem; line-height:1.5; display:block; margin-bottom:0.75rem;}
.footermessage dl dd{color:#666; line-height:2;font-size:0.75rem; display:block; display:block;}
.footermessage .more{ margin-top:2rem;}
.footermessage .more a{ background:rgb(76, 73, 142); color:#fff; padding:0 2rem; line-height:3rem; display:inline-block;}
.footermessage .more a i{ padding:0 0.75rem;transition:all .5s ease; }
.footermessage .more a:hover{}
.footermessage .more a:hover i{ padding:0 0 0 1.5rem;}
.footer-social{ text-align:center;}
.footer-social li{display:inline-block;margin:0 12px}
.footer-social li a{display: block;background: url(../images/w1.png) no-repeat center;width: 34px;height: 26px;}
.footer-social li a:hover{background: url(../images/w11.png) no-repeat center;}
.footer-social li:nth-child(2) a{background: url(../images/w2.png) no-repeat center;}
.footer-social li:nth-child(2) a:hover{background: url(../images/w22.png) no-repeat center;}
.footer-social li:nth-child(3) a{background: url(../images/w3.png) no-repeat center;}
.footer-social li:nth-child(3) a:hover{background: url(../images/w33.png) no-repeat center;}
.footer-support{ text-align:right;}
#friendlink{ padding:15px 0; color: #666;position:relative; z-index:2;}
#friendlink .friendlinktitle{ line-height:2.2rem; display:inline-block;}
#friendlink .friendlinkwz{display:inline-block;}
#friendlink .friendlinkwz a{ line-height:2.2rem;color: #666; padding: 0 10px; display: inline-block;}
#friendlink .friendlinkwz a:hover{}

@media (min-width: 641px) and (max-width: 1024px) {
	
}
@media (max-width: 768px) {
header.headerbg{ background:#fff!important; position:fixed; z-index:1000; top:0; left:0; width:100%; height:100%;}
.fixed-top.menu-bg{ position:relative!important;}
.search-dialog-box .search-bg{left:0;top:0;width: 100%;height:100%; margin:0; background-color: #4c498e;border-radius:0%;}
.headernav .navbar-nav li.header-right{ margin-top:1rem;}
.search-dialog .search-tit{ font-size:1.2rem;}
.navbar-brand img{ max-width:260px;}
.headernav .navbar-nav{ padding:0.75rem 0.75rem; background:#fff;}
.headernav .navbar-nav .nav-link{ line-height:2.5rem;font-size: 1rem; text-align:left;font-weight:300;border-bottom: 1px dashed #d6d6d6;position:relative;}
.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;}
.headernav ul.dropdown-menu li{ text-align:left;}
.headernav ul.dropdown-menu li a.dropdown-item{line-height:1.875rem;padding: 0.25rem 0;border-bottom: 1px dashed #f6f6f6;}
.headernav ul.dropdown-menu li a.dropdown-item i{ float:left;}
.brand-introduct {height: auto!important;}
.inprotitle{ padding-bottom:2rem;}
.inprotitle h3,.inbar .txt .txtbox,.inabo h3,.innewstitle h3,.brand-intros strong{font-size: 1.5rem!important;line-height: 1.2;}
.inbar .txt.flex-wrap{display: none !important;}
.innewstitle a.more{ top:0.75rem;}
.innews .owl-theme .owl-controls{left:0;bottom:-2rem; width:100%;}
.innewscat ul li{ margin-bottom:0.5rem;}
.subcolumn ul li a{line-height:2; font-size:1rem;}
.brand-slide{ height:auto!important;}
.brand-about, .memorabilia, .speech, .aboutphoto{ padding-bottom:0!important;}
.brand-about-box, .memorabilia-box, .speech-box, .aboutphoto-box{ position:relative!important; padding:5vh 0 !important;}
.brand-about-boxer{left: 0; width:auto; padding:1rem;}
.brand-intros{position: relative;left:0;top:0;transform: none;width: auto;padding: 1rem;margin: 25vh 0;}
.counterlist ul li{ width:100%;}
.gallery-top .swiper-slide,.aboutphoto-boxer .gallery-aboutphoto .swiper-slide{ width:100%;}
.gallery-top .swiper-slide .lichengbox .pic{ margin:0 -15px;}
.gallery-top .swiper-slide .lichengbox .txt{ padding:0.5rem 0.5rem;}
.gallery-top .swiper-button-next{ right:0;}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active a{ font-size:3rem;}
.speech-box .txt{padding-right:0;}
.speech-box .txt .syh{ width:40px;}
.aboutphoto-boxer{ margin-right:0;}
.speech-box .txt .txtspeech{ padding-right:0;}
footer{ padding:1rem 0 3rem;}
.footermenu dl dd a{ font-size:0.75rem;}
.site-info,.footer-support{ text-align:center;}
.footerquicklink{background: #4c498e;text-align:center; line-height:3rem; height:3rem; position:fixed; bottom:0; left:0; width:100%; z-index:1000; overflow:hidden;}
.footerquicklink a{ display:block;text-align:center; color:#fff; line-height:3rem; width:25%; float:left; font-size:0.875rem;}
.footerquicklink a i{ font-size:1.25rem; padding-right:0.5rem; display:inline-block; vertical-align:top; color:#fafafa;}
}