/*-----------------------------------------------------------------------------------------------------------------------*/
.ban{ position:relative;}
.ban img{ display:block; width:100%;}
.ban .swiper-pagination{ bottom:1rem;}
.ban .swiper-pagination-bullet{ background:#a1a1a1; opacity:1; width:0.8rem; height:0.8rem;}
.ban .swiper-pagination-bullet-active{ background: #ff6903; /* Old browsers */
background: -moz-linear-gradient(left,  #ff6903 0%, #ff9730 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ff6903 0%,#ff9730 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ff6903 0%,#ff9730 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6903', endColorstr='#ff9730',GradientType=1 ); border-radius:0.8rem; width:1.5rem;}

.g-yinz{ background:#f4f4f4 url(../images/yinz_bg.jpg) no-repeat center bottom; background-size:100% auto; padding:5rem 0 8rem;}
.g-yinz h2 img{ display:block; width:100%;}
.g-yinz h2 em{ display:block; font-size:1.8rem; color:#333; text-align:center;}
.g-yinz dl{ width:93.75%; margin:1.5rem auto 0;}
.g-yinz dt img{ display:block; width:100%; border-radius:1rem;}
.g-yinz dd p{ font-size:1.1rem; line-height:1.6rem; color:#333; padding:1.1rem 0;}
.g-yinz dd em{ display:block; width:30%; height:2.7rem; border-radius:2rem; font-size:1.1rem; color:#fff; text-align:center; line-height:2.7rem; margin:0 auto;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff6903+0,ff9730+100 */
background: #ff6903; /* Old browsers */
background: -moz-linear-gradient(left,  #ff6903 0%, #ff9730 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ff6903 0%,#ff9730 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ff6903 0%,#ff9730 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6903', endColorstr='#ff9730',GradientType=1 ); /* IE6-9 */
}

.tit{text-align:center; font-size:3.2rem; color:#333;}
.tit em{ display:block; font-size:1.3rem;}

.g-gongx{ margin:2.3rem 0;}
.g-gongx dl{ background:url(../images/gongx_bg.jpg) no-repeat center 4.5rem; background-size:100% auto; position:relative; margin-top:1.6rem;}
.g-gongx dt{ width:62.5%; background:url(../images/gongx_bg1.jpg) no-repeat center top; height:32.95rem; background-size:100% auto; float:right; margin-right:3.125%;}
.g-gongx dt em{ display:block; width:81.5%; margin:0 auto 1.6rem; padding-top:6.5rem;}
.g-gongx dt em img{ display:block; width:100%;}
.g-gongx dt span{width:81.5%; margin:0 auto 1.6rem; display:block; text-align:center; height:2.7rem; background:#000; color:#fff; font-size:1rem; line-height:2.7rem; border-radius:2rem;}
.g-gongx dd{ width:42.1875%; position:absolute; bottom:-2.7rem; left:3.125%;}
.g-gongx dd img{ display:block; width:100%;}

.g-pro{ padding:2rem 0 2.5rem; }
.g-pro p{ width:93.75%; margin:1.6rem auto 0;}
.g-pro p a{display:block; width:48.33%; height:4rem; border:1px solid #e0e0e0; box-sizing:border-box; margin-bottom:1.2rem; font-size:1.3rem; color:#333; line-height:4rem;}
.g-pro p a:nth-child(2n-1){ float:left;}
.g-pro p a:nth-child(2n){ float:right;}
.g-pro p a:nth-child(1){ color:#fff; border:0;background: #ff6903; /* Old browsers */
background: -moz-linear-gradient(left,  #ff6903 0%, #ff9730 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ff6903 0%,#ff9730 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ff6903 0%,#ff9730 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6903', endColorstr='#ff9730',GradientType=1 );}
.g-pro p em{ display:block; width:2.05rem; height:2.6rem; float:left; margin:0.8rem 3% 0 9%;}
.g-pro p em img{ display:block; width:100%;}
.g-pro h5{ width:93.75%; margin:0 auto; border:1px solid #e0e0e0;}
.g-pro h5 img{ display:block; width:100%;}
.m-pro{width:93.75%; margin:1.3rem auto 0; position:relative; overflow:hidden; padding-bottom:3rem;}
.g-pro li{ width:48.275%; position:relative;}
.g-pro li img{ display:block; width:100%; border:1px solid #e0e0e0; box-sizing:border-box;}
.g-pro li em{ display:block;font-size:1.2rem; width:100%; position:absolute; bottom:0; line-height:3rem; text-align:center; height:3rem; overflow:hidden; color:#333;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-pro .swiper-pagination,.g-chaj .swiper-pagination{ bottom:0.1rem;}
.g-pro .swiper-pagination-bullet,.g-chaj .swiper-pagination-bullet{ background:#a1a1a1; opacity:1; width:0.8rem; height:0.8rem;}
.g-pro .swiper-pagination-bullet-active,.g-chaj .swiper-pagination-bullet-active{ background: #ff6903; /* Old browsers */
background: -moz-linear-gradient(left,  #ff6903 0%, #ff9730 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ff6903 0%,#ff9730 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ff6903 0%,#ff9730 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6903', endColorstr='#ff9730',GradientType=1 ); border-radius:0.8rem;}

.g-proys{ background:#f7f7f7; padding:2.3rem 0;}
.g-proys dl{ margin:2.5rem 0 0 0; background:url(../images/proys_bg.jpg) no-repeat center top; background-size:100% auto; padding:0 3.125% 6rem;}
.g-proys dd{ padding-top:4.9rem; width:81.5%;}
.g-proys dd em{ display:block; width:28.0769%;}
.g-proys dd em img{ display:block; width:100%;}
.g-proys dd span{ display:block; width:67.3%; font-size:1.2rem; color:#333; line-height:2rem;}
.g-proys dd span b{ display:block; padding-top:0.2rem;}

.g-chaj{ margin:4rem 0; padding-bottom:4rem; position:relative;}
.g-chaj p{ width:93.75%; margin:1.6rem auto 0;}
.g-chaj p a{display:block; width:48.33%; text-align:center; height:4rem; border:1px solid #e0e0e0; box-sizing:border-box; margin-bottom:1.2rem; font-size:1.3rem; color:#333; line-height:4rem;}
.g-chaj p a:nth-child(2n-1){ float:left;}
.g-chaj p a:nth-child(2n){ float:right;}
.g-chaj p a:nth-child(1){ color:#fff; border:0;background: #ff6903; /* Old browsers */
background: -moz-linear-gradient(left,  #ff6903 0%, #ff9730 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ff6903 0%,#ff9730 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ff6903 0%,#ff9730 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6903', endColorstr='#ff9730',GradientType=1 );}
.g-chaj dt img{ display:block; width:100%;}
.g-chaj dd{ width:93.75%; margin:-2rem auto 0; text-align:center; z-index:9; position:relative; font-size:1.8rem; overflow:hidden; height:4rem; line-height:4rem; color:#fff;background: #ff6903; /* Old browsers */
background: -moz-linear-gradient(left,  #ff6903 0%, #ff9730 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ff6903 0%,#ff9730 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ff6903 0%,#ff9730 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6903', endColorstr='#ff9730',GradientType=1 );}

.g-ys{ position:relative; padding:2.5rem 0; background:#f7f7f7;}
.tab01{ width:93.75%; margin:1.5rem auto; height:3.5rem; border-bottom:1px solid #aeaeae;}
.tab01 a{ display:block; width:25%; float:left; text-align:center; font-size:1.8rem; line-height:3.5rem; position:relative;}
.tab01 a:before{ content:""; position:absolute; top:1.6rem; left:0; width:0.5rem; height:0.5rem; border-radius:0.5rem; background:#d2d2d2;}
.tab01 .active{ font-size:2.2rem; border-bottom:2px solid #fc7412; box-sizing:border-box;}
.tab01 .active:before{content:""; position:absolute; top:1.6rem; left:0; width:0.5rem; height:0.5rem; border-radius:0.5rem;background: #ff6903; /* Old browsers */
background: -moz-linear-gradient(left,  #ff6903 0%, #ff9730 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ff6903 0%,#ff9730 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ff6903 0%,#ff9730 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6903', endColorstr='#ff9730',GradientType=1 );}
.g-ys dl{ width:93.75%; margin:0 auto;}
.g-ys dt img{display:block; width:100%;}
.g-ys dd h3{ font-size:2.5rem; color:#fb5b02; font-weight:bold; padding:1rem 0; border-bottom:1px solid #ccc; margin-bottom:0.7rem;}
.g-ys dd h3 em{ color:#333;}
.g-ys dd h3 i{ display:block; font-weight:normal; font-size:1.5rem; color:#333;}
.g-ys dd p{ font-size:1.2rem; line-height:1.6rem; position:relative;color:#666; padding-left:5%;}
.g-ys dd p:before{content:""; position:absolute; top:0.5rem; left:0; width:0.5rem; height:0.5rem; border-radius:0.5rem; background: #ff6903; /* Old browsers */
background: -moz-linear-gradient(left,  #ff6903 0%, #ff9730 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ff6903 0%,#ff9730 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ff6903 0%,#ff9730 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6903', endColorstr='#ff9730',GradientType=1 );}

.g-news{ width:93.75%; margin:2.6rem auto; overflow:hidden;}
.tabs{ height:3.5rem; border-bottom:1px solid #ccc; margin-top:0.7rem; text-align:center;}
.tabs a{ display:inline-block; width:25%;line-height:3.5rem; margin:0 2%; font-size:1.3rem; color:#555; text-align:center;}
.tabs .active{ background:url(../images/new_line.gif) repeat-x center bottom; background-size:1px 4px;}
.g-news dl{ border:1px solid #ebebeb; padding:1rem 3.4%; margin-top:1rem;}
.g-news dt{ font-size:1.2rem; color:#333; line-height:2rem;text-overflow:ellipsis;white-space:nowrap;}
.g-news dt em{ float:right; font-style:italic; color:#aaa; font-size:1rem;}
.g-news dd{ font-size:1rem; line-height:2rem; color:#333;}
.g-news h5{ display:block; width:30%; height:2.7rem; border-radius:2rem; font-size:1.1rem; color:#fff; text-align:center; line-height:2.7rem; margin:1.5rem auto 0;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff6903+0,ff9730+100 */
background: #ff6903; /* Old browsers */
background: -moz-linear-gradient(left,  #ff6903 0%, #ff9730 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ff6903 0%,#ff9730 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ff6903 0%,#ff9730 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6903', endColorstr='#ff9730',GradientType=1 ); /* IE6-9 */
}

.g-about{ background:url(../images/about_bg.jpg) no-repeat center top; background-size:100% auto; padding:4rem 0 2.4rem;}
.g-about dl{ width:93.75%; margin:1.6rem auto 0;}
.g-about dt img{ display:block; width:100%;}
.g-about dd h3{ text-align:center; font-size:1.8rem; font-weight:bold; color:#fb5f04; padding:1.2rem 0 0.8rem;}
.g-about dd p{ font-size:1.1rem; line-height:1.5rem; color:#333;}
.g-about dd em{display:block; width:30%; height:2.7rem; border-radius:2rem; font-size:1.1rem; color:#fff; text-align:center; line-height:2.7rem; margin:1rem auto 0;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff6903+0,ff9730+100 */
background: #ff6903; /* Old browsers */
background: -moz-linear-gradient(left,  #ff6903 0%, #ff9730 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ff6903 0%,#ff9730 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ff6903 0%,#ff9730 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6903', endColorstr='#ff9730',GradientType=1 ); /* IE6-9 */
}



/*开屏秀*/
.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;}}