@media (min-width:1921px) {
    body { max-width: 1950px; margin: 0 auto; padding: 0 15px; background: #fff }
    html { background: url(../images/bg_1920.png) repeat-y center top }
}
.waponly { display: none }
.wow{visibility:hidden;}
.fullcarousel .carousel-caption { top: 70px; left: 50%; width: 1160px; max-height: 350px; margin-left: 0; margin-left: -580px; text-align: center }
.fullcarousel1 i { font-size: 30px; font-style: normal; line-height: 60px; display: inline-block; width: 60px; height: 60px; text-align: center; color: #fff; border-radius: 500px; background: rgba(255, 255, 255, .39); box-shadow: none }
.fullcarousel .right.carousel-control { background: transparent }
.fullcarousel .carousel-control { width: 60px; background: transparent }
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { left: 0; display: block; width: 100%; height: 40px; margin: 0; margin-top: -40px }
.carousel-control .fa:before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; margin: 0; content: ''; background: transparent url(../images/bgs.png) no-repeat 20px -893px }
.carousel-control .fa.icon-next:before { background-position: -769px -893px }
.fullcarousel .item > img { visibility: hidden; width: auto; max-width: none; height: auto }
.fullcarousel .carousel-caption * { color: #fff }
.fullcarousel .carousel-caption .animated0 { -webkit-animation-duration: 1.3s; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; animation-duration: 1.3s; opacity: 0; text-shadow: none; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.fullcarousel .carousel-caption .animated1 { -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-delay: 0s; animation-delay: 0s; opacity: 0; text-shadow: none; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.fullcarousel .carousel-caption .animated2 { -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-delay: .3s; animation-delay: .3s; opacity: 0; text-shadow: none; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.fullcarousel .carousel-caption .animated3 { -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-delay: .8s; animation-delay: .8s; opacity: 0; text-shadow: none; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.caption-animate .item h3 { font-size: 65px; font-weight: 400; animation-delay: 1s; color: #444 }
.caption-animate .item .d1 { font-size: 24px; font-weight: 400; line-height: 1.1; margin: 30px 0 50px; animation-delay: 1.4s; text-align: left; text-transform: uppercase }
.caption-animate .item .d1 p { text-shadow: none }
.caption-animate .item .d1 p:nth-child(1) { font-weight: 100; color: rgba(255, 255, 255, .5) }
.caption-animate .item .d1 p:nth-child(3) { font-weight: 100 }
.caption-animate .item .p2 { font-weight: 400; width: 88px; width: 56px; height: 56px; animation-duration: 1.8s; animation-delay: 2s; text-align: center; border: 2px solid #fff; border-radius: 50% }
.caption-animate .item .p2 img { margin-top: 12px }
.carousel-inner > .item img { visibility: hidden; min-width: 1920px }
.fullcarousel .right.carousel-control { background: transparent url(../images/ar_right.png) no-repeat center 43%/50px }
.fullcarousel .carousel-control { width: 140px; transition: all .3s; opacity: .4; background: transparent url(../images/ar_left.png) no-repeat center 43%/50px }
.carousel-control:focus { opacity: .7 }
.carousel-control:hover { opacity: 1 }
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { left: 0; display: block; width: 100%; height: 40px; margin: 0; margin-top: -40px }
.carousel-control .fa:before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; margin: 0; content: ''; background: transparent url(../images/bgs.png) no-repeat 20px -893px }
.carousel-control .fa.icon-next:before { background-position: -769px -893px }
.carousel-indicators li { width: 14px; width: 35px; height: 14px; height: 4px; margin: 0 5px; transition: all .3s; border-color: transparent; background: #fff }
.carousel-indicators { bottom: 30px }
.carousel-indicators .active { width: 35px; height: 4px; margin: 0 5px; background: rgb(38, 129, 196) }
.i_ttl { position: relative; max-height: 131px; margin-bottom: 50px; text-align: center }
.h2_sct_ttl { font-family: "PingFang SC","Microsoft YaHei"; font-size: 36px; font-weight: 400; line-height: 36px; position: relative; display: inline-block; color: #333 }
.h2_sct_ttl:before { position: absolute; bottom: calc(-100% + 13px); left: -5%; display: block; width: 110%; height: 2px; content: ''; background: linear-gradient(-90deg, #01b34d, #1270d4) }
.h2_sct_ttl + p { font-family: "PingFang SC","Microsoft YaHei"; font-size: 14px; font-weight: 400; line-height: 21px; width: 560px; margin: auto; padding: 30px 0; text-align: center; color: #666 }
.i_ttl2 { position: relative; height: 105px }
.i_ttl2 .h2_sct_ttl { position: absolute; z-index: 99; top: 35px; left: 0; margin: 0; padding: 0; text-align: left; text-indent: 0 }
.i_ttl2 .h2_sct_ttl + p { font-family: "PingFang SC","Microsoft YaHei"; font-size: 74px; font-weight: 400; position: absolute; z-index: 3; top: 0; left: 0; color: rgba(227, 227, 227, 1) }
.white .h2_sct_ttl { color: #fff }
.white .h2_sct_ttl:before, .white .h2_sct_ttl:after { background: url(../images/bg3.png) no-repeat 2px -159px }
.white .h2_sct_ttl:after { background-position: right -159px }
.white .fbt { color: #fff }
.i_ttl_r { text-align: left }
.i_ttl_r .h2_sct_ttl { padding-left: 0 }
.i_ttl_r .h2_sct_ttl:before { display: none }
#sycplb {width: 100%;height: 630PX;margin: 0;padding: 0;border: none;}
.product3d {clear: both;width: 1240px;margin: 40px auto 0;}
#carousel1 { position: relative; overflow: hidden; width: 100%; height: 930px; margin: 0 auto; padding: 0 }
#carousel1 .item h3 {margin: 0;padding: 4px 0px 0;text-align: center;}
#carousel1 .item h3 a {/* font-family: "PingFang SC","Microsoft YaHei"; */font-size: 14px;font-weight:400;line-height:1;color: #333;}
#carousel1 .item h3 a:hover {color: #1176c8;}
#carousel1 .item h4 { font: 400 22px/1 "PingFang SC","Microsoft YaHei"; display: none; margin: 0; padding: 10px 10px 15px; text-align: center; background: #f3f3f3 }
#carousel1 .item.active h3 { color: #fff; background: transparent }
#carousel1 .item.active h3 a {font-size: 12px;color: #fff;white-space: nowrap;}
#carousel1 .item.active h4 { font-size: 14px; display: block; color: #fff; background: #0181d8 }
#carousel1 .item  a:hover { color: #000 }
#carousel1 .item { position: absolute; position: relative; display: block; width: 300px; height: 350px; -webkit-transform: scale(.5); -moz-transform: scale(.5); -o-transform: scale(.5); transform: scale(.6); background: #f3f3f3 }
#carousel1 .item:before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ''; transition: all .6s; opacity: 0; background: linear-gradient(-90deg, #01b34d, #03aa5f, #1270d4) }
#carousel1 .item.active:before { opacity: 1 }
#carousel1 .item .img { position: relative; z-index: 1; padding: 10px }
#carousel1 .item img { width: 100%; height: 100% }
#carousel1 .item.active { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); border: none }
#carousel1 .item.transition { -webkit-transition: all .35s ease; -moz-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease }
.product3d .controls { position: absolute; z-index: 999; top: 260px; left: 50%; width: 1300px; margin-left: -650px }
.product3d .controls a { font-family: simsun; font-size: 48px; font-weight: bold; display: block; color: #333 }
.product3d .controls a:hover { color: #1270d4 }
.product3d .controls .previous { float: left }
.product3d .controls .next { float: right }
#footer { padding: 50px 0 30px; background: #f5f5f5 url(../images/bg3.png) no-repeat center/cover }
.footer_nav { margin-bottom: 30px }
.footer_nav .li1 {float: left;width: 193px;}

.footer_nav .li1.li1_15,.footer_nav .li1.li1_20 {
    /* width: 129px; */
}

.footer_nav .li1.li1_157 {
    width: 117px;
    /* text-align: right; */
}
.footer_nav .li1 > a { font-family: "PingFang SC","Microsoft YaHei"; font-size: 15px; font-weight: bold; line-height: 36px; position: relative; display: inline-block; padding-bottom: 0; color: #1270d4 }
.footer_nav .li1 > a:after { position: absolute; bottom: 0; left: 0; display: block; display: none; width: 2em; height: 1px; content: ''; background: #f08519 }
.footer_nav .ul2 { padding-top: 5px }
.footer_nav .li2 a {font-size: 14px;line-height: 1.5;color: #828282;display: inline-block;margin-bottom: 13px;}
.footer_nav .qr { width: 190px; padding-bottom: 30px; padding-left: 50px; border-left: 1px solid #303030 }
.footer_nav .qr img { margin-top: 5px }
.footer_nav .qr span { display: block; width: 128px; padding-top: 14px }
.footer_nav .contact {width: 337px;margin-left: 0;margin-right: 10px;}

.footer_nav .li1_306 {
    width: 210px;
    margin-right: 12px;
}
.footer_nav .contact dl {margin-top: 0;/* padding-left: 30px */}
.footer_nav .contact dt { font-weight: 400; float: left; clear: left; width: 46px; margin-left: 0; padding: 5px 0; text-align: justify; letter-spacing: 0; color: #afafaf }
.footer_nav .contact dt.fl { width: 27px; height: 30px; background: url(../images/bg5.png) no-repeat }
.footer_nav .contact dt.Email { background-position: left 9px }
.footer_nav .contact dt.Fax { background-position: left -20px }
.footer_nav .contact dt.Address { background-position: left -53px }
.footer_nav .contact dd.fl { font-size: 16px; width: calc(100% - 30px); margin-bottom: 7px; color: #6b6b6b }
.footer_nav .contact dd { font-size: 14px; font-weight: 400; float: left; clear: right; margin-left: 0; padding: 5px 0; text-indent: 0; color: #afafaf }
.footer_nav .contact dd.Address { line-height: 1.7 }
.footer_nav .contact a { color: #b4b4b4 }
.footer_nav .contact p.p0.p1 { margin-top: 15px }
.footer_nav .contact dt i { display: inline-block; width: 16px; height: 16px; margin-right: 12px; vertical-align: middle; background: url(../images/ic1.png) no-repeat }
.footer_nav .contact dt.Email i { background-position: 0 -77px }
.footer_nav .contact dt.Address i { background-position: 0 -113px }
.footer_nav .contact dt.Telephone { float: none; width: 100% }
.footer_nav .contact dd.Telephone {font-family: "PingFang SC","Microsoft YaHei";font-size: 30px;font-weight: bold;float: none;margin-bottom: 0;margin-left: 24px;padding: 0 0 15px;/* padding-top: 13px; */color: #1571da;}
.footer_nav .contact dd.Telephone span { font-size: 14px; color: #fff }
.footer_nav .contact dd.Telephone a { display: block; color: #3ea9df }
#copyright { padding: 27px 0 10px; background: #e7e7e7 }
#copyright * { color: #666 }
#footer .contact p.p0 { font-size: 15px; font-weight: bold; display: inline-block; color: #1571da; MARGIN: 5px auto }
#copyright .links a { display: inline-block; margin: 0 10px }
#footer a:hover, #copyright a:hover { color: #1270d4 !important }
#techsupport >*{
    vertical-align: middle;
}
#techsupport .s1{display: inline-block;vertical-align: middle;}
#techsupport #logo365{height: 100%;display: inline-block;vertical-align: middle;position: relative;top: -3px;}
#techsupport #logo365 img{vertical-align: middle;height: 22px}
#techsupport .p1{height:29px;vertical-align:middle;padding:0;margin:0;margin-bottom: 0;display:inline-block;color: #a6c6b3;}

#crumbs { height: 60px; border-bottom: 1px solid #eaeaea; background: #fff }
#location > * { line-height: 60px }
#location { height: 60px; padding-left: 20px; background: url(../images/bg_lct.png) no-repeat left }
#location * { font-size: 14px; font-weight: 400; color: #666 }
#location a:hover, #location a:last-of-type { font-weight: bold; color: #1270d4 }
.ban img { visibility: hidden; width: 100%; min-width: 1920px; max-width: none }
#pageban .ban { position: relative; min-height: 450px }
.body_product #pageban .ban h2, .body_product #pageban .ban h4 { margin-left: -332px }
#pageban * { text-align: center }
#pageban img { visibility: hidden; width: 100%; min-width: 1920px; max-width: none }
#pageban h4 img { visibility: visible; width: auto; min-width: 1px }
#pageban .sname { font-family: "PingFang SC","Microsoft YaHei"; font-size: 40px; font-weight: 400; line-height: 1; position: absolute; z-index: 4; top: 24%; right: 0; display: inline-block; width: fit-content; width: 100%; text-align: center; white-space: normal; letter-spacing: 7px; text-transform: uppercase; word-break: break-word; color: #fff }
#pageban h2 { font-size: 48px; font-weight: 400; font-weight: 400; position: absolute; top: calc(50% - 90px); left: 0; width: 100%; margin-left: auto; text-align: center; letter-spacing: 4px; color: #fff }
#pageban h4 { font-family: "PingFang SC","Microsoft YaHei"; font-size: 36px; font-weight: 100; position: absolute; top: calc(50% - 10px); left: 0; left: 0; width: 100%; width: 100%; padding: 0; text-align: center; letter-spacing: 1px; text-transform: uppercase; color: #fff }
#pageban h4 .dot { display: inline-block; width: 8px; height: 8px; margin: 0 11px 2px 10px; vertical-align: middle; border-radius: 100px; background: #b41017 }
.body_1 .lrline:before { position: relative; top: -14px; left: -30px; display: inline-block; width: 35px; height: 3px; content: ''; background: #d3d0cc }
.body_1 .lrline:after { position: relative; top: -14px; right: -30px; display: inline-block; width: 35px; height: 3px; content: ''; background: #d3d0cc }
#submenu { margin: 0 0; padding: 70px 50px 30PX; text-align: center }
.body_search div#submenu { display: none }
#submenu .box > a { display: none }
#submenu ul { width: 100%; margin-top: 0; margin-bottom: 0; padding: 0 40px; justify-content: center }
#submenu ul li { position: relative; display: inline-block; padding: 0 22px; text-align: center }
#submenu ul li:after { position: absolute; top: 30px; right: 0; display: block; width: 1px; height: 20px; background: #e6e6e6 }
#submenu ul li:last-child:after { display: none }
#submenu ul li a { font-size: 22px; line-height: 54px; display: block; height: 54px; padding: 0 25px; transition: all .3s; text-align: center; text-indent: 0; color: #333; border-radius: 100px; border-radius: 5px; background: #eee }
#submenu ul li a i { position: relative; top: -2px; display: inline-block; display: none; margin-right: 10px; vertical-align: middle }
#submenu ul li.on a, #submenu a:hover { color: #fff; border-color: #029bdf; background: #029bdf; background: #1270d4; box-shadow: 0 3px 22px 0 rgba(0, 0, 0, .17) }
.subtt { margin-bottom: 40px; padding-bottom: 10px; border-bottom: 1px solid #ededed }
.subtt h1 { position: relative; display: inline-block }
.subtt h1:after { position: absolute; bottom: -21px; left: 0; display: block; width: 100%; height: 1px; content: ''; background: #e9434b }
video { object-fit: fill }
#pagelist {min-height: 80px;margin: 0 auto 50px;text-align: center;padding-top: 20px;}
#pagelist.mt40 { margin-top: 40px }
#pagelist  .current { padding: 0 14px }
#pagelist  a:hover, #pagelist  .current { color: #fff; border-color: #1270d4; background-color: #1270d4 }
#pagelist > span.pageinfo { display: none }
#pagelist > span, #pagelist a {font-size: 16px;line-height: 40px;display: inline-block;overflow: hidden;width: 46px;height: 40px;margin: 0 5px;padding: 0;transition: all .2s;text-align: center;color: #666;border-radius: 8px;border: 1px solid #d7d7d8;}
#pagelist .pagefirst, #pagelist .pageend { display: none }
#pagelist .pageup, #pagelist .pagedown { width: auto; padding: 0 14px; background: url(../images/up.png) no-repeat center }
#pagelist .pagedown { background: url(../images/down.png) no-repeat center }
#newspage .infotitle:hover { color: #1270d4 }
#newspage .infohit { padding-left: 30px }
#newspage .infohit i { position: relative; top: -1px; display: inline-block; width: 17px; height: 11px; margin-right: 10px; vertical-align: middle; background: url(../images/bg8.png) no-repeat 0 -106px }
#newspage .more i:hover { background: url(../images/bg8.png) no-repeat -20px 0 }
#newspage .more i { display: inline-block; width: 36px; height: 36px; background: url(../images/bg8.png) no-repeat -20px -230px }
#newspage .infotime { font-family: "PingFang SC","Microsoft YaHei"; font-size: 14px; font-weight: 400; line-height: 26px; position: absolute; bottom: 20px; left: 32px; padding-left: 30px; color: #666; background: url(../images/bg6.png) no-repeat left }
#newspage .media { margin-top: -1px; margin-bottom: 40px; padding: 0; background: #f6f6f6; -moz-box-shadow: 0 1px 5px 2px rgba(89, 89, 89, .1) }
#newspage .media:first-child { margin-top: 0 }
.media-list { margin-bottom: 50px }
#newspage .media:hover { position: relative; z-index: 333; border-color: #029bdf; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none }
#newspage .media .nail { display: block; width: 355px; height: 228px }
#newspage .media .media-body { position: relative; height: 228px; padding-top: 30px; padding-right: 50px; padding-left: 35px }
#newspage .media .media-body h4 { font: 800 20px/2 "PingFang SC","Microsoft YaHei"; font-weight: 400; display: block; margin-top: -5px; text-align: left; color: #333 }
#newspage .media-heading span { font-size: 13px; display: inline-block; margin-top: 8px; color: #939393 }
#newspage .media-heading + p { font-family: "PingFang SC","Microsoft YaHei"; font-size: 14px; font-size: 16px; font-weight: 400; line-height: 24px; line-height: 28px; margin-top: 10px; color: #7c7c7c; color: #666 }
#newspage .media  a { font-family: "PingFang SC","Microsoft YaHei"; font-size: 20px; font-size: 20px; font-weight: 400; line-height: .15; line-height: 24px; color: #333; color: #333 }
#newspage .media .sinfo { font-size: 16px; line-height: 1.8; color: #666 }
#newspage .media .more { display: inline-block; margin-top: 10px }
.news_detail .imgcenter { display: block; margin: 20px auto }
.news_detail .left1 .con { padding: 0; padding-right: 30px; background: #fff }
.news_detail #maincontent { padding: 60px 0 }
.news_detail .InfoTitle h1 { font: 400 26px/30px "PingFang SC","Microsoft YaHei"; margin-top: -5px; margin-bottom: 30px; text-align: center; color: #000 }
.news_detail .info_from_wrap { height: 45px; margin-bottom: 20px; text-align: center; color: #666; background: rgba(240, 240, 240, .38) }
.news_detail .info_from_wrap b { font-weight: 400; line-height: 45px; margin-left: 25px; color: #666 }
.news_detail .info_previous_next_wrap * { font-size: 14px; font-weight: 400; line-height: 30px; color: #555 }
.news_detail .info_previous_next_wrap { font-size: 14px; font-weight: 400; line-height: 30px; margin-top: 30px; color: #555 }
.news_detail .info_previous_next_wrap b { font-size: 14px; font-weight: 400; line-height: 30px }
.news_detail .info_previous_next_wrap a { font-size: 14px; line-height: 30px }
.news_detail .info_previous_next_wrap a:hover { color: #b41017 }
.news_detail .left1 { padding-right: 10px }
.news_detail .goback { text-align: right }
.news_detail .goback a { display: block; float: right; width: 110px; margin-top: 30px; padding: 8px 20px; text-align: center; color: #555; border: 1px solid #ccc }
.news_detail .mainpic { float: left; width: 190px; margin: 9px 20px 10px 0 }
.news_detail .crumbs { margin-bottom: 30px; border-bottom: 1px solid #ccc }
.tjxw h3.ttl:after { display: none !important }
.tjxw h3.ttl { font-size: 16px; font-weight: bold; line-height: 45px; height: 45px; margin: 0; margin-top: 10px; margin-bottom: 10px; text-align: left; text-indent: 1.1em; color: #333; color: #333; background: rgba(240, 240, 240, .38) }
.tjxw ul li { padding: 11px 0 11px 10px; border-bottom: 1px solid #eee }
.tjxw ul li a { font-size: 15px; font-weight: 400; line-height: 22px }
.tjxw ul li p { margin: 0; padding-top: 10px; color: #666 }
#Searchlist .item { margin-bottom: 20px }
#Searchlist .item .img { padding: 10px; transition: all .3s; border: 1px solid #eee }
#Searchlist .item .img:hover { border-color: #e62129 }
#Searchlist .item .txt { line-height: 1.6; padding: 10px 5px; text-align: center }
.thecases { padding-bottom: 50px }
.thecases .in2 { padding: 15px }
.quick-reveal, .to-reveal, .long-reveal, .top-reveal, .long-long-reveal { visibility: hidden }
.fancybox-skin { padding: 0 !important; background: transparent }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { z-index: 99999 }
.divttl p[rel=h2] { margin: 40px 0 }
.divttl h2 .more:hover { color: #d9271b }
.divttl h2 .more { font-size: 16px; position: absolute; top: 50%; right: 0; margin-top: -1px; vertical-align: middle; color: #666 }
.divttl h2:before { display: inline-block; width: 4px; height: 36px; margin-top: -5px; margin-right: 14px; content: ''; vertical-align: middle; background: #ff554c }
.bgline1 { position: relative; width: 100%; height: 1px; margin: 40px 0 }
.bgline1:before { position: absolute; z-index: 18; top: 0; left: 50%; display: block; width: 1215px; height: 10px; margin-left: -607px; content: ''; background: url(../images/bg2.jpg) repeat-x }
.bgline1:after { position: absolute; z-index: 8; top: 4px; left: 0; display: block; width: 100%; height: 2px; content: ''; background: #f1f1f1 }
.title1 { font-size: 24px; margin-bottom: 25px; color: #333 }
.title1 .en { font-family: "PingFang SC","Microsoft YaHei"; font-weight: 300; position: relative; top: 1px; left: 15px; vertical-align: bottom; color: #999 }
.more_r { font-size: 14px; display: inline-block; width: 70px; padding-right: 16px; text-align: left; text-indent: 0; color: #666; background: url(../images/ar1.png) no-repeat 54px }
h2.bt { font-family: arial; font-size: 48px; font-weight: 400; position: relative; display: block; padding-bottom: 15px; text-align: center; color: #333 }
.thehdl1.hdl { position: absolute; top: 50%; left: -44px; width: 38px; height: 68px; margin-top: -20px; cursor: pointer; background: url(../images/ar.png) no-repeat left center }
.thehdl1.hdl.next { right: -50px; left: auto; background-position: right }
#contactpart1 .con1 { padding: 40px 50px; background: #fff url(../images/bgmap.jpg) no-repeat 300px 110px }
#contactpart1 .con1 p[rel=h2] { text-align: left }
#contactpart1 .con1 h2:after { left: 0; margin: 0 }
#contactpart1 .con1 dt { font-weight: 400; float: left; clear: left }
#contactpart1 .con1 dt, #contactpart1 .con1 dd { font-size: 14px; margin-bottom: 10px; color: #333 }
#contactpart1 iframe { width: 100%; height: 100% }
.conttl { width: 440px; height: 150px; margin-top: 0; padding-top: 18px; background: url(../images/bg1.png) no-repeat left 57px top 0 }
.conttl h3 { font-family: "PingFang SC","Microsoft YaHei"; font-size: 36px; margin-bottom: 5px; letter-spacing: 4px; color: #1270d4 }
.conttl .ttljp { font-family: "PingFang SC","Microsoft YaHei"; font-size: 14px; font-weight: 400; position: relative; margin-bottom: 0; text-align: left; text-transform: uppercase; color: #01b24f }
.conttl .ttljp:after { position: absolute; z-index: -1; bottom: -20px; left: 80px; display: block; width: 350px; height: 140px; margin-left: -15px; content: ''; border: 10px solid #f5f5f5; background: transparent }
#index_sct2 { padding-top: 90px; background: #fff }
#index_sct2 .bg_gray1 { margin-top: 45px }
#index_sct2 .slick-current .con, #index_sct2 .slick-slide .con:hover { border-right: none !important; background: transparent }
#index_sct2 .slick-slide .con:hover { background: #1270d4 }
#index_sct2 .slick-slider .col-md-8 { display: none }
#index_sct2 .slick-current .con .a_txt, #index_sct2 .slick-slide .con:hover .a_txt { font-weight: bold; color: #fffc29 }
#index_sct2 .slicks:before { position: absolute; top: -6px; left: 50%; display: block; width: 14px; height: 14px; margin-left: -454px; content: ''; transform: rotate(45deg); background: #1270d4 }
#index_sct2 .slicks:after { position: absolute; z-index: -1; top: 0; left: 50%; display: block; width: 300px; height: 150px; margin-left: -600px; content: ''; background: #1270d4 }
#index_sct2 .con_content { margin-top: 43px }
#index_sct2 .con_content h3 { font-family: "PingFang SC","Microsoft YaHei"; font-size: 18px; font-weight: 600; margin-right: 40px; margin-bottom: 30px; color: #1270d4 }
#index_sct2 .con_content .sinfo { font-family: "PingFang SC","Microsoft YaHei"; font-size: 16px; font-weight: 400; line-height: 26px; margin-right: 40px; margin-bottom: 50px; color: #666 }
#index_sct2 .con_content .more { font-size: 16px; color: #1270d4 }
#index_sct2 .col2 .con { text-align: right }
#index_sct2 .slicks { position: relative; z-index: 0; height: 150px; background: #f6f6f6 }
#index_sct2 .pn_slt { position: absolute; z-index: 9999; top: 39px; left: 50%; display: block; width: 40px; height: 75px; margin-left: -670px; cursor: pointer; background: url(../images/pn2.png)no-repeat left center }
#index_sct2 .pn_slt.next { margin-left: 630px; background-position: right center }
#index_sct2 .slicks .slick-slide { position: relative; z-index: 1 }
#index_sct2 .slicks .slick-slide:hover { border-right: 1px solid #fff; border-left: 1px solid #fff }
#index_sct2 .slicks .con { display: flex; height: 150px; padding: 0 30px; text-align: center; border-right: 1px solid #ddd; background: #f6f6f6; justify-content: center; align-items: center }
#index_sct2 .slicks .slick-current .con { background: transparent }
#index_sct2 .yellow { border-color: #1270d4 !important }
#index_sct2 .slicks  .con a { font-size: 16px; line-height: 1.8; color: #333 }
#index_sct2 .slicks .yellow .con a { color: #fffc29 }
#index_sct2 .slicks .con:hover a { color: #fffc29 }
#index_sct2 .pn:hover { color: #1270d4 }
#index_sct2 .pn { font-family: simsun; font-size: 60px; line-height: 38px; position: absolute; z-index: 99; bottom: 120px; left: 50%; width: 38px; height: 38px; margin: 0; margin-left: -670px; padding: 0; cursor: pointer; text-align: center; color: #333; border-radius: 50% }
#index_sct2 .pn.next { margin-left: 638px }
#index_sct2 a.blk span { display: block }
#index_sct2 a.blk .ss1 { display: inline-block; margin-bottom: 7px; border-bottom: 1px solid #888 }
#index_sct2 a.blk .ss1 i { font-family: "PingFang SC","Microsoft YaHei"; font-size: 36px; font-weight: 400; font-style: normal; line-height: 1.4; letter-spacing: 2px; color: #666 }
#index_sct2 a.blk .ss2 { font-family: "PingFang SC","Microsoft YaHei"; font-size: 24px; line-height: 1.3; letter-spacing: 3px; color: #666 }
#index_sct2 a.blk .ss3 { font-size: 12px; color: #999 }
#index_sct2 .slick-current a.blk * { color: #fff }
#index_sct2 .slick-current a.blk .ss1 { border-color: #fff }
#index_sct2 .slick-current a.blk .ss1 i { color: #fff }
#index_sct2 .slick-slide:hover a.blk * { color: #fff }
#index_sct2 .slick-slide:hover a.blk .ss1 { border-color: #fff }
#index_sct2 .slick-slide:hover a.blk .ss1 i { color: #fff }
#index_weixiu {padding-top: 30px;padding-bottom: 100px;background: #fff;}
#index_weixiu .i_ttl { margin-bottom: 70px }
#index_weixiu .con { display: flex; justify-content: space-between; align-items: flex-start }
#index_weixiu .item {flex: 0 0 33.33%;}
#index_weixiu .blk { position: relative; overflow: hidden }
#index_weixiu .blk > * { position: relative; z-index: 3 }
#index_weixiu .blk img { transition: all .3s }
#index_weixiu .blk:after { position: absolute; z-index: 3; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ''; transition: all .3s; background: url(../images/jb2.png) repeat-x left bottom }
#index_weixiu .blk:hover img { transform: scale(1.15) rotate(-2deg) }
#index_weixiu .d1 { position: absolute; z-index: 32; bottom: 0; left: 0; max-width: 100%; padding: 10px 25px }
#index_weixiu .d1 * { color: #fff }
#index_weixiu .sinfo { margin-top: 10px }
#index_intro { min-height: 630px; background: url(../images/abbg.jpg) no-repeat top center }
#index_intro .con {margin-top: 45px;padding: 60px 30px 60px 30px;text-align: left;border-left: 10px solid #1170d3;border-radius: 8px;background: #fff;}
#index_intro .i_ttl {margin-bottom: 13px;text-align: left;}
#index_intro .i_ttl .h2_sct_ttl { font-size: 48px; font-weight: bold; margin-top: 0 }
#index_intro .i_ttl .h2_sct_ttl:before { display: none }
#index_intro .i_ttl .p1 {font-size: 18px;margin: 7px 0;padding: 19px 0;padding-left: 2px;text-align: left;color: #333;white-space: nowrap;}
#index_intro .i_ttl .p2 { font-size: 10px; padding-left: 2px; color: #999 }
#index_intro .i_ttl .blue { font-weight: bold }
#index_intro .sinfo { font-size: 16px; margin-bottom: 40px; color: #777 }
#index_intro .more { font-size: 14px; line-height: 44px; display: block; width: 144px; height: 44px; text-align: center; color: #fff; border-radius: 100px; background: #1170d3 }
#index_intro .more i { display: inline-block; width: 21px; height: 21px; margin-top: -2px; margin-left: 13px; vertical-align: middle; background: url(../images/ar1.png) no-repeat }
#index_sct4 { padding: 50px 0 85px }

#index_sct4 .con2 {
    margin-top: 50px;
}
#index_sct4 .on a { color: #fff }
#index_sct4 h2 { font-size: 40px; margin-bottom: -9px }
#index_sct4 div.fttl { font-family: "PingFang SC","Microsoft YaHei"; font-size: 20px; font-weight: 300; margin-top: 2px; padding-left: 1px; color: #666 }
#index_sct4 .slk5 .item1 a:hover .title1 { color: #1270d4 }
#index_sct4 .newstype span:hover a { color: #fff }
#index_sct4 .newstype span:hover, #index_sct4 .newstype span.on { color: #fff; background: #1270d4 }
#index_sct4 .item { width: 620px }
#index_sct4 .n_list .newstype { margin-top: 40px; margin-left: 50px }
#index_sct4 .n_list .themore { font-size: 16px; line-height: 40px; width: 100px; height: 40px; margin-top: 40px; text-align: center; color: #666; border: 1px solid #bfbfbf; border-radius: 20px; background: rgba(255, 255, 255, 0) }

#index_sct4 .n_list .themore:hover {
    color: #fff;
    border-color: #10b74e;
    background: #10b74e;
}
#index_sct4 .newstype { text-align: center }
#index_sct4 .newstype span { display: inline-block; margin: 0 16px; padding: 0 38px; border-radius: 100px; background: #ececec }
#index_sct4 .newstype a { font-size: 18px; line-height: 48px }
#index_sct4 .item1 { position: relative; float: left; height: 490px }
#index_sct4 .item.r { position: relative; float: right; width: 566px; padding: 14px 30px; border-bottom: 1px solid #ddd }
#index_sct4 .item.r:hover { background: #1270d4 url(../images/bg2.png) no-repeat center/cover }
#index_sct4 .item.r:hover * { color: #fff }
#index_sct4 .item.r:hover .time1 { color: #fff }
#index_sct4 .item.r:hover .more { color: #1270d4; border-color: #fff; background: #fff }
#index_sct4 .slk5 a { display: block }
#index_sct4 .slk5 .nail { position: absolute; top: 0; left: 0; width: 570px; height: 350px }
#index_sct4 .slk5 .time1 span { font-size: 64px; color: #a0a0a0 }
#index_sct4 .slk5 .slick-arrow { display: none }
#index_sct4 .slk5 .slick-dots { display: none !important }
#index_sct4 .slk5 .more { line-height: 30px; position: absolute; right: 40px; bottom: 20px; display: inline-block; padding: 0 25px; transition: all .3s; color: #666; border: 1px solid #ccc; border-radius: 100px }
#index_sct4 .slk5 .item1 .time1 { position: absolute; bottom: 10px; left: 14px; text-align: center }
#index_sct4 .slk5 .r .time1 { font-size: 16px; margin-top: 16px; color: #333 }
#index_sct4 .slk5 .r a:hover .time1 { color: #fff }
#index_sct4 .slk5 .item1 .time1 span { display: block }
#index_sct4 .slk5 .item1 .time1 span.s2 { font-size: 18px; margin-top: -11px }
#index_sct4 .slk5 .item1 .title1 { font-size: 24px; line-height: 50px; line-height: 1.5 }
#index_sct4 .slk5 .r .title1 { font-size: 20px; margin-top: 3px; margin-bottom: 7px }
#index_sct4 .slk5 .item1 .more:hover { color: #fff; border-color: #10b74e; background: #10b74e }
#index_sct4 .slk5 .r .more { bottom: 20px }
#index_sct4 .slk5 .item1 .cover { position: absolute; right: 10px; bottom: -1px; width: 510px; padding: 25px 35px 60px; background: #f5f5f5 }
#index_sct4 .fttl span { font-size: 14px; color: #999 }
#index_sct4 .fttl { font-size: 26px; font-weight: 800; position: relative; margin: 0 0 30px; padding: 0 0 0; padding-left: 17px; text-align: left; color: #333 }
#index_sct4 .fttl:before { position: absolute; top: 46px; left: 1px; display: block; width: 3px; width: 45px; height: 30px; height: 5px; content: ''; background: #ef4d4d; background: #1270d4 }
.abttl { position: relative; text-align: center }
.abttl span {display: block;padding-bottom: 10px;display: block;padding-bottom: 10px;font-size: 46px;font-weight: 400;margin: 25px auto 35px;}
.abttl span.en { font-family: "PingFang SC","Microsoft YaHei"; font-size: 60px; font-weight: 400; line-height: 24px; color: #f5f5f5 }
.abttl span + span { font-size: 32px; font-weight: 600; position: relative; margin-top: -16px; padding-bottom: 30px; color: #333 }
.abttl span + span:after { position: absolute; bottom: 11px; left: 50%; display: block; display: none; width: 60px; height: 3px; margin-left: -35px; content: ''; background: #029bdf }
.contactinfos { margin-top: 20px; margin-bottom: 20px }
.contactinfos2 { padding-top: 20px; border-top: 1px solid #eee }
.contactinfos2 i { display: inline-block; width: 30px; height: 25px; background: url(../images/pos.png) no-repeat }
.contactinfos span { font-size: 16px; line-height: 40px; display: inline-block; padding: 0 10px; color: #666 }
.contactinfos  .s1 em { font-size: 19px; font-style: normal; color: red }
.contactinfos span i { position: relative; top: -4px; display: inline-block; width: 30px; height: 27px; vertical-align: middle; background: url(../images/b8.png) no-repeat }
.contactinfos .s1 i { background-position: left 7px }
.contactinfos .s2 i { background-position: left -35px }
.contactinfos .s3 i { background-position: left -75px }
#dituContent0 { overflow: hidden; width: 100%; height: 485px; margin-bottom: 30px; padding: 25px; border: none; border-radius: 0 }
.pro_detail_wrap { position: relative; padding-top: 0; padding-bottom: 60px; background: #f7f8fa url(../images/bgpro.jpg) no-repeat center top/cover }
.body_product .r .bg { padding-left: 10px }
.product_detail .baojia { margin: 40px 0 }
.product_detail .ul_ttl { margin-bottom: 0; padding: 0; border-bottom: 2px solid #014c8c; background: #f7f8fa }
.product_detail .thecontent { position: relative; z-index: 1 }
.pro_detail_wrap .cloud { position: absolute; z-index: 3; top: 420px; right: 0; display: block; width: 370px; height: 55px; content: ''; background: url(../images/cloud1.png) no-repeat; FONT-WEIGHT: 100 }
.pro_detail_wrap .cloud2 { top: 10%; right: auto; left: 0; background: url(../images/cloud2.png) no-repeat }
.pro_detail_wrap .cloud3 { top: 30% }
.pro_detail_wrap .cloud4 { top: 50% }
.pro_detail_wrap .cloud5 { top: 70% }
.pro_detail_wrap .cloud6 { top: 90% }
.product_detail .thecontent img { width: auto; height: auto }
.product_detail .ul_ttl li { font-size: 16px; line-height: 50px; display: inline-block; max-width: 140px; height: 50px; padding: 0 30px; cursor: pointer; text-align: center }
.product_detail .ul_ttl li.slick-current { color: #fff; background: #1270d4 }
.product_detail .ul_ttl .on { color: #fff; background: var(--cl2) }
.product_detail .dw { position: relative; top: 5px }
.product_detail #baojiatbl { width: 100%; border-collapse: collapse; border: none }
.product_detail #baojiatbl td:nth-child(1) { width: 170px; background: #f5f5f5 }
.product_detail td.jj input[type=number] { padding: 0 5px }
.product_detail td.jj label { font-weight: 400; margin-right: 15px }
.product_detail #baojiatbl td { padding: 13px 15px; vertical-align: middle; border: 1px solid #e5e5e5 }
.product_detail #baojiatbl td.rightth { width: 250px; padding: 25px 15px; text-align: center; vertical-align: top }
.product_detail .rightth .zongjia { font-size: 28px; color: var(--red2) }
.product_detail .rightth .yuan { margin-left: 5px; color: var(--red2) }
.product_detail .rightth p { margin: 10px auto 20px }
.product_detail .rightth .jiesuan:hover { color: var(--cl1) }
.product_detail .rightth .jiesuan { font-size: 18px; line-height: 40px; display: inline-block; padding: 0 20px; vertical-align: middle; color: var(--red2); border: 1px solid var(--red2); background: #fffaf4 }
.product_detail .rightth .jiesuan i { position: relative; top: -2px; display: inline-block; width: 22px; height: 22px; margin-right: 7px; vertical-align: middle; background: url(../images/xiadan.png) center }
.product_detail .count input { width: 100px; min-width: 1px; max-width: 100px; flex: 1 1 100px }
.product_detail .detail2 { margin-top: 30px }
.detail2 .slick-slide img { display: unset }
.product_detail .ul_hdl li.on { font-size: 18px; position: relative; top: -1px; padding: 0; color: #222 }
.product_detail .input-group { display: flex; float: left; width: 170px }
.product_detail .thecontent > div { font-size: 16px; line-height: 2; color: #404040 }
.product_detail .ll { width: 100%; margin-top: -10px; margin-bottom: 10px }
.product_detail .ll h1 { font-size: 24px; font-weight: bold }
.product_detail .crumbs { float: none; width: 100%; margin-top: 10px; margin-bottom: 20px }
.product_detail .crumbs * { padding: 0; padding-right: 0 }
.product_detail .crumbs b:first-child { display: inline-block; width: 33px; height: 30px; vertical-align: middle; background: url(../images/bg9.png) no-repeat 0 0 }
.product_detail  .lct { margin-bottom: 6px }
.product_detail .lct a:last-of-type { font-weight: 400 }
.product_detail  h1 { font-family: "PingFang SC","Microsoft YaHei"; font-size: 24px; font-weight: bold; margin-bottom: 30px; color: #333 }
.product_detail .r .ll { float: none }
.product_detail .r .crumbs { line-height: 2; margin-bottom: 20px; padding: 1px 0 }
.product_detail #maincontent { margin-bottom: 40px; padding-bottom: 40px }
.product_detail .zhutu .mainpic img { width: 320px; height: 320px; padding: 10px; border: 1px solid #ddd }
.product_detail .sinfos .bg {margin-top: 0;margin-left: 6px;}
.product_detail .sinfos h1 { font-size: 24px; font-weight: 400; margin-top: 0; margin-bottom: 20px; padding-bottom: 15px; color: #444; border-bottom: 1px solid #ededed }
.product_detail .sinfos p { position: relative; top: -4px }
p.zixunbtn a { font-size: 18px; line-height: 45px; display: inline-block; margin-top: 17px; padding: 2px 40px; transition: all .3s; color: #fff; background: #b41017 }
p.zixunbtn a:hover { background: #df0000 }
.product_detail .sinfos p .t { font-weight: bold; color: #888; color: #000 }
.product_detail .sinfos p .c { line-height: 1.8 }
.product_detail .sinfos p.p4 { margin-top: 0; margin-bottom: 30px; padding-top: 0 }
.product_detail .sinfos p.p4 .t { font-size: 16px; color: #333 }
.product_detail .sinfos p.p4 .c { font: bold 30px/50px arial; color: #ff8a00 }
.product_detail .sinfos p.p5 a { font-size: 17px; display: inline-block; margin-top: 10px; padding: 4px 25px; color: #fff; background: #065fa3 }
.product_detail .sinfos p.p5 a { margin-bottom: 20px }
.product_detail .sinfos p.p5 a.zx { margin-right: 20px }
.product_detail .sinfos p.p5 a.pdf { margin-right: 30px; margin-left: 30px }
.product_detail .jbcs {clear: both;min-height: 170px;margin-bottom: 20px;padding: 0;/* padding-top: 20px; *//* border-top: 2px solid #b0b0b0 */}
.product_detail .jbcs + span { font-family: "PingFang SC","Microsoft YaHei"; font-size: 24px; font-weight: bold; line-height: 1.2; padding-left: 60px; color: #01b34d; color: #01b34d; background: url(../images/phone2.png) no-repeat left 3px }
.product_detail .jbcs + span b { font-size: 14px; font-weight: 400; display: block; color: #666 }
.product_detail .price { font-size: 14px; line-height: 35px; color: rgba(34, 34, 34, 1) }
.product_detail .price strong { font-size: 36px; color: #e72a31 }
.product_detail .price i { font-style: normal; margin-left: 7px }
.product_detail .ssinfo { font-size: 14px; line-height: 35px; color: #666 }
.product_detail .ssinfo b { color: #333 }
.product_detail .redbtn { font-size: 18px; line-height: 50px; float: left; width: 154px; height: 50px; margin-top: 30px; margin-left: 6px; text-align: center; color: #fff; background: #1270d4 }
.product_detail .jbcs dl { margin-top: 10px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px dotted #999 }
.product_detail .jbcs dl dt { font-size: 16px; font-weight: 400; line-height: 1.8; float: left; width: 125px; color: #666 }
.product_detail .jbcs dl dd { font-size: 16px; line-height: 1.8; float: left; width: calc(100% - 130px); margin-bottom: 22px; color: #666 }
.duotuslider { position: relative; margin-top: 10px; padding: 0 20px }
.product_detail li.slick-active { background: #f7f8fa }
.product_detail .duotuslider li { box-sizing: content-box; width: 82px; height: 82px; margin: 0 2px; padding: 4px; cursor: pointer; border: 1px solid #eee; background: transparent }
.product_detail .duotuslider li img { width: 100%; height: 100% }
.product_detail li.slick-active.on { border: 1px solid #014c8c }
.product_detail li.slick-active span { color: #fff }
.product_detail .tags { margin: 40px 0 30px }
.product_detail .tags a { margin-left: 10px }
.product_detail .info_previous_next_wrap div { margin-bottom: 10px; color: #333 }
.product_detail .info_previous_next_wrap b { font-weight: 400 }
.product_detail .info_previous_next_wrap a { color: #333 }
.product_detail .info_previous_next_wrap a:hover { color: #1270d4 }
.remark { font-size: 14px; line-height: 2; padding-top: 20px; padding-bottom: 50px; color: #333 }
.product_detail .zixun p.phone { padding-left: 60px; background: url(../images/bg8.png) no-repeat left center }
.product_detail  .zixun p span { font-size: 16px; line-height: 1.1; color: #777 }
.product_detail  .zixun p b { font-size: 28px; font-weight: bold; line-height: 1.3; position: relative; top: 2px; left: -2px; display: block; color: #b41017 }
.body_product_detail #zhutu {border: 4px inset hsla(0, 0%, 73%, 0.7);height: 450px;display: flex;justify-content: center;align-items: center;background: #fff;}
.jbcs .tips {
    display: none;
}

.num_4 #iframe3d {

height: 579px;
}
div#zhutu {}
.product_detail #location a:last-of-type { font-weight: 400; color: #666 }
.detailpart2 { padding: 35px 0 50px; background: #fff }
#the_detail {margin-top: 50px;margin-bottom: 0;}
.body_product_detail .hdl { margin-bottom: 40px; background: #f0f0f0 }

.body_product_detail .xdcp .hdl {
    margin-bottom: 10px;
}

.body_product_detail .xdcp {
    margin-bottom: 50px;
}

.body_product_detail .pn {
    padding: 25px 0;
}

.body_product_detail .pn>p {
    padding: 15px 0 0;
}

.body_product_detail .pn * {
    color: #1571da !important;
}

.body_product_detail .xdcp .in {
    background: #fff;
    /* padding: 25px; */
}

.body_product_detail .xdcp .in .nail {
    margin: 20px 20px 10px;
    border-bottom: 1px dashed #eee;
}

.body_product_detail .xdcp .a_txt {
    text-align: center;
    padding: 15px 52px;
    display: block;
    width: 100%;
    background: #fff;
    line-height: 1.5;
    font-size: 14px;
}

.body_product_detail .xdcp img {}
.body_product_detail .hdl a.on { color: #fff; background: #01b34d }
.body_product_detail .hdl a { font-size: 18px; line-height: 50px; display: inline-block; padding: 0 30px; transition: all .3s; color: #333 }
#the_detail .thecontent { font-size: 16px }
#the_detail .thecontent * { font: inherit }

#the_detail .thecontent img {
    height: auto !important;
}
#pro_detail_wrap .duotuslider { position: relative }
#pro_detail_wrap .hdl { line-height: 75px; position: absolute; display: block; width: 24px; height: 75px; cursor: pointer; text-align: center; border: 1px solid #eee }
#pro_detail_wrap .hdl.next { top: 0; right: 0 }
#pro_detail_wrap .duotuslider .slick-slider { width: 345px; margin: 10px auto; margin-left: 27px }
#pro_detail_wrap .duotuslider .slick-slide { display: flex; height: 75px; margin: 0 3px; cursor: pointer; border: 1px solid #eee }
#pro_detail_wrap .duotuslider .slick-slide.on { border-color: #f52929 }
.product_detail .baojia { margin: 40px 0 }
.product_detail .ul_ttl { margin-bottom: 0; padding: 0; border-bottom: 2px solid #014c8c; background: #f7f8fa }
.product_detail .thecontent {padding: 0 0 60px;background: #fff;}
.product_detail .ul_ttl li { font-size: 16px; line-height: 50px; display: inline-block; max-width: 140px; height: 50px; padding: 0 30px; cursor: pointer; text-align: center }
.product_detail .ul_ttl li.slick-current { color: #fff; background: #1270d4 }
.product_detail .ul_ttl .on { color: #fff; background: var(--cl2) }
.product_detail .dw { position: relative; top: 5px }
.product_detail #baojiatbl { width: 100%; border-collapse: collapse; border: none }
.product_detail #baojiatbl td:nth-child(1) { width: 170px; background: #f5f5f5 }
.product_detail td.jj input[type=number] { padding: 0 5px }
.product_detail td.jj label { font-weight: 400; margin-right: 15px }
.product_detail #baojiatbl td { padding: 13px 15px; vertical-align: middle; border: 1px solid #e5e5e5 }
.product_detail #baojiatbl td.rightth { width: 250px; padding: 25px 15px; text-align: center; vertical-align: top }
.product_detail .rightth .zongjia { font-size: 28px; color: var(--red2) }
.product_detail .rightth .yuan { margin-left: 5px; color: var(--red2) }
.product_detail .rightth p { margin: 10px auto 20px }
.product_detail .rightth .jiesuan:hover { color: var(--cl1) }
.product_detail .rightth .jiesuan { font-size: 18px; line-height: 40px; display: inline-block; padding: 0 20px; vertical-align: middle; color: var(--red2); border: 1px solid var(--red2); background: #fffaf4 }
.product_detail .rightth .jiesuan i { position: relative; top: -2px; display: inline-block; width: 22px; height: 22px; margin-right: 7px; vertical-align: middle; background: url(../images/xiadan.png) center }
.product_detail .count input { width: 100px; min-width: 1px; max-width: 100px; flex: 1 1 100px }
.product_detail .detail2 { margin-bottom: 40px; padding: 0; border: 1px solid rgba(237, 237, 237, 1) }
.detail2 .slick-slide img { display: unset }
.product_detail .ul_hdl li.on { font-size: 18px; position: relative; top: -1px; padding: 0; color: #222 }
.product_detail .input-group { display: flex; float: left; width: 170px }
.product_detail .thecontent > div { font-size: 16px; line-height: 2; color: #404040 }
.product_detail .ll { width: 100%; margin-top: -10px; margin-bottom: 10px }
.product_detail .ll h1 { font-size: 24px; font-weight: bold }
.product_detail .crumbs { float: none; width: 100%; margin-top: 10px; margin-bottom: 20px }
.product_detail .crumbs * { padding: 0; padding-right: 0 }
.product_detail .crumbs b:first-child { display: inline-block; width: 33px; height: 30px; vertical-align: middle; background: url(../images/bg9.png) no-repeat 0 0 }
#cpxq { padding: 25px 0 0 }
.cpxqttl { font-family: "PingFang SC","Microsoft YaHei"; font-size: 24px; font-weight: bold; line-height: 30px; line-height: 28px; height: 80px; margin-top: 0; margin-bottom: 25px; padding-top: 18px; text-align: center; color: #00b9f2; background: url(../images/bg10.png) no-repeat top center }
#xgcp { padding: 15px 0 50px }
#xgcp .item { margin-top: 22px }
#xgcp .img { padding: 20px; background: #fff }
#xgcp .more { position: relative; top: 18px }
#xgcp .img + p { line-height: 1.5; display: block; padding: 20px 20px }
#xgcp .img img { width: 100%; height: 100% }
#newspn_share { margin-bottom: 40px }
#newspn_share .col2 .con { float: right; padding-top: 20px; text-align: right }
#newspn_share .col2 .con .ttl { position: relative; top: 6px; float: left }
#abpart2 {padding: 60px 0;background: #fff url(../images/bg44.jpg) no-repeat center/cover;}
#abpart2 div.in { padding: 40px 36px 10px }
#abpart2 .bg { padding: 30px 0 30px }
#abpart2 .row > div .in { height: 340px; margin-top: -20px; margin-right: 2px; border: 1px solid #e6e6e6; border-right: 1px solid rgba(255, 255, 255, .45); background: #fff }
#abpart2 .row > div:nth-child(n+5) .con { border-bottom: none }
#abpart2 .row > div:nth-child(4n+4) .con { border-right: none }
#abpart2 .img { display: flex; height: 130px; margin-bottom: 21px; justify-content: center; align-items: center }
#abpart2 .img ~ span { font-size: 12px; display: block; margin: 10px auto; padding: 5px 10px; text-align: center }
#abpart2 .img ~ .s1 { font-size: 20px; margin-bottom: 0 }
#abpart2 .img ~ .s2 { line-height: 1.9; margin-top: 0 }
#abpart3 { padding-bottom: 60px; background: url(../images/abbg2.jpg) no-repeat center bottom/cover }
#abpart3 ul:before { position: absolute; top: 50px; left: calc(50% - 8px); display: block; width: 10px; width: 4px; height: 10px; height: calc(100% - 160px); content: ''; background: #006bb0 }
#abpart3 li { position: relative; width: 100%; min-height: 180px; padding-top: 15px; padding-right: 60px; text-align: right; background: url(../images/frm2.png) no-repeat right top/580px 100% }
#abpart3 li:nth-child(even) { padding-left: 50px; text-align: left; background: url(../images/frm1.png) no-repeat left top/580px 100% }
#abpart3 li i { position: absolute; display: block; width: 18px; height: 18px; background: url(../images/dot.png) no-repeat }
#abpart3 .li_1 i { top: 48px; left: calc(50% - 15px) }
#abpart3 .li_2 i { top: 53px; left: calc(50% - 15px) }
#abpart3 .li_3 i { top: 48px; left: calc(50% - 15px) }
#abpart3 .li_4 i { top: 53px; left: calc(50% - 15px) }
#abpart3 .li_5 i { top: 48px; left: calc(50% - 15px) }
#abpart3 .li_6 i { top: 53px; left: calc(50% - 15px) }
#abpart3 .in { display: flex; float: right; flex-direction: column; width: 470px; min-height: 140px; text-align: left; flex-wrap: wrap; justify-content: center }
#abpart3 li:nth-child(even) .in { float: left }
#abpart3 .year { font-size: 24px; font-weight: bold; display: block; margin-bottom: 5px; color: #464646 }
#abpart3 .event { font-family: "PingFang SC","Microsoft YaHei"; font-size: 16px; font-weight: 400; line-height: 24px; color: #828282 }
#abpart1 { padding: 56px 0 55px; background: url(../images/abbg1.jpg) no-repeat center/cover }
#abpart1 .info {margin-top: 10px;margin-left: 0;}

#abpart1 #about_txt img {
    margin: 0 20px 20px 0;
}

div#about_txt {
    margin-bottom: 30px;
}

div#about_txt>p {
    text-indent: 2em;
    line-height: 1.9;
    font-size: 16px;
}
#abpart1 .cname { padding-bottom: 18px }
#abpart1 .cname strong { color: #00b9f1 }
#abpart1 .h2 { font-size: 28px }
#abpart1 div.cname p { font-size: 14px; color: #aaa }
#abpart1 .con2 { padding-top: 20px; padding-bottom: 40px }
.contactus h1 { font-size: 36px; position: relative; margin-top: -10px }
.contactus h1:after { position: absolute; top: 123%; left: 0; display: block; width: 60px; height: 2px; content: ''; background: #b41017 }
.contactus .companyname { font-size: 24px; margin: 30px 0 20px; color: #b41017 }
.contactus .contactusinfo { font-size: 16px; line-height: 35px; color: #666 }
#contactarea { margin-top: 50px }
#contactarea .c_lxfs {padding-right: 20px;padding: 20px 40px 0;}
#ctpart3 { padding: 0; padding-left: 60px }
#ctpart3 h3 {font-weight: 400;font-size: 40px;margin-bottom: 30px;}
#ctpart3 h3 + p { color: #c5c5c5 }
#ctpart3 iframe { width: calc(100% - 60px) }
.body_jobs #maincontent { margin-top: 40px }
.tablewrap { margin-top: 35px; margin-bottom: 70px; padding: 30px; box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .1) }
.tablewrap > table { display: none }
.tablewrap > table th { font-size: 18px; font-weight: bold; padding: 16px !important; color: #666; border-top: none !important; border-bottom: 2px solid #eee }
.tablewrap > table td { font-size: 16px; box-sizing: border-box; padding: 20px 16px !important; border: none !important }
.tablewrap > table th:last-child { width: 60px }
.tablewrap > table td:last-child { width: 60px }
.tablewrap > table .xq td { padding-top: 0 !important; padding-bottom: 0 !important }
.tablewrap > table .s { line-height: 1.8; display: none; width: 98%; margin: auto; padding: 15px 10px }
.tablewrap > table .job_detail { font-size: 24px; line-height: 1.1; position: relative; left: 10px; cursor: pointer; color: #333 }
.tablewrap > table .job_detail:hover { color: #0c70da }
.zwf50 { height: 50px }
.tmp38 { position: relative; top: -2px; left: -5px }
#maincontent > .bgfff { width: 1500px; max-width: 100%; margin: 0 auto }
#leftbar { margin-bottom: 50px; padding-right: 10px }
.body_news_detail #leftbar .box, .body_news_detail #leftbar .box2 { display: none }
.body_news_detail #leftbar .rmwz { display: block; margin-top: 0 }
#leftbar .ttl { font-size: 18px; font-weight: 400; line-height: 60px; height: 60px; margin-bottom: 0; padding-left: 30px; text-align: left; color: #fff; background: #1270d4 }
#leftbar .ttl h2 { line-height: 49px; margin: 0 }
#leftbar .ttl a { font-size: 24px; font-weight: 400; color: #fff }
#leftbar .ul1 { border-right: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4 }
#leftbar .cat1 { position: relative; background: #f4f4f4 }
#leftbar .cat1.on { background: #f7f7f7 }
#leftbar .cat1.cat1_185 { display: none }
#leftbar .cat1.cat1_185 + div { margin-top: 10px }
#leftbar .cat1.on .p1:before { position: absolute; top: 7px; left: -2px; display: block; width: 6px; height: 43px; background: #b41017 }
#leftbar .cat1 .p1 > a { font-size: 16px; font-weight: 400; display: flex; min-height: 60px; margin-right: 70px; margin-left: 28px; align-items: center }
#leftbar .cat1.on .p1 > a {font-weight: bold;color: #1270d4;}

#leftbar .cat1.on .p1 > a .att {
    display: inline-block;
    width: 10px;
    height: 12px;
    background: url(../images/ar5.png) no-repeat;
    position: absolute;
    right: 12px;
}
#leftbar .p1 { margin-bottom: 0; transition: background-color 500ms linear; border-bottom: 1px solid #e4e4e4 }
#leftbar .plus { position: absolute; top: 20px; right: 20px; width: 14px; height: 14px; cursor: pointer; background: url(../images/ar3.png) no-repeat center }
#leftbar .on .plus { background: url(../images/ar4.png) no-repeat center }
#leftbar .depth2 { overflow: hidden; height: auto; max-height: 0; transition: max-height .55s ease-out; transform-origin: top; background: #fff }
#leftbar .on .depth2 { max-height: 1000px; transition: max-height .55s ease-in }
#leftbar .li_depth2 { display: flex; border-bottom: 1px solid #ededed; background: #f7f7f7; align-items: center }

#leftbar .li_depth2.li_p_306 a {
    font-size: 17px;
}
#leftbar .li_depth2 a:hover:after { border-color: #1378ce }
#leftbar .li_depth2 a:after { position: absolute; top: 18px; left: 0; width: 8px; height: 10px; margin-top: -4px; content: '' }
#leftbar .li_depth2 a {font-size: 13px;line-height: 1.6;position: relative;display: flex;display: inline;margin: 0 8px;padding: 10px 0 10px;padding-right: 15px;padding-left: 20px;}
#leftbar .li_depth2:last-child a { border: none }
#leftbar .li_depth2.on a { color: #029bdf }
#leftbar .ttl2.on h3 { border: 1px solid #e6212a; background: #fff }
#leftbar .ttl2.on h3 a { color: #e6212a }
#leftbar .ttl2 h3 { font-size: 14px; position: relative; margin: 0 auto; padding: 20px 15px; border: 1px solid transparent; background: #f0f0f0 }
#leftbar .cat1.empty { display: block; height: 0; border: none }
#leftbar h3 i { position: absolute; top: unset; right: 22px; display: none; width: 9px; height: 15px; cursor: pointer; vertical-align: middle; background: url(../images/ar6.png) no-repeat }
#leftbar .on h3 i { display: inline-block }
.leftbar .box2 { margin-top: 25px; padding: 20px 20px; border: 1px solid #e4e4e4; background: #fff }
.box_contact .t {margin-bottom: 20px;padding-bottom: 20px;padding-left: 40px;border-bottom: 1px solid #e4e4e4;background: url(../images/phone3.png) no-repeat;}
.box_contact .s1 { display: block }
.box_contact .c p { font-size: 14px; line-height: 26px; color: #7b7b7b }
.box.rmwz { display: none }
.body_news_detail .box.rmwz { display: block }
.box.rmwz .h3 { font-size: 22px; margin-top: 10px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ddd }
.box.rmwz .h3 .blue { color: #029bdf }
.box.rmwz ul li a { display: inline-block; overflow: hidden; max-width: 100%; padding: 7px 0; padding-left: 3px; white-space: nowrap; text-overflow: ellipsis; color: #666 }
.box.rmwz ul li a:hover { color: #1270d4 }
#service_detail .stt .h2 { line-height: 80px; position: relative; display: block; height: 80px; margin: 0 auto 40px; color: #fff; background: #1270d4 }
#service_detail .stt .h2:before, #service_detail .stt .h2:after { position: absolute; top: 50%; left: 100px; display: block; width: 260px; height: 2px; content: ''; background: #fff }
#service_detail .stt .h2:before { right: 100px; left: auto }
#service_detail #thecontent1 { padding-bottom: 46px }
#service_detail #thecontent1 img { margin-bottom: 25px }
#service_detail #thecontent1 p { font-size: 14px; line-height: 2; margin-bottom: 25px; color: #666 }
#service_detail .leftbar { padding-right: 20px }
.body_guestbook { background: transparent }
.body_guestbook ul { margin-top: 40px }
.body_guestbook ul li { float: left; width: 50%; margin-bottom: 20px }
.body_guestbook li .msg_ttl { font-size: 16px; line-height: 40px; float: left; width: 130px !important; padding: 0 15px; text-align: right; color: #666 }
.body_guestbook li .msg_input { float: left; width: calc(100% - 130px) }
.body_guestbook li .msg_input input[type=radio]:first-child { margin-left: 0 }
.body_guestbook li .msg_input input[type=radio] { width: auto; height: auto; margin: 0; margin-right: 5px; margin-left: 20px; vertical-align: middle }
.body_guestbook li .msg_input textarea, .body_guestbook li .msg_input input { font-size: 16px; line-height: 42px; width: 100%; height: 42px; padding: 0 12px !important; color: #666; border: 1px solid #ddd }
.body_guestbook li .msg_input textarea { height: 98px }
.body_guestbook li .msg_input input#verifycode { width: 100px }
.body_guestbook li.li_verify { width: 50% }
.body_guestbook li.li_verify img { margin-left: 10px; vertical-align: bottom }
.body_guestbook li .form_button1 { font-size: 16px; font-weight: 400; display: block; float: none; height: auto; margin: 20px auto 50px; padding: 7px 210px; text-align: center; text-indent: 0; letter-spacing: 0; color: #fff; border-radius: 100px; background: #029bdf }
.body_guestbook li .form_button1:hover { background-color: #a20c0c }
.body_guestbook li { margin-top: 23px }
.body_guestbook li.li_2 { height: auto }
.body_guestbook li.li_3:last-child { width: 100% !important }
.body_guestbook li.li_1 .msg_ttl { float: left; width: 160px }
.body_guestbook li .required { font-weight: bold; margin-left: 5px; color: red }
.body_guestbook li.li_4 .msg_input { font-size: 16px; line-height: 40px; vertical-align: middle; color: #666 }
.body_guestbook .li_submit { width: 100%; padding: 0 }
.body_guestbook .btn_red { font-size: 14px; line-height: 30px; padding: 8px 60px; color: #fff; background: #ca171d }
.body_guestbook .btn_red:hover { color: #fff; background: #d72e28 }
.pro_list .r { padding-left: 20px }
.body_product #maincontent { padding-top: 45px; background: #fafafa }
.pro_list #pagelist {margin: 20px auto 50px;display: none;}
#contactarea #ctpart1 { height: 424px }
#contactarea #ctpart2 .in { position: relative; min-height: 260px; margin: 0; padding: 35px 30px; text-align: center; border: none; background: #fff }
#contactarea #ctpart2 .in:before { position: absolute; top: 10%; left: 0; display: block; width: 1px; height: 80%; content: ''; background: #eee }
#contactarea #ctpart2 div[class^=col]:first-child .in:before { display: n }
#contactarea #ctpart2 { margin: 0 auto 80px; padding: 0; background: #fff }
#contactarea #ctpart2 > .row {border: 1px solid #dedede;padding-bottom: 66px;}
#contactarea #ctpart2 > .row2 { margin-top: 20px }
#c_lxfs .comname { font-size: 28px; margin-bottom: 30px; color: #1270d4 }
#c_lxfs .sinfo { margin-bottom: 30px; color: #333 }
#c_lxfs span.s2 { display: block; color: #1270d4 }
#c_lxfs .s1 { display: block; margin-bottom: 6px }
#c_lxfs div.fl.phone i { display: block; width: 30px; height: 30px; margin-top: 40px; background: url(../images/phone3.png) no-repeat }
#contactarea #ctpart3 .ttl5 p { color: #ccc }
#sltpart1 { padding-bottom: 30px; background: url(../images/bg8.png) no-repeat center 130px }
.slttl { position: relative; margin-top: 60px; margin-bottom: 90px }
.h2.slttl.abttl:after { position: absolute; z-index: 0; top: 20px; left: 0; display: block; width: 100vw; height: 1px; content: ''; background: #eee }
.h2.slttl.abttl:before { position: absolute; z-index: 1; top: -9px; left: 50%; display: block; width: 140px; height: 46px; margin-left: -70px; content: ''; background: #fff }
.slttl .s1 { font-weight: bold; position: relative; z-index: 1 }
#sltpart1 .col2, #sltpart1 .col4 { position: relative; top: -40px }
#sltpart1 .con2 { position: relative; min-height: 572px; margin-bottom: 40px; border: 1px solid #d6d6d6 }
#sltpart1 .in { position: relative; top: -41px }
#sltpart1 .t { background: url(../images/line.png) no-repeat left 136px bottom 10px }
#sltpart1 .t i { display: inline-block; width: 96px; height: 120px; margin-left: 40px; background: no-repeat 0 0 }
#sltpart1 .col1 .t i { background-image: url(../images/flag/01.png) }
#sltpart1 .col2 .t i { background-image: url(../images/flag/02.png) }
#sltpart1 .col3 .t i { background-image: url(../images/flag/03.png) }
#sltpart1 .col4 .t i { background-image: url(../images/flag/04.png) }
#sltpart1 .t span { font-family: "PingFang SC","Microsoft YaHei"; font-size: 36px; font-weight: bold; position: relative; top: -23px; left: 20px; display: inline-block; color: #1270d4 }
#sltpart1 .info { line-height: 1.8; margin-top: 10px; padding-right: 30px; padding-left: 90px; text-align: justify; color: #666; background: url(../images/ar4.png) no-repeat 60px 3px }
#weixiupart1 { padding-bottom: 110px }
#weixiupart1 .slttl { margin-bottom: 40px }
#weixiupart1 .col .con2 { display: flex; flex-direction: column; padding: 0 80px; justify-content: center }
#weixiupart1 .col2 .con1 { float: right }
#weixiupart1 .col .t { margin-bottom: 25px }
#weixiupart1 .col .t i { font-size: 54px; font-style: normal; margin-right: 10px; vertical-align: middle }
#weixiupart1 .col .t i + span { font-size: 30px; vertical-align: middle; color: #1270d4 }
#weixiupart1 .info { font-size: 14px; line-height: 24px; color: #666 }
#downloadlist li { margin-bottom: 22px; padding: 25px; padding-left: 90px; border: 1px solid #e0e0e0; background: url(../images/file.png) no-repeat 25px }
#downloadlist li .infotitle { font-size: 17px; display: inline-block; margin-bottom: 5px }
#downloadlist li .in span { color: #9c9c9c }
.downloadbtn { font-size: 14px; line-height: 32px; display: inline-block; width: 100px; margin-top: 10px; transition: all .3s; text-align: center; color: #fff; border-radius: 5px; background: #b4b4b4 }
.downloadbtn:hover { background: #1270d4 }
.downloadinfo { padding: 15px; background: #f7f8f9 }
.downloadinfo p { display: inline-block; margin: 0 20px }
.downloadinfo p * { color: #666 }
.download1 .downloadbtn { line-height: 40px; float: none; width: auto; margin: 0 auto 30px; padding: 0 30px; background: #0097dc }
.download1 .downloadbtn:hover { color: #fff; background: #1270d4 }
#newsdetailpage { margin-bottom: 30px; padding-right: 0; padding-bottom: 0 }
#newsdetailpage > .con { padding: 20px 0; border-bottom: 1px dashed #d3d3d3; background: #fff }
#newsdetailpage .InfoTitle h1 { font-size: 22px; font-weight: 500; margin-top: 0; text-align: left; text-align: center; color: #535353 }
#newsdetailpage .info_from_wrap { margin: 10px 0 12px; padding-bottom: 20px }
#newsdetailpage .info_from_wrap span { font-size: 12px; line-height: 28px; color: #7b7b7b }
#newsdetailpage .info_from_wrap { text-align: center }
#newsdetailpage .info_from_wrap * { color: #888 }
.remark { font-size: 16px; line-height: 32px; color: #7b7b7b }
.remark * { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit }
.remark img { max-width: 100%; height: auto !important }
#newsdetailpage .remark { padding-top: 0; padding-bottom: 40px }
#newsdetailpage .remark img { height: auto !important }
#newsdetailpage > .con.newspn.pn { padding-top: 30px; border: navajowhite }
#newsdetailpage > .con.newspn.pn .fr i {display: inline-block;width: 28px;height: 24px;margin-right: 8px;vertical-align: middle;background: url(../images/back.png) no-repeat left;}
#newsdetailpage > .con.newspn.pn .fr a:hover i {background-position: right 4px top 2px;}
.newspn.pn * { font-size: 14px; color: #888 }
.newspn.pn p:before { display: block; width: 100% }
.newspn.pn a:hover { color: #0052d9 }
.pro_list .r .con { padding: 0  0 20px }
.pro_list a.blk:hover .bt { color: #014c8c; border-color: #014c8c }
.pro_list .r .con a.blk { display: block }
.pro_list .r .con_pro { margin-bottom: 25px; transition: all .3s; border: 1px solid rgba(237, 237, 237, 1) }
.ssmenu { display: flex; margin: 30px auto; text-align: center; border: 1px solid #eee }
.ssmenu li { display: inline-block; flex: auto }
.ssmenu li a { line-height: 45px }
.ssmenu li.active { color: #fff; background: #e62129 }
.ssmenu li.active a { color: #fff }
#newspage .media.jobitem:hover { border-color: #e62129 }
#newspage .media.jobitem:hover a { color: #e62129 !important }
#newspage .media.jobitem:hover a { color: #e62129 !important }
#newspage .media.jobitem { margin: 15px auto 25px; padding: 25px 30px; padding-left: 10px; border: 1px solid #eee }
.blk.con_pro:hover { border: 1px solid rgb(0, 97, 164) }
.blk.con_pro { margin-bottom: 24px; text-align: center; border: 1px solid #e5e5e5 }
.blk.con_pro p { margin-bottom: 0 }
.blk.con_pro .bor > p { padding: 5px 25px 5px }
.pro_list .r .nail { margin: 0 }
.pro_list .txt { padding: 16px 15px 26px }
.pro_list .txt p { font-size: 16px; margin: 0 auto; text-align: center; color: #222 }
.pro_list .r .ll { font-size: 16px; font-weight: 400; position: relative; display: inline-block; margin-bottom: 0; padding: 0 50px 20px 0; color: #e6222a }
.pro_list .r .ll:after { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 2px; content: ''; background: #e6222a }
h2.fttln { margin: 0 auto 55px }
#i_pro {position: relative;padding-top: 40px;padding-bottom: 70px;background: #fafafa;}
.body_product #i_pro {padding-top: 0;background: transparent;display: flex;flex-wrap: wrap;justify-content: space-between;}

.body_product #i_pro>div {
    flex: 1 1 50%;
}

.body_product #i_pro>div:nth-child(n+3) {
    flex: 1 1 33.33%;
}
.body_product #i_pro:before { display: none }
#i_pro .t2 { font-size: 18px; line-height: 50px; position: relative; padding-left: 55px; color: #222; background: url(../images/lb.png) no-repeat left }
#i_pro .t2:after { position: absolute; bottom: 0; left: 55px; display: block; width: 10px; width: 60px; height: 10px; height: 2px; content: ''; background: #e1e1e1 }
#i_pro .dots0 > * { position: relative; left: -30px }
#i_pro .ul1 { height: 54px; margin-bottom: 20px; margin-left: -17px; padding-right: 30px; padding-left: 0 }
#i_pro .ul1 li { line-height: 53px; position: relative; padding-left: 36px; text-align: left }
#i_pro .ul1 li a { font-size: 16px; color: #999 }
#i_pro .ul1 li.slick-current a { color: #fd9827 }
#i_pro .ul1 li:after { position: absolute; top: 24px; left: 20px; display: block; width: 8px; height: 9px; content: ''; background: url(../images/ar6.png) no-repeat left center }
#i_pro .slickbody_pro .item { position: relative; overflow: visible; margin-bottom: 22px; padding: 15px 15px 0; transition: all .3s; background: #fff }
#i_pro .slickbody_pro  .line { margin-top: 10px; border-bottom: 1px solid #ccc }
#i_pro .slickbody_pro .item:hover:after { position: absolute; z-index: 322332; top: 0; left: 0; display: block; width: 100%; height: 100% }
#i_pro .slickbody_pro .item:hover .line { border-color: #fd9827; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .27) }
#i_pro .slickbody_pro img { width: 100%; height: 100% }
#i_pro .slickbody_pro .img { position: relative; display: block; width: 100% }
#i_pro  .in {height: auto;padding: 10px 0 10px;}
#i_pro .item { padding: 6px; text-align: center; background: #1270d4 }
#i_pro .con:hover .item { box-shadow: -3px 3px 5px 0 rgba(4, 0, 0, .21) }
#i_pro .con:hover .item { background: linear-gradient(-90deg, #01b34d, #03aa5f, #1270d4) }
#i_pro  .a_txt {font-size: 17px;display: inline-block;max-width: calc(100% - 40px);vertical-align: middle;color: #fff;text-overflow: unset;white-space: normal;height: auto;}
#i_pro  .sinfo { line-height: 25px; overflow: hidden; max-height: 100px; color: #333 }
#i_pro  .more { display: inline-block }
#i_pro  .more i { display: block; width: 19px; height: 10px; background: url(../images/ar5.png) no-repeat }
#i_pro  .more:hover { color: #fff; border-color: #207dc7; background: #207dc7 }
.body_product #i_pro .more:hover { color: unset; background: transparent }
#i_pro  .img:after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; transition: all .3s; opacity: 0; background: rgba(117, 197, 240, .76) url(../images/link.png) no-repeat center }
#i_pro  .img:hover:after { opacity: 1 }

.iframePic{
    display: flex;
    margin: -5px;
    padding-top: 20px;
}

.iframePic.num_4 {
    justify-content: space-between;
}
.iframePic .itm{
    margin: 5px;
}
.iframePic .itm a{}
.iframePic .itm a.on .name{color: #D50000}
.iframePic .itm a img{
    max-width: 88px;
}
.iframePic .itm .name{
    display: block;
    padding: 7px 0;
}