.c0 {color: #000}
.c1 {color: #111}
.c2 {color: #222}
.c3 {color: #333}
.c4 {color: #444}
.c5 {color: #555}
.c6 {color: #666}
.c7 {color: #777}
.c8 {color: #888}
.c9 {color: #999}
.ca {color: #aaa}
.cb {clear: both}
.cc {color: #f08118}
.cd {color: #ddd}
.ce {color: #eee}
.cf {/* color: #fff */}
.bc0 {background-color: #000}
.bcf {background-color: #fff}
.bcc {background-color: #f08118}
.boc {border-color: #f08118}
.bn {border: none}
.bor {border: 1px solid #bbb}
.bt {border-top: 1px solid #bbb}
.bl {border-left: 1px solid #bbb}
.br {border-right: 1px solid #bbb}
.f0 {font-size: 0}
.f12 {font-size: 12px}
.f13 {font-size: 13px}
.f14 {font-size: 16px}
@media (max-width:640px) {.f14 {font-size: 13px}}
.f15 {font-size: 15px}
@media (max-width:640px) {.f15 {font-size: 1rem}}
.f16 {font-size: .8rem}
@media (max-width:768px) {.f16 {font-size: .88888889rem}}
@media (max-width:640px) {.f16 {font-size: 1rem}}
.f17 {font-size: .85rem}
@media (max-width:768px) {.f17 {font-size: .94444444rem}}
@media (max-width:640px) {.f17 {font-size: 1.0625rem}}
.f18 {font-size: .9rem}
@media (max-width:768px) {.f18 {font-size: .94444444rem}}
.f19 {font-size: .95rem}
.f20 {font-size: 1rem}
.f21 {font-size: 1.05rem}
@media (max-width:768px) {.f21 {font-size: 1rem}}
.f22 {font-size: 1.1rem}
@media (max-width:768px) {.f22 {font-size: 1.04761905rem}}
.f23 {font-size: 1.15rem}
@media (max-width:768px) {.f23 {font-size: 1.04545455rem}}
.f24 {font-size: 1.2rem}
@media (max-width:768px) {.f24 {font-size: 1.09090909rem}}
.f25 {font-size: 1.25rem}
@media (max-width:768px) {.f25 {font-size: 1.08695652rem}}
.f26 {font-size: 1.3rem}
@media (max-width:768px) {.f26 {font-size: 1.13043478rem}}
.f27 {font-size: 1.35rem}
@media (max-width:768px) {.f27 {font-size: 1.125rem}}
.f28 {font-size: 1.4rem}
@media (max-width:768px) {.f28 {font-size: 1.16666667rem}}
.f29 {font-size: 1.45rem}
@media (max-width:768px) {.f29 {font-size: 1.16rem}}
.f30 {font-size: 1.5rem}
@media (max-width:768px) {.f30 {font-size: 1.2rem}}
.f31 {font-size: 1.55rem}
@media (max-width:768px) {.f31 {font-size: 1.19230769rem}}
.f32 {font-size: 1.6rem}
@media (max-width:768px) {.f32 {font-size: 1.23076923rem}}
.f33 {font-size: 1.65rem}
@media (max-width:768px) {.f33 {font-size: 1.22222222rem}}
.f34 {font-size: 1.7rem}
@media (max-width:768px) {.f34 {font-size: 1.25925926rem}}
.f35 {font-size: 1.75rem}
@media (max-width:768px) {.f35 {font-size: 1.25rem}}
.f36 {font-size: 1.8rem}
@media (max-width:768px) {.f36 {font-size: 1.28571429rem}}
.f37 {font-size: 1.85rem}
@media (max-width:768px) {.f37 {font-size: 1.27586207rem}}
.f38 {font-size: 1.9rem}
@media (max-width:768px) {.f38 {font-size: 1.31034483rem}}
.f39 {font-size: 1.95rem}
@media (max-width:768px) {.f39 {font-size: 1.3rem}}
.f40 {font-size: 2rem}
@media (max-width:768px) {.f40 {font-size: 1.33333333rem}}
.f41 {font-size: 2.05rem}
@media (max-width:768px) {.f41 {font-size: 1.32258065rem}}
.f42 {font-size: 2.1rem}
@media (max-width:768px) {.f42 {font-size: 1.35483871rem}}
.f50 {font-size: 2.3rem}
@media (max-width:768px) {.f50 {font-size: 1.42857143rem}}
.f78 {font-size: 3.5rem}
@media (max-width:1200px) {.f78 {font-size: 3vw}}
@media (max-width:768px) {.f78 {font-size: 1.30909091rem}}
.fal {font-family: Arial}
.fyl {font-family: FontBlar}
.fs {font-family: '宋体'}
.fn {font-weight: 400}
.fb {font-weight: 700}
.fi {font-style: italic}
.fl {float: left}
.fr {float: right}
.db {display: block}
.dib {display: inline-block}
.dt {display: table}
.dtc {display: table-cell}
.dn {display: none}
.bn {border: none}
.tl {text-align: left}
.tc {text-align: center}
.tr {text-align: right}
.tu {text-transform: uppercase}
.vt {vertical-align: top}
.vm {vertical-align: middle}
.vb {vertical-align: bottom}
.over {overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.box {box-sizing: border-box}
.ma {margin-left: auto;margin-right: auto}
.m0 {margin: 0}
.p0 {padding: 0}
.yy {box-shadow: 0 0 12px rgba(70, 70, 70, .5)}
.yy2 {box-shadow: 2px 3px 12px rgba(70, 70, 70, .13)}
.pz {padding: 0 15px;margin-left: -15px}
.pr {position: relative}
.oh {overflow: hidden}
.wrap {overflow: hidden}
.w00 {width: 100%}
.h00 {height: 100%}
.ma00 {max-width: 100%}
.mh00 {max-height: 100%}
.abs {position: absolute;width: 100%;height: 100%;z-index:1;left: 0;top: 0}
.imWrap {width: 100%;padding-top: 67%;position: relative;overflow: hidden}
.imWrap img {display: block;position: absolute;width: 100%;z-index: 5;left: 0;top: 0;height: auto;min-height: 100%}
.imWrap .imgcon {position: absolute;width: 100%;height: 100%;z-index: 5;left: 0;top: 0}
.imWrap .imgcon img {position: relative;display: inline-block;width: auto;max-width: 100%}
.big {overflow: hidden;position: relative;}
.big img {width: 100%;display: block;transform: translateX(-50%);transition: .1s transform;transform: translateZ(0);min-height: 100%;transition: .3s transform}
.big .video_pic{width: auto ;min-height: auto;transform: none;}
.big:hover img{transform: none !important;}

#ind_sp .big:hover img.video_pic { transform: translate(-50%,-50%) scale(1) !important;}

.big .imgcon img {width: auto;min-height: auto}
.imgDiv {position: relative;width: 100%;overflow: hidden}
.imgDiv img {position: relative;display: block;left: 50%;transform: translateX(-50%)}
.imgDiv .abs {text-align: center}
.imgDiv .abs::after {display: inline-block;font-size: 0;height: 100%;vertical-align: middle;content: ".";clear: both;width: 0}
.imgDiv .ind_tit {display: inline-block;vertical-align: middle;margin: 0}
.imgcon {text-align: center;font-size: 0;overflow: hidden}
.imgcon img {display: inline-block;vertical-align: middle;max-width: 100%}
.imgcon:after {display: inline-block;vertical-align: middle;height: 100%;clear: both;content: "";width: 0}
.m3w {margin-top: 30px;margin-top: 3vw}
.btn {display: inline-block;color: #333;font-size: 16px;text-align: center;width: 6rem;line-height: 1.6rem;border: 1px solid #333}
@media (max-width:640px) {.btn {font-size: 13px}}
.btn.bg {background-color: #f08118;color: #fff;border-color: #f08118}
.tabCon .con {display: none}
.tabCon .con.act {display: block}
.mBtn {display: none}
.row {display: flex;flex-flow: row wrap;justify-content: space-between}
.row .col {flex: 1}
.tabUl {display: flex;flex-flow: row wrap;justify-content: space-between}
.tabUl li {flex: 1;cursor: pointer}
.gradient_linear {background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#49d), to(#5571b4));-webkit-background-clip: text;-webkit-text-fill-color: transparent}
.searDiv {float: right;overflow: hidden;position: relative;display: inline-block;margin-top: 20px;margin-left: 5px;max-width: 430px;width: 215px;height: 36px;border: 1px solid #bbb;background: 0 0;border-radius: 18px}
#searcher {float: right;display: block;font-size: 13px;color: #333;height: 34px;width: 160px;padding: 0 5px;margin-right: 4px;border: none}
#searchglass {float: right;display: block;overflow: hidden;width: 36px;height: 36px;cursor: pointer;border: none;background-image: url(../images/i03.png);background-repeat: no-repeat;background-position: 3px center;text-indent: -99em;background-color: transparent}
.ind_tit {text-align: center;position: relative;padding: 1vw 0 1.5vw;}
#ind_products .ind_tit {padding: 1vw 0;}
.ind_tit h2 {font-size: 1.8rem;line-height: 2em;color: #333;letter-spacing: 2px}
@media (max-width:768px) {.ind_tit h2 {font-size: 1.28571429rem}}
.ind_tit small {font-size: 15px;display: block;color: #666;line-height: 1.6;letter-spacing: 2px}
@media (max-width:640px) {.ind_tit small {font-size: 1rem}}
@media (max-width:768px) {.ind_tit small {line-height: 1.76}}
.ind_tit.t2 {text-align: left;margin-bottom: 0}
.ind_tit.t2 .more {float: right;font-size: 16px;color: #4d4d4d;margin-top: 2rem}
@media (max-width:640px) {.ind_tit.t2 .more {font-size: 13px}}
.ind_tit.t2 h2 {color: #f08118;margin-bottom: -.3em;font-size: 1.4rem}
@media (max-width:768px) {.ind_tit.t2 h2 {font-size: 1.16666667rem}}
.ind_tit.t2 h2 span {font-family: Arial;color: #f08118;font-size: 1rem;font-weight: 400}
.ind_tit.bg small {color: #fff}
.ind_tit.bg h2 {color: #f08118}
.ind_tit.bg2 h2 {color: #fff}
.ind_tit.bg2 small {color: #999}
#swiper3 {margin-bottom: 2.5vw;justify-content: center}
#swiper3 a {display: block;cursor: pointer;flex: initial;padding: 5px 0;margin: 0 15px;flex-grow: 1;background-repeat: no-repeat;background-position: 0 center;background-size: 100% 100%;background-image: url(../images/i07_1.png);color: #333;}
#swiper3 a h3 {line-height: 2;text-align: center}
#swiper3 a:hover {background-image: url(../images/i07.png)}
#swiper3 a h3 {color: #333}

#swiper3 a:hover h3{color: #fff;}

#swiper5 .topcp {background-color: #f08118;overflow: hidden}
#swiper5 .topcp dl dd{color:#fff;line-height:2.4;}#swiper5 .topcp .big {width: 36rem;height: 24.6rem;float: left;display: block;background-color: #f6f6f6}
#swiper5 .topcp .wrap {display: flex;align-items: center;height: 24.6rem}
#swiper5 .topcp .line {margin: 2vw 0;display: block}
#swiper5 .topcp .info {padding: 0 3vw}
#swiper5 .topcp .info dl{ color:#fff; line-height:2.4}
#swiper5 .topcp h3 {font-size: 1.15rem;color: #fff}
@media (max-width:768px) {#swiper5 .topcp h3 {font-size: 1.04545455rem}}
#swiper5 .topcp p.det {font-size: 16px;color: #fff;line-height: 2.4;height: 12em;overflow: hidden}
@media (max-width:640px) {#swiper5 .topcp p.det {font-size: 13px}}
#swiper5 .topcp .more {float: right;color: #fff;font-size: 16px;margin-top: 1rem}
@media (max-width:640px) {#swiper5 .topcp .more {font-size: 13px}}
@media screen and (max-width:767px) {#swiper5 .topcp .big {float: none;height: 62vw;width: 100%}
#swiper5 .topcp .wrap {height: auto;padding: 5vw 2vw}}
#swiper6 {width: 100%;box-sizing: border-box;overflow: hidden;margin-top: 1rem;padding: 7px;max-height: 250px}
#swiper6 .big {box-shadow: 2px 3px 12px rgba(70, 70, 70, .13);box-sizing: border-box;border: 3px solid transparent;padding-top: 68.4%}
#swiper6 strong {display: block;text-align: center;color: #333;font-size: .8rem;line-height: 3;padding-top: .5em}
@media (max-width:768px) {#swiper6 strong {font-size: .88888889rem}}
@media (max-width:640px) {#swiper6 strong {font-size: 1rem}}
#swiper6 .swiper-slide.selected .big {box-shadow: 2px 3px 12px rgba(240, 129, 24, .44)}
@media screen and (max-width:767px) {#swiper6 {display: none}}
ul.lllll {width: 102%}
ul.lllll li {float: left;width: 18%;margin-right: 1.5%;margin-top: 2%;margin-left: .5%}
ul.lllll li .big {box-shadow: 2px 3px 12px rgba(70, 70, 70, .13);box-sizing: border-box;border: 3px solid transparent;padding-top: 68.4%}
ul.lllll li strong {display: block;text-align: center;color: #333;font-size: .8rem;line-height: 3;padding-top: .5em}
@media (max-width:768px) {ul.lllll li strong {font-size: .88888889rem}}
@media (max-width:640px) {ul.lllll li strong {font-size: 1rem}}
ul.lllll li.act .big {box-shadow: 2px 3px 12px rgba(240, 129, 24, .44)}
@media screen and (max-width:767px) {ul.lllll li {width: 48%}}
#ind_about {overflow: hidden;margin-top: 30px;margin-top: 3vw;background-color: #f7f7f7;background-image: url(../images/bg01.jpg);background-repeat: no-repeat;background-position: 0 bottom;background-size: auto auto}
#ind_about .w50 {float: right;font-size: 0;width: 42%}
#ind_about .w50 img {display: block;max-width: 100%}
#ind_about h2 {font-size: 1.75rem;color: #333;padding-left: 1.5rem;padding-top: 1rem;line-height: 2.4;letter-spacing: 2px}
@media (max-width:768px) {#ind_about h2 {font-size: 1.25rem}}
#ind_about .cont {font-size: 16px;color: #555;max-width: 41rem;margin-left: auto;margin-right: auto;line-height: 2.2;padding: 1.5rem;overflow: hidden;margin-bottom: 3vw}
@media (max-width:640px) {#ind_about .cont {font-size: 13px}}
@media screen and (max-width:767px) {#ind_about .cont {padding: 5vw}}
#ind_about .num3 {box-sizing: border-box;text-align: center;padding: 0 10%}
#ind_about .num3 .counter {font-family: Arial;font-size: 2.1rem;color: #f08118}
@media (max-width:768px) {#ind_about .num3 .counter {font-size: 1.35483871rem}}
#ind_about .num3 small {color: #f08118;font-size: 15px}
@media (max-width:640px) {#ind_about .num3 small {font-size: 1rem}}
#ind_about .num3 p {font-size: 16px;color: #444}
@media (max-width:640px) {#ind_about .num3 p {font-size: 13px}}
.fot_link {color: #666;background-color: #f5f7fa;padding: 10px;line-height: 2em}
.fot_link strong {float: left}
.fot_link a.fr {color: #f08118;padding-left: 2em}
.fot_link a {color: #666;padding: 0 10px}
.fot_link a:hover {color: #f08118}
#ind_form {float: right;width: 50%}
#ind_form .tit {color: #f08118;font-size: .8rem;line-height: 4em}
@media (max-width:768px) {#ind_form .tit {font-size: .88888889rem}}
@media (max-width:640px) {#ind_form .tit {font-size: 1rem}}
#ind_form .col {width: 45%;float: left;position: relative}
#ind_form .col:nth-child(even) {float: right}
#ind_form .col::after {font-size: 15px;display: block;color: #f08118;content: "*";z-index: 5;position: absolute;right: -12px;top: 10px}
@media (max-width:640px) {#ind_form .col::after {font-size: 1rem}}
#ind_form label {display: inline-block;color: #999;float: left}
#ind_form input,

#ind_form textarea {box-sizing: border-box;width: 100%;height: 37px;border: 1px solid #909192;background-color: transparent;margin-bottom: 23px}
#ind_form input:hover,

#ind_form textarea:hover {border-color: #f08118}
#ind_form textarea {height: 90px}
#ind_form .zxlysub {background-color: #f08118;border: none;color: #fff;float: right;width: 150px}
.copyright {padding: .5rem 0;color: #f7f7f7}
.copyright a {color: #fff}
.breakerDiv {overflow: hidden;padding-bottom: .5rem}
.breaker {float: right;color: #555;margin-top: 10px;line-height: 2.14em;padding-left: 23px;overflow: hidden;background-image: url(../images/i24.png);background-repeat: no-repeat;background-position: 0 center;background-size: auto auto}
.breaker a {color: #999}
.breaker span {color: #f08118}
.breaker i {color: #f08118}
.main {overflow: hidden;margin-bottom: 3vw}
.main .bor {border: 1px solid #bbb;box-sizing: border-box;padding: 1rem}
.lside {float: left;width: 11.9rem;margin-right: 1.5rem}
.lside h2 {font-size: 1.2rem;text-align: center;color: #fff;background-color: #f08118;line-height: 74px;background-image: url(../images/i07.png);background-repeat: no-repeat;background-position: .8em center;background-size: auto auto;margin-bottom: .5rem}
@media (max-width:768px) {.lside h2 {font-size: 1.09090909rem}}
.lside ul {background-color: #eee}
.lside .iauth {box-sizing: border-box}
.lside .iauth li {border-bottom: 1px solid #f08118}
.lside .iauth li:last-child {border: none}
.lside .iauth a {text-align: center;line-height: 50px;font-size: .8rem;color: #333;position: relative;display: block}
@media (max-width:768px) {.lside .iauth a {font-size: .88888889rem}}
@media (max-width:640px) {.lside .iauth a {font-size: 1rem}}
.lside .iauth a.act,.lside .iauth a:hover {color: #f08118}
.lside h3 {font-size: 1rem;text-align: center;color: #fff;background-color: #f08118;margin-top: 1rem;line-height: 54px;background-image: url(../images/i08.png);background-repeat: no-repeat;background-position: .8em center;background-size: auto auto}
.lside .newslist li {border-bottom: 1px dashed #f08118}
.lside .newslist li:last-child {border: none}
.lside .newslist a {text-align: left;line-height: 50px;font-size: 16px;color: #666;display: block;box-sizing: border-box;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 .8rem}
@media (max-width:640px) {.lside .newslist a {font-size: 13px}}
.lside .newslist a.act,.lside .newslist a:hover {color: #f08118}
.inner_list {width: 104%}
.inner_list li {float: left;width: 30%;margin-right: 3%}
.inner_list .imWrap {box-sizing: border-box;border: 1px solid #bbb}
.inner_list p {font-size: 16px;color: #333;display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 3em}
@media (max-width:640px) {.inner_list p {font-size: 13px}}
.inner_tit {text-align: center;position: relative;margin: 2vw 0;padding-bottom: 10px}
.inner_tit h2 {font-size: 1.5rem;font-weight: 400;line-height: 1.5em;color: #f08118}
@media (max-width:768px) {.inner_tit h2 {font-size: 1.2rem}}
.inner_tit small {font-size: .9rem;display: block;font-family: '宋体';color: #999;line-height: 1.5em}
@media (max-width:768px) {.inner_tit small {font-size: .94444444rem}}
.inner_tit.bg small {color: #fff}
.inner_tit.bg h2 {color: #f08118}
.inner_tit.bg2 h2 {color: #fff}
.inner_tit.bg2 small {color: #999}
.inner_tit::after {background-color: #f08118;display: block;content: "";height: 4px;width: 61px;z-index: 5;position: absolute;left: 50%;bottom: 0;margin-left: -30px}
.article img {max-width: 100%}
.articleTit {color: #333;text-align: center;font-weight: 400;font-size: 1.2rem;margin-top: 1rem}
@media (max-width:768px) {.articleTit {font-size: 1.09090909rem}}
.sub_info {text-align: center;color: #666;padding: 5px 0;line-height: 1.5rem !important;margin-bottom: 1rem;border-bottom: 1px dashed #bbb}
.sub_info span {margin-right: 1rem}
.pr .sub_info span:after {display: block;content: " ";height: 100%;width: 100%;z-index: 5;position: absolute;left: 0;top: 0}
.articleCon {font-size: 16px !important;line-height: 2.1 !important;color: #333 !important}
.articleCon img {max-width: 100%;height: auto !important}
.skip {overflow: hidden;margin-top: 2vw}
.skip>div {float: left;width: 50%;color: #333}
.skip>div:last-child {text-align: right}
.skip a {font-size: 16px;color: #666;

overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: middle;max-width: calc(100% - 4em)}
@media (max-width:640px) {.skip a {font-size: 13px}}
.skip span {font-size: 16px;color: #f08118;display: inline-block;position: relative;overflow: hidden;vertical-align: middle;padding-right: 5px}
@media (max-width:640px) {.skip span {font-size: 13px}}
h3.tag {color: #999;font-weight: 400;font-size: 16px;line-height: 1.7em;border-top: 1px dashed #e0e1dc;margin-top: .5rem;padding-top: .4rem}
@media (max-width:640px) {h3.tag {font-size: 13px}}
h3.tag a {color: #005a98;margin: 0 8px 0 5px}
h3.tag a :hover {color: #0172bd}
.titbar {border-bottom: 1px solid #bbb;height: 36px;margin: 1rem 0}
.titbar h2 {font-size: .8rem;color: #f08118;display: inline-block;border-bottom: 2px solid #f08118;line-height: 35px}
@media (max-width:768px) {.titbar h2 {font-size: .88888889rem}}
@media (max-width:640px) {.titbar h2 {font-size: 1rem}}
.news_pre {width: 103%}
.news_pre li {float: left;width: 47%;margin-right: 3%}
.news_pre span.date {float: right;font-size: 13px;color: #666}
.news_pre a {font-size: 16px;color: #333;padding-left: 1.5em;background-image: url(../images/i05.png);background-repeat: no-repeat;background-position: 0 center;background-size: auto auto;line-height: 1.3em}
@media (max-width:640px) {.news_pre a {font-size: 13px}}
.pro_pre .swiper-slide a {display: block}
.pro_pre .swiper-slide a .bor {box-sizing: border-box;border: 1px solid #bbb;padding: 9px}
.pro_pre .swiper-slide .big {height: 140px}
.pro_pre .swiper-slide .big img {min-height: 100%}
.pro_pre .swiper-slide p {color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;text-align: center;line-height: 40px}
#shareicon1>a {float: right;width: 16px;height: 16px;background-size: 100%}
#header {background-color: #fff;width: 100%;top: 0;left: 0;z-index: 125}
@media (max-width:768px) {#header {position: fixed;box-shadow: 2px 3px 12px rgba(70, 70, 70, .13)}}
.tellNum {float: right;font-size: 1.1rem;color: #f08118;border-radius: 5px;padding: 0 1em 0 .6em;margin-top: 10px;line-height: 1.9}
@media (max-width:768px) {.tellNum {font-size: 1.04761905rem}}
#phone {display: inline-block;padding-right: 5px;vertical-align: text-bottom}
.logobar {padding: .7rem 0;font-size: 0}
.logobar .logo {position: relative;float: left;display: inline-block;z-index: 50;padding-right: 3vw}
.logobar .logo img {display: block}
.logobar .logo h1 {display: none}
.logobar .tr {display: inline-block;width: calc(100% - 21rem)}
#Nav {display: block;text-align: center;overflow: visible;display: flex;flex-flow: row nowrap;justify-content: space-between;}
#Nav li {position: relative;flex: 1;float: left}
#Nav li a {display: block;font-size: .95rem;color: #fff;box-sizing: border-box;color: #333;line-height: 3.7em;transition: none;white-space: nowrap}
@media (max-width:768px) {#Nav li a {font-size: .94444444rem}}
@media (max-width:640px) {#Nav li a {font-size: 1.0625rem}}
#Nav li a.act,

#Nav li:hover>a {color: #f08118}
#Nav li a.act::after,

#Nav li:hover>a::after {height: 3px;width: 1.4rem;background-color: #f08118;margin-left: auto;margin-right: auto;content: "";display: block;margin-top: -7px}
.scroll#header {height: 56px;position: fixed;box-shadow: 2px 3px 12px rgba(70, 70, 70, .13)}
.scroll+div {margin-top: 112px}
.scroll .logobar {padding: 0}
.scroll .logobar .logo {padding-top: 6px}
.scroll .logobar .logo img {height: 42px}
.scroll #Nav li a {height: 56px;line-height: 59px;font-size: 16px;font-weight: 400}
@media (max-width:640px) {.scroll #Nav li a {font-size: 1rem}}
.scroll .tellNum {margin-top: 12px;line-height: 1.5}
.scroll #phone {height: 23px}
#ind_pro .row {margin-bottom: .65rem}
#ind_pro .bg {background-color: #f08118;width: 100%;height: 100%}
#ind_pro .bg h3 {padding-left: 2rem;padding-right: 1em;color: #fff;font-size: 1.2rem;box-sizing: border-box;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 2em;padding-top: .3em}
@media (max-width:768px) {#ind_pro .bg h3 {font-size: 1.09090909rem}}
#ind_pro .bg a {padding-left: 2rem;padding-right: 1em;color: #fff;font-size: .85rem;display: block;box-sizing: border-box;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 1.76em;background-image: url(../images/i08.png);background-repeat: no-repeat;background-position: 1.2rem center;background-size: auto auto}
@media (max-width:768px) {#ind_pro .bg a {font-size: .94444444rem}}
@media (max-width:640px) {#ind_pro .bg a {font-size: 1.0625rem}}
#ind_pro .col {border: 1px solid #bbb;border-left: none}
#ind_pro .col p {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;text-align: center;color: #666}
#ind_pro .imgcon {height: 9.5rem}
#ind_pro .imgcon img {max-height: 100%}
#ind_case {background-color: #f7f7f7;padding-bottom: 3vw}
.ind_case {text-align: center}
.ind_case .swiper-slide a {display: block;position: relative}
.ind_case .swiper-slide .abs {opacity: 0;filter: alpha(opacity=0);transition: all .6s ease-in-out}
.ind_case .swiper-slide h4 {border: none;display: inline-block;font-size: .9rem;font-weight: 400;vertical-align: middle;color: #f08118;line-height: 1;padding-bottom: 3rem;background-image: url(../images/i03.png);background-repeat: no-repeat;background-position: center 100%;background-size: auto}
@media (max-width:768px) {.ind_case .swiper-slide h4 {font-size: .94444444rem}}
.ind_case .swiper-slide:hover {border-color: #f08118}
.ind_case .swiper-slide:hover .abs {background-color: rgba(25, 146, 84, .8);opacity: 1;filter: alpha(opacity=100)}
.ind_case .swiper-button-next,.ind_case .swiper-button-prev {position: relative;display: inline-block;top: 100%;width: 3.25rem;height: 43px;margin-top: 1rem;background-image: url(../images/i05.png);background-repeat: no-repeat;background-position: 0 0;background-size: 100% auto}
.ind_case .swiper-button-next {background-image: url(../images/i04.png)}
.ind_case .swiper-pagination {bottom: 88px !important}
#ind_news {overflow: hidden;}

#ind_news .cb{overflow: hidden;}

#ind_news .ind_tit{overflow: hidden;}

#ind_news  .imWrap img{height: 100%;}

#ind_news .c1 {float: left;width: 46%;margin-right: 4%}
#ind_news .c1 .imWrap {padding-top: 70%;border: 1px solid #ddd;}
#ind_news .c1 .date {line-height: 1.5;font-size: 16px;color: #fff;background-color: #f08118;display: inline-block;padding: .5rem 1rem;text-align: center;position: absolute;z-index: 55;right: 0;bottom: 0}
@media (max-width:640px) {#ind_news .c1 .date {font-size: 13px}}
#ind_news .c1 .date p {font-size: 1.8rem;color: #fff;line-height: 1}
@media (max-width:768px) {#ind_news .c1 .date p {font-size: 1.28571429rem}}
#ind_news .c1 .date span {font-size: 16px;color: #fff}
@media (max-width:640px) {#ind_news .c1 .date span {font-size: 13px}}
#ind_news .c1 .newleftfont1 {color: #333;font-size: .9rem;line-height: 2.5;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-top: 10px;display: block}
@media (max-width:768px) {#ind_news .c1 .newleftfont1 {font-size: .94444444rem}}
#ind_news .c1 .newleftfont1 i {color: #f08118;padding-right: 10px}
#ind_news .c1 .newleftfont2 {font-size: 16px;color: #666;display: block;overflow: hidden;height: 5em;}
@media (max-width:640px) {#ind_news .c1 .newleftfont2 {font-size: 13px}}
#ind_news .c2 {overflow: hidden}
#ind_news .c2 li {background: #f7f7f7;margin-bottom: 2px;padding: .3rem 1rem}
#ind_news .c2 li:hover {background-color: #f08118}
#ind_news .c2 li:hover>i {color: #fff}
#ind_news .c2 li:hover .atar {color: #fff}
#ind_news .c2 li>i {float: right;line-height: 2;font-size: 1.2rem}
@media (max-width:768px) {#ind_news .c2 li>i {font-size: 1.09090909rem}}
#ind_news .morebtn {color: #fff;font-size: 15px;text-align: center;display: block;clear: both;width: 150px;line-height: 2.5;background: #adadac;border-radius: 20px;margin: 1rem auto 0;}
@media (max-width:640px) {#ind_news .morebtn {font-size: 1rem;}}
.newstop {display: block;overflow: hidden;background-color: #f6f6f6;padding: 1rem 1rem;margin-bottom: 25px}
.newstop-l {float: left;text-align: center;width: 75px;border-right: 1px solid #ddd;margin-right: 1rem}
.newstop-l p {font-size: 1.5rem;color: #666;line-height: 50px}
@media (max-width:768px) {.newstop-l p {font-size: 1.2rem}}
.newstop-l span {font-size: 16px;color: #666;display: block;text-align: center;padding-bottom: 1em}
@media (max-width:640px) {.newstop-l span {font-size: 13px}}
.newstop-r {display: block;overflow: hidden}
.newstop-r p {font-size: .85rem;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: .5em;font-weight: bold;}
@media (max-width:768px) {.newstop-r p {font-size: .94444444rem}}
@media (max-width:640px) {.newstop-r p {font-size: 1.0625rem}}
.newstop-r span {font-size: 16px;color: #666;display: block;overflow: hidden;height:3.5em}
@media (max-width:640px) {.newstop-r span {font-size: 13px}}
#footer {display: none;margin-top: 3vw;background-color: #333}
#footer>.containe {padding: 3vw 0}
.ind_tel h3 {font-size: 1rem;color: #fff}
.ind_tel .item {font-size: .8rem;color: #fff}
@media (max-width:768px) {.ind_tel .item {font-size: .88888889rem}}
@media (max-width:640px) {.ind_tel .item {font-size: 1rem}}
.ind_tel .item .fa-envelope {font-size: 1rem}
.ind_tel .item .fa-phone {font-size: 1.5rem}
@media (max-width:768px) {.ind_tel .item .fa-phone {font-size: 1.2rem}}
.ind_tel .item .fa-map-marker {font-size: 1.5rem}
@media (max-width:768px) {.ind_tel .item .fa-map-marker {font-size: 1.2rem}}
.ind_tel .item em {font-size: 1.3rem}
@media (max-width:768px) {.ind_tel .item em {font-size: 1.13043478rem}}
.hotnewsbd {padding: 0 1rem}
.hotnewsbd ul a {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 16px;color: #333;line-height: 2.7}
@media (max-width:640px) {.hotnewsbd ul a {font-size: 13px}}
.hotnewsbd ul i {color: #f08118;font-size: .8rem;line-height: 1;padding-right: 5px}
@media (max-width:768px) {.hotnewsbd ul i {font-size: .88888889rem}}
@media (max-width:640px) {.hotnewsbd ul i {font-size: 1rem}}
.videolist {width: 104%}
.videolist li {width: 46%;margin-right: 4%;float: left;margin-bottom: 3%}
.videolist li h4{text-align: center;font-size: 22px;font-weight: normal;margin-bottom: 10px;}
.videolist a {display: block}
.videolist .imWrap {padding-top: 64%}
.videolist .imWrap::after {position: absolute;width: 100%;height: 100%;z-index: 5;left: 0;top: 0;content: "";background: url(../images/i12.png) repeat center center}
.videolist .tit {background: #f6f6f6;padding: 1rem 1rem}
.videolist .tit .view {float: right;margin-left: 30px}
.videolist .tit h4 {font-size: .8rem;color: #333;font-weight: 400;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
@media (max-width:768px) {.videolist .tit h4 {font-size: .88888889rem}}
@media (max-width:640px) {.videolist .tit h4 {font-size: 1rem}}
.products_list {border-top: 1px solid #ddd}
.products_list .w50 {float: left;width: 50%;background-color: #fff}
.products_list .imgcon {box-sizing: border-box;padding-left: 5%;padding-right: 5%}
.products_list li {border-bottom: 1px solid #ddd;overflow: hidden;padding: 2rem 0}
.products_list li:nth-child(even) .w50 {float: right}
.products_list li:hover .bg {overflow: hidden}
.products_list li:hover h3 {color: #fff}
.products_list li:hover h3::after {background-color: #fff}
.products_list li:hover .cont {background-color: #f08118}
.products_list li:hover .cont dl {color: #fff}
.products_list li:hover .cont dd::after {color: #fff}
.products_list li:hover .cont .more {color: #fff;border-color: #fff}
.products_list .cont {padding: 5% 7% 0;margin-bottom: 1rem}
.products_list .cont h3 {font-size: 1.15rem;color: #333;line-height: 3;margin-bottom: 1.2rem}
@media (max-width:768px) {.products_list .cont h3 {font-size: 1.04545455rem}}
.products_list .cont h3::after {background-color: #f08118;display: block;content: "";width: 2rem;height: 4px}
.products_list .cont dl {font-size: 16px;color: #666;line-height: 2}
@media (max-width:640px) {.products_list .cont dl {font-size: 13px}}
.products_list .cont dl dd {position: relative;padding-left: 1.5rem}
.products_list .cont dl dd::after {color: #666;font-size: .95rem;content: "•";position: absolute;top: 0;left: 10px;line-height: 1.5}
.products_list .cont .more {display: inline-block;color: #333;font-size: 16px;text-align: center;width: 6rem;line-height: 1.6rem;border: 1px solid #333;margin-top: 1.5rem;margin-bottom: 1rem}
@media (max-width:640px) {.products_list .cont .more {font-size: 13px}}
.products_list .cont .more.bg {background-color: #f08118;color: #fff;border-color: #f08118}
.products_top .w50 {float: left;box-sizing: border-box;border: 1px solid #ddd;width: 50%;margin-right: 5%}
.products_top h1 {font-size: 1.2rem;color: #333;border-bottom: 1px solid #ddd;line-height: 3;font-weight: 400;margin-bottom: 1rem}
@media (max-width:768px) {.products_top h1 {font-size: 1.09090909rem}}
.products_top dl {font-size: 16px;color: #666;line-height: 2}
@media (max-width:640px) {.products_top dl {font-size: 13px}}
.products_top dl dd {position: relative;padding-left: 1.5rem}
.products_top dl dd::after {color: #666;font-size: .95rem;content: "•";position: absolute;top: 0;left: 10px;line-height: 1.5}
.products_top .more {display: inline-block;color: #333;font-size: 16px;text-align: center; padding:1rem ;line-height: 1.6rem;border: 1px solid #333;margin-top: 1.5rem;color: #fff;background-color: #f08118;border-color: #f08118}
@media (max-width:640px) {.products_top .more {font-size: 13px}}
.products_top .more.bg {background-color: #f08118;color: #fff;border-color: #f08118}
.products_top .titdiv {margin-top: 3vw;background: #f5f5f5;padding: 16px;margin-bottom: 2%}
.products_top .titdiv h3 {font-size: .9rem;color: #f08118;border-left: 4px solid #f08118;line-height: 1;padding-left: 12px}
@media (max-width:768px) {.products_top .titdiv h3 {font-size: .94444444rem}}
.products_top .swiper-button-next,.products_top .swiper-button-prev {width: 2.25rem;height: 4rem;background-repeat: no-repeat;background-position: 0 0;background-size: auto 100%;margin-top: 0;transform: translateY(-50%)}
.products_top .swiper-button-prev {background-image: url(../images/i04.png);left: 0}
.products_top .swiper-button-next {background-image: url(../images/i05.png);right: 0}
.innertit strong {font-size: 1.8rem;display: block;color: #333;text-align: center;letter-spacing: 4px;}
@media (max-width:768px) {.innertit strong {font-size: 1.8rem}
.innertit{margin: 1.5rem 0;}}
.tell_info {float: left;box-sizing: border-box;padding: 2.3rem 1rem;margin-right: 10px;background: #f5f5f5;width: 22rem}
.tell_info h3 {font-size: 1.2rem;color: #333;font-weight: 400;line-height: 2}
@media (max-width:768px) {.tell_info h3 {font-size: 1.09090909rem}}
.tell_info strong {font-size: .9rem;color: #f08118}
@media (max-width:768px) {.tell_info strong {font-size: .94444444rem}}
.tell_info p {font-size: 16px;color: #666;line-height: 1.75em;padding: 5px 0}
@media (max-width:640px) {.tell_info p {font-size: 13px}}
.tell_info .fa {color: #f08118;font-size: 1rem;text-align: center;margin-right: .6rem;width: 1rem}
.tell_info .ewm {display: block;margin: 1rem auto 0 auto;width: 7rem;height: 7rem}
.innernav {font-size: 0;text-align: center;background: #5b5a5a;width: 100%}
.innernav a {display: inline-block;font-size: .8rem;color: #fff;line-height: 3rem;padding: 0 3em;border-left: 1px solid #fff;border-right: 1px solid #fff;margin-right: -1px}
@media (max-width:768px) {.innernav a {font-size: .88888889rem}}
@media (max-width:640px) {.innernav a {font-size: 1rem}}
.innernav a.act {background-color: #f08118;border-color: #f08118;position: relative;z-index: 8}
.hhys dd {background: #f5f5f5;margin-bottom: 1.5rem;overflow: hidden}
.hhys dd:nth-child(even) .big {float: right}
.hhys .imWrap {padding-top: 57%}
.hhys .big {width: 50%;float: left}
.hhys .big video{width: 100%;}
.hhys .con {padding: 0 3rem}
.hhys .con em {font-size: 2.1rem;color: #f08118;font-family: Arial;font-weight: 400;display: block;padding-left: 1rem;background-image: url(../images/i14.png);background-repeat: no-repeat;background-position: 0 bottom;background-size: auto auto}

#about_intro{overflow: hidden;}

#about_intro #ind_sp{width: 50%;float: right;}

#ind_sp .video{width: 100%;height:100%;object-fit:fill;  }

#about_intro .article{width: 45%;padding-right: 5%;}

#about_intro .article p{font-size: 16px !important;}
@media (max-width:768px) {.hhys .con em {font-size: 1.35483871rem}

#about_intro #ind_sp{width: 100%;padding: 0;}

#about_intro .article{width: 100%;padding: 0 !important;}}
.hhys .con h4 {font-size: 1.2rem;color: #333;font-weight: 400;margin: 1em 0 0.5em 0;}
@media (max-width:768px) {.hhys .con h4 {font-size: 1.09090909rem}}
.hhys .con p {font-size: 18px;color: #333;line-height: 1.8;}
@media (max-width:640px) {.hhys .con p {font-size: 13px}}
.job_item {background-color: #fff;border: 1px solid #ddd;border-top: none}
.job_item .item {cursor: pointer;border-top: 1px solid #ddd;background: #f5f5f5}
.job_item .item .bar {overflow: hidden}
.job_item .item .cont {display: none;background-color: #fff;font-size: 16px;color: #666;padding: 2rem 4rem;line-height: 2.2}
@media (max-width:640px) {.job_item .item .cont {font-size: 13px}}
.job_item .item i {float: left;display: block;width: 4rem;border-right: 1px solid #ddd;height: 4rem;margin-right: 2rem;position: relative}
.job_item .item i::before {position: absolute;width: 100%;height: 100%;z-index: 5;left: 0;top: 0;color: #333;font-size: 1.2rem;text-align: center;line-height: 4rem;content: "+"}
@media (max-width:768px) {.job_item .item i::before {font-size: 1.09090909rem}}
.job_item .item .wrap {box-sizing: border-box;color: #333;padding-top: 1.2rem}
.job_item .item .wrap span {float: right;font-size: 16px;margin-right: 2rem}
@media (max-width:640px) {.job_item .item .wrap span {font-size: 13px}}
.job_item .item h3 {font-size: .8rem;color: #333}
@media (max-width:768px) {.job_item .item h3 {font-size: .88888889rem}}
@media (max-width:640px) {.job_item .item h3 {font-size: 1rem}}
.job_item .item.active {background-color: #f08118}
.job_item .item.active h3 {color: #fff}
.job_item .item.active i::before {color: #fff;content: "-"}
.job_item .item.active .wrap {color: #fff}
.subbanner h2 {font-size: 1.75rem}
@media (max-width:768px) {.subbanner h2 {font-size: 1.25rem}}
.subbanner small {font-size: .8rem}
@media (max-width:768px) {.subbanner small {font-size: .88888889rem}}
@media (max-width:640px) {.subbanner small {font-size: 1rem}}
#ind_sp {position: relative}
#ind_sp .video_pic {display: block;cursor: pointer;position: absolute;z-index: 5;left: 50%;top: 50%;z-index: 55;transform: translateX(-50%) translateY(-50%)}
.homehotnews{display:;position: absolute;top: 3%;left: 5%;background: rgba(0, 0, 0, 0.4);border-radius: 10px;width: 400px;padding:15px 20px 10px;z-index: 2;overflow: hidden;}
.homehotnews h5{color: #f08118;font-size: 22px;margin-bottom: 5px;}
.homehotnews ul li{color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.homehotnews ul li a{color: #fff;}
.homehotnews ul li i{margin-right: 8px;}
.homehotnews ul li .tit{display: inline-block;width: 65%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.homehotnews ul li .time{float: right;color: #fff;}
@media only screen and (max-width: 1600px){.homehotnews{left: 1%;}}
@media only screen and (max-width: 1400px){.homehotnews{left: 1%;width: 260px;padding:15px 20px 10px}
.homehotnews ul li{line-height: 1.6;}}

@media only screen and (max-width: 1200px){.homehotnews ul li:nth-child(4),.homehotnews ul li:nth-child(5){display: none;}}

@media only screen and (max-width: 1000px){.homehotnews{display: none;}}
@media (min-width:1000px) {#ind_about .big{margin-top: 1.5rem}}
#ind_about .big h3{color: rgb(240, 129, 24);font-size: 20px;font-weight: bold;margin-bottom: 1.5em;}
@media (min-width:640px) {#ind_about .big h3{padding-top: 1rem}}
#ind_about .cont .more{font-weight: bold;font-size: 17px; color: #fff;font-size: 15px;text-align: center;display: block;clear: both;width: 150px;line-height: 2.5;background:  rgb(240, 129, 24);border-radius: 20px;margin: 1rem 0 0;}
#Nav dl{box-shadow: 0 0 5px #ddd}
#Nav dd{position: relative;}
#Nav .leve3{position: absolute;left: 100%;top: 0;background: #fff;width: 120px;box-shadow: 0 0 5px #ddd;display: none;}
#Nav .leve3 li{float: none;text-align: center;font-size: 16px}
#Nav .leve3 li a{text-align: center;padding-left: 0;font-size: 15px}
#Nav dd:hover .leve3{display: block}
#Nav .leve3 li:hover>a::after{display: none}