.wrap img{width: 100%;}


.loading{position:fixed;width:100%;height:100%; top:0;background:#f6f6f6 url(../mimg/show.jpg)/*tpa=http://m.mnlspool.com/static/mimg/show.jpg*/ no-repeat 50% 50%;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;
}


.ban{width: 100%;}
.ban img{ display:block; width:100%;}

/*ç–‘é—®*/
.yunu-section {padding: 1.5rem 0;}
.yunu-section-title {text-align: center;/* padding-top: 1rem; */font-size: 0.9rem;color: #565656;margin-bottom: 1rem;background: no-repeat center 0;background-size: auto 3.2rem;}
.yunu-section-title span {color: #0584ad;display: block;}
.yunu-section-title p {margin: 0;font-size: 0.6rem;}

.g-bd .container {padding: 0 0.5rem;}
.g-bd .yunu-section {padding: 1.5rem 0;}
.g-bd .yunu-section-title {text-align: center;/* padding-top: 2rem; */font-size: 1.5rem;color: #333;/* margin-bottom: 1rem; */background: no-repeat center 0;background-size: auto 7.2rem;font-weight: bold;}
.g-b d.yunu-section-title span {color: #0066d9;display: block;}
.g-bd .yunu-section-title p {margin: 0;font-size: 0.6rem;}
.g-bd .yunu-kunr {margin-left: -0.5rem;}
.g-bd .yunu-kunr li {float: left;width: 50%;color: #333;}
.g-bd .yunu-kunr li a {border: 1px solid #ddd;padding: 0.5rem;margin: 0 0 0.5rem 0.5rem;display: block;color: #333;font-size: 1.2rem;height: 7rem;}
.g-bd .yunu-kunr li span {display: block;width: 3rem;height: 3rem;line-height: 3rem;text-align: center;background-color: #f1f1f1;font-weight: bold;border-radius: 50%;}
.g-bd .yunu-kunr li p {margin: 0.5rem 0 0;font-size: 1.1remrem;}

.g-bd .yunu-kunr-lx {text-align: center;margin-top: 1.5rem;}
.g-bd .yunu-kunr-lx p {font-size: 0.8rem;margin: 0 0 0.3rem;font-size: 1.7rem;}
.g-bd .yunu-kunr-lx img {display: block;margin: 0 auto;width: 2.6rem;height: auto;}

.g-bd .yunu-fuw {text-align: center;/* margin-left: -1rem; */}
.g-bd .yunu-fuw dl {float: left;width: 50%;}
.g-bd .yunu-fuw dt {margin: 1rem 1.5rem 1rem;}
.g-bd .yunu-fuw dt img {display: block;width: 100%;height: auto;}
.g-bd .yunu-fuw dd {margin: 1rem 1rem 0 1rem;}
.g-bd .yunu-fuw dd h4 {margin: 0;color: #0066d9;font-size: 0.7rem;}
.g-bd .yunu-fuw dd p {margin: 0.5rem 0 0;font-size: 1.1rem;}


/*产品中心*/
.m-probox{font-size:1rem;line-height:1.8rem;padding:1.35rem 0;overflow: hidden;background: #f3f4f6;}
.protil{height:8.55rem;font-size: 1.2rem;line-height: 2.85rem;}
.protil li{width:46.625%;float: left;height: 2.9rem;margin: 0 0 0.5rem 1.56%;text-align: center;color: #4c4c4c;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;border: solid 1px #e3e3e3;border-radius: 0.15rem;background: -webkit-linear-gradient(#fff, #e3e3e3);
  background: -o-linear-gradient(#fff, #e3e3e3);
  background: -moz-linear-gradient(#fff, #e3e3e3); 
  background: linear-gradient(#fff, #e3e3e3);}
.protil li:nth-child(3n-2){margin-left: 2.344%;}

.til01{height:4rem;line-height:2.55rem;font-size: 2rem;color: #2f3030;text-align: center;white-space: nowrap;position: relative;}
.til01:before,.til01:after{content: "";position: absolute;width: 32.5%;height: 0.15rem;right: 0;top: 1.4rem;background:url(../mimg/tilbg1.png)/*tpa=http://m.mnlspool.com/static/mimg/tilbg1.png*/ no-repeat 0 0;-webkit-background-size:10.05rem 0.15rem; -moz-background-size: 10.05rem 0.15rem; -o-background-size: 10.05rem 0.15rem; background-size: 10.05rem 0.15rem;}
.til01:before{left: 0;transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.til01 p{display: block;font-size:1.2rem;line-height:1.7rem;color: #828282;}
.pro_c li{width:46.25%;float: left;margin:0 0 0.9rem 2.344%;position: relative;}






.pro_c li img,.part_c li img{width: 100%;display: block;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;border: solid 1px #dbe0e8;}
.pro_c li span{display: block;line-height:2.1rem;color: #666;background:#fff;height: 2.1rem;font-size: 1rem;text-align: center;}


.g-cp{background: #f2f2f2;padding: 1.5rem 0 5rem;position: relative;overflow: hidden;}
.g-cp:before{content: "";width: 0; height: 0; position: absolute; top: -4.4rem; left: 0;border-left:4.4rem solid #1a1037; border-top:4.4rem solid transparent;border-bottom:4.4rem solid transparent;} 
.g-cp:after{content: "";width: 0; height: 0; position: absolute; bottom: -4.4rem; right: 0;border-right:4.4rem solid #1a1037; border-top:4.4rem solid transparent;border-bottom:4.4rem solid transparent;} 

.m-bt{display: block;width: 100%;text-align: center;font-size: 1.7rem;color: #1a1037;font-weight: bold;height: 3.5rem;line-height: 3.5rem;position: relative;margin-bottom: 1.5rem;}
.m-bt:before{content: "";width: 70%; height: 1px; background: #e2e2e2; position: absolute; bottom: 1px; left: 15%;}
.m-bt:after{content: "";width: 1.8rem; height: 0.15rem; background: #098bcb; position: absolute; bottom: 1px; left: 47%;}

.fenl{width: 96.88%;margin:0 auto;}
.fenl ul li{width: 100%;height: 3rem;line-height: 2.5rem;overflow: hidden;border-bottom: #d2d2d2 1px solid;position: relative;margin-top: 1rem;}
.fenl ul li:before{content: "";width: 0; height: 0; position: absolute; top: 0.8rem; left: 5.3rem;border-left:0.5rem solid #1a1037; border-top:0.5rem solid transparent;border-bottom:0.5rem solid transparent;} 
.fenl ul li a{font-size: 1.2rem;color: #1a1037;font-weight: bold;display: block;width: 100%;}
.fenl ul li em{float: right;font-size: 1rem;color: #666;font-weight: normal; font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;}
.fenl p{height: 3rem;line-height: 3rem;border-bottom: #d2d2d2 1px solid;width: 100%;}
.fenl p a{font-size: 1rem;color: #333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display: block;width: 20%;float: left;position: relative;height: 3rem;line-height: 3rem;text-align: center;}
.fenl p a:before{content: "";width: 1px; height: 60%; background: #b0b0b0; position: absolute; top: 0.3rem; right: 0;transform: rotateZ(15deg);}
.fenl p a:last-child:before{ background: none;}
.fenl ul li:first-child{margin-top: 2rem;}

.m-cp{padding: 2rem 0 0;}
.m-cp ul li{width: 45.63%;float: left;line-height: 0;padding: 0 0.6rem;}
.m-cp ul li img {border: #cecece 1px solid;display: block;box-sizing:border-box;}
.m-cp ul li span{display: block; width: 100%; text-align: center; height: 3.4rem; line-height: 3.4rem; font-size: 1rem; color: #333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


    /**/
.g_tid{overflow: hidden;background:url(../mimg/tid.jpg)/*tpa=http://m.mnlspool.com/static/mimg/tid.jpg*/ no-repeat center 0;background-size:100%;height: 23.8rem;max-width: 640px;margin-bottom: 0.9rem;}
.g_tid h2{text-align: center;padding-top: 0.5rem;/* margin-top: 0.5rem; */}
.g_tid h2 strong{ display: block; color: #0584ad; font-size: 1.33rem; padding-bottom: 0.1rem; line-height: 100%;}
.g_tid h2 span{ display: block; font-size: 0.92rem; color: #666; padding: 0.2rem 0 2.7rem 0;}
.g_tid p{ position: relative; color: #2e2e2e; font-size: 0.75rem;}
.g_tid p span{ display: block;}
.g_tid p i{ display: block; position: absolute; line-height: 100%;}
.g_tid p i:first-child{left: 3.2%;top: 31px;}
.g_tid p i:nth-child(2){left: 3.5%;top: 9rem;}
.g_tid p i:nth-child(3){left: 4%;top: 14.2rem;}
.g_tid p i:nth-child(4){left: 75.5%;top: 25px;text-align: right;}
.g_tid p i:nth-child(5){left: 71.5%;top: 8.2rem;}
.g_tid p i:nth-child(6){left: 71.5%;top: 14.9rem;}
    /**/


.g-pk{width: 100%;margin-top: -3rem;position: relative;z-index: 10;}
.g-pk .u-more{display: block;width: 100%;height: 6rem;}
.g-pk span{ display:block;width: 6rem;margin:0 auto;}
.g-pk span img{width: 6rem;height: 6rem;}
.m-pk{width: 100%; margin:1rem 0 0; display:none;line-height: 0;height: 20rem;}


.g-case{width:96.88%;margin:0 auto;overflow:hidden;/* padding: 2rem 0; */padding-bottom: 2rem;}
.g-case .m-cnt{ width:100%; padding:2rem 0 0; height:10rem;}
.g-case .m-cnt li{width: 10rem;height: 3.7rem;line-height: 3.7rem;font-size: 1rem;color: #1a1037; background:#ededed;border-radius:0.5rem; float:left; margin-bottom:0.6rem; margin-right:0.3rem;}
.g-case .m-cnt li em{display: block;float: left;line-height: 0;width: 1.4rem;height: 1.4rem;margin: 1.2rem 0.3rem 0 1.2rem; overflow:hidden;}
.g-case .m-cnt li em img{width: 1.4rem;height: 1.4rem;}
.g-case .m-cnt li.z-on{background: #0584ad; color:#fff;}
.g-case .m-cnt li.z-on em img{}
.g-case .m-cnt li:nth-child(3n){ margin-right:0;}
.g-case .m-box .con{ display:inline; float:left;}
.g-case .case_pic{display: block;width: 100%;line-height: 0; position:relative;}
.g-case .case_pic span{ width:100%; display:block; text-align:center; height:2.5rem; line-height:2.5rem; overflow:hidden; position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.5);font-size: 1rem;color: #fff;}


.g-hz{width:100%;overflow:hidden;padding: 0 0 2rem;}
.g-hz .m-box .con{ display:inline; float:left;}
.g-hz ul li{width: 29.38%;float:left;margin-left: 0.9rem;}


.g-hz ul li span{text-align: center;width: 100%;display: block;color: #333;}
.g-hz ul li img{border-radius: 1rem;}


/*优势*/
.m-edge{font-size:1.1rem;line-height: 1.75rem;position: relative;padding: 0.4rem 0 2.4rem;clear: both;height: 48.9rem;}
.m-edge h2{height:9.65rem;}
.edge_t{text-align: center;height: 9.9rem;font-size: 1.2rem;line-height: 2.6rem;color: #333;overflow: hidden;}
.edge_t ul li{width: 15.78%;float: left;margin:0 0 0 7.37%;position: relative;background:url(../mimg/edgelbg1.png)/*tpa=http://m.mnlspool.com/static/mimg/edgelbg1.png*/ no-repeat center 0;-webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;white-space: nowrap; }
.edge_t ul li.cur{background:url(../mimg/edgelbg2.png)/*tpa=http://m.mnlspool.com/static/mimg/edgelbg2.png*/ no-repeat center 0;-webkit-background-size:100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}

.edge_c{overflow: hidden;}
.edge_c dt,.edge_c dd{margin: 0 2.344%;}
.edge_c dt img{width: 100%;display: block;}
.edge_c dd{padding:1rem 0 0;}
.edge_c dd h3{height: 4.5rem;font-size: 1.5rem;line-height:1.25rem;color:#000;}
.edge_c dd h3 em{font-size:2.4rem;line-height:3.4rem;color: #fff;font-family: Arial;display: block;width: 3.8rem;height: 3.4rem;background: #686868;border-top: solid 0.2rem #0584ad;float: left;text-align: center;margin: 0.2rem 1rem 0 0;}
.edge_c dd h3 p{width: 75%;float: left;white-space: nowrap;}
.edge_c dd h3 p b{/* display: block; */font-size: 2rem;line-height: 3.5rem;color: #0584ad;}
.edge_c dd ul li{padding: 0 0 0 1rem;background:url(../mimg/ico02.gif)/*tpa=http://m.mnlspool.com/static/mimg/ico02.gif*/ no-repeat 0.3rem 0.5rem;-webkit-background-size:0.4rem 0.4rem;-moz-background-size: 0.4rem 0.4rem;-o-background-size: 0.4rem 0.4rem;background-size: 0.4rem 0.4rem;color: #666;width: 91%;}



/*èµ°è¿›*/
.about{position: relative;height: 58.8rem;padding-top: 2rem;}
.about h2{text-align: center;font-size: 2.2rem;color: #252525;line-height: 2rem;font-weight: normal;position: relative;z-index: 1;padding-top:4.3rem;}
.about h2 b{background: url(../mimg/sl_tbg.png)/*tpa=http://m.mnlspool.com/static/mimg/sl_tbg.png*/ no-repeat center top;width:2.85rem;height: 3.1rem;display: block;text-align: center;padding-top: 0.8rem;margin: 0 auto;margin-bottom: .4rem;background-size: 100% 3.3rem;}
.about h2 b img{width:1.75rem; height: auto; margin: 0 auto;}
.about h2 span{color: #D82633;font-weight: bold;margin-left: 0.4rem;}
.about h2 em{display: block;margin-top: .9rem;font-size: 1rem;line-height: 1rem;}
.about h2 em i{color: #D0D0D0;font-weight: lighter;margin: 0 0.1rem;}
.about .con{margin-top: 1.4rem;}
.about .con h3{font-size: 1.2rem;text-align: center;display: block;color: #252525;font-weight: bold;}
.about .con p.ms{font-size: 1rem;color: #393939;line-height: 1.8rem;padding: 0 1.3rem;text-align: center;margin-top: 1rem;}
.about .picc{position: relative;margin-top:18px}
.about .tit{margin-top:2.3rem;text-align:center}
.about .tit ul li{display:inline-block;width: 29.38%;float:left;margin-left: 0.5rem;}
.about .tit ul li a{display:inline-block;margin-right:2.3rem}
.about .tit ul li img{display:inline-block;vertical-align:middle;-webkit-filter:grayscale(100%);filter:grayscale(100%);transition:all .2s ease-in;width:1.3rem}
.about .tit ul li span{display:inline-block;font-size:1.2rem;color:#1A1A1A;font-weight:700;vertical-align:middle;margin-left:.5rem;transition:all .2s ease-in;line-height:0}
.about .tit ul li:last-child a{margin-right:0}
.about .tit ul li.cur span{color:#D82633}
.about .tit ul li.cur img{-webkit-filter:grayscale(0);filter:grayscale(0)}
.about .cons{margin:0 3.125%;margin-top:1.2rem;overflow:hidden}
.about .cons li{float:left;width: 47%;}
.about .cons li span{ text-align: center;
    width: 100%;
    display: block;
    color: #333;}

.about .cons li:nth-child(2n){margin-right:0;float:right}
.about .cons li img{width:100%}




html {font-size: 10px;-webkit-text-size-adjust: none;}
@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: 400px) {html {font-size: 12.5px;}}
@media screen and (min-width: 414px) {html {font-size: 12.94px;}} 
@media screen and (min-width: 440px) {html {font-size: 13.75px;}}
@media screen and (min-width: 480px) {html {font-size: 15px;}}
@media screen and (min-width: 520px) {html {font-size: 16.25px;}}
@media screen and (min-width: 560px) {html {font-size: 17.5px;}}
@media screen and (min-width: 600px) {html {font-size: 18.75px;}}
@media screen and (min-width: 640px) {html {font-size: 20px;}}