@charset "utf-8";

.id_loading{position:fixed;width:100%;height:100%; top:0; background:#f1f1f1 url(/mobile/img/loading.jpg) no-repeat  ;background-size:100% auto;z-index:51; display:none; max-width:640px; min-width:320px; z-index:99999;margin:0 auto;}

.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;
}


/* -- 页面整体结构 -- */
.wrap { min-width: 320px; max-width: 640px; margin: 0 auto; overflow: hidden; position: relative; font-family: "微软雅黑"; }

/*网站首页宽度*/
.wrap img { display: block; width: 100%; }


.tit{text-align: center;font-weight:normal;}
.tit b{display:block;font-size: 2rem;color: #202020;line-height:2rem;}
.tit i{display:block;font-size: 1.1rem;color: #939393;line-height: 1.1rem;padding-top: 0.6rem;}
.tit em{color: #9c0600;}
/*banner*/
.g-adv{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15; font-size:0;}
.g-adv .m-box img{ display:block;position: relative;width:100%; height: auto; }
.g-adv .swiper-pagination .swiper-pagination-bullet{opacity: 1;background: #fff;}
.g-adv .swiper-pagination .swiper-pagination-bullet-active{background: #9c0600;}
/*pro*/
.pro{padding:3rem 3.1% 0;}
.pro h2{margin-bottom: 1.2rem;}
.pro h3{height: 8.8rem;font-weight: normal;}
.pro h3 a{float: left;width: 48%;height: 3.2rem;line-height: 3.2rem;text-align: center;font-size: 1.2rem;color: #fff;margin-bottom: 1rem;background:url(/Mobile/Images/Index/pro_li1.jpg) no-repeat;background-size:100% 3.2rem;}
.pro h3 a:nth-child(even){float: right;}
.pro li{float: left;width: 48%;margin-bottom: 0.5rem;}
.pro li:nth-child(even){float: right;}
.pro li span{display:block;height: 3.5rem;line-height: 3.5rem;font-size: 1rem;color: #202020;text-align: center;border:1px solid #d9d9d9;border-top:0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
/*use*/
.use{padding:1.5rem 3.1% 1rem;}
.use .use_con{padding-bottom:2rem;}
.use h2{text-align: center;height: 3.1rem;position: relative;}
.use h2:after{position: absolute;width: 100%;height: 1px;background: #bcbcbc;content: "";left: 0;top: 0.8rem;z-index: -1;}
.use h2 b{display:inline-block;font-size: 1.5rem;line-height: 1.5rem;color: #202020;padding:0 0.7rem;background: #fff;}
.use_con{padding-bottom: 1.6rem;}
.use_con li{float: left;width: 49%;position: relative;margin-bottom: 0.5rem;}
.use_con li:nth-child(even){float: right;}
.use_con li span{position: absolute;left: 0;bottom: 0;width: 100%;height: 2.7rem;line-height: 2.7rem;text-align: center;font-size: 1rem;color: #fff;background:rgba(0,0,0,0.7);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.use_con .swiper-pagination{bottom: 0;height: 1rem;}
.use_con .swiper-pagination .swiper-pagination-bullet{width: 1rem;height: 1rem;background: none;opacity: 1;border:1px solid #a6a6a6;box-sizing: border-box;border-radius:50%;margin:0 0.3rem;vertical-align:top;}
.use_con .swiper-pagination .swiper-pagination-bullet-active{background: #9c0600;border-color: #9c0600;}
/*fea*/
.fea{background:url(/Mobile/Images/Index/fea_bg.jpg) repeat-y;background-size:100% 1rem;padding:0 0 2.5rem;}
.fea h2{height: 8.3rem;background:url(/Mobile/Images/Index/fea_t.png) no-repeat;background-size:100% 8.3rem;margin-bottom: 2.8rem;}
.fea h2 i{display:block;font-size: 1.1rem;color: #fff;text-align: center;line-height: 1.1rem;padding-top: 4rem;}
.fea dl{margin:0 3.1% 2rem;}
.fea dt{width: 50%;}
.fea dd{width: 46.5%;}
.fea dd h3{height: 2.9rem;margin:0.2rem 0 0.6rem;font-weight: normal;white-space: nowrap;}
.fea dd h3 i{float: left;font-family:"Impact";width: 2.9rem;height: 2.9rem;font-size: 1.5rem;color: #c40200;line-height: 2.7rem;text-align: center;border:2px solid #c40200;box-sizing: border-box;margin-right:0.7rem;border-radius:50%;}
.fea dd h3 b{display:block;font-size: 1.2rem;color: #333;line-height: 1.2rem;padding-top:0.5rem;}
.fea dd h3 span{display:block;font-size: 0.6rem;color: #929292;font-family: Arial;line-height: 1.2rem;}
.fea dd h3 em{color: #c40200;}
.fea dd p{font-size: 1rem;color: #6f6f6f;line-height: 1.4rem;}
/*xabn*/
.xabn{height: 13rem;position: relative;background:url(/Mobile/Images/Index/xban.png) no-repeat;background-size:100% 13rem;margin-top: -1.8rem;}
.xabn .zx{position: absolute;right: 13.8%;bottom: 1.5rem;width: 21%;height: 1.9rem;line-height: 1.9rem;text-align: center;font-size: 1rem;color: #c40200;background: #fff;font-weight:bold;}
/*case*/
.case{padding:3rem 3.1%;}
.case h2{margin-bottom: 1.5rem;}
.case li{float: left;width: 48.5%;}
.case li span{display:block;height: 3rem;line-height: 3rem;text-align: center;font-size: 1rem;color: #383838;background: #e7e7e7;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.case li:first-child{width: 100%;margin-bottom: 1rem;}
.case li:last-child{float: right;}
.case .more{display:block;height: 3.7rem;line-height: 3.7rem;text-align: center;font-size: 1.2rem;color: #fff;background:url(/Mobile/Images/Index/more1.jpg) no-repeat;background-size:100% 3.7rem;margin-top:1.5rem;}
/*yous*/
.yous{padding:2.8rem 0 3.5rem;background:url(/Mobile/Images/Index/fea_bg.jpg) repeat-y;background-size:100% 1rem;}
.yous h2{margin-bottom: 2.2rem;}
.ys_con{margin:0 3.1%;}
.ys_con dd{padding:1.5rem 0 0;height: 13.8rem;background: #fff;box-shadow:0 0 0.5rem rgba(0,0,0,0.2);}
.ys_con dd h3{height: 4.2rem;margin-bottom: 0.2rem;}
.ys_con dd h3 i{float: left;width: 4rem;height: 4.2rem;line-height: 4.2rem;text-align: center;font-size: 2.4rem;color: #fff;background:url(/Mobile/Images/Index/num1.jpg) no-repeat;background-size:100% 4.2rem;margin:0 0.6rem 0 1.5rem;}
.ys_con dd h3 b{display:block;font-size: 1.4rem;color: #222;line-height: 1.8rem;padding-top:1rem;}
.ys_con dd h3 span{display:block;font-size: 0.5rem;color: #2a2a2a;opacity: 0.4;line-height: 1.2rem;text-transform: uppercase;height: 1.2rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.ys_con dd h3 em{color: #9c0600;}
.ys_con dd p{font-size: 1rem;color: #696969;line-height: 1.8rem;margin-left: 6.1rem;margin-right:1.5rem;}
.ys_size{height: 2.2rem;text-align: center;margin: 2rem 3.1% 0;position: relative;}
.ys_size:before{position: absolute;width:30%;height: 1px;background: #bdbdbd;content: "";left: 0;top: 1.1rem;}
.ys_size:after{position: absolute;width:30%;height: 1px;background: #bdbdbd;content: "";right: 0;top: 1.1rem;}
.ys_size i{display:inline-block;width: 2.2rem;height: 2.2rem;line-height: 2.2rem;font-size: 1.2rem;color: #222;font-weight:bold;background:#fff;border:1px solid #bababa;box-sizing: border-box;margin:0 0.25rem;}
.ys_size i.cur{background:url(/Mobile/Images/Index/num2.jpg) no-repeat;background-size:100%;color: #fff;border: 0;}
/*coop*/
.coop{padding:3rem 0;}
.coop ul{margin: 2.5rem 3.1% 0;border-left:1px solid #cdcdcd;}
.coop li{float: left;width: 33.3%;border:1px solid #cdcdcd;border-left: 0;box-sizing: border-box;}
/*cus*/
.cus{padding:3rem 3.1% 3.5rem;background:url(/Mobile/Images/Index/fea_bg.jpg) repeat-y;background-size:100% 1rem;}
.cus h2{margin-bottom: 1.5rem;}
.cus dl{background: #fff;margin-bottom: 0.5rem;}
.cus dt{float: left;width: 34.5%;}
.cus dd{float: left;width: 56%;margin-left: 4.5%;}
.cus dd>a{display:block;font-size: 1.2rem;color: #000;height: 1.5rem;line-height: 1.5rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin:1rem 0 0.5rem;}
.cus dd p{font-size: 1rem;color: #7a7a7a;line-height: 1.4rem;}
.cus dd p a{float: right;color: #bc0700;}
.cus .more{display:block;height: 3.7rem;line-height: 3.7rem;text-align: center;font-size: 1.2rem;color: #fff;background:url(/Mobile/Images/Index/more1.jpg) no-repeat;background-size:100% 3.7rem;margin-top:1.5rem;}
/*news*/
.news{padding:3rem 3.1% 0;}
.news h2{margin-bottom: 1.4rem;}
.news h3{text-align: center;height: 4.2rem;}
.news h3 span{float: left;width: 32.2%;height: 2.7rem;line-height: 2.7rem;text-align: center;font-size: 1.1rem;color: #fff;background:url(/Mobile/Images/Common/nav_bg1.jpg) no-repeat;background-size:100% 2.7rem;margin-right:1.7%;}
.news h3 span.cur{background:url(/Mobile/Images/Common/nav_bg2.jpg) no-repeat;background-size:100% 2.7rem;}
.news h3 span:last-child{margin-right: 0;}
.news li{height: 4.5rem;background: #fff;padding-top:0.8rem;border:1px solid #ebebeb;margin-bottom: 1rem;}
.news li i{float: left;width: 22%;font-size: 0.8rem;color: #666;text-align: center;line-height: 0.8rem;}
.news li b{display:block;font-size: 2.8rem;font-family: Arial;line-height: 2.1rem;margin:0.2rem 0 0.5rem;color: #333;}
.news li p{float: left;width: 70%;padding-left: 4%;border-left:1px solid #dcdcdc;height: 4rem;}
.news li p>a{display:block;font-size: 1rem;color: #333;line-height: 1rem;margin-bottom:0.5rem;}
.news li p span{display:block;font-size: 0.9rem;color: #888;line-height: 1.2rem;}
/*abt*/
.abt{padding:2rem 3.1%;}
.abt h2{margin-bottom: 1.5rem;}
.abt dd em{display:block;font-size: 1.2rem;color: #3e3e3e;line-height: 1.2rem;padding:2rem 0 0.8rem;}
.abt dd p{font-size: 1rem;color: #8f8f8f;line-height: 1.5rem;}
.abt h3{height: 2.7rem;margin-top: 1.3rem;}
.abt h3 a{float: left;width: 32.2%;height: 2.7rem;line-height: 2.7rem;text-align: center;font-size: 1.1rem;color: #fff;background:url(/Mobile/Images/Common/nav_bg1.jpg) no-repeat;background-size:100% 2.7rem;margin-right:1.7%;}
.abt h3 a:last-child{margin-right: 0;}



/**/
/**/
@media screen and (min-width:320px) {html {font-size: 10px;}}
@media screen and (min-width:360px) {html {	font-size: 11.25px;}}
@media screen and (min-width:375px) {html {	font-size: 11.7px;}}
@media screen and (min-width:384px) {html {	font-size: 12px;}}
@media screen and (min-width:480px) {html {	font-size: 15px;}}
@media screen and (min-width:414px) {html {	font-size: 13px;}}
@media screen and (min-width:560px) {html {	font-size: 17.5px;}}
@media screen and (min-width:640px) {html {	font-size: 20px;}}




<!--耗时1763797874.3874秒-->