*{ padding:0px; margin:0px;}
html{ margin: 0; padding:0; height:100%; width:100%; font-size: 14px}
*:before, *:after { z-index: -1;}
*,::before,::after{margin:0;padding:0;-webkit-tap-highlight-color:transparent;/*清除点击高亮*/-webkit-box-sizing:border-box; /*设置以边框计算宽度*/box-sizing:border-box;}
body{ margin:0; padding:0; height:100%; width:100%;Font-size:100%; color:#333333; font-family:Arial,微软雅黑; min-width: 320px; background: #fff; overflow-x: hidden}
ul li{ padding:0px; margin:0px; list-style:none}
ol, ul, dl,p,h2{ padding: 0px; margin: 0px;}
img{ border:none;font-size:0; padding:0px; margin:0px;vertical-align:top;}
a{ text-decoration:none; /*transition:all ease 0.5s;-moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; */color:#333333;}
a:hover{ text-decoration:none; color:#8e2125;}
.warp{ width:1000px; margin:0px auto;}
botton{outline:none;}
:focus{ outline: 0;}
@media screen and (-webkit-min-device-pixel-ratio:0) { /*safari and chrome*/ select {height:30px;line-height:30px; }
}
select::-moz-focus-inner { /*Remove button padding in FF*/ border: 0; padding: 0;}
@-moz-document url-prefix() { /* targets Firefox only */ select {padding: 15px 0!important; }
}
@media screen\0 { /* IE Hacks: targets IE 8, 9 and 10 */ select {height:30px;line-height:30px; }
}
.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical > .btn-group:before,.btn-group-vertical > .btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-header:before,.modal-header:after,.modal-footer:before,.modal-footer:after { display: table; content: " ";}
.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical > .btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-header:after,.modal-footer:after { clear: both;}
input,select,option,textarea{outline: none;}
/**/ .navopen { position: absolute; right: 10px; top: 30px; height: 30px; width: 30px; border: #ccc solid 1px; border-radius: 3px; font-size: 1.5rem; text-align: center; line-height: 30px; cursor: pointer; display: none}
.float{position:fixed; right:0px; top: 200px; z-index: 9999; width:154px;}
.float.open{right:-130px; }
.float.closed{right:-1000px; }
.float-content{width:130px; border: #d60d0d solid 1px; background: #fff; float: left;}
.button-closed{float:left; width:24px; height: 473px; background: url(../images/float-left.png) no-repeat left center; color: #fff;padding: 200px 0px 0px 5px;}
.float-content p.tm,.float-content p.albb{ text-align:center; border-bottom: #e8e8e8 solid 1px; padding: 15px 0px;}
.float-content p.tm span,.float-content p.albb span{display:block; line-height: 24px;}
.float-content p.qq,.float-content p.tel{ border-bottom: #e8e8e8 solid 1px; background: #f3f3f3; line-height: 36px; padding-left: 35px;}
.float-content p.qq{background:#f3f3f3 url(../images/qq.png) no-repeat 10px center;}
.float-content p.tel{background:#f3f3f3 url(../images/phone.png) no-repeat 10px center;}
.float-content p.code{text-align:center; padding: 15px 0px;}
.float-content p.code img{max-width:80%;}
.float-content p.top{background:#d60d0d; line-height: 32px; text-align: center; font-size:1.5rem; color: #fff;}
header{ background:none; height: 125px;}
header .logo{ position:absolute; left: 0px; top: 50px;}
header .logo img{ height:62px;}
header .container{ position:relative; max-width: 1200px;}
header .slogin{position:absolute;left: 228px; top: 32px; border-left:#b49242 solid 1px; padding-left: 30px;}
header .lyw{position:absolute; right: 0px; top: 40px;}
header .tel{position:absolute; right: 0px; top: 32px; }
header .tel .icon{ color: #f00; text-align: right; font-size: 1.2rem; background:url(../images/phone-red.png) no-repeat 58% center;}
header .tel .text{font-size:2.1rem; font-weight: bold; color: #000; text-align: right;}
header .top{height:40px;}
.top .search{position:absolute; right:180px; top: 13px;}
.search{ width: 240px;border:solid 1px #dcdcdc; border-radius: 5px; height: 24px;}
.search .form-control{border:none; height: 24px; width: 85%; background: none; float: left}
.search .form-control:focus { color: #495057; background-color: none; border: 0; outline: 0;border:0; }
.search .subt{width:15%; float: left; border: none; background:#00a0e9 url(../images/search.png) no-repeat center center; background-size:20px; color: #fff; height: 22px; line-height: 24px; text-align: center; font-size: 20px; border-radius: 0px 4px 4px 0px;}
.top .lang{position:absolute; right:0px; top:15px;}
.lang a{display:inline-block; padding: 0px 15px; border-radius: 20px; border:#000 solid 1px; margin-left: 10px; height: 21px; line-height: 21px; font-size: 0.8rem}
.lang a.active{background:#bf1720; border-color:#bf1720; color: #fff;}
.flt{float:left}
.flr{float:right}
.menu{width:60%; background:#fff; position:absolute;right:0px; top: 70px;}
.menu ul{width:100%; margin: 0px auto}
.menu li{ float:left; line-height: 40px; width:14.2%; position:relative; list-style: none; text-align: right}
.menu li:first-child{border:none}
.menu li a{display:block; width: 100%; text-align: right;font-size: 1.1rem; color: #000; font-weight: normal;}
.menu li:last-child a{padding-right:0px;}
.menu li a:hover,ul.menu li.active a,.menu li:hover:after{color:#1b6bb6;}
.sub-menu{display:none; position:absolute; left: 0px; top: 40px; z-index: 9; background: #028339; width: 150%;}
.menu li:hover .sub-menu{display:block}
.menu li .sub-menu a{line-height:42px; height: 42px; border-bottom: #fff solid 1px; overflow: hidden; padding: 0px 10px;}
.menu li .sub-menu a:last-child{border-bottom:none}
.swiper-banner {width: 100%;height: 100%;}
.swiper-banner .swiper-slide {background-position: center; background-size: cover; }
.banner a{display:block; width: 100%; height: 100%}
.swipers .swiper-slide img{width:100%}
.index-title{text-align:center; font-size:2.5rem; padding: 30px 0px;}
.index-title p.slogan{font-size:1rem; color: #848484}
.index-title span{display:inline-block; width:8%; height: 6px; border-top:#a70000 solid 2px;}
.centainer{width:1200px; margin: 0px auto; background: none}
.product ul li{margin-bottom:20px;}
.product ul li .box{ box-shadow: #ccc 0px 0px 20px; background: #fff; position:relative; height: 230px; overflow: hidden}
.product ul li .box .proimg{height:195px; overflow: hidden; line-height: 195px;}
.product ul li .box .proimg img{display: inline-block; vertical-align: middle; text-align: center; width: 100%}
.product ul li .box .infos{background:#f2f2f2; position:absolute; z-index: 5; left: 0px; bottom:-60px; width:100%; padding: 0px 20px; transition: all 0.5s;}
.product ul li .box .infos h2{font-size:1.2rem; text-align: center; line-height: 38px; height: 38px; overflow: hidden}
.product ul li .box .infos p{font-size:0.9rem; line-height: 24px; padding-bottom: 10px; max-height: 50px; overflow: hidden; margin-bottom: 10px;}
.product ul li:hover .box .infos{bottom:0px; background: #a70000; color: #fff;}
.product ul li:hover .box .infos a{color:#fff}
.product .box{ background: #fff; position:relative; height: 230px; overflow: hidden; margin: 5px 0px; border:#f5f5f5 solid 1px;}
.product .box .proimg{height:195px; overflow: hidden; line-height: 195px;}
.product .box .proimg img{display: inline-block; vertical-align: middle; text-align: center; width: 100%}
.product .box .infos{background:#f2f2f2; position:absolute; z-index: 5; left: 0px; bottom:-60px; width:100%; padding: 0px 20px; transition: all 0.5s;}
.product .box .infos h2{font-size:1.2rem; text-align: center; line-height: 38px; height: 38px; overflow: hidden}
.product .box .infos p{font-size:0.9rem; line-height: 24px; padding-bottom: 10px; max-height: 50px; overflow: hidden; margin-bottom: 10px;}
.product .box:hover .infos{bottom:0px; background: #a70000; color: #fff;}
.product .box:hover .infos a{color:#fff}
.product .more,.news .more{text-align:center; width:100% }
.product .more a,.news .more a{display: inline-block; padding: 0px 40px; border-radius: 50px; background: #a70000; color: #fff; margin: 0px auto; margin-bottom: 20px; margin-top: 20px; line-height: 42px;}
.product .more a:hover,.news .more a:hover{box-shadow:#ccc 0px 10px 10px;}
.about{background:#f1f1f1; padding: 50px 0px;}
.about .container .row{background:#fff;}
.about .container .left{padding-left:0px; padding-right: 30px;}
.about .container .right{padding:40px 40px 0px 20px; line-height: 26px;}
.about .container .right h2{font-size:2rem; font-weight: bold; line-height: 50px;}
.product .container{padding:0px 15px}
.news{padding:0px;}
.news .left .box{position:relative; }
.news .left .box img{width:100%}
.news .left .box h2{position:absolute; bottom:0px; left: 0; width:100%; background:rgba(0,0,0,0.50); color: #fff; padding-left: 20px; line-height: 48px; height: 48px; z-index: 5; font-size:1.3rem}
.news .left .box h2:after{background:rgba(167,0,0,0.50); width: 1px; height: 48px; position: absolute; left: 0px; top: 0px; content: close-quote; transition: 0.2s all;}
.news .left .box:hover h2:after{width: 100%;}
.news .right li{border-top:#ccc solid 1px; padding: 10px 0px;}
.news .right li:first-child{border:0px;}
.news .right li .date{border-right:#ccc solid 1px;}
.news .right li .date span{display:block; text-align: left;}
.news .right li .date span:first-child{font-size:1.8rem; font-weight: bold; line-height: 52px;}
.contact{ padding: 50px 0px; background: #f5f5f6;}
.contact .row p{line-height:32px;}
.contact .row .box{ border-left:#ccc solid 1px; padding-left: 50px;}
.contact .row > div:first-child .box{padding:0px; border: none}
.sns span{display:inline-block; width:30px; height: 30px; border-radius: 30px; background: #ccc; color: #fff; line-height: 30px; text-align: center; margin-right: 10px;}
.sns span:hover{background:#ef4136}
.sns span.wx{position:relative;}
.sns span.wx i.code{position:absolute; top: -170px; left: -60px; background:url(../images/code-bg.png) no-repeat center center; width:156px; height: 161px; padding-top: 20px; display: none}
.sns span.wx:hover i.code{display:block}
.bottomnav{background:#7b7b7b; padding: 20px 0px; color:#fff;}
.bottomnav a{color:#fff}
.footer{background:#313131; line-height: 42px; text-align: center; color: #fff;}
.product-box{padding:50px 0px;}
/*.row{padding:0px; margin: 0px;}
*/.product-box .list .listcontent{position: relative; transition: 0.2s all;}
.product-box .list:hover .listcontent{box-shadow:#6597e2 0px 0px 30px}
.product-box .list{padding-left:0px; padding-right: 20px; margin-bottom: 40px;}
.product-box .list:nth-child(2n){padding-right:0px; padding-left: 20px}
.product-box .list h2{position:absolute; bottom:0px; left: 0px; width:100%; line-height: 48px; color:#fff; background:rgba(0,0,0,0.70); font-size: 2rem; font-weight: bold; z-index: 99; padding-left: 20px; transition: 0.2s all;}
.product-box .list h2:after{background:rgba(153,17,17,0.70); width: 1px; height: 48px; position: absolute; left: 0px; top: 0px; content: close-quote; transition: 0.2s all;}
.product-box .list:hover h2:after{width: 100%;}
.product-box .list img{width:100%}
.content-desc{text-align:right; font-size: 1rem;}
h2.h2{ font-size:2.14rem; border-bottom:#cccccc solid 1px; line-height: 78px}
h2.h2 span{display:inline-block; border-bottom: #8e2125 solid 2px;}
h2.h2 .container{ position:relative;}
h2.h2 p.ename{font-size:1rem;text-transform:Uppercase; padding: 10px 0px}
h2.h2 a.more{position:absolute; right:0px; top: 20px; border:#ccc solid 1px; border-radius: 3px; display: inline-block; width: 60px; height: 22px; text-align: center; line-height: 22px; font-size:0.85rem;text-transform:Uppercase}
.subbanner img{width:100%}
.swiper-pagination-bullet{border-radius:0px; width:15px; height:15px; background: #b7bdc0; opacity: 1; border-radius: 10px;}
.swiper-pagination-bullet-active{ background: #8e2024;}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{ bottom:0px; height: 30px;}
.subbanner{height:300px; width:100%; background-repeat: no-repeat; background-position: center top; margin-bottom: 30px;}
.container.positions{color:#919191; line-height: 42px; margin-top: 30px; font-size: 1.2rem; padding-left: 0px; position:relative; display: none}
.positions .sidenav{position:absolute; right:0px; top: 0px; height: 42px; background: #f7f7f7;}
.positions .sidenav a{ display:inline-block; padding: 0px 20px; line-height: 41px;border-top:#f7f7f7 solid 1px;}
.positions .sidenav a:hover,.sidenav a.active{border-top:#980e0e solid 1px; background: #f2f2f2;}
.positions .sidenav ul{display:none; position: absolute; top: 42px; right: 0px; min-width:100%; background: #f2f2f2; z-index: 999; font-size: 1rem}
.positions .sidenav ul li a{border-top:#ccc solid 1px;}
.positions .sidenav:hover ul{display:block}
.positions .sidenav .productlog,.positions .sidenav .productlog:hover{background:#980e0e; color: #FFFFFF}
.article-box .container{ padding: 0px; line-height: 26px; margin-bottom: 50px;}
.article-box .right li{ line-height:36px; border-bottom: #ccc dashed 1px; position:relative}
.article-box .right li .date{position:absolute; right:0px; top: 0px;}
.article-box .right li a i{ padding-right:10px;}
.page-box .container{line-height: 26px; margin-bottom: 50px; padding: 0px;}
.page-box .container .content-text{text-align:center; font-size: 38px; line-height: 56px; border-bottom: #ccc solid 1px; margin-bottom: 20px;}
.page-box .container .left .box,.article-box .container .left .box,.product-box .container .left .box{background: #f9f9f9; padding: 0px; margin-bottom: 20px;}
.page-box .container .left .box h2,.article-box .container .left .box h2,.product-box .container .left .box h2{background:#00a0e9; font-size: 2rem; line-height: 68px; text-align: center; color: #fff; margin-bottom: 0px;}
.page-box .container .left .box .sidenav a,.article-box .container .left .box .sidenav a,.product-box .container .left .box .sidenav a{line-height: 42px; border-bottom: #ccc 1px solid; display: block; padding: 0px 10px 0px 10px; height: 42px; overflow: hidden}
.product-box .container .left .box .sidenav .lists > a{background:#ededed}
.product-box .container .left .box .sidenav dl{display:none}
.product-box .container .left .box .sidenav dl.open{display:block}
.product-box .container .left .box .sidenav .lists{position:relative;}
.product-box .container .left .box .sidenav .lists i{position:absolute; right:0px; top: 0px; height: 42px; line-height: 42px; width:42px; z-index: 9;text-align: center; cursor: pointer}
.product-box .container .left .box .sidenav .lists i:hover{color:#f00}
.product-box .container .left .box .sidenav dl dd a{height:30px; overflow: hidden; line-height: 30px;}
.page-box .container .right{padding:0px;}
.page-box .container .right ul li{float:left; width:23.5%; padding: 10px; box-shadow: #ccc 0px 0px 5px; margin: 0px 2% 25px 0;}
.page-box .row .left,.article-box .row .left,.product-box .row .left{padding:0px;}
.page-box .row .right,.article-box .row .right,.product-box .row .right{padding: 0px 0px 0px 30px;}
.pages{ padding:20px 0px; text-align: center}
.pages a,.pages span{display:inline-block; height: 36px; min-width:36px; padding: 0px 5px; line-height: 36px; text-align: center;border-radius: 3px; border:#ccc solid 1px; margin: 0px 3px; background:#527ab7; color: #fff}
.pages span,.pages a:hover{background:#991111}
/*.product-box .container .left .sidenav{background:#ccc;}
.product-box .container .right{padding:0px;}
.product-box .container .right ul li{float:left; width:23.5%; padding: 10px; box-shadow: #ccc 0px 0px 5px; margin: 0px 2% 25px 0;}
.product-box .container .right ul li:nth-child(4n){margin-right:0px;}
.product-box .container .right ul li img{width:100%}
.product-box .container .right ul li h2{font-size:1.2rem; text-align: center; line-height: 36px; height:72px; overflow: hidden}
*/.numb-desc{color:#969696; font-size: 1.1rem; line-height: 24px;}
.team .swiper-button-next,.team .swiper-container-rtl .swiper-button-prev{background:url(../images/arr-right.png); width:43px; height: 43px; right: -60px; opacity: 0.5}
.team .swiper-button-prev,.team .swiper-container-rtl .swiper-button-next{background:url(../images/arr-left.png); width:43px; height: 43px; left: -60px;opacity: 0.5}
.team .swiper-button-next:hover,.team .swiper-container-rtl .swiper-button-prev:hover,.team .swiper-button-prev:hover,.team .swiper-container-rtl .swiper-button-next:hover{opacity: 1}
.swipers .swiper-button-next,.swipers .swiper-container-rtl .swiper-button-prev{background:#8e2024; width:36px; height: 36px; line-height: 36px; text-align: center;right:calc(50% - 600px); color: #fff; border-radius: 20px; opacity: 0.5}
.swipers .swiper-button-prev,.swipers .swiper-container-rtl .swiper-button-next{background:#8e2024; width:36px; height: 36px; line-height: 36px; text-align: center; color: #fff; border-radius: 20px; left: calc(50% - 600px);opacity: 0.5}
.swipers .swiper-button-next:hover,.swipers .swiper-container-rtl .swiper-button-prev:hover,.swipers .swiper-button-prev:hover,.swipers .swiper-container-rtl .swiper-button-next:hover{opacity: 1}
div#back-to-top{ width:100px; height:140px; position:fixed;bottom:100px; right:0px; }
div#back-to-top a{ text-align:center; text-decoration:none; color:#fff; display:block; width:60px; height:60px; -moz-transition:color 1s; -webkit-transition:color 1s; -o-transition:color 1s; line-height:85px; font-size:45px; background:url(../images/index/top.jpg) no-repeat center top; margin-bottom:5px; background-size:100%;}
div#back-to-top a.wixin{ background:url(../images/index/wixin.jpg) no-repeat center top;background-size:100%;}
div#back-to-top a.qq{ background:url(../images/index/qq.jpg) no-repeat center top;background-size:100%;}
div#back-to-top a span{ border-radius:6px; display:block; height:64px; width:56px; margin-bottom:5px;-moz-transition:background 1s; -webkit-transition:background 1s; -o-transition:background 1s;}
.floatnav{width:180px; position:fixed; top: 96px;left: calc(50% - 820px); background: #d9b55f; z-index: 999}
.floatnav ul li{ line-height:46px; text-align: center; border-bottom: #b49242 solid 1px;}
.floatnav ul li > a{color:#fff; display: block; width:100%}
.floatnav ul li:last-child{border:none}
.form-input input{padding-right: 10px; width:95%; height: 52px; background:url(../images/name-icon.png) no-repeat 10px center; border: none; border:#e2e2e2 solid 1px; padding-left: 40px; font-size:1.14rem; color: #c2c1c1}
.form-input input.phone{background:url(../images/phone-icon.png) no-repeat 10px center;}
.msgcontent{padding:10px 0px;}
.msgcontent textarea{ width:97.5%; min-height: 200px;border: none; border:#e2e2e2 solid 1px; padding: 10px;}
.vcode{position:relative;}
.vcode img{ position:absolute; left: 160px; top: 0px; width: 120px; height: 52px;}
.vcode input{height: 52px; border: none; border:#e2e2e2 solid 1px; padding-left: 40px;padding-right: 10px; font-size:1.14rem; color: #c2c1c1; width: 150px;}
.submit input{width:97.5%; height: 52px; border:none;background:#40b551; color:#fff; text-align: center; margin-top: 10px;}
.msgcontents{ width:40%; background:rgba(0,0,0,0.5); position:fixed;left: 30%; top: -1000px; z-index: 999; padding: 0px;}
.msgcontents h2{text-align:center; font-size:1.4rem; background: #36ac5b; color: #fff; line-height: 52px; position:relative}
.msgcontents form{ background:#f2f2f2; padding: 20px;}
.msgcontents form textarea,.msgcontents form .submit input,.msgcontents form .form-input input{width:100%}
.msgcontents h2 a{position:absolute; right:0px; top: 0px; display: inline-block; width: 52px; height: 52px; color: #fff; background:#000; font-size:1rem; font-weight: normal; text-align: center}
div#back-to-top p#top{background:#fff url(../images/arr-top.png) no-repeat center center; height:50px; display: none}
div#back-to-top p.msg{background:#3cd66c url(../images/email.png) no-repeat center 10px; height:90px; text-align: center; color: #fff}
div#back-to-top p.msg span{ display:inline-block; padding-top: 60px;}
footer{padding:0px; font-size:1rem; background:#537bb7}
footer .copy{ padding: 10px 0px; text-align: center; color: #fff; text-align: center; line-height: 30px;}
.pagecontent .content{ padding:20px;}
.pdfshow{display: none; width:100%; line-height: 42px; text-align: center; background: #00a0e9; color: #fff;}
.pdfshow a{display:block; color: #fff;}
/********************article*********************************/.container {padding:0px; margin: 0px auto; }
@media (min-width: 576px) { /*.container { max-width: 100%; }
*/}
@media (min-width: 768px) { /*.container { max-width: 100%; }
*/.layer5 .gdnub ul{ display: block;}
.layer5 .gdnub ul li{ width:32%; display:inline-block}
}
@media (min-width: 992px) { /*.container { max-width: 100%; }
*/.layer5 .gdnub ul{ display: flex; }
.layer5 .gdnub ul li{ width:20%; }
}
@media (min-width: 1500px) { .container { max-width: 1200px;padding:0px; margin: 0px auto; }
}
@media screen and (max-width: 1500px){ .container,.sec6 .conter {max-width: 1200px;}
header .container{max-width: 1240px;}
}
@media (max-width: 1320px) { body#article .container{width:100%}
.container{max-width:1200px;}
}
@media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
.table-responsive-xl > .table-bordered { border: 0; }
}
.video{ width:100%; margin:0px auto; padding: 0px 20%; border-bottom: #ccc solid 1px; padding-bottom: 20px}
@media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
.video{ width:100%; margin:0px auto; display:block; padding: 0px; border: 0}
.about{padding:0px}
.product-box{padding:0px}
.page-box .container{margin-bottom:0px}
.table-responsive-lg > .table-bordered { border: 0; }
html{font-size:14px}
.menu,.float,.top{display:none;}
.navopen{display:block}
header{height:90px;}
header .logo{top:20px; left: 5px;}
header .logo img{ width:80%; height: auto;}
.product ul{ padding:0px 15px;}
.product ul li .box{height:180px; padding:}
.product ul li .box .proimg img{height:auto; width:100%;display: inline-block; vertical-align: middle;}
.product ul li .box .proimg{ line-height: 140px;height:180px;}
.about .container .left{padding:0px;}
video{height:auto}
.about .container .row{background:none;}
.about .container .right{padding:20px 30px}
.news ul{padding:0px 15px;}
.news .right li h2{font-size:1.5rem; line-height: 42px; overflow: hidden; width:100%; height: 42px;}
.product ul li .box .infos{bottom:-80px;}
.bottomnav{padding:30px}
.footer{padding:0px 20px; line-height: 32px;}
.contact .row .box{border:none}
.contact .row > div:first-child .box{padding-left: 50px;}
.swiper-banner img{width:100%;}
.swiper-button-next, .swiper-button-prev{height:30px;}
.article-box .container{padding:50px 15px;}
.page-box .row .left .box:last-child,.article-box .row .left .box:last-child,.product-box .row .left .box:last-child{display:none}
.page-box .row .right,.article-box .row .right,.product-box .row .right{padding:0px 15px;}
.page-box .container,.article-box .container,.product-box .container{background:#f2f2f2; padding: 10px 15px 20px 15px;}
.product ul li .box .infos p{max-height:70px;}
.search{ width:calc(100% - 30px) ; padding: 0px; border:solid 1px #dcdcdc; border-radius: 5px; height: 32px; margin: 20px 15px; background: #fff}
.search .form-control{border:none; height: 32px; width: 85%; background: none; float: left}
.search .form-control:focus { color: #495057; background-color: none; border: 0; outline: 0;border:0; }
.search .subt{width:15%; float: left; border: none; background:#00a0e9 url(../images/search.png) no-repeat center center; background-size:20px; color: #fff; height: 30px; line-height: 32px; text-align: center; font-size: 20px; border-radius: 0px 4px 4px 0px;}
.lang{padding: 10px 0px;}
.lang a{display:inline-block; padding: 0px 20px; border-radius: 20px; margin-left: 10px; border: 0; height: 30px; line-height: 30px; font-size: 1rem; background: #ccc}
.lang a.active{background:#bf1720; border-color:#bf1720; color: #fff;}
.subbanner{background-size:150%; height: 180px; margin-bottom: 0}
.page-box .container .left .box h2, .article-box .container .left .box h2, .product-box .container .left .box h2{height:46px; font-size:1.5rem; line-height:48px;}
}
.mb-bottom{display:none}
@media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
.down-link{display:none}
.pdfshow{display: block}
.mb-bottom{display:block}
.table-responsive-md > .table-bordered { border: 0; }
.layer5 .gdnub ul{ display: block;}
.layer5 .gdnub ul li{ width:32%; display:inline-block}
.page-box .container .content-text{font-size:2rem}
.product .container{padding:0px}
.index-title{padding:15px 0px 0px 0px;}
}
@media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
.table-responsive-sm > .table-bordered { border: 0; }
.layer5 .gdnub ul{ display: block;}
.layer5 .gdnub ul li{ width:49%; display:inline-block}
}
@media (max-width: 420px){ .layer5 .gdnub ul{ display: block;}
.layer5 .gdnub ul li{ width:49%; display:inline-block}
.subbanner{margin-bottom:0px; height: 80px;}
}
@media (max-width: 320px){ html{font-size:50%}
.layer5 .gdnub ul{ display: block;}
.layer5 .gdnub ul li{ width:49%; display:inline-block}
.subbanner{background-size:150%; height: 70px; margin-bottom: 0}
}
.sm-menu{display: none; width:100%; background: #0069b7}
.sm-menu ul li{ line-height:36px; border-bottom: #fff solid 1px; color: #fff; position:relative}
.sm-menu ul li i{position:absolute; right:0px; top:0px; display:inline-block; width:36px; height: 36px; background: #fff; color:#000; line-height: 36px; text-align:center; z-index: 9}
.sm-menu ul li dl{ display:none}
.sm-menu ul li a{color:#fff; padding-left: 20px; display: block; width:calc(100% - 36px)}
.sm-menu ul li dd{ display:block; padding-left: 30px; line-height: 32px; border-top:#6d99b9 solid 1px;}
.sm-menu ul li dd:first-child{border-color:#fff}
.sm-menu .open{height:auto;}