/*-----------------------------------------------------------------------------------------------------------------------*/
.ban{ position:relative;}
.ban img{ display:block; width:100%;}
.ban .swiper-pagination{ bottom:1rem;}
.ban .swiper-pagination-bullet{ background:#005dd7; opacity:1; width:0.8rem; height:0.8rem;}
.ban .swiper-pagination-bullet-active{ background:#f7931e; border-radius:0.3rem; width:1.5rem;}

.tit{ text-align:center; font-weight:bold; color:#333; font-size:2rem;}
.tit em{ display:block; font-size:1.3rem; color:#666; position:relative; font-weight:normal; margin-top:0.5rem; padding-top:.5rem;}
.tit em:before,.tit i:before{ content:""; position:absolute; top:0; left:50%; width:1.6rem; height:1px; background:#b2b2b2; margin-left:-0.8rem;}
.tit i{display:block;font-size:0.7rem; color:#666; text-transform:uppercase; position:relative; font-weight:normal; margin-top:0.5rem; padding-top:.5rem;}

.g-pro{ padding:3rem 0;}
.fen{ padding:1.5rem 0 0 3.125%;}
.fen a{ display:block; width:31.46875%; height:3.6rem; background:#e0e0e0; float:left; overflow:hidden; margin:0 0.4rem 0.3rem 0; font-size:1.2rem; line-height:3.6rem; color:#333;}
.fen span{ display:block; width:1.7rem; height:1.9rem; float:left; margin:0.8rem 0.8rem 0 5%; position:relative;}
.fen span:before{ content:""; position:absolute; top:0.8rem; right:-0.4rem; width:0.25rem; height:0.25rem; border-radius:0.25rem; background:#333;}
.fen span img{ display:block; width:100%;}
.fen span i{ display:block; width:100%;}
.fen span b{ display:none;}
/*.fen a:hover{ color:#fff; background:#005dd7;}*/
/*.fen a:hover span i{ display:none;}*/
/*.fen a:hover span b{ display:block;}*/
/*.fen a:hover span:before{ background:#fff;}*/
.g-pro ul{width:93.75%; margin:0.8rem auto 0;}
.g-pro li{ width:48.83%; margin-bottom:0.5rem;}
.g-pro li img{ display:block; width:100%;}
.g-pro li em{ display:block;font-size:1.1rem; line-height:2.5rem; overflow:hidden; height:2.5rem; overflow:hidden;border-bottom:2px solid #e4e4e4; color:#555; background:url(../images/pro_jt.png) no-repeat right center; background-size:1rem 1rem;}
.g-pro a:nth-child(2n-1) li{ float:left;}
.g-pro a:nth-child(2n) li{ float:right;}

.g-proys{ background:url(../images/bg.gif); background-size:4px 4px; padding:3rem 0;}
.g-proys ul{ background:url(../images/proys_bg.gif) no-repeat center top; background-size:100% auto; margin-top:1.8rem;}
.g-proys li{ width:50%; float:left;}
.g-proys li span{ display:block; width:65.9375%; margin:0 auto; position:relative;}
.g-proys li span img{ display:block; width:100%;}
.g-proys li span em{ display:block; font-size:1.2rem; font-weight:bold; line-height:2.7rem; height:2.7rem; overflow:hidden; color:#fff; width:100%; position:absolute; bottom:0; text-align:center;}
.g-proys li p{ padding:1rem 5%; font-size:1.2rem; color:#333; line-height:1.8rem; text-align:center;}

.guan{background:url(../images/bg.gif); background-size:4px 4px; padding-bottom:2.5rem;}
.guan1{ position:relative; margin-bottom:1.6rem;}
.guan1 img{ display:block; width:100%;}
.guan1 .tit{ width:100%; position:absolute; top:3rem;}
.guan p{ width:93.75%; margin:0 auto 0.7rem; border:1px solid #d2d2d2; box-sizing:border-box; overflow:hidden;}
.guan p img{ display:block; float:left; width:33.33%;}
.guan p em{ display:block; float:right; font-size:1rem; line-height:5rem; color:#333;width:65%;}
.sou{ width:93.75%; margin:2.2rem auto 0; height:3.2rem; border-radius:2rem; overflow:hidden;}
.sou .li1{ width:73%; height:3.2rem; float:left; text-align:center; line-height:3.2rem; color:#b3cff3; font-size:1rem; overflow:hidden; border:0; background:none;}
.sou .li1 input{ width:100%; height:3.2rem; float:left; text-align:center; line-height:3.2rem; color:#b3cff3; font-size:1rem; overflow:hidden; border:0;border-radius:2rem 0 0 2rem;background: #005dd7; background: -moz-linear-gradient(top, #005dd7 0%, #005dd7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #005dd7 0%,#005dd7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #005dd7 0%,#005dd7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005dd7', endColorstr='#005dd7',GradientType=0 ); /* IE6-9 */}
.sou .li1 input::-webkit-input-placeholder{color:#fff;}    /* 使用webkit内核的浏览器 */
.sou .li1 input:-moz-placeholder{color:#fff;}                  /* Firefox版本4-18 */
.sou .li1 input::-moz-placeholder{color:#fff;}                  /* Firefox版本19+ */
.sou .li1 input:-ms-input-placeholder{color:#fff;} 
.sou .li1 input[type=text]:focus{ background:#fff; color:#000;}
.sou .btt{ width:27%;height:3.2rem; float:left; text-align:center; line-height:3.2rem; color:#b3cff3; font-size:1rem; overflow:hidden; border:0; background:none;}
.sou .btt input{ width:100%; height:3.2rem; float:left; text-align:center; line-height:3.2rem; color:#fff; font-weight:bold; font-size:1rem; overflow:hidden; border:0;background: #f7931e; /* Old browsers */
background: -moz-linear-gradient(top, #f7931e 0%, #f7931e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f7931e 0%,#f7931e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f7931e 0%,#f7931e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7931e', endColorstr='#f7931e',GradientType=0 ); /* IE6-9 */border-radius:0 2rem 2rem 0; }

.g-lc{ background:url(../images/lc_bg.jpg) no-repeat center top; background-size:100% auto; padding:2.5rem 0;}
.g-lc li{ width:6.5rem; height:6.65rem; float:left; margin:1.2rem 1.8% 1.2rem 1.8%; background:url(../images/lc_bg.png) no-repeat center top; background-size:100% auto; position:relative; text-align:center; font-size:1rem; color:#fff;}
.g-lc li em{ display:block; width:40%; margin:0 auto; padding-top:0.5rem;}
.g-lc li em img{ display:block; width:100%;} 
.g-lc li b{ display:block; font-size:1.1rem; color:#005dd7; width:100%; position:absolute; bottom:0; font-weight:normal; line-height:1.5rem;}
.g-lc li:before{ content:""; position:absolute; top:3.2rem; left:6.5rem; width:1.6rem; height:0.85rem; background:url(../images/lc_jt1.png) no-repeat; background-size:100% auto;}
.g-lc li:nth-child(4):before{content:""; position:absolute; top:7.5rem; left:3rem; width:0.75rem; height:0.75rem; background:url(../images/lc_jt3.png) no-repeat; background-size:100% auto;}
.g-lc li:nth-child(5):before,.g-lc li:nth-child(6):before,.g-lc li:nth-child(7):before{content:""; position:absolute; top:3.2rem; left:6.5rem; width:1.6rem; height:0.85rem; background:url(../images/lc_jt2.png) no-repeat; background-size:100% auto;}
.g-lc li:nth-child(8):before{ background:none;}
.g-lc li:nth-child(4n){ margin:1.2rem 0 1.2rem 2%;}

.case{ margin:3rem 0;}
.case ul{ margin:1.5rem 0;}
.case li{ width:20%; float:left; border-right:1px solid #ddd; box-sizing:border-box; font-size:1.2rem; color:#333333; text-align:center;}
.case li em{ display:block; width:34.28125%; margin:0 auto; border-radius:5rem; background:#898989;}
.case li em img{ display:block; width:100%;}
.case a:last-child li{ border:0;}
.case h3{ width:93.75%; margin:0 auto; position:relative;}
.case h3 img{ display:block; width:100%;}
.case h3 em{ display:block; font-size:1.5rem; font-weight:bold; text-align:center; line-height:2.6rem; height:2.6rem; overflow:hidden; background:rgba(0,0,0,0.8); position:absolute; bottom:0; width:100%; color:#fff;}
.case ul:nth-child(4){ width:93.75%; margin:0.8rem auto 0;}
.case ul:nth-child(4) li{width:48.83%; border:0;}
.case ul:nth-child(4) li img{ display:block; width:100%;}
.case ul:nth-child(4) li em{display:block;font-size:1.1rem; line-height:2.5rem; overflow:hidden; height:2.5rem;border-bottom:2px solid #e4e4e4; color:#555; text-align:center; background:none; border-radius:0; width:100%;}
.case ul:nth-child(4) a:nth-child(2n-1) li{ float:left;}
.case ul:nth-child(4) a:nth-child(2n) li{ float:right;}

.dz{ padding:2.5rem 0;background:url(../images/bg.gif); background-size:4px 4px;}
.tabs2{ height:11rem; position:relative; z-index:1;}
.tabs2 a{ display:block; width:16.71875%; text-align:center;font-size:1.2rem; color:#333; line-height:2rem;margin:1.2rem 1% 0 6%; float:left;}
.tabs2 a em{ display:block; width:5.35rem; height:6rem; overflow:hidden; background:url(../images/ys_bg1.png) no-repeat;;background-size:100% auto; height:6rem;}
.tabs2 a em img{ display:block; width:50.47%; padding:1.6rem 0 0 23%;}
.tabs2 a.active i{ display:none;}
.tabs2 a.active em{background:url(../images/ys_bg2.png) no-repeat; background-size:100% auto; }
.tabs2 .active { color:#f7931e; font-weight:bold;}
.dz dl{ width:93.75%; margin:0 auto;}
.dz dt img{display:block; width:100%;}
.dz dd{ padding: 0 3%;}
.dz dd h3{ height:3.8rem; font-size:1.4rem; color:#023793; line-height:3.8rem; font-weight:bold; border-bottom:1px solid #ccc; overflow:hidden; margin-bottom:1rem;}
.dz dd h3 em{ font-size:0.7rem; font-family: Arial; padding-left:5%; margin-left:2%; text-transform:uppercase;color:#c0c0c0; display:inline-block; background:url(../images/ys_line.png) no-repeat left center; background-size:0.6rem 1.2rem; font-weight:normal;}
.dz dd p{ font-size:1.1rem; line-height:2.4rem; color:#666;padding-left:4%; position:relative;}
.dz dd p:before{ content:""; position:absolute; top:1rem; left:0; width:0.5rem; height:0.5rem; border-radius:0.5rem; background:#666;}
.arr{ height:4rem; position:relative; margin-top:1.5rem;}
.arr .swiper-pagination{ width:100%; margin-top:1rem;}
.arr .swiper-pagination-bullet{ background:#999; opacity:1; width:0.8rem; height:0.8rem; margin:0 2%;}
.arr .swiper-pagination-bullet-active{ background:#005dd7; border-radius:0.3rem; width:1.8rem;}
.arr .prev{ width:3rem; height:3.1rem; overflow:hidden; position:absolute; top:0; left:20%; background:url(../images/left.png) no-repeat; background-size:100% 100%; z-index:12; margin:0;} 
.arr .next{ width:3rem; height:3.1rem; overflow:hidden; position:absolute; top:0; right:20%; background:url(../images/right.png) no-repeat; background-size:100% 100%;z-index:12; margin:0;}

.g-about{ margin:3rem 0;}
.g-about dt img{ display:block; width:100%; margin-top:1.5rem;}
.g-about dd h4{ width:10.65rem; margin:-3.6rem auto 0; z-index:1; position:relative;}
.g-about dd h4 img{ display:block; width:100%;}
.g-about dd h3{ font-size:1.3rem; font-weight:bold; color:#333; padding-top:1rem; text-align:center;}
.g-about dd p{ font-size:1rem; line-height:1.8rem; color:#666; padding:0.5rem 3% 0 3%;}
.g-about dd p em{ color:#f7931e;}

.g-news{ margin:3rem 0;}
.news_nav{ width:93.75%; margin:1.4rem auto 0; background:#333; height:4rem; position:relative;}
.news_nav p{ width:25%; height:4rem;font-size:1.2rem;float:left; text-align:center; color:#fff; line-height:4rem;}
.news_nav p.cur{background:#005dd7;}
.news_nav a{display:block; position:absolute; top:1.1rem; right:3%; font-size:1.1rem; color:#fff; text-transform:uppercase; font-family: Arial;z-index:2; background:url(../images/more.png) no-repeat right center;background-size:1.3rem 1.3rem; padding-right:5%;}
.dl01,.dl02{ width:93.75%; margin:1rem auto 0; background:#f1f1f1;}
.dl01 dt{ width:36.33%; float:left;}
.dl01 dt img{ display:block; width:100%;}
.dl01 dd{ width:57.16%; float:right; padding-right:2%;}
.dl01 dd h3,.dl02 dd h3{ font-size:1.2rem; color:#090001; line-height:2.5rem; height:2.5rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; padding-top:.2rem;}
.dl01 dd p,.dl02 dd p{ font-size:1.1rem; line-height:1.6rem; color:#737373;}
.dl01 dd p em,.dl02 dd p em{ color:#005dd7;}
.dl02{ height:5.4rem; overflow:hidden;}
.dl02 dt{ width:17.25%; height:4.9rem; padding-top:.5rem; border-right:1px solid #fff; float:left; overflow:hidden; text-align:center; font-size:2.5rem; color:#424242;}
.dl02 dt em{ display:block; font-size:0.8rem; position:relative; margin-top:-0.2rem;}
.dl02 dd{ width:76.6%; float:right; padding-right:2%;}
.dl02 dd h3{ padding-top:0.3rem;}


/*开屏秀*/
.pageShare img{ display:block; width:0px; height:0px;}
.loading{position:fixed;width:100%;height:100%; top:0; background:url(../images/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;}}