@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 shangtoujian {from {opacity: 1;}to{opacity: 0;}}
@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 showNav {from {left: -100%;} to {left: 0;}}
@-webkit-keyframes showNav {from {left: -100%;} to {left: 0;}}
@-moz-keyframes showNav {from {left: -100%;}  to {left: 0;}}
@-o-keyframes showNav {from {left: -100%;} to {left: 0;}}
@keyframes hideNav {from {left: 0;} to {left: -100%;}}
@-webkit-keyframes hideNav {from {left: 0;} to {left: -100%;}}
@-moz-keyframes hideNav {from {left: 0;} to {left: -100%;}}
@-o-keyframes hideNav {from {left: 0;}to {left: -100%;}}
@keyframes rotate {from {transform: rotate(0deg);}to {transform: rotate(360deg);}}

/* ==========================================================================
2. GENERAL
========================================================================== */
/*#inner-page .container{ max-width: 1280px;}*/
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}
img{ max-width:100%; height:auto;}
p{margin-bottom:0}
a{color:#333;-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;}
.rotating-element {animation: rotate 5s infinite linear; transform-origin: center center; /* 其他样式 */}
.bigpicture，.picturebox，.picturebgbox{position:relative; z-index:1; overflow:hidden;}
.bigpicture img{overflow: hidden; transform:scale(1.0); width:100%; transition:all 2s ease .5s;}
.bigpicture:hover img{transform:scale(1.2);}
.picturebox .pic{position: relative;width: 100%;height: 0px;padding-bottom: 100%;overflow: hidden;}
.picturebox .pic i{ display: none; position: absolute; z-index: 1000; width: 100%; height: 100%; text-align: center; line-height: 100%; background: rgba(0,0,0,.8); color: #fff; font-size: 2.5rem;}
.picturebox .pic img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) scale(1.0); width:100%; transition:all 2s ease .5s;}
.picturebox:hover .pic img{transform:translate(-50%, -50%) scale(1.2);}
.picturebox:hover .pic i{ display: flex;align-items:center;justify-content:center;}
.picturebgbox .pic{position: relative; z-index:1;width: 100%;height: 0px;padding-bottom: 100%;overflow: hidden; transform:scale(1.0); width:100%; transition:all 2s ease .5s;}
.picturebgbox:hover .pic{transform:scale(1.2);}
.picturebgbox .pic img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; transition:all 2s ease .5s;}
.picturebgbox:hover .pic img{transform:translate(-50%, -50%);}
/*
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{position:relative}
.section-header .title{color: #000;font: normal 3rem/1.2 "Aldine401BT";text-transform: uppercase;}
.section-header .title.inabouttitle{color: #000;font: normal 6rem/1 "Aldine401BT";text-transform: uppercase;}
.section-header .subtitle{color: #073190;font: normal 1rem/1.5;}
/* ==========================================================================
Navbar Style
========================================================================== */
.indexpage{ position: relative; width: 100vw; height: 100vh;}
.header_index{ position: absolute; left: 0; width: 100%; top: 0; z-index: 10002;}
.footer_index{ position: absolute; left: 0; width: 100%; bottom: 0; z-index: 2;}
.flash_indexk{ width: 100vw; height: 100vh; position: relative; z-index: 1;}
.carousel-item{ position: relative;}
.flash_index.indexpagebox .carousel-item:before{ position: absolute; width: 100%; height: 100%; background: rgba(7,49,144,0.4);content: ""; display: block;}
.footerico_index a{ display:inline-block; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; border: 1px #fff solid; border-radius: 50%; margin-right: 1rem; color: #fff;}
.footernav_index ul{ display: inline-block; position: relative;}
.footernav_index ul:after{ content: ""; display: block; position: absolute;z-index: 1;  width: 100%; height:3px; background: #fff; bottom:8px;}
.footernav_index ul li{ display: inline-block; position: relative;}
.footernav_index ul li a{ color: #fff; padding: 0 6rem; display: block; position: relative;z-index: 2;}
.footernav_index ul li:first-child a,.footernav_index ul li:last-child a{ padding: 0 0;}
.footernav_index ul li a:after{ content: ""; background: #fff; height: 8px; width: 8px; border-radius: 2rem; display: inline-block; border: 1px #fff solid; padding: 2px; z-index: 3;}
.footernav_index ul li a.active{ color: #f00;}
.footernav_index ul li a.active:after{ background: #f00;}
.footernav_index ul li a span{ position: absolute; left:0; width: 100%; top: -1rem; min-width: 100px;}
.footernav_index ul li:first-child a span,.footernav_index ul li:last-child a span{ left: -50px;}

.language a{ color: #fff;font-size: 1.25rem; padding: 0 0.1rem; display: inline-block;}
.language .active a{ color: #f00;}
.languagea span:after{ content:":"; display: inline-block; padding: 0 0.25rem;}

.header{background:none; position: absolute;z-index: 1000; top: 3rem; left: 0; width: 100%; z-index: 10000;}
.navbar-brand{height:3rem; line-height:3rem; overflow:hidden; margin:0; padding-top:0; padding-bottom:0;}
.navbar-brand span{ vertical-align:top;}
.navbar-brand img{max-height:3rem;margin:0;}
.headernav{padding: 0 0!important; background:none;}
.navbar-expand-md .navbar-nav li.nav-item{ position:relative;margin:0 1rem; }
.navbar-expand-md .navbar-nav .nav-link{ text-transform:uppercase; font-size:1.25rem; color: #f0f0f0; width:100%;line-height:3.25rem; margin:0 0; position:relative; padding: 0 1.5rem;/*-webkit-text-stroke: 0.5px #f3f3f3;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-link.active,.navbar-expand-md .navbar-nav .nav-link.open,.navbar-expand-md .navbar-nav .open>.nav-link{color:#f00; background:none;}
/*
.navbar-expand-md .navbar-nav .nav-link::after {content: attr(data-text);position: absolute;left: 0;top: 0;text-align: center;-webkit-text-stroke: 0;}
.navbar-expand-md .navbar-nav .nav-link:before{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:#e0c6b8;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.navbar-expand-md .navbar-nav .active::before,.navbar-expand-md .navbar-nav .nav-link:hover::before{left:0;width:100%}
.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:10px 0;cursor:pointer;float:right;outline: 0;}
.navbar-toggler:hover .icon-bars,.navbar-toggler:focus .icon-bars{ background-color: #f00;}
.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: #f00;-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 .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; margin-top:0.5rem; padding:0 0;border:none; background:none;width:140%;left:-20%;background:#fff; min-width: auto;}
.headernav ul.dropdown-menu::after {content: '';width: 0;height: 0;line-height: 0;font-size: 0;overflow: hidden;border-width: 10px; cursor: pointer;border-style: dashed dashed solid dashed;border-color: transparent transparent #fff transparent;border-top: none; position: absolute;top: -10px;left: 50%;margin-left: -10px;z-index: 99;}
.headernav ul.dropdown-menu li a.dropdown-item{ color:#333;padding: 0.25rem 0.5rem;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:#f2f2f2; color:#333;}

/*
.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}
*/
.search-area {position: relative;}
.nav-search span { border-radius: 0.5rem; display: block; text-align: center; cursor: pointer;color: #f00; background-color: #351526; font-size: 1.5rem; width: 3rem; line-height: 3rem;}
.search-block {background-color: #ededec;box-shadow: 0 2px 5px rgba(255, 255, 255, 0.1);display: none;padding: 10px;position: absolute;right: 15px;top:calc(100% + 15px);width: 300px; z-index: 10;margin-top: 0;}
.search-block .form-control {background-color: #ffffff;border: none;width: 100%;height: 2.5rem;padding: 0 12px; }
.search-form{position: relative;}
.search-form button{ position: absolute; right: 0.5rem; border: none; top:0; line-height: 2.5rem; background: none;color: #f00;}
.search-form button i{line-height: 2.5rem; font-size: 1.25rem;}
.search-area .nav-search {top: 23px;}
.search-area .search-block .search-close {top:0px;}
.search-area .search-block {right: 0;}

.searchboxnr form{ position:relative; min-width:250px;}
.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;}
.searchboxnr input::-webkit-input-placeholder{color:#2c2c2c;}
.searchboxnr input::-moz-placeholder{color:#2c2c2c;}
.searchboxnr input::-ms-input-placeholder{color:#2c2c2c;}
.searchboxnr button[type="submit"]{height: 2rem; line-height:2rem;background:none;border: 0; padding:0 1rem; font-size:1.125rem; color:#999;cursor:pointer;}
.margin-960{ margin:0 -960px;}
.hotsearch span{ display: inline-block;}
.hotsearch span::after{ content: ":"; padding: 0 0.25rem;}
.hotsearch a{ display:inline-block; padding: 0 0.25rem;}
/* ==========================================================================
Slider
========================================================================== */
.flash00{width: 100%;overflow: hidden;position: relative;}
.html5zoo-slides li img{max-width: 100% !important;}
.html5zoo-arrow-left-0{left: 5%!important;}
.html5zoo-arrow-right-0{right: 5%!important;}

.carousel-btn{ margin:10px 10px;}
.carousel-btn ul.carousel-indicators{position: static;right: auto;bottom: 0;left: 0;z-index: 15;display: -ms-flexbox;display: flex;-ms-flex-pack: center;justify-content: center;padding-left: 0;margin-right: -15px;margin-left: -15px;list-style: none;}
.carousel-btn ul.carousel-indicators li{box-sizing: content-box;-ms-flex:auto;flex:auto;width:auto;height:auto;margin-right:0;margin-left:0;text-indent:0;
    cursor: pointer;background-color: #fff;background-clip: padding-box;border-top:none;border-bottom:none;opacity:1;transition: opacity 0.6s ease;}
.carousel-btn li a{ margin:0 -10px; display:block;}
#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}

.menu{position:absolute;width:100vw;top:15vh; height: 70vh;}
.menu ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.menu ul li{display:flex;width:43vw;height:6vw;margin-bottom:10vw;flex-direction:column;}
.menu ul li:nth-child(3),.menu ul li:nth-child(4){margin-bottom:0vw;}
.menu ul li a{display:flex;flex-direction:column;}
.menu ul li:hover h3,.menu ul li:hover span{color:#00ff4e;}
.menu ul li:hover h3::before{content:"";}
.menu ul li:hover h3{margin-left:0;height:4.2vw;}
.menu ul li.left{align-items:flex-end;padding-right:2vw;}
.menu ul li.left:hover{background-image:url(../images/green-line-left.png);background-size:contain;background-repeat:no-repeat;background-position-y:2.3vw;}
.menu ul li.right{align-items:flex-start;padding-left:2vw;}
.menu ul li.right:hover{background-image:url(../images/green-line-right.png);background-size:contain;background-repeat:no-repeat;background-position-y:2.3vw;}
.menu h3{color:#fff;font-size:2.6vw;font-family:Bebas;font-weight:400;height:3.5vw;margin-left:-3.1vw;}
.menu h3::before{content:"（ ";font-size:2.4vw;font-weight:300;font-family:Arial;top:-0.4vw;position:relative;}
.menu span{color:#fff;font-size:1.2vw;font-weight:300;}
@media (max-width:768px){.menu{top:35vw;}
    .menu ul{justify-content:flex-start;}
    .menu ul li{display:none;width:75vw;}
    .menu ul li.active{display:flex;width:75vw;}
    .menu ul li:hover h3{margin-left:10vw;}
    .menu ul li.left{align-items:flex-start;}
    .menu ul li.left:hover{background:none;}
    .menu ul li:hover h3,.menu ul li:hover span{color:#fff;}
    .menu ul li.right:hover{background:none;}
    .menu h3{font-size:12vw;margin-left:10vw;}
    .menu h3::before{display:none;}
    .menu span{display:none;}
}
#leftbtn span,#rightbtn span{ position: relative;}
#leftbtn span em,#rightbtn span em{ width: 90px; display: inline-block; font-style: normal;transition:0.5s; margin-bottom: 5px; text-align: center; font-size: 1.125rem;}
#leftbtn:hover span em{ margin-left: 10px;}
#rightbtn:hover span em{ margin-right: 10px;}
.button-prev,.button-next{transition:0.5s;outline:none;position:absolute;width:180px;z-index:10;top:0;transform:translateY(-34px);cursor:pointer}
.button-prev{left:0;}
.button-next{right:0;}
.button.disabled{opacity:0.2;cursor:default}
#arrow-svg-home{transform:translateY(353px)}
.button-next #arrow-svg-home{transform:translateY(353px) rotateY(180deg);transform-origin:80px 0px 0px}
svg{transition:0.5s}
.cls-1{transition:0.5s;opacity:0.4;transform-origin:-20px 40px;opacity:1}
.cls-4{transition:0.5s;stroke-width:2px;stroke:#fff;fill:none;stroke-dasharray:1;stroke-dashoffset:1;opacity:0.4;transform-origin:0px 0px 0px}
#arrow-trg{transition:0.5s;fill:#fff;transform:rotateY(180deg) translate(-53px,39px)}
#line{transition:0.5s;stroke:#fff;transform:translate(50px,42px)}
.button-prev:not(.disabled):hover svg{transform:translateX(-25px)}
.button-next:not(.disabled):hover svg{transform:translateX(25px)}
.button:not(.disabled):hover .cls-1{transform:scale(1.1)}
.button:not(.disabled):hover .cls-4{stroke-dasharray:2px;stroke-dashoffset:2px;opacity:1}
.button:not(.disabled):hover #arrow-trg{transform:rotateY(180deg) translate(-37px,39px)}
.button:not(.disabled):hover #line{transform:translate(35px,42px) scaleX(0.33)}

.flash_txt.flash_txt_one .subtitle{ font-size:2vw;color: #fff;line-height: 180%;letter-spacing:0.25rem;}
.flash_txt.flash_txt_one .subtitle h5{ font-size:2vw; color: #fff; line-height: 180%;letter-spacing:0.25rem;}
.flash_txt.flash_txt_one .subtitle h5 span{ color: #f00; font-size: 2.5vw;}
.flash_txt.flash_txt_one .subtitle h3{font-size: 3.5vw;letter-spacing:0.5rem;}
.txtbox{ height: 74vh; left: 10%;right: 10%; top: 13%; position: absolute; z-index: 100; width: 80%;}
.txtbox.cppage{left:0!important;width:100%!important; right: 0!important;}
.txtbox .carousel-btn a{ background:none; color: #fff; border-radius: 1rem; border: 1px #fff solid;font-size: 1.25rem; line-height: 3rem;}
.txtbox .carousel-btn a:hover{ background: #073190;}
.flash_index .carousel-indicators{ bottom: 10vh; z-index: 4; z-index: 10000}
.flash_index .carousel-indicators li{ width: 10px; height: 10px; border-radius:50%; display: inline-block; position: relative; z-index: 200;margin-right:6rem;margin-left:6rem;opacity:1; border: 1px #fff solid; padding: 1px;text-indent:0;}
.flash_index .carousel-indicators li:before{content: ""; display: block; position: absolute; z-index: 2;width: 12px; height: 12px; left:0; bottom: 0; background: #fff;border-radius:50%;}
.flash_index .carousel-indicators li:after{ content: ""; display: block; position: absolute; z-index: 1; height: 4px; width: calc(100% + 12.2rem); left: -6.1rem; bottom: 5px; background: #fff;}
.flash_index .carousel-indicators li a{ position: absolute; z-index: 2; display: block; margin:1px;width:120px; background: none;top: -30px; left: -55px; color: #fff; text-align: center;}
.flash_index .carousel-indicators li a i{ display: block; position: relative;transition:0.5s}
.flash_index .carousel-indicators li a span{ display: none;position: relative;transition:0.5s}
.flash_index .carousel-indicators li:first-child,.flash_index .carousel-indicators li:last-child{margin-right:0;margin-left:0;}
.flash_index .carousel-indicators li:first-child:after,.flash_index .carousel-indicators li:last-child:after{width:100%; left:0; display: none;}
.flash_index .carousel-indicators .active,.flash_index .carousel-indicators li.active:before{background-color: #f00;}
.flash_index .carousel-indicators .active a i{ display: none;}
.flash_index .carousel-indicators li:hover a i{ display: none;}
.flash_index .carousel-indicators .active a span{display: block;}
.flash_index .carousel-indicators li:hover a span{display: block;}
.flash_index .carousel-indicators li.active a{color: #f00;}
.inabout{ background: rgb(255,255,255,0.8); color: #000; position: relative;}
.inabout .inabouttitle{ font-size: 2rem;}
.inabout .txtp{ line-height: 2rem;}
@media (min-width: 1921px) and (max-width: 4800px) {
    .inabout .inabouttitle{ font-size: 2.5rem;}
    .inabout .txtp {font-size: 1.5rem;line-height: 4rem;}
}
@media (min-width: 1601px) and (max-width: 1920px) {
    .inabout .inabouttitle{ font-size: 2.5rem;}
    .inabout .txtp {font-size: 1.25rem;line-height: 2.5rem;}
}
@media (min-width: 1025px) and (max-width: 1600px) {
    .inabout .txtp {font-size: 1rem;line-height: 2rem;}
}
@media (min-width: 641px) and (max-width: 1024px) {
    .inabout .txtp {font-size: 1rem;}
}
@media (max-width: 768px) {
    .inabout .txtp {font-size: 0.875rem;}
}

.singleabout{ background: rgb(255,255,255,0.8); color: #000; position: relative;}
.singleabout .inabouttitle{ font-size: 2rem;}
.singleabout .txtp{ line-height: 2rem;}
@media (min-width: 1921px) and (max-width: 4800px) {
    .singleabout .inabouttitle{ font-size: 1.875rem;}
    .singleabout .txtp {font-size: 1.5rem;line-height: 3rem;}
}
@media (min-width: 1601px) and (max-width: 1920px) {
    .singleabout .inabouttitle{ font-size: 1.875rem;}
    .singleabout .txtp {font-size: 1.25rem;line-height: 3rem;}
}
@media (min-width: 1025px) and (max-width: 1600px) {
    .singleabout .txtp {font-size: 1rem;line-height: 2rem;}
}
@media (min-width: 641px) and (max-width: 1024px) {
    .singleabout .txtp {font-size: 1rem;}
}
@media (max-width: 768px) {
    .singleabout .txtp {font-size: 0.875rem;}
}
#videourl{ background: #000;}
.inproduct{ background: rgb(255,255,255,0.8); color: #000; position: relative; height:auto; width: 100%;}
.cattitle{ line-height: 2rem; font-size: 1.25rem;}
.swiper-slide-thumb-active .cattitle{ border-bottom: 1px #073190 solid; color: #073190;}
.inproduct .title{ font-size: 1.25rem; line-height: 2rem;}
.inproduct .swiper-button-prev{ left: -50px; color: #fff; font-size: 2rem;font-weight: 600;}
.inproduct .swiper-button-next { right: -50px; color: #fff; font-size: 2rem;font-weight: 600;}

.inproductcattitle{ padding:  10vh 0; border-bottom: 1px rgba(255,255,255,0.3) solid;border-top: 1px rgba(255,255,255,0.3) solid; min-width: 1920px;}
.inproductcattitle img{ max-width: 900px}
.circle {width: 240px;height: 240px; max-width:35vw; max-height:35vw;/*border-radius: 50%;*/display: flex;align-items: center;justify-content: center;}
.inproductcatlist{ max-width: 900px; margin: 0 auto;}
.inproductcat .inproductbox{ overflow: hidden; position: relative;}
.inproductcat .inproductbox .pic{ position: relative; height: 100%;border-radius: 50%;}
.inproductcat .inproductbox .txt{ position: absolute; width: 100%; height: 100%; left: 0; top:0;background: rgba(7,49,144,0.4);}
.inproductcat .inproductbox .txt h3{ color: #fff;transition:0.5s;}
.inproductcat .inproductbox .txt:hover h3{transform:scale(1.2);}

.likeproduct-item{ border:1px solid #999;}
.likeproduct-item a{ line-height:2rem;}
.likeproduct-item.active a{ color:#f00;}
.productwzli{ line-height:2rem;}
.productwzlist .title{ margin-bottom:0.5rem;}
.productwzlist .title span{ border-left:4px solid #999;border-right:4px solid #999; padding:0 2rem; font-size:1.25rem; font-weight:550;}

.footer_txt{ position: absolute; z-index: 1000; right: 3rem; bottom: 3rem; color: #fff; font-size: 1.25rem; line-height: 2rem;}
.footer_txt i{ color: #f00; font-style: normal;}
.map-tab { position: relative; margin-top: 30px; }
.map-tab > h3 { position: absolute; top: 220px; right: 0; border-left: 2px solid #007dc6; font-size: 30px; color: #4c4c4c; font-weight: normal; line-height: 1; padding-left: 10px; }
.map-tab-img { width:80%;position: relative; z-index: 89; }
.map-tab-img img{ width:100%;}
.map-tab-img img:not(:first-child) { display: none; }
.map-tab-item { position: absolute; right: 0; top: 270px; width:40%; }
.map-tab-item .map-tab-con { text-align:right; border-bottom: 2px solid #fff; background: #eceded; height: 68px; line-height: 68px; padding-right: 60px;color: #1a1a1a; cursor: pointer; }
.map-tab-item .map-tab-con p { display: inline-block; vertical-align: middle; line-height: 1.4; font-size: 14px;  position: relative; padding-left: 40px; }
.map-tab-item .map-tab-con span { position: absolute; margin-left: -40px; }
.map-tab-item .map-tab-con.on { background: #007dc6; color: #fff; }
/* ==========================================================================
boxer
========================================================================== */
.pagetitle{ text-align:center; color:#304a57; text-transform: uppercase;}
.weizhi{ border-bottom:1px #cccccc solid; line-height:2rem; position:relative; display:none;}
.weizhi i{ margin-right:5px;}

.banners{ position:relative; overflow:hidden;}
/*.banners:after{ content:""; width: 100%; height: 100%; position: absolute; left: 0; top: 0;background: rgba(7,49,144,0.4);}*/
.banners .bannerpc,.banners .bannerwap{ position: relative;}
.banners .pic{ overflow: hidden;}
.banners .pic img{animation: bannerimg 2s; opacity:1;}
.banners .bannerpc .txt{ position: absolute; left:0; top:0; z-index: 10;}
.banners .bannerpc .txt .cateinfo h3{ font-size: 3rem;}
.banners .bannerpc .txt .cateinfo p{ font-size: 1.125rem;}
.banners .bannerwap .txt{ position: absolute; left:0; bottom: 0%; height: 100%; z-index: 1000;}
.banners .bannerwap .txt .cateinfo h3{ font-size: 1.5rem;}
.banners .bannerwap .txt .cateinfo p{ font-size: 1rem;}
.breadcrumbs a,.breadcrumbs span{ color: #fff; padding: 0 0.25rem;}

.subcolumn{margin:0 10px;}
.subcolumn ul li a{ display:block;color:#000;border:1px #c8c8c8 solid;line-height:3;margin:5px -10px; border-radius: 2rem;}
.subcolumn ul li a:hover,.subcolumn ul li.active a{background:#073190; color:#fff; border-color:#073190;}

.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 img,.single img{max-width:100%}
.fontZoomtitle{background-color:#eee;margin-bottom:1rem}
.fontZoomtitle h3{line-height:2rem;padding-left:10px;color:#000}

.contactbox .title{ font-size: 1.875rem;color: #fff; padding-bottom: 1rem;}
.contactbox ul li{ border-top: 1px #fff solid; padding: 1rem 0 1rem 2rem; color: #fff; position: relative;}
.contactbox ul li:first-child{border-top:none; }
.contactbox ul li em{ position: absolute; left: 0; top: 1.5rem; font-size: 1.5rem;}
.contactbox ul li h5{ font-size: 1.125rem; font-weight: 300; margin: 0;}
.contactbox ul li h3{ font-size: 1.5rem; font-weight: 300;margin: 0;}
.contactico{ padding-top: 1rem;}
.contactico a{ display:inline-block; background-color: #fff; width: 2rem; height: 2rem;color:#4d4d4d; line-height: 2rem; text-align: center; border: 1px #fff solid; border-radius: 50%; margin-right: 1rem; }

.pagination-block{display:flex;justify-content:center}
.pagination_info{margin:0 10px;display:flex;align-items:center}
.pagination li a,.pagination li span{position:relative;margin: 0 0.4rem; line-height: 3rem; width: 3rem; background-color: #fff; display: block; text-align: center; border-radius: 0.5rem;color:#000;text-decoration:none;background-color:#fff;border:0 solid #dee2e6;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.pagination li a:hover{z-index:2;color:#073190;background-color:#fff;border-color:#dee2e6}
.pagination .disabled span{color:#6c757d;pointer-events:none;background-color:#fff;border-color:#dee2e6}
.pagination .active span{color:#fff;background-color:#073190;border-color:#073190}
.pagination_jump{display:flex;align-items:center}
.pagination_jump>*{padding:0 4px}
.pagination_jump input{border-radius:0;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;padding:.375rem .75rem}
.pagination_jump input:focus{outline:0}
.pagination_jump .btn{padding:.25rem .5rem;font-size:.875rem}

.ProductZoom img{max-width:100%}
.ProductZoomtitle{ margin-bottom:15px; border-top:1px #b9b9b9 solid;line-height:2rem; position:relative;}
.ProductZoomtitle ul li a{ font-size: 1.75rem; color: #2e2e2e; line-height: 2; font-weight: 500;}

.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{ position: relative;}
.zoom-desc .swiper{ position:static;}
.zoom-desc .swiper-button-next{right: -1.5rem;color: #073190;}
.zoom-desc .swiper-button-prev{ left: -1.5rem;color: #073190;}
.zoom-desc .swiper-button-next:after, .zoom-desc .swiper-button-prev:after{ font-size: 1rem; width: 0.5rem;}

.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;}
.producttitle{ line-height:2rem;}
.share .sharetitle{ font-size: 1.25rem; border-bottom: 1px #e8e8e8 solid;}
.showtags span{ font-weight: 600;}
.showtags span::after{ content:":"; display: inline-block; padding:0 0.25rem;}
.enquiry a{ display:inline-block; line-height:35px; padding:0 20px; background-color:#ae0f0f; color:#fff;border-radius:4px;}

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

.table td{vertical-align: middle;}

.likearticle .title:after{ content: ""; display: table; clear: both;}
.likearticle .title h3{ color: #2e2e2e;font: normal 1.875remrem/1.2 "MyriadPro-Regular";}
.likearticle .title h3 i{font-size: 1rem; font-style: normal;color: #dc4e20; padding: 0 5px;font-weight:200; display: none;}
.likearticle .title h3 em{ font-size: 1rem;font-style: normal; color: #dc4e20; text-transform: uppercase;font-weight:200; display: none;}
.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 .crumbbox{ padding:0.5rem 0; line-height:2rem;color: #666;}
.crumb .crumbbox:after{ content: ""; display: table; clear: both;}
.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 .title{position:relative;height:36px;padding:0; margin: 15px 0;  text-align:left;font:bold 22px/42px "Microsoft yahei";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;}
.hotsubstation span::after{ content:":";}

.leftborder{border: 1px solid #d2d2d2;}
.leftsidetitle{background: #292e39; position: relative;}
.leftsidetitle .en{position: absolute;left: -5px;top: -9px;font-style: normal;font-size: 4.25rem;font-weight: bold;opacity: .1;color: #fff;line-height: 1;z-index: 1;text-transform: uppercase;}
.leftsidetitle .title{ position: relative; z-index: 2; line-height: 3.25rem; color: rgba(255,255,255,.6); font-size: 1rem;}
.leftsidetitle .title h3{ display: inline-block; margin:0 0;font-size:1.25rem;color: #ffffff;}
.leftsidetitle .title em{ font-style: normal; padding: 0 0.5rem;}
.leftsidecategorylist ul li{position: relative;border-bottom: 1px solid #eeeeee;}
.leftsidecategorylist ul li a{ padding: 0.5rem 1rem; line-height: 2rem; display: block;}
.leftsidecategorylist ul li a i{ float: right;line-height: 2rem; }
.leftsidenewslist ul li a{ padding: 0.25rem 1rem; line-height: 2rem; display: block;}
.leftsidekeywordslist ul li{ margin: 0.25rem 0;}
.leftsidekeywordslist ul li a{display: block;text-align: center;font-size: 14px;color: #5a5a5a;line-height: 2rem;border: 1px dashed #f1f1f1;}
.leftsidekeywordslist ul li a:hover {color: #ab001a; border-color: #ab001a;}
.leftsidecontactlist{ line-height: 2rem;}

.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 h3{line-height:26px;font-size:18px;font-weight:500;color:#263238}
.blog-item-text:hover h3{ color:#dc4e20;}
.blog-item-text .item-more span { display: inline-block;width: 130px;line-height: 33px;text-align: center;color: #000;font-size: 14px;color: #666666;border: 1px solid #e1e1e1;
    -webkit-transition: all .5s ease;transition: all .5s ease;}
.blog-item-text:hover .item-more span {color: #fff;background-color: #292e39;}
.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 .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%;}

.productlistbox{box-shadow:0 1px 2px 0 rgba(0,0,0,.1); border-radius: 0.5rem; background:#fff;position:relative;margin-bottom:1.875rem;border: 1px solid rgba(255,255,255,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%,#073190 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 .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:#073190;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); }

.single-contact{ background:#000; margin:-80px 0 -50px; position: relative; z-index:1000000; color:#fff;padding: 20% 2% 23% 18%;}

.pages .page-link{color: #333;}
.pages .page-item.active .page-link{background-color: #dc4e20;border-color: #dc4e20;}
.form-group{ position:relative;}
.form-group label{display: none;}
.form-group button.btn{background:#073190; color: #fff;}
.content-form .content-form-title{ margin-bottom:3rem;}
.content-form .content-form-title h3{ color: #000000;font-size:3rem;font-weight: lighter;letter-spacing: -3px;text-transform: uppercase;}
.content-form .content-form-title p{color: #000000; font-size: 1.125rem;line-height: 2rem;}
.content-form .form-group{ margin:2rem 0;    border-bottom: solid 1px #d2d2d2;}
.content-form .form-group label,.message .form-group label{ display:none;}
.content-form .form-group .form-control{ border:none; background:none; margin-bottom:0;}
.content-form .form-submit button{ width: 100%;}

/* ==========================================================================
Contact Us
========================================================================== */
.form-control{width:100%;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 dl dt{ padding:0 0.5rem;}
.selectarea select{ border:none; outline:none; text-align:center; background:none; }

/* ==========================================================================
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{position:absolute; left:0; width:292px;}
.right_bar li.rtbar_li:nth-child(1){top:0;}
.right_bar li.rtbar_li:nth-child(2){top:51px;}
.right_bar li.rtbar_li:nth-child(3){top:102px;}
.right_bar li.rtbar_li:nth-child(4){top:153px;}
.right_bar li.rtbar_li:nth-child(5){top:204px;}
.right_bar li.rtbar_li:nth-child(6){top:255px;}
.right_bar li.rtbar_li:nth-child(7){top:306px;}
.right_bar li.rtbar_li:nth-child(8){top:357px;}
.right_bar li a{display:block; color:#333; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#fff; opacity:0.8; border-radius:6px; text-align: center;}
.right_bar li a img{display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:10px;}
.right_bar li a:hover{background-image: linear-gradient(to top,#fff 0%,#f9f9f9 100%); opacity:1;}
.rtbar_shwx{ display:none; position:absolute; top:-120px; left:-200px; max-width: 200px; padding-bottom:9px; }
.rtbar_shwx img{ padding:14px; background-color:#FFF; }
.right_bar{display:none;}
.rtbar_shwx{top:-50px; background:#fff;}
.rtbar_phone{ display:none; position:absolute; top:-120px; left:-200px; max-width: 200px; padding-bottom:9px; text-align: center;}
.rtbar_phone{top:-50px; background:#fff;}
.rtbar_phonebox{ margin:10px;}
.rtbar_phonebox span::after{ content: ":"; padding: 0 3px; display: inline-block;}
.right_bar li.phone{ color: #333; line-height: 30px;}

footer a{ color:#333; position:relative;}
.footerico a{ display:inline-block; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; border: 1px #333 solid; border-radius: 50%; margin-right: 1rem; color: #333;}
.friendlinks{color: #333; background: #f6f6f6;}
.friendlinks span{ line-height:2.2rem; display:inline-block; text-transform: uppercase;}
.friendlinks span::after{content: ":"; padding: 0 0.25rem;}
.friendlinks a{ line-height:2.2rem;color: #333; padding: 0 10px; display: inline-block;}
#baiduditubox img,.google-maps img {max-width: none!important;}
#baiduditubox label{ max-width: none!important;}
.map-con .map {height: 500px;z-index: 1;}

@media (min-width: 641px) and (max-width: 1024px) {

}
@media (max-width: 768px) {
    body.indexpage .header{position:relative;top:0;}
    .header{padding:0 0 0 15px;top:0.5rem;}
    .navbar-expand-md .navbar-brand{height:2.5rem; line-height:2.5rem;}
    .navbar-expand-md .navbar-brand img{ max-width:15rem; max-height:2.5rem;}
    .navbar-expand-md .navbar-nav{ padding:1rem 0;display: block;background: rgba(7,49,144,0.8); margin-left: -15px!important;}
    .navbar-expand-md .navbar-nav .nav-link{ line-height:2.5rem;font-size: 1rem; width: 100%; margin:0 0; padding:0 0.5rem;font-weight:300;border-bottom: 1px dashed #d6d6d6;position:relative;}
    .navbar-expand-md .navbar-nav .nav-link:before{ display:none!important;}
    .navbar-expand-md .navbar-nav .nav-link i{line-height: 2.5rem;}
    .navbar-expand-md .navbar-nav li.nav-item::before,.dropdown-toggle::after{ display:none;}
    .navbar-expand-md .navbar-nav li.nav-item-language ul li{ position: relative;margin: 0 1rem;}
    .navbar-expand-md .navbar-nav li.nav-item-language a{line-height:1.875rem;padding: 0.25rem 0.5rem;display:block;border-bottom: 1px dashed #f6f6f6;font-size: 1rem;}
    .navbar-expand-md .navbar-nav li.nav-item-language a i{position: absolute;right: 0.25rem;top: 0;font-size: 0.75rem;line-height: 2.5rem;}
    .navbar-expand-md .navbar-nav .nav-link i{ position:absolute; right:0.25rem; top:0; font-size:0.75rem;}
    .navbar-expand-md .navbar-nav ul.dropdown-menu{ width:100%; left:0;margin-top:0;}
    .navbar-expand-md .navbar-nav ul.dropdown-menu.show{display:block!important;}
    .navbar-expand-md .navbar-nav ul.dropdown-menu li a.dropdown-item{line-height:1.875rem;padding: 0.25rem 1rem;border-bottom: 1px dashed #f6f6f6;}
    .navbar-expand-md .navbar-nav ul.dropdown-menu li a.dropdown-item i{ float:left;}
    .navbar-expand-md .navbar-nav .searcha{ display:none;}
    .inproductcattitle{min-width: 100%;}
    .inproductcattitle img{max-width: 100%;}
    #searchbox{ display:block; position:relative; top:0;padding: 0.5rem;}
    /*.dropdown-toggle::after{ display:inline-block;}*/
    #carousel-area .carousel-control-next, #carousel-area .carousel-control-prev{ opacity:0;}
    .section-header .title,.inproductcatbox .txt .title{ font-size:1.4rem;}
    .content-form .form-group,.content-form .content-form-title{margin: 0.5rem 0;}
    .section-header{margin-bottom: 1rem;}
    .section-header .section-title,.content-form .content-form-title h3,.flash_txt.flash_txt_one .subtitle,.flash_txt.flash_txt_one .subtitle h3,.flash_txt.flash_txt_one .subtitle h5,.flash_txt.flash_txt_one .subtitle h5 span{ font-size:1.5rem; line-height:1.5;letter-spacing:0;}
    .caselist .bigtxt a{padding: 0.25rem 0;display: block;line-height: 1.5rem;font-size: 1rem;}
    .counterupnum p,.content-form .content-form-title p{font-size:0.75rem;}
    .section-header .section-title{position: relative;top: 0;}
    .portfolio-txt,.section-header .section-subtitle,.inproductcat .inproductbox .txt h3{font-size:1rem; line-height:1.875rem;}
    .map-tab-img { width:100%;}
    .map-tab-item { position: relative;top:0; width:100%; }
    .contactbox ul li h5{ font-size: 1rem;}
    .contactbox ul li h3{ font-size: 1.125rem;}
    .inproduct .swiper-pagination .swiper-pagination-bullet,.inblog .swiper-pagination .swiper-pagination-bullet{ width: 2rem;}
    .subcolumns{ margin-top: 15px;}
    .subcolumntitle{ background-color: #073190; overflow: hidden; padding:0 1rem; line-height: 3rem; color: #fff; border-radius: 0.5rem; text-transform: uppercase;}
    .subcolumntitle i{ float: right;line-height: 3rem;  display: block;}
    .subcolumn,.leibie{ display: none;}
    .subcolumn ul li a{min-width:150px; padding-left: 1rem;}
    .subcolumn ul li a i{ padding-right: 0.25rem;}
    .productshow,.viewbox{padding:0;margin-top:0;}
    .mysmallimg{ margin-top: 10px;}
    /*footer{ padding:1rem 0 3rem;}*/
    .footerquicklink{background: #000000;text-align:center; line-height:3rem; height:3rem; position:fixed; bottom:0; left:0; width:100%; z-index:9990; 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; color:#bc9f71;}
}