.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: 5;
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;font-size: 12px;
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: .7rem;
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: 0.6rem;
margin-bottom: 22px}
.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: 14px;
color: #666;
display: block;
overflow: hidden;
height: 3em}
@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%;display: flex;
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;
width: 6rem;
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}