@media (min-width:1921px) {
    body { margin: 0 auto; background: #fff }
    html { background: url(../pics/bg_1920.png) repeat-y center top; font-size: 192px }
}
.waponly { display: none }
.wow { visibility: hidden }
.head_call { padding-top: 26px; padding-left: 80px }
.head_call span { display: block; margin-right: 10px }
.head_call a { font-size: 22px; color: #fff; font-family: Impact }

.fullbn {
    position: relative;
    margin: 0 auto;
    top: 0;
    left: 0;
    width: 1920px;
    height: 880px;
    overflow: hidden;
    visibility: hidden;
}
/* jssor slider loading skin spin css */
.fbslides {
    cursor: default;
    position: relative;
    top: 0;
    left: 0;
    width: 1920px;
    height: 880px;
    overflow: hidden;
}
.fb_spin {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}
.fb_spin img {
    margin-top: -19px;
    position: relative;
    top: 50%;
    width: 38px;
    height: 38px;
    animation-name: fb_spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes fb_spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.fb_dots {
    position: absolute;
    bottom: 60px;
    right: 12px;
    min-width: 300px;
    text-align: center;
    left: -150px !important;
}

.fb_dots .i {
    position: static !important;
    cursor: pointer;
    width: 11px;
    height: 11px;
    background: rgb(233 233 233 / 40%);
    border-radius: 100px;
    transition: all .5s;
    display: inline-block;
    margin: 0 10px;
}


.fb_dots .i.iav {
    background:rgb(255 255 255 / 40%);
    width: 46px;
}


.fb_index svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.fb_index {
    display: block;
    position: absolute;
    cursor: pointer;
    left: 25px;
    top: 0;
    width: 55px;
    height: 55px;
}

.fb_index.fb_a_right {
    right: 25px;
    top: 0;
    width: 55px;
    height: 55px;
    left: auto;
}
.fb_index .a {
    fill: none;
    stroke: #fff;
    stroke-width: 640;
    stroke-miterlimit: 10;
}

.fb_index:hover {
    opacity: .8;
}

.fb_index.fb_indexdn {
    opacity: .5;
}

.fb_index.fb_indexds {
    opacity: .3;
    pointer-events: none;
}



.i_ttl { position: relative; text-align: center; display: inline-block }
.i_ttl:after { content: ""; display: block; position: absolute; width: calc(100% + 90px); height: 73px; top: 37px; left: -45px; background: transparent; border: 2px solid #B1AFB0; z-index: 22; DISPLAY: none }
.i_ttl:before { content: ""; display: block; position: absolute; width: calc(100% + 30px); height: 10px; top: 37px; left: -15px; background: white; z-index: 33; display: none }
.h2_sct_ttl { font-family: Microsoft YaHei UI; font-size: 42px; font-weight: 400; line-height: 36px; position: relative; display: inline-block; color: #333; z-index: 44 }
h2.h2_sct_ttl span.blue { color: #2290DB; font-weight: bold }
.h2_sct_ttl + p { font-family: Microsoft YaHei UI; font-size: 18px; font-weight: 400; line-height: 21px; margin: auto; padding-top: 6px; text-align: center; color: #535353 }
.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: 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(../pics/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: 600PX; margin: 0; padding: 0; border: none }
.product3d { clear: both; width: 1240px; margin: 0 auto }
#carousel1 { position: relative; overflow: hidden; width: 100%; height: 930px; margin: 0 auto; padding: 0 }
#carousel1 .item h3 { margin: 0; padding: 15px 10px 0; text-align: center }
#carousel1 .item h3 a { font: 400 21px/1 'microsoft yahei'; color: #333 }
#carousel1 .item h3 a:hover { color: yellow }
#carousel1 .item h4 { font: 400 22px/1 '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: 400 20px/30px 'microsoft yahei'; color: #fff }
#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, #3399DB, #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 { background: #222222; padding: 70px 0 30px }
#footer .qr a { display: block; width: 100%; height: 100% }
#footer .qr img {/* border: 14px solid #fff; */margin-top: 44px;}
#footer .contact ul li { font-size: 16px; line-height: 1.3; color: #6E6E6E; margin-bottom: 18px }
#footer .contact .call { color: #B4B4B4; font-size: 30px; font-weight: bold; margin-bottom: 10px }
#footer .contact .call+span { font-size: 18px; color: #B4B4B4 }
#footer { padding: 70px 110px 10px; position: relative }
#footer * { color: #A3A3A3 }
#footer LI.li_line:after { display: block; position: absolute; width: 1px; height: 130px; top: 30px; right: 23px; background: #333 }
#footer LI.li_line.li1_319:after { display: none }
#footer .contact i { display: inline-block; vertical-align: middle; width: 34px; height: 34px; background: url(../pics/bg3.png) no-repeat center; border-radius: 500px; position: absolute; top: 0; left: 0 }
#footer .contact i.i1 { background-position: 0px 0px }
#footer .contact i.i2 { background-position: 0px -92px }
#footer .contact i.i3 { background-position: 0px -177px }
#footer .se1 { font-size: 20px; color: #fff }
#copyright .s4.wx { background-image: url(../pics/bg0.png); background-position: 0 0 }
#copyright .s4 { display: inline-block; width: 37px; height: 37px; background: #6F6F6F no-repeat center; border-radius: 100px; margin-right: 10px }
#copyright .in1 { margin-top: -17px }
#copyright .s4 a { display: block; width: 100%; height: 100% }
#copyright .s4.qq { background-image: url(../pics/bg0.png); background-position: -55px 0 }
#footer .s3 { font-size: 16px; color: #fff }
#footer .s2 { font-size: 18px; color: #A3A3A3; padding: 0; line-height: 2; display: block; margin-top: 5px }
#footer .i1 ~ .s2 { font-size: 24px; font-weight: bold }
#footer .s1 { font-size: 18px; padding: 0; color: #fff; vertical-align: top; margin-top: 0; display: inline-block }
#footer .n0 { position: relative }
#footer .contact ul .li2 { padding-left: 45px; position: relative; margin-bottom: 35px }
#footer .li1.qr { width: 149px; padding: 0; margin-left: 30px; margin-right: 131px }
#footer .li1.contact { width: 300px; padding: 0; float:right; }
#footer .in1 { padding-top: 12px }
#footer .in0 { padding-left: 78px }
#qxpp { background: #2e2e2e; padding: 30px 0; border: 1px solid #444444; border-left: none; border-right: none }
#qxpp .t { font-size: 20px; color: #fff }
#qxpp .t~a { font-size: 20px; margin-left: 40px; color: #B4B4B4 }
.footer_nav { margin-bottom: 30px }
.footer_nav .li1 {float: left;width: calc((100% - -96px) / 6);position: relative;padding-left: 50px;margin-left: auto;}
.footer_nav .li1:first-child { padding-left: 0 }
.footer_nav .li1>a { font-size: 20px; color: #fff; line-height: 36px; display: inline-block; padding-bottom: 0; position: relative }
.footer_nav .li1>a:after { content: ""; display: block; position: absolute; width: 2em; height: 1px; bottom: 0; left: 0; background: #F08519; display: none }
.footer_nav .ul2 { padding-top: 35px }
.footer_nav .li2 { position: relative; margin-bottom: 29px }
.footer_nav .li1:after { display: block; position: absolute; width: 3px; height: 261px; top: 0; right: 0; background: url(../pics/vline.png) no-repeat }
.footer_nav .li2 a { color: #F8F5F5; line-height: 16px; font-size: 18px }
.footer_nav .qr span { display: block; padding-top: 14px }
.footer_nav .contact { margin-left: 0; padding-right: 0 }
.footer_nav .contact:after { display: none }
.footer_nav .contact dl { margin-top: 0px; padding-left: 30px }
.footer_nav .contact dt { float: left; clear: left; width: 46px; text-align: justify; color: #afafaf; font-weight: 400; letter-spacing: 0; padding: 5px 0; margin-left: 0 }
.footer_nav .contact dt.fl { width: 27px; height: 30px; background: url(../pics/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 { width: calc(100% - 30px); margin-bottom: 7px; color: #6B6B6B; font-size: 16px }
.footer_nav .contact dd { clear: right; float: left; padding: 5px 0; font-size: 14px; color: #afafaf; font-weight: 400; text-indent: 0; margin-left: 0 }
.footer_nav .contact dd.Address { line-height: 1.7 }
.footer_nav .contact a { color: #E6E5E5 }
.footer_nav .contact p.p0.p1 { margin-top: 15px }
.footer_nav .contact dt i { display: inline-block; vertical-align: middle; width: 16px; height: 16px; background: url(../pics/ic1.png) no-repeat; margin-right: 12px }
.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 { margin-left: 24px; margin-bottom: 0; color: #1571DA; padding-top: 13px; font-size: 30px; font-weight: bold; float: none; padding: 0 0 5px; font-family: mywfont }
.footer_nav .contact dd.Telephone span { font-size: 14px; color: #fff }
.footer_nav .contact dd.Telephone a { display: block; color: #3EA9DF }
#footer a:hover { color: #fff !important }
#copyright { padding: 45px 110px 25px; background: #222222; border-top: 1px solid #2b2b2b }
#copyright * { color: #A3A3A3; font-size: 16px }
#copyright .links a { display: inline-block; margin: 0 10px }
#copyright a:hover { color: #fff !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 }
#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 }
#location * { font-size: 16px; font-weight: 400; color: #666 }
.ban img { visibility: hidden; width: 100%; min-width: 1920px; max-width: none }
#pageban .ban { position: relative; min-height: 360px }
#pageban * { text-align: center }
#pageban .ani { position: absolute; height: 100%; width: 100%; top: 0; left: 0 }
#pageban .ani div { height: 100% }
#pageban .in { padding-top: 0; display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; flex-direction: column }
#pageban .wrap1520 { position: relative; top: 0; height: 100% }
#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: Microsoft YaHei UI; 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: 60px; font-weight: 400; margin-top: -10px; text-align: left; letter-spacing: 4px; color: #fff; display: inline-block; padding-top: 10px }
#pageban h4 { font-family: SourceHanSansSC; font-size: 33px; padding: 0; text-align: right; letter-spacing: 1px; text-transform: uppercase; color: #fff; padding-right: 10px; margin-top: -20px }
#pageban h4 .dot { display: inline-block; width: 8px; height: 8px; margin: 0 11px 2px 10px; vertical-align: middle; border-radius: 100px; background: #b41017 }
.body_340 #pageban .item { width: 544px; height: 195px; background: url(../pics/bg5.png) no-repeat; padding: 13px 40px 0; color: #fff; text-align: left; margin-bottom: 30px; }
.body_340 #pageban .item h3 { text-align: left; font-size: 28px; margin-bottom: 15px; }
.body_340 #pageban .info { height: auto; text-align: left; font-size: 20px; line-height: 1.8; }
.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 }
#snav { border-bottom: 1px solid #E5E5E5 }
#snav #location { padding-top: 8px }
div#location >b { background: url(../pics/bg_lct.png) no-repeat left; margin-right: 10px }
#snav #submenu .con { text-align: right }
#snav #submenu li { display: inline-block; margin: 0 19px }
#snav #submenu li:last-child { margin-right: 0 }
#snav #submenu li:last-child a { padding-right: 0 }
#snav #submenu li.on:last-child a { padding-right: 13px }
#snav #submenu li:first-child { margin-left: 0 }
#snav #submenu li.on a { color: #326acb; position: relative }
#snav #submenu li.on a:after { content: ""; display: block; position: absolute; width: 100%; height: 4px; bottom: -3px; left: 0; background: #326acb }
#snav #submenu a { font-size: 18px; line-height: 54px; border-bottom: 2px solid #fff; display: inline-block; padding: 10px 13px }
video { object-fit: fill }

#pagelist {
    min-height: 80px;
    margin: 0 auto;
    text-align: center;
    padding-top: 30px;
}

div#pagelist .pagination {
    margin: 0 auto;
}
#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: 34px;
    display: inline-block;
    overflow: hidden;
    min-width: 46px;
    height: 34px;
    margin: 0 5px;
    padding: 0 12px;
    transition: all 0.2s;
    text-align: center;
    color: #555;
    border-radius: 8px;
    border: 1px solid #d7d7d8;
    background: #f8f6f4;
}

#pagelist a.page-num.page-num-current {background: #1270d4;color: #fff;border-color: #1270d4;}
#pagelist .pagefirst,
#pagelist .pageend {
    display: none
}
#pagelist .pageup,
#pagelist .pagedown {
    width: auto;
    padding: 0 14px;
    background: url('../pics/up.png') no-repeat center
}
#pagelist .pagedown {
    background: url('../pics/down.png') no-repeat center
}

.newslist { padding-top: 10px }
#newspage .infotitle:hover { color: #0061a4 }
#newspage .infohit { padding-left: 30px }
#newspage .infohit i { vertical-align: middle; display: inline-block; width: 17px; height: 11px; background: url(../pics/bg8.png) no-repeat 0 -106px; position: relative; top: -1px; margin-right: 10px }
#newspage .more i:hover { background: url(../pics/bg8.png) no-repeat -20px 0 }
#newspage .more i { display: inline-block; width: 36px; height: 36px; background: url(../pics/bg8.png) no-repeat -20px -230px }
.infotimecard { text-align: right }
.infotimecard strong { display: block; text-align: right; color: #666; margin-bottom: 6px; margin-top: 20px; font-size: 30px; font-family: Arial; font-weight: 400; color: #E0E0E0; line-height: 32px }
.infotimecard b { display: block; text-align: right; font: 400 14px/28px ' '; color: #666; letter-spacing: 1px; margin-bottom: 6px; font-size: 60px; font-family: Arial; font-weight: 400; color: #E0E0E0; line-height: 32px; margin-top: 17px }
#newspage .media { margin-top: -1px; padding: 40px 0px; -moz-box-shadow: 0 1px 5px 2px rgba(89, 89, 89, .1); border-bottom: 1px solid #E2E2E2 }
#newspage .media:first-child { margin-top: 0 }
.media-list { margin-bottom: 50px }
#newspage .media:hover { -webkit-box-shadow: none; -moz-box-shadow: none }
#newspage .media:hover a { color: #326ACB }
#newspage .media .nail { display: block; width: 400px; height: 225px }
#newspage .media .media-body { padding-left: 62px }
#newspage .media .media-body .fl { width: calc(100%  - 230px); padding-right: 100px; border-right: 1px solid #D3D3D3 }
#newspage .media .media-body .fr { text-align: right; width: 210px; padding-top: 20px }
#newspage .media .media-body h4 { font-weight: 400; display: block; margin-bottom: 30px; margin-top: 34px; color: #333 }
#newspage .media-heading span { font-size: 13px; color: #939393; display: inline-block; margin-top: 8px }
#newspage .media-heading+p { color: #888888; font-size: 14px; line-height: 26px; font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; color: #7B7B7B; line-height: 32px }
#newspage .media  a {color: #333;font-size: 20px;line-height: 1.5;font-size: 24px;font-family: Microsoft YaHei;font-weight: bold;color: #333333;}
#newspage .media .sinfo { font-size: 16px; line-height: 1.8; color: #666 }
#newspage .media .more { display: inline-block; margin-top: 10px }
.news_detail { background: #F6F6F6 }
.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 '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, 0.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 .bgfff { padding: 30px }
.tjxw h3.ttl:after { display: none !important }
.tjxw h3.ttl:before { content: ""; width: 3px; height: 20px; background: #326ACB; position: absolute; left: -29px; top: 12px }
.tjxw ul li a { font-size: 15px; font-weight: 400; line-height: 22px }
.tjxw ul li p { margin: 0; padding-top: 10px; color: #666 }
.news_detail .imgcenter { display: block; margin: 20px auto }
.news_detail .left1 .con { padding: 55px 50px; background: #fff; margin-right: 20px }
.news_detail #maincontent { padding: 60px 0 }
.news_detail .InfoTitle h1 { font-size: 34px; margin-top: -5px; margin-bottom: 30px; text-align: left; color: #333 }
.news_detail .info_from_wrap {height: auto;margin-bottom: 40px;text-align: left;padding: 20px;color: #7B7B7B;background: rgba(240, 240, 240, .38);font-size: 16px;border-bottom: 1px solid #E6E6E6;}
.news_detail .info_from_wrap b { font-weight: 400; line-height: 45px; margin-left: 0; color: #666 }
.news_detail .info_previous_next_wrap * { font-size: 18px; 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: 18px; font-weight: 400; line-height: 30px }
.news_detail .info_previous_next_wrap a { font-size: 18px; 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: 18px; font-weight: bold; line-height: 45px; height: 45px; margin: 0; margin-top: 0; margin-bottom: 10px; text-align: left; text-indent: 0; color: #333; color: #326ACB; background: rgba(240, 240, 240, .38); position: relative }

.tjxw.contactHr h3.ttl {
    background-color: transparent;
}
.tjxw h3.ttl span { font-size: 20px }
.tjxw ul li { padding: 18px 0 18px 0px }
.tjxw ul li a { font-size: 18px; font-weight: 400; line-height: 22px; color: #535353 }
.tjxw ul li a:hover { color: #326ACB }
.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(../pics/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: '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(../pics/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(../pics/ar.png) no-repeat left center }
.thehdl1.hdl.next { right: -50px; left: auto; background-position: right }
#contactpart1 .con1 { padding: 40px 50px; background: #fff url(../pics/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% }
.ablink { background: #fff; font-size: 0; line-height: 0; text-align: center; box-shadow: 0px 0px 20px 0px rgba(65, 65, 65, 0.1); float: right; width: 935px; position: relative; left: 1px }
.ablink li { display: inline-block; width: 25%; color: #333; padding: 17px 0 43px }
.ablink li, .ablink li span { transition: all .3s }
.ablink li:hover { background: #326acb }
.ablink li:hover * { color: #fff !important }
.ablink li i { display: block; width: 40px; height: 40px; margin: 40px auto 15px; background: url(../pics/ic1.png) no-repeat 0 0 }
.ablink li:nth-child(1) i { background-position: 0px 0px }
.ablink li:nth-child(1):hover i { background-position: 0px -361px }
.ablink li:nth-child(2) i { background-position: -232px 0px }
.ablink li:nth-child(2):hover i { background-position: -232px -361px }
.ablink li:nth-child(3) i { background-position: -467px 0px }
.ablink li:nth-child(3):hover i { background-position: -467px -361px }
.ablink li:nth-child(4) i { background-position: -700px 0px }
.ablink li:nth-child(4):hover i { background-position: -700px -361px }
.ablink .en { font-size: 16px; font-family: Arial; font-weight: 400; color: #BABABA; display: block; padding: 0; margin: 25px auto 22px }
.ablink .en+span { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #505050 }
.ablink2 { float: none; width: 1000px; margin: 0 auto 100px }
.ablink2 li { padding: 22px 0 50px }
.ablink2 li:hover { background: #fff }
.ablink2 li:hover * { color: #666666 !important }
.ablink2 li i { margin-top: 18px; width: 55px; height: 55px }
.ablink2 li:nth-child(1) i { background-position: 9px -692px }
.ablink2 li:nth-child(1):hover i { background-position: 9px -1157px }
.ablink2 li:nth-child(2) i { background-position: -224px -693px }
.ablink2 li:nth-child(2):hover i { background-position: -224px -1158px }
.ablink2 li:nth-child(3) i { background-position: -460px -691px }
.ablink2 li:nth-child(3):hover i { background-position: -460px -1156px }
.ablink2 li:nth-child(4) i { background-position: -690px -690px }
.ablink2 li:nth-child(4):hover i { background-position: -690px -1155px }
.productshow {background: #dedcdd url(../pics/bg4.png) center top/auto no-repeat;position: relative;padding-bottom: 90px;}
.productshow .wrap0 { padding-top: 70px; margin-bottom: 30px }
.productshow .wrap0 h2 { font-size: 46px }
.productshow:after { position: absolute; z-index: 10; left: 0; right: 0; bottom: .45rem; height: .11rem; background: url(../pics/drag.png) no-repeat center; background-size: auto .11rem; content: ''; opacity: 0 }
.productshow.carson:after { opacity: 1; transition: all 1s }
.productshow .mainContent { position: relative; margin: 0 auto }
.productshow .mainContent .swiper-next {position: absolute;z-index: 10;width: 60px;height: 60px;background: url(../pics/ar2.png) no-repeat -355px center;left: calc(50% + 798px);top: 374px;cursor: pointer;outline: none;-webkit-tap-highlight-color: transparent;}
.productshow .mainContent .swiper-prev {position: absolute;z-index: 10;width: .5rem;height: 100%;background: url(../pics/prev.png) no-repeat center;background-size: auto .2rem;left: -.5rem;cursor: pointer;outline: none;-webkit-tap-highlight-color: transparent;position: absolute;z-index: 10;width: 60px;height: 60px;background: url(../pics/ar2.png) no-repeat 0px center;left: calc(50% - 828px);top: 374px;cursor: pointer;outline: none;-webkit-tap-highlight-color: transparent;}
.productshow .swiper-container {padding-top: 0;height: 100%;max-width: 100%;}
.productshow .swiper-slide {width: 20%;text-align: center;min-height: 690px;}
.productshow .swiper-slide .swiper-box {transition: all .6s;-webkit-transition: all .8s;transform: scale(0.63) translateY(60px);-webkit-transform: scale(0.63) translateY(60px);display: flex;flex-wrap: wrap;justify-content: center;align-items: center;min-width: calc((100vw - 200px) / 5);min-width: 304px;}
.productshow .swiper-slide.swiper-slide-prev .swiper-box {transform: scale(0.63) translateY(60px) translateX(-80px);}
.productshow .swiper-slide.swiper-slide-next .swiper-box {transform: scale(0.63) translateY(60px) translateX(80px);}
.productshow .swiper-slide.swiper-slide-active .swiper-box {transform: scale(1.35) translateY(16px);-webkit-transform: scale(1.35) translateY(66px);}
.productshow .swiper-slide .swiper-slide-active.swiper-box { transform: scale(1.8); -webkit-transform: scale(1.8) translateY(16px) }
.productshow .swiper-slide .swiper-box::after { content: ''; position: absolute; left: 10%; bottom: 10%; width: 80%; height: 13px; background: url(../pics/productshow-active.png) bottom no-repeat; opacity: 0; transition: all .6s .2s; -webkit-transition: all .6s .2s }
.productshow .swiper-slide h3 {margin: 0;font-size: 33px;line-height: 1.5;color: #000;}
.productshow .swiper-slide ul { display: block; white-space: nowrap; transition: all .6s; opacity: 0 }
.productshow .swiper-slide ul li { margin: 10px 17px; display: inline-block }
.productshow .swiper-slide ul li i {display: flex;width: 85px;height: 85px;border: 1px solid #E6E6E6;border-radius: 10px;overflow: hidden;justify-content: center;align-items: center;margin-bottom: 10px;margin: 0 auto 10px;background: #fff;}
.productshow .swiper-slide ul li img { max-width: 50px; max-height: 50px; -ms-transform: translateZ(0) }
.productshow .swiper-slide.swiper-slide-active ul {visibility: visible;transform: scale(calc(1 / 1.35)) translateY(10px);opacity: 1;}
.productshow .swiper-slide p { margin: 14px auto 0; font-size: 16px; line-height: 1; opacity: 0 }
.productshow .swiper-slide p em { position: relative; top: 0.01rem; font-style: normal }
.productshow .swiper-slide a:hover h3 {color: #326acb;}
.productshow .swiper-slide.swiper-slide-active .swiper-box::after { opacity: 1 }
.productshow .swiper-slide.swiper-slide-active h3 {font-weight: 400;transform: translateY(14px);font-size: 20px;}
.productshow .swiper-slide.swiper-slide-active p { opacity: 1 }
.productshow .swiper-slide a> img { display: block; margin: 0 auto; width: 100%; height: 100%; cursor: pointer }
.productshow .swiper-slide a { transition: all .6s }
.productshow .swiper-slide a> h3 { transition: all .6s }
.wrap1520 { width: 1520px; margin: auto; max-width: 100% }
#sct_slt { background: url(../pics/bg1.jpg) no-repeat center/cover; padding: 100px 0 }
#sct_slt .in { margin-bottom: 40px; position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 52px 60px }
#sct_slt .in span { font-size: 46px }
#sct_slt .wrap { margin: 0 auto }
#sct_slt .con { position: relative }
#sct_slt .con1 a { z-index: 4; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; overflow: hidden; transition: all .6s }
#sct_slt .con1 a:after { border: 10px solid transparent; content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: all .3s; z-index: 11 }
#sct_slt .con1 a:hover:after { border: 10px solid #326ACB }
#sct_slt .con1 a:hover img { transform: scale(1.3) }
#sct_slt .con1 span { font-size: 28px; color: #fff; position: absolute; left: 30px; bottom: 30px; display: inline-block; z-index: 9 }
#sct_slt .con .img1 { visibility: hidden }
#sct_slt .con .img2 { position: absolute; top: 0; left: 0; z-index: 3; transition: all .6s }

#sct_slt .con img {
    height: auto;
}
#sct_slt .con2 { background: #326ACB; overflow: hidden; width: 752px; height: 317px; overflow: hidden }
#sct_slt .more { width: 159px; height: 45px; background: linear-gradient(-55deg, #34A4C7, #43CDB7); border-radius: 23px; display: inline-block; font-size: 18px; color: #fff; text-align: center; line-height: 44px; margin-top: 37px; position: relative; z-index: 0; transition: all .5s }
#sct_slt .more:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: -5px; left: -5px; border: 5px solid rgba(87, 98, 98, 0.2); z-index: 1; box-sizing: content-box; border-radius: 23px }
#sct_slt .more:hover i { transform: scale(1.1) }
#sct_slt .more i { display: inline-block; width: 35px; height: 35px; background: url(../pics/click.png) no-repeat; position: relative; vertical-align: middle; left: 10px; top: 6px; z-index: 33; transition: all .3s }
#sct_fa1 { background: url(../pics/bg2.jpg) no-repeat center/cover }
#sct_fa1 .wrap1 { margin: 0 auto; margin-top: -100px }
#sct_fa1 .wrap1 .con { position: relative }
#sct_fa1 .wrap1 .row>div:nth-child(even) .con { margin-top: 20px }
#sct_fa1 .wrap1 .cover { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center }
#sct_fa1 .wrap1 a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden }
#sct_fa1 .wrap1 a:hover .img2 { transform: scale(1.15) }
#sct_fa1 .wrap1 i { display: inline-block; margin-bottom: 23px }
#sct_fa1 .wrap1 i+span { font-size: 24px; color: #fff }
#sct_fa1 .wrap1 .img1 { position: static; visibility: hidden }
#sct_fa1 .wrap1 .img2 { position: absolute; left: 0; top: 0; transition: all .6s }
#sct_fa1 .wrap2 { margin: 0 auto -91px }
#sct_fa1 .wrap2 h3 { color: #fff; font-size: 46px; margin: 85px 0 45px }
#sct_fa1 .wrap2 .con {
    position: relative;
    top: -1px;
}
#sct_fa1 .wrap2 .nail img {transition: all .6s }
#sct_fa1 .wrap2 a{display: block;}
#sct_fa1 .wrap2 a:hover img{
    transform: scale(1.16);
}
#sct_fa1 .wrap2 .in { background: #fff; text-align: center }
#sct_fa1 .wrap2 .in span { line-height: 90px; font-size: 24px }
#sct_news { background: #F5F5F5; padding: 195px 0 0; padding: 165px 0 90px }
#sct_news .con2 .sinfo { padding-bottom: 22px; margin-bottom: 10px; border-bottom: 1px solid #EAEAEA; color: #666 }
#sct_news IMG { width: 100% }
#sct_news B { font-weight: 400 }
#sct_news A.t1 { font-size: 46px; margin-top: 20px; margin-bottom: 45px; display: inline-block }
#sct_news .ym { color: #898989; font-size: 15px }
#sct_news .toutiao { position: relative; display: block }
#sct_news .title { font-size: 22px; color: #fff; margin: 10px 0 0; color: #000 }
#sct_news .cover .sinfo { color: #dbefed }
#sct_news .newstime.fl { width: 65px; text-align: center; margin-top: 13px }
#sct_news .con .linkmore { border: none; color: #fff; line-height: 10px; position: absolute; right: 12px; bottom: 34px; background: transparent }
#sct_news i.arrow { display: inline-block; width: 24px; height: 21px; background: url(../pics/ar1.png) no-repeat }
#sct_news .cover  i.arrow { position: absolute; right: 30px; top: 34px }
#sct_news .item { background: #fff; padding: 30px 36px 18px; margin-bottom: 10px; position: relative }
#sct_news .con3 .fr { width: calc(100% - 130px) }
#sct_news .day { font-size: 26px; color: #333; font-weight: 400; display: block; text-align: left; line-height: 1.2 }
#sct_news .cover { display: block; opacity: 1; padding: 1px; position: absolute; width: 100%; margin: 0 auto; left: 0; bottom: 0; border: 10px solid #0000 }
#sct_news .cover .bg { padding: 19px 25px 30px }
#sct_news .con3 .item { padding: 24px 40px 15px }
#sct_news .con3 .fl { padding-right: 30px; margin-right: 30px; padding-bottom: 50px; border-right: 1px solid #EAEAEA }
#sct_news .txt1:hover { color: #326acb !important }
#sct_news .con3 .sinfo { color: #666 }
#sct_news .con3 .newstime { width: 100px; overflow: hidden; margin-top: 10px }
#sct_news .con3 .linkmore { width: 61px; overflow: hidden; display: block; margin: 0; padding: 10px 0 10px; right: auto; left: 153px; bottom: 27px }
#sct_news .nail { height: 569px }
#sct_news .a1 { font-size: 20px; color: #333; display: inline-block; margin-bottom: 14px }
#sct_news .a1:hover { color: var(--green) }
.conttl { width: 440px; height: 150px; margin-top: 0; padding-top: 18px; background: url(../pics/bg1.png) no-repeat left 57px top 0 }
.conttl h3 { font-family: Microsoft YaHei UI; font-size: 36px; margin-bottom: 5px; letter-spacing: 4px; color: #1270d4 }
.conttl .ttljp { font-family: Microsoft YaHei UI; 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 }
.abttl { position: relative; text-align: center }
.abttl span { display: block; padding-bottom: 10px }
.abttl span.en { font-family: SourceHanSansSC; 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 }
.productslist { padding-bottom: 60px }
.productslist .con { text-align: center }
.productslist a.blk { background: #fff; margin-bottom: 30px; position: relative; padding: 1px; overflow: hidden }
.productslist .nail { width: 62%; margin: 19% auto }
.productslist .p1 { margin: 10px auto 35px }
.productslist .cover { background: rgba(50, 106, 203, 0.9); position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: translateY(100%); transition: all .6s }
.productslist a:hover .cover { transform: translateY(0px) }
.productslist .fea { width: 100%; display: flex; justify-content: stretch; align-items: center; flex-wrap: wrap; padding: 60px 83px }
.productslist .fea li { flex: 0; text-align: center; margin: 0px 10px 10px }
.productslist .fea li:nth-child(n+10) { display: none }
.productslist .fea li i { width: 85px; height: 85px; border: 1px solid #fff; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin: 0 auto 5px }
.productslist .fea li i img { max-width: 55px; max-height: 55px; flex: 0 0 auto; filter: brightness(100) }
.productslist .fea li p {font-size: 12px;color: #fff;}
.pro_detail_wrap { padding-top: 15px }
.pro_detail_wrap .row0 { padding-bottom: 40px }
.pro_detail_wrap h1 { margin-top: 0 }
.pro_detail_wrap .redbtn { line-height: 50px; width: 160px; display: inline-block; background: #326ACB; color: #fff; font-size: 16px; text-align: center; border-radius: 500px }
.pro_detail_wrap .duotuslider { position: relative }
.pro_detail_wrap .hdl { width: 50px; height: 50px; background: rgba(0, 0, 0, .5) url(../pics/pn.png) no-repeat left 18px center; position: absolute; z-index: 99; top: 50%; margin-top: -25px; cursor: pointer }
.pro_detail_wrap .hdl.next { right: 0; background-position: left -630px center }
.pro_detail_wrap .slick-slider { width: 620px; margin: 0 auto 20px }
.pro_detail_wrap .zhutuslider { position: relative }
.pro_detail_wrap .zhutuslider img { width: 600px; height: 600px; margin: 0 auto 30px }
.product_detail .hdl { background: #F0F0F0; display: block !important; width: 17px; height: 60px; background: transparent url(../pics/ar3.png) no-repeat; overflow: hidden; position: absolute; left: 50%; top: 286px; cursor: pointer; margin-left: -500px }
.product_detail .hdl.next { background-position: right; margin-left: 492px }
.duotuslider { position: relative; padding: 0 20px; margin-top: 10px }
.product_detail .hdl li { display: inline-block; padding: 10px 30px; cursor: pointer }
.product_detail .hdl li span { font-size: 18px; font-weight: 400; display: block }
.product_detail .hdl.vgm li { display: inline-block; padding: 10px 17px; cursor: pointer }
.product_detail .hdl.vgm li span { font-size: 14px; font-weight: bold; display: block }
.product_detail .duotuslider li { border: 4px solid #EEEEEE; width: 124px; height: 124px; background: transparent; cursor: pointer; box-sizing: content-box; margin: 0 12px }
.product_detail .duotuslider li img { width: 100%; height: 100% }
.product_detail .duotuslider li.slick-active.slick-current { border: 4px solid #326ACB }
.product_detail li.slick-active span { color: #fff }
#product_detail  #zhutu { width: 600px; height: 600px; margin: 0 auto 30px }
#product_detail  #zhutu img { width: 100%; height: 100% }
#product_detail  .duotuslider { text-align: center }
#product_detail  .bor { border: 1px solid #E9E9E9; height: 940px; padding: 75px }
#product_detail .duotuslider li.slick-current { border: 4px solid #326ACB }
#cpxq .fea { width: 100%; height: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; padding: 0 }
#cpxq .fea li {/* flex: 0; */text-align: center;margin-right: 30px;}
#cpxq .fea li:nth-child(n+10) { display: none }
#cpxq .fea li i { width: 82px; height: 82px; border: 1px solid #E9E9E9; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin: 0 auto 5px }
#cpxq .fea li i img { max-width: 51px; max-height: 51px; flex: 0 0 auto }
#cpxq .fea li p { font-size: 16px; color: #666 }
#detail2 { background: #fff; padding: 50px 0 70px }
#the_detail .fttl { background: #F7F7F7; height: 60px; line-height: 60px; text-align: left; margin: 20px 0 50px }
.fttl:before { border-left: 8px solid #8F6B34; background: #326acb; width: 180px; height: 100% }
#the_detail .fttl a { padding-left: 10px; color: #fff; position: relative; z-index: 3; font-weight: bold; font-size: 24px }
.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(../pics/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(../pics/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 }
#cpxq { padding: 25px 0 0 }
.cpxqttl { line-height: 30px; margin-top: 0; margin-bottom: 25px; background: #F7F7F7 }
.cpxqttl+div { padding: 35px 0 }
.cpxqttl span { font-size: 18px; line-height: 60px; display: inline-block; border-left: 8px solid #2654A5; background: #326ACB; color: #fff; padding: 0 30px }
#xgcp { padding: 15px 0 70px }
#xgcp .h3 { font-size: 36px; color: #535353; margin: 25px 0 }
#xgcp .item { margin-top: 22px }
#xgcp .img { padding: 20px; background: #fff }
#xgcp .more { position: relative; top: 18px }
#xgcp .img + p { line-height: 1.5; font-size: 18px; display: block; padding: 10px 20px 22px; background: #fff }
#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 }
#abpart1 { padding: 75px 0 75px }
#abpart1 h1 { font-size: 36px }
#abpart1 h1+p { font-size: 14px; color: #A2A2A2; margin-bottom: 35px }
#abpart1 .info { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #7b7b7b; line-height: 30px; padding: 22px 0 0; padding-right: 0 }
#abpart1 .info * { word-break: break-all }
#abpart1 .con { text-align: right; padding-top: 30px }
#abpart1 .info .d2 { line-height: 2.4; margin-bottom: 10px }
#abpart1 .d1 { margin-bottom: 0; font-size: 18px; line-height: 1.9 }
#abpart1 .con1  img { max-width: 487px }
#abpart1 .con2 { padding-left: 23px }
#abpart1 .con2 h1 { margin-top: 8px }
#abpart1 .con3 { padding-top: 30px; position: relative }
#slickab .slick-slide { margin-left: 30px }
#slickab .slick-list { margin-left: -30px }
#abpart1 .con3 .pn {display: block;width: 44px;height: 44px;position: absolute;left: 0;top: 50%;margin-top: 18px;background: no-repeat center;background-image: url(../pics/left1.png);z-index: 333;cursor: pointer;}
.body_19 #abpart1 .con3 .pn { top: calc(50% + 50px) }
#abpart1 .con3 .pn.next { background-image: url(../pics/right1.png); left: auto; right: 0 }
#aboutpagecontent .p1 { font-size: 36px }
#aboutpagecontent .p2 { font-size: 36px; font-weight: bold; margin-top: 25px }
#aboutpagecontent .pic1 { padding: 25px 0 }
#wenhua_part1 { padding: 68px 0 }
#wenhua_part1 .con { background: #fff; padding: 70px 80px; height: 350px;
    /*display: flex;*/
    flex-wrap: wrap; justify-content: center; align-items: center; flex-direction: column }
#wenhua_part1 .con:hover { background: #326ACB }
#wenhua_part1 .con:hover * { color: #fff }
#wenhua_part1 .con:hover img { filter: brightness(100) }
#wenhua_part1 .con i { display: block }
#wenhua_part1 h3 { font-size: 30px; margin: 25px auto 15px }
#wenhua_part1 .sinfo { color: #7B7B7B; font-size: 18px; line-height: 1.8 }
#wenhua_part2 { padding: 65px 0 10px }
#wenhua_part2 h2 { font-size: 46px }
#wenhua_part2 .con { display: flex; justify-content: space-between; align-items: center; padding: 70px 0 }
#wenhua_part2 .con:after { content: ""; display: block; height: 1px; border-bottom: 1px dashed #ccc; width: calc(100% - 30px); position: absolute; z-index: -1; top: 208px }
#wenhua_part2 li { text-align: center }
#wenhua_part2 li i { display: flex; width: 110px; height: 110px; align-items: center; justify-content: center; background: #326ACB; border-radius: 100px; margin: 0 auto 20px }
#wenhua_part2 li span { font-size: 20px }
h2.ttl001 { font-size: 46px; margin-bottom: 40px; margin-top: -20px }
.zslist { padding-bottom: 60px; padding-top: 60px }
.zslist .bgs { border: 1px solid #eee; padding: 25px; background: #fff }
.zslist .bgs:hover { box-shadow: 2.121px 2.121px 29px 0px rgba(0, 0, 0, 0.3) }
.zslist .in { margin-bottom: 10px }
.zslist .nail { width: 100% }
.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 { padding-top: 70px; padding-bottom: 50px }
#contactarea .con { margin-bottom: 60px; display: flex; align-items: center}
#contactarea .s1 { font-size: 28px; color: #333; margin-bottom: 0px; display: block }
#contactarea .s1+i { display: block; margin: 15px 0 }
#contactarea .s1+i+strong { display: block; font-size: 36px; font-family: Arial; font-weight: bold; color: #326ACB; line-height: 62px }
#contactarea .con3 .s1+i+strong { font-size: 24px }
#ctpart2 { background: #F7F7F7; padding-bottom: 30px }
#contactarea .c_lxfs { padding-right: 20px; padding: 20px 40px 0; border: 1px solid #F0F0F0; height: 424px; background: #fff }
#ctpart3 { padding: 0; padding-left: 60px; margin-bottom: 70px }
#ctpart3 h3 { font-weight: b }
#ctpart3 h3 + p { color: #c5c5c5 }
#ctpart3 iframe { width: calc(100% - 60px) }
.body_job #maincontent {padding-top: 40px;background: #f7f7f7;}
.joblist .left1 { padding-right: 30px }
.joblist .left1 .con { border: 1px solid #DFDFDF; margin-bottom: 35px }
.joblist .left1 .h { padding: 30px 50px; position: relative }
.joblist .left1 .h h3 { font-size: 28px; color: #353535; display: inline-block }
.joblist .left1 .time { font-size: 13px; color: #999 }
.joblist .left1 .p1 { font-size: 20px; color: #7E7E7E; line-height: 2 }
.joblist .left1 .more { width: 41px; height: 41px; border: 1px solid #CCCCCC; border-radius: 50%; position: absolute; top: 60px; right: 30px; background: url(../pics/ar4.png) no-repeat center }
.joblist .left1 .in { padding: 30px 50px 40px; border-top: 1px solid #DFDFDF; font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; line-height: 2 }
.contactHr .bgfff { border: 1px solid #DFDFDF; border-radius: 5px; background: #fff url(../pics/ic4.png) right 30px top 30px no-repeat; margin-bottom: 14px }
.contactHr h3.ttl span { font-size: 24px; font-weight: bold }
.contactHr ul li { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #848484; line-height: 30px }
.contactHr .btns { display: flex }
.contactHr .btns a {display: flex;flex: 0 0 119.5px;text-align: center;justify-content: center;align-items: center;height: 120px;border-radius: 10px;color: #fff;flex-wrap: wrap;flex-direction: column;max-width: calc(33% - 5px);}
.contactHr .btns a:nth-child(1) { background: #53CAC4 }
.contactHr .btns a:nth-child(2) { background: #8D77FE; margin: 0 10px }
.contactHr .btns a:nth-child(3) { background: #F69A57 }
.contactHr .btns .s1 { display: block; font-size: 16px }
.contactHr .p1 { font-weight: bold; font-size: 20px }
.contactHr .p1 i { display: block; height: 35px }
.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: 18px; font-weight: 400; display: block; float: none; height: auto; margin: 20px auto 50px; padding: 12px 210px; text-align: center; text-indent: 0; letter-spacing: 0; color: #fff; border-radius: 0; background: #326acb }
.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 }
.pro_list #pagelist { margin: 20px auto 50px }
#contactarea #ctpart1 { height: 550px; margin-bottom: 40px }
#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 }
#contactarea #ctpart2 > .row2 { margin-top: 20px }
#c_lxfs .comname { font-size: 28px; margin-bottom: 50px; margin-top: 40px }
#c_lxfs .sinfo { margin-bottom: 30px; color: #333 }
#c_lxfs span.s2 { display: block; color: #1270d4 }
#c_lxfs .s1 { display: block; margin-bottom: 26px; font-size: 16px }
#c_lxfs .s1:nth-child(3) { margin-bottom: 7px }
#c_lxfs div.fl.phone i { display: block; width: 30px; height: 30px; margin-top: 40px; background: url(../pics/phone3.png) no-repeat }
#contactarea #ctpart3 .ttl5 p { color: #ccc }
#sltpart1 { padding-bottom: 30px; background: url(../pics/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 }
#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 }
.remark table{border:none;border-collapse: collapse;min-width: 100%;}
.remark table tr{}
.remark table td{
    border: 1px solid #e1e1e1 !important;
    padding: 5px 12px !important;
    font-size: 16px;
    /* font-weight: 400 !important; */
    background: #fff !important;
}

.remark table td * {
    font-size: 16px !important;
    color: #444;
}
.remark table:first-of-type th{}
#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(../pics/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 }
.caselist { padding: 80px 0 50px }
.caselist .l .con { padding-right: 50px }
.caselist .info { margin-bottom: 30px }
.caselist .r .slick-arrow { position: absolute; top: 44%; right: -30px; z-index: 999; display: block; width: 62px; height: 62px; text-indent: -300px; overflow: hidden; border-radius: 500px; border: none; background: rgba(229, 229, 229, 0.76) }
.caselist .r .slick-arrow:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(../pics/ar2.png) no-repeat 16px 22px }
.caselist .r .slick-arrow.slick-next:after { background: url(../pics/ar2.png) no-repeat -440px 22px }
.caselist .r .slick-prev.slick-arrow { right: auto; left: -30px }
.solutions_list { padding: 0 0 70px !important }
.solutions_list .spart { padding: 70px 0 50px }
.solutions_list .spart:nth-child(even) { background: #F7F7F7 }
.solutions_list .spart h2 a { color: #222; font-size: 46px; margin-bottom: 35px; display: inline-block }
.solutions_list .spart img { transition: all .6s }
.solutions_list .spart ul li {width: calc(25% - 25px);display: inline-block;margin-right: 22px;margin-bottom: 22px;}

.solutions_list .spart ul li:last-child {
    margin-right: 0;
}
.solutions_list .spart ul li a { position: relative; display: block; overflow: hidden }
.solutions_list .spart ul li a .cover { position: absolute; width: 100%; height: 100%; background: rgba(50, 106, 203, 0.9); display: flex; justify-content: center; align-items: center; font-size: 28px; top: 0; left: 0; transform: translateY(100%); transition: all .6s; color: #fff }
.solutions_list .spart ul li a:hover img { transform: scale(1.2) }
.solutions_list .spart ul li a:hover .cover { transform: translateY(0px) }
.devcontent{
    margin: 70px auto;
    padding-bottom: 60px;
}
.devcontent .con{
    padding-top: 50px;
}
.devcontent .item{
    margin: 60px auto;
}

.devcontent .item:nth-child(n+5) {
    display: none;
}
.devcontent .nail{
    width: 282px;
    display: inline-block;
    box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.11);
    border: 4px solid #fff;
    position: relative;
}

.devcontent .fl:after {content: "";background: #dedede;width: 100px;height: 1px;position: absolute;right: 30px;top: 46%;}
.devcontent .bg{
    width: 78px;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -39px;
    top: 0;
    background: url(../pics/hs1.png) repeat-y;
}
.devcontent .bg:before{content:"";display: block;position: absolute;width:78px;height: 43px;background:url(../pics/hs0.png) no-repeat top center;top: 0;left: 0;}
.devcontent .bg:after{content:"";display: block;position: absolute;width:78px;height: 43px;background:url(../pics/hs2.png) no-repeat top center;bottom: 0;}
.devcontent .con i{}
.devcontent .con .more{}
.devcontent .con .more.on{}
.devcontent .fl{
    width: 50%;
    text-align: right;
    padding-right: 130px;
    margin-top: -50px;
    margin-bottom: 50px;
    position: relative;
    top: 10px;
}

.devcontent .item:nth-child(even) .fl {
    float: right;
    text-align: left;
    padding-right: 0;
    padding-left: 140px;
}

.devcontent .item:nth-child(even) .fl:after {
    right: auto;
    left: 40px;
}
.devcontent .more{
    display: block;
    width: 4em;
    text-align: center;
    margin: 30px auto;
    position: relative;
    top: 70px;
}
.devcontent .more span{}
.devcontent .more img{}
.devcontent .in{
    width: 50%;
    padding-left: 110px;
    float: left;
    position: relative;
}
.devcontent .con IMG{}
.devcontent .con h4{
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 100px;
    background: #326ACB;
    color: #fff;
    font-size: 22px;
    text-align: center;
    line-height: 80px;
    /* font-weight: bold; */
    /* border: 8px solid rgba(200, 220, 255, 0.34); */
    box-sizing: content-box;
    left: -149px;
    position: relative;
    z-index: 99;
}

.devcontent .con h4.f12 {
    font-size: 14px;
}

.devcontent .item:nth-child(even) h4 {
    left: auto;
    left: 100%;
    margin-left: -40px;
}

.devcontent .item:nth-child(even) .in {
    padding-left: 0;
}

.devcontent .con h4:before {
    background: rgba(10, 96, 246, 0.34);
    width: 96px;
    height: 96px;
    position: absolute;
    content: "";
    z-index: -2;
    left: -8px;
    top: -8px;
    border-radius: 100px;
}
.devcontent .con h4+div{
    position: relative;
    top: -77px;
}

.devcontent .item:nth-child(even) h4+div {
    text-align: right;
    padding-right: 140px;
}
.devcontent .con h4+div p{
    font-size: 18px;
    color: #666;
}

.info_previous_next_wrap.eqnail {margin: 30px auto;}
.info_previous_next_wrap.eqnail  .Previous{float: none;width: 100%;}
.info_previous_next_wrap.eqnail  .Next{/* float: none; *//* width: 180px; */}
.info_previous_next_wrap.eqnail  .nail{width:180px;margin-top: 20px;}
.productshow_ie{background: #F7F7F7  none !important;margin-bottom: 150px !important;}
.fea_ie{text-align: center;}
.fea_ie li{margin: 5px;display: inline-block;}
.fea_ie i{}
.fea_ie img{width: 16px;height: auto;}
.fea_ie p{font-size: 14px;}
.swiper_ie_wrap h3{font-size: 20px;}
.swiper_ie_wrap a img{width: 90%;display: block;margin: 10px auto;}
@media screen and (min-width:1920px) {
    .carousel-inner > .item img { width: 100%; max-width: none !important }
    .carousel-inner > .item a { width: 100% !important; max-width: none !important }
    .carousel-inner > .item { background-size: cover !important }
    .productshow {background-size: 100% auto !important;background-position: center  70px !important;}
    #pageban .ban { background-size: cover !important }
}