.loading { position: absolute; width: 100%; height: 100%; height: 100vh; right: 0; top: 0; z-index: 9000; font-size: 1.0rem; background: #FFF url(../images/loading.gif) no-repeat 50% 50% / auto 1.75rem; }
/*html, body, .wrap { height: 100%; }*/
html { font-size: 100px; width: 100%;overflow-x: hidden;}

@media (max-width: 828px) { 
   html { font-size:calc(100vw/4.2);} 
} 
*{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing: border-box;}
/*100vwdiv占据视口宽度的100%*/
body { color: #121212; font: 0.14rem/1.8 "Microsoft YaHei"; background-color: #FFF; -webkit-text-size-adjust:none;}
body.of { overflow: hidden; }
img{max-width: 100%}
ul,p  { margin: 0; padding: 0; }
li  { list-style: none; }
i     { font-style: normal; } 
em  { font-style: normal; font-weight: bold; } 
cite  { font-style: normal; }
.em { font-weight: bold; }
.clear{clear: both}
.left{float: left;}
.right{float: right;}
a { color: #023894; cursor: pointer; }
a:hover, a:focus { text-decoration: none; color: #023894; }
.primary { color: #023894; }
.npd { padding: 0 !important; }

.main{width: 1200px;margin:0 auto;}

.fz51{font-size: 0.51rem; }
.fz4 { font-size: 0.44rem; }
.fz26 { font-size: 0.26rem; }
.fz28 { font-size: 0.28rem; }
.fz40 { font-size: 0.4rem; }
.fz3 { font-size: 0.3rem; }
.fz33 { font-size: 0.33rem; }
.fz2 { font-size: 0.18rem; }
.fz20 { font-size: 0.2rem; }
.fz16 { font-size: 0.16rem; }
.fz1 { font-size: 0.14rem; }
@media (max-width: 1440px) {
   .fz51{font-size: 0.4rem; }
   .fz4 { font-size: 0.28rem; }
   .fz26 { font-size: .2rem; }
   .fz28 { font-size: .21rem; }
   .fz40 { font-size: 0.26rem; }
   .fz3 { font-size: .23rem; }
   .fz33 { font-size: 0.25rem; }
   .fz2 { font-size: 0.16rem; }
   .fz20 { font-size: 0.18rem; }
   .fz16 { font-size: 0.14rem; }
   .fz1 { font-size: 0.12rem; }
   }
@media (max-width: 828px) {
   .fz51{font-size: 0.25rem; }
   .fz4 { font-size: 0.24rem; }
   .fz40 { font-size: 0.22rem; }
   .fz26 { font-size: 0.18rem; }
   .fz28 { font-size: .18rem; }
   .fz3 { font-size: 0.2rem; }
   .fz33 { font-size: 0.2rem; }
   .fz2 { font-size: 0.12rem; }
   .fz20 { font-size: 0.14rem; }
  
}

.lh1 { line-height: 1; }
.resp-v { display: none; }
@media (max-width: 828px) {
  .resp-v { display: block; }
}


/* col ------------------------ */
.row-col { }
.col { position: relative; min-height: 1px; float: left;} 
   .col-12 {  width: 100%; clear: both; }
   .col-11 {  width: 91.66666667%;}
   .col-10 {  width: 83.33333333%;}
   .col-9  {  width: 75%;}
   .col-8  {  width: 66.66666667%;}
   .col-7  {  width: 58.33333333%;}
   .col-6  {  width: 50%;}
   .col-5  {  width: 41.66666667%;}
   .col-4  {  width: 33.33333333%;}
   .col-3  {  width: 25%;}
   .col-2  {  width: 16.66666667%;}
   .col-1  {  width: 8.33333333%;}
/* 

button & control ------------------------ 

*/

.form-control, .btn { border-radius: 0; height: .35rem; line-height: .35rem; }
.form-control { padding: 0.01rem; font-size: 0.14rem; line-height: 1.4; color: #333; }
.form-control:focus { -webkit-box-shadow: none; box-shadow: none; }
select.form-control { -moz-appearance: none; -webkit-appearance: none; appearance: none; background: #FFF url(../images/arr-select.png) no-repeat 100% 50%; padding-right: .1rem; padding-left: .1rem; }

.btn { padding: 0 .4rem;  border: 0; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; font-size: 0.15rem; }

.btn-default  { color: #023894; background-color: #FFF; border: 1px solid #023894; }
   .btn-default.active,
   .btn-default.active.focus, 
   .btn-default:focus,
   .btn-default:hover 
   { background-color: #ef9a01;border:1px solid #ef9a01; color: #fff}

.btn-primary  { color: #FFF; background-color: #023894; }
   .btn-primary.active,
   .btn-primary.active.focus, 
   .btn-primary:focus,
   .btn-primary:hover 
   { background-color: #023894; }

.btn-red  { color: #FFF; background-color: #ef9a01; }
   .btn-primary.active,
   .btn-primary.active.focus, 
   .btn-primary:focus,
   .btn-primary:hover 
   { background-color: #ef9a01; }
.overflow{overflow: hidden;}
/* 
menu ------------------------ 
*/
.wrap { position: relative; }
.main-menu { height: 100%; width: 2.2rem; background-color: #0372ba; position: fixed; left: -2.2rem; top: 0; z-index: 5000; overflow: auto; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
#m-tog {position: fixed; left: 0.3rem; top: .15rem; width: .4rem; height: .4rem; background:rgba(0,0,0,0.3)  url(../images/m-tog.png) no-repeat 50% 50% / .2rem auto; z-index: 1000; cursor: pointer;transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; border-radius: .4rem; }
.h_logo{position: fixed; left: 0.9rem; top: .15rem; z-index: 1000;transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}

.h_logo img{height: 33px}
.main-content { overflow-x: hidden; position: relative; min-height: 100%;}
.page-inner { min-height: calc(100vh - .7rem); padding-bottom: 1.4rem; padding-top: .5rem; position: relative;}
.page-inner.full { height: calc(100vh - .7rem); }
@media (max-width: 1441px) { 
   .page-inner { padding-bottom: 1.2rem; padding-top: .2rem; }
}
@media (max-width: 1441px) { 
	.page-inner.full { height: auto; }
}
.sm-open .main-menu { left: 0; box-shadow: 0 0 1rem rgba(0,0,0,.4);}
.sm-open #m-tog {left: 2.4rem; }
.sm-open .h_logo{left: 3rem;}

@media (max-width: 828px) {
   .main-content { margin-left: 0; }
   .main-menu { left: 0rem;
      -webkit-transform: translate(-2.2rem,0);
              transform: translate(-2.2rem,0); }
   .sm-open .main-menu{ left: 0rem; }
   .wrap.menu-open .main-menu 
   { -webkit-transform: translate(0,0);
             transform: translate(0,0); }
   .wrap.menu-open .main-content { filter: blur(1rem); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
   .page-inner { padding-bottom: .8rem; padding-top: 0;}
   .page-inner.full { height: auto; }
   #m-tog { display: none; }
}

.logo { background-color: #FFF; padding: 12% 0; }
@media (max-width: 1441px) { 
   .logo { padding: 0; }
}
.ani-logo { width: 1.4rem; height: 1.4rem; margin: 0 auto; position: relative;}
.ani-logo .s { position: absolute; }
@media (min-width: 829px) {
   .sm-open .ani-start .ani-logo .t1{
      width: 90%;
          height: 40%;
          background: url(../images/elogo.png) no-repeat 50% 50% / contain;
          top: 15%;
          left: 5%;
          -webkit-animation: bounceIn .6s ease-out .2s both;
          animation: bounceIn .6s ease-out .2s both;
   }
   .sm-open .ani-start .ani-logo .t2 {
       width: 90%;
       height: 40%;
       background: url(../images/clogo.png) no-repeat 0% 0% / contain;
       top: 56%;
       left: 5%;
       -webkit-animation: logo-t2 1.5s ease-in-out 0.5s both;
       animation: logo-t2 1.5s ease-in-out 0.5s both;
   }

}


    @-webkit-keyframes logo-t2 {
      0% {
          clip:rect(0px, 0px, 40px, 0px);
         }

      100%{
           clip:rect(0px, 167px, 40px, 0px);
         }
    }

    @keyframes logo-t2 {
      0% {
          clip:rect(0px, 0px, 40px, 0px);
         }

      100%{
           clip:rect(0px, 167px, 40px, 0px);
         }
    }


.menu ul li { position: relative; }
.menu ul li, .menu ul li a { height: .5rem; width: 100%; overflow: hidden; }
.menu ul li a { display: block; line-height: .5rem; color: #FFF; padding-left: .3rem; border-left: .1rem solid transparent; position: absolute; left: 0; top: 0; z-index: 2; border-bottom: 1px solid rgba(0,0,0,0.1);}
.menu ul li.active a { border-left-color: #ef8009; background-color: #035f9b;  }
.menu ul li i { display: block; width: 100%; left: 0; top: 0; height: 100%; position: absolute; z-index: 1; opacity: 0; border: 0 solid #ef8009;}
.menu ul li:hover i { border: .3rem solid #ef8009;opacity: 1;}
@media (max-width: 1441px) { 
   .menu ul li, .menu ul li a { height: .4rem; }
   .menu ul li a { padding-left: 0.15rem; line-height: .4rem; }
}

/* top-contact */
.top-contact { position: absolute; right: 0; top: 0;}
.top-contact .c { padding: .2rem .2rem .2rem 0; width: 3.6rem; }
.top-contact .ax-qrcode { display: block; float: right; width: .4rem; height: .3rem; background: url(../images/ico-wechat.png) no-repeat 50% 50% / auto 0.24rem; position: relative;}
.ax-qrcode .pop { visibility: hidden; opacity: 0; z-index: -0; position: absolute; top: 120%; left: -100%;}
.ax-qrcode:hover .pop { visibility: visible; opacity: 1; z-index: 100;}
.top-contact .phone { display: block; float: right; padding-left: 0.42rem; border-left: 1px solid rgba(255,255,255,0.5); margin-left: .1rem; color: #FFF; font-size: .3rem;line-height: 1; background: url(../images/ico-tel.png) no-repeat .1rem 50% / auto 0.24rem;}
.top-contact .tp { float: right; color: #fff; font-size: 0.12rem; line-height: 1.2; padding-left: .1rem; }

@media (max-width: 828px) {
   .page-toper > .top-contact { display: none; }
}
/* index-focus */
.index-focus {position: relative; z-index: 99;padding-bottom: 55%;width: 100%}
.index-focus .top-contact { position: absolute; top: 0; right: 0; z-index: 200; }
.banner .in {  background: url(../images/index-focus-edge.png) no-repeat 50% 100% / 100% auto; position: absolute;bottom: 0;left:0;width: 100%;padding-bottom: 55%;z-index: 100}
.banner .t { position: absolute; left: 10%; top: 33%; width: 40%; height: 30%; background: url(../images/index-focus-title.png) no-repeat 50% 50% / contain; }
.banner .bottle { position: absolute; right: 2%; bottom: -5%; width: 50%; height:71.5%; background: url(../images/index-focus-product.png) no-repeat 50% 50% / contain;}
@media (max-width: 828px) {
   .index-focus .top-contact { display: none; }
   .index-focus .t { left: 5%; width: 50%; height: 40%; }
}

/* index-r2 */
.index-r2 .wrap-desc p{text-align: right;padding-right:1em}
.index-r2 .wrap-desc { width: 55%; float: left; padding: 5% 5%; }
.index-r2 .wrap-desc .t { height: .8rem; background: url(../images/index-r2-t.png) no-repeat 100% 100% / contain; }
.index-r2 .wrap-desc .c { font-weight: bold; padding: .5rem 0.05rem 0.15rem; text-align: right; line-height: 1.2;}
.index-r2 .wrap-desc .c em { font-size: 135%; }
.index-r2 .wrap-desc .more { text-align: right; padding-top:0.25rem;padding-right: 2em }
.index-r2 .wrap-img { width: 45%; float: right;margin-top: -10% }
.index-r2 .im-1 { height:8rem; background-repeat: no-repeat; background-position: 0 0; background-size: contain; }
@media (max-width: 828px) {
   .index-r2 { padding-bottom: 0; background: none;}
   .index-r2 .wrap-desc, .index-r2 .wrap-img { width: 100%; float: none; }
   .index-r2 .wrap-desc .t { height: .5rem; background-position: 50% 50%;}
   .index-r2 .wrap-desc .c, .index-r2 .wrap-desc .more { text-align: center;padding-right: 0}
   .index-r2 .im-1 { background-size: 90% auto; background-position: 50% 50%; height: auto; padding-bottom: 100%; }
}
/* index-r3 */
.index-r3 { margin-bottom: .5rem; background: url(../images/index-r3-bg.png) no-repeat 50% 100% / contain;position: relative;}
.index-r3 .wrap-img { width:35%; float: left; position: relative; height: 4.0rem;}
.index-r3 .wrap-img .im-1 { position: absolute; left: 15%; bottom: 0; height: 4.0rem; width: 4.0rem; background-repeat: no-repeat; background-position: 0 100%; background-size: contain; }
.index-r3 .wrap-desc { width: 55%; float: right; padding-right: 10%; text-align: right;}
.index-r3 .wrap-desc .sells i { font-size:0.85rem;font-style: italic;}
.index-r3 .wrap-desc p { font-weight: bold; line-height: 1.3; margin: 5% 0 15%; }
@media (max-width: 828px) {
   .index-r3 { margin: 0; }
   .index-r3 .wrap-desc, .index-r3 .wrap-img { width: 100%; float: none; }
   .index-r3 .wrap-desc { text-align: center; padding: 0; }
   .index-r3 .wrap-desc .sells i { font-size: .6rem; }
   .index-r3 .wrap-img { height: auto; padding-bottom: 100%;  }
   .index-r3 .wrap-img .im-1 { background-position: 50% 50%; background-size: 90% auto; width: 100%; height: auto; padding-bottom: 100%; left: 0;}
}

/* index-r4 */
.index-r4 { position: relative; background: url(../images/index-r4-bgt.png) no-repeat no-repeat 0 0 / cover; margin-top: -2.5rem; position: relative;}
.index-r4 .in {  z-index: 50;}
.index-r4 .wrap-img { position: relative; padding-left: 5%; float: left; width: 55%}
.index-r4 .wrap-img .i { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; float: left; }
.index-r4 .wrap-img .i + .i { margin-left: .1rem; }
.index-r4 .wrap-img .vl1 { height: 3.0rem; margin-bottom: .1rem; }
.index-r4 .wrap-img .vl2 { padding-left: 3.1rem; }
.index-r4 .wrap-img .im-1 { width: 3.0rem; height: 3.0rem; }
.index-r4 .wrap-img .im-2 { width: 1.5rem; height: 1.5rem; margin-top: 1.5rem; }
.index-r4 .wrap-img .im-3 { width: 1.0rem; height: 1.0rem; margin-top: 2.0rem; }
.index-r4 .wrap-img .im-4 { width: 2.2rem; height: 2.2rem; margin-top: .8rem;  }
.index-r4 .wrap-img .im-5 { width: 4.0rem; height: 2.2rem; }

.wrap-pic{background: url(../images/index-r4-pic.png) no-repeat 50% 100% / contain;width:40%;height: 7.82rem;position: absolute;right:3%;bottom:2.5rem}
@media (max-width: 1440px) {
   .index-r4 .wrap-img .vl1 { height: 1.5rem; margin-bottom: .1rem; }
   .index-r4 .wrap-img .vl2 { padding-left: 1.6rem; }
   .index-r4 .wrap-img .im-1 { width: 1.5rem; height: 1.5rem; }
   .index-r4 .wrap-img .im-2 { width: 1.2rem; height: 1.2rem; margin-top: .3rem; }
   .index-r4 .wrap-img .im-3 { width: .6rem; height: .6rem; margin-top: .9rem; }
   .index-r4 .wrap-img .im-4 { width: 1.0rem; height: 1.0rem; margin-top: .5rem;  }
   .index-r4 .wrap-img .im-5 { width: 2.4rem; height: 1.5rem; }
}

.index-r4 .wrap-desc { width: 45%; margin-top:20%; padding-bottom: 12%; padding-top: 2.85rem; color: #FFF; text-align: right; padding-right: 10%; background: url(../images/2018120501.png) no-repeat 70% 0 / auto 2.45rem;}
.index-r4 .wrap-desc .t { height: .54rem; background: url(../images/index-r3-t.png) no-repeat 100% 50% / contain; }
.index-r4 .wrap-desc .t2 { font-weight: bold; margin: .3rem 0; line-height: 1.2;}
.index-r4 .wrap-desc .more { margin-top: .3rem; }

/* index-r5 */
.index-r5 { position: relative; z-index: 60;}
.index-r5 .wrap-desc { padding-left: 5%; width: 50%; float: left;margin-top:1rem }
.index-r5 .wrap-desc .t { height: 1.4rem; background: url(../images/index-r5-t.png) no-repeat 0 0 / auto 100%; }
.index-r5 .wrap-desc .p1{color: #282828;font-weight:bold;padding-top:0.05rem}
.index-r5 .wrap-desc .p2{color: #0372ba}
.index-r5 .wrap-desc .more { margin-top: .3rem; }
.index-r5 .wrap-img { width: 50%; float: right; }
.index-r5 .wrap-img .im-1 { height:6.73rem; background-repeat: no-repeat; background-position:center top; background-size: contain; }

/* index-r6 */
.index-r6 {background:url(../images/index-r6-bgt.png) no-repeat center top / cover; margin-top: -2rem; position: relative; z-index: 70;padding-top:2rem}
.index-r6 .in { padding: 12% 0 12%;background: url(../images/index-r6-bgb.png) no-repeat 100% 100% / 100% auto;}
.index-r6 .wrap-desc { width: 50%; float: right; padding-right: 10%; text-align: right; color: #FFF;}
.index-r6 .wrap-desc .t { height: .6rem; background: url(../images/index-r6-t1.png) no-repeat 100% 50% / contain; }
.index-r6 .wrap-desc .t2 { height: .36rem; background: url(../images/index-r6-t2.png) no-repeat 100% 50% / contain; margin-top: .3rem;}
.index-r6 .wrap-desc p { font-weight: bold; }
.index-r6 .wrap-desc .more { margin-top: .3rem; }
.index-r6 .wrap-img { width: 50%; float: left; height: 6.41rem;  background-position:center center; background-repeat: no-repeat; background-size: contain;}



/* index-r7 */
.index-r7 { margin-top: -3.5rem; position: relative; z-index: 80;}
.index-r7 .wrap-desc { text-align: right; padding-right: 5%;}
.index-r7 .wrap-desc .t1 img { height: .7rem; }
.index-r7 .wrap-desc .t2 {font-weight: bold;color: #4e4e4e; padding-top: .2rem ; }
.index-r7 .wrap-desc .t2 em{color: #ef8009}
.index-r7 .wrap-desc .t3 {color: #4e4e4e}
.index-r7 .wrap-img { padding-bottom: 4%; padding-top: .4rem; }
.index-r7 .wrap-img .i { width: 25%; float: left; margin-top: -0.4rem;}
.index-r7 .wrap-img img { width: 100%; }
.index-r7 .wrap-img .i:nth-of-type(2n) { padding-top: .4rem;}

.index_r7_right{float: right;width:50%;color: #838383;line-height: 2;padding:0 0.5rem}
.index-r7 .wrap_nr{padding: 1.7rem 0 1rem}
.index_r7_left{width:658px;float: left;margin-left: 10%;max-width: 39%}
.video_pic{position:relative;width:100%;height:0;padding-top:66%;overflow:hidden;}
.video_pic video{position:absolute;top:0;left:0;width:100%;height:100%;}
.video_pic  img {position:absolute;left:0;top:0;width:100%;height:100%;z-index: 1;}
.video_pic i{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;background: url(../images/play.png) no-repeat center;background-color: rgba(0, 0, 0, 0.2);z-index: 1; }

.video_t{width: 2.48rem;height: 0.6rem;line-height: 0.6rem;color: #fff;font-size: 22px;position: absolute;right: 0;bottom: 0;z-index: 10;padding-left: 0.4rem;background:#0372ba url('../images/more.png') no-repeat center right 0.4rem;}
.title{text-align: center;}
.title p{color: #000000;background: url('../images/line.png') no-repeat center bottom;margin-bottom: 0.1rem}
.title p em{font-weight: bold;font-style: normal;}
.title span{display: block;text-align: center;color: #ef8009;text-transform: uppercase;}

.r8_nr{width: 90%;margin:0 auto;padding-top: 0.3rem}
.r8_left{width: 745px;float: left;max-width: 48%}
.r8_right{width:740px;float: right;max-width: 48%}

.time{width: 1.4rem;height: 1.5rem;background: #0372ba;color: #fff;text-align: center;float: left;padding-top: 0.3rem}
.time .d{font-family: Impact;line-height: 1;}
.time .y{line-height:1;}
.r8_li1{position: relative;}
.r8_li1 .r8_r{width: calc(100% - 1.66rem);position: absolute;right: 0;top:50%;transform:translateY(-50%);}
.r8_r_tit{color: #000000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 0.05rem}
.r8_r_jian{color: #747474;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.time em{display: block;width:0.7rem;height: 1px;background: #fff;margin:0.1rem auto;}
.r8_li1{margin-bottom: 0.49rem}
.r8_li1 .r8_r  .r8_r_btn{color: #747474;margin-top: 0.2rem;display: block;}
.r8_r_btn a{color: #747474;}
.r8_r_btn a:hover{color: #ef9a01;}
.r8_right li{position: relative;}
.r8_right li .ns_pic{position:relative;width:100%;height:0;padding-top:48%;}
.r8_right li .ns_pic img{position:absolute;top:0;left:0;width:100%;height:100%;}


/*.r8_right li .ns_pic{position:relative;width:100%;height:0;padding-top:56%;}
.r8_right li .ns_pic img{position:absolute;top:0;left:0;width:100%;height:100%;}*/
.r8_r_info{position: absolute;bottom: 0;left:0;width: 100%;background: #000;opacity: 0.5;filter:Alpha(opacity=50);-moz-opacity:0.5;-ms-opacity:0.5;-webkit-opacity:0.5;padding:0.15rem 0.3rem;}
.r8_li2 .r8_r_tit{color: #fff}
.r8_li2 .r8_r_jian{color: #666567}
.r8_li2{margin-bottom: 0.35rem}

.r8_li2 .r8_r_jian a{color: #666567}
.r8_li2 .r8_r_jian a:hover{color: #fff}

.index-r9{width: 100%;background: url(../images/r9_bg.jpg) no-repeat center center / cover;padding: 12% 0 12%;}
.index-r9 .title p{color:#fff;background: url('../images/line2.png') no-repeat center bottom;}
.index-r9 .title span{color: #fff}


.r9_nr{width: 1590px;margin:0.65rem auto 0;position: relative;}






.r9_nr .swiper-container{width: 1200px;margin:0 auto;background: url('../images/l.jpg') no-repeat center top 0.7rem;}
.his_tit{color: #ffffff;text-align: center;line-height: 1;}
.his_con{color: #ffffff;margin-top: 0.7rem}

.r9_nr .swiper-button-prev{width:1.34rem;height:0.59rem;background: url('../images/prev.png') no-repeat center;left:0;}
.r9_nr .swiper-button-next{width:1.34rem;height:0.59rem;background: url('../images/next.png') no-repeat center;right:0}

.r9_nr .swiper-slide{position: relative;}
.dian{display:block;width: 017rem;height: 0.17rem;background: url('../images/dot.png') no-repeat center;position: absolute;top:0.63rem;left:50%;transform:translateX(-50%);}


.index-r10{width: 100%;background:#f5f5f5 url(../images/r10_bg.jpg) no-repeat center bottom;padding-bottom: 1.23rem;background-size: 100%}
.r10_nr{width: 12rem;margin:0 auto;}
.r10_nr ul{margin-left:2.5%;position: relative;height: 4.8rem;}
.r10_nr li{width:20%;position: absolute;}
.r10_nr li:nth-child(1){top:0;left:0;}
.r10_nr li:nth-child(2){top:0;left:20%;}
.r10_nr li:nth-child(3){top:0;left:40%;}
.r10_nr li:nth-child(4){top:0;left:60%;}

.r10_nr li:nth-child(5){top:25%;left:10%;}
.r10_nr li:nth-child(6){top:25%;left:30%;}
.r10_nr li:nth-child(7){top:25%;left:50%;}
.r10_nr li:nth-child(8){top:25%;left:70%;}

.r10_nr li:nth-child(9){top:50%;left:20%;}
.r10_nr li:nth-child(10){top:50%;left:40%;}
.r10_nr li:nth-child(11){top:50%;left:60%;}
.r10_nr li:nth-child(12){top:50%;left:80%;}
.index-r10 .title{padding-bottom: 0.7rem}
.r10_nr li .r10_pic{ 
   width:68.9%;height:0;padding-top:68.9%;
   position: absolute;
   margin: 0px;
   text-align: center;
   transform: rotate(45deg);
   transform-origin: center center;
   -webkit-transform: rotate(45deg);
   -webkit-transform-origin: center center;
   background: #fff;
   overflow: hidden;
   -webkit-transition: all .3s;
   -o-transition: all .3s;
   transition: all .3s;
   overflow: hidden;
}

.r10_nr li .r10_pic img{
   transform: rotate(-45deg)  scale(1.4);
   transform-origin: center center;
   -webkit-transform: rotate(-45deg)  scale(1.4);
   -webkit-transform-origin: center center;
   position:absolute;top:0;left:0;width:100%;height:100%;
}


.bot1{width: 100%;background: #0372ba}
.bot1 li{width: 33.3%;height: 2.6rem;float: left;color: #fff;padding:0.36rem}
.bot1 li:nth-child(1){background:#f36420;}
.bot1 li:nth-child(2){background:#313131;}
.bot1 li:nth-child(3){background:#0372ba;}
.bot1_nr{text-align: center;}
.bot1_tip{background: url('../images/x.jpg') no-repeat left bottom;padding-bottom: 0.1rem}
.bot1_tit{font-weight: bold;}
.bot1 li .more{display: block;width: 1.44rem;height: 0.35rem;line-height: 0.35rem;text-align: center;border:1px solid #fff;color: #fff;margin:0.25rem auto 0;}
.bot2_top{padding-bottom: 0.15rem}
.bot2{width: 100%;background:#1b1b1b;padding: 0.4rem 0.4rem 0;}
.bot2_bot{border-top: 1px solid #5d5d5d}
.bot2_left{margin-top: 10px;width:7rem;float: left;}
.bot2_left li{float: left;min-width:80px;width:20%}
.bot2_li_a{display: block;font-size: 16px;color: #fff}
.bot2_left li .two dd a{font-size: 14px;color: #fff;}
.bot2_left li .two dd{line-height:2.1;}
.bot2_left li .two{margin-top:0.25rem}

.bot2_mid{float: left;font-size: 14px;color: #fff;text-align: center;padding-top: 0.5rem}
.bot2_mid p{margin-top: 0.05rem}
.bot2_right{float: right;width: 2.5rem;color: #fff}
.bot2_r_tel{font-size: 28px;font-family: Impact;background: url('../images/tel.png') no-repeat top right;text-align: right;padding-right: 0.65rem;padding-top: 0.2rem}
.bot2_r_addr{text-align: right;font-size: 16px;line-height: 30px;padding: 0.1rem 0 0.15rem}
.zx{display: block;width: 1.86rem;height: 0.45rem;color: #fff;padding-left: 0.33rem;line-height: 0.45rem;background: url('../images/zx.png') no-repeat center;background-size:100%;float: right;}
.zx:hover{color: #fff}
.bot2_bot{padding: 0.25rem 0;}
.bot2_bot_left{font-size: 14px;color: #fff;width: calc(100% - 300px);float: left;}
.qq{width: 30px;height: 32px;background: url('../images/qq.png') no-repeat center;display: block;float: left;}
.wx{display: block;width: 37px;height: 30px;background: url('../images/wx.png') no-repeat center;float: right;position: relative;}
.bot2_bot_right{width: 100px;float: right;background: url('../images/s.png') no-repeat center left 0.45rem;}

.wx .pop { visibility: hidden; opacity: 0; z-index: -0; position: absolute; bottom: 150%; left: -100%;}
.wx:hover .pop { visibility: visible; opacity: 1; z-index: 100;}



.menu ul li i,
.ax-qrcode .pop,
.main-content,
.main-menu{ -webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}





.btn-5 {
  cursor:pointer;
  border: 0 solid;
  box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
  outline: 1px solid;
  outline-color: rgba(255, 255, 255, 0.5);
  outline-offset: 0px;
  text-shadow: none;
  -webkit-transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
          transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
}

.btn-5:hover {
  border: 1px solid;
  box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);
  outline-color: rgba(255, 255, 255, 0);
  outline-offset: 15px;
  text-shadow: 1px 1px 2px #427388;
}

.bot2_li_a:hover{color: #f36420}
.bot2_left li .two dd:hover a{color: #f36420}


.btn-1{text-align:center;overflow:hidden;position:relative;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease}
.btn-1 i{position:relative;z-index:2;font-style: normal;}
.btn-1:after{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;content:"";position:absolute;left:50%;top:0;width:0;height:110%;background:#0372ba;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease}
.btn-1:hover:after{width:100%}
.btn-1:hover{color: #fff}


.btn-2:after{background:#fff;}
.btn-2:hover{color: #ef8009}

.r8_li1{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease}
.r8_li1:hover .r8_r_tit{color: #ef9a01}
.r8_li1:hover .time{background: #ef9a01}
.r8_li1:hover{transform:translateY(-10px);}

.r8_li2{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease}
.r8_li2:hover .r8_r_jian{color: #fff}
.r8_li2:hover{transform:translateY(-10px);}

.video_t:hover{background: #ef9a01 url(../images/more.png) no-repeat center right 0.4rem;}


@media (max-width:1600px) {
   .r8_li1 {margin-bottom: 0.31rem;}
   .r9_nr {width:85%;margin: 0.5rem auto 0;}
   .about .r9_nr .swiper-container{width: 100%;}
   .r9_nr .swiper-container{width:calc(100% - 250px);}
   .r9_nr .swiper-button-prev {width:0.9rem;height: 0.4rem;background: url(../images/prev.png) no-repeat center;background-size: 100%}
   .r9_nr .swiper-button-next {width:0.9rem;height: 0.4rem;background: url(../images/next.png) no-repeat center;background-size: 100%}
}

@media (max-width:1440px) {
   .time {width: 1.2rem;height: 1.3rem;padding-top: 0.28rem;}
   .r8_li1 .r8_r {width: calc(100% - 1.4rem);}
   .r8_li1 .r8_r span{margin-top: 0.15rem}
   .index-r4 .wrap-desc{width: 55%}
   .wrap-pic{height: 6.5rem;bottom: 10%}
   .index-r6 .in {padding:8% 0;}
   .index-r6 .wrap-desc{padding-top:3%}
   .index-r7{margin-top: -2.7rem}
   .index-r7 .wrap_nr {padding: 1rem 0;}
   .r8_right{width: 48%}
   /*.index-r2 .im-1{height:6.5rem}*/
   .index-r10{padding-bottom: 1rem}
   .his_con{margin-top: 0.5rem}
   .dian{top:0.45rem;}
   .r9_nr .swiper-container{background:url('../images/l.jpg') no-repeat center top 0.53rem}

}

@media (max-width: 1300px){
.r8_li1 {margin-bottom: 0.25rem;}
}

/* page-toper */
.page-toper { background: #0372ba url(../images/logo.png) no-repeat left .95rem top 45%/ auto 48%; height: .7rem; position: relative; padding-left:2.85rem;}
.page-toper .t { float: left; background:url(../images/page-top-bg.jpg) no-repeat center right / 100% 100%;position: relative;height: .7rem;}
.page-toper .t span { display: block; height: .7rem; padding-top: 0.36rem; padding-left: .7rem; min-width: 6.5rem; font-size: 0.34rem;  font-weight: bold; color: #FFF; line-height: 1;position: relative;z-index: 1}
.page-toper .t i{color: #d28701;font-size: 55.89px;font-weight: bold;text-transform: uppercase;font-style:italic;position: absolute;bottom: 0;left:0.15rem;line-height: 56px;}


body.bg2{background:url('../images/bg.jpg') no-repeat top right;}
.about_main{width:90%;margin:0 auto;}
.about1_tit{color: #4e4e4e;font-weight: bold;font-size: 25px;text-align: right;background: url('../images/en.png') no-repeat right bottom;padding-bottom: 0.25rem}
.about1_tit span{color: #ef8009}
.about1{padding-top: 0.6rem}
.about1 .index_r7_left{width:658px;margin-left:0;max-width:40%;float: left;margin-right: 5%} 
.about1 .index_r7_right {padding:0;font-size: 14px;color: #838383;line-height: 36px;float: none;width:100%;padding-right:5%}
.about1 .wrap_nr{padding: 0.65rem 0 0.8rem}

.about2_tit{width:100%;text-align: center;display: block;}


.about2_list li{width:22%;float: left;margin-right:4%}
.about2_pic{position:relative;width:100%;height:0;padding-top:140%;}
.about2_pic img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);max-width: 100%;max-height: 100%}
.about2_list li:nth-child(4n){margin-right: 0}



.hs_img{position:relative;width:100%;height:0;padding-top:140%;}
.hs_img img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);max-width: 100%;max-height: 100%}


.about2_list{padding: 0.35rem 0 0.7rem}
.about_more{display: block;width: 1.9rem;height:0.5rem;line-height: 0.5rem;text-align:center;font-size: 18px;color: #000000;border:1px solid #dadada;margin:0 auto;}
.about3 .about_more{color: #fff;border:1px solid #fff;}
.about3 .r9_nr{padding-bottom: 0.5rem}
.about3 .index-r9 {
    width: 100%;
    background: url(../images/r9_bg.jpg) no-repeat center center / cover;
    padding: 10% 0 10%;
}


.about4 .r10_nr{padding:1rem 0 0.6rem}
.about4{background: #f5f5f5 url('../images/r10_bg.jpg') no-repeat center bottom;padding-bottom: 0.6rem}
.about4_more{display: block;width: 1.9rem;height: 0.5rem;line-height: 0.5rem;text-align: center;color: #ffffff;font-size: 18px;background: #0372ba;margin:0 auto;}

.honor li{width:22%;float: left;margin-right:3%;margin-bottom: 0.1rem}
.honor li:nth-child(4n){margin-right: 0}
.honor_tit{text-align: center;font-size: 15px;color: #000000;margin:0.2rem 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.honor{padding-top: 0.7rem}

.page{text-align: center;padding: 0.7rem 0 1rem}
.page a{display: inline-block;height:35px;line-height:35px;padding: 0 20px;color: #000000;font-size: 16px;margin-right: 2px;}
.page a.pre_page{margin-right:7px}
.page a.pre_page{color: #000000;background: #e6e6e6;width:116px;}
.page a.next_page{color: #fff;background: #f36420;width:116px;}
.page a.select{color: #f36420}

.hs_tit{text-align: center;font-size: 32px;color: #000000}
.hs{padding-top: 0.65rem}
.hs_pics{padding:0.3rem 0 0.7rem}

.hs_pics{width: 760px;margin:0 auto;text-align: center;position: relative;}
.hs_pics .swiper-container{width: 586px;}

.hs_pics .swiper-button-prev{width:43px;height:104px;background:url('../images/left.jpg') no-repeat center;position:absolute;margin-top:-52px}
.hs_pics .swiper-button-next{width:43px;height:104px;background:url('../images/right.jpg') no-repeat center;position:absolute;margin-top:-52px}

.hs_pics .swiper-button-prev.swiper-button-disabled{background:url('../images/left2.png') no-repeat center;}
.hs_pics .swiper-button-next.swiper-button-disabled{background:url('../images/right2.png') no-repeat center;}

.hs_tj_tit{color: #000000;font-size: 18px;font-weight: bold;border-bottom: 1px solid #dadada;padding-bottom: 0.1rem}
.hs_tj_list{padding: 0.25rem 0 0.5rem}
.hs_tj_list li{width: 12%;float: left;margin-right: 2.66%}
.hs_tj_list li:nth-child(7n){margin-right: 0}
.hs_tj_list li .honor_tit{margin: 0.1rem 0}

.danye{width: 1616px;margin:0 auto;max-width:90%;padding-top: 0.85rem;padding-bottom: 0.5rem}
.zzrz_tit{text-align: center;padding-bottom: 0.3rem}

.contact_main{width: 1300px;margin:0 auto;}
.contact_top{text-align: center;padding: 72px 0 85px}
.contact_top li{text-align: center;float: left;font-size: 28.57px;color: #000000;}
.contact_top li .des{color: #444444;font-size:18px;margin-top:20px}
.contact_top li .icon{padding-bottom:85px;}
.contact_top li:nth-child(1) .icon{background: url('../images/htel.png') no-repeat center bottom;}
.contact_top li:nth-child(2) .icon{background: url('../images/web.png') no-repeat center bottom;}
.contact_top li:nth-child(3) .icon{background: url('../images/addr.png') no-repeat center bottom;}

.contact_top li:nth-child(1){width: 350px}
.contact_top li:nth-child(2){width: 400px;margin-left: 50px}
.contact_top li:nth-child(3){width: 500px;float: right;}


.message{padding-top:75px}
.message_tit{text-align: center;font-size: 36px;color: #000000;background: url('../images/l2.jpg') no-repeat center bottom;padding-bottom:30px;margin-bottom: 38px}
.message_nr{width: 100%;background: #f4f4f4;padding: 50px 0 60px}
.message_nr li{width: 612px;margin-bottom: 50px}
.message_nr li label{display: block;color: #000000;font-size: 18px;margin-bottom: 15px}
.message_nr li input{display: block;width: 100%;height: 60px;border:1px solid #e8e8e8;padding-left: 70px;padding-right: 10px;color: #333;}
.message_nr li input#lc_name{background:#fff url('../images/mes1.png') no-repeat center left 20px;}
.message_nr li input#lc_tel{background:#fff url('../images/mes2.png') no-repeat center left 20px;}
.message_nr li input#lc_email{background:#fff url('../images/mes3.png') no-repeat center left 20px;}
.message_nr li input#lc_title{background:#fff url('../images/mes4.png') no-repeat center left 20px;}
.message_nr li.contact_input2{width: 100%}
.message_nr li textarea#lc_content{width: 100%;height: 240px;border:1px solid #e8e8e8;padding:20px 30px;border:1px solid #e8e8e8;color: #333;}
.yzm{width: 280px;height: 50px;border:1px solid #e8e8e8;background:#fff;position: relative;float: left;}
.yzm input{display: block;width:180px;height:48px;border:0px;padding-left: 20px;font-size: 14px;color: #333;}
.yzm img{position: absolute;top:0px;right:1px;}
.subbtn{float: left;width: 170px;height: 50px;border:0px;background: #f36420;font-size: 20px;color: #fff;text-align: center;line-height: 50px;margin-left: 40px}
.message_bot{width: 490px;margin:0 auto;}
.message_nr li input#lc_name:focus{background: #157cbe url('../images/mes11.png') no-repeat center left 20px;color: #fff;}
.message_nr li input#lc_tel:focus{background: #157cbe url('../images/mes22.png') no-repeat center left 20px;color: #fff;}
.message_nr li input#lc_email:focus{background: #157cbe url('../images/mes33.png') no-repeat center left 20px;color: #fff;}
.message_nr li input#lc_title:focus{background: #157cbe url('../images/mes44.png') no-repeat center left 20px;color: #fff;}

.message_nr li textarea#lc_content:focus{background: #157cbe;color: #fff;}

.message_nr li textarea#lc_content:focus::placeholder{color: #fff;}

.message_nr li input::placeholder{color: #fff;}
.message_nr li textarea#lc_content::placeholder{color: #666;}


.banner2 img{display: block;width: 100%}

.type{text-align: center;padding: 0.5rem 0 0.45rem}
.type a{color: #000000;display: inline-block;font-size: 18px;padding: 0 20px;height: 0.35rem;line-height: 0.35rem;border-right: 1px solid #dadada;margin-bottom: 5px}
.type a:hover{background: #0372ba;color: #fff}

.news_main{width: 1560px;max-width: 90%;margin:0 auto;}
.news_left{width: 357px;float: left;max-width:28%}
.news_right{width:1065px;position: absolute;right: 0;top:50%;transform:translateY(-50%);max-width:70%}
.news_list li{padding: 0.35rem 0.4rem;border-bottom: 1px solid #dcdcdc;transition:all 1s;}
.news_list .news_li{position: relative;}

.news_list li .news_pic{position:relative;width:100%;height:0;padding-top:56%;}
.news_list li .news_pic img{position:absolute;top:0;left:0;width:100%;height:100%;}
.news_date{font-size: 22px;color: #7e7e7e}
.news_tit .news_bt{color: #000000;font-size: 22px;display: block;width: calc(100% - 180px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


.down{display: block;background: url('../images/down.png') no-repeat center right;padding-right: 0.4rem;height: 0.26rem;line-height: 0.26rem;width:130px;font-size: 16px;color: #0372ba}

.news_list li:hover{background: #eaeaea}



.news_tit{position: relative;line-height: 25px;margin-top: 0.05rem;padding-bottom: 0.23rem;}
.news_tit .down{position: absolute;right: 0;top:0;}
.news_line{width: 0.42rem;height: 0.03rem;background:#0372ba;display: none}
.news_jian{font-size: 14px;color: #626262;line-height: 24px;margin-top: 0.35rem;display: none;}

.news_list ul{padding-bottom: 0.55rem}

.news_list li:hover .news_line{display: block;}
.news_list li:hover .news_jian{display: block;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.prod_type{width: 1770px;margin:0.75rem auto 0.95rem;max-width:90%;position: relative;padding: 0 58px}

.prod_type .swiper-button-prev{width:35px;height:75px;background:url('../images/l.png') no-repeat center;position:absolute;margin-top:-37.5px;left:0;}
.prod_type .swiper-button-next{width:35px;height:75px;background:url('../images/r.png') no-repeat center;position:absolute;margin-top:-37.5px;right: 0}

.prod_type .swiper-button-prev.swiper-button-disabled{background:url('../images/l2.png') no-repeat center;}
.prod_type .swiper-button-next.swiper-button-disabled{background:url('../images/r2.png') no-repeat center;}


.type_pic{position:relative;width:100%;height:0;padding-top:115%;}
.type_pic img{position:absolute;top:0;left:0;width:100%;height:100%;}

.prod_type .swiper-slide .type_bg{
    position: absolute;
    padding-bottom: 100%;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: url(../images/a.png) no-repeat 50% 100% / 100% auto;
}

.prod_type .swiper-slide:hover .type_bg{
    position: absolute;
    padding-bottom: 100%;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: url(../images/a1.png) no-repeat 50% 100% / 100% auto;
    display: none;
}

.prod_type .swiper-slide.active .type_bg{
    position: absolute;
    padding-bottom: 100%;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: url(../images/a1.png) no-repeat 50% 100% / 100% auto;
}


.type_tit{
  position: absolute;
  bottom: 0;
  width: calc(100% - 0.3rem);
  color: #FFF;
  padding: 0.1rem 0 0.15rem;
  border-left: 0.02rem solid #ef6e31;
  margin-bottom: 0.5rem;
  margin-left: .3rem;
  padding-left: .2rem;
}

.type_tit p{font-size: 0.24rem;line-height:1;font-weight: bold;margin-bottom: 0.15rem}
.type_tit span{font-size: 13px;}

.prod_type .swiper-slide:hover .type_tit{border-left: 0.02rem solid #fff;}

.prod_list{width: 1700px;margin:0 auto;max-width:90%;}
.prod_list li{width:30%;float: left;margin-right:5%}
.prod_list li:nth-child(3n){margin-right: 0}

.prod_tit{background: #f1f1f1;color: #000000;font-size: 18px;line-height: 0.64rem;line-height: 0.64rem;text-align: center;padding: 0 10px}
.prod_tit span{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.prod_list li{margin-bottom: 0.45rem;position: relative;overflow: hidden;}

.prod_bg{position: absolute;bottom:-100%;left:0;width: 100%;height:0;background: #000;opacity: 0.7;filter:Alpha(opacity=70);-moz-opacity:0.7;-ms-opacity:0.7;-webkit-opacity:0.7;padding: 10%;transition:all 0.3s;}

.prod_bt{text-align: center;font-size: 29px;font-weight: bold;color: #fff;margin-bottom: 0.15rem;border-bottom: 1px solid #adadad;}
.prod_jian{font-size: 14px;color: #ffffff;line-height: 34px;margin: 0.2rem 0;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.prod_bg .more{display: block;border:1px dashed #fff;width: 178px;height: 40px;line-height: 40px;margin:0 auto;text-align: center;color: #fff;}
.prod_list li:hover .prod_bg{height: 100%;bottom:0%;}
.prod_list li:hover .prod_tit{opacity: 0}

/*.ps{width: 100%;background: url('../images/ps.jpg') no-repeat center top;min-height: 5.97rem;padding-top: 0.65rem}*/
/*.ps_tit{text-align: center;color: #fff;font-size: 0.68rem;line-height: 1;margin-top: 0.3rem;margin-bottom: 0.55rem}
.ps_key{text-align: center;color: #fff;font-size: 0.45rem;line-height: 1;}
.ps_pic{text-align: center;width: 100%;position: relative;}
.ps_main{width: 1068px;margin:0 auto;max-width: 90%}
.ps_nr{padding: 0.55rem 0 0.8rem;}
.ps_pic img{max-width:700px;}*/


.prod_pic{position:relative;width:100%;height:0;padding-top:64%;text-align: center;border:1px solid #e6e6e6;border-radius: 5px;border-bottom: 0}
/*.prod_pic img{position:absolute;top:0;left:0;width:100%;height:100%;}*/
.prod_pic img{height:100%;max-width: 100%;position:absolute;bottom:0;left:50%;transform:translateX(-50%);}

.ps_fenye{position: absolute;right:-340px;bottom: 0;text-align: left;color: #000000;font-size: 18px;width: 370px}
.ps_fenye a{color: #000000;}
.ps_fenye ul{width: 235px;margin:0 auto;}
.ps_fenye li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.ps_fenye .pp{background: url('../images/p.jpg') no-repeat center;position: absolute;left:0;display: block;width: 27px;height: 55px;line-height: 55px;display: block;}
.ps_fenye .pn{background: url('../images/n.jpg') no-repeat center;position: absolute;right: 0;display: block;width: 27px;height: 55px;line-height: 55px;display: block;}

.fenye{padding: 0.3rem 0 0.6rem;border-top: 1px solid #dadada;font-size: 18px;color: #000000;width: 1700px;max-width: 85%;margin:0 auto;}
.fenye a{color: #000}
.fenye li:hover a{color: #f36420}

.service_main{width: 1700px;max-width: 90%;margin:0 auto;position: relative;}
.ser_tit{font-size: 39px;font-weight: bold;color: #444444;text-align: center;padding-top: 0.55rem}

.ser1_tit{text-align: center;font-size: 36px;color: #ef9a01;font-weight: bold;}
.ser1_list{width: 100%;padding: 0.4rem 0 0.55rem}
.ser1_list li{float: left;float: left;width: 30%;margin-right: 5%}
.ser1_list li:nth-child(3n){margin-right: 0}
.ser1_nr{color: #444444;font-size: 14px;line-height: 32px;margin-top: 0.3rem;}

.ser1_nr{width:455px;max-width: 100%}

.service2{width: 100%;background:url('../images/ser2.jpg') no-repeat center;padding: 0.8rem 0 1rem}
.ser2_tit{text-align: center;color: #fff;font-weight: bold;font-size: 36px;margin-bottom: 1rem}

.ser2_list li{float: left;width: 21%;margin-right:5.3%;color: #fff;border:1px solid #8b96a1;padding:0.65rem 0.15rem 0.25rem;position: relative;}
.ser2_list li:nth-child(4n){margin-right: 0}
.ser2_bt{text-align: center;font-size: 24px;}
.ser2_nr{font-size: 14px;line-height: 30px;}
.ser2_list li .ser2_pic{position: absolute;top:0;left:50%;transform:translate(-50%,-50%);}

.service3{padding: 0.7rem 0 0.8rem}
.ser3_left{width: 44%}
/*.ser3_right{width: 53%;position: absolute;right: 0;top:50%;transform:translateY(calc(-50% - 0.1rem));}*/
.ser3_right{width: 53%;position: absolute;right: 0;top:50%;transform:translateY(-50%);margin-top: -0.1rem}

.ser3_right li{padding: 0.2rem 0;border-bottom: 1px solid #e5e5e5}
.ser3_tit{font-size: 24px;color: #000000;padding-top: 0.2rem}
.ser3_mid{font-size: 16px;color: #000000;line-height: 30px;margin-left: 0.7rem;padding-top: 0.18rem}
.ser3_pic{width: 208px;float: right;}

.ser4_tit{text-align: center;font-size: 36px;font-weight: bold;color: #ef9a01;margin-bottom: 0.65rem}

.ser4_list li{float: left;width: 22%;margin-right:4%}
.ser4_list li:nth-child(4n){margin-right: 0}

.ser4_pic{position:relative;width:100%;height:0;padding-top:63%;}
.ser4_pic img{position:absolute;top:0;left:0;width:100%;height:100%;}
.ser4_bt{font-size: 16px;color: #000000;background:url('../images/v.png') no-repeat center left 0.08rem;padding-left: 0.5rem;line-height: 0.35rem;margin-top:0.1rem}
.ser4_list ul{margin-bottom: 0.2rem}
.ser4_list{padding-bottom: 0.9rem}
.ser_more{display: block;width: 230px;height: 60px;border:1px solid #dadada;line-height: 60px;text-align: center;font-size: 20px;color: #000000;margin:0 auto;}

.video_list{width: 1436px;margin:0 auto;padding-top: 0.7rem;max-width:90%}

.video_show{width: 838px;margin:0 auto;padding-top: 50px;max-width: 80%}
/*视频*/
.video_pic{position:relative;width:100%;height:0;padding-top:60%;border-radius: 5px;overflow:hidden}
.video_pic video{position:absolute;top:0;left:0;width:100%;height:100%;}

.video_pic iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

.video_pic  img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;border-radius: 5px;
}
.video_pic i{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/play2.png) no-repeat center;
    background-color: 
    rgba(0, 0, 0, 0.5);
    z-index: 1;
    background-size:100px;border-radius: 5px;cursor: pointer;
}

.error_tit{text-align: center;color: #ef9a01;font-weight: bold;font-size: 36px;padding-top: 0.6rem;margin-bottom: 0.25rem}
.error_type{text-align: center;}
.error_type a{font-size: 16px;color: #444444;display: inline-block;margin:0 20px;}
.error_list{width: 100%;background: #f4f4f4;padding-top: 0.4rem;margin-top: 0.5rem}
.error_main{width: 1600px;max-width: 90%;margin:0 auto;position: relative;}

.error{background: #fff}
.error_list li{float: left;width:20%;margin-right:6.66%;text-align: center;margin-bottom: 0.4rem}
.error_list li:nth-child(4n){margin-right: 0}
.error_bt{font-size:19px;font-weight: bold;color: #444444;margin:0.15rem 0 0.2rem}

.error_pic{position:relative;width:100%;height:0;padding-top:144%;}
.error_pic img{position:absolute;top:0;left:0;width:100%;height:100%;}

.error_btn a{height: 38px;line-height: 38px;max-width:45%;text-align: center;font-size: 19px;border-radius: 5px;width: 130px}

.error_btn a.download{-webkit-transition: all 0.7s ease-out;transition: all 0.7s ease-out;background: -webkit-linear-gradient(180deg, #f36420, #f36420, transparent, transparent);background-position: 1% 50%;background-size: 300% 300%;}
.error_btn a.download:hover{color:#fff;border:1px solid #f36420;background-position: 99% 50%;}

/*.error_btn a.preview{-webkit-transition: all 0.7s ease-out;transition: all 0.7s ease-out;background: -webkit-linear-gradient(180deg, #0372ba, #0372ba, #f36420, #f36420);background-position: 99% 50%;background-size: 300% 300%;}
.error_btn a.preview:hover{color: #fff;background-position:1% 50%;}*/

.error_btn a.preview{-webkit-transition: all 0.7s ease-out;transition: all 0.7s ease-out;background:#0372ba}
.error_btn a.preview:hover{color: #fff;background:#f36420;}

.error_btn{width: 287px;margin:0 auto;max-width: 100%}
.error_btn a.download{border:1px solid #cdcdcd;color: #444444;float: left;}
.error_btn a.preview{color: #fff;float: right;}
a.zx:hover, a.zx:focus {
    text-decoration: none;
    color: #fff;
}

.error_list li:hover .error_bt{color: #ef9a01;}
.gengduo {text-align:center;overflow:hidden;position:relative;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease}
.gengduo i{position:relative;z-index:2}
.gengduo:after{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;content:"";position:absolute;left:50%;top:0;width:0;height:110%;background:#f36420;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease}
.gengduo:hover:after{width:100%}
.gengduo:hover i{color: #fff}

.gengduo2 {text-align:center;overflow:hidden;position:relative;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease}
.gengduo2 i{position:relative;z-index:2}
.gengduo2:after{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;content:"";position:absolute;left:50%;top:0;width:0;height:110%;background:#fff;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease}
.gengduo2:hover:after{width:100%}
.gengduo2:hover i{color: #f36420}

.honor li:hover .honor_tit{color:#f36420}
.hs_tj_list li:hover .honor_tit{color:#f36420}


.honor li .about2_pic{position: relative;overflow: hidden;}
.honor li .about2_pic img{transition:all 0.8s;-webkit-transition:all 0.8s;}
.honor li:hover .about2_pic img{transform:scale(1.02) translate(-50%, -50%);}

.hs_tj_list li .about2_pic{position: relative;overflow: hidden;}
.hs_tj_list li .about2_pic img{transition:all 0.8s;-webkit-transition:all 0.8s;}
.hs_tj_list li:hover .about2_pic img{transform:scale(1.02) translate(-50%, -50%);}


.about2_list li .about2_pic{position: relative;overflow: hidden;}
.about2_list li .about2_pic img{transition:all 0.8s;-webkit-transition:all 0.8s;}
.about2_list li:hover .about2_pic img{transform:scale(1.02) translate(-50%, -50%);}


.prod_bg .more {
  cursor:pointer;
  box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
  text-shadow: none;
  -webkit-transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
          transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
}

.prod_bg .more:hover {
  border:1px solid #fff;
  box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);
  text-shadow: 1px 1px 2px #427388;
}

.news_list li{transition: all 0.5s;}
.news_list li:hover{box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.3);box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);}
.news_list li:hover .news_bt{color: #0372ba}

.news_list li a:hover, .news_list li a:focus{color: #f36420}


.zx{overflow: hidden;border-radius: 5px;
  cursor:pointer;
  box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
  text-shadow: none;
  -webkit-transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
          transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
}

.zx:hover {
  box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);
  text-shadow: 1px 1px 2px #427388;

}
.brand{padding: 0.85rem 0;background: #fff}
.brand img{width: 100%}

.ser4_list li{margin-bottom: 0.4rem}

.ser4_list li:hover .ser4_bt{color: #f36420}
.prod_bt span{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.ser4_bt span{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}

.ps_con{text-align: center;padding-bottom: 0.5rem}

.error_type a:hover,.error_type a.active{color: #ef9a01}
@media (max-width:1680px) {
  .prod_jian{-webkit-line-clamp:3;}
  .ser3_right li {padding: 0.12rem 0;}
  .prod_bt{font-size: 25px;}
  .ps_fenye{display: none}
}

@media (max-width:1440px) {
  .prod_bg .more{width: 150px;}
  .news_date,.news_tit .news_bt{font-size:20px;}
  .ser_tit{font-size: 30px;}
  .ser1_tit{font-size: 28px;}
  .ps_key{font-size: 0.4rem;}
  .ps_tit{font-size: 0.5rem;}
  .news_list li {padding: 0.25rem;}
  .type_tit p{font-size: 0.22rem;}
  .ser3_mid{margin-left: 0.3rem}
  .ser3_tit{font-size: 0.2rem;}
  .news_right{max-width: 68%}
  .contact_main{max-width: 90%}
  .message_nr li{max-width: 48%}
  .message_nr li.contact_input2{max-width: 100%}
  .contact_top li:nth-child(1){width: 30%}
  .contact_top li:nth-child(2){width: 30%;margin-left: 0}
  .contact_top li:nth-child(3){width: 40%;float: right;}

  .about2_tit img{height: 1.4rem}
  .about4 .about2_tit img{height:0.9rem}
  .about_more {width: 1.6rem;height: 0.45rem;line-height: 0.45rem;}
  .zzrz_tit img{height: 0.95rem}

  .ser_more {width: 1.8rem;height: 0.5rem;line-height: 0.5rem;font-size: 18px;}
  .ser2_tit{font-size: 32px;margin-bottom: 0.6rem}
  .ser4_tit {
      font-size: 32px;
      margin-bottom: 0.4rem;
  }
  .error_tit{font-size: 32px;}
  .error_btn a{font-size: 16px;}

  .video_pic i {
      background: url(../images/play2.png) no-repeat center;
      background-size:60px;
     background-color: rgba(0, 0, 0, 0.5);

  }
}

@media (max-width:1366px) {
  .type_tit p{font-size: 0.2rem;}
  .prod_tit{font-size: 16px;line-height: 2.5;}
  .prod_bt{font-size: 22px;}
  .news_date, .news_tit .news_bt{font-size: 18px;}
  .index-r5 .wrap-desc .t{height: 1.25rem}
}

@media (max-width:1350px) {
  .ser3_mid{display: none}
}

@media (max-width:1250px) {
  .bot2_mid{display: none}
  .bot2 .main{max-width: 90%}
  .index-r4 .wrap-desc .t{height:0.45rem}
  .r8_li1 {margin-bottom: 0.2rem;}
  .r10_nr {width:90%;padding-left: 2.5%;}
  .index-r10 {padding-bottom: 0.6rem;}
  .bot2_top{display: none}
  .bot2 {padding: 0;}
  .bot2_bot{border:0;}
  .index-r6 .wrap-img{height: 5.5rem}
  .index-r5 .wrap-img .im-1{height: 5rem}
  .index-r6 .wrap-desc{padding-top: 0}
  .r8_right .r8_li1{display: none}
  .r8_left{max-width: 100%;float:none;width: 100%}
  .r8_right{max-width: 100%;float:none;width: 100%}
  .index-r6 .wrap-desc .t2{margin-top: 0.15rem}
  .r10_nr ul{height: 4rem}
  .page {padding: 0.4rem 0 0.5rem;}
  .ser3_right li{padding: 0;border:0;}

  .index-r2 .im-1{height: 6rem}
  .index-r3 .wrap-desc .sells i{font-size: 0.7rem;}
  .honor_tit{margin:0;line-height: 2.5;}
  .type_tit {margin-bottom: 0.4rem;}

  .news_list li:hover .news_line{display: none;}
  .news_list li:hover .news_jian{display: none;}
  .error_bt{font-size: 16px;font-weight: normal;}
}


.ps_con_3g{display: none}
@media (max-width: 828px) {
   .index-r4 .wrap-desc{width: 100%}
  .ps_con_3g{display: block;}
  .ps_con_pc{display: none}
  .h_logo{position:absolute;left:5%;top: .05rem;}
  .h_logo a{display: block;}
   .index-r4 { margin-top: -1.95rem;background: url('../images/index-r4-3g.png') no-repeat no-repeat 0 0 / cover ; }
   .index-r4 .wrap-desc, .index-r4 .wrap-img { width: 100%; float: none; padding: 0; text-align: center;}
   .index-r4 .wrap-desc { margin: 1.4rem auto 0; padding-top: 2.4rem; background: url(../images/2018120501.png) no-repeat 50% 0 / auto 2rem; width: 85%}
   .index-r4 .wrap-desc .t { background-position: 50% 50%; }
   .index-r4 .wrap-img .vl1 { height: 1.0rem; margin-bottom: 0;}
   .index-r4 .wrap-img .vl2 { height: 1.5rem; padding-left: 0; }
   .index-r4 .wrap-img .i + .i { margin-left: 0; }
   .index-r4 .wrap-img .im-1 { width: 25%; height: 100%; }
   .index-r4 .wrap-img .im-2 { width: 25%; height: 100%; margin: 0;}
   .index-r4 .wrap-img .im-3 { width: 25%; height: 100%; margin: 0;}
   .index-r4 .wrap-img .im-4 { width: 25%; height: 100%; margin: 0;}
   .index-r4 .wrap-img .im-5 { width: 100%; height: 100%; }

   .wrap-pic{width:80%;position:static;margin:0 auto;height: 5.5rem}
   .index-r4 .wrap-desc .t2 {margin: .2rem 0;}
   
}
@media (max-width: 828px) {
   .index-r5 .wrap-desc, .index-r5 .wrap-img { width: 100%; float: none; text-align: center;}
   .index-r5 .wrap-desc { padding-top: .3rem; padding-left: 0; }
   .index-r5 .wrap-desc .t { background-position: 50% 50%; width: 90%;margin:0 auto;background: url(../images/index-r5-t.png) no-repeat center;background-size: 100%}
   .list-red > p { background: transparent; }
   .index-r5 .wrap-img, .index-r5 .wrap-img .im-1 { height: 0; padding-bottom: 100%; }
   .index-r5 .wrap-img .im-1 { background-position:center center; background-size: auto 3rem; }
   .index-r5 .wrap-desc{margin-top: 0}



}

@media (max-width: 828px) {
   .index-r6 {padding-top: 1.5rem; background: url(../images/index-r6-3g.png) no-repeat center top / cover;margin-top: -1.5rem;}
   .index-r6 .in { padding: 0 0.05rem;}
   .index-r6 .wrap-desc { width: 100%; float: none; padding: 0; text-align: center;}
   .index-r6 .wrap-desc .t { background-size: 90% auto; background-position: 50% 50%; }
   .index-r6 .wrap-img{height: 3.5rem;background-position:center center;background-repeat: no-repeat;background-size: contain;width:80%;margin:0 auto;float: none}
   .index-r6 .wrap-desc .t2{margin-top: 0}
   .index-r6 .btn{float: right;}

}

@media (max-width: 828px) {
   .index-r7 { margin-top:0rem; width: 90%;margin:0 auto;}
   .index-r7 .wrap-desc{padding-right: 0}
   .index-r7 .wrap-desc img { max-width: 90%; }
  
   .index-r7 .wrap-img { padding-bottom: 1.2rem; }
   .index-r7 .wrap-img .i { width: 50%; }
   .index-r7 .wrap_nr{padding: 0.2rem 0}
   .index_r7_left{width: 100%;float: none;margin-left:0;max-width: 100%}
   .index_r7_right{width: 100%;max-width: 100%;float: none;padding: 0}
   .r8_r_info {padding: 0.15rem;}
}
/* footer-menu */
.footer{ display: none; }

.foot_bq{width: 94%;margin:0 auto;text-align: center;padding-top: 10px;font-size: 13px;color: #555}
.foot_bq a{color: #555}
@media (max-width: 828px) {
  .bot{display: none}
  .h50{height: .5rem; }
  .footer{display: block;}
   .footer-m {position: fixed; bottom: 0; left: 0; z-index: 1000; width: 100%; height: .5rem; background-color: #FFF;}
   .footer-m .f-logo { width: 0.96rem; height: .5rem; position: absolute; bottom: 0rem; left: .1rem; background: url("../images/logo.png") no-repeat 50% 50% / contain; }
   .footer-m .top-contact { float: left; padding-left: .7rem; padding-right: .46rem; }
   .footer-m .top-contact .c { padding: .1rem; width: auto;}
   .footer-m .top-contact .ax-qrcode { background: url(../images/ico-wechat-2.png) no-repeat 50% 50% / auto 0.24rem; }
   .footer-m .top-contact .phone { color: #3e3e3e; background: url(../images/ico-tel-2.png) no-repeat 0.12rem 50% / auto 0.24rem; border-left: 1px solid rgba(0,0,0,0.5);font-size: 0.2rem;font-family:Impact;line-height: 0.3rem;}
   .resp-menu-tog { display: block; width: .5rem; height: .5rem; background: #0372ba url("../images/footer-nav-btn.png") no-repeat 50% 50% / .3rem auto; position: absolute; right: 0; top: 0; line-height: 900.0rem; overflow: hidden; }
}

@media (max-width: 828px) {
   .page-toper { height: .5rem; background: #023894; padding-left: 0;}
   .page-toper .t span { height: .5rem; padding-left: .1rem; padding-top: 0.16rem; font-size: 0.22rem; min-width: 50%;max-width: 100%}
   .page-toper .t i{font-size: 0.22rem;}
   .page-toper .t{float: none;height: .5rem;}
}
.about4_3g{display: none;}
.index-r9_3g{display: none}
.danye_nr_3g{display: none;}
.prod_type_3g{display: none}
.brand_3g{display: none}
.banner2_3g{display: none;}
.ser2_list_3g{display: none;}
@media (max-width: 828px) {
  .about1 {padding-top: 0.2rem;}
  .about1_tit {padding-bottom: 0.1rem;}
  .about1 .wrap_nr {padding: 0.2rem 0;}
  .about1 .index_r7_left{max-width: 100%;width: 100%;float: none;margin-right: 0;margin-bottom: 0.1rem}
  .video_t{display: none;}
  .about2_tit img{height: 0.9rem}
  .about2_list {padding:30px 0 40px;}
  .about_more {width: 135px;height: 40px;line-height: 40px;font-size: 15px;}
  .about1 .index_r7_right{padding-right: 0}
  .index-r9{display: none}
  .index-r9_3g {display: block;width: 100%;background: url(../images/r9_bg_3g.jpg) no-repeat center center;padding: 0.3rem 0 0.5rem;background-size: 100% 100%;}
  .about2{padding-bottom: 0.2rem}
  .his_3g ul.his_ul {margin-bottom:0.25rem;border-left: 1px solid #fff;margin-left: 13px;}
  .his_3g li.his_li{padding:0 0 15px 20px;position: relative;}
  .his_3g .event{display: block;font-size:13px;color: #fff;line-height:1.7;}
  .his_3g .year{color: #fff;font-size: 22px;font-family: Impact;}
  .his_3g li.his_li span{display: block;width: 25px;height: 1px;background: #fff;position: absolute;top:15px;left:-17px;}
  
  .index-r9_3g .title p{color:#fff;background: url('../images/line2.png') no-repeat center bottom;}
  .index-r9_3g .title span{color: #fff}
  .index-r9_3g .title p{font-size:30px;margin-bottom: 5px}
  .index-r9_3g .title span{font-size:15px;}

  .about4 .about2_tit img{height: 0.5rem}
  .about4{padding: 0.2rem 0}
  .r10_nr {display: none}
  .r10_nr ul{height: auto}
  
  .about4_3g{width: 85%;margin:0 auto;height: 2rem;padding-top: 0.3rem;position: relative;display: block;}
  .about4_3g li:nth-child(4){position: absolute;top: 49%;left: 17%;}
  .about4_3g li:nth-child(5){position: absolute;top: 49%;left: 50%;}
  .about4_3g li{width: 33.3%;float: left;}
  .about4_3g li .r10_pic{ 
     width:68.9%;height:0;padding-top:68.9%;
     margin: 0px;
     text-align: center;
     transform: rotate(45deg);
     transform-origin: center center;
     -webkit-transform: rotate(45deg);
     -webkit-transform-origin: center center;
     background: #fff;
     overflow: hidden;
     -webkit-transition: all .3s;
     -o-transition: all .3s;
     transition: all .3s;
     overflow: hidden;
  }

  .about4_3g li .r10_pic img{
     transform: rotate(-45deg)  scale(1.4);
     transform-origin: center center;
     -webkit-transform: rotate(-45deg)  scale(1.4);
     -webkit-transform-origin: center center;
     position:absolute;top:0;left:0;width:100%;height:100%;
  }

  .about4_more{width: 150px;height: 40px;line-height: 40px;text-align: center;margin:20px auto 0;}
  .zzrz_tit img{height:0.5rem}
  .zzrz_tit {padding-bottom: 0.1rem}
  .danye {padding-top: 0.2rem;padding-bottom: 0.3rem;}

  .honor li{width: 32%;margin-right: 2%}
  .honor li:nth-child(4n) {margin-right: 2%}
  .honor li:nth-child(3n) {margin-right:0}
  .honor_tit{margin: 0;line-height: 2.5;}
  .honor{padding: 30px 0}
  .page{padding: 30px 0 40px;}
  .hs {padding-top:30px;}

  .hs_tj_list li:nth-child(5),.hs_tj_list li:nth-child(6),.hs_tj_list li:nth-child(7){display: none;}
  .hs_tj_list li {width: 23%;margin-right: 2.66%;}
  .hs_tj_list li:nth-child(4) {margin-right:0;}
  .hs_pics{max-width: 85%;padding: 0.1rem 0 0.2rem;}
  .hs_pics .swiper-container{width: calc(100% - 140px)}
  .hs_tit{font-size: 22px;}
  .hs_tj_list {padding: 0.2rem 0 0.2rem;}
  .prod_list li:hover .prod_bg{display:none}
  .prod_tit{line-height: 2.5;}
  .prod_list li:hover .prod_tit{opacity:1}
  .type_tit {width: calc(100% - 20px);color: #FFF;padding:0;border-left:2px solid #ef6e31;margin-bottom: 0.5rem;margin-left:10px;padding-left: 10px;}
  .type_tit p{font-size: 18px;margin-bottom:0px}
  .type_tit{margin-bottom:0.18rem;}
  .prod_type {margin: 0.25rem auto;}
  .prod_type .swiper-slide:hover .type_tit {border-left: 2px solid #fff;}
  body.bg2{background: #fff}
  /*.prod_pic {width: 100%;padding-top: 100%;}*/
  .prod_list li{margin-bottom: 20px}
  .fenye {
      padding:25px 0;
      font-size: 16px;
      max-width: 90%;
      margin: 0 auto;
  }
  .type {padding:20px 0 25px;}
  .news_list li {padding:10px;}
  .news_date{display: none;}
  .news_tit .down{position: static;display: block;color: #7e7e7e;width:130px;padding-right: 0.2rem;background: url(../images/down.png) no-repeat center right;background-size: auto 22px}
  .news_tit .down a{color: #7e7e7e;}
  .news_tit{padding-bottom: 0}
  .news_tit .news_bt{width: 100%;}
  .type a {
      font-size: 16px;
      padding: 0 10px;
      height: 30px;
      line-height: 30px;
  }
  .news_list ul {padding-bottom:20px;}
  .ser_more{width: 150px;height: 40px;line-height: 40px;text-align: center;font-size: 16px;}
  .ser4_list li{width: 48%;margin-right: 0;margin-bottom: 20px}
  .ser4_list li:nth-child(2n){float: right;}
  .ser4_bt{margin-top: 0;line-height: 2;padding-left:28px;background: url('../images/v.png') no-repeat center left 0;background-size: 20px}
  .ser4_list{padding-bottom: 30px}
  .ser4_tit{margin-bottom: 20px}
  .video_list{padding-top: 30px;padding-bottom: 0}
  .ser4_list ul{margin-bottom: 0}
  .index-r10 .title{padding-bottom: 0.2rem}
  .index-r10 {padding:0.3rem 0;}
  .time {width:0.85rem;height:0.85rem;padding-top: 0.12rem;}
  .r8_li1 .r8_r {width: calc(100% - 1rem);}
  .r8_li1 .r8_r span{display: none}
  .about4_3g{margin-left:12%}
  .index-r7 .wrap-desc .t1 img{height: 0.4rem}
  .index-r7 .wrap-desc .t2{padding-top: 0.1rem}

  .message_nr li{max-width: 100%;width: 100%}
  .ser_tit{padding-top:0.2rem;}
  .ser1_tit{font-size: 22px;}
  .ser1_list {padding: 0.2rem 0 0.25rem;}
  .ser1_list li{float: none;width: 100%;margin-right: 0;margin-bottom: 0.15rem}
  .ser1_nr{margin-top: 0;width: 100%;max-width: 100%}
  .ser1_list li .ser1_pic{width: 100%;text-align: center;}
  .ser1_list li .ser1_pic img{width: 100%}

  .ser2_list li{width: 48%;margin-right: 0;margin-bottom: 0.4rem;padding: 0.4rem 0.1rem 0.2rem;height: 1.45rem}
  .ser2_list li:nth-child(2n){float: right;}
  .service2 {background: url('../images/ser2_3g.jpg') no-repeat center;padding:0.2rem 0 0.3rem;background-size: cover}
  .ser2_tit {font-size:28px;margin-bottom: 0.35rem;}
  .ser3_left{width: 100%}
  .ser3_right{width: 100%;position: static;transform: translateY(0);}
  .service3 {padding: 0.2rem 0;}
  .r8_li2 .r8_r_jian{color: #fff}
  .r8_li2 .r8_r_jian a{color: #fff}
  .r8_r_tit{margin-bottom: 0}
  .ps_con{padding-bottom: 0.3rem}
  .ser3_right li{position: relative;margin-bottom: 0.1rem}
  .ser3_tit{font-size:28px; padding-top: 0;position: absolute;top:50%;left:0;transform:translateY(-50%);}

  .contact_top{padding:30px 0;}
  .contact_top li .des{font-size: 14px;}
  .contact_top li{font-size: 22px;}
  .message{padding-top: 25px}
  .message_tit {font-size: 25px;background: url('../images/l2.jpg') no-repeat center bottom;padding-bottom: 15px;margin-bottom:20px;}
  .message_nr li.contact_input2{font-size:18px;}
  .message_nr li{margin-bottom: 15px}
  .message_nr li label{margin-bottom: 10px}
  .page a{padding: 0 10px}
  .page a.pre_page,.page a.next_page{width: auto;padding: 0 10px}
  .danye_nr{display: none}
  .danye_nr_3g{display: block;}
  .danye{max-width: 100%}
  .zzrz_tit img{height: 0.7rem}
  .danye_nr{max-width: 94%;margin:0 auto;font-size: 14px;}

  .prod_type_3g{display: block;}
  .prod_type{display: none}
  .brand{display: none}
  .brand_3g{display: block;text-align: center;}
  .banner2{display: none}
  .banner2_3g{display: block;}
  .banner2_3g img{width: 100%}
  .error_tit{font-size: 22px;padding-top:25px;margin-bottom:10px}
  .error_list {padding-top:20px;margin-top:20px;}
  .error_list li{width: 48%;margin-right: 0;margin-bottom:10px;}
  .error_list li:nth-child(2n){float: right;}
  .error_bt {font-size:14px;font-weight: normal;line-height: 2.5;margin:0;}
  .error_btn a{max-width: 48%;height: 30px;line-height: 30px;font-size: 13px;}
  .error_type a{font-size: 14px;}
  
  .ser2_list{display: none}
  .ser2_list_3g{position: relative;display: block;width: 94%;margin:0 auto;}
  .ser2_3g_pic{text-align: center;}
  .ser2_3g_bt{text-align: center;color: #fff;font-size: 15px;margin:5px auto;}
  .ser2_3g_nr{font-size: 13px;line-height: 2;color: #fff;text-align: center;}
  .ser2_tit{font-size: 22px;margin-bottom:20px}
  .ser2_list_3g .swiper-button-prev{width:30px;height:64px;background:url('../images/l2.png') no-repeat center;position:absolute;margin-top:-45px;left:0;border-radius:4px}
  .ser2_list_3g .swiper-button-next{width:30px;height:64px;background:url('../images/r2.png') no-repeat center;position:absolute;margin-top:-45px;right: 0;border-radius:4px}

  .footer .ax-qrcode .pop2 {position: absolute; top: -90px; left: -100%;display: none}



}


@media (max-width: 828px) {
   .menu-open .ani-start .ani-logo .t1{
      width: 90%;
          height: 40%;
          background: url(../images/elogo.png) no-repeat left center;
          background-size:auto 37px;
          top: 15%;
          left: 5%;
          -webkit-animation: bounceIn .6s ease-out .2s both;
          animation: bounceIn .6s ease-out .2s both;
   }
   .menu-open .ani-start .ani-logo .t2 {
       width: 90%;
       height: 40%;
       background: url(../images/clogo.png) no-repeat left top;
       background-size:auto 37px;
       top: 56%;
       left: 5%;
       -webkit-animation: logo-t2 1.5s ease-in-out 0.5s both;
       animation: logo-t2 1.5s ease-in-out 0.5s both;
   }
   .index_r7_right{margin-top: 10px}
   .r8_r_jian{display: none}
   .r8_li1 .r8_r .r8_r_btn {
       color: #747474;
       margin-top: 0.08rem;
       display: block;
   }
   .prod_list{
     min-height: 370px;}
}

.contact_top_3g{display: none;}

@media (max-width: 600px) {
  .hs_pics .swiper-button-prev{width:30px;height:66px;background:url('../images/left.jpg') no-repeat center;position:absolute;margin-top:-33px;background-size: 100%}
  .hs_pics .swiper-button-next{width:30px;height:66px;background:url('../images/right.jpg') no-repeat center;position:absolute;margin-top:-33px;background-size: 100%}
  .contact_top{display: none;}
  .contact_top_3g{display: block;}
  .contact_top_3g {font-size: 14px;color: #444444;line-height: 2;padding: 15px 0;width: 94%;margin: 0 auto;}
  .contact_main{max-width: 94%}
  .about_main{max-width: 94%}
  .about1_tit{font-size:18px;}
  .index-r5 .wrap-img .im-1 {background-position: center center;background-size: auto 3.5rem;}
  .index_r7_right{font-size: 14px;}
  .r8_r_tit{font-size: 15px;}

  .h_logo{top: 7px}
  .h_logo img{height: 28px}
  .index-r4 .wrap-img {margin-top: -0.4rem;}
  .menu-open .ani-start .ani-logo .t1{
     width: 90%;
         height: 40%;
         background: url(../images/elogo.png) no-repeat 50% 50% / contain;
         top: 15%;
         left: 5%;
         -webkit-animation: bounceIn .6s ease-out .2s both;
         animation: bounceIn .6s ease-out .2s both;
  }
  .menu-open .ani-start .ani-logo .t2 {
      width: 90%;
      height: 40%;
      background: url(../images/clogo.png) no-repeat 0% 0% / contain;
      top: 56%;
      left: 5%;
      -webkit-animation: logo-t2 1.5s ease-in-out 0.5s both;
      animation: logo-t2 1.5s ease-in-out 0.5s both;
  }

  .time .y{font-size: 14px;}
  .time .d{font-size: 25px;}
  .time em{width: 0.65rem;}
  .time {padding-top: 0.1rem;}
  .fz28 {font-size: 18px;}
  .about4 {background: #f5f5f5 url(../images/r10_bg.jpg) no-repeat center bottom;padding-bottom: 0.6rem;background-size: 100%;}
  .about1_tit {
      background: url(../images/en.png) no-repeat right bottom;
      background-size: 100%;
      padding-bottom:15px;
  }
  .about2_list li {width: 32%;margin-right: 2%;} 
  .about2_list li:nth-child(3n) {margin-right:0}
  .about2_list li:nth-child(4){display: none;}
  .about2_tit img {height: 1.2rem;}
  .about2_list {padding: 25px 0;}
  .about_more,.about4_more{width: 120px;height: 35px;line-height: 35px;font-size: 15px;}
  .about1 .wrap_nr {padding:20px 0 10px;}
  .index-r9_3g {padding:35px 0 60px}
  .about4 .about2_tit img {
      height: 0.7rem;
  }
  .type a {
      font-size: 14px;
      padding: 0 5px;
      height: 22px;
      line-height: 22px;
  }
  .index-r8{padding-bottom: 10px}
  .type_tit {
      margin-bottom: 0.5rem;
  }

  .prod_list li{width: 48%;margin-right: 0;margin-bottom:15px}
  .prod_list li:nth-child(2n){float: right;}
  .page a{font-size: 14px;}
  .page {padding:25px 0;}
  .news_list ul{padding-bottom: 0}
  .news_list li {padding: 10px 0;}
  .news_left{max-width: 35%}
  .news_right {max-width: 62%;}
  .news_date, .news_tit .news_bt{font-size: 15px;line-height: 1.5;}
  .ser_tit{font-size: 22px;}
  .ser1_tit{font-size: 18px;}
  .ser2_bt{font-size: 18px;}
  .ser2_nr{font-size: 12px;line-height:1.8;}
  .ser2_list li {padding: 0.5rem 0.1rem 0.2rem;height: 2.8rem;margin-bottom:55px}
  

  .ser3_tit{font-size: 18px;}
  .ser3_pic{max-width: 50%}
  .ser4_tit{font-size: 22px;}
  .ser4_bt{font-size: 14px;}
  .video_pic i {background-size:50px;}

  .message_nr  li input{display: block;width:100%;height: 40px;line-height: 40px;border:0px;font-size: 14px;padding-left:35px;}
  .message_nr  li #lc_content{height: 100px;width: 100%;font-size:15px;border:0px;padding: 5px;}
  .message_nr  li input#lc_name{background:#fff url('../images/mes1.png') no-repeat center left 7px;background-size: auto 23px}
  .message_nr  li input#lc_tel{background:#fff url('../images/mes2.png') no-repeat center left 7px;background-size: auto 23px}
  .message_nr  li input#lc_email{background:#fff url('../images/mes3.png') no-repeat center left 7px;background-size: auto 18px}
  .message_nr  li input#lc_title{background:#fff url('../images/mes4.png') no-repeat center left 7px;background-size: auto 28px}
  .message_nr  li input.subbtn{background: #ecb737;color: #fff;font-size:18px;height: 40px;line-height: 40px;}
  .message_nr  li input#yzm{padding-left:7px}
  .message_nr li label{display: none;}
  .message_nr li{margin-bottom: 10px}
  .yzm{position: relative;width: 100%;height: 40px;    margin-bottom: 10px;}
  .yzm_pic{position: absolute;right: 5px;top:0px;height: 40px;}

  .message_nr li input#lc_name:focus{background: #157cbe url('../images/mes11.png') no-repeat center left 7px;color: #fff;background-size: auto 23px}
  .message_nr li input#lc_tel:focus{background: #157cbe url('../images/mes22.png') no-repeat center left 7px;color: #fff;background-size: auto 23px}
  .message_nr li input#lc_email:focus{background: #157cbe url('../images/mes33.png') no-repeat center left 7px;color: #fff;background-size: auto 18px}
  .message_nr li input#lc_title:focus{background: #157cbe url('../images/mes44.png') no-repeat center left 7px;color: #fff;background-size: auto 28px}
  .message_bot{width: 100%}
  .message_nr li textarea#lc_content{padding: 5px;height: 130px;font-size: 14px;}
  .message_nr li.contact_input2{height: 130px}
  .message_nr .yzm input{
      display: block;
      width: 100%;
      height: 40px;
      line-height: 40px;
      border: 0px;
      margin-bottom: 10px;
      font-size: 14px;
      padding-left:7px;
  }

  .message_tit {
      font-size: 22px;
      background: url(../images/l2.jpg) no-repeat center bottom;background-size: 30px 2px;
      padding-bottom:5px;
      margin-bottom:20px;
  }

  .message_nr input.subbtn {
      width: 100%;
      height: 45px;
      line-height: 45px;
      float: none;margin-left: 0;
      font-size: 18px;
  }



  .message_nr li input::placeholder{color: #666;}
  .message_nr li textarea#lc_content::placeholder{color: #666;}
  .message_nr li input:focus::placeholder{color: #fff;}
  .message_nr li input#lc_content:focus::placeholder{color: #fff;}
  .fenye{font-size: 14px;}
  .fenye li{margin-bottom: 5px}
  .video_show{padding-top: 30px}
  .menu ul li a {border-left: 4px solid transparent;}
  .news_tit .down{font-size: 14px;line-height: 2;width: 110px;margin-top: 5px}

}


.type a.active{background: #0372ba;color: #fff}

.brand_3g img,.brand img{display: block}

.bot2_bot_left a{color: #fff}

.video_hide{display: none}