
/*-----------------------------------------------------------------------------------------------------------------------*/
.ban{ position:relative;}
.ban img{ display:block; width:100%;}
.ban .swiper-pagination{ bottom:1rem;}
.ban .swiper-pagination-bullet{ background:#fff; opacity:1; width:0.8rem; height:0.8rem;}
.ban .swiper-pagination-bullet-active{ background:#f58001; border-radius:0.3rem; width:1.5rem;}

.tit{ text-align:center; font-weight:bold; color:#f58001; font-size:2.4rem;}
.tit em{ display:block; font-size:1.2rem; color:#666; font-weight:normal;}

.g-yinz{ border-bottom:0.5rem solid #efefef; padding:2.7rem 0 2.3rem;}
.g-yinz h2{ text-align:center; font-size:2rem; color:#333;}
.g-yinz h2 em{ display:block; font-weight:bold; color:#f58001; font-size:2.5rem; padding-bottom:0.9rem; background:url(../images/yinz_line.png) no-repeat center bottom; background-size:90.78125% 0.458rem;}
.g-yinz p{ width:90.625%; margin:1rem auto 1.5rem; text-align:center; font-size:1rem; line-height:1.6rem; color:#666;}
.g-yinz li{ width:33.333%; float:left; text-align:center; font-size:1rem; color:#555; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.g-yinz li em{ display:block; width:77.46%; margin:0 auto;}
.g-yinz li em img{ display:block; width:100%; padding:0.35rem; border:1px solid #ebebeb; border-radius:10rem; box-sizing:border-box;}
.g-yinz li span{ display:block; font-size:2.4rem; font-weight:bold; color:#f58001;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}

.g-pro{ padding:2.6rem 0 2.5rem; border-bottom:0.5rem solid #efefef; }
.g-pro p{ text-align:center; margin-top:0.8rem;}
.g-pro p a{ display:inline-block; width:28.9%; height:2.7rem; border-radius:2rem; line-height:2.7rem; background:#333; font-size:1.2rem; color:#fff; margin:0 1% 0.5rem 1%;}
.g-pro dl{ width:90.625%; margin:1rem auto 0; background:#efefef;}
.g-pro dt img{ display:block; width:100%;}
.g-pro dd{ padding:1.5rem 5%; text-align:center;}
.g-pro dd h3{ font-size:1.5rem; font-weight:bold; color:#f58001;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.g-pro dd p{ font-size:1.1rem; line-height:1.6rem; color:#666; margin-top:0.3rem;}
.g-pro h5{ width:90.625%; margin:0 auto; text-align:center; font-size:1.2rem; font-weight:bold; color:#f58001; margin:1rem auto 0.5rem; position:relative;}
.g-pro h5:before{ content:""; position:absolute; top:50%; left:0; width:40%; height:1px; background:#b5b5b5;}
.g-pro h5:after{content:""; position:absolute; top:50%; right:0; width:40%; height:1px; background:#b5b5b5;}
.g-pro ul{width:90.625%; margin:1.2rem auto 0;}
.g-pro li{ width:49%;}
.g-pro li img{ display:block; width:100%;}
.g-pro li em{ display:block;font-size:1.1rem; line-height:2.5rem; text-align:center; height:2.5rem; overflow:hidden; color:#555;text-overflow:ellipsis;white-space:nowrap;}
.g-pro a:nth-child(2n-1) li{ float:left;}
.g-pro a:nth-child(2n) li{ float:right;}

.g-case{ padding:2.5rem 0 1rem; border-bottom:0.5rem solid #efefef; position:relative;}
.g-case dt{ margin-top:0.6rem;}
.g-case dt img{ display:block; width:100%;}
.g-case dt em{ display:block; width:19.0625%; margin:-2.8rem auto 0; position:relative; z-index:1; border-radius:10rem; border:0.2rem solid #f58001; box-sizing:border-box; background:#fff;}
.g-case dt em img{ display:block; width:100%; border-radius:10rem;}
.g-case dd{ padding:0.5rem 3% 2rem 3%;}
.g-case dd h3{ text-align:center; font-size:1.8rem; font-weight:bold; color:#f58001;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.g-case dd p{ font-size:1.1rem; line-height:1.6rem; padding-top:0.3rem; color:#666666;}
.g-case dd em{ display:block; height:2.4rem; background:url(../images/case_btn.png) no-repeat center top; background-size:100% auto; text-align:center; line-height:2.4rem; color:#fff; font-size:1rem; padding-left:5%; box-sizing:border-box; margin-top:0.8rem;}
.g-case .swiper-pagination{ bottom:0;}
.g-case .swiper-pagination-bullet{ background:#333; opacity:1; width:0.8rem; height:0.8rem;}
.g-case .swiper-pagination-bullet-active{ background:#07913c; border-radius:0.5rem; width:2rem;}
.g-case .prev1{ width:2.2rem; height:4.3rem; background:#f58001; text-align:center; font-size:2rem; font-family:"宋体"; font-weight:bold; text-align:center; line-height:4.3rem; color:#fff; position:absolute; top:34%; left:0;}
.g-case .next1{ width:2.2rem; height:4.3rem; background:#f58001; text-align:center; font-size:2rem; font-family:"宋体"; font-weight:bold; text-align:center; line-height:4.3rem; color:#fff; position:absolute; top:34%; right:0;}

.g-wangd{ padding:2rem 0 0.7rem;}
.g-wangd h5 img{ display:block; width:100%;}

.g-yinx{padding:1.5rem 0 2rem; border-bottom:0.5rem solid #efefef; margin-bottom:3rem;}
.g-yinx dl{ width:93.75%; margin:0 auto;}
.g-yinx dt h3{ font-size:1.3rem; font-weight:bold; color:#333;}
.g-yinx dt h3 em{ display:block; font-size:0.6rem; color:#999; font-weight:normal; margin-bottom:1rem;}
.g-yinx dt img{ display:block; width:100%;}
.g-yinx dd p{ border-bottom:1px solid #d2d2d2; height:2.8rem; line-height:2.8rem; font-size:1rem; color:#666;}
.g-yinx dd p em{ display:block; width:1.8rem; height:1.8rem; float:left; margin:0.6rem 2% 0 0;}
.g-yinx dd p em img{ display:block; width:100%;}
.g-yinx dd p:last-child{ border:0;}

.g-ys{ margin:1.8rem 0;}
.g-ys dl{ margin:0.9rem 0 0 0;}
.g-ys dt img{ display:block; width:100%;}
.g-ys dd{ padding:0 3% 1rem;}
.g-ys dd h3{ font-size:1.6rem; line-height:4.2rem; height:4.2rem; position:relative;text-overflow:ellipsis;white-space:nowrap; font-weight:bold; padding-left:26%;}
.g-ys dd h3 em{ display:block; padding-top:4.8rem; width:7rem; height:5.2rem; background:url(../images/ys_logo1.png) no-repeat center top; background-size:100% 100%; text-align:center; font-size:1.5rem; font-weight:bold; color:#fff; position:absolute; left:0; top:-6rem; z-index:5;}
.g-ys dd p{ font-size:1rem; line-height:1.4rem; color:#666; margin-top:0.8rem; position:relative; padding-left:4%;}
.g-ys dd p:before{ content:""; position:absolute; top:0.4rem; left:0; width:0.5rem; height:0.5rem; border-radius:0.5rem; border:2px solid #919191; box-sizing:border-box;}
.g-ys dl:nth-child(3) dd h3 em{background:url(../images/ys_logo2.png) no-repeat center top; background-size:100% 100%;}

.g-ys3{ background:#1d1d22 url(../images/ys_bg3.jpg) no-repeat center bottom; background-size:100% auto; padding-bottom:2rem;}
.g-ys3 h2{ width:90.625%; margin:0 auto;position:relative; padding:2rem 0; font-size:1.6rem; font-weight:bold; color:#fff;}
.g-ys3 h2 em{ display:block; font-size:0.7rem; color:#999; font-weight:normal; text-transform:uppercase; padding-top:0.2rem; width:70%;}
.g-ys3 h2 b{display:block; padding-top:5.5rem; width:7rem; height:4.5rem; background:url(../images/ys_logo3.png) no-repeat center top; background-size:100% 100%; text-align:center; font-size:1.5rem; font-weight:bold; color:#fff; position:absolute; right:0; top:-4rem; z-index:5;}
.g-ys3 dl{ width:90.625%; margin:0 auto; padding:1.3rem 0; border-bottom:1px solid #717174;}
.g-ys3 dt{ height:2.5rem; font-size:1.5rem; line-height:2.5rem; overflow:hidden; color:#fff;}
.g-ys3 dt em{ display:block; width:2.5rem; height:2.5rem; float:left; margin-right:2%;}
.g-ys3 dt em img{ display:block; width:100%;}
.g-ys3 dd{ font-size:1rem; line-height:2rem;}
.g-ys3 dd em{ display:inline-block; font-size:0.95rem; line-height:2rem; margin-right:1%; padding-left:2.6%; color:#fff; position:relative;}
.g-ys3 dd em:before{ content:""; position:absolute; top:0.8rem; left:0; width:0.45rem; height:0.45rem; border-radius:0.45rem; background:#b9baba;}
.g-ys3 dd em:last-child{ margin-right:0;}
.g-ys3 dl:last-child{ border:0;}

.g-news{ margin:3rem 0;}
.dl01,.dl02{ width:90.625%; margin:1rem auto 0; border:1px solid #d5d5d5; box-sizing:border-box; overflow:hidden;}
.dl01 dt{ width:43.27%; float:left;}
.dl01 dt img{ display:block; width:100%;}
.dl01 dd{ width:53.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:#f58001;}
.dl02{ height:5.4rem; overflow:hidden;}
.dl02 dt{ width:17.25%; height:4.9rem; padding-top:.5rem; background:#e2e2e2; 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;}

.g-about{ padding:2.5rem 0; position:relative;border-top:0.5rem solid #efefef;}
.g-about .tit{ background:url(../images/about_logo.png) no-repeat 18% center; background-size:4.85rem 5rem; padding-left:16%; line-height:5rem;}
.g-about dt img{ display:block; width:100%; margin-top:1rem;}
.g-about dd{ width:90.625%; margin:1rem auto 1.5rem; font-size:1.1rem; line-height:1.5rem; color:#666;}
.g-about dd em{ color:#f58001;}
.g-about ul{ width:90.625%; margin:0 auto;}
.g-about li{ width:33.33%; float:left; background:#efefef;}
.g-about li span{ display:block; height:6rem; overflow:hidden;}
.g-about li img{ display:block; width:100%; height:100%;}
.g-about li p{ height:5.3rem; font-size:1.2rem; font-weight:bold; color:#333; padding:0.7rem 0 0 10%;}
.g-about li p em{ display:block; width:2.65rem; height:2.45rem;}
.g-about li p i{ display:block; font-size:0.6rem; color:#a0a0a0; font-weight:normal;}


/*开屏秀*/
.pageShare img{ display:block; width:0px; height:0px;}
.loading{position:fixed;width:100%;height:100%; top:0;display:none; max-width:640px; min-width:320px; z-index:99999;}
.loading #showNext{ line-height:1.8rem; display:none; color:#fff; border:0.05rem solid #f58001; background:#f58001; 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;}
@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;}}