@charset "utf-8";
/* by Sean Lu 20200713 */
/* 移动端全局控制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: #009a8b; }

/* 清理浮动 */
.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: #009a8b; color: #fff; }
::-moz-selection { background: #009a8b; color: #fff; }

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

.topbarlink a { font-size: 12px; color: #fff; margin: 0 4px; }

a.homelink { display: inline-block; width: 90px; height: 30px; line-height: 30px; font-size: 14px; color: #009a8b; border-bottom: #149571 1px solid; font-weight: 900; text-decoration:none; -webkit-transition: all .2s; transition: all .2s; }
a.homelink:hover { opacity: .8; }


.homepronav { }
.homepronav a { display: inline-block; text-align: center; padding: 0 20px; line-height: 40px; height: 40px; box-sizing: border-box; font-size: 14px; color: #fff; border: 1px solid #ccc; text-decoration: none; border-radius: 20px; -webkit-transition: all .2s; transition: all .2s; }
.homepronav2 a { color: #333; background: #fff; }
.homepronav a.on { color: #fff; border-color: #ff9920; background-color: #ff9920; }
.homepronav a:hover { opacity: .6; }


.homeprobox { padding-top: 30px; }
.homeprobox .item { width: 32%; float: left; margin-right: 2%; margin-bottom: 20px; -webkit-transition: all .2s; transition: all .2s; }
.homeprobox .item:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
.homeprobox .item:nth-child(3n) { margin-right: 0; }
.homeprobox .item .img { width: 100%; display: block; overflow: hidden; }
.homeprobox .item .img a { width: 100%; display: flex; justify-content: center;}
.homeprobox .item .img a:hover { opacity: .8; }
.homeprobox .item .img img { /*width: 100%;*/ display: block; height:350px;}
.homeprobox .item .inf { background: #fff; padding: 10px 30px; }
.homeprobox .item .inf .cla { overflow: hidden; height: 22px; margin-bottom: 10px; line-height: 20px; float:left; }
.homeprobox .item .inf .cla a { display: inline-block; margin-right: 4px; color: #dd8700; font-weight: bold; line-height: 20px; height: 22px; box-sizing: border-box; border: 1px solid #ccc; padding: 0 10px; border-radius: 10px; font-size: 12px; text-decoration: none; }
.homeprobox .item .inf .cla a:hover { opacity: .6; }
.homeprobox .item .inf .cla a.pis { color: #fff; background-color: #009a8b; border-color: #009a8b; }
.homeprobox .item .inf .cla a.new { color: #fff; background-color: #ff9920; border-color: #ff9920; }
.homeprobox .item .inf .nam { font-weight: bold; margin-bottom: 10px; line-height: 24px; height: 24px; }
.homeprobox .item .inf .nam a { font-size: 16px; color: #0a2d2a; text-decoration: none; }
.homeprobox .item .inf .nam a:hover { opacity: .6; }
.homeprobox .item .inf .mor { font-size: 14px; }
.homeprobox .item .inf .mor a { color: #149571; text-decoration: none; }
.homeprobox .item .inf .mor a:hover { opacity: .6; }
.homeprobox .item .inf .mor a:after { content: ''; display: inline-block; width: 17px; height: 16px; background: url(../images/dw.png) no-repeat center; margin-left: 5px; vertical-align: middle; }


.homehonorbox { background: #fff; }
.homehonorbox2 { background: transparent; }
.homehonorbox .item { width: 23.5%; float: left; margin-right: 2%; -webkit-transition: all .2s; transition: all .2s; margin-bottom: 20px; }
.homehonorbox2 .item { width: 30%; margin-right: 5%; }
.homehonorbox .item:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: .8; }
.homehonorbox .item:nth-child(4n) { margin-right: 0; }
.homehonorbox2 .item:nth-child(4n) { margin-right: 5%; }
.homehonorbox2 .item:nth-child(3n) { margin-right: 0; }
.homehonorbox .item a { background: url(../images/huakuang.jpg) no-repeat center top; background-size: 100% auto; display: block; color: #fff; text-align: center; padding: 7%; text-decoration: none; }
.homehonorbox .item .img { }
.homehonorbox .item .img img { display: block; width: 100%; }
.homehonorbox .item .nam { line-height: 30px; font-weight: bold; font-size: 14px; overflow: hidden; margin-top: 9px; }
.homehonorbox2 .item .nam { line-height: 40px; }

a.homeconlink { margin-top: 60px; font-size: 14px; height: 40px; line-height: 40px; background: #fcbd00; color: #000; width: 110px; text-align: center; display: inline-block; float: right; font-weight: bold; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; }
a.homeconlink:hover { opacity: .8; }


.inwrap { background: #edfbfa; }

.inbanner { height: 300px; background-repeat: no-repeat; background-position: center; }
.insub { background-color: #009a8b; padding: 10px 0 0; overflow: hidden; }
.insub .innav { line-height: 50px; text-align: center; height: 50px; }
.insub .innav .ia { display: inline-block; padding: 0 30px; margin: 0; box-sizing: border-box; line-height: 50px; color: #fff; text-decoration: none; font-size: 16px; border-radius: 10px 10px 0 0; -webkit-transition: all .2s; transition: all .2s; }
.insub .innav .ia:hover { background: rgba(255,255,255,.2); }
.insub .innav .ia.on { color: #009a8b; background: #edfbfa; }

.inaboutbox01 { padding: 60px 0 120px; background: url(../img/aboutbox01bg.png) no-repeat center bottom; }
.inaboutbox01 .tit { text-align: center; margin-bottom: 40px; }
.inaboutbox01 .tit .sub { font-size: 16px; font-weight: bold; color: #009a8b; margin-bottom: 20px; }
.inaboutbox01 .tit .big {  }
.inaboutbox01 .tit .big img { display: block; margin: 0 auto; height: 80px; }
.inaboutbox01 .tit .tip { margin-top: 20px; font-size: 16px; font-weight: bold; color: #333; }
.inaboutbox01 .content { font-size: 16px; line-height: 30px; text-align: center; color: #666; }
.inaboutbox01 .content strong { font-size: 18px; color: #333; margin: 0 4px; }

.inculturebox01 { padding: 60px 0 120px; background: url(../img/culturebg.png) no-repeat center top; }
.inculturebox01 .tit { text-align: center; margin-bottom: 40px; }
.inculturebox01 .tit .sub { font-size: 16px; font-weight: bold; color: #009a8b; margin-bottom: 20px; }
.inculturebox01 .tit .big {  }
.inculturebox01 .tit .big img { display: block; margin: 0 auto; height: 80px; }
.inculturebox01 .tit .tip { margin-top: 20px; font-size: 16px; font-weight: bold; color: #333; }
.inculturebox01 .list { }
.inculturebox01 .list .item { border: 1px dashed #009a8b; background: #fff; box-sizing: border-box; width: 49%; float: left; margin-right: 2%; margin-bottom: 20px; padding: 30px 20px; -webkit-transition: all .2s; transition: all .2s; }
.inculturebox01 .list .item:hover { opacity: .9; -webkit-transform: scale(1.02); transform: scale(1.02); }
.inculturebox01 .list .item:nth-child(2n) { margin-right: 0; }
.inculturebox01 .list .item .img { float: left; width: 30px; padding: 12px 20px; }
.inculturebox01 .list .item .img img { display: block; width: 100%; }
.inculturebox01 .list .item .inf { margin-left: 90px; }
.inculturebox01 .list .item .inf .nam { font-size: 20px; color: #333; margin-bottom: 10px; font-weight: bold; color: #009a8b; }
.inculturebox01 .list .item .inf .txt { font-size: 16px; color: #666; }


.inbrandbox01 { padding: 60px 0 120px; background: url(../img/brandbg.jpg) no-repeat center top; }
.inbrandbox01 .tit { text-align: center; margin-bottom: 40px; }
.inbrandbox01 .tit .sub { font-size: 16px; font-weight: bold; color: #009a8b; margin-bottom: 20px; }
.inbrandbox01 .tit .big {  }
.inbrandbox01 .tit .big img { display: block; margin: 0 auto; height: 80px; }
.inbrandbox01 .tit .tip { margin-top: 20px; font-size: 16px; font-weight: bold; color: #333; line-height: 26px; }
.inbrandbox01 .content { text-align: center; }
.inbrandbox01 .content p { font-weight: bold; color: #009a8b; font-size: 20px; }
.inbrandbox01 .content span { margin: 0 16px; }
.inbrandbox01 .conbox { margin-top: 50px; background: #fff; border: 1px dashed #009a8b; padding: 30px; }
.inbrandbox01 .conbox .nam { font-size: 20px; color: #009a8b; margin-bottom: 20px; font-weight: bold; }
.inbrandbox01 .conbox .txt { font-size: 14px; color: #666; line-height: 20px; }
.inbrandbox01 .conbox .txt p { margin-bottom: 10px; }



.inshowbox01 { padding: 60px 0 120px; background: url(../img/showboxbg.png) no-repeat center top; }
.inshowbox01 .tit { text-align: center; margin-bottom: 40px; }
.inshowbox01 .tit .sub { font-size: 16px; font-weight: bold; color: #009a8b; margin-bottom: 20px; }
.inshowbox01 .tit .big {  }
.inshowbox01 .tit .big img { display: block; margin: 0 auto; height: 80px; }
.inshowbox01 .tit .tip { margin-top: 20px; font-size: 16px; font-weight: bold; color: #333; line-height: 26px; }
.inshowbox01 .conimg {  }
.inshowbox01 .conimg img { display: block; width: 100%; margin-bottom: 13px; }


.inhonorbox01 { padding: 60px 0 120px; background: url(../img/brandbg.jpg) no-repeat center top; }
.inhonorbox01 .tit { text-align: center; margin-bottom: 40px; }
.inhonorbox01 .tit .sub { font-size: 16px; font-weight: bold; color: #009a8b; margin-bottom: 20px; }
.inhonorbox01 .tit .big {  }
.inhonorbox01 .tit .big img { display: block; margin: 0 auto; height: 80px; }
.inhonorbox01 .tit .tip { margin-top: 20px; font-size: 16px; font-weight: bold; color: #333; line-height: 26px; }
.inhonorbox01 .content { text-align: center; margin-bottom: 40px; }
.inhonorbox01 .content p { font-weight: bold; color: #009a8b; font-size: 16px; }
.inhonorbox01 .content .split { font-size: 14px; margin: 0 6px; }


.incontactbox01 { padding: 60px 0 120px; background: url(../img/culturebg.png) no-repeat center top; }
.incontactbox01 .tit { text-align: center; margin-bottom: 40px; }
.incontactbox01 .tit .sub { font-size: 16px; font-weight: bold; color: #009a8b; margin-bottom: 20px; }
.incontactbox01 .tit .big {  }
.incontactbox01 .tit .big img { display: block; margin: 0 auto; height: 80px; }
.incontactbox01 .tit .tip { margin-top: 20px; font-size: 16px; font-weight: bold; color: #333; }
.incontactbox01 .content { text-align: center; font-size: 16px; line-height: 30px; font-weight: bold; color: #333; }
.incontactbox01 .content img { display: block; width:100%; }


.messagecon { margin-bottom: 20px; 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: #009a8b; }


.joincombox { }
.joincombox .tit { text-align: center; margin-bottom: 40px; }
.joincombox .tit .sub { font-size: 16px; font-weight: bold; color: #009a8b; margin-bottom: 20px; }
.joincombox .tit .big {  }
.joincombox .tit .big img { display: block; margin: 0 auto; height: 80px; }
.joincombox .tit .tip { margin-top: 20px; font-size: 16px; font-weight: bold; color: #333; }

.joinbox01 { background: #fff; border: 1px dashed #009a8b; padding: 20px; }
.joinbox01 p { font-size: 14px; line-height: 24px; color: #333; }


.gushilist { }
.gushilist .item { margin-bottom: 20px; overflow: hidden; padding: 20px; background: #fff; border: 1px dashed #009a8b; }
.gushilist .item .img { float: left; margin-right: 20px; }
.gushilist .item .img img { display: block; height: 150px; }
.gushilist .item .inf {  }
.gushilist .item .inf .tip { font-size: 14px; color: #009a8b; font-weight: bold; margin-bottom: 5px; }
.gushilist .item .inf .nam { font-size: 20px; color: #009a8b; margin-bottom: 20px; font-weight: bold; }
.gushilist .item .inf .txt { font-size: 14px; color: #666; line-height: 20px; }



.newslist { }
.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: #009a8b; }
.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; font-family: microsoft yahei; }
.newsmaincon img { max-width: 100%; }
.newsmaincon h3 { font-size: 18px; font-weight: normal; background: linear-gradient(to right, #009a8b, #009a8b); 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 50px; }
.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: #009a8b; color: #009a8b; }
.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; }


.storelist { overflow: hidden; }
.storelist .item { width: 49%; float: left; margin-right: 2%; box-sizing: border-box; padding: 20px; border-radius: 10px; background: #fff; margin-bottom: 20px; box-shadow: 0 0 20px rgba(0,0,0,.1); }
.storelist .item:nth-child(2n) { margin-right: 0; }
.storelist .item .img { margin-bottom: 20px; border-radius: 10px; overflow: hidden; }
.storelist .item .img a { display: block; width: 100%; }
.storelist .item .img img { display: block; width: 100%; }
.storelist .item .nam {  }
.storelist .item .nam a { display: block; line-height: 26px; font-size: 18px; font-weight: bold; color: #333; }
.storelist .item .nam .time { display: block; float: left; margin-right: 10px; line-height: 26px; padding: 0 10px; font-size: 14px; color: #fff; background: #009486; font-weight: bold; }
.storelist .item .btn { margin-top: 10px; text-align: right; }
.storelist .item .btn a { font-size: 12px; color: #009486; }

.kaiyeshijian { text-align: center; margin-bottom: 10px; }
.kaiyeshijian span { display: inline-block; line-height: 26px; padding: 0 10px; font-size: 14px; color: #fff; background: #009486; font-weight: bold; }

.qqfloat { position: fixed; right: 10px; bottom: 200px; width: 180px; background: #fff; border-radius: 10px; box-shadow: 0 5px 9px rgba(4,0,0,.17); border: 1px solid #dedede; z-index: 99; overflow: hidden; }
.qqfloat .tit { height: 50px; line-height: 50px; color: #fff; font-size: 14px; padding: 0 20px; background: #009486; }
.qqfloat .tit .close { float: right; width: 18px; height: 18px; display: block; background: url(../img/iconclose.png) no-repeat center center; text-indent: -9999px; margin: 16px 0 0; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.qqfloat .tit .close:hover { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.qqfloat .con {  }
.qqfloat .con .qqbox { padding: 20px 10px; text-align: center; border-bottom: 1px solid #dedede; }
.qqfloat .con .qqbox .qqimg { width: 30px; margin: 0 auto; }
.qqfloat .con .qqbox .qqimg img { width: 100%; display: block; }
.qqfloat .con .qqbox .qqtxt { margin-top: 15px; }
.qqfloat .con .qqbox .qqtxt a { margin: 0 5px; color: #009a8b; text-decoration: none; }
.qqfloat .con .qqbox .qqtxt a:hover { opacity: .8; }

.qqshow { width: 40px; background: #009486; text-align: center; position: fixed; right: -50px; bottom: 280px; border-radius: 10px 0 0 10px; line-height: 16px; box-shadow: 0 5px 9px rgba(4,0,0,.17); z-index: 98; }
.qqshow a { display: block; width: 20px; height: 80px; padding: 40px 10px 0; font-size: 14px; color: #fff; background: url(../img/iconqq02.png) no-repeat center 15px; background-size: 16px auto; text-decoration: none; }


.telbox { padding: 20px 10px; text-align: center; }
.telbox .teltxt { font-size: 12px; color: #666; }
.telbox .teltxt img { display: inline-block; width: 20px; margin-right: 5px; vertical-align: middle; }
.telbox .telnum { margin-top: 5px; font-weight: bold; font-size: 18px; font-family: Verdana; color: #009a8b; }


.popup_layer { position: fixed; top: 30%; right: 10px; background: rgba(0,0,0,.8); opacity: 0; visibility: hidden; -webkit-transition: all .2s; transition: all .2s; z-index: 109; }
.popup_layer.show { opacity: 1; visibility: visible; }
.popup_layer .popuo_box { position: absolute; top: 50%; right: 0; width: 420px; height: 310px; margin-top: -155px; border-radius: 10px; overflow: hidden; -webkit-transform: scale(.8); transform: scale(.8); -webkit-transition: all .2s; transition: all .2s; border: 6px solid rgba(0,0,0,.3); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); }
.popup_layer.show .popuo_box { -webkit-transform: scale(1); transform: scale(1); }
.popup_layer .popuo_box .ptit { height: 60px; background: #333; color: #fff; text-align: center; position: relative;}
.popup_layer .popuo_box .ptit .name { font-size: 16px; padding: 0 20px; line-height: 60px; text-align: left; }
.popup_layer .popuo_box .ptit .pop_close { display: block; width: 30px; height: 30px; background: url(../img/close.png) no-repeat center; position: absolute; right: 10px; top: 16px; -webkit-transition: all .2s; transition: all .2s; }
.popup_layer .popuo_box .ptit .pop_close:hover { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.popup_layer .popuo_box .pcon { background: #fff; padding: 25px; font-family: microsoft yahei; }
.popup_layer .popuo_box .pcon p { font-size: 16px; color: #666; line-height: 30px; margin-bottom: 20px; font-family: microsoft yahei; }
.popup_layer .popuo_box .pcon .pbtn { text-align: right; }
.popup_layer .popuo_box .pcon .pbtn a { display: inline-block; margin-left: 5px; line-height: 30px; padding: 0 15px; background: #999; color: #fff; border-radius: 4px; font-size: 14px; }
.popup_layer .popuo_box .pcon .pbtn a:hover { opacity: .8; }
.popup_layer .popuo_box .pcon .pbtn a.comon { background: #f39801; }
.popup_layer .popuo_box .pcon .pbiao { height: 40px; margin-bottom: 10px; }
.popup_layer .popuo_box .pcon .pbiao .pbinput { height: 40px; line-height: 38px; border: 1px solid #dedede; box-sizing: border-box; font-size: 14px; padding: 0 20px; font-family: microsoft yahei; color: #333; border-radius: 4px; width: 100%; }
.popup_layer .popuo_box .pcon .pbiao .pbinput::placeholder { color: #999; font-size: 14px; }
.popup_layer .popuo_box .pcon .pbiao .pbbtn { height: 50px; line-height: 50px; border: 0; box-sizing: border-box; font-size: 14px; padding: 0 20px; font-family: microsoft yahei; color: #fff; background: #009a8b; cursor: pointer; border-radius: 4px; width: 100%; }
.popup_layer .popuo_box .pcon .pbiao .pbbtn:hover { opacity: .8; }


@media (max-width: 1140px){
  .wrapper { width: 100%; padding: 0 20px; box-sizing: border-box; }
  .cen02 ul { width: 100%; }
  .cen02 ul li { margin: 0; width: 9.090909%; }

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


}


@media (max-width: 800px){

  .qqfloat { right: -200px; }
  .qqshow { right: 0; }
  .topbarlink { display: none; }
  .popup_layer { top: auto; bottom: 0; right: 0; left: 0; }
  .popup_layer .popuo_box { top: auto; bottom: 0; right: 0; left: 0; width: 100%; margin-top: 0; box-sizing: border-box; }
  .popup_layer .popuo_box .pcon p { font-size: 12px; margin-bottom: 10px; }
  .popup_layer .popuo_box .pcon {}

  .sss { display: none; }

  .heightauto { height: auto !important; }
  .brnone { display: none !important; }
  .floatnone { float: none !important; }
  .noabsou { position: relative !important; top: 0 !important; }
  .bgwith { background: #fff !important; }
  .margintop { margin-top: 30px !important; }
  .nomargintop { margin-top: 0 !important; }
  .zhong { text-align: center; }
  .bgcover { background-size: cover !important; }
  .wao01 { display: block; height: auto !important; }
  .wxx { display: none !important; }
  .wao01>a>img { display: block; margin: 20px auto 10px; }
  .wao01 .fr { float: none; }
  .wao01 .fr .hotline { margin-right: 0; float: none; text-align: center; display: none; }

  .cen02 { height: auto; background-size: cover; padding: 20px 0 10px; }
  .cen02 .wrapper { padding: 0; }
  .cen02 ul li { width: 20%; margin-bottom: 10px; }
  .cen02 ul li:first-child { display: none; }
  .cen02 ul li a { font-size: 12px !important; }

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

  img { max-width: 100% !important; height: auto !important; }

  .hbwao01 { display: block !important; width: 100% !important; float: none !important; margin-bottom: 20px; overflow: hidden;  }
  .hbwao02 { background-size: 200% auto !important; background-position: center 170px !important; height: auto !important; }
  .hbwao02margintop { margin-top: 200px !important; }
  .hbwao02 .kuai { display: block !important; float: none !important; width: 100% !important; margin-bottom: 40px; }
  .hbwao02 .kuaino { display: none !important; }

  .hbwao03 { height: 200px !important; background-size: cover !important; }

  .hbwao04 { display: block !important; float: none !important; width: 100% !important; margin-bottom: 40px; }
  .hbwao06 { display: block !important; float: none !important; width: 100% !important; margin-bottom: 40px; }

  .hbwao05 { background-position: center 400px !important; height: auto !important; }
  .hbwao07 { background-position: center 0 !important; height: auto !important; }
  .hbwao07xx { background-position: center -790px !important; }
  .hbwao07margintop { margin-top: 400px !important; }

  .hbwao08 { display: block !important; width: 100% !important; margin-bottom: 2px; }
  .hbwao09 { display: block !important; width: 100% !important; margin-bottom: 2px; padding-right: 0 !important; }
  .hbwao10 { display: block !important; width: 100% !important; margin-bottom: 2px; }
  .hbwao10 div { height: auto !important; }
  .hbwao11 { height: auto !important; }
  .hbwao12 { margin-top: 70px !important; font-size: 12px !important; width: 60% !important; }
  .hbwao12img { margin-top: 0 !important; width: 60% !important; }
  .hbwao12xx { width: 100% !important; }
  .hbwao13 { height: 100% !important; }
  .hbwao14 { display: block !important; width: 100% !important; }
  .hbwao15 { display: block !important; width: 100% !important; text-align: center; padding-top: 20px; }
  .hbwao16 { display: block !important; width: 100% !important; text-align: left !important; margin-bottom: 20px; }
  .hbwao17 { display: block !important; width: 100% !important; text-align: left !important; margin-top: 20px; }

  a.homeconlink { margin: 20px auto 0; float: none; }

  .homepronav a { margin-bottom: 5px; }
  .homeprobox .item { width: 49%; }
  .homeprobox .item:nth-child(2n) { margin-right: 0; }
  .homeprobox .item:nth-child(5), .homeprobox .item:nth-child(6), .homeprobox .item:nth-child(7), .homeprobox .item:nth-child(8) { display: none; }
  .homeproboxxxx .item:nth-child(5), .homeproboxxxx .item:nth-child(6), .homeproboxxxx .item:nth-child(7), .homeproboxxxx .item:nth-child(8) { display: block; }
  .homeprobox .item .inf { padding: 20px; }
  .homeprobox .item .inf .nam a { font-size: 18px; }
  .homeprobox .item .inf .mor a { font-size: 12px; }

  .homehonorbox .item { width: 49%; }
  .homehonorbox .item:nth-child(2n) { margin-right: 0; }
  .homehonorbox .item:nth-child(3),.homehonorbox .item:nth-child(4) { display: none; }
  .homehonorbox .item .nam { margin-top: 0; font-size: 12px; }

  .inbanner { height: 120px; background-size: cover; }
  .insub .innav .ia { font-size: 12px; padding: 0 10px; border-radius: 10px; line-height: 30px; }
  .insub .innav { height: auto; line-height: 30px; }
  .insub { padding: 10px; }
  .insub .wrapper { padding: 0; }

  .margintopxx { float: none !important; overflow: hidden; margin-top: 0 !important; }

  .inculturebox01 .list .item { width: 100%; float: none; margin-right: 0; }
  .inculturebox01 { padding-bottom: 30px; }
  .inshowbox01 { padding-bottom: 30px; }
  .homehonorbox2 .item { margin-right: 2%; margin-bottom: 10px; }
  .homehonorbox2 .item .nam { line-height: 30px; height: 30px; overflow: hidden; }
  .inhonorbox01 { padding-bottom: 30px; }
  .homehonorbox2 .item:nth-child(3),.homehonorbox2 .item:nth-child(4) { display: block; }
  .homehonorbox2 .item:nth-child(3) { margin-right: 2%; }

  .shaheight { height: auto !important; background-size: cover !important; }

  .gushilist .item .img { float: none; margin-right: 0; margin-bottom: 20px; }

  .newslist .item { width: 100%; float: none; margin-right: 0; }
  .storelist .item { width: 100%; margin-right: 0; float: none; }

  .newsbackline ul li a { width: 100%; }
  .messageinput { width: 100%; float: none; margin-right: 0; box-sizing: border-box; height: 46px; margin-bottom: 10px; }





}