﻿.wrap img{display:block;width:100%;}
.m-cnt:after,.c-list:after,.m-box:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
/**/
.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; }
/*product*/
.pro{padding:0 0 0.8rem;}
.pro h2{height: 6.6rem;background:url(../Images/Index/pro_t.jpg) no-repeat;background-size:100% 6.6rem;margin-bottom:2.8rem;}
.pro h2 b{display:block;height: 3.1rem;line-height:3.1rem;text-align: center;font-size: 1.4rem;color: #fff;padding-top:2.2rem;}
.pro ul li{margin-bottom:1.2rem;}
.pro ul li img{float: left;width: 28%;margin-left: 3.4%;}
.pro ul li p{float: left;width:62%;margin-left:3.5%;}
.pro ul li p a{color: #333;}
.pro ul li p b{display: block;width:87.5%;padding-left:5%;height: 1.8rem;line-height: 1.25rem;border-bottom:1px solid #d3d4d4;font-size: 1.25rem;color: #333;margin-bottom:0.5rem;}
.pro ul li p span{display: block;height: 1.6rem;line-height: 1.6rem;font-size: 1rem;padding-left:10%;background:url(../Images/Common/dian1.jpg) no-repeat 6.2% center;background-size:0.25rem 0.4rem;}
.pro ul li:nth-child(2) p b{padding-top:2.4rem;}
.pro ul li:last-child p span{float: left;width:40%;}
/*goods*/
.goods{padding:0 0 1.8rem;}
.goods h2{height:2.5rem;border-bottom:2px solid #cc0000;margin-bottom:1.6rem;background: #f2f2f2;}
.goods h2 b{float: left;width: 38%;height: 2.5rem;line-height: 2.5rem;text-align: center;font-size:1.2rem;background: #cc0000;}
.goods h2 b a{color: #fff;}
.goods h2>a{float: right;font-size: 1rem;color: #999;line-height: 2.5rem;margin-right:7%;}
.goods ul li{float: left;width:43.75%;margin-left:3.6%;}
.goods ul li img{display: block;border:1px solid #c7c7c7;}
.goods ul li em{display: block;height:3.8rem;line-height:2.5rem;text-align: center;font-size: 1rem;font-weight: bold;color: #333;}
.goods ul li:nth-child(odd){margin-left:4%;}
.goods .more{display: block;width:37.4%;height:2.2rem;line-height: 2rem;padding-left:9%;font-size: 1rem;font-weight:bold;color: #fff;background:url(../Images/Index/more1.png) no-repeat;background-size:100% 2.2rem;margin:0 auto;}
/*adva*/
.adva{background: #f7f7f7;padding-bottom:2.4rem;}
.adva h2{padding:2.2rem 0 1.5rem;}
.adva h2 b{display:block;height: 2.2rem;line-height: 2.2rem;text-align: center;font-size:1.25rem;color:#333;}
.adva ul{height: 2.3rem;margin-bottom:1.4rem;}
.adva ul li{float: left;width:31%;height: 2.3rem;line-height: 2.3rem;font-size: 0.9rem;color:#fff;text-align: center;margin-left:0.6%;background: #636363;position:relative;}
.adva ul li:first-child{margin-left: 2.5%;}
.adva ul li i{display:none;position: absolute;width:11%;height: 0.375rem;background:url(../Images/Index/san1.png) no-repeat;background-size:100% 0.375rem;left:44.5%;bottom:-0.375rem;}
.adva ul li.z-on{background: #cc0000;}
.adva ul li.z-on i{display: block;}
.adva dl dt{padding-bottom:1.5rem;background:url(../Images/Index/yin1.jpg) no-repeat bottom;background-size:100% 1.5rem;}
.adva dl dt img{display: block;width:93.4%;margin:0 auto;}
.adva dl dd h3{font-size: 1.5rem;color: #cc0000;font-weight: bold;line-height: 3rem;margin-left:4.1%;}
.adva dl dd .p1 span{float: left;line-height: 1.8rem;font-size: 1rem;color: #333;padding-left:3%;width:45%;background:url(../Images/Common/dian1.jpg) no-repeat left center;background-size:0.25rem 0.4rem;}
.adva dl dd .p1 span:nth-child(odd){margin-left:4%;}
.adva dl dd .text{margin:1rem auto 0;width:89%;height:8.75rem;border:1px solid #000;border-radius:0.3rem;position: relative;}
.adva dl dd .text b{position: absolute;width:12.1%;height: 2.86rem;padding-top:0.6rem;background:url(../Images/Index/liu.png) no-repeat;background-size:100% 3.46rem;left:-6%;top:2.1rem;color: #fff;font-size:0.9rem;line-height:1.1rem;text-align: center;}
.adva dl dd .text span{display: block;font-size: 0.9rem;color: #cc0000;line-height:1.25rem;padding:0.7rem 3% 0.5rem 8%;}
.adva dl dd .text p{font-size: 0.8rem;color: #333;line-height: 1.3rem;padding:0 3% 0 8%;}
/*gong*/
.gong{height: 26.1rem;background:url(../Images/Index/gong_bg.jpg) no-repeat;background-size:100% 26.1rem;}
.gong h2 span{display: block;font-size: 1rem;color: #1c1c1c;text-align: center;line-height:2.7rem;height:4.2rem;}
.gong ul li{float: left;width: 40.3%;height: 2.9rem;font-size:1rem;line-height:2.9rem;text-align: center;background: #fff;border:1px solid #a3a2a2;margin-left:4.7%;margin-bottom:0.9rem;}
.gong ul li a{color: #333;}
.gong ul li:nth-child(odd){margin-left:6%;}
.gong ul li:hover{background: #cc0000;}
.gong ul li:hover a{color: #fff;}
/*why*/
.why{background: #fcfdff;padding-bottom:1.4rem;}
.why_t{height: 11.6rem;background:url(../Images/Index/you_t.jpg) no-repeat;background-size:100% 11.6rem;margin-bottom:2.16rem;}
.why_t h2{text-align: center;font-size: 2.1rem;color: #fff;line-height: 4rem;height:4rem;font-weight:bold;}
.why_t p{float: left;width: 35%;font-size: 1.3rem;color: #fff;line-height:2.4rem;}
.why_t p b{color: #fde91a;}
.why_t p:nth-child(even){margin-left:22%;width:42%;}
.why .you h3{height:3.8rem;background:url(../Images/Index/tit1.jpg) no-repeat;background-size:100% 3.8rem;font-weight:bold;margin-bottom:1.4rem;}
.you h3 i{float: left;width:13.9%;text-align: center;font-size: 2.5rem;color: #fff;font-family: "Aparajita";margin-left:5.3%;}
.you h3 em{display: block;font-size: 1.6rem;color: #cc0000;line-height:1.9rem;margin-left:22.5%;}
.you h3 span{display: block;font-size: 1rem;color: #333;line-height: 1.2rem;margin-left:22.5%;}
.you h4{height:1.8rem;font-weight:bold;margin-bottom:0.5rem;margin-left:5.2%;}
.you h4 i{float: left;padding:0.1rem;border:1px solid #c4c3c5;margin-right:0.5rem;box-sizing: border-box;border-radius:50%;}
.you h4 em{display: block;width:1.5rem;height:1.5rem;line-height: 1.5rem;text-align: center;font-size: 0.8rem;color: #fff;background: #f08300;border-radius: 50%;}
.you h4 span{float: left;font-size: 1.1rem;color: #333;line-height: 1.8rem;}
.you p{margin-left:7.2%;padding-bottom:0.8rem;}
.you p span{display: block;font-size: 1rem;color: #333;line-height:1.6rem;padding-left:3%;background:url(../Images/Index/san2.png) no-repeat left center;background-size:0.38rem 0.5rem;}
.you .des{font-size:1rem;color: #333;line-height: 1.66rem;margin-left:7.2%;padding: 0 3%;background:url(../Images/Index/san2.png) no-repeat left 0.55rem;background-size:0.38rem 0.5rem;padding-bottom:1rem;}
.why ul{height:3rem;margin-top:0.8rem;background:url(../Images/Index/shou.jpg) no-repeat;background-size:100% 3rem;text-align: center;padding-right: 7%;}
.why ul li{display:inline-block;width: 3rem;height: 3rem;line-height:3rem;border-radius:50%;font-size:1.3rem;color: #ababab;box-sizing:border-box;border:1px solid #ababab;margin:0 .5rem;vertical-align:top;}
.why ul li.z-on{background: #db3d1d;border: 0;color: #fff;}
/*reason*/
.reason{background: #fcfdff;padding-bottom:1rem;}
.reason ul li{float: left;width:30%;position: relative;}
.reason ul li span{display: block;width: 65.1%;margin:0 auto;position: relative;}
.reason ul li span em{position: absolute;width:100%;bottom:1rem;line-height:1.2rem;font-size: 1rem;color: #fff;text-align: center;font-weight: bold;}
.reason ul li b{display: block;font-size: 1rem;color: #333;text-align: center;line-height:1.8rem;height:1.8rem;padding-top:0.4rem;}
.reason ul li p{text-align: center;font-size: 1rem;color: #666;line-height:1.2rem;padding-bottom:0.6rem;}
.reason ul li:first-child{margin-left: 4%;}
.reason ul li:nth-child(4){margin-left: 20%;}
/*cess*/
.cess{height: 24.2rem;background:url(../Images/Index/cess_bg.jpg) no-repeat;background-size:100% 24.2rem;}
.cess b{display: block;font-size: 1.25rem;color: #333;line-height:1.6rem;margin-left:13.4%;}
.cess p{font-size: 1rem;color: #333;line-height:1.5rem;margin-left:13.4%;padding-bottom:2rem;}
.cess b:first-child{padding-top: 7.4rem;}
/*coop*/
.coop{padding-bottom:2rem;position: relative;}
.coop h2 span{display: block;font-size: 1rem;color: #1c1c1c;text-align: center;line-height:2.5rem;height:4rem;}
.coop dl{width:80%;margin:0 auto;}
.coop dl dd b{display: block;font-size: 1.1rem;color: #333;line-height:2.8rem;}
.coop dl dd b a{color: #333;}
.coop dl dd p{font-size: 1rem;color: #333;line-height: 1.5rem;}
.coop dl dd .more{display: block;font-size: 0.8rem;color: #fff;width: 23.5%;padding-left:10%;height:1.54rem;line-height:1.54rem;margin:0.8rem auto 0;font-weight:bold;background:url(../Images/Index/more2.png) no-repeat;background-size:100% 1.54rem;}
.coop .prev{position: absolute;width: 7.8%;top: 14.8rem;left: 1%;}
.coop .next{position: absolute;width: 7.8%;top: 14.8rem;right: 1%;}
/*about*/
.about{padding:0 0 1.8rem;}
.about h2{height: 31rem;background:url(../Images/Index/about_bg.jpg) no-repeat;background-size:100% 31rem;}
.about h2 span{display: block;font-size: 1rem;color: #1c1c1c;text-align: center;line-height:2.5rem;padding-top:4.5rem;}
.about p{font-size: 1rem;color: #333;line-height: 1.6rem;width:94%;margin:0 auto;padding-top:0.5rem;}
.about .more{display: block;font-size: 0.8rem;color: #fff;width: 19.56%;padding-left:7.56%;height:1.54rem;line-height:1.54rem;margin:0.8rem auto 0;font-weight:bold;background:url(../Images/Index/more2.png) no-repeat;background-size:100% 1.54rem;}
/*news*/
.news{padding:0 0 0.5rem;}
.news .tab1{height: 2.7rem;width:92%;border-bottom:1px solid #d2d2d2;margin:0 auto;}
.news .tab1 li{float: left;width:49%;height: 2.7rem;line-height: 2.7rem;text-align: center;font-size: 1.1rem;color:#333;background: #ececec;}
.news .tab1 li i{width:1.2rem;height:1.2rem;display:inline-block;vertical-align:middle;margin-right:0.5rem;}
.news .tab1 li:nth-child(2){float: right;}
.news .tab1 li .i1{background:url(../Images/Index/new_ic1.png) no-repeat;background-size:1.2rem 1.2rem;}
.news .tab1 li .i2{background:url(../Images/Index/new_ic2.png) no-repeat;background-size:1.2rem 1.2rem;}
.news .tab1 li.z-on{background: #d40011;color: #fff;}
.news .tab1 li.z-on .i1{background:url(../Images/Index/new_ic1h.png) no-repeat;background-size:1.2rem 1.2rem;}
.news .tab1 li.z-on .i2{background:url(../Images/Index/new_ic2h.png) no-repeat;background-size:1.2rem 1.2rem;}
.new_item{width:92%;margin:0 auto;}
.new_item li{padding:1.4rem 0 0.8rem;height:2.1rem;border-bottom:1px solid #d2d2d2;line-height: 2.1rem;}
.new_item li a{font-size: 1rem;color: #666;}
.new_item li i{display:inline-block;width:2.1rem;height: 2.1rem;line-height: 2.1rem;text-align: center;font-size:1.2rem;color: #666;font-family: "Arial";border:1px solid #666;box-sizing: border-box;margin-right:0.7rem;}
.new_item li:last-child{border: 0;}





/**/
/**/
.loading{position:fixed;width:100%;height:100%; top:0; background:#fff url(/mobile/Images/index/kpx.jpg) no-repeat;background-size:100% auto;z-index:51; 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;
}