@charset "utf-8";
/* @charset "utf-8"; */

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; }
body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li, sub, sup, tt, var, del, dfn, ins, kbd, q, s, samp, strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select { margin: 0; padding: 0; }
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block; }
img { border: 0px; }
ul, ol { list-style: none; }
a:hover, a:focus { color: #1c62b0; }
a { text-decoration: none; cursor: pointer; outline: none; }
i, em { font-style: normal; }
button, input, select, textarea { font-size: 100%; outline: none; resize: none; }
input[type='radio'], input[type='button'], input[type='reset'], input[type='submit'], input[type='text'] { /*cursor: pointer;*/ outline: none; }
input[type='checkbox'], input[type='radio'] { position: relative; vertical-align: middle; margin-top: -2px; margin-bottom: 1px; margin-left: 5px; margin-right: 5px; }
input[type="text"] { -webkit-appearance: none; }
textarea { -webkit-appearance: none; }
table { border-collapse: collapse; border-spacing: 0; }
table td, table th { border: 1px solid #e1e1e1; }
.publicDiv table td, .publicDiv table th { border: none; }
hr { border: none; height: 1px; }
body, button, input, select, textarea { font: 12px/1 "Microsoft YaHei"; }
.thide { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }
.rla { position: relative; cursor: default; }
.abs { position: absolute; }
.fix { position: fixed; }
.vcenter { position: absolute; top: 0; bottom: 0; left: 0; right: 0; max-width: 100%; max-height: 100%; display: block; vertical-align: middle; text-align: center; margin: auto; }
.fl { float: left; }
.fr { float: right; }
.tfc { text-transform: capitalize; }
.tc { text-transform: uppercase; }
a, body { color: #727272; }
.w100 { width: 100%; }
.h-welcome { background: #2a2e2d; height: 40px; border-bottom: 1px solid #444847; }
.h-welcome .container .intross { height: 40px; overflow: hidden; max-width: 55%; }
.h-welcome font { line-height: 40px; }
.h-welcome span { color: #727272; line-height: 40px; }
.h-welcome .h-module { line-height: 40px; display: inline-block; }

.h-welcome .h-module .h-link3 img { display: inline-block; margin-top: -3px; margin-right: 10px; }
.h-welcome .h-module .h-link1 img { max-width: 118px; max-height: 118px; top: 29px; z-index: 9; left: 0; display: block; }
/* header */

.h-head { background: #2a2e2d;padding:10px 0 }
.h-head .logo { display: block; padding-top:2px}
.h-head font { display: block; line-height: 35px; margin-left: 50px; /*max-width: 300px; */}
.h-head font .h-font1 { color: #0f9e44; font-weight: 700; font-size: 20px; height: 35px; line-height: 35px; overflow: hidden; }
.h-head font .h-font2 { color: #FFF; font-size: 18px; height: 35px; line-height: 35px; overflow: hidden; }
.h-head span { padding-left: 70px; display: block; /*width: 215px;*//*解决header手机号码显示全*/ background: url(../images/h-tel.png) no-repeat left center; height: 54px; }
.h-head span p { font-size: 16px; padding: 5px 0; color: #666; }
.h-head span .h-tel { font-size: 20px; color: #0f9e44; font-weight: 700; }
.h-head span .h-tel a { color: #0f9e44; }
.h-head .p-menu { display: none; background: url(../images/pmenu.png) no-repeat center center; height: 40px; width: 40px; background-size: 35px; float: right; }
.h-head .mm-menu.mm-offcanvas { z-index: 999 !important; }
/* Banner */

.banner { width: 100%; overflow: hidden; }
.banner .slick-dots button { display: none; }
.banner .slick-dots { bottom: 20px; display: block; height: 10px; z-index: 5; position: absolute; width: 1200px; /*margin-left: -30px;*/ left: 50%; text-align: center; margin: 0 auto; margin-left: -600px; }

@media (max-width:600px) {
.banner .slick-dots { bottom: 5px; }
}
.banner .slick-dots .slick-active { background: #0f9e44 !important; }
.banner .slick-dots li { display: inline-block; background: #FFF; height: 10px; width: 10px; border-radius: 50%; margin: 0 5px; cursor: pointer; }
.banner .slick-dots li:hover { background: #0f9e44; }
.banner img { margin: 0 auto; max-width: 100%; }
/* Nav */

.nav-box { top: 0px; position: absolute; z-index: 6; width: 100%; }
.nav-box li { display: block; float: left; width: 146px; }
.nav-box li > a { display: block; float: left; text-align: center; width: 100%; line-height: 60px; background: #19b760; font-size: 14px; color: #FFF; border-left: 1px solid #1cc367; border-right: 1px solid #0f9e44; height: 60px; overflow: hidden; padding: 0 5px; }
.nav-box li > a:hover { text-decoration: none; background: #0f9e44; }
.nav-box li .active { background: #0f9e44; }
.nav-box li .navdown { top: 60px; width: 146px; display: none; }
.nav-box li .navdown a { display: inline-block; line-height: 30px; background: #19b760; width: 146px; text-align: center; color: #FFF; border-top: 1px solid #0f9e44; }
/* Search */

.tag-serch { background: #858887; height: 60px; width: 100%; margin: 0 auto; font-size: 14px; color: #FFF; font-weight: 700; line-height: 60px; overflow: hidden; }
.tag-serch a { color: #FFF; font-weight: normal; padding-right: 15px; padding-left: 5px; }
.tag-serch span {  overflow: hidden; display: block; float: left; height: 60px; }
.tag-serch .search-box { border: 2px solid #FFF; height: 30px; border-radius: 30px; margin-top: 15px; }
.tag-serch .search-box input { border: 0px; height: 26px; line-height: 26px; padding: 0 10px; background: none;  border-right: 1px solid #FFF; width: 200px; cursor: inherit;color:#666 }
.tag-serch .search-box input:-moz-placeholder {
 color: #666;
}
.tag-serch .search-box input::-moz-placeholder {
 color: #666;
}
.tag-serch .search-box input:-ms-input-placeholder {
 color: #666;
}
.tag-serch .search-box input::-webkit-input-placeholder {
 color: #666;
}
 .tag-serch .search-box input::-webkit-input-placeholder, .tag-serch .search-box input::-moz-placeholder, .tag-serch .search-box input::-ms-input-placeholder {
 color: #666;
}
.tag-serch .search-box button { border: 0; width: 40px; height: 26px; background: url(../images/search-bg.png) no-repeat center center; background-size: 17px; }
/* Products */
/* Service */

.service-box { background: #2B2D2C; padding: 60px 0; }
.service-box .service-con { margin-bottom: 10px; padding: 60px 0; background: #FFF; }
.service-box .service-con .ser-tit { display: block; margin: 0 auto; width: 364px; padding: 5px 0 5px 10px; letter-spacing: 10px; text-align: center; border: 2px solid #e1e1e1; color: #000; font-size: 20px; }
.service-box .service-con font { color: #0f9e44; font-size: 22px; display: block; text-align: center; margin-top: 10px; }
.service-box .service-con font b { color: #FFAD00; }
.service-box .service-con .ser-box { width: 100%; margin: 60px 0 0; overflow: hidden; padding: 0 20px; }
.service-box .service-con .ser-box li { display: inline-block; width: 100%; height: 127px; margin-bottom: 50px; }
.service-box .service-con .ser-box li div { width: 250px; }
.service-box .service-con .ser-box li b { color: #0f9e44; display: inline-block; font-size: 20px; font-weight: 700; margin-bottom: 30px; }
.service-box .service-con .ser-box li b span { height: 26px; line-height: 26px; overflow: hidden; display: inline-block; }
.service-box .service-con .ser-box li b em { height: 26px; line-height: 26px; overflow: hidden; display: inline-block; }
.service-box .service-con .ser-box li em { color: #000; }
.service-box .service-con .ser-box li i { line-height: 25px; font-size: 14px; display: block; height: 75px; overflow: hidden; }
.service-box .service-con .ser-box li .fl { text-align: right; }
.service-box .service-con .ser-box li .serbox01 { margin-left: 60px; }
.service-box .service-con .ser-box li .serbox02 { margin-right: 60px; }
.service-box .service-con .ser-box li .serbox05 { margin-left: 60px; }
.service-box .service-con .ser-box li .serbox06 { margin-right: 60px; }
.service-box .service-con .ser-tel { font-size: 20px; display: block; text-align: center; color: #000; width: 100%; }
.service-box .service-con .ser-tel a { color: #000; }
.service-box .service-con .ser-qqmail { width: 100%; text-align: center; display: block; margin-top: 20px; }
.service-box .service-con .ser-qqmail .ser-qq, .service-box .service-con .ser-qqmail .ser-mail { display: inline-block; padding: 0 40px; border-radius: 30px; font-size: 16px; margin: 0 15px; line-height: 35px; height: 35px; color: #FFF; font-weight: 700; overflow: hidden; }
.service-box .service-con .ser-qqmail .ser-qq:hover, .service-box .service-con .ser-qqmail .ser-mail:hover { text-decoration: none; }
.service-box .service-con .ser-qqmail .ser-qq { background: url(../images/ser-qq.png) no-repeat 20px center; background-color: #19b760; background-size: 25px; padding-left: 50px; }
.service-box .service-con .ser-qqmail .ser-qq:hover { background: url(../images/ser-qq.png) no-repeat 20px center; background-color: #0f9e44; background-size: 25px; }
.service-box .service-con .ser-qqmail .ser-mail { background: url(../images/ser-mail.png) no-repeat 25px 6px; background-color: #19b760; background-size: 25px; padding-left: 60px; }
.service-box .service-con .ser-qqmail .ser-mail:hover { background: url(../images/ser-mail.png) no-repeat 25px 6px; background-color: #0f9e44; background-size: 25px; }
.service-box .service-four div { background: #FFF; padding: 15px; height: 105px; border-right: 1px solid #2B2D2C; }
.service-box .service-four div .ser-pic { width: 101px; height: 75px; display: block; text-align: center; position: relative; }
.service-box .service-four div .ser-pic img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.service-box .service-four div .ser-pic i { height: 100%; display: inline-block; vertical-align: middle; }
.service-box .service-four div .ser-txt { display: inline-block; width: 153px; padding-left: 10px; }
.service-box .service-four div .ser-txt b { display: inline-block; width: 100%; line-height: 30px; overflow: hidden; font-size: 16px; color: #000; height: 30px; }
.service-box .service-four div .ser-txt i { display: inline-block; width: 100%; overflow: hidden; line-height: 20px; font-size: 14px; max-height: 40px; }
.service-box .service-four div:last-child { border-right: 0; }
/* Brand */

.brand-box font { background: #0f9e44; height: 100px; width: 100%; display: block; color: #FFF; text-align: center; padding: 20px 0; }
.brand-box font b { font-size: 26px; text-shadow: 0px 1px 1px #777; height: 35px; line-height: 35px; overflow: hidden; display: inline-block; }
.brand-box font p { font-size: 20px; margin-top: 15px; height: 20px; line-height: 20px; overflow: hidden; }
.brand-box font:after { content: ""; display: inline-block; margin: 0 auto; margin-top: 19px; width: 96px; height: 26px; background: url(../images/brand-bg.png) no-repeat center top; background-size: 90px; position: relative; }
.brand-box .brand-acon { margin-top: 40px; width: 100%; background: url(../images/brand-y.png) no-repeat 370px top; }
.brand-box .brand-acon .brand-ac-pic { width: 450px; height: 450px; display: block; text-align: center; margin-left: 60px; margin-top: 70px; }
.brand-box .brand-acon .brand-ac-pic img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.brand-box .brand-acon .brand-ac-pic i { height: 100%; display: inline-block; vertical-align: middle; }
.brand-box .brand-acon .brand-ac-pic:after { content: "01"; height: 100px; width: 100px; border: 2px solid #0f9e44; position: absolute; border-radius: 100px; background: #FFF; line-height: 100px; font-weight: 700; font-family: arial; font-size: 50px; color: #000; right: 0px; top: 20px; }
.brand-box .brand-acon .brand-ac-txt { padding: 150px 100px 0 80px; width: 510px; }
.brand-box .brand-acon .brand-ac-txt em { font-size: 22px; font-weight: 700; color: #000; }
.brand-box .brand-acon .brand-ac-txt em p { color: #0f9e44; padding: 10px 0; }
.brand-box .brand-acon .brand-ac-txt em i { font-size: 8px; font-weight: normal; color: #DCDCDC; -webkit-transform: scale(0.7); display: inline-block; transform: scale(0.7); position: relative; left: -23%; width: 150%; top: -14px; }
.brand-box .brand-acon .brand-ac-txt > p { line-height: 26px; margin-bottom: 20px; font-size: 14px; }
.brand-box .brand-acon .brand-acc-pic { width: 450px; height: 450px; display: block; text-align: center; }
.brand-box .brand-acon .brand-acc-pic img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.brand-box .brand-acon .brand-acc-pic i { height: 100%; display: inline-block; vertical-align: middle; }
.brand-box .brand-acon .brand-acc-pic:after { content: "02"; height: 100px; width: 100px; border: 2px solid #0f9e44; position: absolute; border-radius: 100px; background: #0f9e44; line-height: 100px; font-weight: 700; font-family: arial; font-size: 50px; color: #FFF; left: -50px; top: 136px; }
.brand-box .brand-acon .brand-acc-txt { width: 420px; padding-left: 100px; }
.brand-box .brand-acon .brand-acc-txt em { font-size: 22px; font-weight: 700; color: #000; width: 100%; margin-top: 100px; display: inline-block; margin-bottom: 25px; }
.brand-box .brand-acon .brand-acc-txt em p { color: #0f9e44; padding: 10px 0; display: inline; }
.brand-box .brand-acon .brand-acc-txt em i { font-size: 8px; font-weight: normal; color: #DCDCDC; -webkit-transform: scale(0.7); display: inline-block; transform: scale(0.7); position: relative; left: -22%; width: 150%; top: -3px; }
.brand-box .brand-acon .brand-acc-txt > p { line-height: 26px; margin-bottom: 20px; font-size: 14px; }
.brand-box .brand-bcon { width: 100%; background: url(../images/brand-y.png) no-repeat left bottom; background-size: 630px; }
.brand-box .brand-bcon .brand-bc-pic { width: 450px; height: 450px; display: block; text-align: center; margin-left: 60px; }
.brand-box .brand-bcon .brand-bc-pic img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.brand-box .brand-bcon .brand-bc-pic i { height: 100%; display: inline-block; vertical-align: middle; }
.brand-box .brand-bcon .brand-bc-pic:after { content: "03"; height: 100px; width: 100px; border: 2px solid #0f9e44; position: absolute; border-radius: 100px; background: #FFF; line-height: 100px; font-weight: 700; font-family: arial; font-size: 50px; color: #000; right: 0px; top: 60px; }
.brand-box .brand-bcon .brand-bc-txt { padding: 60px 49px 0 80px; width: 550px; }
.brand-box .brand-bcon .brand-bc-txt em { font-size: 22px; font-weight: 700; color: #000; width: 100%; display: inline-block; margin-bottom: 25px; }
.brand-box .brand-bcon .brand-bc-txt em p { color: #0f9e44; padding: 10px 0; display: inline; }
.brand-box .brand-bcon .brand-bc-txt em i { font-size: 8px; font-weight: normal; color: #DCDCDC; -webkit-transform: scale(0.7); display: inline-block; transform: scale(0.7); position: relative; left: -22%; width: 150%; top: -3px; }
.brand-box .brand-bcon .brand-bc-txt > p { line-height: 26px; margin-bottom: 20px; font-size: 14px; }
.brand-box .brand-bcon .brand-bccenter { padding-bottom: 137px; }
.brand-box .brand-bcon .brand-bcc-pic { width: 450px; height: 450px; display: block; text-align: center; margin-right: 100px; margin-top: -100px; }
.brand-box .brand-bcon .brand-bcc-pic img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.brand-box .brand-bcon .brand-bcc-pic i { height: 100%; display: inline-block; vertical-align: middle; }
.brand-box .brand-bcon .brand-bcc-pic:after { content: "04"; height: 100px; width: 100px; border: 2px solid #0f9e44; position: absolute; border-radius: 100px; background: #0f9e44; line-height: 100px; font-weight: 700; font-family: arial; font-size: 50px; color: #FFF; left: -50px; top: 136px; }
.brand-box .brand-bcon .brand-bcc-txt { padding: 105px 49px 0 100px; width: 550px; }
.brand-box .brand-bcon .brand-bcc-txt em { font-size: 22px; font-weight: 700; color: #000; width: 100%; display: inline-block; margin-bottom: 25px; }
.brand-box .brand-bcon .brand-bcc-txt em p { color: #0f9e44; padding: 10px 0; display: inline; }
.brand-box .brand-bcon .brand-bcc-txt em i { font-size: 8px; font-weight: normal; color: #DCDCDC; -webkit-transform: scale(0.7); display: inline-block; transform: scale(0.7); position: relative; left: -22%; width: 150%; top: -3px; }
.brand-box .brand-bcon .brand-bcc-txt > p { line-height: 26px; margin-bottom: 20px; font-size: 14px; max-height: 52px; overflow: hidden; }
/* Quality */

.qua-box { margin: 40px 0; background: url(../images/qua-bg.jpg) repeat center center; padding: 60px 0; }
.qua-box .qua-txt { width: 100%; text-align: center; }
.qua-box .qua-txt font { font-size: 26px; font-weight: 700; color: #000; display: block; margin-bottom: 15px; }
.qua-box .qua-txt p,.products-box .qua-txt p,.about-box .rlaqua-txt p { color: #999 !important;    text-align: center;/* border: 2px solid #e1e1e1;*/ padding: 5px 15px; font-size: 16px; width: 360px; display: block; margin: 0 auto; }
.qua-box .qua-slick { margin: 40px 0; }
.qua-box .qua-slick span { width: 210px; height: 130px; display: block; text-align: center; margin: 0 auto; position: relative; }
.qua-box .qua-slick span img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.qua-box .qua-slick span i { height: 100%; display: inline-block; vertical-align: middle; }
.qua-box .qua-slick span img { display: inline-block; }
.qua-box .qua-slick button { border: 0; overflow: hidden; text-indent: 22em; width: 36px; position: absolute; z-index: 99; height: 91px; top: 50%; margin-top: -45px; filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; }
.qua-box .qua-slick button:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.qua-box .qua-slick .slick-prev { background: url(../images/qua-l.png) no-repeat center center; left: -40px; }
.qua-box .qua-slick .slick-next { background: url(../images/qua-r.png) no-repeat center center; right: -40px; }
.qua-box .qua-slick-con { width: 100%; padding: 30px; background: url(../images/qua-conbg.png) no-repeat right bottom #f9f9f9;    display: none; }
.qua-box .qua-slick-con span { border: 1px solid #E1E1E1; margin-right: 40px; width: 256px; height: 158px; display: block; text-align: center; position: relative; }
.qua-box .qua-slick-con span img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.qua-box .qua-slick-con span i { height: 100%; display: inline-block; vertical-align: middle; }
.qua-box .qua-slick-con span img { display: inline-block; }
.qua-box .qua-slick-con .qua-sc-txt { width: 780px; }
.qua-box .qua-slick-con .qua-sc-txt h2 { display: block; font-size: 20px; color: #000; margin-bottom: 20px; }
.qua-box .qua-slick-con .qua-sc-txt font { width: 100%; display: block; line-height: 25px; max-height: 125px; overflow: hidden; }
.qua-box .qua-bottom { background: #0f9e44; min-height: 114px; width: 100%; margin-top: 40px; padding: 13px 40px; }
.qua-box .qua-bottom span { display: block; color: #FFF; }
.qua-box .qua-bottom .qua-b-txt { width: 528px; overflow: hidden; margin-top: 16px; }
.qua-box .qua-bottom .qua-b-txt font { font-size: 27px; font-weight: 700; }
.qua-box .qua-bottom .qua-b-txt i { font-size: 20px; font-weight: 700; padding-left: 20px; }
.qua-box .qua-bottom .qua-b-txt p { font-size: 16px; font-weight: normal; margin-top: 10px; }
.qua-box .qua-bottom .qua-b-tel { background: url(../images/qua-telbg.png) no-repeat left center; height: 54px; background-size: 50px; padding-left: 60px; margin-left: 100px; margin-top: 18px; }
.qua-box .qua-bottom .qua-b-tel font { font-size: 16px; line-height: 25px; }
.qua-box .qua-bottom .qua-b-tel p { font-size: 22px; font-weight: 700; font-family: arial; margin-top: 5px; }
.qua-box .qua-bottom .qua-b-tel p a { color: #fff; }
.qua-box .qua-bottom .qua-b-share a { margin: 10px 0; display: block; color: #FFF; width: 140px; border: 2px solid #FFF; border-radius: 30px; height: 30px; text-align: center; line-height: 26px; font-size: 14px; font-weight: 700; overflow: hidden; }
.qua-box .qua-bottom .qua-b-share a:hover { text-decoration: none; }
.qua-box .qua-bottom .qua-b-share .qua-b-qq { background: url(../images/ser-qq.png) no-repeat 20px center; background-size: 20px; padding-left: 20px; }
.qua-box .qua-bottom .qua-b-share .qua-b-qq:hover { background: url(../images/ser-qq2.png) no-repeat 20px center #ffffff; background-size: 20px; padding-left: 20px; color: #036eca; }
.qua-box .qua-bottom .qua-b-share .qua-b-mail { background: url(../images/ser-mail.png) no-repeat 23px center; background-size: 15px; padding-left: 20px; }
.qua-box .qua-bottom .qua-b-share .qua-b-mail:hover { background: url(../images/ser-mail2.png) no-repeat 23px center #ffffff; background-size: 15px; padding-left: 20px; color: #036eca; }
/* About Us */

.about-box { margin-bottom: 50px }
.about-box .about-pic { width: 500px; height: auto; display: block; text-align: center; margin-top: 10px; }
.about-box .about-pic img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.about-box .about-pic i { height: 100%; display: none; vertical-align: middle; }
.about-box .about-con { padding-left: 40px; width: 600px;margin-top: 30px; }
.about-box .about-con span { margin-top: 10px; display: block; }
.about-box .about-con span p { font-weight: 700; font-size: 28px; color: #333; font-family: arial; height: 28px; line-height: 28px; overflow: hidden; }
.about-box .about-con span .about-zh { font-family: 'Microsoft YaHei'; margin-top: 10px; margin-bottom: 50px; }
.about-box .about-con h2 { font-size: 18px; color: #0f9e44; margin-bottom: 30px; height: 20px; line-height: 20px; overflow: hidden; }
.about-box .about-con font { font-size: 14px; line-height: 30px; display: block; /*max-height: 119px;*/ overflow: hidden; }
.about-box .about-con font p { line-height: 2.5em;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden; }
.about-box .about-con .about-more { bottom: 0; }
.about-box .about-con .about-more a { display: block; background: #19b760; width: 145px; height: 30px; margin-right: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #FFF; border-radius: 30px; overflow: hidden; }
.about-box .about-con .about-more a:hover { background: #0f9e44; text-decoration: none; }
.about-photo-tab { margin: 80px auto 50px; width: 100%; overflow: hidden; }
.about-photo-tab .photo-btn { width: 423px; margin: 0 auto; overflow: hidden; }
.about-photo-tab .photo-btn a.imgs { float: left; margin-right: 1px; display: inline-block; width: 140px; text-align: center; font-size: 16px; font-weight: 700; padding: 0 10px; background: #333; line-height: 40px; text-decoration: none; color: #FFF; height: 40px; }
.about-photo-tab .photo-btn a.imgs:hover, .about-photo-tab .photo-btn a.active { background: #0f9e44; line-height: 40px; }
.about-photo-tab .photo-btn:after { content: ""; position: absolute; width: 100%; height: 1px; background: #E1E1E1; left: 0; top: 19px; z-index: -1; }
.about-photo-tab .photo-sec { width: 100%; overflow: hidden; margin-top: 40px; }
.about-photo-tab .photo-sec .photo-art { display: none; overflow: hidden; }
.about-photo-tab .photo-sec .photo-art div { width: 228px; height: 152px; display: block; text-align: center; padding: 0 5px; position: relative; }
.about-photo-tab .photo-sec .photo-art div img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.about-photo-tab .photo-sec .photo-art div i { height: 100%; display: inline-block; vertical-align: middle; }
/* News */

.news-box { width: 752px; margin-right: 50px; }
.news-box .news-box-tit { width: 100%; display: block; height: 40px; line-height: 40px; margin-top: 10px; }
.news-box .news-box-tit em { display: block; background: #0f9e44; color: #FFF; font-weight: 700; font-size: 20px; padding: 0 30px; }
.news-box .news-box-tit a { display: block; }
.news-box .news-list { width: 100%; height: 282px; padding: 30px 0; }
.news-box .news-list .news-list-pic { width: 271px; height: 192px; display: block; text-align: center; position: relative; }
.news-box .news-list .news-list-pic img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.news-box .news-list .news-list-pic i { height: 100%; display: inline-block; vertical-align: middle; }
.news-box .news-list .news-list-txt { width: 481px; padding-left: 15px; }
.news-box .news-list .news-list-txt li { height: 44px; line-height:44px}
.news-box .news-list .news-list-txt li a { font-size: 14px;  max-width: 364px; display: block; overflow: hidden; background: url(../images/new-list-ico.png) no-repeat left center; padding-left: 20px;overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap }
.news-box .news-list .news-list-txt li span { display: block; width: 100px; text-align: right; font-size: 14px; }
.news-hot { width: 338px; height: 332px; background: #F0F1F3; padding: 10px 30px; }
.news-hot .news-hot-tit { height: 40px; line-height: 40px; display: block; }
.news-hot .news-hot-tit em { font-size: 20px; color: #0f9e44; font-weight: 700; }
.news-hot .news-hot-pic { display: block; text-align: center; margin-top: 20px; width: 278px; height: 119px; position: relative; }
.news-hot .news-hot-pic img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.news-hot .news-hot-pic i { height: 100%; display: inline-block; vertical-align: middle; }
.news-hot .news-tit { display: block; overflow: hidden; width: 100%; font-weight: 700; color: #000; font-size: 14px; line-height: 60px; max-height: 60px; }
.news-hot font { font-size: 14px; line-height: 25px; max-height: 44px; height: 44px; overflow: hidden; display: block; }
/* FAQ */

.faq-box { width: 100%; background: #383838; border-bottom: 1px solid #474747; }
.faq-box .faq-box-l { width: 800px; padding: 22px 0; }
.faq-box .faq-box-l .faq-box-tit { display: block; font-size: 24px; font-weight: 700; color: #0f9e44; font-family: arial; }
.faq-box .faq-box-l .faq-box-tit em { font-family: 'Microsoft YaHei'; font-size: 14px; color: #FFF; font-weight: normal; }
.faq-box .faq-box-l dl { width: 28.33333%; margin-right: 5%; margin-top: 30px; }
.faq-box .faq-box-l dl dt { margin-bottom: 10px; background: url(../images/faq-q.png) no-repeat left center; height: 30px; overflow: hidden; line-height: 30px; padding-left: 35px; font-weight: normal; font-size: 14px; }
.faq-box .faq-box-l dl dt a { color: #FFF; }
.faq-box .faq-box-l dl dd { background: url(../images/faq-a.png) no-repeat left top; padding-left: 35px; color: #939393; padding-top: 5px; max-height: 90px; overflow: hidden; height: 90px; }
.link-box {  background: #F0F1F3; padding: 30px; }
.link-box font { display: block; font-size: 24px; font-weight: 700; color: #0f9e44; font-family: arial; }
.link-box font em { font-family: 'Microsoft YaHei'; font-size: 14px; color: #000; font-weight: normal; }
.link-box .link-box-list { width: 100%; margin-top: 20px; }
.link-box .link-box-list a {  font-size: 14px; overflow: hidden; height: 30px; line-height: 30px;margin-right:10px }
/* Footer */

.footer-box { background: #555; }
.footer-box .footer-con { /*height: 200px;*/ }
.footer-box .footer-con .logo-bottom { /*display: inline-table !important;*//*解决火狐浏览器底部logo上移问题*/ width: 233px; height: 200px; display: block; text-align: center; }
.footer-box .footer-con .logo-bottom img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.footer-box .footer-con .logo-bottom i { height: 100%; display: inline-block; vertical-align: middle; }
.footer-box .footer-con .footer-contact { margin-left: 100px; font-size: 14px; color: #D4D4D4; line-height: 30px; padding-top: 25px; }
.footer-box .footer-con .footer-contact a { color: #D4D4D4; }
.footer-box .footer-con .footer-ewm { width: 118px; height: 118px; display: block; text-align: center; margin-top: 40px; position: relative; }
.footer-box .footer-con .footer-ewm img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.footer-box .footer-con .footer-ewm i { height: 100%; display: inline-block; vertical-align: middle; position: absolute; top: 0; left: 0; width: 100% }
/* Products */

.products-box { margin-top: 60px; }
.products-box .pro-box-tit font,.about-box .rlaqua-txt font { background: #FFF; width: 215px; display: block; border: 1px solid #CDCDCD; border-top: 0; text-align: center; border-bottom: 0; height: 50px; margin: 0 auto; color: #333; font-size: 30px; font-family: arial; font-weight: 700; }
.products-box .pro-box-tit font span { height: 33px; line-height: 33px; overflow: hidden; display: inline-block; }
.products-box .pro-box-tit font p { color: #999 !important;font-weight:normal; font-family: 'Microsoft YaHei'; font-size: 16px; text-align: center; height: 16px; line-height: 16px; overflow: hidden; }
.products-box .pro-box-tit font:after,.about-box .rlaqua-txt font:after { content: ""; position: absolute; width: 100%; height: 1px; background: #CDCDCD; left: 0; z-index: -1; top: 50%; margin-top: 1px; }
.products-box .prolist-nav-box { width: 100%; height: 40px; margin-top: 30px; }
.products-box .prolist-nav-box font { display: none; width: 20%; background: #333; padding: 0 10px; height: 40px; line-height: 40px; color: #FFF; font-size: 20px; font-weight: 700; overflow: hidden; padding-right: 60px; }
.products-box .prolist-nav-box .prolist-nav { width: 100%; cursor: pointer; }
.products-box .prolist-nav-box .prolist-nav span { height: 40px; line-height: 40px; display: block; text-align: center; background: #19b760; border-left: 1px solid #FFF; font-size: 14px; color: #FFF; padding: 0 5px; }
.products-box .prolist-nav-box .prolist-nav button { border: 0; background: none; overflow: hidden; width: 20px; height: 20px; position: absolute; text-indent: 22em; top: 50%; margin-top: -10px; }
.products-box .prolist-nav-box .prolist-nav .slick-prev { background: url(../images/pro-l.png) no-repeat center center; left: -60px; }
.products-box .prolist-nav-box .prolist-nav .slick-next { background: url(../images/pro-l.png) no-repeat center center; left: -30px; transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); }
.products-box .prolist-con { background: #F6F6F6; width: 100%; margin-bottom: 30px; }
.products-box .prolist-con .ind_pro { display: block; width: 50%; float: left; padding: 25px; height: 188px; border-bottom: 1px solid #FFF; border-right: 1px solid #FFF; }
.products-box .prolist-con .ind_pro span { width: 135px;  display: block; text-align: center; padding: 10px; background: #ECECEC; float: left; position: relative; }
.products-box .prolist-con .ind_pro span img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.products-box .prolist-con .ind_pro span i { height: 100%; display: inline-block; vertical-align: middle; }
.products-box .prolist-con .ind_pro:hover font { color: #036eca !important; }
.products-box .prolist-con .prolist-info { width: 319px; padding-left: 30px; }
.products-box .prolist-con .prolist-info h2 { color: #0f9e44; font-size: 18px; line-height: 50px; height: 50px; overflow: hidden; }
.products-box .prolist-con .prolist-info font { display: block; line-height: 20px; height: 40px; overflow: hidden; }
.products-box .prolist-con .prolist-info em { display: block; color: #666; font-weight: 700; font-size: 14px; margin-top: 15px; }
.products-box .prolist-con img { display: inline-block; }
/* About Body */

.single-body { width: 100%; background: url(../images/single-bg.png) center center; padding: 30px 0; overflow: hidden; }
.single-leftcon { width: 253px; background: #F9F9F9; border-bottom: 1px solid #DCDCDC; margin-right: 43px; }
.single-leftcon .single-tit { display: block; margin: 0 15px; border-bottom: 1px solid #DCDCDC; color: #0f9e44; font-weight: 700; font-size: 16px; line-height: 50px; height: 50px; overflow: hidden; }
.single-leftcon .single-tit em { font-family: arial; font-size: 16px; color: #747575; font-weight: normal; border-left: 1px solid #747575; margin-left: 20px; padding-left: 20px; }
.single-leftcon .single-nav { display: block; border-bottom: 1px solid #DCDCDC; }
.single-leftcon .single-nav li > a { color: #333; font-size: 14px; display: block; margin: 0 15px; line-height: 50px; overflow: hidden; background: url(../images/nav-jt.png) no-repeat 3px center; padding-left: 30px; border-bottom: 1px dotted #C7C7C7; height: 50px; }
.single-leftcon .single-nav li > a:hover { color: #1c62b0; font-weight: 700; text-decoration: none; background: url(../images/nav-hjt.png) no-repeat 3px center; }
.single-leftcon .single-nav li .on,.single-leftcon .single-nav li .active{ color: #036eca; background: url(../images/nav-hjt.png) no-repeat 3px center; font-weight: 700; }
.single-leftcon .single-nav li:last-child a { border-bottom: 0; }
.single-leftcon .single-news { display: block; border-bottom: 1px solid #DCDCDC; margin-bottom: 20px; padding: 10px 20px 25px; }
.single-leftcon .single-news li a { display: block; line-height: 30px; height: 30px; overflow: hidden; padding-left: 15px; background: url(../images/new-list-ico.png) no-repeat left center; }
.single-leftcon .single-news li a:hover { text-decoration: none; color: #0f9e44; }
.single-leftcon .single-contact { margin: 0 15px; background: url(../images/left-kefu.png) no-repeat right center; height: 96px; }
.single-leftcon .single-contact p { color: #CCC; font-size: 12px; text-transform: uppercase; font-family: arial; padding-top: 18px; line-height: 30px; }
.single-leftcon .single-contact b { color: #0f9e44; font-family: arial; font-weight: 700; font-size: 16px; }
.conbody { width: 844px; position:relative}
.conbody .conbody-mbx { border-bottom: 1px solid #DCDCDC; height: 40px; line-height: 40px; box-shadow: 0px 1px 0px 0px #FFF; }
.conbody .conbody-mbx .ems { display: block; height: 40px; line-height: 40px; font-weight: 700; color: #0f9e44; font-size: 18px; overflow: hidden; /*max-width: 30%; */}
.conbody .conbody-mbx h2 { display: block; height: 40px; line-height: 40px; max-width: 500px; overflow: hidden; font-size: 12px; max-width: 65%; }
.conbody .conbody-mbx h2 a:hover { color: #0f9e44; text-decoration: none; }
.conbody .conbody-mbx h2 a:last-child { color: #0f9e44; }
.aboutbox-text { line-height: 30px; font-size: 14px; line-height: 35px; padding: 20px 0; }
/* Honor Body */
.thumbnail .caption h5{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.honorbox-list { width: 844px; }
.honorbox-list .photo { width: 100%; padding: 30px 0; }
.honorbox-list .photo li { width: 29%; height: 169px; display: block; text-align: center; padding: 3px; border: 1px solid #E1E1E1; background: #FFF; cursor: pointer; margin: 2% 2%; box-shadow: 5px 5px 0px 0px #E6E6E6; position: relative; }
.honorbox-list .photo li img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.honorbox-list .photo li i { height: 100%; display: inline-block; vertical-align: middle; }
/* Equipments */

.equipments-text { width: 100%; }
.equipments-text .equbg { width: 100%; height: 347px; margin: 40px auto 0; background: url(../images/eq-bg.png) no-repeat center center; overflow: hidden; }
.equipments-text .equbg .equipments-pic { width: 442px; height: 332px; padding: 5px; margin-left: 198px; margin-top: 4px; position: relative; }
.equipments-text .equbg .equipments-pic span { width: 432px; height: 322px; display: block; text-align: center; position: relative; }
.equipments-text .equbg .equipments-pic span img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.equipments-text .equbg .equipments-pic span i { height: 100%; display: inline-block; vertical-align: middle; }
.equipments-text .equbg .equipments-pic span img { display: inline-block; }
.equipments-text .equbg .equipments-pic button { border: 0; overflow: hidden; text-indent: 22em; width: 39px; height: 91px; position: absolute; margin-top: -45px; top: 50%; z-index: 9; filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; }
.equipments-text .equbg .equipments-pic button:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.equipments-text .equbg .equipments-pic .slick-prev { left: -148px; background: url(../images/qua-l.png) no-repeat center center; }
.equipments-text .equbg .equipments-pic .slick-next { right: -148px; background: url(../images/qua-r.png) no-repeat center center; }
.equipments-text .equipments-txt { width: 100%; }
.equipments-text .equipments-txt h1 { display: block; width: 100%; overflow: hidden; text-align: center; color: #000; font-weight: 700; font-size: 20px; margin: 30px 0; }
.equipments-text .equipments-txt font { display: block; /*text-align: center;*/ line-height: 30px; font-size: 14px; }
/* Contact Us */

.contactbody { width: 100%; }
.contactbody .zh-tit { display: block; line-height: 40px; /*height: 40px;*/ color: #000; font-size: 20px; margin-top: 20px; }
.contactbody .en-tit { display: block; margin-bottom: 20px; font-size: 15px; font-family: arial; color: #999; }
.contactbody .map-con { padding: 5px; background: #FFF; border: 1px solid #E1E1E1; margin: 30px 0; }
.contactbody dl { width: 100%; }
.contactbody dl dd { /*height: 40px;*/ line-height: 30px; width: 50%; overflow: hidden; font-size: 14px; }
.contactbody dl dd i { color: #0f9e44; font-weight: 700; }
.contactbody .feedbackbody { width: 100%; padding-top: 20px; }
.feedbackbody h5{background:#f5f5f5;padding-left:10px;margin: 10px 0;}
.contactbody .feedbackbody .feedbackbody-tit { width: 100%; }
.contactbody .feedbackbody .feedbackbody-tit em { display: block; text-align: center; font-size: 30px; color: #0f9e44; }
.contactbody .feedbackbody .feedbackbody-tit .fzh-tit { display: block; width: 100%; }
.contactbody .feedbackbody .feedbackbody-tit font { display: block; margin: 0 auto; font-size: 25px; text-align: center; width: 130px; color: #0f9e44; margin-top: 5px; z-index: 2; position: relative; overflow: hidden; }
.contactbody .feedbackbody .feedbackbody-tit i { display: block; left: 0; width: 100%; height: 1px; background: #E4E4E4; right: 0; position: absolute; z-index: 0; top: 50%; margin-top: 1px; }
.feedbackbody div[name="message_tit"]{
  padding: 15px;
    background: #f5f5f5;
}
.contactbody .feedbackbody font {background: #f5f5f5;    padding: 0 10px;
    line-height: 2; width: 100%; display: block; font-size: 13px; }
.contactbody .feedbackbody .feedback-con { background: url(../images/feedback-bg.png) no-repeat 75px 22px; margin-top: 30px; position: relative; }
.contactbody .feedbackbody .feedback-con label { display: block; margin-left: 200px; }
.contactbody .feedbackbody .feedback-con label input:not([type="radio"]) { background: none; border: 1px solid #DDD; height: 44px; line-height: 44px; font-size: 14px; padding-left: 40px; width: 100%; margin-bottom: 16px; padding-right: 20px; }
#contact-form .relas:nth-child(4){margin-bottom:10px}

.contactbody .feedbackbody .feedback-con label textarea { background: none; border: 1px solid #DDD; height: 115px; padding: 10px; font-size: 14px; line-height: 20px; width: 100%; margin-bottom: 16px; padding-right: 19px; }
.contactbody .feedbackbody .feedback-con label .f-code { width: 145px; margin-bottom: 0; }
.contactbody .feedbackbody .feedback-con label img { border: 1px solid #DDD; margin: 0 16px; }
.contactbody .feedbackbody .feedback-con label a { font-weight: normal; padding-top: 25px; font-size: 14px; }
.contactbody .feedbackbody .feedback-con .feedback-txt { display: inline-block; font-size: 14px; position: absolute; top: 61px; max-width: 75px; }
.contactbody .feedbackbody .feedback-con .feedback-txt em { color: #000; font-size: 16px; line-height: 20px; }
.contactbody .feedbackbody .feedback-con .feedback-txt p { color: #c3c2c2; }
.contactbody .feedbackbody .feedback-con form span { display: block; margin-top: 16px; padding-left: 200px; }
.contactbody .feedbackbody .feedback-con form button { border: 0; width: 102px; height: 40px; margin-right: 14px; background: #565656; border-radius: 3px; color: #FFF; font-size: 16px; }
.contactbody .feedbackbody .feedback-con form button:hover { background: #0f9e44; }
.contactbody .feedbackbody .feedback-con form .fname { background: url(../images/f-test.png) no-repeat 8px center; background-size: 25px; }
.contactbody .feedbackbody .feedback-con form .ftel { background: url(../images/f-tel.png) no-repeat 8px center; background-size: 25px; }
.contactbody .feedbackbody .feedback-con form .fmail { background: url(../images/f-mail.png) no-repeat 8px center; background-size: 25px; }
.contactbody .feedbackbody .feedback-con form .ftitle { background: url(../images/f-feedback.png) no-repeat 8px center; background-size: 25px; }
.contactbody .feedbackbody .feedback-con form .f-code { padding-left: 10px; }
/* News List */

.news-list { width: 100%; overflow: hidden; padding-top: 30px; }
.news-list .newslist-con { width: 104%; margin-left: -4%; }
.news-list .newslist-con .news_li { display: block; width: 46%; height: 315px; background: #FFF; margin: 0 0 0 4%; }
.news-list .newslist-con .news_li span { width: 100%; height: 175px; display: block; text-align: center; position: relative; }
.news-list .newslist-con .news_li span img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.news-list .newslist-con .news_li span i { height: 100%; display: inline-block; vertical-align: middle; }
.news-list .newslist-con .news_li em { display: block; color: #999; line-height: 30px; height: 30px; font-size: 14px; overflow: hidden; padding: 0; margin-top: 10px; }
.news-list .newslist-con .news_li h2 { font-size: 16px; color: #000; line-height: 30px; height: 30px; overflow: hidden; padding: 0; }
.news-list .newslist-con .news_li p{height: 45px; overflow: hidden; line-height: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;  overflow: hidden;}
.news-list .newslist-con .news_li:hover { text-decoration: none; color: none; }
.news-list .newslist-con .news_li:hover em { color: #999; }
.news-list .newslist-con .news_li:hover h2 { color: #0f9e44; }
/* List Page */

.listpage { width: 100%; text-align: center; }
.listpage .listpadcon { display: inline-block; }
.listpage .listpadcon a, .listpage .listpadcon span { display: inline-block; padding: 0 10px; text-align: center; border: 1px solid #DFDFDF; height: 30px; float: left; line-height: 28px; color: #000; margin: 0 3px; background: #FFF; }
.listpage .listpadcon a:hover { background: #0f9e44; color: #FFF; text-decoration: none; }
.listpage .listpadcon .active { background: #0f9e44; color: #FFF; }
/* News Show */

.news-show { width: 100%; overflow: hidden; }
.news-show .newsshow-tit { display: block; width: 100%; text-align: center; line-height: 40px; color: #000; overflow: hidden; margin: 15px 0 0px; font-size: 20px; }
.news-show .newsshow-author { display: block; width: 100%; line-height: 40px; text-align: center; color: #999; font-size: 14px; border-bottom: 1px dashed #D1D1D1; margin-bottom: 15px;     padding-bottom: 10px;}
.news-show .newsshow-con { line-height: 30px; font-size: 14px; }
.news-show .newsshow-con img { max-width: 100%; }
/* Show Page */

.showpage { width: 100%; background: #0f9e44; height: 35px; line-height: 35px; color: #FFF; margin: 30px 0; }
.showpage a { color: #FFF; }
.showpage span { padding: 0 10px; width: 50%; overflow: hidden; height: 35px; line-height: 35px; }
/* Ralative News */

.newrlative { width: 100%;    margin-bottom: 30px; }
.newrlative .nr-top { border-bottom: 1px dashed #D1D1D1; width: 100%; padding: 10px 0; margin-bottom: 20px; }
.newrlative .nr-top em { display: block; height: 21px; line-height: 20px; border-left: 5px solid #0f9e44; padding-left: 10px; font-size: 18px; color: #000; font-weight: 700; overflow: hidden; max-width: 80%; }
.newrlative .nr-top a { display: block; height: 20px; line-height: 20px; color: #000; font-size: 14px; }
.newrlative .nr-top a i { color: #0f9e44; }
.newrlative .newsrlativebox { display: inline-block; width: 100%; font-size: 14px; }
.newrlative .newsrlativebox a { height: 35px; line-height: 35px; max-width: 70%; overflow: hidden; display: inline-block; background: url(../images/new-list-ico.png) no-repeat left center; padding-left: 15px; }
.newrlative .newsrlativebox em { display: inline-block; height: 35px; line-height: 35px; }
/* Ralative Cases */

.relativecasebox { width: 100%; padding-top: 10px; }
.relativecasebox a { border: 1px solid #DFDFDF; width: 192px; height: 120px; display: block; text-align: center; margin-right: 25px; position: relative; }

@media(max-width:1200px) {
.relativecasebox a { width: 22.7%; margin-right: 3%; }
}

@media(max-width:480px) {
.relativecasebox a { width: 49%; margin-right: 1%; }
}

@media(max-width:400px) {
.relativecasebox a { width: 100%; margin-right: 3%; }
}
.relativecasebox a img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.relativecasebox a i { height: 100%; display: inline-block; vertical-align: middle; }
.relativecasebox a:last-child { margin-right: 0; }
/* Case Lisa */

.case-list { width: 100%; padding: 30px 0; }
.case-list .caselist-con { width: 100%; margin-bottom: 30px; }
.case-list .caselist-con a { display: block; padding: 30px; background: url(../images/qua-conbg.png) no-repeat right bottom #f9f9f9; margin-bottom: 10px; height: 190px; }
.case-list .caselist-con a span { width: 210px; height: 130px; display: block; text-align: center; border: 1px solid #D1D1D1; position: relative; }
.case-list .caselist-con a span img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.case-list .caselist-con a span i { height: 100%; display: inline-block; vertical-align: middle; }
.case-list .caselist-con a div { padding-left: 30px; width: 73%; }
.case-list .caselist-con a div h2 { display: block; width: 100%; font-size: 18px; color: #000; height: 20px; overflow: hidden; margin-bottom: 10px; }
.case-list .caselist-con a div font { width: 544px; display: block; font-size: 14px; line-height: 30px; height: 90px; overflow: hidden; }
/* Product Lisa */

.product-list { width: 100%; padding: 30px 0; }
.product-list .productlist-con { width: 100%; margin-bottom: 30px; }
.product-list .productlist-con > .pro_li { display: block; padding: 30px; background: #F9F9F9; height: 256px; margin-bottom: 10px; }
.product-list .productlist-con > .pro_li span { width: 25%; height: 196px; display: block; text-align: center; border: 2px solid #ECECEC; position: relative; }
.product-list .productlist-con > .pro_li span img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.product-list .productlist-con > .pro_li span i { height: 100%; display: inline-block; vertical-align: middle; }
.product-list .productlist-con > .pro_li div { padding-left: 30px; width: 73%; }
.product-list .productlist-con > .pro_li div h2 { display: block; width: 100%; font-size: 18px; color: #0f9e44; height: 20px; overflow: hidden; margin: 10px 0 20px; }
.product-list .productlist-con > .pro_li div p{
    width: 544px;
    display: block;
    line-height:2;
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.product-list .productlist-con > .pro_li div em { display: block; width: 100%; height: 30px; line-height: 30px; font-weight: 700; font-size: 14px; }
.product-list .productlist-con > .pro_li:hover { color: #727272; }
.product-show .productlist-con .product-type, .product-list .productlist-con .product-type { width: 100%; overflow: hidden; margin-bottom: 10px; }
.product-show .product-type { padding-top: 30px; }
.product-show .product-type a, .product-list .product-type a { display: block; background: #19b760; height: 35px; margin-bottom: 20px; line-height: 35px; margin-right: 10px; border-radius: 3px; color: #FFF; font-size: 14px; width: 120px; max-width: 120px; overflow: hidden; text-align: center; float: left; }
.product-show .product-type a:hover, .product-list .product-type a:hover { background: #0f9e44; font-weight: 700; text-decoration: none; }
.product-show .product-type a.active, .product-list .product-type a.active { background: #0f9e44; font-weight: 700; text-decoration: none; }
.product-show .productlist-con .product-type .active, .product-list .productlist-con .product-type .active { background: #0f9e44; font-weight: 700; }
/* Job List */

.job-list { width: 100%; margin-bottom: 30px; }
.job-list .job-banner { width: 100%; margin: 30px 0; }
.job-list .job-banner img { width: 100%; max-width: 100%; }
.job-list table { background: #FFF; width: 100%; text-align: center; font-size: 14px; margin-bottom: 30px; }
.job-list table th { background: #0f9e44; color: #FFF; line-height: 30px; text-align: center; border: 0; }
.job-list table td { /*line-height: 40px;*/ width: 16%; word-break: break-all; }
.job-list table td span { line-height: 30px; /*max-height: 60px;*//*招聘显示全部*/ display: inline-block; /*overflow: hidden;*//*招聘显示全部*/ padding: 0 5px; }
.job-list table td a:hover { color: #0f9e44; }
/* Job Show */

.job-show { width: 100%; overflow: hidden; }
.job-show .jobshow-tit { display: block; width: 100%; text-align: center; line-height: 40px; /*height: 40px;*/ color: #000; overflow: hidden; margin: 30px 0 10px; }
.job-show .jobshow-author { display: block; width: 100%; line-height: 40px; text-align: center; color: #999; font-size: 14px; border-bottom: 1px dashed #D1D1D1; margin-bottom: 30px; }
.job-show .jobshow-con { line-height: 30px; font-size: 14px; padding-bottom: 30px; }
.job-show .jobshow-con .jobshowcon-list { display: block; margin: 0 6px; border-left: 1px solid #BDDEC9; padding-left: 30px; }
.job-show .jobshow-con .jobshowcon-list b { display: block; width: 100px; width: 100%; position: relative; margin-top: 30px; }
.job-show .jobshow-con .jobshowcon-list b:before { content: ""; position: absolute; width: 12px; height: 12px; border-radius: 12px; background: #0f9e44; top: 8px; left: -36px; }
/* Product Show */

.product-show { width: 100%; }
.product-show .productshow-con { width: 100%; }
.product-show .productshow-con .productshow-top { width: 100%; margin: 30px 0; }
.product-show .productshow-con .productshow-top .pro-pic { width: 50%; }
.product-show .productshow-con .productshow-top .pro-pic .proslick-pic { width: 100%; height: 422px; overflow: hidden; }
.product-show .productshow-con .productshow-top .pro-pic .proslick-pic span { width: 100%; height: 422px; display: block; text-align: center; background: #FFF; border: 1px solid #E1E1E1; padding: 0 5px; position: relative; }
.product-show .productshow-con .productshow-top .pro-pic .proslick-pic span img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.product-show .productshow-con .productshow-top .pro-pic .proslick-pic span i { height: 100%; display: inline-block; vertical-align: middle; }
.product-show .productshow-con .productshow-top .pro-pic .proslick-pic span img { display: inline-block !important; }
.product-show .productshow-con .productshow-top .pro-pic .proslick-smallpic { width: 100%; margin: 10px auto 0; height: 91px; overflow: hidden; }
.product-show .productshow-con .productshow-top .pro-pic .proslick-smallpic .slick-current span { border: 1px solid #0f9e44; }
.product-show .productshow-con .productshow-top .pro-pic .proslick-smallpic span { width: 95%; height: 91px; display: block; text-align: center; background: #FFF; border: 1px solid #E1E1E1; margin: 0 auto; cursor: pointer; position: relative; }
.product-show .productshow-con .productshow-top .pro-pic .proslick-smallpic span img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.product-show .productshow-con .productshow-top .pro-pic .proslick-smallpic span i { height: 100%; display: inline-block; vertical-align: middle; }
.product-show .productshow-con .productshow-top .pro-pic .proslick-smallpic span img { display: inline-block !important; }
.product-show .productshow-con .productshow-top .pro-info { width: 50%; padding: 0 0 0 50px; }
.product-show .productshow-con .productshow-top .pro-info dl { width: 100%; height: 295px; max-height: 295px; overflow: hidden; }
.product-show .productshow-con .productshow-top .pro-info dl dt { line-height: 30px; font-weight: normal; color: #000; overflow: hidden; /*height: 30px;*/ margin-bottom: 20px; }
.product-show .productshow-con .productshow-top .pro-info dl dt h1 { font-size: 22px; }
.product-show .productshow-con .productshow-top .pro-info dl dd { line-height: 29px; font-size: 14px;    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6; }
.product-show .productshow-con .productshow-top .pro-info dl dd em { color: #0f9e44; }
.product-show .productshow-con .productshow-top .pro-info .pro-telbox { display: block; width: 100%; background: url(../images/h-tel.png) no-repeat left center; height: 54px; padding-left: 70px; margin-top: 30px; }
.product-show .productshow-con .productshow-top .pro-info .pro-telbox p { font-size: 16px; color: #000; padding-top: 7px; }
.product-show .productshow-con .productshow-top .pro-info .pro-telbox .h-tel { font-weight: 700; color: #0f9e44; font-family: arial; font-size: 25px; }
.product-show .productshow-con .productshow-top .pro-info .pro-telbox .h-tel a { color: #036eca; }
.product-show .productshow-con .productshow-center .proshowtab { width: 100%; overflow: hidden; }
.product-show .productshow-con .productshow-center .proshowtabBtn { border-bottom: 2px solid #0f9e44; }
.product-show .productshow-con .productshow-center .proshowtabBtn a { display: inline; float: left; font-size: 14px; margin-right: 3px; width: 160px; background: #19b760; line-height: 35px; text-decoration: none; color: #FFF; text-align: center; }

@media (max-width:360px) {
.product-show .productshow-con .productshow-center .proshowtabBtn a { width: 140px; }
}
.product-show .productshow-con .productshow-center .proshowtabBtn a:hover { background: #0f9e44; line-height: 35px; }
.product-show .productshow-con .productshow-center .proshowtabBtn .active { background: #0f9e44; line-height: 35px; }
.product-show .productshow-con .productshow-center .proshowtabSec { width: 100%; overflow: hidden; }
.product-show .productshow-con .productshow-center .proshowtabArt { padding: 10px; display: none; overflow: hidden; background: #FFF; line-height: 30px; }
.product-show .productshow-con .productshow-center .proshowtabArt p{font-size: 16px;}
.relativeprobox { width: 100%; padding-top: 10px; }
.relativeprobox span { display: block; width: 192px; float: left; margin-right: 19px;margin-bottom:10px }
.relativeprobox span a { border: 1px solid #DFDFDF; width: 192px; height: 192px; display: block; text-align: center; position: relative; }
.relativeprobox span a img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.relativeprobox span a i { height: 100%; display: inline-block; vertical-align: middle; }
.relativeprobox span font { display: block; text-align: center; line-height: 30px; height: 30px; width: 100%; margin-top: 10px; font-size: 14px; color: #000; overflow: hidden;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
.relativeprobox span:last-child { margin-right: 0; }
/* Product Feedback */

.profeedback span { display: block; height: 40px; line-height: 40px; width: 50%; margin-bottom: 15px; }
.profeedback p.relas { display: inline-block; float: left; }
.profeedback .relas { position: relative; }
.profeedback span i { font-style: normal; position: absolute; /*right: 2px;*/ /*top: 10px;*/ color: #f00; display: inline-block; width: 12px; text-align: center; }
p.relas i { right: -12px; }
.feedback-con #contact-form .relas { position: relative; }
.feedback-con #contact-form p.relas { display: inline-block; float: left; }
.feedback-con #contact-form .relas i { font-style: normal; position: absolute; right: 5px; top: 18px; color: #f00; display: inline-block; width: 12px; text-align: center; }
.profeedback span em { display: block; float: left; width: 100px; text-align: right; font-size: 14px; }
.profeedback span input { border: 1px solid #E1E1E1; height: 35px; line-height: 35px; color: #666; padding: 0 10px; width: 70%; font-size: 14px; }
.profeedback .procontact { width: 100%; height: auto; }
.profeedback .procontact textarea { width: 80%; border: 1px solid #E1E1E1; height: 150px; padding: 10px; font-size: 14px; color: #666; }
.profeedback .procode { width: 100%; }
.profeedback .procode input { width: 130px; }
.profeedback .procode img { height: 35px; border: 1px solid #E1E1E1; margin: 0 10px; cursor: pointer; }
.profeedback .procode a:hover { color: #0f9e44; }
.profeedback .procode .probtn button { background: #19b760; color: #FFF; border: 0; font-size: 14px; padding: 10px 30px; margin-left: 10px; }
.profeedback .procode .probtn button:hover { background: #0f9e44; }
/* SiteMap */

.sitemapcon { width: 100%; }
.sitemapcon li { width: 100%; line-height: 30px; }
.sitemapcon li > a { display: block; padding: 0 10px; background: #0f9e44; color: #FFF; width: 80px; text-align: center; margin: 10px 0; }
.sitemapcon li .mapnav { width: 100%; }
.sitemapcon li .mapnav .p2 a { color: #0F9E44; font-weight: bold; }
.sitemapcon li .mapnav a:hover { background: #0F9E44; color: #fff; text-decoration: none; }
.sitemapcon li .mapnav .p2 a:hover { color: #0F9E44; text-decoration: underline; background: none; }
.sitemapcon li .mapnav .pross a:hover { background: #0F9E44; color: #fff; text-decoration: none; }
.sitemapcon li .mapnav a { display: inline-block; margin: 0 10px 0 5px; padding: 0 5px; }
@media (max-width: 1200px) {
.nav-box { width: 99%; }
.nav-box li { width: 12.2%; }
.products-box .prolist-con .prolist-info { width: 50%; }
.qua-box .qua-slick { padding: 0 70px; }
.qua-box .qua-slick .slick-prev { left: 0; }
.qua-box .qua-slick .slick-next { right: 0; }
.ser-box { background-size: 300px !important; }
.service-box .service-four div .ser-txt { width: 49%; }
.brand-box .brand-acon, .brand-box .brand-bcon { background: none; }
.brand-box .brand-acon .brand-ac-pic { margin-left: 0; width: 50%; }
.brand-box .brand-acon .brand-ac-txt { padding: 80px 0 0 50px; width: 50%; height: auto; }
.brand-box .brand-acon .brand-acc-txt { width: 50%; padding-left: 0; padding-right: 50px; height: auto; }
.brand-box .brand-bcon .brand-bc-pic { width: 50%; margin-left: 0; height: auto; }
.brand-box .brand-bcon .brand-bc-txt { width: 50%; padding-left: 40px; }
.brand-box .brand-bcon .brand-bcc-pic { margin-top: 0; margin-right: 0; width: 50%; height: auto; }
.brand-box .brand-bcon .brand-bcc-txt { width: 50%; height: auto; padding: 100px 60px 0 0; }
.brand-box .brand-acon .brand-ac-txt em i, .brand-box .brand-acon .brand-acc-txt em i, .brand-box .brand-bcon .brand-bc-txt em i, .brand-box .brand-bcon .brand-bcc-txt em i { display: none; }
.brand-box .brand-bcon .brand-bccenter { padding-bottom: 0; }
.brand-box .brand-acon .brand-ac-pic { margin-top: 20px; }
.brand-box .brand-acon .brand-ac-txt em p { margin-bottom: 15px; }
.qua-box .qua-slick-con .qua-sc-txt { width: 66%; }
.qua-box .qua-bottom { display: none; }
.about-box .about-pic { width: 50%; height: auto; }
.about-box .about-con { width: 50%; height: auto; }
.about-box .about-con span .about-zh, .about-box .about-con h2 { margin-bottom: 25px; }
.about-photo-tab { margin-top: 40px; }
.about-photo-tab .photo-sec .photo-art div { width: 20%; /*height: auto;*/ max-height: 93px; overflow: hidden; }
.about-photo-tab .photo-sec { margin-top: 20px; }
.news-hot { display: none; }
.link-box { display: none; }
.faq-box .faq-box-l { width: 100%; }
.news-box { margin-right: 0; width: 100%; float:none}
.news-box .news-list .news-list-pic { display: none; }
.news-box .news-list .news-list-txt { width: 100%; }
.news-box .news-list .news-list-txt li a { max-width: 70%; }
.footer-box .footer-con .footer-ewm { display: none; }
.footer-box .footer-con .logo-bottom { width: 190px; }
.single-leftcon { width: 22%; margin-right: 4%; }
.conbody { width: 74%; }
.honorbox-list { width: 100%; }
.honorbox-list .photo li { max-height: 169px;/*height: auto;*/ }
.product-list .productlist-con > a span { width: 27%; max-height: 149px;/*height: auto;*/ }
.product-list .productlist-con > a div { width: 73%; }
.product-list .productlist-con > a div font { width: 100%; }
.single-leftcon .single-tit em { margin-left: 5px; padding-left: 5px; }
.news-list .newslist-con a span { max-height: 175px;/*height: auto;*/ }
.news-list .newslist-con a { max-height: 267px; }
.case-list .caselist-con a span { width: 27%; }
.case-list .caselist-con a div { padding-left: 3%; width: 70%; }
.case-list .caselist-con a div font { width: 100%; }
.equipments-text .equbg { background: none; text-align: center; }
.equipments-text .equbg .equipments-pic .slick-prev { left: -40px; }
.equipments-text .equbg .equipments-pic .slick-next { right: -40px; }
.equipments-text .equbg .equipments-pic { display: inline-block; margin-left: 0; }
.relativeprobox span { width: 22.7%; margin-right: 3%; }
.relativeprobox span a { width: 100%; }
}

@media(max-width:480px) {
.relativeprobox span { width: 49%; margin-right: 1%; }
}

@media(max-width:400px) {
.relativeprobox span { width: 100%; margin-right: 3%; }
}

@media (max-width:1199px) {
.profeedback span input { width: 75%; }
.profeedback .procontact textarea { width: 87.5%; }
}

@media (max-width: 992px) {
.h-head font { display: none; }
.nav-box { width: 99%; }
.qua-box { padding: 30px 0; }
.about-box .about-con span .about-zh, .about-box .about-con h2 { margin-bottom: 5px; }
.products-box .prolist-nav-box .prolist-nav .slick-prev, .products-box .prolist-nav-box .prolist-nav .slick-next { display: none !important; }
.service-box .service-con .ser-box li .serbox01 { margin-left: 0; }
.service-box .service-con .ser-box li .serbox03 { /*width: auto;*/ }
.service-box .service-con .ser-box li .serbox05 { margin-left: 0; }
.service-box .service-con .ser-box li .serbox02 { margin-right: 0; }
.service-box .service-con .ser-box li .serbox04 { /*width: auto;*/ }
.service-box .service-con .ser-box li .serbox06 { margin-right: 0; }
.service-box .service-four div .ser-txt { width: 60%; }
.brand-box .brand-acon, .brand-box .brand-bcon { background: none; }
.brand-box .brand-acon .brand-ac-pic { margin-left: 0; margin-top: 0; width: 25%; height: auto; }
.brand-box .brand-acon .brand-ac-pic:after, .brand-box .brand-acon .brand-acc-pic:after, .brand-box .brand-bcon .brand-bc-pic:after, .brand-box .brand-bcon .brand-bcc-pic:after { width: 50px; line-height: 50px; height: 50px; font-size: 25px; }
.brand-box .brand-acon .brand-acc-pic:after, .brand-box .brand-bcon .brand-bcc-pic:after { top: 20px; left: 0; }
.brand-box .brand-acon .brand-ac-txt > p, .brand-box .brand-acon .brand-acc-txt > p, .brand-box .brand-bcon .brand-bc-txt > p, .brand-box .brand-bcon .brand-bcc-txt > p { margin-bottom: 5px; }
.brand-box .brand-acon .brand-acc-txt em { margin-top: 30px; }
.brand-box .brand-acon .brand-acc-txt { width: 75%; padding: 20px 0 0 50px; }
.brand-box .brand-acon .brand-acc-pic { width: 25%; height: auto; margin-top: 45px; float: left; }
.brand-box .brand-acon .brand-ac-txt { padding: 20px 0 0 50px; width: 75%; height: auto; }
.brand-box .brand-bcon .brand-bc-txt { padding: 70px 0 0 50px; width: 75%; height: auto; }
.brand-box .brand-bcon .brand-bcc-pic { margin-top: 45px; margin-right: 0; float: left; width: 25%; height: auto; }
.brand-box .brand-bcon .brand-bcc-txt { padding: 70px 0 0 50px; width: 75%; height: auto; }
.brand-box .brand-bcon .brand-bccenter { padding-bottom: 0; }
.brand-box .brand-bcon .brand-bc-pic { width: 25%; height: auto; margin-left: 0; margin-top: 45px; }
.brand-box .brand-bcon .brand-bc-pic:after { top: 20px; }
.brand-box .brand-acon .brand-ac-txt em i { left: -11%; width: auto; }
.brand-box .brand-acon .brand-acc-txt em i { left: -11%; width: auto; }
.brand-box .brand-bcon .brand-bc-txt em i, .brand-box .brand-bcon .brand-bcc-txt em i { left: -9%; width: auto; }
.qua-box .qua-slick { padding: 0 50px; }
.qua-box .qua-slick .slick-prev { left: 0; }
.qua-box .qua-slick .slick-next { right: 0; }
.qua-box .qua-slick-con .qua-sc-txt { width: 55%; }
.about-photo-tab { margin-top: 40px; margin-bottom: 20px; }
.products-box .prolist-nav-box font { text-align: center; padding-right: 10px; }
.products-box .prolist-con a { width: 50%; }
.products-box .prolist-con a span { width: 50%; /*height: auto;*/ max-height: 111px; overflow: hidden; }
.products-box .prolist-con .prolist-info { width: 50%; }
.products-box .prolist-con .prolist-info em { margin-top: 5px; }
.products-box .prolist-con .prolist-info h2 { height: 40px; line-height: 40px; }
.products-box .prolist-con a { height: auto; }
.products-box .prolist-con { margin-bottom: 40px; }
.ser-box { background-size: 250px !important; background-position: center center !important; }
.qua-b-share { display: none !important; }
.about-box .about-con .about-more a { width: 120px; }
.tag-serch span { display: block; max-width: 399px; overflow: hidden; float: left; }
.product-type { display: none; }
.single-leftcon { display: none; }
.conbody { width: 100%; }
.product-show .productlist-con .product-type, .product-list .productlist-con .product-type { display: none; }
.profeedback span { height: auto; }
/*.profeedback .procontact textarea {*/
    /*width: 100%;*/
  /*}*/
}

@media (max-width: 768px) {
.sub_menu{display:block !important}
.single-body{padding-top:0}
.subnav_wap {
    display: block !important;
}
.product-list .productlist-con > a div p{
  width:auto
}
.conbody .conbody-mbx{display:none}
.news-list .newslist-con a{width:96%}
.h-head .logo{padding-top:4px}
.news-box .news-list .news-list-txt li a, .news-box .news-list .news-list-txt li span { font-size: 12px; }
.news-box .news-list .news-list-txt li a { overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap}
.h-nav { background: #19b760; }
.nav-box { width: 100%; position: inherit; }
.nav-box li { width: 12.5%; }
.nav-box li > a { line-height: 40px; height: 40px; }
.nav-box li .navdown { top: 40px; }
.tag-serch { height: 40px; }
.tag-serch span { float: left; display: block; width: 50%; overflow: hidden; height: 40px; line-height: 40px; }
.products-box .prolist-con { margin-bottom: 40px; }
.tag-serch .search-box { margin-top: 5px; }
.products-box .prolist-con a { width: 100%; }
.products-box .prolist-con .prolist-info { width: 63%; }
.products-box .prolist-con a span { max-height: 144px; width: 37%; }
.products-box .prolist-con .prolist-info em { margin-top: 15px; }
.service-box .service-four div .ser-txt { width: 60%; }
.ser-box { background: none !important; }
.serbox01, .serbox02, .serbox03, .serbox04, .serbox05, .serbox06 { width: 50% !important; padding: 0 5%; }
.qua-box .qua-slick-con .qua-sc-txt { width: 50%; }
.qua-box { padding-bottom: 40px; }
.about-box {     margin-bottom: 20px;}
.about-box .about-con span p { font-size: 17px; }
.about-box .about-con span .about-zh, .about-box .about-con h2 { margin-bottom: 10px; }
.about-box .about-con .about-more a { width: 100px; }
.about-photo-tab .photo-sec .photo-art div { height: 94px; }
.about-photo-tab .photo-sec { margin-top: 30px; }
.footer-box .footer-con .logo-bottom { width: 165px; }
.footer-box .footer-con .footer-contact { font-size: 12px; margin-left: 40px; }
.news-box .news-box-tit { margin-top: 30px; }
.nav-box li .navdown { display: none; }
.about-box .about-con h2 { display: none; }
.about-box .about-con font { font-size: 12px; line-height: 20px; max-height: 60px;text-align: left; }
.about-box .about-con font p { display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden; }
.about-box .about-con .about-more a { font-size: 12px; width: 60px; line-height: 26px; height: 26px; margin-right: 5px; padding: 0 5px; border-radius: 0; }
.about-box .about-con .about-more { bottom: 10px; }
.product-list .productlist-con > a { width: 50%; float: left; height: auto; max-height: 264px; padding: 10px; }
.product-list .productlist-con > a span { width: 75%; margin: 0 auto; float: initial; height: 169px; }
.product-list .productlist-con > a div { padding-left: 0; width: 100%; text-align: center; }
.product-list .productlist-con > a div h2 { line-height: 30px; height: 30px; }
.product-list .productlist-con > a div font { display: none; }
.product-list .productlist-con > a div h2 { font-size: 14px; }
.product-list .productlist-con > a div em { font-size: 12px;     display: none;}
.news-list .newslist-con a { height: auto; }
.news-list .newslist-con a h2 { margin-bottom: 15px; }
.product-list .productlist-con > a span { border: 0; width: 100%; }
.case-list .caselist-con a span { background: #fff; }
.product-show .productshow-con .productshow-top .pro-pic .proslick-smallpic { display: none; }
.product-show .productshow-con .productshow-top .pro-info { padding-left: 0; width: 100%; }
.product-show .productshow-con .productshow-top .pro-info dl dt { margin-top: 20px; text-align: center; }
.product-show .productshow-con .productshow-top .pro-pic { width: 100%; }
.product-show .productshow-con .productshow-top .pro-info dl dd { display: none; }
.product-show .productshow-con .productshow-top .pro-info dl { height: auto; }
.product-show .productshow-con .productshow-top .pro-info .pro-telbox { display: none; }
.product-show .productshow-con .productshow-top { margin-bottom: 10px; }
.profeedback span em { /*width: 100%;*/ /*text-align: left;*/ }
.profeedback span input { /*width: 80%;*/ }
.product-show .productshow-con .productshow-center .proshowtabArt { padding: 30px 0px !important; }
/*.listpage .listpadcon .page-num { display: none; }*/
.listpre, .listnext { display: inline-block !important; }
}

@media (max-width: 700px) {
.service-box .service-four div .ser-txt { width: 47%; }
.brand-box .brand-acon .brand-ac-pic:after, .brand-box .brand-acon .brand-acc-pic:after, .brand-box .brand-bcon .brand-bc-pic:after, .brand-box .brand-bcon .brand-bcc-pic:after { display: none; }
.brand-box .brand-acon .brand-ac-txt, .brand-box .brand-acon .brand-acc-txt, .brand-box .brand-bcon .brand-bc-txt, .brand-box .brand-bcon .brand-bcc-txt { padding-left: 20px; }
.brand-box .brand-acon .brand-ac-txt em, .brand-box .brand-acon .brand-acc-txt em, .brand-box .brand-bcon .brand-bc-txt em, .brand-box .brand-bcon .brand-bcc-txt em { font-size: 18px; }
.contactbody dl dd { height: auto; }
}

@media (max-width: 681px) {
.qua-box .qua-slick-con span { width: 50%; margin-right: 0px; max-height: 120px; overflow: hidden; }
.qua-box .qua-slick-con .qua-sc-txt { width: 45%; }
.qua-box .qua-slick-con .qua-sc-txt h2 { font-size: 14px; }
.qua-box .qua-slick-con .qua-sc-txt h2 { margin-bottom: 10px; }
.qua-box .qua-slick-con .qua-sc-txt font { max-height: 95px; }
}

@media (max-width: 600px) {
.p-menu { display: block !important; }
.nav-box { display: none; }

.h-head span, .faq-box, .footer-box .footer-con .logo-bottom { display: none !important; }
.footer-box .footer-con .footer-contact { margin-left: 0; padding: 10px 0; }
.footer-box .footer-con { height: auto; }
}

@media (max-width:549px) {
.profeedback span input { width: 70%; }
.profeedback .procontact textarea { width: 85%; }
}

@media (max-width: 480px) {
.h-module .h-link1, .h-module .h-link2, .h-module em, .h-head span, .nav-box, .tag-serch span, .products-box .prolist-con .prolist-info font, .products-box .prolist-con .prolist-info em { display: none !important; }
.h-head .logo img { width: 130px; }
.search-box { width: 100%; }
.tag-serch .search-box input { width: 86%; }
.products-box .prolist-nav-box .prolist-nav { width: 100%; }
.products-box .prolist-nav-box font { display: none; }
.products-box { margin-top: 40px; }
.products-box .prolist-con a { padding: 10px; width: 50%; }
.products-box .prolist-con .prolist-info { width: 100%; padding: 0; }
.products-box .prolist-con .prolist-info h2 { text-align: center; font-size: 12px; height: 34px; line-height: 34px; }
.service-box .service-four div .ser-pic { width: 24%; }
.service-box .service-four div .ser-txt { width: 76%; }
.brand-box .brand-acon .brand-ac-pic, .brand-box .brand-acon .brand-acc-pic, .brand-box .brand-bcon .brand-bc-pic, .brand-box .brand-bcon .brand-bcc-pic, .brand-box .brand-acon .brand-ac-txt em i, .brand-box .brand-acon .brand-acc-txt em i, .brand-box .brand-bcon .brand-bc-txt em i, .brand-box .brand-bcon .brand-bcc-txt em i { display: none; }
.brand-box .brand-acon .brand-ac-txt, .brand-box .brand-acon .brand-acc-txt, .brand-box .brand-bcon .brand-bc-txt, .brand-box .brand-bcon .brand-bcc-txt { padding: 0; width: 100%; text-align: center; margin: 20px 0; }
.brand-box .brand-acon .brand-acc-txt em { margin-top: 0; }
.qua-box .qua-slick-con .qua-sc-txt { width: 100%; }
.qua-box .qua-slick-con .qua-sc-txt h2 { text-align: center; margin-top: 20px; }
.qua-box .qua-slick-con .qua-sc-txt font { max-height: 55px; }
.qua-box { padding-top: 30px; }
.about-photo, .service-four { display: none !important; }
.footer-box .footer-con .footer-contact { width: 100%; margin: 0; }
.qua-box { padding-bottom: 20px; }
.products-box .prolist-con a span { width: 100%; }
.service-box .service-con .ser-box li { height: 152px; }
.news-list .newslist-con a h2, .news-list .newslist-con a em { font-size: 12px; }
.news-list .newslist-con a em { margin-top: 5px; }
.case-list .caselist-con a { width: 50%; float: left; height: auto; }
.case-list .caselist-con a span { width: 100%; }
.case-list .caselist-con a div font { display: none; }
.case-list .caselist-con a div h2 { font-size: 12px; text-align: center; width: 100%; line-height: 30px; height: 30px; }
.case-list .caselist-con a div { padding-left: 0; width: 100%; }
.equipments-text .equbg { width: 100%; height: auto; }
.equipments-text .equbg .equipments-pic { width: 100%; height: auto; }
.equipments-text .equbg .equipments-pic span { width: 100%;/*height: auto;*/ }
.contactbody .feedbackbody .feedback-con { background: none!important; }
.contactbody .feedbackbody .feedback-con label { margin-left: 0; width: 100%; }
.contactbody .feedbackbody .feedback-con .feedback-txt { display: none; }
.contactbody .feedbackbody .feedback-con form span { padding-left: 0; }
.contactbody .feedbackbody font { height: auto; }
.newrlative .newsrlativebox a { max-width: 100%; }
.profeedback span { width: 100%; }
.profeedback span input { width: 73%; }
.profeedback .procontact textarea { width: 73%; }
.profeedback span { margin-bottom: 5px; }
.probtn { /*float: left !important;*/ margin-top: 10px; }
.profeedback .procode .probtn button { margin-left: 0; margin-right: 10px; }
.showpage span { width: 100%; border-top: 1px solid #fff; }
.showpage { height: auto; }
.contactbody dl dd { width: 100%; }
.brand-box font b { font-size: 21px; }
.qua-box .qua-slick-con span { width: 100%; max-height: 200px; }
.about-box .about-con .about-more { /*display: none;*/ }
.about-box .about-con { padding-left: 10px; }
.service-box .service-con font { font-size: 17px; }
}

@media (max-width: 480px) and (min-width: 320px) {
.products-box .prolist-con a span { position: relative; background: none; }
.products-box .prolist-con a span img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; max-width: 100%; max-height: 100%; display: block; vertical-align: middle; text-align: center; margin: auto; border: 1px solid #ECECEC; }
.products-box .prolist-con a span i { padding-bottom: 100%; }
}

@media (max-width: 400px) {
.service-box .service-con .ser-tit { width: 100%; font-size: 12px; }
.brand-box font b { font-size: 18px; }
.qua-box .qua-slick-con span { margin: 0; width: 100%; display: block; }
.about-box .about-pic { width: 100%; }
.about-box .about-con { padding: 0; width: 100%; text-align: center;margin-top: 10px; }
.about-box .about-con .about-more { position: inherit; margin-top: 20px; width: 100%; text-align: center; }
.about-box .about-con .about-more a { float: inherit; display: inline-block; }
.about-box .about-con font { max-height: none; }
.about-box .about-con span p { height: auto; }
.qua-box .qua-txt p { width: 100%;/*font-size: 12px; */}
/*.service-box .service-con .ser-box li em,*/
.service-box .service-con font b { display: block; padding-top: 10px; }
.service-box .service-con .ser-qqmail .ser-qq { padding-left: 60px; margin-bottom: 20px; }
.service-box .service-con .ser-box li b { margin-bottom: 10px; }
.serbox01, .serbox02, .serbox03, .serbox04, .serbox05, .serbox06 { padding: 0 4%; }
.service-box .service-con .ser-box { margin-top: 30px; }
.service-box .service-con { padding: 30px 0; }
.service-box .service-con .ser-tel { padding-top: 30px; }
.service-box .service-con .ser-box li i { /*padding: 10px 0;*/ }
/*.product-list .productlist-con > a span { height: 120px; }*/
.case-list .caselist-con a span { height: 110px; }
.case-list .caselist-con a { width: 100%; }
.contactbody .feedbackbody .feedback-con label .f-code { width: 145px; }
}

@media (max-width:434px) and (min-width:357px) {
.profeedback span a.change { display: none; }
}

@media (max-width:369px) {
.profeedback span input { width: 75%; }
.profeedback .procontact textarea { width: 75%; }
}
@media (max-width: 320px) {
.h-head .logo img { height: 45px; width: auto; }
.tag-serch .search-box input { width: 85%; }
.products-box .prolist-nav-box .prolist-nav span { font-size: 12px; }
.products-box .prolist-con a { width: 100%; }
.products-box .prolist-con a span { max-height: 200px; background: none; }
.products-box .prolist-con img { border: 5px solid #ECECEC; }
.service-box { padding: 30px 0; }
.brand-box .brand-acon .brand-ac-txt em, .brand-box .brand-acon .brand-acc-txt em, .brand-box .brand-bcon .brand-bc-txt em, .brand-box .brand-bcon .brand-bcc-txt em { font-size: 16px; border-bottom: 2px solid #0f9e44; padding-bottom: 5px; }
/*.service-box .service-con .ser-box li em,*/
.service-box .service-con font b { padding-top: 3px; }
.brand-box .brand-acon .brand-ac-txt em p { padding-bottom: 30px; padding-top: 20px; }
.qua-box .qua-slick { margin: 20px 0; }
.qua-box .qua-slick-con span img { display: inline-block; width: 100%; }
.qua-box .qua-slick-con .qua-sc-txt h2 { font-size: 16px; }
.footer-box .footer-con { height: auto; }
.product-list .productlist-con > a { width: 100%; }
.news-list .newslist-con a { width: 100%; }
}
@media (min-width:600px) {
#p-menu { display: none; }
}

@media (max-width:500px) {
.honorbox-list .photo li { max-height: 120px; }
}
.vcenter { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; display: block; margin: auto; vertical-align: middle }
#map { width: 100%; height: 300px; overflow: hidden; margin: 0; font-family: "微软雅黑"; }
/* 留言框填写错误，提示框变红  */
#p-menu .mm-title { color: #666; height: 30px; }
#contact-form .validate-on { border: 1px solid #ff0000; box-shadow: 0 0 1px #ff0000; }
input:-webkit-autofill {
 -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
.pub_form_ul li input[type="text"] { line-height: 30px!important; height: 28px!important; padding: 0px !important; }
.pub_form_ul li .pub_radio { margin-top: -2px !important; }
a.l-btn span.l-btn-left { height: auto!important; }
a.l-btn { padding-right: 16px!important; }
.pub_form_ul li label { margin-right: 0px!important; }
.panel { margin-bottom: 0px!important; }
.panel_inner .tip { padding: 0px!important; }
.panel-body { padding: 0px; }
a { -webkit-transition: all 0 ease 0!important; transition: all 0 ease 0!important; }
.fn-suspend { margin-right: 0!important; }
.BMapLib_nav { display: none; padding: 10px!important; }
.BMapLib_bubble_content { padding: 10px!important; }
.BMapLib_sendToPhone, .BMapLib_bubble_close { display: none; }
.BMap_cpyCtrl { display: none; }
.BMapLib_trans { margin: 0!important; }
.BMap_Marker img { max-width: 39px; }
/*产品详情图片自适应*/
.proshowtabArt img { max-width: 100%; }


.foot-box{
    background: #282828;
    padding: 6px 0;
    line-height: 32px;
    color: #fff;
}

.foot-box ul li {
    display: inline-block;
    margin-right: 8px;
}
.foot-box a {
    color: #fff;
}

.m-foot-box {
    padding: 8px 0;
    background: #282828;
    text-align: center;
    color: #fff;
}


#contact-form{
    margin-bottom: 35px;
}



.sub_menu{position:relative;background: #eee;}
.subnav_wap, #subnav_wap,.sub_menu {display: none}
/*wap*/
.subnav_wap{width:26px;position:absolute;cursor:pointer;right: 2%;height: 40px;top: 0;}
.subnav_wap span{display:block;background:#0260b3;width:100%;height:2px;position:absolute;left:0;transition:all ease 0.35s;border-radius: 5px;}
.subnav_wap span:nth-of-type(1){top:10px}
.subnav_wap span:nth-of-type(2){top:19px}
.subnav_wap span:nth-of-type(3){top:28px}
.subnav_wap_se span:nth-of-type(1){top:19px;transform:rotate(45deg)}
.subnav_wap_se span:nth-of-type(2){width:0}
.subnav_wap_se span:nth-of-type(3){top:19px;transform:rotate(-45deg)}
.active_wap{color: #1E5AAE !important;}
#subnav_wap{display: none;padding: 0 3%;}
#subnav_wap li{border-bottom: 1px solid #F0F0F0;padding-left: 15px;line-height: 40px;}
#subnav_wap li a{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#subnav_wap li a.active{color:#0190e2;}
@media all and (min-width:997px) {
    #subnav_wap{display:none !important}
}
.sub_menu .cur {
   font-size:14px;
  float:left;
    background: #0260b3;
    color: #fff;
    text-align: center;
    padding: 0 2%; 
       height: 38px;
    line-height: 38px;
}
/***成功案例***/
.teme_4_2{width:1170px;margin:10px auto 0;overflow:hidden}
.teme_4_2 dl{width:280px;float:left;margin:20px 15px 0 0;position:relative;border:1px solid #efefef;background:#fff}
.teme_4_2 dt{width:278px;overflow:hidden}
.teme_4_2 dt img{width:100%;display:block;cursor:pointer;transition:all 0.6s}
.teme_4_2 dl:hover dt img{transform:scale(1.2)}
.teme_4_2 dd{text-align:center;height:37px;line-height:37px}
.teme_4_2 dl:hover  dd{background:#0260b1}
.teme_4_2 dl:hover  dd a{color:#fff}
.teme_4_2 dd a{color:#333;height:100%;display:block}
.teme_4_2 dl:nth-of-type(4),.teme_4_2 dl:nth-of-type(8){margin:20px 0 0 0}

@media all and (max-width:768px) {
div[name="basic_new1"]{
  float:none
}
.teme_4_2{width:100%;margin:3% auto;overflow:hidden}
.teme_4_2 dl{width:45%;float:left;margin:3% 0 0 3% !important;border:1px solid #efefef;background:#fff}
.teme_4_2 dt{width:100%;overflow:hidden}
.teme_4_2 dt img{width:100%;display:block}
.teme_4_2 dd{border-top:1px solid #e8e7e7;text-align:center;height:30px;line-height:30px}
.teme_4_2 dd a{color:#333;height:100%;display:block}
.product-list .productlist-con > a div h2 {
    margin: 10px 0 0px;
}
.profeedback span em {
    width: 76px;}
.contactbody .map-con {
    margin: 15px 0 35px;
}
.contactbody .feedbackbody font {
    line-height: 24px;}
.caption h5{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-show .newsshow-author {
    line-height: 27px;
    padding-bottom: 0px;}
.news-show .newsshow-tit {
    margin: 10px 0 0px;}
.news-box .news-list {
    width: 100%;}
.news-box .news-box-tit {
    width: 100%;}
.product-show .productshow-con .productshow-top .pro-info dl dt h1 {
    font-size: 20px;
    line-height: 28px;
}
.product-show .productshow-con .productshow-top {
    margin-bottom: 0;
}
.relativeprobox span{
    width: 47%;
    float: left;
}
.news-box .news-list .news-list-txt li span {
    display: block;
    width: 93px;}
.product-list .productlist-con > a div p {
    -webkit-line-clamp: 2;
}
.contactbody .feedbackbody .feedback-con label input:not([type="radio"]) {

    padding-left: 10px;

}
.feedbackbody div[name="message_tit"] {
    padding: 0;
    background: #f5f5f5;
}
}
/***成功案例 end***/