

.wrap img{ width: 100%;}

.ban{line-height: 0;overflow: hidden; position: relative;}
.banroll {height:2.8rem; position: absolute; bottom:0; left:0; text-align: center; width:100%; z-index: 2 ; margin-top: 2rem;}
.banroll .swiper-pagination-bullet{display: inline-block;width:0.8rem;height:0.8rem; margin:0 0.35rem;border-radius: 100%;background:#fff;opacity: 1;}
.banroll .swiper-pagination-bullet-active{background:#e31436;}

.bt01{ font-size: 1.4rem; color:#666666;text-align: center; line-height: 2.4rem; overflow: hidden; font-weight: normal;}
.bt01 a{ color:#000000;}
.bt01 b{ font-size: 1.9rem; color:#000000;display: block; line-height: 2.2rem;}

.g-pro{margin-top: 2.5rem; position: relative;}
.pro_nav{ height:4rem;background:#1d1d1d; display:flex; overflow: hidden;margin-top: 1.2rem;}
.pro_nav a{flex:1; text-align: center;font-size: 1.2rem; color:#fff; line-height: 4rem; position: relative;}
.pro_nav a::before {position: absolute; top: 0;right:0; width:1px;height:4rem;background:#696969;  content: '';  }
.pro_nav a:last-child::before {background:none;}
.pro_nav a.active{background:#e31436;}
.g-pro .swiper-button-prev{position: absolute; top: 21.7rem; left:4.68%; width:3rem; height:3rem;}
.g-pro .swiper-button-next{position: absolute; top: 21.7rem; right:4.68%; width:3rem; height:3rem;}
.pro_c dl{background:#f7f7f7; border-bottom: 1px solid #dadada; padding-bottom: 2.75rem; }
.pro_c dd h3{ padding: 1.3rem 0 0.3rem; font-size: 1.5rem; color:#000000;text-align: center; font-weight: bold;line-height: 2rem;}
.pro_c dd h3 a{ color:#000;}
.pro_c dd p{padding:0.2rem 4.68% ; font-size: 1.1rem; color:#333333;}
.pro_c dd p span{ color:#000;}

.pmore{display: block;width:100%; overflow: hidden;position: relative; height:2.7rem;margin-top: -1.3rem; z-index: 3;}
.pmore a{display: block; width:7.4rem; height:2.7rem; background:#e31436; border-radius: 0.3rem;text-align: center; line-height: 2.7rem; color:#fff; font-size: 1.1rem;font-weight: bold;margin: 0 auto; position: relative; z-index: 3;}

.g-pinz{ margin-top: 2.5rem; height:42.5rem; position: relative; overflow: hidden;}
.g-pinz .pinzprev , .g-pinz .pinznext{position: absolute; top: 37.15rem; width:3rem;height:3rem; z-index: 3;}
.g-pinz .pinzprev {left:75%;}
.g-pinz .pinznext {left:85.9%;}
.pinz_c{}
.pinzpic{line-height: 0;margin-top: 1rem;}
.pinz_c dl{ height:10.1rem; overflow: hidden;background:#f7f7f7;}
.pinz_c dt{ float: left; width:34.375%; margin:1.4rem 0 0 4.68%; overflow: hidden;}
.pinz_c dd{ width:53.125%; margin: 1.2rem 4.68% 0 0; overflow: hidden; float: right;}
.pinz_c dd h3{ font-size: 1.5rem; color:#000000; line-height: 2rem;font-weight: bold;}
.pinz_c dd h3 a{ display: block; color:#000;}
.pinz_c dd p{ font-size: 1rem; line-height: 1.4rem; color:#303030;}
.sz{height:5.4rem; overflow: hidden;background:#f7f7f7; padding-left: 4.68%; font-size: 1.8rem; font-family: Arial; color:#000000;line-height: 3.3rem;}
.sz span{display: inline-block; font-size: 4.3rem; color:#e31436;}

.g-coo{margin-top: 2.4rem;position: relative;}
.coo_nav{margin-top: 1.4rem;box-shadow: -0.5rem -0.5rem 0.8rem #f4f4f4; padding-top: 2.2rem; height:5.6rem; overflow: hidden;}
.coo_nav a{ float: left; display: block; width:28.125%; position: relative; margin-right: -1px;}
.coo_nav a:nth-child(1){margin-left: 7.8%;}
.coo_nav a img{display: block; border:1px solid #666666; padding:1px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;        box-sizing: border-box; ;}
.coo_nav a.active{position: relative;}
.coo_nav a.active img{border:1px solid #e31436; background:#e31436;position: relative; z-index: 3;}
.coo_nav a.active::before{position: absolute; content: ''; width:0; height:0; top: 4.4rem; left:50%; margin-left: -0.25rem; border-top: 0.5rem solid #e31436; border-left: 0.5rem solid transparent;border-right: 0.5rem solid transparent;}
.g-coo .cooprev{position: absolute; top: 12.7rem; left:4.68%; width:3rem; height:3rem; z-index:3;}
.g-coo .coonext{position: absolute; top: 12.7rem; right:4.68%; width:3rem; height:3rem; z-index:3;}

.coo_c dl { width:90.625%; margin: 2rem auto; overflow: hidden;}
.coo_c dt{position: relative;}
.coo_c dt span{display:block;position:absolute;bottom:0;right:4%; width:35%;}
.coo_c dd p{ font-size: 1rem; padding-top: 1rem; height:4.9rem; overflow: hidden; font-size: 1rem; line-height: 1.4rem; color:#666666;}
.coo_c dd i{display: block;width:90.625%; margin: 0 auto; overflow: hidden;position: relative;}
.coo_c dd i::before {position: absolute; top: 1.35rem;left:0; background:#dadada; width:100%; height:1px;  content: ''; }
.coo_c dd i a{display: block; width:7.4rem; height:2.7rem; background:#e31436; border-radius: 0.3rem;text-align: center; line-height: 2.7rem; color:#fff; font-size: 1.1rem;font-weight: bold;margin: 0 auto; position: relative; z-index: 3;}

.g-pic{position: relative; line-height: 0;margin-top: 1.75rem;}

.g-ys{margin-top: 2.6rem;padding-bottom:1.5rem;}
.g-ys h2{ height:5.6rem;}
.ys_nav{height:3.1rem; display:flex; overflow: hidden;background:#1d1d1d;}
.ys_nav p{ flex:1; text-align: center; font-size: 1.4rem;font-weight: bold; color:#fff; line-height: 3.1rem; position: relative;border-right: 0.1rem solid #fff;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
.ys_nav p:last-child{border-right: 0;}
.ys_nav p.cur{background:#e31436;}
.ys_con p{ line-height: 0;}
.ys_con dt{ font-size: 1.5rem; color:#151515;font-weight: bold; line-height: 3.4rem; padding:1rem 0 0 1.3rem;}
.ys_con dt img{ width:7.4rem; height:2.5rem; display: block; line-height: 0;}
.ys_con dd{ font-size: 1rem; line-height: 1.5rem;margin-top: 0.3rem; color:#5d5d5d;padding:0 1.65rem 0 2.35rem; position: relative;}
.ys_con dd::before {position: absolute; width:0.4rem;height:0.4rem;border:0.1rem solid #e31436; top: 0.5rem ;left:1.3rem; content: '';  border-radius: 100%;}
.ys_con dd b{ color:#151515;}

.g-about{overflow: hidden;background:#f7f7f7; padding:2.8rem 0 1.5rem;}
.g-about h2 a{ color:#666666;}
.g-about dl{ width:90.625%; margin: 1.2rem auto 0;}
.g-about dd p{padding:0.8rem 0 0; font-size: 1rem; line-height:1.5rem;color:#333333;}
.g-about dd i{font-size: 1rem; color:#e31436; display: block; margin-top: 0.3rem;}
.g-about dd i img{ display: inline-block; vertical-align: middle; margin-left: 0.5rem; width:0.95rem; height:0.5rem;}
.g-about dd i a{color:#e31436; }

.g-fc{height:23rem;overflow: hidden;}
.fc_nav{height:4.0rem; overflow: hidden; display:flex;}
.fc_nav p{flex:1;text-align: center; font-size: 1.2rem; color:#000000; line-height: 4rem; position: relative;}
.fc_nav p::before{position: absolute; content:""; width:0.4rem; height:1px;border-top: 1px solid #bababa;background:#cdcdcd; top: 2rem; right:0;}
.fc_nav p.cur{ color:#e31436;}
.fc_nav p:last-child::before{background:none;border:0;height:0;}
.fc_con li{ float: left; margin-left: 4.68%; width:44.06%; overflow: hidden; line-height: 0;}
.fc_con li:nth-child(2n){margin-left: 3.1%;}
.fc_con li span{display: block; height:2rem;background:#e31436; color:#fff; font-size: 1.0rem;text-align: center;line-height: 2rem;}

.g-news{ height:20.5rem; overflow: hidden;margin:0 4.68%;}
.g-news dl{margin-bottom: 1.1rem; border-bottom: 1px solid #e3e3e3; overflow: hidden;height:4.2rem;}
.g-news dt{ width:24.13%; height:2.2rem; text-align: center; line-height: 2.2rem;background:#e31436;border-radius: 2rem; font-size: 1.1rem; float: left; margin-top: 0.2rem;}
.g-news dt a{ color:#fff;}
.g-news dd{ width:72.4%; float: right; overflow: hidden; line-height: 1.4rem;}
.g-news dd i{display: block; font-size: 1rem; font-family: Arial; color:#666;font-weight: bold;}
.g-news dd a{ display: block; font-size: 1.1rem; color:#666666;}
.g-news .news2 dt{background:#333;}
.g-news .news3 dt{background:#f7f7f7;}
.g-news .news3 dt a{ color:#333;}

.nmore{ font-size: 1.1rem; color:#e31436; text-align: center; line-height: 2rem; margin-top: 1.5rem; text-decoration: underline;}
.nmore a{color:#e31436; display: block;}





/*开屏秀*/
.pageShare img{ display:block; width:0px; height:0px;}
.loading{position:fixed;width:100%;height:100%; top:0; background:url(../images/home.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;}}