/*
zl
*/

ul, p, table { margin: 0; padding: 0; }
li { list-style: none; }
em { font-style: normal; font-weight: bold; color: #b70005;}
a { color: #333; }
a:hover, a:focus { text-decoration: none; color: #e62b3a; }
.primary { color: #e62b3a !important; }
a > span + i { padding-left: 8px; }
html, body { height: 100%; width: 100%; min-height: 100%;}
body { color: #565656; font: 14px/1.8 "Microsoft YaHei","\5B8B\4F53"; background-color: #FFF; }
body.idx { background-color: #ebebec; }
cite, i { font-style: normal; }
small { font-size: 50%; }
.npd { padding: 0 !important; }
.imo { display: block; }
.imo img { width: 100%; }
.pipe { padding: 0 8px; }
.dark .pipe, .dark a { color: #FFF; }
img.im { max-width: 100%; }
.p { text-align: justify; }
.wd100 { width: 100%; }

.container { padding: 0; }
@media (min-width: 768px)   {  .container {  width: 750px;   }}
@media (min-width: 992px)   {  .container {  width: 970px;   }}
@media (min-width: 1200px)  {  .container {  width: 1170px;  }}

.form-control { border-radius: 0; padding: 20px 25px; font-size: 12px;}
textarea.form-control { padding: 10px; }

.container:before, .contaienr:after,
.form-group:before, .form-group:after,
.sub-menu:before, .sub-menu:after
 { display: table; content: " "; }

.form-group:after.
.sub-menu:after
.contaienr:after,
{ clear: both; }

@font-face {
  font-family: "cai978";
  src: url("fonts/047-cai978.woff2") format("woff2"),
       url("fonts/047-cai978.woff") format("woff"),
       url("fonts/047-cai978.ttf") format("truetype"),
       url("fonts/047-cai978.eot") format("embedded-opentype"),
       url("fonts/047-cai978.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

.btn { padding: 12px 30px; border-radius: 0;}
.btn-primary { background-color: #e62b3a; border-color: #e62b3a; }
    .btn-primary:focus,
    .btn-primary.focus,
    .btn-primary:hover,
    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary 
    { background-color: #82000a;  border-color: #82000a; }

.swiper-cover .swiper-slide > a { display: block; background-size: 100% auto; background-repeat: no-repeat; background-position: 50% 50%;}
.swiper-index .swiper-cover .swiper-slide > a { height: 900px; }
.swiper-about .swiper-cover .swiper-slide > a { height: 320px; }
.swiper-about .swiper-cover .swiper-slide { padding: 5px; }
.swiper-ac-next { position: absolute; right: 0; top: 40%; font-size: 32px; z-index: 500;background-color: #b70005; color: #FFF; padding: 0 15px;}
.swiper-ac-prev { position: absolute; left: 0; top: 40%; font-size: 32px; z-index: 500; background-color: #b70005; color: #FFF; padding: 0 15px;}


.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 4px;
}
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #999;
}

.table-main { font-size: 12px;  }
.table-main th { color: #b70005; width: 100px; }
.table-main thead { background-color: #b70005; color: #FFF; }

.row { margin: 30px 0; }

/********************************************************************/

.section-toper { background-color: #333333; color: #dcdcdc;}
    .section-toper .container { height: 60px; position: relative; }
    .section-toper span { display: inline-block; height: 60px; line-height: 60px; padding-right: 10px;}
    .section-toper span i { padding-right: 8px; }
    .section-toper .block-search { position: absolute; width: 220px; top: 0; right: 0; }
        .block-search input { background-color: #3e3f3f; color: #d0d0d0; width: 70%; height: 60px; line-height: 60px; padding: 0 15px; float: left; border: 0; }
        .block-search a { background-color: #3e3f3f; display: block; float: right; width: 30%; height: 60px; text-align: center; line-height: 60px; color: #d0d0d0; }
        .block-search a:hover { background-color: #222; }

.section-nav { height: 100px; background-color: #FFF; padding: 20px 0; }
    .section-nav .logo { height: 60px; float: left; }
        .logo > a { display: block; height: 60px; }
        .logo img { height: 60px; }
    .block-nav { float: right; padding: 4px 0; width: 700px; margin-top: 10px;}
        .block-nav > li { width: 16.66666666%; float: left; padding: 0 10px; }
        .block-nav > li + li { border-left: 1px solid #d0d0d0 ; }
        .block-nav > li > a { display: block; text-align: center; height: 40px; line-height: 40px; }
        .block-nav > li > a:hover, .block-nav > li > a.active { background-color: #e62b3a; color: #FFF; }

.section-focus { position: relative; }
    .section-focus .inst { position: absolute; width: 100%; height: 600px; top: 0; left: 0; background: url(../images/focus-txt.png) no-repeat 50% 50%; z-index: 100; }
    .section-focus .inst p { text-align: center; position: absolute; top: 160px; width: 100%;}
    .section-focus .inst p span { background-color: #FFF; line-height: 1; padding: 5px 10px; font-size: 12px; }
    .section-focus .act { position: absolute; width: 100%; height: 100px; text-align: center; top: 550px; left: 0; z-index: 100;}
.swiper-index .swiper-pagination { bottom: 220px; left: 0; width: 100%; }
.swiper-pagination-bullet { background: #FFF; width: 12px; height: 12px; opacity: 0.5; }
.swiper-pagination-bullet-active { background: #FFF; opacity: 1; width: 32px; border-radius: 50px; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 12px; }

.section-enter { margin-top: -200px; position: relative; z-index: 120;}
    .section-enter > .inner { max-width: 1140px; margin: 0 auto; }
    .section-enter .i { width:33.33333333333333%; float: left; background-color: #e62b3a; padding: 5%;}
    .section-enter .i-1 { background: url(../images/fst-enter-01.jpg) no-repeat 100% 50% / cover; }
    .section-enter .i-3 { background: url(../images/fst-enter-03.jpg) no-repeat 100% 50% / cover; }

    .section-enter .tn { font-family: "cai978"; font-size: 96px; letter-spacing: -5px; color: #FFF; line-height: 1;}
    .section-enter .t { font-size: 18px; font-weight: bold; padding-bottom: 15px; color: #FFF; padding-top: 25px; }
    .section-enter .d { text-indent: 2em; color: #FFF; line-height: 24px; height: 144px; overflow: hidden; text-align: justify; word-break: break-all; }
    .section-enter .act { text-align: right; padding-top: 15px;}
    .section-enter .act a { color: #FFF; font-family: 14px; padding-bottom: 5px; border-bottom: 1px solid #FFF;}

.section-fs1 { padding: 70px 0; }
    .section-fs1 .i { width: 25%; float: left; text-align: center; }
    .section-fs1 em { font-family: "cai978"; font-size: 28px; color: #555; letter-spacing: -1px; }
    .section-fs1 .en { color: #9f9f9f; font-size: 12px; }

.ft-top { background-color: #e62b3a; color: #e0e0e0; font-size: 18px; padding: 20px 0; line-height: 1;}
    .ft-top a { color: #9e9e9f; padding-left: 15px; margin-left: 15px; border-left: 1px solid #d0d0d0;}
.ft-main { background-color: #252525; padding: 30px 0; }
    .ft-main .m-a { width: 74%; float: left; }
    .ft-main .m-b { width: 26%; float: right; padding-left: 30px; border-left: 1px solid #d6d6d6; }
    .ft-main .m-a .i { width: 25%; float: left; }
    .ft-main p { color: #eee; padding-bottom: 20px; line-height: 1; }
    .ft-main a { display: block; color: #717171; height: 28px; line-height: 28px; }
    .ft-main .m-b .i { padding-left: 35px; background-position: 0 5px; background-repeat: no-repeat; margin: 5px 0; }
    .ft-main .m-b .i-1  { background-image: url(../images/ft-contact-li01.png); }
    .ft-main .m-b .i-2  { background-image: url(../images/ft-contact-li02.png); }
    .ft-main .m-b .i-3  { background-image: url(../images/ft-contact-li03.png); }
    .ft-main .m-b .i-4  { background-image: url(../images/ft-contact-li04.png); }
    .ft-main .m-b .i-5  { background-image: url(../images/ft-contact-li05.png); }
.ft-bto { background-color: #0c0d0d; text-align: center; color: #9f9f9f; font-size: 12px; padding: 10px 0;}


/*////////////////////////////////////////////////////*/
.hr-big { height: 2px; background: url(../images/hr-big.png) no-repeat 50% 50%; margin: 30px 0; }
.hr-big2 { height: 23px; background: url(../images/hr-big2.png) no-repeat 50% 50%; margin: 30px 0;  }
.hr-txt2 { height: 50px; background: url(../images/hr-big.png) no-repeat 50% 50%; text-align: center; }
.hr-txt2 .cn { font-size: 28px;font-weight: bold; color: #b70005; display: inline-block; padding: 0 15px; line-height: 1; background-color: #FFF;}
.hr-txt2 .en { font-size: 12px; color: #b70005; }
.spacer1 {  margin: 30px 0;}
    .spacer1 .cn { font-size: 24px; font-weight: bold; color: #b70005; line-height: 1; }
    .spacer1 .en { font-size: 12px; color: #b70005; display: inline-block;  border-bottom: 1px solid #b70005;}


.phd { height: 310px; background-position: 50% 50%; background-repeat: no-repeat;  }
.phd.d1 { background-image: url(../images/phd-product.jpg); }
.phd.d2 { background-image: url(../images/phd-serv.jpg); }
.phd.d3 { background-image: url(../images/phd-about.jpg); }
.phd.d4 { background-image: url(../images/phd-solu.jpg); }

.section-pt { background-color: #b70005; color: #FFF; padding: 15px 0; line-height: 1; font-size: 20px; text-align: center; }
    .section-pt a { color: #FFF; padding: 0 15px; }

.c-wrap { padding-top: 50px; padding-bottom: 50px; }
.c-sd { width: 200px; float: left; }
.c-md { margin-left: 280px; }
.c-sd.vx { position: fixed; top: 50px;}

.c-sd > .t { color: #b70005; font-size: 28px; line-height: 1; font-weight: bold; padding-bottom: 30px;}
.c-sd > .m { background: url(../images/sd-menu-bd.png) no-repeat 50% 0; }
.c-sd > .m > li { background: url(../images/sd-menu-bd.png) no-repeat 50% 100%; }
.c-sd > .m > li > a { height: 50px; line-height: 50px; display: block; background: url(../images/sd-menu-li.png) no-repeat 0 50%; padding-left: 25px; white-space: nowrap;}
.c-sd > .m > li > a.active, .c-sd > .m > li.active > a, .c-sd > .m > li > a:focus { background: url(../images/sd-menu-li-active.png) no-repeat 0 50%; color: #b70005; }

.c-md .row + .row { margin-top: 50px; }

.pdt-header { font-size: 24px; font-weight: bold; line-height: 1; text-align: center; margin: 30px 0; }
.row + .pdt-header { margin-top: 120px; }
.pdt-media-t { position: relative; height: 40px; background: url(../images/product-hd-1.png) no-repeat 50% 50%; margin: 30px 0;}
    .pdt-media-t .h { height: 40px; position: absolute; left: 0;top: 0; }
    .pdt-media-t .hs { height: 40px; line-height: 40px; padding: 0 10px; white-space: nowrap; font-size: 18px; color: #FFF; font-weight: bold; background-color: #b70005; border-radius: 8px;}
.pdt-media-t.m > img { position: absolute; left: 10px; bottom: 0; z-index: 500; }
.pdt-media-t.m .hs { padding-left: 130px; }

.pdt-box {  }
    .pdt-box .t { overflow: hidden; }
    .pdt-box .t img { float: left; display: block; margin-right: 10px;}
    .pdt-box .t .cn { line-height: 1; font-size: 24px; color: #b70005; font-weight: bold; }
    .pdt-box .t .en { font-size: 12px; color: #a0a0a0; padding-top: 5px;}

    .pdt-box .t2 .cn { padding: 0 15px; display: inline-block;  background-color: #b70005; font-weight: bold; color: #FFF; font-size: 18px; border-radius: 5px; }
    .pdt-box .t2 .en { font-size: 12px; color: #b70005; }

    .pdt-box .d { padding-top: 10px;}
    .pdt-box .d .bb { border-radius: 4px; padding: 0 5px; background-color: #b70005; color: #FFF; margin: 0 4px; } 
    .pdt-box .d .smt01 { background: url(../images/smt-01.png) no-repeat 0 50%; padding-left: 22px; font-size: 16px; }
    .pdt-box .d .more { text-align: right;}
    .pdt-box .d .more .btn { padding: 3px 15px; font-size: 12px; }

    .pdt-box > img { display: block; float: right; margin-left: 15px; }

.inner-box { padding: 30px; border: 1px solid #d0d0d0; text-align: center; }
.inner-box i { display: block; margin: 0 auto; font-size: 32px; margin-bottom: 10px;}
.inner-box:hover .t, .inner-box:hover i { color: #b70005; }
.inner-box .t { padding-bottom: 10px; }
.inner-box .d { font-size: 12px; color: #696969; }

.serv-header { text-align: center; padding-bottom: 15px; background: url(../images/hr-2.png) 
    no-repeat 50% 100%; margin: 30px 0; }
    .serv-header + .row { margin-top: 50px; }
    .serv-header .cn { color: #b70005; font-size: 24px; font-weight: bold; }
    .serv-header .en { color: #b70005; font-size: 12px; }

.ict { width: 100%; border: 1px solid #d0d0d0; padding: 12px 20px; }
.ict.pdt { margin-top: 15px; }
.smt { padding-right: 15px; text-align: right; padding-top: 15px; }

.about-header { border-left: 5px solid #b70005; padding-left: 10px; margin: 30px 0;}
.about-header .cn { font-size: 22px; font-weight: bold; border-bottom: 1px solid #b70005; line-height: 1; color: #b70005; padding-bottom: 5px;}
.about-header .en { font-size: 12px; color: #b70005; line-height: 1; }

.ul-default { padding-left: 18px; background: url(../images/dot1.png) no-repeat 0 25px; padding-top: 15px; }

.about-tmp-1 { height: 350px; border-bottom: 10px solid #b70005; padding: 0; }
.about-tmp-1 img { width: 100%; }
.about-tmp-2 { height: 350px; border-bottom: 1px solid #b70005; padding-left: 35px;}
.about-tmp-2 p { padding-bottom: 20px; }
.about-tmp-2-1 { padding-left: 20px; background: url(../images/about-n1.png) no-repeat 0 6px; line-height: 1.8;}

.bdggg { padding-bottom: 10px; }
    .bdggg span { border-radius: 5px; background-color: #b70005; color: #FFF; font-size: 12px; margin-right: 10px; padding: 2px 10px;}
.tmp18060101 { padding-top: 15px; font-size: 12px; }
.tmp18060101 br { display: inline-block; line-height: 32px; }