/*-----------------------------------------------------------------------------------------------------------------------*/
.wrap img{ width:100%; display:block;}

.ban{ position:relative;}
.ban img{ display:block; width:100%;}
.ban .swiper-pagination{ bottom:1.6rem;}
.ban .swiper-pagination-bullet{ opacity:1; width:0.8rem; height:0.8rem; border-radius:0.8rem; margin:0 2%; background:#f15733;}
.ban .swiper-pagination-bullet-active{  width:2rem; background:#f15733;}

.tit{ text-align:center; font-size:2.4rem; color:#000;}
.tit em{ display:block; font-size:1.2rem; color:#666; margin-top:0.7rem;}

.g-yinz{ margin:2.7rem 0 1.7rem;}
.g-yinz h2{ text-align:center; font-size:1.7rem; line-height:2.5rem; color:#000;}
.g-yinz ul{ width:94.66%; margin:2rem auto 2.8rem; position:relative;}
.g-yinz ul:before{ content:""; position:absolute; top:50%; left:0; width:100%; height:1px; background:#d9d9d9;}
.g-yinz li{ width:50%; float:left; text-align:center; border-right:1px solid #d9d9d9; box-sizing:border-box; padding:1.2rem 0; font-size:1.2rem; color:#333;}
.g-yinz li span{ display:block; font-size:3.9rem; font-weight:bold; color:#044299;}
.g-yinz li span b{ display:inline-block; width:1.8rem; height:1.8rem; border-radius:1.8rem; background:#f15733; color:#fff; font-size:1rem; line-height:1.8rem; font-weight:normal;}
.g-yinz li:nth-child(2n){ border:0;}
.g-yinz li:nth-child(1),.g-yinz li:nth-child(2){ padding-top:0;}
.g-yinz li:nth-child(3),.g-yinz li:nth-child(4){ padding-bottom:0;}
.g-yinz h5{ width:94.66%; margin:0 auto;}

.g-case{ background:#f5f5f5; padding:3.3rem 0;}
.g-case ul{ width:94.66%; margin:1.8rem auto 0;}
.g-case li{ width:48.73%; position:relative; margin-bottom:.9rem; overflow:hidden;text-overflow: ellipsis;white-space: nowrap; text-align:center; font-size:1.4rem; color:#fff;}
.g-case li em{ display:block; width:100%; height:100%; height:3.2rem; line-height:3.2rem;background:#044299;}
.g-case li em b{ display:block; width:22.54%; margin:0 auto; padding:15% 0 2%;}
.g-case a:nth-child(2n-1) li{ float:left;}
.g-case a:nth-child(2n) li{ float:right;}
.g-case h5{ width:35.33%; height:3rem; background:#f15733; margin:1.3rem auto 0; text-align:center; line-height:3rem; color:#fff; font-size:1.2rem; background:#f15733;}

.g-pro{ margin:2.7rem 0 2.4rem;}
.prot1{ width:94.66%; margin:1.3rem auto 0.5rem;}
.prot1 em,.prot1 a{ display:block; width:32.83%; margin:0 0.5% 0.2rem 0; font-size:1.4rem; line-height:3.5rem; height:3.5rem; overflow:hidden; float:left; background:#e6e6e6; overflow:hidden;text-overflow: ellipsis;white-space: nowrap; text-align:center; color:#333;}
.prot1 .active{ color:#fff; background:#044299;}
.m-pro1{ width:94.6%; margin:0 auto 1.5rem; overflow:hidden;}
.m-pro1 p{ position:relative;}
.m-pro1 p em{ display:block; text-align:center; font-size:1.2rem; height:3rem; line-height:3rem; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;display:block; width:100%; background:rgba(0,0,0,0.7); position:absolute; bottom:0; color:#fff;}
.g-pro ul{ width:94.6%; margin:0 auto;}
.g-pro li,.m-pro li{ margin-bottom:0.5rem; width:49.29%; position:relative;}
.g-pro li em{ display:block; text-align:center; font-size:1.2rem; height:3rem; line-height:3rem; color:#333333; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.g-pro a:nth-child(2n-1) li,.m-pro a:nth-child(2n-1) li{ float:left;}
.g-pro a:nth-child(2n) li,.m-pro a:nth-child(2n) li{ float:right;}

.g-pro2{ background:#f5f5f5; padding:2.7rem 0;}
.m-pro{ width:94.66%; margin:1rem auto 0; overflow:hidden;}
.m-pro li em{display:block; text-align:center; font-size:1.2rem; height:2.5rem; line-height:2.5rem;width:100%; background:rgba(0,0,0,0.7); position:absolute; bottom:0; color:#fff; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}

.g-super{ margin:3rem 0 1.2rem; background:url(../images/ys_line.jpg) no-repeat center bottom; background-size:100% auto; padding-bottom:1.5rem;}
.supert{ height:5.5rem; margin:1.5rem 0 0; overflow:hidden;}
.supert h5{ width:33.33%; height:25.5rem; float:left;}
.supert h5 span{ display:block; width:26%; float:left; margin:1.8rem 0 0 8%;}
.supert h5 span i{ display:none;}
.supert h5 p{ float:left; font-size:1.3rem; color:#000; margin-top:1.15rem;overflow:hidden;text-overflow: ellipsis;white-space: nowrap; width:63%;}
.supert h5 p em{ display:block; font:0.8rem "Times New Roman", Times, serif; color:#5a5a5a; text-transform:uppercase; line-height:1.2rem;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.supert .active{ background:#044299;}
.supert .active span em{ display:none;}
.supert .active i{ display:block;}
.supert .active p{ color:#fff;}
.supert .active p em{ color:#99a8cb;}
.m-super{ overflow:hidden;}
.m-super dd{ width:94.66%; margin:-6.3rem auto 0; position:relative; background:#fff; padding:2rem 4% 0 4%; box-sizing:border-box;}
.m-super dd h3{ text-align:center; font-size:1.4rem; font-weight:bold; line-height:1.8rem; color:#333; width:70%; margin:0 auto;}
.m-super dd p{ font-size:1.2rem; line-height:1.9rem; color:#6e6e6e; margin-top:1rem;}
.g-super h4{width:35.33%; height:3rem; background:#f15733; margin:1.3rem auto 0; text-align:center; line-height:3rem; color:#fff; font-size:1.2rem; background:#f15733;}

.newt{ height:3.2rem; margin:1.5rem 0 1.8rem 7%; text-align:center;}
.newt em,.newt a{ display:block; width:29.2%; height:3.2rem; background:#565656; font-size:1.4rem; color:#fff; font-weight:bold; line-height:3.2rem; margin:0 0.5%; float:left;}
.newt .active{ background:#044299;}
.m-new{margin:0 auto; width:94.66%; overflow:hidden;}
.g-news dl{ background:#f3f3f3;}
.g-news dt{ width:49.29%; float:left;}
.g-news dd{ width:42.67%; float:right; margin-right:3%;}
.g-news dd h3{ font-size:1.3rem; color:#333;line-height:1.7rem; margin:1.6rem 0 0.8rem; height:3.4rem; font-weight:bold;}
.g-news dd p{ font-size:1rem; line-height:1.7rem; color:#666666;}
.g-news li{ background:#f3f3f3; margin-top:1rem; padding:1.4rem 6%; font-size:1.3rem; color:#333;}
.g-news li em{ display:block; color:#999999; margin-top:0.2rem;}


.g-about{ padding:3.5rem 0 1.6rem;}
.g-about dl{ margin:1.2rem auto 0;}
.g-about dd{ width:94.66%; margin:2.2rem auto 0;}
.g-about dd h3{ text-align:center; font-size:1.5rem; font-weight:bold; color:#181818;}
.g-about dd p{ font-size:1.15rem; color:#505050; line-height:2rem; margin-top:0.6rem;}
.g-about dd em{ color:#044299;}

.g-pic{ width:90%; margin:0 auto 5rem; overflow:hidden;}
.pict{ height:2.7rem; margin-bottom:0.8rem;}
.pict em{ display:block; width:50%; height:2.74rem; float:left; background:#044299; border-right:1px solid #fff; box-sizing:border-box; text-align:center; font-size:1.4rem; line-height:2.7rem; color:#fff;}
.pict .active{ background:#f15733;}
.m-pic li{ width:49.29%;}
.m-pic li img{ display:block; width:99%; border:1px solid #c3c3c3; box-sizing:border-box;}
.m-pic a:nth-child(2n-1) li{ float:left;}
.m-pic a:nth-child(2n) li{ float:right;}




/*开屏秀*/
.pageShare img{ display:block; width:0px; height:0px;}
.loading{position:fixed;width:100%;height:100%; top:0;display:none; max-width:750px; min-width:320px; z-index:99999;}
.loading #showNext{ line-height:1.8rem; display:none; color:#fff; border:0.05rem solid #f15733; background:#f15733;border-radius:5%; padding-left:1rem; padding-right:1rem; text-align:center; position:absolute; right:1rem; top:1rem; z-index:99;}

.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;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:8.5333px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.66666666666px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73333333333333px;}}
@media screen and (min-width:480px){html{font-size:12.8px;}}
@media screen and (min-width:520px){html{font-size:13.86666666666667px;}}
@media screen and (min-width:560px){html{font-size:14.93333333333333px;}}
@media screen and (min-width:600px){html{font-size:16px;}}
@media screen and (min-width:640px){html{font-size:17.06666666666667‬px;}}
@media screen and (min-width:680px){html{font-size:18.1333333333px;}}
@media screen and (min-width:700px){html{font-size:18.66666666666667px;}}
@media screen and (min-width:720px){html{font-size:19.2px;}}
@media screen and (min-width:750px){html{font-size:20px;}}