@media (min-width:1921px) {
    body { margin: 0 auto; background: #fff }
    html { background: url(../images/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 }
.fullcarousel .carousel-caption { top: 0; left: 50%; width: 1400px; height: 100%; margin-left: 0; margin-left: -700px; text-align: left; display: flex; flex-direction: column; justify-content: flex-start }
.fullcarousel .carousel-caption ul { position: relative; top: 154px; text-align: center }
.fullcarousel .carousel-caption ul li:nth-child(1) { font-size: 66px; font-weight: bold; animation-delay: 0s; text-shadow: 1px 1.732px 10px rgba(0, 0, 0, 0.2) }
.fullcarousel .carousel-caption ul li:nth-child(2) { font-size: 35px; font-weight: 400; margin: 10px 0 66px; animation-delay: .5s; text-shadow: 1px 1.732px 10px rgba(0, 0, 0, 0.2) }
.fullcarousel .carousel-caption ul li:nth-child(3) { border: 1px solid #FFFFFF; display: inline-block; font-size: 29px; line-height: 52px; padding: 0 30px; animation-delay: 1.2s }
.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: 72px; font-weight: bold; animation-delay: 0s; color: #fff; margin-top: -40px }
.caption-animate .item h3+.p1 { font-size: 60px; margin-top: 20px; animation-delay: 0.5s }
.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/right1.png) no-repeat center }
.fullcarousel .carousel-control { width: 140px; transition: all .3s; opacity: .4; background: transparent url(../images/left1.png) no-repeat center }
.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: 85px; height: 4px; margin: 0 16px; transition: all .3s; border-color: transparent; background: #fff; border-radius: 0; background: rgba(245, 245, 245, .5) }
.carousel-indicators { bottom: 60px; display: none }
.carousel-indicators .active { width: 85px; height: 4px; margin: 0 16px; background: #fff }
.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(../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: 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, #7B1F56) }
#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: #7B1F56 }
.product3d .controls .previous { float: left }
.product3d .controls .next { float: right }
#footer {background: url(../images/bgf.jpg) no-repeat center/cover;padding: 70px 0 30px;}
#footer .qr a { display: block; width: 100%; height: 100% }
#footer .qr img { 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: 60px 0px 60px;position: relative;}
#footer * {color: #808080;}
#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(../images/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 }
#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: 402px; padding: 0 }
#footer .in1 { padding-top: 12px }
#footer .in0 { padding-left: 78px }
#footer .col1{}
#footer .col1 .p1{
    font-size: 29px;
    font-family: Arial;
    font-weight: bold;
    color: #F35959;
    line-height: 48px;
}
#footer .col1 .p0{
    font-size: 26px;
    color: #fff;
    width: 29px;
    float: left;
    writing-mode: tb-rl;
    line-height: 2;
    letter-spacing: 11px;
}
#footer .col1 .p2{
    color: #808080;
    font-size: 14px;
    line-height: 1.4;
}
#footer .col1 .con{
    padding-left: 180px;
}
#footer .col1 {}
#footer .col1 .footer_contact{
    float: left;
    padding: 10px 0 0 42px;
}
#footer .col1 a{}
#footer .qrimg{
    position: absolute;
    top: 70px;
    right: 7px;
    text-align: center;
    width: 140px;
    display: none;
    transition: all .3s;
    float: none;
    color: #fff;
}

#footer .qrimg span {
    font-size: 12px;
    line-height: 2;
    color: #fff;
}

#footer .qrimg .shanjiaoxing {
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 13px solid white;
}
#footer .col1 a+span {
    vertical-align: middle;
    position: relative;
    left: 20px;
    top: -2px;
}
#footer .col1 a img{}
#footer .col2{}
#footer .col2 .con{
    padding-top: 10px;
    position: relative;
}
#footer .col2 .i1{
    display: block;
    line-height: 56px;
    font-style: normal;
    font-size: 14px;
    position: relative;
    padding-left: 58px;
    /* background: url(../images/logo.png) no-repeat left center/auto 40px; */
    top: -6px;
    margin-right: 20px;
}

#footer .col2 .i1:before {content: "";display: block;background: url(../images/logo.png) no-repeat center/100%;width: 46px;height: 46px;border: 4px solid #ffffffe3;border-radius: 100px;position: absolute;left: 0;top: 6px;}
#footer .col2 .con>*{
    float: right;
}
#footer .col2 a.a2{}
#footer .col2 a i{
    display: block;
    width: 42px;
    height: 42px;
    background: url(../images/bg3.png) no-repeat;
    margin-left: 14px;
}

#footer .col2 a.a2 i {
    background-position: right center;
}

#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(../images/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(../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 { 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(../images/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: 14px;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: 42px;font-weight: bold;margin-top: -10px;text-align: left;letter-spacing: 4px;color: #fff;display: inline-block;padding-top: 10px;width: 100%;text-align: center;}
#pageban h4 {font-family: SourceHanSansSC;font-size: 20px;padding: 0;text-align: right;letter-spacing: 1px;text-transform: uppercase;color: #fff;padding-right: 10px;margin-top: 0;text-align: center;width: 100%;}
#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(../images/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: 4px;}
div#location >b {/* background: url(../images/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: #7B1F56;position: relative;}
#snav #submenu li.on a:after {content: "";display: block;position: absolute;width: 100%;height: 3px;bottom: -3px;left: 0;background: #7B1F56;}
#snav #submenu a {font-size: 16px;line-height: 55px;border-bottom: 2px solid #fff;display: inline-block;padding: 5px 13px;}
video { object-fit: fill }

.index_sv {
    height: 120px;
    background: rgb(0 0 0 / 60%);
    margin-top: -120px;
    position: relative;
    z-index: 3;
}
.index_sv div{}
.index_sv .container{}
.index_sv .row{}
.index_sv  ul{}
.index_sv ul{
    display: flex;
    color: #fff;
    justify-content: space-between;
}
.index_sv li{
    text-align: center;
}
.index_sv .ttl{
    text-align: left;
    padding-top: 23px;
    margin-right: 50px;
}
.index_sv span{
    color: #fff;
    font-size: 15px;
}
.index_sv .s1{
    color: #7B1F56;
    font-size: 24px;
    display: block;
    color: #CF1D1D;
    font-size: 30px;
    font-weight: bold;
}
.index_sv .s2{
    font-size: 19px;
    font-weight: bold;
    margin-top: -4px;
    display: block;
}
.index_sv .item.item_1{}
.index_sv li.item.item_1 a{}
.index_sv a{}
.index_sv li.item.item_1 i{
    background: #DE9839;
}
.index_sv i{
    /* display: block; */
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #DE9839;
    margin: 18px auto 8px;
}
.index_sv li.item.item_1 img{}
.index_sv a:hover img{
    transform: scale(1.21);
}
.index_sv li.item.item_1 span{}
.index_sv .item.item_2{}
.index_sv li.item.item_2 a{}
.index_sv li.item.item_2 i{
    background: #AC54A2;
}
.index_sv li.item.item_2 img{}
.index_sv li.item.item_2 span{}
.index_sv .item.item_3{}
.index_sv li.item.item_3 a{}
.index_sv li.item.item_3 i{
    background: #8077C8;
}
.index_sv li.item.item_3 img{}
.index_sv li.item.item_3 span{}
.index_sv .item.item_4{}
.index_sv li.item.item_4 a{}
.index_sv li.item.item_4 i{
    background: #4966B4;
}
.index_sv a img{
    transition: all .3s;
}
.index_sv li.item.item_4 span{}
.index_sv .item.item_5{}
.index_sv li.item.item_5 a{}
.index_sv li.item.item_5 i{
    background: #4A9E9E;
}
.index_sv li.item.item_5 img{}
.index_sv li.item.item_5 span{}
.index_sv .more{
    padding-top: 32px;
}
.index_sv li.more a{}
.index_sv .s3{
    color: #C0B4B6;
    font-size: 24px;
    font-weight: bold;
    /* font-family: arial; */
    display: inline-block;
    vertical-align: middle;
    padding-top: 11px;
    transition: all .3s;
}

.index_sv a:hover .s3 {
    color: #CF1D1D;
}
.index_sv li.more i{
    width: 15px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    background: transparent;
    margin-left: 20px;
}
.index_sv li.more img{}

.index_intro {
    padding: 40px 0;
}
.index_intro div{}
.index_intro .container{}
.index_intro .row{}
.index_intro .col1{}
.index_intro .col2 .con{
    width: 700px;
    height: 340px;
    background: url(../images/map.png) no-repeat;
    padding: 45px 50px;
    color: #41230B;
    font-size: 14px;
}

.index_intro .col2 .con>p {}

.index_intro .col2 .con>p strong {
    font-size: 28px;
}
.index_intro h2{}
.index_intro .indexttl{}
.index_intro span{}
.index_intro .en{
    font-size: 30px;
    font-family: Jdahei;
    font-weight: bold;
    color: #CF1D1D;
    line-height: 43px;
    letter-spacing: -2px;
    display: block;
}
.index_intro .zh{
    font-size: 19px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    line-height: 1.1;
    margin-top: 4px;
    display: block;
    margin-bottom: 30px;
}

.index_intro .sinfo {
    margin-bottom: 50px;
    padding-right: 149px;
}
.index_intro .links1{}
.index_intro div.links1 a{
    width: 90px;
    height: 36px;
    border: 1px solid #9A9A9A;
    border-radius: 18px;
    display: inline-block;
    line-height: 33px;
    text-align: center;
    margin-right: 12px;
    transition: all .4s;
}

.index_intro div.links1 a:hover {
    background: #D11D1E;
    color: #fff;
    border-color: #D11D1E;
}
.index_intro a{}
.index_intro div.links1 span{}
.index_intro .col2{}
.index_intro div.con p{}
.index_intro p{}
.index_intro div.con strong{}
.index_intro strong{}

.index_family {
    background: #53494A;
    color: #fff;
    text-align: center;
    padding: 55px 0;
}
.index_family h2{}
.index_family .indexttl{}
.index_family a span{
    font-size: 22px;
    font-weight: bold;
    display: block;
    padding-left: 126px;
    text-align: left;
}
.index_family .en{
    display: block;
    color: #8B8AD0;
    font-size: 30px;
    font-weight: bold;
}
.index_family .zh{
    font-size: 19px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 43px;
}
.index_family div{}
.index_family .container{}
.index_family .row{}
.index_family .col_1{}
.index_family .col_1 a{
    background: linear-gradient(45deg, #95D46B, #51B873);
}
.index_family a{
    display: block;
    height: 190px;
    background: linear-gradient(45deg, #3E70D3, #5BB3C7);
    color: #fff;
    padding: 20px 10px;
    padding-top: 67px;
    position: relative;
    margin: 20px 0 25px;
}

.index_family a:hover .i1 {
    transform: scale(1.2) translateX(-10px);
}
.index_family i{}
.index_family .i1{
    display: block;
    position: absolute;
    right: 10px;
    top: 20px;
    transition: all .3s;
}
.index_family i.i1 img{}
.index_family img{}
.index_family .i2{
    display: block;
    position: absolute;
    left: 33px;
    top: 65px;
}
.index_family i.i2 img{}
.index_family a span+span{
    font-size: 14px;
    margin-top: 10px;
    font-weight: 400;
}
.index_family .col_2{}
.index_family .col_2 a{}
.index_family .col_2 span{}
.index_family .col_3{}
.index_family .col_3 a{
    background: linear-gradient(45deg, #6B81D6, #6450CD);
}
.index_family .col_3 span{}
.index_family .col_4{}
.index_family .col_4 a{}
.index_family .col_4 span{}
.index_family .col_5{}
.index_family .col_5 a{}
.index_family .col_5 span{}

.index_news {
    text-align: center;
    padding: 55px 0 70px;
    background: #F0F0F0;
}
.index_news .col23 .con{
    position: relative;
    background: #CF3F3F;
}

.index_news .col23 .con:after,.index_news .col23 .con:before {
    display: block;
    content: "";
    border: 2px solid #D9716E;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -30px;
    transition: all .5s;
}

.index_news .col23 a:hover .con:after, .index_news .col23 a:hover .con:before {
    transform: scale(2.8);
}
.index_news .col23 a:hover .con:after{
    transform: scale(1.1);
    transition: all .3s;
}
.index_news .col23 .con:after {
    width: 100px;
    height: 100px;
    margin-left: -50px;
    margin-top: -50px;
}
.index_news .container{}
.index_news h2{}
.index_news .indexttl{
    margin-bottom: 35px;
}
.index_news .txt1 .more{
    width: 110px;
    text-align: center;
    line-height: 90px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    background: #3B3FA3;
}
.index_news .en{
    font-size: 30px;
    font-family: Jdahei;
    font-weight: bold;
    color: #CF1D1D;
    line-height: 43px;
}
.index_news .zh{
    font-size: 25px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    line-height: 43px;
}
.index_news .col1{}
.index_news .in{
    background: #fff;
}
.index_news .col2 a{
    display: flex;
}

.index_news .col2 a>* {
    flex: 0 0 50%;
}

.index_news .col2 a:last-child .nail {
    order: 2;
}

.index_news .col2 a:last-child .nail:after {
    right: auto;
    left: 0;
    border-right-color: transparent;
    border-left-color: #fff;
}

.index_news .col2 .nail:after {content: "";display: block;width: 12px;height: 12px;border: 12px solid transparent;border-right-color: #ffffff;z-index: 4;position: absolute;top: 88px;right: 0;}
.index_news a{}
.index_news .col1 .nail{
    height: 320px;
}

.index_news .col2 .nail {
    height: 205px;
    width: 50%;
    position: relative;
}
.index_news div.nail.nailthumb-loading img{}
.index_news img{}
.index_news p{}
.index_news .title{
    display: flex;
    height: 90px;
    justify-content: space-between;
}
.index_news .s1{
    display: block;
    font-size: 14px;
    color: #999;
    /* line-height: 90px; */
    /* padding: 0 30px; */
    /* font-size: 18px; */
}

.index_news .txt1 .s1 {
    line-height: 90px;
    padding: 0 30px;
    font-size: 16px;
    color: #222;
}

.index_news a:hover .txt1 .s1 {
    color: #CF1D1D;
}

.index_news .col2 a:hover .s2 {
    color: #CF1D1D;
}
.index_news .s2{
    display: block;
    margin: 16px 0;
    font-size: 17px;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index_news .col-md-c5.col2.col21{}
.index_news .col21 .con{
    height: 205px;
    padding: 10px 25px;
    padding-top: 26px;
    text-align: left;
    width: 50%;
}
.index_news .s3{
    color: #888;
    line-height: 1.7;
}
.index_news .col-md-c5.col2.col22{}
.index_news .col-md-c5.col2.col21.col23{}
.index_news .col23 .nail{
    height: 205px;
}
.index_news .nailthumb-image{}
.index_news .s4{
    display: block;
    height: 205px;
    line-height: 205px;
    font-size: 15px;
    color: #fff;
    /* background: #CF3F3F; */
    position: relative;
}


#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: #7B1F56; background-color: #7B1F56 }
#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: 4px; 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 }
.newslist {padding-top: 10px;padding-bottom: 50px;}
#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(../images/bg8.png) no-repeat 0 -106px; position: relative; top: -1px; margin-right: 10px }
#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 }
.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 .infotitle:hover {/* color: #7B1F56 */}
#newspage .media .nail {display: block;width: 250px;height: 160px;}
#newspage .media .media-body {padding-left: 40px;}
#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: 10px;margin-top: 0;color: #333;}

#newspage .time {
    padding-left: 20px;
    font-size: 14px;
    color: #999;
    background: url(../images/time.png) no-repeat left;
}

#newspage .more {
    width: 108px;
    line-height: 34px;
    border: 1px solid #BABABA;
    display: block;
    text-align: center;
    color: #666;
    margin-top: 20px;
    transition: all .3s;
}
#newspage .media-heading span { font-size: 13px; color: #939393; display: inline-block; margin-top: 8px }
#newspage .media-heading+pp { color: #888888; font-size: 14px; line-height: 26px; font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; color: #7B7B7B; line-height: 32px }
#newspage .infotitle {/* color: #333; *//* font-size: 20px; */line-height: 1.5;font-size: 18px;/* font-family: Microsoft YaHei; */font-weight: 400;/* color: #333333; */}
#newspage .media .sinfo { font-size: 16px; line-height: 1.8; color: #666 }
#newspage .more:hover {/* display: inline-block; *//* margin-top: 10px; */background: #7B1F56;color: #fff;border-color: #7B1F56;}
.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: 20px 25px;}
.tjxw h3.ttl:after { display: none !important }
.tjxw h3.ttl:before {content: "";width: 100px;height: 1px;background: #7B1F56;position: absolute;left: 0;bottom: -1px;}
.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: 24px;margin-top: -5px;margin-bottom: 0px;text-align: left;color: #333;}
.news_detail .info_from_wrap {/* height: 45px; */margin-bottom: 40px;text-align: left;padding: 10px 0 0px;color: #7B7B7B;background: #fff;font-size: 14px;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: 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;padding-right: 20px;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: 18px; line-height: 30px }
.news_detail .info_previous_next_wrap a:hover { color: #b41017 }
.news_detail .left1 {padding-right: 0;}
.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: #7B1F56; *//* background: rgba(240, 240, 240, .38); */position: relative;border-bottom: 1px solid #ddd;}
.tjxw h3.ttl span {font-size: 18px;}

.tjxw h3.ttl span b {
    color: #7B1F56;
}
.tjxw ul li {padding: 10px 0 2px;}
.tjxw ul li a {font-size: 14px;font-weight: 400;line-height: 22px;color: #535353;}
.tjxw ul li a:hover { color: #7B1F56 }
.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: '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: Microsoft YaHei UI; font-size: 36px; margin-bottom: 5px; letter-spacing: 4px; color: #7B1F56 }
.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 }
.fttl:before { border-left: 8px solid #8F6B34; background: #7B1F56; width: 180px; height: 100% }
.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 }
#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 }
.body_19 #abpart1 .con3 .pn { top: calc(50% + 50px) }
#abpart1 .con3 .pn.next { background-image: url(../images/right1.png); left: auto; right: 0 }
.aboutpage_content{
    padding: 40px 0;
}
.aboutpage_content h1{
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    line-height: 28px;
    margin-bottom: 30px;
}
.aboutpage_content p{
    font-size: 14px;
    line-height: 30px;
    color: #555;
}
.aboutpage_content h1+p{}
.aboutpage_content img{
    margin: 20px 0 30px;
}
.aboutpage_content #qysp{}
#wenhua_part1{
    padding: 65px 0;
}
#wenhua_part1 .itm{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 0 -10px;
}
#wenhua_part1 .in{
    padding: 40px 15px;
    min-width: 21%;
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    margin: 10px;
    flex: 1;
}
#wenhua_part1 .in img{
    display: block;
    margin: 10px auto 13px;
}
#wenhua_part1 .in span{
    display: block;
    font-size: 20px;
    text-align: center;
    margin-bottom: 10px;
}
#wenhua_part1 .in span.s2{
    font-size: 16px;
    color: #666;
}
h2.ttl001 { font-size: 46px; margin-bottom: 40px; margin-top: -20px }
.zslist {padding-bottom: 60px;padding-top: 60px;/* background: #F0F0F0; */}
.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% }
#contactarea{}
#ctpart1 {}
#contactarea h2{
    font-size: 30px;
    font-weight: bold;
    color: #7B1F56;
    margin-bottom: 40px;
}
#ctpart1 .con{
    background: #fff;
    padding: 52px 60px 53px;
}
#ctpart1 .c_lxfs{}
#ctpart1 .s1{}
#ctpart1 .s2{}
#ctpart1 .s2{
    font-size: 16px;
    color: #666;
    margin: 5px 0 30px;
    display: block;
}
#ctpart2{}
#ctpart2 iframe{}
#ctpart3{}
#ctpart3 .con{}

#ctpart3 {padding: 0;/* padding-left: 60px; *//* margin-bottom: 70px; */background: #fff;padding: 30px 60px 60px;margin-bottom: 80px;}
#ctpart3 h3 { font-weight: b }
#ctpart3 h3 + p { color: #c5c5c5 }
#ctpart3 iframe { width: calc(100% - 60px) }

.productslist{}
.productslist .plist{}
.productslist .hdl {}
.productslist .hdl a{
    display: inline-block;
    margin-right: 10px;
    background: #fff;
    line-height: 43px;
    padding: 0 40px;
    font-size: 16px;
    border: 1px solid #fff;
}
.productslist .hdl a.on{
    color: #7B1F56;
    border-color: #7B1F56;
    border-bottom-color: #fff;
}
.productslist .hdl .pname{}
.productslist .content1{font-size: 16px;line-height: 2;color: #666;background: #fff;padding: 10px 40px 60px;margin-bottom: 70px;}
.productslist .content1 *{font:inherit;color: inherit;}
.productslist .content1 img{
    max-width: 100%;
    height: auto;
}
.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: 10px 50px;position: relative;}
.joblist .left1 .h h3 {font-size: 21px;color: #353535;display: inline-block;}
.joblist .left1 .time { font-size: 13px; color: #999 }
.joblist .left1 .p1 {font-size: 16px;color: #7E7E7E;line-height: 2;}
.joblist .left1 .more {width: 41px;height: 41px;border: 1px solid #CCCCCC;border-radius: 50%;position: absolute;top: 30px;right: 30px;background: url(../images/ar4.png) no-repeat center;}
.joblist .left1 .in {padding: 30px 50px 30px;border-top: 1px solid #DFDFDF;font-size: 15px;font-family: Microsoft YaHei;font-weight: 400;line-height: 2;color: #666;}

.joblist .left1 .toudi {
    background: #7B1F56;
    color: #fff;
    display: block;
    width: 130px;
    line-height: 50px;
    text-align: center;
    margin: 20px 0 20px 5px;
}
.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: 100px;background: #7B1F56;}
.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;margin-top: 60px;}
#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 30px;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: #7B1F56 }
#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(../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 }
#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: 18px; line-height: 38px; color: #7b7b7b }

.body_news_detail .remark {
    padding-bottom: 30px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.body_109 .remark {
    padding: 70px 0;
}
.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; background: #fff !important }
.remark table td * { font-size: 18px !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(../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 }
.nlist2{}
.nlist2 .container{
    padding-top: 60px;
}
.nlist2 .blk{
    margin-bottom: 30px;
    text-align: center;
    font-size: 16px;
    background: #fff;
    transition: all .3s;
}
.nlist2 .nail{
    /* margin-bottom: 30px; */
    text-align: center;
    margin: 0 auto;
}

.nlist2 .txt {
    display: block;
    line-height: 50px;
}
.nlist2 .nail img{
    cursor: pointer;
}
.nlist2 .nail .txt{}
.nlist2 .blk:hover{
    /* background: #FFFFFF; */
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.12);
}
.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 }
.info_previous_next_wrap.eqnail { margin: 30px auto }
.info_previous_next_wrap.eqnail  .Previous { float: left; width: 180px }
.info_previous_next_wrap.eqnail  .Next { float: right; width: 180px }
.info_previous_next_wrap.eqnail  .nail { width: 180px; margin-top: 20px }
.shares{
    padding-top: 40px;
}
.bdsharebuttonbox .ttl{
    float: left;
    margin-top: 6px;
    margin-right: 8px;
}
.bdsharebuttonbox a{}
.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 }
    #pageban .ban { background-size: cover !important }
}
.body_346 .pname{display: none;}