@charset "utf-8";
/* by Sean Lu 20200806 */
/* 移动端全局控制reset */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body { font-size: 100%;  font-family:arial,Helvetica,STHeiti,Droid Sans Fallback; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); background-color: #fff; text-transform: uppercase; }
textarea { resize: none; }
iframe,img { border:0; }
ul,ol { list-style:none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
/* input { -webkit-appearance: none; } */
a { text-decoration: none; color: #666; }
a:hover { text-decoration: underline; color: #e98300; }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* 全局浮动 */
.fl { float: left; }
.fr { float: right; }

/* 圆细滚动条样式 20180601 */
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#c2c2c2;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#A0A0A0}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 拖选文字样式 20160628 */
::selection { background: #e98300; color: #fff; }
::-moz-selection { background: #e98300; color: #fff; }

.wrapper { width: 1140px; margin: 0 auto; }

.bigwrap { padding: 0 40px; }

.topbar { background: #e98300; color: #fff; line-height: 20px; padding: 8px 0; font-size: 12px; }
.topbar .tip {  }
.topbar .tel { background: url(../img/topbaricon01.png) no-repeat left center; padding-left: 20px; background-size: auto 14px; }
.topbar .tel strong { font-size: 14px; margin: 0 10px 0 0; }
.topbar .tel a { margin-left: 10px; padding-left: 20px; background: url(../img/topbaricon02.png) no-repeat left center; background-size: auto 14px; color: #fff; text-decoration: none; }
.topbar .tel a:hover { opacity: .8; }


.header { height: 80px; background: #000 url(../img/topbg.jpg) no-repeat center; color: #fff; }
.header .logo { float: left; height: 45px; margin: 17px 0; }
.header .logo a { display: block; height: 100%; -webkit-transition: all .2s; transition: all .2s; }
.header .logo a:hover { opacity: .8; }
.header .logo img { display: block; height: 100%; }
.header .seabox { float: right; height: 36px; box-sizing: border-box; margin: 22px 0; border: 1px solid #ccc; border-radius: 4px; width: 210px; background:#ededee; }
.header .seabox .key { float: left; width: 70%; border: 0; box-sizing: border-box; line-height: 100%; height: 100%; padding-left: 36px; background: url(../img/saeb.png) no-repeat 14px center; font-size: 12px; background-size: auto 14px; color:#333; }
.header .seabox .btn { float: right; width: 30%; background: #e98300; color: #fff; font-size: 12px; height: 100%; border: 0; cursor: pointer; font-weight: bold; }
.header .navbar { text-align: center; line-height: 36px; padding: 22px 0; }
.header .navbar .nul {  }
.header .navbar .nul .nli { display: inline-block; position: relative; z-index: 9; }
.header .navbar .nul .nli .na { font-size: 17px; font-weight: bold; padding: 0 15px; display: block; color: #fff; text-decoration: none; }
.header .navbar .nul .nli:hover .na { color: #e98300; }
.header .navbar .nul .nli .na:hover { color: #e98300; }
.header .navbar .nul .nli .sub { position: absolute; left: 0; top: 36px; background: #333; padding: 10px; width: 110px; opacity: 0; visibility: hidden; -webkit-transition: all .2s; transition: all .2s; -webkit-transform: translateY(5px); transform: translateY(5px); }
.header .navbar .nul .nli:hover .sub { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0);  }
.header .navbar .nul .nli .sub .sli { line-height: 26px; text-align: left; }
.header .navbar .nul .nli .sub .sli .sa { font-size: 14px; color: #fff; padding-left: 25px; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; display: block; }
.header .navbar .nul .nli .sub .sli .sa:hover { color: #e98300; padding-left: 20px; }


.bannerslide .swiper-slide { background-position: center; background-size: cover; position: relative; height: 614px; }
.bannerslide .swiper-slide .wrapper { position: relative; height: 100%; }
.bannerslide .swiper-slide a { display: block; width: 100%; height: 100%; }
.paginationw { position: absolute; left: 0; text-align: center; bottom: 10px !important; width: 100%; z-index: 9; }
.swiper-pagination-bullet { background: #fff; }
.swiper-pagination-bullet-active { background: #007bba; }

.homebox01 { background: #f5f5f5; padding: 50px 0; }
.homebox01 .hd { text-align: center; }
.homebox01 .hd .tit { font-size: 24px; font-weight: bold; color: #333; margin-bottom: 10px; }
.homebox01 .hd .txt { font-size: 14px; color: #666; line-height: 1.6; }
.homebox01 .hd .sub { margin: 30px auto 40px; }
.homebox01 .hd .sub .nam { display: inline-block; line-height: 30px; padding: 0 15px; background: #e98300; color: #fff; border-bottom: 1px solid #b4b3b3; border-right: 1px solid #cfcece; font-size: 14px; }
.homebox01 .hd .sub .alink { display: inline-block; line-height: 30px; padding: 0 15px; background: #fff; color: #666; border-bottom: 1px solid #b4b3b3; border-right: 1px solid #cfcece; font-size: 14px; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; }
.homebox01 .hd .sub .alink:hover { background: #999; color: #fff; opacity: .8; }

.hprobox { margin-top: 60px; }
.hprobox .hpbhd { height: 24px; line-height: 24px; padding: 18px 0; border-top: 2px solid #363e4d; }
.hprobox .hpbhd .nam { float: left; width: 10%; box-sizing: border-box; font-size: 18px; font-weight: bold; padding: 0 10px; color: #333; }
.hprobox .hpbhd .hot { float: left; width: 80%; box-sizing: border-box; font-size: 14px; color: #333; overflow: hidden; }
.hprobox .hpbhd .hot a { margin: 0 8px; }
.hprobox .hpbhd .mor { float: left; width: 10%; box-sizing: border-box; padding: 0 10px; }
.hprobox .hpbhd .mor a { display: block; padding-right: 20px; background: url(../img/moricon.png) no-repeat right center; text-decoration: none; color: #333; font-size: 14px; float: right; }


.hpblist { }
.hpblist .item { width: calc( 25% - 3px ); margin-right: 4px; margin-bottom: 20px; background: #fff; float: left; -webkit-transition: all .2s; transition: all .2s; }
.hpblist .item:nth-child(4n) { margin-right: 0; }
.hpblist .item .img { width: 100%; }
.hpblist .item:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); box-shadow: 0 0 20px rgba(0,0,0,.1); }
.hpblist .item .img a { display: block; width: 100%; }
.hpblist .item .img img { display: block; width: 100%; }
.hpblist .item .img a:hover img { opacity: .8; }
.hpblist .item .inf { padding: 30px; }
.hpblist .item .inf .nam { line-height: 30px; height: 30px; font-size: 16px; font-weight: bold; color: #e98300; overflow: hidden; }
.hpblist .item .inf .nam a { color: #e98300; text-decoration: none; text-decoration: none; }
.hpblist .item .inf .nam a:hover { opacity: .8; }
.hpblist .item .inf .cla { color: #2f353d; font-size: 14px; line-height: 20px; height: 20px; overflow: hidden; }
.hpblist .item .inf .cla a { color: #2f353d; text-decoration: none; }
.hpblist .item .inf .cla a:hover { color: #e98300; opacity: .8; }
.hpblist .item .inf .det { margin-top: 20px; overflow: hidden; }
.hpblist .item .inf .det .lit { float: left; line-height: 24px; }
.hpblist .item .inf .det .lit a { display: block; font-size: 12px; color: #2f353d; text-decoration: none; padding-left: 20px; background: url(../img/hproicon01.png) no-repeat left center; background-size: auto 13px; }
.hpblist .item .inf .det .lit a:hover { color: #000; }
.hpblist .item .inf .det .lit a:nth-child(1) { background-image: url(../img/hproicon01.png); }
.hpblist .item .inf .det .lit a:nth-child(2) { background-image: url(../img/hproicon02.png); }
.hpblist .item .inf .det .lit a:nth-child(3) { background-image: url(../img/hproicon03.png); }
.hpblist .item .inf .det .btn { float: right; }
.hpblist .item .inf .det .btn a { line-height: 30px; font-size: 14px; padding: 0 15px; display: block; background: #e98300; color: #fff; margin-top: 3px; text-decoration: none; }
.hpblist .item .inf .det .btn a:hover { opacity: .8; }
.hpblist .item .inf .det .btn a:nth-child(2) { background: #006dba; }


.homebox02 { background: #fff; padding: 50px 0; }
.homebox02 .hd { text-align: center; }
.homebox02 .hd .tit { font-size: 24px; font-weight: bold; color: #333; margin-bottom: 10px; }
.homebox02 .hd .txt { font-size: 14px; color: #666; line-height: 1.6; }
.homebox02 .hd .txt strong { font-size: 20px; color: #e98300; }
.homebox02 .sub { border: 1px solid #e5e5e5; border-top: 2px solid #363e4d; overflow: hidden; margin-top: 40px; }
.homebox02 .sub .shd { background: #e98300; width: 10%; padding-top: 20px; font-size: 14px; color: #fff; text-align: center; height: 90px; float: left; box-sizing: border-box; }
.homebox02 .sub .sbd { width: 90%; float: left; padding: 20px; box-sizing: border-box; height: 90px; overflow: hidden; }
.homebox02 .sub .sbd a { margin: 0 24px; font-size: 14px; line-height: 26px; }
.homebox02 .list { margin: 50px auto 0; width: 96%; }
.homebox02 .list .item { width:23.5%; float: left; margin-right: 2%; -webkit-transition: all .2s; }
.homebox02 .list .item:hover { opacity: .8; -webkit-transform: translateY(-5px); transform: translateY(-5px); box-shadow: 0 0 20px rgba(0,0,0,.1); }
.homebox02 .list .item:nth-child(4n) { margin-right: 0; }
.homebox02 .list .item a { display: block; overflow: hidden; text-decoration: none; }
.homebox02 .list .item .img {  }
.homebox02 .list .item .img img { display: block; width: 100%; }
.homebox02 .list .item .inf { background: #f5f5f5; padding: 20px 40px; }
.homebox02 .list .item .inf .nam { font-size: 18px; margin-top: 20px; color: #333; font-weight: bold; text-align: center; }
.homebox02 .list .item .inf .txt { font-size: 14px; color: #777; line-height: 20px; height: 56px; overflow: hidden; margin: 20px auto 0; text-align: center; }


.homebox03 { background: #fff url(../img/homebox03bg.jpg) no-repeat center; padding: 70px 0; }
.homebox03 .hd { text-align: center; color: #fff; }
.homebox03 .hd .tit { font-size: 24px; font-weight: bold; margin-bottom: 10px; }
.homebox03 .hd .txt { font-size: 14px; line-height: 1.6; }
.homebox03 .list { margin-top: 40px; }
.homebox03 .list .item { width: calc( 25% - 3px ); margin-right: 4px; background: #fff; float: left; -webkit-transition: all .2s; transition: all .2s; padding: 50px; box-sizing: border-box; }
.homebox03 .list .item:nth-child(4) { margin-right: 0; }
.homebox03 .list .item .nam { font-size: 18px; margin-bottom: 10px; font-weight: bold; color: #e98300; }
.homebox03 .list .item .iul { line-height: 22px; }
.homebox03 .list .item .iul .ili { padding-left: 10px; background: url(../img/dot.png) no-repeat left center; font-size: 14px; color: #666; }
.homebox03 .list .item .ico { margin-top: 30px; text-align: right; }
.homebox03 .list .item .ico img { display: inline-block; width: 30px; }
.homebox03 .more { text-align: center; margin-top: 40px; }
.homebox03 .more a { font-size: 14px; color: #fff; display: inline-block; border-bottom: 1px solid #fff; line-height: 30px; text-decoration: none; }
.homebox03 .more a:hover { opacity: .8; }



.homebox04 { background: #fff; padding: 50px 0; }
.homebox04 .hd { text-align: center; }
.homebox04 .hd .tit { font-size: 24px; font-weight: bold; color: #333; margin-bottom: 10px; }
.homebox04 .hd .txt { font-size: 14px; color: #666; line-height: 1.6; }
.homebox04 .list { margin-top: 40px; }
.homebox04 .list .item { width: 48%; float: left; margin-right: 4%; background: #e98300; }
.homebox04 .list .item:nth-child(2n) { margin-right: 0; }
.homebox04 .list .item .img { }
.homebox04 .list .item .img img { display: block; width: 100%; }
.homebox04 .list .item .inf { padding: 40px 50px; }
.homebox04 .list .item .inf .nam { font-size: 20px; color: #fff; margin-bottom: 20px; }
.homebox04 .list .item .inf .txt { font-size: 14px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 2; color: #000; }
.homebox04.homebox04x .list .item .inf .txt { -webkit-line-clamp: 3; }
.homebox04 .list .item .inf .btn { margin-top: 30px; }
.homebox04 .list .item .inf .btn a { display: inline-block; line-height: 36px; color: #fff; font-size: 14px; background: #000; padding: 0 20px; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; }
.homebox04 .list .item .inf .btn a:hover { color: #e98300; opacity: .8; }
.homebox04x .sptel { text-align: center; margin: 20px 0; }
.homebox04x .sptel .tel { line-height: 20px; padding: 10px 30px; display: inline-block; background: #e98300; color: #fff; border-radius: 30px; font-size: 14px; }
.homebox04x .sptel .tel:before { content: ''; display: inline-block; width: 16px; height: 16px; background: url(../img/topbaricon01.png) no-repeat center; background-size: auto 14px; vertical-align: middle; }
.homebox04x .sptel .tel strong { margin: 0 4px; }
.homebox04x .sptel .tel a { margin-left: 10px; padding-left: 20px; background: url(../img/topbaricon02.png) no-repeat left center; background-size: auto 14px; color: #fff; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; }
.homebox04x .sptel .tel a:hover { opacity: .8; }


.aboutbox01 { background: url(../img/aboutimg01.jpg) no-repeat center; background-size: cover; color: #fff; padding: 60px 0; }
.aboutbox01 .img { float: left; width: 30%; }
.aboutbox01 .img img { display: block; border: 4px solid #fff; box-shadow: 0 0 20px rgba(0,0,0,.1); margin: 0 auto; }
.aboutbox01 .inf { margin-left: 30%; }
.aboutbox01 .inf .tip { font-size: 18px; color: #e98300; line-height: 40px; }
.aboutbox01 .inf .nam { font-size: 28px; font-weight: bold; margin-bottom: 20px; line-height: 40px; }
.aboutbox01 .inf .txt { font-size: 16px; line-height: 30px; }


.aboutbox02 { padding: 50px 0; }
.aboutbox02 .item { width: 23.5%; float: left; box-sizing: border-box; margin-right: 2%; border: 1px solid #dedede; background: #fff;  margin-bottom: 20px; -webkit-transition: all .2s; transition: all .2s; color: #333; }
.aboutbox02 .item:hover { -webkit-transform: scale(1.1); transform: scale(1.1); color: #fff; background: #e98300; }
.aboutbox02 .item:nth-child(4n) { margin-right: 0; }
.aboutbox02 .item .hd { font-size: 18px; text-align: center; font-weight: bold; color: #fff; background: #09192e; padding: 10px 20px; }
.aboutbox02 .item .bd { font-size: 16px; line-height: 26px; min-height: 54px; padding: 20px; }



.homebox05 { background: #f5f5f5; padding: 50px 0; }
.homebox05 .hd { text-align: center; }
.homebox05 .hd .tit { font-size: 24px; font-weight: bold; color: #333; margin-bottom: 10px; }
.homebox05 .hd .txt { font-size: 14px; color: #666; line-height: 1.6; }
.homebox05 .hd .sub { margin: 30px auto 40px; }
.homebox05 .hd .sub .alink { display: inline-block; line-height: 30px; padding: 0 15px; background: #fff; color: #666; border-bottom: 1px solid #b4b3b3; border-right: 1px solid #cfcece; font-size: 14px; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; }
.homebox05 .hd .sub .alink:hover { background: #999; color: #fff; opacity: .8; }
.homebox05 .item { width: 32%; float: left; margin-right: 2%; box-sizing: border-box; margin-bottom: 20px; background: #fff; padding: 40px 50px; border-right: 1px solid #d7d6d6; border-bottom: 1px solid #c0bebf; }
.homebox05 .item:nth-child(3n) { margin-right: 0; }
.homebox05 .item .ico { background: url(../img/hb05icon01.png) no-repeat center; width: 33px; height: 33px; float: right; }

.homebox05 .item.item01 { background: #e8f1f7; }
.homebox05 .item.item01 .ico { background-image: url(../img/hb05icon01.png); }
.homebox05 .item.item02 { background: #fff; }
.homebox05 .item.item02 .ico { background-image: url(../img/hb05icon02.png); }
.homebox05 .item.item03 { background: #fcf0e0; }
.homebox05 .item.item03 .ico { background-image: url(../img/hb05icon03.png); }

.homebox05 .item .cla { font-size: 13px; color: #666; line-height: 22px; height: 22px; margin-bottom: 5px; overflow: hidden; }
.homebox05 .item .cla a { color: #666; }
.homebox05 .item .cla a:hover { opacity: .8; }
.homebox05 .item .nam { font-size: 18px; font-weight: bold; color: #e98300; line-height: 22px; height: 22px; overflow: hidden; margin-bottom: 20px; }
.homebox05 .item .nam a { color: #e98300; text-decoration: none; }
.homebox05 .item .nam a:hover { opacity: .8; }
.homebox05 .item .txt { font-size: 13px; color: #666; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 2; line-height: 22px; }


.footer { background: #09192e; padding: 40px 0; }
.footer .footwrap { margin: 30px 0 50px; color: #ccc; font-size: 14px; line-height: 22px; }
.footer .footwrap dl { float: left; margin-right: 3%; }
.footer .footwrap dl.qrcode { float: right; margin-right: 0; }
.footer .footwrap dl dt { color: #fff; font-size: 16px; font-weight: bold; margin-bottom: 10px; }
.footer .footwrap dl.qrcode dd img { display: block; width: 108px; }
.footer .footwrap dl.qrcode dd { font-size: 12px; }
.footer .footbar { border-top: 1px solid #303b46; padding-top: 30px; }
.footer .footbar .copyright { color: #999; font-size: 14px; line-height: 22px; }
.footer .footbar .copyright a { color: #999; }
.footer .footbar .copyright a.sp { color: #fff; }


.inbanner { height: 160px; padding-top: 90px; background: url(../img/inbanner01.jpg) no-repeat center; position: relative; }
.inbanner:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.1); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); }
.inbanner .coverbox { width: 600px; height: 160px; box-sizing: border-box; padding: 40px 0; text-align: center; font-weight: bold; margin: 0 auto; position: relative; z-index: 2; }
.inbanner .coverbox:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../img/coverbg.jpg) no-repeat center top; background-size: 100% auto; opacity: 1; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); }
.inbanner .coverbox .en { font-size: 20px; color: #000; position: relative; font-family: arial black; }
.inbanner .coverbox .cn { font-size: 40px; color: #fff; position: relative; }

.innavbar { background: #e98300; color: #fff; line-height: 40px; padding: 20px 0; }
.innavbar .ibul { display: table; width: 100%; overflow: hidden; }
.innavbar .ibul .ibli { display: table-cell; position: relative; text-align: center; vertical-align: middle; height: 100%; }
.innavbar .ibul .ibli .iba { font-weight: bold; color: #fff; font-size: 17px; text-decoration: none; line-height: 40px; display: block; opacity: .6; -webkit-transition: all .2s; transition: all .2s; }
.innavbar .ibul .ibli .iba:hover { opacity: 1; }
.innavbar .ibul .ibli.on .iba { opacity: 1; }
.innavbar .ibul .ibli .iba span { display: inline-block; border-bottom: 2px solid transparent; }
.innavbar .ibul .ibli.on .iba span { border-bottom-color: #fff; }


.nowrap { padding: 90px 0; text-align: center; font-size: 16px; color: #999; }
.nowrap:before { content: ''; width: 325px; height: 175px; display: block; background: url(../img/nodata.png) no-repeat center; margin: 0 auto 20px; }

.inprowrap { padding-bottom: 50px; background: #f5f5f5; overflow: hidden; }

.probigwrap { background: #fff; box-shadow: 1px 1px 5px rgba(0,0,0,.1); box-sizing: border-box; padding: 30px; margin-top: 50px; }
.probigwrap .cla { text-align: center; margin-bottom: 10px; }
.probigwrap .cla span { display: inline-block; line-height: 30px; padding: 0 20px; font-size: 14px; color: #fff; background: #111; }
.probigwrap .nam { font-size: 26px; font-weight: bold; color: #111; text-align: center; }
.probigwrap .con { font-size: 16px; line-height: 26px; color: #333; margin-top: 20px; padding-top: 20px; border-top: 1px solid #eee; }
.probigwrap .con p { margin-bottom: 20px; }
.probigwrap .con img { max-width: 100%; }
.probigwrap .tel { background: #e98300; color: #fff; text-align: center; width: 50%; margin: 0 auto; line-height: 20px; padding: 10px 0; font-size: 14px; border-radius: 20px; }
.probigwrap .tel:before { content: ''; background: url(../img/topbaricon01.png) no-repeat left center; background-size: auto 14px; display: inline-block; width: 16px; height: 16px; vertical-align: middle; }
.probigwrap .tel strong { font-size: 18px; margin: 0 10px 0 0; }
.probigwrap .tel a { margin-left: 10px; padding-left: 20px; background: url(../img/topbaricon02.png) no-repeat left center; background-size: auto 14px; color: #fff; text-decoration: none; }
.probigwrap .tel a:hover { opacity: .8; }


.prodetail { background: #fff; box-shadow: 1px 1px 5px rgba(0,0,0,.1); box-sizing: border-box; padding: 30px; margin-top: 20px; }
.prodetail .pdcon { font-size: 16px; line-height: 26px; color: #333; }
.prodetail .pdcon p { margin-bottom: 20px; }
.prodetail .pdcon img { display: inline-block; max-width: 100%; }
.prodetail .pdcon h3 { font-size: 20px; font-weight: bold; margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 20px; padding-top: 20px; }

.swiper-container { width: 100%; }
.swiper-slide { }
.gallery-top { margin-top: 20px; }
.gallery-top .swiper-slide { background: #fff; }
.gallery-thumbs { background: #111; position: relative; }
.gallery-thumbs:after { content: ''; display: block; width: 60px; height: 40px; background-image: linear-gradient(to right, rgba(17,17,17,0) , rgba(17,17,17,1)); position: absolute; right: 0; top: 0; z-index: 2; pointer-events: none; }
.gallery-thumbs .swiper-slide { line-height: 30px; padding: 5px 0; cursor: pointer; text-align: center; color: #fff; font-size: 14px; opacity: .6; -webkit-transition: all .2s; transition: all .2s; }
.gallery-thumbs .swiper-slide:hover { opacity: 1; }
.gallery-thumbs .swiper-slide-thumb-active { background: #e98300; opacity: 1; }

.morelink { background: #fff; box-shadow: 1px 1px 5px rgba(0,0,0,.1); box-sizing: border-box; padding: 30px; margin-top: 20px; font-size: 16px; }
.morelink a {  }
.morelink .prev { line-height: 36px; }
.morelink .next { line-height: 36px; }

.newslist { margin-top: 50px; }
.newslist .item { width: 49%; float: left; margin-right: 2%; margin-bottom: 20px; box-sizing: border-box; border: 1px solid #dedede; -webkit-transition: all .4s; transition: all .4s; background: #fff; padding: 30px; }
.newslist .item .img { margin-bottom: 20px; }
.newslist .item .img img { display: block; width: 100%; }
.newslist .item:nth-child(2n) { margin-right: 0; }
.newslist .item:hover { -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
.newslist .item .time { font-size: 12px; line-height: 20px; margin-bottom: 10px; color: #999; }
.newslist .item .time .split { margin: 0 10px; color: #ccc; }
.newslist .item .name { font-size: 18px; line-height: 28px; margin-bottom: 25px; height: 28px; overflow: hidden; }
.newslist .item .name a { color: #111; font-size: 20px; font-weight: bold; }
.newslist .item .name a:hover { color: #e98300; }
.newslist .item .text { color: #777; font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; margin-bottom: 16px; }
.newslist .item .link { overflow: hidden; margin-bottom: -12px; }
.newslist .item .link a { width: 24px; height: 24px; display: block; background: url(../img/hb01img01s.png) no-repeat center; float: left; }
.newslist .item .link a.l02 { float: right; background-image: url(../img/hb01img02s.png); }


.newstitle { font-size: 26px; text-align: center; line-height: 30px; font-family: microsoft yahei; font-weight: bold; margin-bottom: 5px; }
.newsinfo { font-size: 12px; text-align: center; line-height: 30px; color: #999; font-family: microsoft yahei; }
.newsinfo .author, .newsinfo .time { margin: 0 5px; }
.newsmaincon { margin: 20px 0; min-height: 100px; font-family: microsoft yahei; }
.newsmaincon img { max-width: 100%; }
.newsmaincon h3 { font-size: 18px; font-weight: normal; background: linear-gradient(to right, #e98300, #e98300); color: #fff; line-height: 30px; padding: 5px 20px; border-radius: 5px; margin-bottom: 20px; margin-top: 40px; }
.newsmaincon p { font-size: 16px; line-height: 30px; margin-bottom: 20px; color: #333; }
.newsmaincon .dou { margin-bottom: 20px; }
.newsmaincon .dou02 { overflow: hidden; }
.newsmaincon .dou02 li { width: 50%; float: left; }
.newsmaincon .dou li:before { content: '·'; color: #ef3320; font-weight: bold; margin-right: 10px; }

.newsbackline { height: 30px; line-height: 30px; border-top: 1px solid #dedede; padding-top: 10px; margin: 30px 0 0; }
.newsbackline ul { width: 100%; }
.newsbackline ul li { width: 33.333333%; float: left; text-align: center; display: block; height: 33px; }
.newsbackline ul li a { display: inline-block; width: 120px; border-width: 1px; border-style: solid; border-color: #dedede; text-decoration: none; color: #666; font-size: 12px; }
.newsbackline ul li a:hover { border-color: #e98300; color: #e98300; }
.newsbackline ul li.prev { text-align: left; }
.newsbackline ul li.prev a { text-align: center; }
.newsbackline ul li.next { text-align: right; }
.newsbackline ul li.next a { text-align: center; }


.shuaitable { width: 100%; margin-bottom: 20px; color: #333; }
.shuaitable th { font-size: 16px; line-height: 30px; padding: 5px 10px; background: #f5f5f5 }
.shuaitable td { font-size: 16px; line-height: 30px; padding: 5px 10px; }
.shuaitable.shuaitablecen td { text-align: center; }
.shuaitable tr:nth-child(2n) td { background: #f1f1f1; }

.newswrap { background: #fff; box-shadow: 1px 1px 5px rgba(0,0,0,.1); box-sizing: border-box; padding: 30px; margin-top: 50px; font-size: 16px; }


.applist { margin-top: 50px; }
.applist .item { width:23.5%; float: left; margin-right: 2%; -webkit-transition: all .2s; margin-bottom: 20px; }
.applist .item:hover { opacity: .8; -webkit-transform: translateY(-5px); transform: translateY(-5px); box-shadow: 0 0 20px rgba(0,0,0,.1); }
.applist .item:nth-child(4n) { margin-right: 0; }
.applist .item a { display: block; overflow: hidden; text-decoration: none; }
.applist .item .img {  }
.applist .item .img img { display: block; width: 100%; }
.applist .item .inf { background: #fff; padding: 20px 40px; }
.applist .item .inf .nam { font-size: 18px; margin-top: 20px; color: #333; font-weight: bold; text-align: center; }
.applist .item .inf .txt { font-size: 14px; color: #777; line-height: 20px; height: 56px; overflow: hidden; margin: 20px auto 0; text-align: center; }

.contactbox { margin-top: 50px; }
.contactbox .box { background: #fff; box-sizing: border-box; border: 1px solid #dedede; padding: 30px; }
.contactbox .img {  }
.contactbox .img img { display: block; margin: 0 auto; height: 60px; }
.contactbox .nam { text-align: center; font-size: 20px; font-weight: bold; color: #333; margin: 10px auto 20px; }
.contactbox .txt { text-align: center; font-size: 16px; color: #333; line-height: 30px; }
.contactbox .list { margin-top: 20px; }
.contactbox .list .item { width: 32%; float: left; margin-right: 2%; background: #fff; box-sizing: border-box; border: 1px solid #dedede; padding: 20px; font-size: 16px; color: #333; line-height: 30px; }
.contactbox .list .item .hd { font-size: 18px; font-weight: bold; color: #111; margin-bottom: 20px; }
.contactbox .list .item .bd { min-height: 260px; }
.contactbox .list .item:last-child { margin-right: 0; }

.messagebox { background: #fff; box-sizing: border-box; border: 1px solid #dedede; padding: 30px; margin-top: 50px; }
.messagecon { font-family: microsoft yahei; color: #333; }
.messagecon p { margin-bottom: 20px; }
.messagetit { font-weight: bold; line-height: 30px; height: 30px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px; font-family: microsoft yahei; color: #666; resize: none; width: 96%; height: 90px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; box-sizing: content-box; }
.messagetarea:focus { color: #333; outline: none; background: #fff; }
.messageinput { width: 27%; padding: 10px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0; font-family: microsoft yahei; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; box-sizing: content-box; }
.messageinput:focus { color: #333; outline: none; background: #fff; }
.messageinput::placeholder { color: #999; font-size: 16px; }
.messagebtn { width: 30%; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #b8c5ce; color: #2d3e50; border-radius: 4px; font-family: microsoft yahei; cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 50%; color: #fff; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }
.yanzhengma { display: inline; }

.messagebtn.btnon { background: #e98300; }

.menu { display: none; }

body.fxd { overflow: hidden; }

.aboutbox03 { padding: 90px 0 200px; background: url(../img/aboutimg002.jpg) no-repeat center top; background-size: cover; }
.aboutbox03 .hd { text-align: center; font-size: 24px; font-weight: bold; color: #111; margin-bottom: 20px; }
.aboutbox03 .bd { font-size: 16px; color: #333; line-height: 26px; }

.aboutbox05 { padding: 70px 0; background: url(../img/aboutimg003.jpg) no-repeat center top; }
.aboutbox05 .hd { text-align: center; font-size: 24px; font-weight: bold; color: #111; margin-bottom: 20px; }
.aboutbox05 .bd { font-size: 16px; color: #333; line-height: 26px; }
.aboutbox05 .sptel { text-align: center; margin: 20px 0; }
.aboutbox05 .sptel .tel { line-height: 20px; padding: 10px 30px; display: inline-block; background: #e98300; color: #fff; border-radius: 30px; font-size: 14px; }
.aboutbox05 .sptel .tel:before { content: ''; display: inline-block; width: 16px; height: 16px; background: url(../img/topbaricon01.png) no-repeat center; background-size: auto 14px; vertical-align: middle; }
.aboutbox05 .sptel .tel strong { margin: 0 4px; }
.aboutbox05 .sptel .tel a { margin-left: 10px; padding-left: 20px; background: url(../img/topbaricon02.png) no-repeat left center; background-size: auto 14px; color: #fff; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; }
.aboutbox05 .sptel .tel a:hover { opacity: .8; }
.aboutbox05 .img { margin-top: 30px; }
.aboutbox05 .img img { max-width: 100%; }

.footqrcode { max-height: 90px; margin-bottom: 10px; }

.downloadlist { padding: 30px 0; }
.downloadlist .item { width: 32%; float: left; margin-right: 2%; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,.1); border-radius: 10px; overflow: hidden; box-sizing: border-box; padding: 20px; margin-bottom: 20px; }
.downloadlist .item:nth-child(3n) { margin-right: 0; }
.downloadlist .item .inf { padding-left: 50px; background: url(../img/pdf.png) no-repeat 0 0; background-size: 36px auto; }
.downloadlist .item .inf .nam { font-size: 16px; color: #333; line-height: 30px; height: 60px; overflow: hidden; }
.downloadlist .item .inf .dow { margin-top: 10px; }
.downloadlist .item .inf .dow .btn { display: inline-block; line-height: 36px; color: #fff; background: #e98300; border-radius: 4px; padding: 0 20px; text-decoration: none; font-size: 14px; }
.downloadlist .item .inf .dow .btn:hover { opacity: .8; }


@media (max-width: 1180px){
  .wrapper { width: 100%; padding: 0 20px; box-sizing: border-box; }
}


@media (max-width: 800px){

  .downloadlist .item { width: 100%; margin-right: 0; }

  .bannerslide .swiper-slide { height: 180px; }

  .shuaitable th { font-size: 10px; line-height: 18px }
  .shuaitable td { font-size: 10px; line-height: 18px; }

  .topbar .tip { display: none; }
  .bigwrap { padding: 0 20px; }
  .bigwrap .fr { float: left; }
  .header .seabox { display: none; }

  .menu { display: block; float: right; width: 38px; height: 38px; background: url(../img/menu.jpg) no-repeat center; margin-top: 20px; text-indent: -9999px; cursor: pointer; }
  .menu.on { background-image: url(../img/menus.jpg); }



  .header .navbar { position: fixed; opacity: 0; z-index: 99; top: 117px; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.9); padding: 20px 20px; visibility: hidden; }
  .header .navbar.navon { opacity: 1; visibility: visible; }
  .header .navbar .nul .nli { display: block; line-height: 30px; padding: 10px 0; border-bottom: 1px dashed rgba(255,255,255,.1); }


  .homebox01 .hd .txt br { display: none; }
  .homebox01 .hd .sub .alink { margin-bottom: 4px; }

  .hprobox { margin-top: 30px; }
  .hprobox .hpbhd .hot { display: none; }
  .hprobox .hpbhd .nam { width: 50%; }
  .hprobox .hpbhd .mor { width: 50%; }

  .hpblist .item { width: 49%; margin-right: 2%; }
  .hpblist .item:nth-child(2n) { margin-right: 0; }
  .hpblist .item .inf { padding: 10px; }
  .hpblist .item .inf .det .lit { display: none; }
  .hpblist .item .inf .det .btn { float: none; text-align: center; }

  .homebox02 .sub .shd { float: none; width: 100%; padding: 10px 0; height: auto; }
  .homebox02 .sub .sbd { float: none; width: 100%; padding: 15px; height: auto; }
  .homebox02 .sub .sbd a { margin: 0 10px 5px 0; }
  .homebox02 .list { margin: 20px auto; width: 90%; }
  .homebox02 .list .item { width: 49%; margin-right: 2%; margin-bottom: 10px; }
  .homebox02 .list .item:nth-child(2n) { margin-right: 0; }
  .homebox02 .list .item .inf { padding: 10px; }
  .homebox02 .list .item .inf .nam { margin-top: 0; }
  .homebox02 .list .item .inf .txt { margin-top: 10px }

  .homebox03 { background-size: cover; padding: 30px 0; }
  .homebox03 .hd .txt br { display: none; }
  .homebox03 .list .item { width: 100%; margin-right: 0; margin-bottom: 10px; padding: 20px; }
  .homebox03 .list .item .ico { margin-top: 10px; }

  .homebox04 .hd .txt br { display: none; }
  .homebox04 .list .item { width: 100%; margin-right: 0; margin-bottom: 10px; }
  .homebox04 .list .item .inf { padding: 20px; }

  .homebox05 .hd .sub .alink { margin-bottom: 4px; }

  .homebox05 .item { width: 100%; float: none; margin-rgiht: 0; margin-bottom: 10px; }

  .footer { padding: 40px 0 20px; }
  .footer .footwrap { margin: 0; }
  .footer .footwrap dl { margin-right: 0; width: 100%; margin-bottom: 20px; }
  .footer .footwrap dl.qrcode { float: none; }

  .header .navbar .nul .nli:hover .sub { display: none; }
  .inbanner { height: 90px; padding-top: 20px; }
  .inbanner .coverbox { width: 80%; height: 90px; padding: 20px 0; }
  .inbanner .coverbox .en { font-size: 14px; }
  .inbanner .coverbox .cn { font-size: 22px; }

  .innavbar { padding: 10px 0; }
  .innavbar.innavbar02 { display: block; }
  .innavbar.innavbar02 .ibul .ibli { width: 33.33333%; float: left; margin-bottom: 5px; }
  .innavbar .ibul .ibli .iba { line-height: 30px; font-size: 14px; }

  .probigwrap { margin-top: 20px; padding: 20px; }
  .probigwrap .con { overflow-x: auto; }
  .probigwrap .tel { width: 100%; }
  .prodetail { padding: 20px; }
  .prodetail .pdcon { overflow-x: auto; }

  .newslist { margin-top: 20px; }
  .newslist .item { margin-right: 0; width: 100%; padding: 20px; }
  .newswrap { margin-top: 20px; padding: 20px; }
  .newsbackline ul li a { width: 100%; }

  .applist .item { width: 49%; margin-right: 2%; margin-bottom: 10px; }
  .applist .item:nth-child(2n) { margin-right: 0; }
  .applist .item .inf { padding: 20px; }
  .applist .item .inf .nam { margin-top: 0; }
  .applist .item .inf .txt { margin-top: 10px; }
  .applist { margin-top: 20px; }

  .contactbox { margin-top: 20px; }
  .contactbox .box { padding: 20px; text-align: left; }
  .contactbox .txt { text-align: left; }
  .contactbox .list .item { width: 100%; margin-right: 0; margin-bottom: 10px; }
  .contactbox .list .item .bd { min-height: auto; }

  .messagebox { margin-top: 20px; padding: 20px; }
  .messagetarea { box-sizing: border-box; width: 100%; }
  .messageinput { width: 100%; margin-right: 0; margin-bottom: 10px; box-sizing: border-box; height: 46px; }
  .messagebtn { width: 100%; }
  .messagebtn.btnon { width: 100%; margin-bottom: 10px; margin-top: 10px; }
  .messagetit { font-size: 14px; }
  .messagetit { height: auto; line-height: 24px; }

  .aboutbox01 { padding: 30px 0; }
  .aboutbox01 .img { float: none; width: 100%; margin-bottom: 20px; }
  .aboutbox01 .inf { margin-left: 0; }
  .aboutbox01 .inf .tip { text-align: center; }
  .aboutbox01 .inf .nam { text-align: center; }
  .aboutbox01 .inf .txt br { display: none; }
  .aboutbox02 .item { width: 100%; margin-right: 0; float: none; }
  .aboutbox02 .item .bd { min-height: auto; }
}