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

.tit01{text-align: center; position: relative;}
.tit01 h2{font-size: 2.4rem; font-family: "Microsoft YaHei";color: #1b1c21;font-weight:normal;position: relative; line-height: 3rem; padding-bottom: 0.75rem;}
.tit01 a{color: #1b1c21; }
.tit01 p{ font-weight: normal; display: block;font-size:1.3rem;color: #333333; line-height:2.5rem; }

.tit02{text-align: center; }
.tit02 h2{font-size: 2.4rem; font-family: "Microsoft YaHei";color: #fff;font-weight:normal;position: relative; line-height: 3rem; padding-bottom: 0.5rem;}
.tit02 a{color: #fff; }
.tit02 p{ font-weight: normal; display: block;font-size:1.3rem;color: #fff; line-height:2.5rem; }

/**/
.m-adv {width: 100%;  position:relative;}
.m-adv img{width:100%;display: block;/* height: 75vh; */}
.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: #666; opacity: 1; position: relative;}
.m-adv .swiper-pagination .swiper-pagination-bullet-active{ background-color: #c5a059;border:0.1rem solid #c5a059;width: 0.7rem; height: 0.7rem;}

/**/
.m-guide{ clear: both; overflow: hidden;background:#fff;background-size: 100% 100%;  padding: 2.5rem 0; box-sizing: border-box; font-family: "Microsoft YaHei";}
.m-guide .tit01{height:8.6rem;}
.m-guide .tit01 h2{background:url(../images/guidetit.png) no-repeat center bottom;background-size: 15.2rem 0.15rem;}
.m-guide .tit01::before{content: "";position: absolute;width:1.45rem;height: 1.45rem;right:6.8rem;top:0;background:url(../images/guide-ico2.png) no-repeat;background-size: 100%;z-index: 0;}
.guide{width:92%;margin:0 auto;}
.guide dl{width:100%;position: relative;}
.guide dl dd{width:100%;margin-bottom: 2rem;}
.guide dl dd p{font-size: 1.2rem; color: #666666; line-height:2.4rem;padding-left: 2.5rem;background: url(../images/guide-ico.png) no-repeat 0.8rem center; background-size: 1.05rem 1.2rem;}
.guide dl dd p b{color: #c5a059;font-weight: bold;}
.guide dl dt{width:100%;}
.guide dl dt .guide-desc2{width:100%;border:1px solid #d9dbe9;border-radius: 1.3rem; padding:1rem 0;font-size:1.5rem; color: #1b1c21; line-height:2rem;text-align: center;}
.guide dl dt .guide-desc2 b{color: #c5a059;font-weight: normal;display: block;}


/* */
.m-chara{ clear: both; overflow: hidden; background:url(../images/charabg.jpg) no-repeat center 0;background-size: 100% 100%; padding:3rem 0 2rem; box-sizing: border-box; font-family: "Microsoft YaHei";}
.m-chara .tit02{height:9rem;}
.m-chara .tit02 h2{background:url(../images/charatit.png) no-repeat center bottom;background-size:15.2rem 0.15rem;}
.chara{width: 92%;margin:0 auto;}
.chara dl{width:47.97%;margin-right: 4.06%;background:#fff; float: left;border-radius: 1rem;margin-bottom: 1.5rem;}
.chara dt{width:100%;overflow: hidden;border-top-left-radius: 1rem;border-top-right-radius: 1rem;}
.chara dt img{width:100%;display: block;border-top-left-radius: 1rem;border-top-right-radius: 1rem;}
.chara dd{height: 8.9rem;text-align: center;padding:1rem 1.6rem 0;box-sizing: border-box;}
.chara dd h4{height: 2rem;line-height: 2rem;font-size: 1.5rem;color:#333333;font-weight: bold; margin-bottom: 0.5rem;}
.chara dd p{font-size: 1.2rem;color: #666666;line-height: 1.8rem;}
.chara dl:nth-child(2n){margin-right: 0;}


/* */
.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/protit.png) no-repeat center bottom;background-size: 11.05rem 0.15rem;}

.pro{width: 92%;overflow: hidden;margin:0 auto;}
.pro-nav{width: 100%;clear: both;overflow: hidden; margin:0 auto 1.9rem; position: relative;}
.pro-nav h3 a{/* width: 28%; */text-align: left;float: left;font-size: 1.4rem;line-height: 3.85rem;box-sizing: border-box;color: #fff;text-decoration: none;display: block;background:#5b5b5b;border-right: 0.1rem solid #fff;border-radius: 0.5rem;padding-left: 1.037rem;position: relative;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 1.037rem;margin-bottom: 0.1rem;}
.pro-nav h3 a:last-child{/* width: 72%; */}
.pro-nav h3 a:before{content:"";position:absolute;top:1.8rem;left: -0.606rem;width:0.35rem;height:0.35rem;background:#fff;background-size: 100%;}
.pro-nav a.cur{background: #c5a059;}
.pro-nav p{clear: both;overflow: hidden;padding-top:1rem;}
.pro-nav p a{width: 37%;text-align: left; float: left; font-size: 1.3rem; line-height: 2.35rem; display: block;padding-left: 1.3rem;background:url(../images/clmico1.png) no-repeat left center;background-size:0.35rem 0.6rem;color: #666666;box-sizing: border-box;}
.pro-nav p a:nth-child(3n){width:26%;}

.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: 0.55rem;}
.pro-ad li img{display: block;width: 100%;border:1px solid #dcdcdc;box-sizing: border-box;height: 120px;object-fit: contain;}
.pro-ad li h4{height: 3.1rem; text-align: center;font-size:1.3rem; color: #333333;line-height:3.1rem;display: block;width: 100%; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;box-sizing: border-box;width:100%;}
.pro-ad li:nth-child(2n){margin-right: 0;}
.pro-btn{width:100%;height:4rem;line-height: 4rem;background: #c5a059;border-radius: 2.5rem;text-align: center;font-size: 1.5rem;color: #fff;/* font-family: Arial; */display: block;text-align: center;margin-top:1rem;}




/**/
.m-case{ 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/casetit.png) no-repeat center bottom;background-size: 22.55rem 0.15rem;}
.case{ width:92%; margin:0 auto; position: relative;overflow: hidden;}
.case-nav{width:100%;margin:0 auto 3rem;clear: both;overflow: hidden;}
.case-nav li{ height: 3.35rem;line-height: 3.35rem; width:33.33%; font-size:1.3rem;background:#e7e7e7; border-right:1px solid #fff;border-bottom:1px solid #fff; color: #333333;text-align: left;float: left; box-sizing: border-box;position: relative;}
.case-nav li em{display: block;width: 1.5rem; height: 1.4rem; overflow: hidden; position: relative; margin: 1rem 0.4rem 0 1rem;  float: left;}
.case-nav li em img{width:1.5rem; display: block;position: absolute;top:0;left:0;-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.case-nav li a{color: #666666; text-decoration: none; }
.case-nav li.cur,.case-nav li:hover{background: #c5a059;}
.case-nav li.cur a,.case-nav li:hover a{color: #fff;}
.case-nav li.cur em img,.case-nav li:hover em img{top:-28px;}

.case dl{background:#f1f1f1;width:100%;clear: both;overflow: hidden;}
.case dl dt{width:50%;position: relative; float: left;}
.case dl dt img{width:100%;display: block;}
.case dl dd{padding:0 1rem 0 1.5rem;box-sizing: border-box;width:50%;float: right;}
.case dl dd h4{ font-size: 1.5rem;height: 2rem;line-height: 2rem;margin:1rem 0 0.5rem; text-align: left;color: #131313; font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.case dl dd h4 a{color: #131313;}
.case dl dd p{ font-size: 1.3rem;color: #666666;line-height: 2rem;text-align: justify;}
.case dl dd .case-btn{width:6.5rem;height:2.45rem;line-height: 2.45rem;display: block;text-align: left; font-size: 1.3rem;color: #c5a059;background:url(../images/case-ico.png) no-repeat right center;background-size:0.35rem 0.65rem;}
.case dl:nth-child(2n) dd{float: left;}
.case dl:nth-child(2n) dt{float: right;}

/**/
.m-partner{ box-sizing: border-box;background:url(../images/partnerbg.jpg) no-repeat center top;background-size: 100% 100%; padding:3rem 0 1.3rem;clear: both; overflow: hidden; font-family:"Microsoft Yahei";}
.m-partner .tit02{height:8.1rem;}
.m-partner .tit02 h2{background:url(../images/partnertit.png) no-repeat center bottom;background-size: 17.7rem 0.15rem;}
.partner-con{width:92%;position: relative;overflow: hidden;margin:0 auto;padding-bottom: 2.3rem;}
.partner-con img{width: 100%;display: block;}
.partner-con ul{width: 100%; clear: both;overflow: hidden;}
.partner-con li{width: 33.33%; float: left;border:1px solid #000;box-sizing: border-box;}
.partner-con .swiper-pagination{bottom: 0rem !important; z-index: 1}
.partner-con .swiper-pagination .swiper-pagination-bullet{width: 0.6rem; height: 0.6rem;margin:0 0.6rem !important;background: #fff; opacity: 1; position: relative;}
.partner-con .swiper-pagination .swiper-pagination-bullet-active{ background: #c5a059;width:3.6rem;border-radius: 0.3rem;}


/* 优势 */
.m-super{position:relative;padding:2.6rem 0 1rem;font-size:1.3rem;line-height:1.8rem;color: #666;position: relative;background: #f1f1f1;z-index: 1;}
.m-super .tit01{height:8.4rem;}
.m-super .tit01 h2{background:url(../images/supertit.png) no-repeat center bottom;background-size: 22.55rem 0.15rem;}

.prev1,.next1{width: 3.55rem;height: 3.55rem;display: block;position: absolute;z-index: 2;top: 48%;right: 4%;}
.prev1{left: 4%;}
.prev1 img,.next1 img{display: block;width: 100%;}
.super_t{height:7.7rem;text-align: center;font-size: 1.4rem;line-height:1.8rem;color: #666;position: relative;z-index: 1;}
.super_t:before{content: "";position: absolute;width:100%;height:1px;background:#d3d3d3;right:0;top:0.5rem;z-index: -1;}
.super_t li{width:16.66%;position: relative;float: left;padding: 1.7rem 0 0;}
.super_t li:before{content: "";position: absolute;width:1rem;height:1rem;left:50%;top:0;z-index: -1;background: #f1f1f1;border: solid 0.2rem #999;box-sizing:border-box;border-radius: 100%;margin-left: -0.5rem;}
.super_t li.cur:before{border-color: #c5a059;}
.super_t li.cur{color: #c5a059;font-weight: bold;}

.super_c{overflow: hidden;position: relative;padding: 0 0 4.5rem;background: #fff;border-radius: 0.9rem;}
.super_c dt{position: relative;z-index: 1;}
.super_c dt:before{content: "";position: absolute;width:5.45rem;height:6.1rem;background:url(../images/super_ico.png) no-repeat 0;background-size:100% auto;right:0;bottom:-2.7rem;z-index: -1;}
.super_c dt img{display: block;width: 100%;border-radius: 0.9rem 0 0.9rem 0;overflow: hidden;}
.super_c dd{padding:1.3rem 4% 0;}
.super_c dd h4{display: block;font-size:1.4rem;color: #333;line-height:3.7rem;white-space: nowrap;font-weight: bold;}
.super_c dd h4 b{display: block;color: #000293;}
.super_c dd p{padding: 0 0 1.3rem;}
.super-btn{width: 11.9rem;line-height: 3rem;border-radius: 1.5rem;text-align: center;background: #c5a059;margin: 0 auto;font-size: 1.3rem;display: block;color: #fff;}
.super-btn span{display: inline-block;background:url(../images/super_ico1.gif) no-repeat right center;background-size:2.25rem 0.5rem;padding-right: 3.25rem;}

/* 流程 */
.porcess{padding: 3rem 0 0;background:url(../images/porcessbg.jpg) repeat center;background-size:100% auto;font-size: 1.1rem;line-height:3.3rem;text-align: center;color: #333;position: relative;}
.porcess .tit01{height:8.4rem;}
.porcess .tit01 h2{background:url(../images/processtit.png) no-repeat center bottom;background-size: 17.7rem 0.15rem;}
.porcess_c ul{display: flex;justify-content: center;align-items: center;}
.porcess_c li{float: left;position: relative;width: 27%;line-height: 1.5;/*height: 12.1rem;*//*margin-left: 4.13%;*/height: 180px;margin:0 2%;}
/*.porcess_c li:before{content: "";position: absolute;width:0.9rem;height:1rem;background:url(../images/process-ico1.gif) no-repeat 0;background-size:0.9rem auto;left:-1.25rem;top:3.4rem;}*/
.porcess_c li:nth-child(6):before,.porcess_c li:nth-child(7):before,.porcess_c li:nth-child(8):before{background:url(../images/process-ico2.gif) no-repeat 0;background-size:0.9rem auto;}
.porcess_c li:nth-child(4n-3):before{width: 0;height: 0;background:none;}
.porcess_c li span{display: block;}
.porcess_c li em{display: block;width:100%;}
.porcess_c li em img{display: block;width:100%;background: #fff;border-radius: 100%;box-sizing:border-box;padding: 0.2rem;box-shadow: 0.2rem 0.2rem 0.35rem #b6b6b6;}
.porc_pho{position: absolute;right: 6.13%;bottom:4.8rem;width: 40.53%;height: 7.55rem;line-height:1.5rem;display: block;background: #c5a059;color: #fff;border-radius: 1.45rem;overflow: hidden;font-size: 1.2rem;padding: 2.1rem 0 0 2.6rem;box-sizing:border-box;text-align: left;}
.porc_pho span{display: inline-block;color: #fff;background:url(../images/precess_pho.gif) no-repeat 0 center;background-size:1.1rem 1.1rem;padding-left: 1.4rem;}
.porc_pho b{display: block;line-height: 1.6rem;font-size: 1.5rem;}




/**/
.m-news{padding:3.5rem 0; background:#fff; background-size:100% auto;}
.m-news .tit01{height:8rem;}
.m-news .tit01 h2{background:url(../images/newstit.png) no-repeat center bottom;background-size: 13.35rem 0.15rem;}
.news-nav{ width:92%; margin:0 auto 2.5rem; height:3.8rem; background:#e7e7e7; overflow:hidden; text-align:left;border-radius: 2.5rem;box-shadow: 0 0 0.25rem #f0f0f0;}
.news-nav a{ display:block;width:50%; float:left; font-size:1.5rem;text-align: center; color:#333333; overflow:hidden;text-overflow: ellipsis;white-space: nowrap; line-height:3.8rem;  box-sizing:border-box;}
.news-nav .active{ color:#fff;background:#c5a059; border-radius: 2.5rem;}
.news-con{margin:0 auto; width:92%; overflow:hidden;}
.news-con dl{ background:#f1f1f1;margin-bottom:0;}
.news-con dt{ width:100%;}
.news-con dt img{ display:block; width:100%;}
.news-con dd{width:100%;padding:1.4rem 0.5rem 1.4rem 1.5rem;box-sizing: border-box;}
.news-con dd h4{font-size:1.4rem; color:#333333;line-height: 2.2rem;font-weight: bold; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;height:2.2rem;margin-bottom: 1rem;}
.news-con dd h4 i{display: block;float: left;height: 2rem;line-height: 2rem;width:5rem;margin-right: 0.7rem;text-align: center;background: #c5a059;color: #fff; font-weight: normal;}
.news-con dd p{ font-size: 1.2rem;line-height: 1.5rem;color: #666666;}
.news-con ul{padding:0.5rem 0;width:100%;box-sizing: border-box;}
.news-con li{ font-size:1.3rem; color:#383838; 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.35rem; height:0.35rem; background:url(../images/news-ico1.png) no-repeat;background-size: 100%;}


/*走进*/
.m-about{ padding:0 0 2rem;background:#fff;background-size:100%;}
.about dt{position: relative;}
.about dt img{ display:block; width:100%;}
.about dd{margin:-4.1rem auto 0;width:92%;padding:2.2rem 1.5rem 0.2rem;position: relative;box-sizing: border-box;text-align: center;background:#fff;box-shadow: 0.1rem 0.3rem 0.6rem #efefef;}
.about .tit01{height:5.2rem;}
.about .tit01 h2{padding:0;line-height: 2rem;}
.about .tit01 em{font-size: 1.2rem;color: #cccccc; font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;}
.about dd p{font-size: 1.3rem; color: #666666;line-height: 2; text-align: center;}



/**/
.m-show{padding:0; background:#fff; background-size:100% auto;}
.show-nav{ width:92%; margin:0 auto 2.5rem; height:3.4rem; background:url(../images/showtbg.jpg) repeat-x;background-size:0.25rem 100%; overflow:hidden; text-align:center;border-radius: 2.5rem;}
.show-nav li{ display:block; width:25%; float:left; font-size:1.2rem; color:#666666; overflow:hidden;text-overflow: ellipsis;white-space: nowrap; line-height:3.4rem; border-right:1px solid #d0d0d0; box-sizing:border-box;}
.show-nav li:last-child{border-right: 0;}

.show-nav .cur{ color:#fff;background:#c5a059; border-radius: 2.5rem;border-right: 0;}


.show-con{margin:0 auto; width:92%; overflow:hidden;}
.show-con a{width: 48.5%;  box-sizing: border-box;float: left;margin-right: 3%;position: relative;display: block;}
.show-con a:nth-child(2n){margin-right: 0;}
.show-con a img{display: block;width: 100%;}
.show-con a h4{height: 3.25rem; text-align: center;font-size:1.3rem; color: #666666;line-height:3.25rem;display: block;width: 100%; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;box-sizing: border-box;width:100%;}



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