/*----------------------------------------------------
*
*   MAINFRAME CSS FILE | by zhanglong | Wechat: teakiagy
*
-----------------------------------------------------*/
.ie-view { position: fixed; background: #444 url(../images/ie.jpg) no-repeat 50% 50%; width: 100%; height: 100%; z-index: 99999; top: 0; left: 0; }
/* font ---------------------- */
@font-face {
   font-family: "bebas";
   src:  url("fonts/bebas.eot");
   src:  url("fonts/bebas.ttf") format("truetype"),
         url("fonts/bebas.eot") format("embedded-opentype");
   font-style: normal; font-weight: normal;
}
.bebas { font-family: "bebas"; line-height: 1; }
/*----------------------------------------------------*/
html { font-size: 100px; }
@media ( max-width: 828px)    { html { font-size:calc(100vw/3.75); }}
body { color: #454545; font-size: .14rem; line-height: 1.6; font-family: "Microsoft YaHei","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;
   background-color: #FFF; }
/*----------------------------------------------------*/
ul,p  { margin: 0; padding: 0; }
li    { list-style: none; }
i     { font-style: normal; }
cite  { font-style: normal; }
em    { font-style: normal; font-weight: bold; }
a { color: #111; cursor: pointer; }
a:hover, a:focus { color: #003dac; text-decoration: none;}
.primary { color: #003dac !important; }
.pipe { padding: 0 .08rem; }
.npd { padding: 0 !important; }
.imo { display: block; }
.imo img, .im img { width: 100%; }
.container {
   width: 1280px !important;
   max-width: 1280px !important;
   margin: 0 auto;
   position: relative;
   padding-left: .15rem;
   padding-right: .15rem;
}
@media ( max-width: 828px) {
   .container { width: 100% !important; max-width: 100% !important; }
 }
/*
button & control
*/
.form-control, .btn { height: .4rem; line-height: .4rem; border-radius: 0;}
.form-control { padding: 0 .1rem; font-size: .14rem; line-height: 1.4; color: #333; background-color: #FFF; color: #454545;  }
   .form-control:focus { -webkit-box-shadow: 0 0 .02rem 0.01rem #003dac; box-shadow: 0 0 .02rem 0.01rem #003dac; }
select.form-control { -moz-appearance: none; -webkit-appearance: none; appearance: none; background: url(../images/select-r.png) no-repeat 96% 50% / auto 0.14rem; padding-right: .5rem; padding-left: .1rem; }
select.form-control:disabled { opacity: 0.5; background-color: #ccc; }
textarea.form-control { padding: .1rem; }
.btn { padding: 0 .2rem; border: 0; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; font-size: .14rem; }
.btn-default  { color: #666; background-color: #FFF; border: 1px solid #ccc;}
   .btn-default.active,
   .btn-default.active.focus,
   .btn-default:focus,
   .btn-default:hover
   { background-color: #e6e6e6; color: #000;}
.btn-default2  { color: #003dac; background-color: #FFF; border: 1px solid #003dac;}
   .btn-default2.active,
   .btn-default2.active.focus,
   .btn-default2:focus,
   .btn-default2:hover
   { background-color: #e6e6e6; color: #003dac;}
.btn-primary  { color: #FFF; background-color: #003dac; }
   .btn-primary.active,
   .btn-primary.active.focus,
   .btn-primary:focus,
   .btn-primary:hover
   { background-color: #002364; }
.btn-sm { height: .3rem; line-height: .28rem; font-size: .12rem; }
.btn-lg { height: .56rem; line-height: .56rem; padding: 0 .4rem; font-size: .16rem; }
/*
hd @ ft
*/
.header { }
   .header .container { height: .7rem; }
   .header .logo { display: block; float: left; padding: .1rem 0; }
   .header .logo img { height: .5rem; }
   .header .ex { float: right; padding-top: .26rem;}
   .header .tel, .header .qr-w { float: left; }
   .header .tel { padding-left: .3rem; padding-top: .04rem; background: url(../images/ico-phone.svg) no-repeat 0 80% / .16rem auto; font-family: "bebas"; font-size: .3rem; color: #003dac; line-height: 1; border-right: 1px solid #ccc; margin-right: .1rem; padding-right: .1rem;}
   .header .qr-w { position: relative; width: .4rem; height: .4rem; }
   .header .qr-w .x { width: .4rem; height: .4rem; background: url(../images/ico-qrcode.svg) no-repeat 50% 50% / .3rem auto; }
      .header .x-c { position: absolute; width: 1.6rem; top: 100%; right: 0; opacity: 0; visibility: hidden; border: 1px solid #ccc; padding: .1rem; z-index: 900; background-color: #FFF; text-align: center;}
      .header .qr-w:hover .x-c { opacity: 1; visibility: visible; }
      .header .x-c img { width: 100%; }
@media ( max-width: 828px ) {
   .header .container { height: auto; }
   .header .logo img { height: .3rem; }
   .header .tel { padding-right: 0; border: 0; margin-right: 0; }
   .header .qr-w { display: none; }
   .header .ex { padding-top: 0.05rem; }
   .header .ex .resp-tog { float: left; width: .4rem; height: .4rem; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17'%3E%3Cpath fill-rule='evenodd' fill='%23003dac' d='M4.232 13.402h11.315c.732 0 1.332.605 1.332 1.343 0 .739-.6 1.344-1.332 1.344H4.235a1.342 1.342 0 0 1-1.332-1.344 1.338 1.338 0 0 1 1.329-1.343zm3-6.577h8.236c.732 0 1.332.605 1.332 1.344 0 .739-.6 1.343-1.332 1.343H7.232a1.34 1.34 0 0 1-1.331-1.343c0-.739.599-1.344 1.331-1.344zm-5-6.696h13.315c.732 0 1.332.604 1.332 1.343s-.6 1.344-1.332 1.344H2.235A1.342 1.342 0 0 1 .903 1.472 1.338 1.338 0 0 1 2.232.129z'/%3E%3C/svg%3E") no-repeat 50% 50% / .24rem auto; }
}
.nv-w { background-color: #003dac; }
   .nv-w .container { display: table; }
   .nv-w .m-nv, .nv-w .m-search { display: table-cell; vertical-align: middle;}
   .nv-w .m-search { width: 0; }
      .m-search .in { position: relative; width: 2rem; padding: .05rem 0;}
      .m-search .in .ctr { color: #FFF; height: .4rem; line-height: .4rem; background-color: #002690; display: block; width: 100%; border: 0; padding: 0 .14rem;}
      .m-search .in .act { border: 0; background: url(../images/ico-search.svg) no-repeat 50% 50% / auto 55%; width: .4rem; height: .4rem; display: block; position: absolute; right: 0; top: .05rem; }
   .m-nv, .m-nv a { color: #FFF; }
   .m-nv .i { float: left; color: #FFF; /*position: relative;*/ }
      .m-nv .i.i-2 .m, 
      .m-nv .i.i-8 .m 
      { left: auto; }
      .m-nv .i.i-2 .xv, 
      .m-nv .i.i-8 .xv 
      { display: block; padding: 0; }
      .m-nv .i.i-2 .xv .ai, 
      .m-nv .i.i-8 .xv .ai 
      { line-height: .4rem; padding: 0 .3rem !important; font-size: .14rem; font-weight: normal;}
      .m-nv .i.i-2 .xv .ai:hover ,
      .m-nv .i.i-8 .xv .ai:hover 
      { background-color: #00268f; color: #FFF; }

   .m-nv .x { display: block; padding: .1rem .2rem; line-height: 1.6; font-weight: bold; }
   .m-nv .x > cite { display: block; font-size: .1rem; text-transform: uppercase; font-weight: normal; }
   .m-nv .m a, .m-nv .mx i { display: block; padding: 0 .15rem; line-height: .42rem; /*white-space: nowrap;*/ cursor: pointer;}
   .m-nv .i:hover .x, .m-nv .i.active .x { background-color: #00268f; }
   .m-nv .mx { display: block; position: relative; }
   .m-nv .i > .m { position: absolute; top: 100%; left: 0; background: #FFF url("data:image/gif;base64,R0lGODlhAQAqALMAAJjP/53S//v9/+j0/+33/87o/9Pr/7nf/5rQ//3+/+Py/+/4/7bd/8Lj/6PU/6jX/yH5BAAAAAAALAAAAAABACoAAAQZEAAUgnMvs31O+0VojKNiDgNBLOwivEISAQA7") repeat-x 0 0 / auto 35%; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border: 1px solid #2270ff; box-shadow: 0 .1rem .1rem rgba(0,0,0,0.5);
   }
   .m-nv .mx > .m { position: absolute; top: 0; left: 100%; background-color: #003dac; opacity: 0; visibility: hidden;}
    @media ( min-width: 828px ) {
     .m-nv .i:hover > .m, .m-nv .mx:hover > .m { opacity: 1; visibility: visible; z-index: 990;}
   }
   .m-nv .sub > .x, .m-nv .sub > i { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='15'%3E%3Cpath fill-rule='evenodd' fill='%23517FD1' d='M23.923-.01c1.048.086 1.139.341 1.435.638.801.803.908 2.022.022 2.995L14.965 14.384a2.279 2.279 0 0 1-3.143.007L1.458 3.791C-.091 2.108 2.403-1.3 4.592.804l8.79 8.989L22.325.558c.672-.575.676-.59 1.598-.568z'/%3E%3C/svg%3E") no-repeat 90% 50% / auto .06rem; padding-right: .3rem;}
   .m-nv .resp-tog { display: none; }
   .m-nv .inner { display: table;  }
   .m-nv .xv { display: table-cell; vertical-align: top; padding: .2rem .3rem;}
   .m-nv .xv + .xv { border-left: 1px dashed rgba(0,0,0,0.2); }
   .m-nv .xv .ai { color: #121212; font-size: .16rem; font-weight: bold; display: block; padding: 0 0 .1rem !important;  margin-bottom: .06rem;}
   .m-nv .xv .a { color: #343434; font-size: .12rem; padding-left: .14rem; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10'%3E%3Cpath fill-rule='evenodd' fill='%2394AEDC' d='M.008 9.995V.005L6.992 5 .008 9.995z'/%3E%3C/svg%3E") no-repeat 0 .05rem / auto .1rem; line-height: 1.4; padding-top: .02rem; padding-bottom: .02rem; word-break: break-all; }
   .m-nv .xv .a:hover { background-color: #003dac; color: #FFF; }
@media ( max-width: 828px ) {
   .nv-w { position: fixed; z-index: 2000; right: -51%; top: 0; width: 50%; height: 100%; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
   .body-open .nv-w { right: 0; }
   .nv-w .container { display: block; padding: 0; position: relative;}
   .nv-w .m-nv, .nv-w .m-search { display: block; width: 100%; }
   .nv-w .m-nv { padding-top: 1rem; }
   .nv-w .m-search { position: absolute; top: .5rem; left: 0; }
   .m-nv .i { float: none; width: 100%; }
   .m-nv .i > .m { height: 0; background-color: #0039a0; position: static; border: 1px solid #00268f;}
   .m-nv .mx > .m { left: auto; right: 100%; }
   .m-search .in { width: auto; }
   .nv-w .resp-tog { position: absolute; top: .1rem; left: .1rem; width: .3rem; height: .3rem; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17'%3E%3Cpath fill-rule='evenodd' fill='%23FFF' d='M9.157 8.817l6.441-6.443a.843.843 0 0 0 0-1.186l-.035-.035a.841.841 0 0 0-1.186 0l-6.441 6.45-6.44-6.453a.841.841 0 0 0-1.186 0l-.035.035a.827.827 0 0 0 0 1.186l6.441 6.446-6.441 6.442a.841.841 0 0 0 0 1.186l.035.035a.841.841 0 0 0 1.186 0l6.44-6.442 6.441 6.442a.841.841 0 0 0 1.186 0l.035-.035a.843.843 0 0 0 0-1.186L9.157 8.817z'/%3E%3C/svg%3E") no-repeat 50% 50% / contain; opacity: .4;}
}
/*
focus
 */
.swiper-slide img { width: 100%; }
.swiper-slide .view { display: block; }
.swiper-ntc, .swiper-ntc .swiper-slide, .swiper-ntc .in { height: .5rem; line-height: .5rem;}
.swiper-ntc .in { display: block; }
.swiper-ntc .in i { padding-right: .1rem; }
@media ( max-width: 828px ) {
   .swiper-ntc .in { line-height: .18rem; padding-top: .06rem; font-size: .1rem; }
   }
/*
module
*/
.section-t { max-width: 4.5rem; text-align: center; margin: .4rem auto; padding-bottom: .26rem; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='11'%3E%3Cpath fill-rule='evenodd' fill='%23003DAC' d='M16.514.552A2.035 2.035 0 0 1 17.949 0c.559 0 1.038.184 1.434.552.411.368.617.808.617 1.321 0 .512-.206.952-.617 1.32l-7.949 7.334a1.36 1.36 0 0 1-.637.385 2.535 2.535 0 0 1-.808.088 2.901 2.901 0 0 1-.84-.167 2.056 2.056 0 0 1-.712-.424L.616 3.193c-.411-.368-.617-.808-.617-1.32 0-.513.206-.953.617-1.321.198-.184.421-.322.669-.414C1.533.046 1.788 0 2.05 0s.521.046.776.138c.255.092.482.23.68.414l6.504 5.953L16.514.552z'/%3E%3C/svg%3E") no-repeat 50% 100% / .2rem auto;}
   .section-t .cn { font-size: .26rem; font-weight: bold; padding-bottom: .1rem; border-bottom: 1px solid #d0d0d0; margin-bottom: -.12rem;}
   .section-t .en { display: inline-block; padding: 0 .2rem; background-color: #FFF; color: #999; font-size: .12rem; text-transform: uppercase; }
.section-t.bright { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='11'%3E%3Cpath fill-rule='evenodd' fill='%23FFF' d='M16.514.552A2.035 2.035 0 0 1 17.949 0c.559 0 1.038.184 1.434.552.411.368.617.808.617 1.321 0 .512-.206.952-.617 1.32l-7.949 7.334a1.36 1.36 0 0 1-.637.385 2.535 2.535 0 0 1-.808.088 2.901 2.901 0 0 1-.84-.167 2.056 2.056 0 0 1-.712-.424L.616 3.193c-.411-.368-.617-.808-.617-1.32 0-.513.206-.953.617-1.321.198-.184.421-.322.669-.414C1.533.046 1.788 0 2.05 0s.521.046.776.138c.255.092.482.23.68.414l6.504 5.953L16.514.552z'/%3E%3C/svg%3E") no-repeat 50% 100% / .2rem auto;}
   .section-t.bright .cn { border-bottom: 1px solid #FFF; color: #FFF;}
   .section-t.bright .en { background-color: #003dac; color: #FFF; }
@media ( max-width: 828px ) {
   .section-t { margin: .2rem auto; }
}
.col-more { text-align: center; margin: .1rem 0;}
   .col-more .btn { padding-left: .8rem; padding-right: .8rem; }
   .col-more .btn i { padding-right: .4rem; font-weight: bold; }
.common-ft { background-color: #252525; color: #828282; text-align: center; font-size: .12rem; padding: .2rem 0;}
   .common-ft a { color: #666; }
   .common-ft i { padding: 0 .1rem; }
@media ( max-width: 828px ) {
   .common-ft i { display: block; }
}
/*
index
*/
.ntc-w { display: table; width: 100%; }
   .ntc-w .c { display: table-cell; vertical-align: middle; }
   .ntc-w .c1, .ntc-w .c3 { width: 0;}
   .ntc-w .c1 { padding-right: .2rem; border-right: 1px solid #d0d0d0;}
   .ntc-w .c2 { width: 100%; padding: 0 .2rem;}
      .ntc-w .c2 i { color: #d0d0d0; }
   .ntc-w .c1 { white-space: nowrap; font-weight: bold; }
      .ntc-w .c1 em { color: #003dac; padding-right: .1rem; }
@media ( max-width: 828px ) {
   .ntc-w .c1 { display: none; }
   .ntc-w .c2 { padding: 0 .1rem; }
}
.idx-r1 { margin-top: .4rem; }
   .idx-r1 .i { width: 25%; float: left; }
   .idx-r1 .in { display: block; height: 0; padding-bottom: 56.25%; position: relative; background-position: 50% 50%; background-size: 100% auto; background-repeat: no-repeat; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
   .idx-r1 .in:hover { background-size: 110% auto;  }
   .idx-r1 .in i { display: block; font-size: .24rem; color: #111; }
   .idx-r1 .in cite { display: block; text-transform: uppercase; font-weight: bold; font-size: .12rem; margin: .04rem 0 .12rem;}
   .idx-r1 .in span { display: inline-block; background: #FFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='11'%3E%3Cpath fill-rule='evenodd' fill='%23AAA' d='M7.456 9.764l4.288-4.175a.818.818 0 0 0 0-1.18L7.456.234a.874.874 0 0 0-1.213 0 .818.818 0 0 0 0 1.18l2.824 2.75H.845a.845.845 0 0 0-.857.835c0 .461.383.835.857.835h8.222L6.243 8.583a.823.823 0 0 0 0 1.181.874.874 0 0 0 1.213 0z'/%3E%3C/svg%3E") no-repeat 90% 50% / auto .12rem; color: #666; border: 1px solid #ccc; padding: .06rem .4rem .06rem .12rem; font-size: .12rem; }
   .idx-r1 .in .c { padding: 8% 10%; }
@media ( max-width: 828px ) {
   .idx-r1 { margin-top: .1rem }
   .idx-r1 .i { width: 50%; text-align: center;}
   .idx-r1 .in { padding-bottom: 85%; background-size: auto 100%; }
   .idx-r1 .in:hover { background-size: auto 110%;  }
   .idx-r1 .in cite { line-height: 1.2em; height: 2.4em; } 
}
.idx-r2 { margin: 0 -.1rem; }
   .idx-r2 .i { width: 33.33333333%; float: left; padding: 0 .1rem .1rem; }
   .idx-r2 .in { border: 1px solid #d0d0d0; display: block; height: 0; padding-bottom: 65.85365853658537%; position: relative; background-position: 100% 100%; background-size: 52% auto; background-repeat: no-repeat; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
      .idx-r2 .in:hover { border-color: #003dac; }
   .idx-r2 .in .t { position: absolute; width: 100%; top: 14%; left: 0; border-left: .1rem solid #003dac; padding-left: .2rem;}
      .idx-r2 .in .t p { font-size: .22rem; font-weight: bold; line-height: 1; padding-bottom: .1rem;}
      .idx-r2 .in .t i { color: #999; font-size: .12rem; text-transform: uppercase; line-height: 1;}
   .idx-r2 .in span { display: inline-block; background: #FFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='11'%3E%3Cpath fill-rule='evenodd' fill='%23AAA' d='M7.456 9.764l4.288-4.175a.818.818 0 0 0 0-1.18L7.456.234a.874.874 0 0 0-1.213 0 .818.818 0 0 0 0 1.18l2.824 2.75H.845a.845.845 0 0 0-.857.835c0 .461.383.835.857.835h8.222L6.243 8.583a.823.823 0 0 0 0 1.181.874.874 0 0 0 1.213 0z'/%3E%3C/svg%3E") no-repeat 90% 50% / auto .12rem; color: #666; border: 1px solid #ccc; padding: .06rem .4rem .06rem .12rem; font-size: .12rem; position: absolute; left: .3rem; bottom: .3rem; }
@media ( max-width: 828px ) {
   .idx-r2 { margin: 0; }
   .idx-r2 .i { width: 50%; padding: 0; }
   .idx-r2 .in { padding-bottom: 150%; background-size: 75% auto; background-position: 50% 50%; }
   .idx-r2 .in .t { border: 0; text-align: center; top: 5%; padding-left: 0; }
   .idx-r2 .in .t i { font-size: .1rem; }
   .idx-r2 .in span { bottom: .2rem; }
}
.idx-contact { background-color: #003dac; padding-top: .1rem; margin-top: .4rem; padding-bottom: .5rem;}
   .idx-contact .i { width: 25%; float: left; padding: 0 .3rem;}
   .idx-contact .in { height: 0; padding-bottom: 100%; position: relative; text-align: center; border-radius: 100%; border: 1px solid #FFF; background-position: 50% 20%; background-repeat: no-repeat; background-size: .4rem auto; }
      .idx-contact .i1 .in { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='32'%3E%3Cpath fill-rule='evenodd' fill='%23FFF' d='M35.989 25.654c0 6.35-2.836 6.35-16.492 6.35-13.657 0-16.49 0-16.49-6.35 0-6.877 7.47-20.633 16.49-20.633 9.019 0 16.492 13.756 16.492 20.633zM19.497 7.931c-3.865 0-6.956 3.175-6.956 7.142 0 3.967 3.091 7.143 6.956 7.143 3.867 0 6.958-3.176 6.958-7.143 0-3.967-3.091-7.142-6.958-7.142zm-14.43 5.29c2.837-4.759 7.734-9.783 14.432-9.783 6.701 0 12.111 5.556 14.432 9.786 1.288 2.118 3.607 1.852 4.637 0 .77-1.323 2.831-13.227-19.071-13.227C-2.406-.003-.345 12.167.43 13.221c1.546 2.118 4.122 1.06 4.637 0z'/%3E%3C/svg%3E"); }
      .idx-contact .i2 .in { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='29'%3E%3Cpath fill-rule='evenodd' fill='%23FFF' d='M27.947 19.155l-.074-.525-.095-.513-.075-.263-.073-.28-.097-.267-.099-.297-.113-.28-.124-.288-.219-.47-.196-.413-.195-.37-.171-.345-.195-.314-.143-.288-.303-.431-.382-.573-.088-.142-.03-.06v-.048l.064-.194.088-.172.077-.34.043-.176v-.182l.022-.146v-.147l-.022-.168-.025-.138-.056-.279-.073-.271-.066-.25-.104-.242-.117-.201-.093-.19-.103-.181-.161-.267-.06-.094-.018-.083-.075-.516-.048-.341-.054-.421-.085-.436-.133-.499-.075-.28-.06-.237-.083-.275-.094-.293-.094-.272-.12-.292-.244-.564-.145-.267-.174-.307-.165-.262-.164-.297-.231-.276-.195-.267-.239-.276-.242-.249-.245-.241-.29-.251-.152-.09-.145-.125-.312-.219-.362-.238-.37-.215-.381-.193-.417-.177-.39-.168-.408-.147-.445-.12-.408-.108-.433-.093-.41-.1-.443-.047-.433-.052L15.475 0h-1.294l-.439.025-.412.056-.41.056-.416.069-.413.078-.39.095-.391.124-.363.125-.363.121-.365.177-.344.142-.304.172-.318.194-.293.202-.289.228-.238.212-.374.348-.309.324-.297.313-.272.32-.255.327-.224.318-.218.318-.101.143-.094.172-.203.302-.162.301-.143.285-.125.301-.122.275-.102.259-.094.275-.095.254-.126.461-.092.444-.051.37-.052.319v.62l-.089.095-.08.13-.064.116-.055.124-.069.272-.075.25-.025.223-.017.164v.176l-.174.251-.124.249-.094.241-.069.215-.053.207-.051.194v.495l.03.121.043.22.053.168-.096.073-.273.202-.361.327-.221.194-.216.19-.149.15-.122.134-.263.28-.25.28-.195.241-.235.349-.224.314-.221.349-.186.323-.155.344-.164.319-.12.314-.126.328-.094.318-.092.328-.082.284-.046.306-.051.284-.043.276-.026.538v.723l.026.22.07.375.024.164.046.168.056.158.052.112.083.207.064.043.039.087.049.021H.558l.218-.021.221-.056.186-.074.195-.125.179-.116.161-.151.175-.159.147-.163.14-.185.128-.168.12-.139.074-.159.146-.263.045-.107.026-.065.013-.073.034-.061.026-.013.05-.025h.031l.013.025h.025l.024.013.082.358.089.288.118.302.12.272.1.27.155.237.114.25.127.229.147.198.112.19.297.353.259.314.25.245.246.22.214.172.317.28.128.061.043.059v.03l-.03.027H5.81l-.064.021-.238.018-.221.029-.187.026-.195.042-.171.053-.169.052-.148.078-.117.072-.15.048-.094.077-.1.061-.108.086-.135.167-.051.078-.063.069-.086.176-.046.147-.056.147-.012.128v.242l-.025.12v.122l-.03.12v.106l.03.118.025.104.068.201.046.095.06.095.067.094.073.083.097.094.073.077.216.159.218.134.248.121.268.108.284.116.315.072.314.105.34.069.338.05.349.053.361.052.711.073.732.013h1.298l.318-.013.272-.031.263-.021.246-.021.396-.078.285-.077.271-.069.5-.208.226-.085.216-.108.357-.198.322-.16.238-.15.174-.16.272.03.211.023.417.03h.36l.127.025.129.052.204.073.228.077.433.134.443.16.431.123.435.088.444.111.459.065.436.048.438.06.408.039.438.024h1.213l.391-.046.382-.017.369-.06.339-.075.34-.072.326-.077.135-.039.151-.049.283-.11.251-.116.237-.121.221-.126.196-.146.076-.078.093-.107.118-.143.129-.176.047-.089.021-.074.055-.096.02-.103v-.099l.026-.099-.026-.145-.02-.125-.055-.147-.043-.121-.081-.147-.098-.133-.093-.116-.127-.098-.26-.224-.292-.216-.294-.173-.31-.176-.708-.345-.169-.103-.047-.047-.03-.031.341-.34.147-.168.123-.154.238-.341.225-.349.19-.31.18-.297.241-.595.187-.494.124-.35.072-.116.042-.094.075-.057h.031l.021.013.182.358.163.345.114.194.119.168.117.205.151.204.126.141.077.078.076.069.068.052.067.047.146.074.075.026h.119l.077-.026.095-.048.105-.047.087-.078.082-.09.093-.112.073-.086.082-.139.061-.112.073-.158.039-.134.105-.327.069-.362.05-.401.033-.233v-.654l-.052-.465z'/%3E%3C/svg%3E"); }
      .idx-contact .i3 .in { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37' height='30'%3E%3Cpath fill-rule='evenodd' fill='%23FFF' d='M36.824 12.27c-.069.631-.665 1.136-1.31 1.136h-.495c-.648 0-1.088-.507-.99-1.132 0 0 .916-3.83-1.205-6.881-2.122-3.052-7.103-2.53-7.103-2.53-.657.011-1.172-.473-1.172-1.106v-.566c0-.636.517-1.157 1.156-1.17 0 0 5.19-.468 8.726 2.882 3.536 3.351 2.393 9.367 2.393 9.367zM26.401 7.182c-.443.013-.785-.304-.785-.726v-.299c0-.42.343-.816.766-.88 0 0 2.52-.634 4.449 1.106 1.928 1.739 1.101 4.913 1.101 4.913-.069.426-.484.757-.912.757h-.701c-.422 0-.675-.325-.551-.727 0 0 .806-1.979-.223-3.204-1.029-1.224-3.144-.94-3.144-.94zm.379 1.778c3.106 1.804 0 4.704 0 5.026 0 .322 6.237.322 6.237 5.313 0 5.907-7.337 10.697-16.474 10.697S-.001 25.206-.001 19.299c0-5.908 11.093-15.236 15.337-15.236 1.78 0 5.272 1.33 2.829 5.541-.171.295 5.51-2.448 8.615-.644zm-11.751 3.988c-5.838.81-10.131 4.549-9.589 8.351.542 3.803 5.713 6.229 11.55 5.42 5.838-.81 10.131-4.549 9.59-8.351-.542-3.803-5.713-6.229-11.551-5.42zm.883 12.735c-3.472.666-6.749-1.145-7.32-4.044-.571-2.9 1.78-5.79 5.252-6.456 3.472-.666 6.75 1.145 7.321 4.044.571 2.899-1.781 5.79-5.253 6.456zm-1.105-5.219c-.38-.803-1.554-1.056-2.622-.564-1.069.492-1.627 1.541-1.248 2.345.38.802 1.554 1.055 2.622.563 1.069-.491 1.627-1.541 1.248-2.344zm1.203-2.235c-.59 0-1.067.479-1.067 1.07a1.068 1.068 0 1 0 2.134 0c0-.591-.478-1.07-1.067-1.07z'/%3E%3C/svg%3E"); }
      .idx-contact .i4 .in { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='29'%3E%3Cpath fill-rule='evenodd' fill='%23FFF' d='M30.657 25.851l.932 3.15-3.397-1.895c-1.238.316-2.483.629-3.717.629-5.893 0-10.535-4.091-10.535-9.141 0-5.034 4.64-9.141 10.535-9.141C30.043 9.453 35 13.558 35 18.594c0 2.841-1.855 5.357-4.343 7.257zm-9.599-11.352c-.614 0-1.238.632-1.238 1.259 0 .636.624 1.259 1.238 1.259.941 0 1.551-.623 1.551-1.259 0-.627-.61-1.259-1.551-1.259zm6.815 0c-.613 0-1.232.632-1.232 1.259 0 .636.621 1.259 1.232 1.259.932 0 1.551-.623 1.551-1.259 0-.627-.619-1.259-1.551-1.259zm-14.714 4.246c0 .919.142 1.8.383 2.643-.381.029-.766.047-1.155.047-1.547 0-2.789-.32-4.338-.629l-4.331 2.206 1.238-3.788c-3.102-2.207-4.957-5.048-4.957-8.508C-.001 4.721 5.577.003 12.387.003c6.092 0 11.428 3.77 12.5 8.847a10.85 10.85 0 0 0-1.197-.075c-5.882 0-10.529 4.467-10.531 9.97zM8.362 5.36c-.93 0-1.866.625-1.866 1.573 0 .943.936 1.575 1.866 1.575s1.547-.632 1.547-1.575c0-.95-.617-1.573-1.547-1.573zm8.669 0c-.927 0-1.857.623-1.857 1.573 0 .943.932 1.575 1.857 1.575.936 0 1.551-.632 1.551-1.575 0-.948-.615-1.573-1.551-1.573z'/%3E%3C/svg%3E"); }
   .idx-contact .in p { margin: 0 10%; padding-top: .85rem; color: #FFF; font-weight: bold; padding-bottom: .1rem; border-bottom: 1px dashed rgba(255,255,255,.5); }
   .idx-contact .c { padding-top: .3rem; color: #FFF;}
      .idx-contact .c i { font-weight: bold; font-size: .2rem; }
      .idx-contact .c .btn { border: 1px solid rgba(255,255,255,.6); color: #FFF; }
      .idx-contact .qrcode { width: 28%; margin: .1rem auto; }
         .idx-contact .qrcode img { width: 100%; }

   .idx-contact .inner2 { display: table; width: 100%; border: 1px solid rgba(255,255,255,0.2); padding: .2rem;}
   .idx-contact .inner2 .z { display: table-cell; padding: 0 .3rem; vertical-align: middle; }
   .idx-contact .inner2 .z + .z { border-left: 1px solid rgba(255,255,255,0.2); }
   .idx-contact .inner2 .t { font-weight: bold; }
   .idx-contact .inner2 .z * { color: #FFF !important; }
   .idx-contact .inner2 .z4 { width: 20%; }
   .idx-contact .inner2 .z4 .t, .idx-contact .inner2 .z4 .tc { display: table-cell; }
   .idx-contact .inner2 .z4 .tc { padding-left: .2rem; }
   .idx-contact .inner2 .z4 .tc img { height: .6rem; }

@media ( max-width: 828px ) {
   .idx-contact .i { width: 50%; padding: 0 .1rem; }
   .idx-contact .in { background-size: .32rem auto; background-position: 50% 12%; }
   .idx-contact .in p { padding-top: .55rem; }
   .idx-contact .c { padding-top: .1rem; }
   .idx-contact .c i { font-size: .16rem; }

   .idx-contact .inner2 .z { padding: .2rem; }
   .idx-contact .inner2, .idx-contact .inner2 .z, .idx-contact .inner2 .z4 .t, .idx-contact .inner2 .z4 .tc { display: block; text-align: center; }
   .idx-contact .inner2 .z + .z { border-left: 0; border-top: 1px solid rgba(255,255,255,0.3) }
   .idx-contact .inner2 .z4 { width: 100%; }
   .idx-contact .inner2 .z4 .tc { padding: 0; }

}
/*
page
*/
.wrap { padding-bottom: 1rem; min-height: 4rem; }
.phd { height: 4rem; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; position: relative; }
   .phd.about     { background-image: url(../images/phd-about.jpg); }
   .phd.solution  { background-image: url(../images/phd-solution.jpg); }
   .phd.hardware  { background-image: url(../images/phd-hardware.jpg); }
   .phd.case      { background-image: url(../images/phd-case.jpg); }
   .phd.contact   { background-image: url(../images/phd-contact.jpg); }
   .phd .h { background-color: rgba(0,61,172,0.83); position: absolute; left: 0; bottom: 0; width: 30%; color: #FFF; text-align: right; padding: .4rem;}
   .phd .h i { text-transform: uppercase; padding-bottom: .1rem; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2'%3E%3Cpath fill-rule='evenodd' fill='%23FFF' d='M0 0h2v2H0V0z'/%3E%3C/svg%3E") no-repeat 100% 100% / .3rem 1px; }
   .phd .h p { font-weight: bold; font-size: .3rem; padding-top: .1rem; }
@media ( max-width: 828px ) {
   .phd { height: 1rem; }
   .phd .h { width: 45%; height: 100%; padding: .2rem;}
   .phd .h p { font-size: .2rem; }
}
.x-path { padding: .2rem 0; font-size: .12rem; }
   .x-path, .x-path a { color: #999; }
/**/
.p-content p { text-align: justify; line-height: 1.8;}
.p-content p + p { margin-top: .05rem; }
.ele-about { display: table; width: 100%; table-layout: fixed; }
   .ele-about .c1 { display: table-cell; vertical-align: top; width: 3rem; }
      .ele-about .c1 img { width: 100%; }
   .ele-about .c2 { display: table-cell; vertical-align: top; padding-left: .3rem;}
   .ele-about .c2 .t { font-size: .22rem; font-weight: bold; color: #111; padding-bottom: .15rem; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2'%3E%3Cpath fill-rule='evenodd' fill='%23003dac' d='M0 0h2v2H0V0z'/%3E%3C/svg%3E") no-repeat 0 100% / .3rem .03rem; margin-bottom: .2rem;}
@media ( max-width: 828px ) {
   .ele-about .c1 { display: none; }
   .ele-about .c2 { display: block; padding: 0;}
   .p-content img { max-width: 100%; }
}
.solution-enter { display: table; width: 100%; table-layout: fixed; text-align: center; }
   .solution-enter .i { padding: .5rem .1rem; }
   .solution-enter .in { border: 1px solid #003dac; border-radius: .1rem; padding: .3rem; position: relative; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='7'%3E%3Cpath fill-rule='evenodd' fill='%23003DAC' d='M0 6.848C0 3.066 3.358 0 7.5 0 11.642 0 15 3.066 15 6.848c0 .051-.007.101-.008.152H.008C.007 6.949 0 6.899 0 6.848z'/%3E%3C/svg%3E") no-repeat 50% 100% / .3rem auto;}
   .solution-enter .h { width: 1rem; height: 1rem; line-height: .9rem; border: 1px solid #003dac; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; border-radius: 100%; text-align: center; position: absolute; top: -.5rem; left: 50%; margin-left: -.5rem;}
   .solution-enter .h img { width: 75%;  }
   .solution-enter .t1 { padding-top: .3rem; font-weight: bold; font-size: .22rem; color: #003dac; }
   .solution-enter .t2 { color: #999; text-transform: uppercase; font-size: .1rem; padding-bottom: .3rem;}
   .solution-enter .b { background-color: #f2f2f2; color: #121212; line-height: 1.2; padding: .1rem 0; display: block; width: 33.33333333%; float: left; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; text-align: left; padding: .1rem; border: .05rem solid #FFF ; }

   .solution-enter .b[href$=119] { background: #f00; }
   
   .solution-enter .b i { display: block; width: 40%; float: left; height: 0; padding-bottom: 30%; position: relative; margin-right: .15rem; }
   .solution-enter .b i img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
   .solution-enter .b p { font-size: .18rem; font-weight: bold; }
   .solution-enter .b cite { display: block; color: #696969; font-size: .12rem; height: 5.6em; overflow: hidden; margin-top: .1rem; line-height: 1.4; }

   .solution-enter .b:hover { color: #FFF; background-color: #003dac; }
   .solution-enter .b:hover cite { color: #FFF; }
@media ( max-width: 828px ) {
   .solution-enter { }
   .solution-enter .i { padding: .5rem .1rem .1rem;}
   .solution-enter .in { padding: 15% 5%; }
   .solution-enter .t1 { font-size: .18rem; }
   .solution-enter .b { float: none; width: 100%; }
}
.swc { text-align: center; }
   .swc .i, .swc li { display: inline-block; line-height: .4rem; padding: 0 .4rem; background-color: #f0f0f0; border-radius: .5rem; margin: 0 .1rem; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
   .swc li { padding: 0; }
   .swc li .i { display: block; margin: 0;  }
   .swc .i:hover { box-shadow: 0 0 .05rem #003dac; }
   .swc .i.active, .swc .active .i { background-color: #003dac; color: #FFF; }
   .solution-v .view-t { padding: .4rem; border: 1px solid #ccc; margin: .4rem 0; }
   .solution-v .view-t i { display: block; text-align: center; font-weight: bold; font-size: .26rem; line-height: 1; padding-bottom: .2rem; }
   .solution-v .view-t p { text-align: left; font-size: .12rem; color: #696969; line-height: 1.8; }
   .solution-v .view-p { margin-top: .3rem; }
   .solution-v .view-product {  }
      .view-product .si { width: 33.33333333%; float: left; padding: .1rem; display: block;}
      .view-product .si i { display: block; width: 100%; height: 0; padding-bottom: 75%; position: relative; }
      .view-product .si i img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
      .view-product .si p { padding: .15rem 0; background-color: #edf1fa;}
      .view-product .si .in { border: 1px solid #dfdfdf; text-align: center; display: block; padding: 0;}
      .view-product .si p { color: #999; }
   .solution-v .view-case {  }
      .view-case .si { display: block; width: 50%; float: left; padding: .1rem; text-align: left;}
      .view-case .si .in { border: 1px solid #dfdfdf; overflow: hidden; padding: .2rem;}
      .view-case .si i { display: block; width: 36%; padding-bottom: 27%; height: 0; float: left; position: relative; margin-right: .3rem;}
      .view-case .si i img { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
      .view-case .si cite { display: block; font-size: .16rem; font-weight: bold; padding-bottom: .2rem;}
      .view-case .si p { font-size: .12rem; color: #999; line-height: 1.5; height: 6em; overflow: hidden; }
.swc + .tab-content { padding-top: .2rem; }
@media ( max-width: 828px ) {
   .swc { display: flex; align-items: center; justify-content: center; flex-flow: row wrap;}
   .swc .i { padding: .12rem; font-size: .12rem; white-space: normal; margin: 0; line-height: 1.6; }
   .swc .view-t { padding: .15rem; margin: .15rem; }
   .view-product .si { width: 50%; padding: .05rem; }
   .view-case .si i { width: 100%; padding-bottom: 75%; float: none; }
   .view-case .si cite { line-height: 1.4; font-size: .18rem; height: 2.8em; overflow: hidden; margin-top: .1rem; margin-bottom: .1rem; }
   .view-case .si p { line-height: 1.4; height: 4.2em; overflow: hidden; }
   .solution-v .view-t { padding: .2rem; margin: .15rem; }
   .view-product .si p { font-size: .12rem; line-height: 1.2; height: .64rem; padding: 0 .1rem; display: flex; align-items: center; justify-content: center; }

}
.ele-hardware { display: table; width: 100%; }
   .atl-sd { display: table-cell; vertical-align: top; width: 1%;}
   .atl-md { display: table-cell; vertical-align: top; }
   .atl-sd img { width: 3rem; }
   .atl-sd .i { display: block; line-height: .5rem; border-left: .1rem solid transparent;  padding-left: .3rem; color: #666; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; background-color: #f4f4f4; margin-bottom: .05rem;}
   .atl-sd .i.active { border-color: #003dac; background-color: #e8effc; color: #111;}
   .atl-sd .i:hover { box-shadow: 0 0 3px #003dac;}
   .atl-sd .a-list { padding-bottom: .2rem; }
      .atl-sd .a-list .si { display: block; line-height: .32rem; padding-left: .4rem; color: #666; }
      .atl-sd .a-list .si:hover { background-color: #e8effc; color: #121212; }
      .atl-sd .contact-bx { border: 1px solid #dfdfdf; padding: .2rem; }
      .atl-sd .contact-bx .xi { line-height: 32rpx; color: #666; }
      .atl-sd .contact-bx .xi i { color: #999; }
   .atl-md { padding-left: .3rem; }
   .atl-md .in { display: block; overflow: hidden; position: relative; padding: .15rem; border: 1px solid #dfdfdf;}
      .atl-md .in:hover { background-color: #f5f5f5; }
   .atl-md .in i { display: block; width: 32%; float: left; margin-right: .3rem; height: 0; padding-bottom: 24%; text-align: center;}
   .ele-hardware .atl-md .in i { height: auto; padding-bottom: 0; }
   .ele-hardware .atl-md .in i img { max-width: 2.4rem; max-height: 2.4rem;}
   .atl-md .in .t { font-weight: bold; font-size: .22rem; line-height: 1; height: 2em; overflow: hidden; padding-bottom: .1rem; /* background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2'%3E%3Cpath fill-rule='evenodd' fill='%23003dac' d='M0 0h2v2H0V0z'/%3E%3C/svg%3E") no-repeat 0 100% / .3rem .02rem; */ margin-bottom: .1rem;}
   .atl-md .in .c { color: #999; text-align: justify; line-height: 1.4; height: 8.4em; overflow: hidden;}

   .atl-md .solution-v .view-product .in i { width: 100%; height:0; float: none; padding-bottom: 75%;}
   .atl-md .in span {
   display: inline-block;
   background: #FFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='11'%3E%3Cpath fill-rule='evenodd' fill='%23AAA' d='M7.456 9.764l4.288-4.175a.818.818 0 0 0 0-1.18L7.456.234a.874.874 0 0 0-1.213 0 .818.818 0 0 0 0 1.18l2.824 2.75H.845a.845.845 0 0 0-.857.835c0 .461.383.835.857.835h8.222L6.243 8.583a.823.823 0 0 0 0 1.181.874.874 0 0 0 1.213 0z'/%3E%3C/svg%3E") no-repeat 90% 50% / auto .12rem; position: absolute; right: .2rem; bottom: .2rem;
   color: #666; border: 1px solid #ccc; padding: .06rem .4rem .06rem .12rem; font-size: .12rem; }
   .x-pager { padding-top: .2rem; margin-top: .2rem; border-top: 1px solid #dfdfdf; text-align: right; }
   .x-pager .a { display: inline-block; line-height: .3rem; }
   .x-pager .x { border: 1px solid #ccc; padding: 0 .12rem; font-size: .12rem; color: #666;}
      .x-pager .x + .x { margin-left: .1rem; }
   .x-pager .d { padding: 0 .3rem; }
   .sd-tog { display: none; }
@media ( max-width: 828px ) {
   .ele-hardware, .atl-sd, .atl-md { display: block; }
   .atl-sd .sd-m { width: 100%; }
   .atl-sd .i { border-left: 0; border-bottom: .1rem solid transparent; padding: .1rem; line-height: 1.4; text-align: center;}
   .atl-md { padding-left: 0; }
   .atl-md .i { padding: .1rem;}
   .atl-md .i + .i { margin: 0; }
   .atl-md .in { padding: 0; }
   .atl-md .i .in { padding: .12rem; }
   .atl-md .in i { width: 100%; height: auto; float: none; padding-bottom: .25rem; }
   .atl-md .in .t { font-size: .18rem; }
   .atl-md .in .c { line-height: 1.4; overflow: hidden; padding-top: 0; margin-bottom: .1rem;}
   .x-pager { width: 100%; text-align: center; }
   .atl-sd { position: fixed; z-index: 1000; width: 55%; height: 100%; background-color: #FFF; left: -55%; top: 0; padding: .1rem; transition: all .2s ease-in-out; overflow: auto;}
   .sd-open .atl-sd { left: 0; }
   .sd-tog { display: block; background: #FFF url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M972.375 670.044H16.394l440.988 332.592-50.993-204.687h566.116l-.13-127.905zM66.26 409.338h955.974L568.886 76.748l50.986 204.688H66.13l.13 127.902zm0 0'/%3E%3C/svg%3E") no-repeat 50% .1rem / 35% auto; width: .6rem; height: .6rem; padding-top: .3rem; border-radius: 100%; position: fixed; right: .5rem; bottom: .5rem; opacity: .5; z-index: 9000; text-align: center; box-shadow: 0 0 10px rgba(0,0,0,.4);}
   .atl-sd img { display: none; }
   .atl-sd .a-list .si { padding-left: .1rem; }
   .atl-md .in span { position: static; }
   .atl-md img { max-width: 100%; }
}
.article-view .t { font-size: .22rem; font-weight: bold; color: #111; text-align: center; padding-bottom: .2rem;}
   .article-view .s { height: .04rem; border-top: 1px solid #dfdfdf; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2'%3E%3Cpath fill-rule='evenodd' fill='%23003dac' d='M0 0h2v2H0V0z'/%3E%3C/svg%3E") no-repeat 50% 100% / .4rem 100%; margin-bottom: .3rem;}
   .article-view .p-content { min-height: 4rem; }
   .article-view .x-sw { height: .5rem; padding-top: .2rem; border-top: 1px solid #dfdfdf;margin-top: .3rem;}
   .article-view .x-sw .a { display: block; line-height: .3rem; padding: 0 .2rem; font-size: .12rem; border: 1px solid #dfdfdf; color: #666;}
   .article-view .x-sw .a1 { float: left; }
   .article-view .x-sw .a2 { float: right; }

.ware-view {  }
   .ware-view .h { display: table; width: 100%; margin-bottom: .4rem; border: 1px solid #d0d0d0; padding: .3rem;}
   .ware-view .h .im { width: 2.6rem; display: table-cell; vertical-align: top;  padding: .2rem; text-align: center;}
   .ware-view .h .im img { width: auto; max-width: 100%; height: 1.65rem; max-height: 1.65rem; }
   .ware-view .h .h-c { display: table-cell; vertical-align: top; padding-left: .4rem; }
   .ware-view .h .t { font-weight: bold; font-size: .28rem; line-height: 1; padding-bottom: .1rem; }
   .ware-view .h .des { color: #999; text-align: justify; padding-top: .2rem;  }
@media ( max-width: 828px ) {
   .ware-view .h, .ware-view .h .im, .ware-view .h .h-c { display: block; }
   .ware-view .h .h-c { padding: 0; }
}

.case-gd { margin: 0 -.1rem; }
   .case-gd .i { width: 50%; float: left; padding: 0 .1rem .1rem; }
   .case-gd .in { display: block; border: 1px solid #ccc; }
   .case-gd .in .im { float: right; width: 30%; }
   .case-gd .in .im img { width: 100%; }
   .case-gd .d { width: 70%; float: left; padding-right: .4rem;}
   .case-gd .t { margin-top: .1rem; border-left: .1rem solid #003dac; padding-left: .2rem; font-weight: bold; line-height: 1.2; padding-right: .3rem;}
   .case-gd .c { padding-left: .3rem; font-size: .12rem; color: #999; text-align: justify; }
@media ( max-width: 828px ) {
   .case-gd .d { padding-right: .2rem; }
   .case-gd .i { width: 100%; }
}
.contact-basic { display: table; width: 100%; table-layout: fixed; border: 1px solid #dfdfdf; }
   .contact-basic .i { display: table-cell; width: 33.3333333333%; vertical-align: top; }
   .contact-basic .i + .i { border-left: 1px solid #dfdfdf; }
   .contact-basic .in { padding: 15%; text-align: center; }
   .contact-basic img { width: 25%; }
   .contact-basic i { display: block; text-align: center; font-weight: bold; font-size: .18rem; padding: .1rem 0 .3rem; }
@media ( max-width: 828px ) {
   .contact-basic p { word-break: break-all; font-size: .12rem; }
}
.contact-bd { max-width: 7rem; margin: 0 auto;}
   .contact-bd .c1 { width: 50%; float: left; padding-right: .1rem }
   .contact-bd .c2 { width: 50%; float: right; padding-left: .1rem }
   .contact-bd .c3 { padding-top: .2rem; overflow: hidden; width: 100%;}
   .contact-bd .form-control { background-color: #f5f5f5; }
   .contact-bd .sbm { text-align: center; padding-top: .1rem; }
   .contact-bd .sbm .btn { padding: 0 .6rem; }
.search-rsl {  }
   .search-rsl .i { display: block; line-height: .4rem; padding: .1rem 0;}
   .search-rsl .i + .i { border-top: 1px dashed #aaa; }
   .search-rsl .i i { color: #999; padding-right: .2rem; }
   .search-rsl .i cite {  }
   .search-rsl .i span { display: block; float: right; padding: 0 .3rem; font-size: .12rem; color: #003dac; border: 1px solid #003dac; }
   .search-rsl .total { padding-bottom: .2rem; }
   .search-rsl .total em { padding: 0 .1rem; color: #003dac;}
@media ( max-width: 828px ) {
   .search-rsl .i cite { display: block; line-height: 1.4; }
   .search-rsl .i span { float: none; display: inline-block; line-height: .3rem; }
}
.news-gd {  }
   .news-gd .i { height: .6rem; padding: .1rem; display: block; line-height: .4rem;}
   .news-gd .i:hover { background-color: #f4f4f4; }
   .news-gd .i + .i { border-top: 1px dashed #dfdfdf; }
   .news-gd .i i { color: #999; width: 1rem; display: inline-block;}
   .news-gd .i cite { font-weight: bold; color: #111; display: inline-block;}
   .news-gd .i span { float: right; border: 1px solid #dfdfdf; color: #999; font-size: .12rem; padding: 0 .1rem; }
@media ( max-width: 828px ) {
   .news-gd .i { height: auto; line-height: 1.4; }
   .news-gd .i i, .news-gd .i cite { display: block; }
   .news-gd .i cite { padding: .1rem 0; }
   .news-gd .i span { float: none; display: inline-block; line-height: .3rem; }
}

.swc-common { text-align: center; margin: .3rem 0; }
   .swc-common .ix { display: inline-block; line-height: .4rem; padding: 0 .4rem; background-color: #f0f0f0; border-radius: .5rem; margin: 0 .1rem; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
   .swc-common .ix:hover { box-shadow: 0 0 .05rem #003dac; }
   .swc-common .ix.active { background-color: #003dac; color: #FFF; }

.page_info { text-align: center; }


#ware-tab-3 { text-align: center; }