body{background: #f9f9f9;}
.wrap img{display: block;width: 100%;}

.tit01{text-align: center; }
.tit01 h2{font-size: 2.4rem; font-family: "Microsoft YaHei";color: #000000;font-weight:normal;position: relative; line-height: 3.8rem; }
.tit01 a{color: #000000; }
.tit01 p{ font-weight: normal; display: block;font-size:1.2rem;color: #666666; line-height:2rem; }

/**/
.m-adv {width: 100%;  position:relative;}
.m-adv img{ width:100%; display: block;}
.m-adv .swiper-pagination{bottom: 1rem !important; z-index: 1}
.m-adv .swiper-pagination .swiper-pagination-bullet{width: 0.9rem; height: 0.9rem; margin:0rem 0.3rem !important;background-color: #fff; opacity: 1; position: relative;}
.m-adv .swiper-pagination .swiper-pagination-bullet-active{ background-color: #ec8500;border:0.1rem solid #ec8500;width: 0.7rem; height: 0.7rem;}

/**/
.m-guide{ clear: both; overflow: hidden;background:#fff;background-size: 100% 100%;  padding: 2.3rem 0; box-sizing: border-box; font-family: "Microsoft YaHei";}
.guide{width:92%;margin:0 auto 2.5rem;}
.m-guide dl{ width:100%;text-align: center;}
.m-guide dd{width:100%;}
.m-guide dd h3{line-height: 2rem;font-size: 2.1rem;color: #000000;font-weight: normal;margin-bottom: 1.6rem;}
.m-guide dd p{ font-size:1.2rem; color:#666666; line-height: 1.8rem;}
.m-guide dd p a{color:#666;}
.m-guide dt{padding-top:3rem;position: relative;}
.m-guide dt img{width:91%;position: relative;z-index: 1;}
.m-guide dt .j-img{width:7.5rem;height:7.1rem;position: absolute;right:-1.5rem;top:1rem;z-index: 2;}
.m-guide dt .x-img{width:7.5rem;height:8.9rem;position: absolute;right:-1.5rem;top:7.5rem;z-index: 2;}
.guide-count{width:100%;margin:0 auto;}
.guide-count li{width:33.33%;float: left;border-right: 1px solid #e2e2e2;text-align: center;box-sizing: border-box;}
.guide-count li em{display: block;font-size: 1.2rem;font-weight: bold;color: #42423f;height: 3rem;}
.guide-count li em b{ font-size: 3rem;font-family: Arial, Helvetica, sans-serif;}
.guide-count li p{font-size: 1.2rem;color: #666666;line-height: normal;}
.guide-count li:last-child{border-right: 0;}


/* */
.m-quality{ clear: both; overflow: hidden; background:#e3e3e3;background-size: 100% 100%; padding:2.7rem 0 2.5rem; box-sizing: border-box; font-family: "Microsoft YaHei";}
.m-quality .tit01{height:8rem;}
.m-quality .tit01 h2{background:url(../images/quality-tit.png) no-repeat center bottom;background-size:11.65rem 0.15rem;}
.quality{width: 92%;margin:0px auto;}
.quality dl{width:100%;margin-bottom: 0.7rem;clear: both;overflow: hidden; background:#fff;box-shadow: 0 0 0.4rem #e1e1e1; }
.quality dt{width:40.28%;overflow: hidden; float: left;}
.quality dt img{width:100%;display: block;}
.quality dd{width:52.17%; text-align: left; float: right;margin-right: 1.25rem;}
.quality dd h4{height: 3rem;line-height: 3rem;font-size: 1.3rem;color:#333333;font-weight: bold; }
.quality dd p{font-size: 1.1rem;color: #666666;line-height: 1.5rem;}
.quality dl:last-child{margin-right: 0;}

/**/
.m-super{padding:2.3rem 0 0rem; background:#fff; background-size:100% auto;}
.m-super .tit01{height:7rem;}
.m-super .tit01 h2{background:url(../images/super-tit.png) no-repeat center bottom;background-size: 16.05rem 0.15rem;}
.super{position: relative;padding-top:5rem;}
.super-nav{position: absolute;height:9.5rem;width:100%;top:0;left:0;z-index: 2;}
.super-nav li{background: url(../images/supertbg.png) no-repeat center top;background-size: 100% 100%;height:9.5rem;width:9rem;float: left;padding-top: 2.1rem;box-sizing: border-box;margin-right: 0rem;}
.super-nav li:first-child{margin-left:1%;}
.super-nav li i{width:3rem;height:2.5rem;display:block; overflow: hidden;margin:0 auto 0.5rem;}
.super-nav li i img{width:100%;display: block}
.super-nav li i .ico{display: block;}
.super-nav li i .curico{display: none;}
.super-nav li b{font-size: 1.2rem;font-weight: normal;line-height: 2rem;text-align: center;color: #000000;display: block;}
.super-nav li.cur{background: url(../images/supertcurbg.png) no-repeat center top;background-size: 100% 100%;}
.super-nav li.cur .curico{display: block;}
.super-nav li.cur .ico{display: none;}
.super-nav li.cur b{color: #fff;}
.super-con{margin:0 auto; width:100%; overflow:hidden;}
.super-con dl{position: relative;background:#eeeeee;padding-bottom:2.5rem;}
.super-con dt{ width:100%; margin:0 auto; position: relative;}
.super-con dt img{ display:block; width:100%;}
.super-con dd{width:92%;margin:2.3rem auto;}
.super-con dd h4{text-align: left; font-weight: bold; font-size:1.4rem; color:#333333;line-height: 2.3rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;height:2.3rem;}
.super-con dd h4 b{color: #ec8500;}
.super-con dd p{ font-size:1.2rem; color:#666666;line-height: 1.8rem;margin-top:1.6rem;background:url(../images/super-ico.png) no-repeat left 0.65rem;background-size:0.4rem;padding-left:1.3rem;}

/* */
.m-products{ clear: both; overflow: hidden; background:#ffffff;background-size: 100% 100%; padding:2.3rem 0 4rem; box-sizing: border-box; font-family: "Microsoft YaHei";}
.m-products .tit01{height:6.8rem;}
.m-products .tit01 h2{background:url(../images/pro-tit.png) no-repeat center bottom;background-size: 12rem 0.15rem;}
.clm{width: 100%;margin-bottom: 1.25rem;}
.clm dt a{display: block;height: 2.6rem;line-height: 2.6rem;font-size: 1.5rem;color: #333333;padding-left:3.8rem; background:url(../images/clmico.png) no-repeat 1.5rem center;background-size: 2rem;margin-bottom: 1.1rem;}
.pro{width: 92%;overflow: hidden;margin:0 auto;}
.pro-ad{width:100%;margin:0 auto;position: relative;padding-bottom: 0.55rem;}
.pro-ad ul{width: 100%;}
.pro-ad li{width: 48.4%;  box-sizing: border-box;float: left;margin-right: 3.18%;position: relative;margin-bottom: 1.05rem;}
.pro-ad li img{display: block;width: 100%;}
.pro-ad li h4{height: 2.4rem; text-align: center;font-size:1.2rem; color: #333333;line-height:2.4rem;display: block;width: 100%; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;box-sizing: border-box;width:100%;background:#e2e2e2;}
.pro-ad li:nth-child(2n){margin-right: 0;}

.pro-nav{width: 100%;clear: both;overflow: hidden; margin:0 auto 1.9rem; position: relative;}
.pro-nav a{width: 33.33%;text-align: center; float: left; font-size: 1.2rem; line-height: 3.6rem;box-sizing: border-box;color: #fff; text-decoration: none; display: block;background:#3c424e;border-right: 1px solid #fff;border-bottom: 1px solid #fff;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.pro-nav a:nth-child(4),.pro-nav a:nth-child(5){width:50%;}
.pro-nav a:nth-child(3),.pro-nav a:nth-child(5){border-right: 0;}
.pro-nav a.cur{background: #ec8500;}
.pro-clm{position: relative;}
.pro-clm a{display: block;position: relative;width: 48.4%;  box-sizing: border-box;float: left;margin-right: 3.18%;position: relative;}
.pro-clm a h4{height: 2.4rem; text-align: center;font-size:1.2rem; color: #333333;line-height:2.4rem;display: block;width: 100%; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;box-sizing: border-box;width:100%;background:#e2e2e2;}
.pro-clm a:nth-child(2n){margin-right: 0;}

/**/
.m-case{ background:url(../images/casebg.jpg) no-repeat center top; padding:1.9rem 0;background-size: 100% 100%; padding:2.3rem 0 4rem; box-sizing: border-box; font-family: "Microsoft YaHei";}
.m-case .tit01{height:7.4rem; }
.m-case .tit01 h2{background:url(../images/case-tit.png) no-repeat center bottom;background-size: 17.15rem 0.15rem;}
.case{ width:100%; margin:0 auto; position: relative;overflow: hidden;}
.case dl{ }
.case dl dt{width:100%;margin:0 auto;position: relative;padding-bottom: 3rem;background:url(../images/casedlbg.jpg) no-repeat center bottom;background-size: 100%;}
.case dl dt img{width:100%;display: block;}
.case dl dt em{display: block;position: relative;width:86.4%;margin:0 auto;}
.case dl dt em::after{content:""; position:absolute; top:0; left:0; width:100%; height:100%;background:rgba(0, 0, 0, 0.5);}
.case dl dt i{width:3.2rem; height:3.2rem;  display: block;background: url(../images/case-vdo.png) no-repeat;background-size: 100% 100%; position: absolute; left:50%;top:50%;margin-left: -1.6rem;margin-top: -1.6rem; z-index: 1;} 
.case dl dd{padding:0 1.5rem;box-sizing: border-box;}
.case dl dd h4{ font-size: 1.5rem;height: 3.6rem;line-height: 3.6rem;text-align: center;color: #333333; font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.case dl dd h4 a{color: #333333;}
.case dl dd p{ font-size: 1.1rem;color: #666666;line-height: 1.8rem;text-align: center;}
.case dl dd .case-btn{width:8.7rem;height:2.45rem;line-height: 2.45rem;display: block;text-align: center; font-size: 1.1rem;color: #fff;background:#ec8500;margin:1rem auto 0;}


/**/
.m-chara{ clear: both; overflow: hidden;background:#3c424e;background-size: 100% 100%;  padding: 2.5rem 0 3.5rem; box-sizing: border-box; font-family: "Microsoft YaHei";}
.m-chara .tit01{height:7.5rem;}
.m-chara .tit01 h2,.m-chara .tit01 p,.m-chara .tit01 h2 a{color: #fff;}
.m-chara .tit01 h2{background:url(../images/chara-tit.png) no-repeat center bottom;background-size: 19.05rem 0.15rem;}

.chara{width:100%;margin:0 auto;position: relative;}
.chara-tit{margin-bottom: 1.25rem;}
.chara-tit li{width:19.73%;height:7.4rem;border:1px solid rgba(255, 255, 255, 0.4);border-radius:100%;text-align: center;float: left;margin-left:4.26%;margin-bottom: 0.75rem;color: #ffffff;font-size: 1rem;;padding-top:1.7rem;box-sizing: border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.chara-tit li i{display: block;opacity: 0.2;color: #fff; font-size: 2.6rem;font-family: arial;height:1.6rem;overflow: hidden;}
.chara-tit li.cur{background:#ec8500;border-color: #ec8500;color: #fff;}
.chara-tit li.cur i{color: #fff;}
.chara-con{width:100%;margin:0 auto;position: relative;}
.chara-con dl{}
.chara-con dt{width:89.2%;margin:0 auto;}
.chara-con dd{width:100%;padding:1.7rem 4% 3.4rem;background:#f1f1f1;position: relative;box-sizing: border-box;}
.chara-con dd::after{content:""; position:absolute; top:-1.2rem; left:4%; width:2.55rem; height:1.2rem;}
.chara-con dd h4{ line-height: 2.2rem;font-size: 1.5rem;color: #3a383a;margin-bottom: 1rem;}
.chara-con dd  p{line-height: 1.5rem;font-size: 1.2rem;}
.chara-prev{width: 1rem;height:1.25rem;background:url(../images/chara-prev.png) no-repeat;background-size: 100%; position: absolute; left:0.6rem !important;top:8rem; z-index: 2;}
.chara-next{width: 1rem;height:1.25rem;background:url(../images/chara-next.png) no-repeat;background-size: 100%; position: absolute;right:0.6rem !important;top:8rem;z-index: 2;}


/**/
.m-news{padding:1.8rem 0 0rem; background:#fff; background-size:100% auto;}
.m-news .tit01{height:7.1rem;}
.m-news .tit01 h2{background:url(../images/abt-tit.png) no-repeat center bottom;background-size: 18.2rem 0.15rem;}
.news-nav{ width:92%; margin:0 auto 1.5rem; height:3.4rem; background:#fff; overflow:hidden; text-align:left;border:1px solid #dcdcdc;border-radius: 2.5rem;box-shadow: 0 0 0.25rem #f0f0f0;}
.news-nav a{ display:block;padding-left: 4.5rem; width:50%; float:left; font-size:1.5rem; color:#333333; overflow:hidden;text-overflow: ellipsis;white-space: nowrap; line-height:3.4rem;  box-sizing:border-box;}
.news-nav a em{width:2rem;height:1.9rem;overflow: hidden;position: relative;float: left;margin-top:1rem;margin-right: 0.5rem;}
.news-nav a em img{position: absolute;left:0;top:0;width:2rem;display: block; }
.news-nav .active{ color:#fff;background:#ec8500; border-radius: 2.5rem;border-right: 0;}
.news-nav .active em img{top:-1.9rem;}
.news-con{margin:0 auto; width:92%; overflow:hidden;padding-bottom: 1.7rem;}
.news-con dl{ background:#fff;padding-bottom: 1.4rem;border-bottom: 1px solid #dddddd;margin-bottom: 1.3rem;}
.news-con dt{ width:38.69%; float: left;}
.news-con dt img{ display:block; width:100%;}
.news-con dd{width:57.9%; float: right;}
.news-con dd h4{font-size:1.2rem; color:#333333;line-height: 2.6rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;height:2.6rem;margin-bottom: 0.7rem;}
.news-con dd p{ font-size: 1.2rem;line-height: 1.5rem;color: #666666;}
.news-con .dl2{border-bottom: 0;margin-bottom: 0;}
.news-con ul{padding:1rem;background:#f1f1f1;width:100%;box-sizing: border-box;}
.news-con li{ font-size:1.2rem; color:#666666; height:3rem; line-height:3rem; overflow:hidden;text-overflow: ellipsis;white-space: nowrap; position:relative; padding-left:1rem;}
.news-con li a{color: #666666;}
.news-con li:before{ content:""; position:absolute; top:1.4rem; left:0; width:0.4rem; height:0.35rem; background:url(../images/newsico.gif) no-repeat;background-size: 100%;}


/*走进*/
.m-about{ padding:1.5rem 0 2.5rem;background:#fff;background-size:100%;}
.m-about .tit01{height:7.1rem;}
.m-about .tit01 h2{background:url(../images/abt-tit.png) no-repeat center bottom;background-size: 18.2rem 0.15rem;}
.about dt{position: relative;}
.about dt img{ display:block; width:100%;}
.about dd{margin:-4.1rem auto 0;width:92%;padding:2rem 1.4rem;position: relative;box-sizing: border-box;text-align: center;height:10rem;background:#fff;box-shadow: 0.1rem 0.3rem 0.6rem #efefef;}
.about dd p{font-size: 1.2rem; color: #666666;line-height: 1.8rem; text-align: center;}

.show-nav{width:100%;position: relative; position: relative;height:11rem;margin:1.8rem 0 0;}
.show-nav a{display: block;width: 33.33%;float: left;box-sizing: border-box; font-size: 1.2rem; color:#666666; height:11rem;text-align: center; font-weight: normal;box-shadow: 0 0 1rem #f0f0f0;padding-top:2rem;}
.show-nav a em{width:4rem;height:4rem;overflow: hidden;position: relative;margin:0 auto 1rem;display: block;}
.show-nav a em img{width:100%;display: block;}



html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:8.5333px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.66666666666px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73333333333333px;}}
@media screen and (min-width:480px){html{font-size:12.8px;}}
@media screen and (min-width:520px){html{font-size:13.86666666666667px;}}
@media screen and (min-width:560px){html{font-size:14.93333333333333px;}}
@media screen and (min-width:600px){html{font-size:16px;}}
@media screen and (min-width:640px){html{font-size:17.06666666666667px;}}
@media screen and (min-width:680px){html{font-size:18.1333333333px;}}
@media screen and (min-width:700px){html{font-size:18.66666666666667px;}}
@media screen and (min-width:720px){html{font-size:19.2px;}}
@media screen and (min-width:750px){html{font-size:20px;}}