.wrap img{ width:100%;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.ban{ position:relative;}
.ban img{ display:block; width:100%;}
.ban .swiper-pagination{ width:26.5625%!important; height:1.5rem; line-height:1.5rem; padding-top:0;  border-radius:2rem; background:#fff; margin-left:36%;}
.ban .swiper-pagination-bullet{ background:#d7d7d7; width:0.8rem; height:0.8rem; border-radius:0.8rem; opacity:1; margin:0.33rem 3.5%!important;}
.ban .swiper-pagination-bullet-active{ background:#0080df; background-size:100% 100%;}

nav{ background:url(/uploads/image/mi/nav_bg.gif); background-size:0.2rem 0.2rem; padding:2.3rem 0 1rem;}
nav em{ display:block; width:51.643%; margin:0 auto;}
nav em img{ display:block; width:100%;}
nav a{ display:block;width:33.33%;float:left; font-size:1.3rem; color:#666; text-align:center; line-height:3rem; margin-bottom:1.5rem;}

.g-yinz{ padding:3rem 0 0;}
.g-yinz h2{ text-align:center; font-weight:bold; color:#ec6e08; font-size:1.8rem;}
.g-yinz h2 em{ display:block; font-size:1.2rem; color:#666; background:url(/uploads/image/mi/went_h.png) no-repeat center center; background-size:100% 0.35rem; font-weight:normal;}
.g-yinz ul{ background:url(/uploads/image/mi/went_bg.jpg) no-repeat center bottom; background-size:100% auto; padding:11rem 0 13rem; margin-top:1.6rem; position:relative;}
.g-yinz li{ width:7.7rem; height:6.1rem; padding-top:1.5rem; text-align:center; font-size:1.6rem; color:#0060ba; background:url(/uploads/image/mi/went_bg.png) no-repeat; background-size:100% auto;}
.g-yinz li em{ display:block; font-size:1.2rem; font-family:"microsoft yahei"; color:#333;}
.g-yinz li:nth-child(1){ position:absolute; top:10.5rem; left:3%;}
.g-yinz li:nth-child(5){ position:absolute; top:10.5rem; right:3%;}
.g-yinz li:nth-child(3){ position:absolute; top:0; left:50%; margin-left:-3.5rem;}
.g-yinz li:nth-child(2){ position:absolute; top:2.8rem; left:10%;}
.g-yinz li:nth-child(4){ position:absolute; top:2.8rem; right:10%;}

.g-solve{ background:#ededed url(/uploads/image/mi/solve_bg.jpg) no-repeat center top; background-size:100% auto; padding:4.5rem 0 3.5rem;}
.g-solve h2{ text-align:center; font-size:0.7rem; font-family: arial; color:#fff; text-transform:uppercase;}
.g-solve h2 em{ display:block; font-size:1.7rem; color:#fff; font-family:"microsoft yahei"; background:url(/uploads/image/mi/solve_h.png) no-repeat center center; background-size:100% 0.35rem;}
.g-solve h2 i{ opacity:0.5;}
.g-solve h2 b{ color:#ec6e08;}
.g-solve ul{ padding:24rem 0 0 6.5%;}
.g-solve li{ width:21.09375%; height:9.6rem; padding-top:1rem; float:left; margin-right:3%; background:url(/uploads/image/mi/solve_bg1.png) no-repeat center top; background-size:100% auto; text-align:center; font-size:1.4rem; font-weight:bold; color:#333;}
.g-solve li em{ display:block; width:28.89%; margin:0 auto 1.5rem;}
.g-solve li em img{ display:block; width:100%;}
.g-solve li i{ display:block; font-size:1.2rem; font-weight:normal; padding-top:0.3rem; margin-top:0.5rem; position:relative; color:#666;}
.g-solve li i:before{ content:""; position:absolute; top:0; left:50%; width:1.35rem; height:1px; background:#666; margin-left:-0.675rem;}
.g-solve li:last-child{ margin-right:0;}

.g-pro{ margin:3.5rem 0;}
.g-pro h2{ text-align:center; font-size:0.7rem; text-transform:uppercase; color:#bcbcbc; font-family: arial;}
.g-pro h2 em{ display:block; font-size:1.8rem; color:#333; background:url(/uploads/image/mi/pro_h.png) no-repeat center center; background-size:100% 0.35rem; font-family:"microsoft yahei"; margin-bottom:0.5rem;}
.g-pro h2 b{ color:#0057cd;}
.g-pro p{ width:89.0625%; margin:1.7rem auto 1rem;}
.g-pro p a{ display:block; width:48.77%; height:3.5rem; background:#ededed; font-size:1.2rem; line-height:3.5rem; margin-bottom:0.65rem; color:#666;}
.g-pro p em{ display:block; width:2.05rem; height:1.75rem; float:left; padding:0.9rem 2% 0 10%;}
.g-pro p em img{ display:block; width:100%;}
.g-pro dl{width:89.0625%; margin:0 auto 1.8rem; background:#f7f7f7; border-bottom:3px solid #dfdfdf;}
.g-pro dt img{ display:block; width:100%;}
.g-pro dd{ padding:0.5rem 7% 1rem;}
.g-pro dd h3{ font-size:1.5rem; color:#0057cd; line-height:3rem; height:3rem; overflow:hidden; background:url(/uploads/image/mi/pro_line.gif) no-repeat left bottom; background-size:100% 0.15rem;}
.g-pro dd span{ display:block; font-size:1.1rem; line-height:2rem; color:#666; padding:1rem 0 0.2rem;}
.g-pro ul{width:89.0625%; margin:0 auto;}
.g-pro li{ width:46.84%; margin-bottom:1.8rem;}
.g-pro li img{ display:block; width:100%;}
.g-pro li em{ display:block; font-size:1.05rem; height:2.45rem; line-height:2.45rem; text-align:center; color:#fff; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; background:url(/uploads/image/mi/pro_bg.jpg) no-repeat center top; background-size:100% auto;}
.g-pro a:nth-child(2n-1) li,.g-pro p a:nth-child(2n-1){ float:left;}
.g-pro a:nth-child(2n) li,.g-pro p a:nth-child(2n){ float:right;}
.g-pro h5{width:56.0625%; margin:0 auto; height:3.6rem; background:#ededed url(/uploads/image/mi/pro_arr.png) no-repeat 66% center; background-size:1.05rem 1.05rem; font-size:1.1rem; line-height:3.6rem; color:#ec6e08; padding-left:33%;}

.g-cj{ background:url(/uploads/image/mi/cj_bg.jpg) no-repeat center top; background-size:100% auto; padding:3rem 0 4rem;}
.g-cj h2{ text-align:center; font-family: arial; text-transform:uppercase; font-size:0.7rem; color:#fff;}
.g-cj h2 em{ display:block; font-size:1.8rem; font-family:"microsoft yahei"; background:url(/uploads/image/mi/cj_h.png) no-repeat center center; background-size:100% 0.35rem; margin-bottom:0.3rem;}
.g-cj h2 i{ opacity:0.5;}
.tab1{width:89.0625%; margin:1.5rem auto; height:4rem; background:#fff;}
.tab1 a{ display:block; width:50%; height:4rem; float:left; line-height:4rem; text-align:center; font-size:1.5rem; color:#005aab;}
.tab1 .active{ color:#fff; font-weight:bold; background:#0871ff; position:relative;}
.tab1 .active:before{ content:""; position:absolute; top:4rem; left:50%; margin-left:-0.7rem; width:0; height:0; border-top:1rem solid #0871ff; border-left:0.8rem solid rgba(0,0,0,0);border-right:0.8rem solid rgba(0,0,0,0);}
.cj{width:89.0625%; margin:1.5rem auto 0; overflow:hidden;}
.g-cj h2 img{ display:block; width:100%;}
.g-cj ul{ background:#fff; padding:1.5rem 3%; margin-top:1.5rem; position:relative;}
.g-cj ul:before{ content:""; position:absolute; top:52%; left:6%; width:88%; height:1px; background:#ccc;}
.g-cj li{width:33.33%;float:left; height:7rem; padding-top:1.5rem; text-align:center; font-size:1.4rem; text-align:center; color:#666; position:relative;}
.g-cj li:before{ content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#ccc;}
.g-cj li span{ display:block; width:4rem; height:4rem; border-radius:4rem; border:1px solid #0c67bd; box-sizing:border-box; text-align:center; font-weight:bold; line-height:4rem; margin:0 auto 0.3rem; color:#0057cd;}
.g-cj li span i{ display:block; font-weight:normal; font-size:1rem;}
.g-cj .swiper-slide:nth-child(1) li:nth-child(3) span{ line-height:1.5rem; height:4rem; padding-top:0.5rem;}
.g-cj li span em{ font-size:0.83rem; font-weight:normal; white-space:nowrap;}
.g-cj .swiper-slide:nth-child(2) li span{line-height:1.5rem; height:4rem; font-size:1.2rem; padding-top:0.5rem;}
.g-cj .swiper-slide:nth-child(2) li span b{ display:block;}
.g-cj li:nth-child(3n):before{ background:none;}

.g-ys{ margin:3.2rem 0 0; position:relative; padding-bottom:3rem;}
.g-ys h2{ text-align:center; font-size:1.2rem; color:#666;}
.g-ys h2 em{ display:block; background:url(/uploads/image/mi/ys_h.png) no-repeat center center;background-size:100% 0.35rem; color:#333; font-size:1.8rem;} 
.g-ys h2 em b{ color:#0057cd;}
.tab2{ height:9.2rem; margin-top:1.3rem; text-align:center;}
.tab2 a{ display:block; width:25%; float:left; text-align:center; font-size:1.2rem; line-height:2.7rem; color:#333;}
.tab2 span{ display:block; width:63.125%; margin:0 auto; background:url(/uploads/image/mi/ys_bg1.png) no-repeat; background-size:100% auto;}
.tab2 span img{ display:block; width:100%;}
.tab2 .active span{background:url(/uploads/image/mi/ys_bg2.png) no-repeat; background-size:100% auto;}
.tab2 .active{ color:#ec6e08; font-weight:bold;}
.g-ys dl{ width:89.0625%; margin:0 auto;}
.g-ys dt img{ display:block; width:100%;}
.g-ys dt em{ display:block; height:3.2rem; font-size:1.4rem; line-height:3.2rem; text-align:center; color:#fff; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;/* permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0058d0 0,0062e8 49,0058ce 100 */
background: #0058d0; /* old browsers */
background: -moz-linear-gradient(top,  #0058d0 0%, #0062e8 49%, #0058ce 100%); /* ff3.6-15 */
background: -webkit-linear-gradient(top,  #0058d0 0%,#0062e8 49%,#0058ce 100%); /* chrome10-25,safari5.1-6 */
background: linear-gradient(to bottom,  #0058d0 0%,#0062e8 49%,#0058ce 100%); /* w3c, ie10 , ff16 , chrome26 , opera12 , safari7  */
filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#0058d0', endcolorstr='#0058ce',gradienttype=0 ); /* ie6-9 */}
.g-ys dd p{ font-size:1.3rem; line-height:1.8rem; margin-top:1rem; color:#666; padding-left:6%; background:url(/uploads/image/mi/ys_arr.png) no-repeat left 0.4rem; background-size:0.95rem 0.95rem;}
.g-ys .num{ background:url(/uploads/image/mi/ys_line2.png) no-repeat center center; background-size:100% 1.45rem; text-align:center; margin-top:0.8rem;}
.g-ys .num a{ font-size:1.8rem; color:#666; padding:0 2%; font-weight:bold;}
.g-ys .num .a1{ color:#ec6e08;}

.g-par{ background:#f6f6f6; padding:3.6rem 0 0;}
.g-par h2{ text-align:center; font-size:0.7rem; text-transform:uppercase; color:#666; font-family: arial;}
.g-par h2 em{ display:block; font-size:1.8rem; color:#333; background:url(/uploads/image/mi/ys_h.png) no-repeat center; voice-family:; background-size:100% 0.35rem; margin-bottom:0.3rem; font-family: "microsoft yahei";}
.g-par h2 em b{ color:#0057cd;}
.g-par h3 img{ display:block; width:100%; margin:2rem 0;}
.g-par h5{ font-size:1.1rem; height:3.5rem; line-height:3.5rem; color:#fff;background: #0058d0; /* old browsers */
background: -moz-linear-gradient(top,  #0058d0 0%, #0062e8 49%, #0058ce 100%); /* ff3.6-15 */
background: -webkit-linear-gradient(top,  #0058d0 0%,#0062e8 49%,#0058ce 100%); /* chrome10-25,safari5.1-6 */
background: linear-gradient(to bottom,  #0058d0 0%,#0062e8 49%,#0058ce 100%); /* w3c, ie10 , ff16 , chrome26 , opera12 , safari7  */
filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#0058d0', endcolorstr='#0058ce',gradienttype=0 ); /* ie6-9 */}
.g-par h5 em{ display:block; width:35.9375%; margin:0 auto; background:url(/uploads/image/mi/par_arr.png) no-repeat right center; background-size:1.05rem 1.05rem;}

.g-wit{ padding:3rem 0;}
.g-wit h2{ text-align:center; font-size:0.7rem; text-transform:uppercase; color:#666; font-family: arial;}
.g-wit h2 em{ display:block; font-size:1.8rem; color:#333; background:url(/uploads/image/mi/wit_h.png) no-repeat center; voice-family:; background-size:100% 0.35rem; margin-bottom:0.3rem; font-family: "microsoft yahei";}
.g-wit h2 em b{ color:#0057cd;}
.wit{margin:1.8rem 0 0; position:relative;}
.g-wit dl{ width:56.25%; margin:0 auto; padding:1.5rem 4% 2rem; background:url(/uploads/image/mi/wit_bg.gif) repeat-x center top; background-size:1px 26.1rem;}
.g-wit dt img{ display:block; width:100%;}
.g-wit dd h3{ font-size:1.1rem; color:#fff; text-align:center; font-weight:bold; padding-top:1rem;}
.g-wit dd h3 em{ display:block; font-weight:normal; line-height:2rem;}
.g-wit dd p{ font-size:1.1rem; line-height:1.5rem; color:#fff;}
.g-wit dd span{ display:block; width:50%; height:2rem; border-radius:1.2rem; background:#ec6e08 url(/uploads/image/mi/wit_arr.png) no-repeat 78% center; background-size:1.95rem 0.65rem; margin:1rem auto 0; font-size:1rem; line-height:2rem; color:#fff; padding-left:10%;}
.g-wit .next1{ width:3.8rem; height:20.1rem; overflow:hidden; position:absolute; top:15%; right:0; z-index:1; background:url(/uploads/image/mi/wit_r.gif) no-repeat; background-size:100% auto;}
.g-wit .prev1{ width:3.8rem; height:20.1rem; overflow:hidden; position:absolute; top:15%; left:0; z-index:1; background:url(/uploads/image/mi/wit_l.gif) no-repeat; background-size:100% auto;}


.g-about{ margin:2rem 0;}
.g-about h2{ text-align:center; font-size:1.2rem; color:#666;}
.g-about h2 em{ display:block; background:url(/uploads/image/mi/wit_h.png) no-repeat center center;background-size:100% 0.35rem; color:#333; font-size:1.8rem;} 
.g-about h2 em b{ color:#0057cd;}
.g-about dl{ width:89.0625%; margin:0 auto;}
.g-about dt img{ display:block; width:100%; margin-top:1.5rem;}
.g-about dd h3{ text-align:center; font-size:1.3rem; color:#333; padding:1.2rem 0 0 0;}
.g-about dd p{ font-size:1.1rem; line-height:2rem; color:#666; padding:0.5rem 0 0;padding-top:1rem;}
.g-about dd em{ color:#ec6e08; font-size:1.2rem;}

.g-new h2{ text-align:center; font-size:0.7rem; text-transform:uppercase; color:#666; font-family: arial;}
.g-new h2 em{ display:block; font-size:1.8rem; color:#333; background:url(/uploads/image/mi/dy_h.png) no-repeat center; voice-family:; background-size:100% 0.35rem; margin-bottom:0.3rem; font-family: "microsoft yahei";}
.g-new h2 em b{ color:#0057cd;}
.tabs2{ width:89.0625%; margin:1.7rem auto; border-radius:2rem; height:3.5rem;background: #0058d0; /* old browsers */
background: -moz-linear-gradient(top,  #0058d0 0%, #0062e8 49%, #0058ce 100%); /* ff3.6-15 */
background: -webkit-linear-gradient(top,  #0058d0 0%,#0062e8 49%,#0058ce 100%); /* chrome10-25,safari5.1-6 */
background: linear-gradient(to bottom,  #0058d0 0%,#0062e8 49%,#0058ce 100%); /* w3c, ie10 , ff16 , chrome26 , opera12 , safari7  */
filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#0058d0', endcolorstr='#0058ce',gradienttype=0 );overflow:hidden;}
.tabs2 a{ display:block; width:33.33%; height:3.5rem; float:left; line-height:3.5rem; font-size:1.2rem; color:#fff; line-height:3.5rem; text-align:center; border-right:1px solid rgba(255,255,255,0.5); box-sizing:border-box;}
.tabs2 a:last-child{ border:0;}
.tabs2 .active{/* permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f98e1c 0,ff9f2e 49,f98e1b 100 */
background: #f98e1c; /* old browsers */
background: -moz-linear-gradient(top,  #f98e1c 0%, #ff9f2e 49%, #f98e1b 100%); /* ff3.6-15 */
background: -webkit-linear-gradient(top,  #f98e1c 0%,#ff9f2e 49%,#f98e1b 100%); /* chrome10-25,safari5.1-6 */
background: linear-gradient(to bottom,  #f98e1c 0%,#ff9f2e 49%,#f98e1b 100%); /* w3c, ie10 , ff16 , chrome26 , opera12 , safari7  */
filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#f98e1c', endcolorstr='#f98e1b',gradienttype=0 ); /* ie6-9 */}
.new{ width:89.0625%; margin:0 auto; overflow:hidden;}
.new dl{ margin-bottom:1.8rem;}
.new dt{ width:35.96%; float:left;}
.new dt img{ display:block; width:100%;} 
.new dd{ width:61.4%; float:right;}
.new dd h3{ font-size:1.1rem; color:#333; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.new dd em{ display:block; font-size:1rem; color:#aaaaaa; font-weight:normal; padding-top:0.3rem;}
.new dd p{ font-size:1rem; line-height:1.5rem; color:#666; padding-top:0.4rem;}

/*������*/
.pageshare img{ display:block; width:0px; height:0px;}
.loading{position:fixed;width:100%;height:100%; top:0; background:url(/uploads/image/mi/loading.jpg) no-repeat;background-size:100% auto;display:none; max-width:640px; min-width:320px; z-index:99999;}

.homeshow{ animation: fade 0.8s ease both;-webkit-animation: fade 0.8s ease both; }
@-webkit-keyframes fade {
  from 
  {
   opacity:1;
   display:block;
   
  }

  to {
    opacity: 0;
    display:none;
    height:0;
   
  }
}

@keyframes fade {
  from{
    opacity: 1;
   display:block;
  }

  to 
  {
    display:none;
    opacity: 0;
    height:0;
  }
}

.fade {
  -webkit-animation-name: fade;
  animation-name: fade;
}

html {font-size:10px;}
@media screen and (min-width: 320px) {html {font-size: 10.625px;}}
@media screen and (min-width: 360px) {html {font-size: 11.875px;}}
@media screen and (min-width: 400px) {html {font-size: 13.125px;}}
@media screen and (min-width: 440px) {html {font-size: 14.375px;}}
@media screen and (min-width: 480px) {html {font-size: 15.625px;}}
@media screen and (min-width: 520px) {html {font-size: 16.875px;}}
@media screen and (min-width: 560px) {html {font-size: 18.125px;}}
@media screen and (min-width: 600px) {html {font-size: 19.375px;}}
@media screen and (min-width: 640px) {html {font-size: 20px;}}