@charset "utf-8";

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


.container{
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    min-width: 320px;
    overflow:hidden;
    position:relative;  
}


@font-face {
    font-family: '思源宋体';
    src: url('../fonts/SourceHanSerifSC-Medium.otf')
  }

  
.m-banner{position: relative;}
.m-banner .swiper-pagination .swiper-pagination-bullet{ width:0.6rem; height:0.6rem; background:rgba(255,255,255,0.5);border-radius: 50%;margin:0 0.575rem;transition:0.5s;}
.m-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:1.4rem; height:0.6rem; background:rgba(255,255,255,1);border-radius: 30px; }
.m-banner .ban-vid{width:92%; height:4.6rem;background:url(../images/ban-xt.png) no-repeat center; background-size:100% 100%; position: absolute;left:50%; bottom:5.35rem; transform:translate(-50%,0);padding-top:.85rem; box-sizing: border-box;z-index:200;}
.m-banner .ban-vid span{display: block;width:2.9rem; height:2.9rem;margin:0 auto;}
.m-banner .ban-vid span img{width:100%;}
/**/
.product{padding:2.7rem 0 2.85rem;}
.product h2{line-height: 3.55rem; height:3.55rem; margin-bottom: 1.2rem;text-align: center;}
.product h2 a{font-size: 3rem;color:#333333;font-family: "思源宋体";}
.product .pro-desc{padding:0 4%; line-height: 1.9rem;font-size: 1.3rem;color:#666666;text-align: center; margin-bottom: 1.95rem;font-family: "思源宋体";}
.product .pro-top{margin-bottom: .85rem;}
.product .pro-top dl dt{width:100%; line-height: 0; overflow: hidden;}
.product .pro-top dl dt img{width:100%;}
.product .pro-top dl dd{padding:0 4%;z-index:200; position: relative;}
.product .pro-top dl dd h4{height:5.65rem; background:#B8000A;padding:0 2.1rem 0 2.3rem;margin-top:-2.8rem; }
.product .pro-top dl dd h4 a{display: block; line-height: 5.65rem;font-size: 2rem;color:#ffffff;font-family: "思源宋体";background:url(../images/pro-jt.png) no-repeat right;background-size:2.25rem 2.25rem; }
.product .pro-bot ul{padding:0 4%;}
.product .pro-bot ul li{height:12.65rem; margin-bottom: .85rem;background: #FFF;box-shadow: 0px 0px 1.5rem 0px rgba(0,0,0,0.24);}
.product .pro-bot ul li dl dt{float:left;width:50%; line-height: 0; overflow: hidden;}
.product .pro-bot ul li dl dt img{width:100%;}
.product .pro-bot ul li dl dd{float:left; width:50%;height:12.65rem;position: relative;}
.product .pro-bot ul li dl dd a{display: block;height:12.65rem;}
.product .pro-bot ul li dl dd h4{width:100%; position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);text-align: center;}
.product .pro-bot ul li dl dd h4 i{display: block;width:100%; line-height: 1.7rem;font-size: .7rem;color:rgba(102,102,102,.3);font-family: "思源宋体";}
.product .pro-bot ul li dl dd h4 span{display: block; line-height: 2.85rem;font-size: 2rem;color:#333333; font-weight: bold;font-family: "思源宋体";}
.product .pro-bot ul li:first-child dl dd:before{width:.8rem;height:1.65rem; background:url(../images/pro-dbx1.png) no-repeat center;background-size:.8rem 1.65rem; content:""; position: absolute;right:-0.8rem;top:5.5rem;}
.product .pro-bot ul li:nth-child(2) dl dd:before{width:.8rem;height:1.65rem; background:url(../images/pro-dbx2.png) no-repeat center;background-size:.8rem 1.65rem; content:""; position: absolute;left:-0.8rem;top:5.5rem;}
/**/
.guide{padding:2.65rem 4% 3.35rem;background: #EEEEEE;}
.guide h2{text-align: center; margin-bottom: 2.65rem;}
.guide h2 span{display: block; line-height: 3.75rem;font-size: 3rem;color:#333333;font-family: "思源宋体";font-weight: normal;}
.guide h2 em{display: block; line-height: 1.95rem;font-size: .9rem;color:rgba(51,51,51,.5);font-family: "思源宋体";font-weight: normal;}
.guide ul li{background:#FFF;border:.1rem solid #D2CDC7; margin-bottom: 0.4rem;padding:0 1.25rem 0 1.6rem; }
.guide ul li .mo{height:7.35rem;}
.guide ul li .mo i{display: block;width:4.5rem;line-height: 0; overflow: hidden;float:left;margin: 1.45rem 1.7rem 0 0;}
.guide ul li .mo i img{width:100%;}
.guide ul li .mo h4{padding-top:2.05rem;float:left;width:23.9rem;float:left;background:url(../images/gui-tb.png) no-repeat right; background-size:1.1rem 1.85rem;}
.guide ul li .mo h4 span{display: block; line-height: 2rem;font-size: 1.8rem;color:#333333;font-family: "思源宋体";font-weight: normal;}
.guide ul li .mo h4 em{display: block; line-height: 1.3rem;font-size: .95rem;color:rgba(102,102,102,.5);font-family: "思源宋体";font-weight: normal;}
.guide ul li dl{display: none;}
.guide ul li dl dt{width:63.4%; line-height: 0; overflow: hidden;float:right; padding: 1.45rem 0 1.4rem;}
.guide ul li dl dt img{width:100%;}
.guide ul li dl dd{width:36.6%;float:left;padding-top:1.45rem;}
.guide ul li dl dd i{display: block;width:4.5rem; line-height: 0; overflow: hidden;margin: 0 0 1.5rem;}
.guide ul li dl dd i img{width:100%;}
.guide ul li dl dd h4{ margin-bottom: 1.8rem;}
.guide ul li dl dd h4 span{display: block;margin-bottom: .35rem; line-height: 2.2rem;font-size: 1.6rem;color:#b8000a;font-family: "思源宋体";font-weight: normal;font-weight: bold;}
.guide ul li dl dd h4 em{display: block; line-height: 1.9rem;font-size: 1rem;color:#666666;font-family: "思源宋体";font-weight: normal;}
.guide ul li dl dd strong{display: block;width:7.6rem;height:2.3rem; line-height: 2.3rem;text-align: center;background: #B8000A;border-radius: 1.15rem;}
.guide ul li dl dd strong a{display: block;text-align: center;font-size: 1.1rem;color:#ffffff;font-family: "思源宋体";font-weight: normal;}
.guide ul li.cur .mo{display: none;}
.guide ul li.cur dl{display: block;}
/**/
.case{padding:3.3rem 4% 4.65rem;}
.case h2{text-align: center; margin-bottom: 2.2rem;}
.case h2 span{display: block; line-height: 3.75rem;font-size: 3rem;color:#333333;font-family: "思源宋体";font-weight: normal;}
.case h2 em{display: block; line-height: 1.7rem;font-size: .9rem;color:rgba(51,51,51,.5);font-family: "思源宋体";font-weight: normal;}
.case .cas-list dl dt{width:100%; line-height: 0; overflow: hidden;}
.case .cas-list dl dt img{width:100%;}
.case .cas-list dl dd{width:92%;margin:0 auto;padding:1.4rem 0 2.2rem; border-bottom:.15rem solid #B8000A;}
.case .cas-list dl dd h4{margin-bottom: .75rem;min-height:4.7rem;}
.case .cas-list dl dd h4 a{display: block; line-height: 2.35rem;font-size: 1.8rem;color:#b8000a;font-family: "思源宋体";font-weight: bold;}
.case .cas-list dl dd p{line-height: 1.8rem; margin-bottom: 1.6rem;font-size: 1.2rem;color:#666666;}
.case .cas-list dl dd strong{display: block;width:12.1rem;height:3.3rem; background:#B8000A;border-radius: 1.65rem;}
.case .cas-list dl dd strong a{display: block;height:3.3rem;text-align: center;}
.case .cas-list dl dd strong i{display: inline-block; line-height: 3.3rem;font-size: 1.2rem;color:#ffffff;padding-right:2.95rem;background:url(../images/cas-jt.png) no-repeat right;background-size:2.1rem .65rem; font-weight: normal;}
.case .cas-list .cas-jt i{display: block;width:2.8rem;height:6.3rem;z-index:200;}
.case .cas-list .cas-jt i.cas-prev{background:url(../images/cas-prev.png) no-repeat center;background-size:2.8rem 6.3rem;position:absolute; left:0;top:10.9rem;}
.case .cas-list .cas-jt i.cas-next{background:url(../images/cas-next.png) no-repeat center;background-size:2.8rem 6.3rem;position:absolute; right:0;top:10.9rem;}
/**/
.about{height:40.7rem;background:url(../images/about.jpg) no-repeat center;background-size:100% 100%;padding:2.55rem 4% 0;box-sizing: border-box;}
.about h2{line-height: 3.6rem;height: 3.6rem; text-align: center; margin-bottom: 1.4rem;}
.about h2 a{font-size: 3rem;color:#ffffff;font-family: "思源宋体";font-weight: normal;}
.about .abo-desc{ line-height: 1.9rem;font-size: 1.2rem;color:#ffffff;font-family: "思源宋体"; margin-bottom: 8rem;text-align: center;text-shadow: 0px 2px 2px rgba(0,0,0,0.84);}
.about .abo-bo{height:2.9rem; margin-bottom: 7rem;}
.about .abo-bo span{display: block;width:2.9rem; line-height: 0; overflow: hidden;margin:0 auto;}
.about .abo-bo span img{width:100%;}
.about ul{height:14.45rem;background:#B8000A;border-radius: 1.5rem 0px 1.5rem 0px;padding-top:1.95rem; box-sizing: border-box;}
.about ul li{float:left;width:33.33%; margin-bottom: 1.75rem;border-right:.05rem solid rgba(255,255,255,.3); box-sizing: border-box;}
.about ul li i{display: block;width:2.65rem; line-height: 0; overflow: hidden;margin:0 auto .35rem;}
.about ul li i img{width:100%;}
.about ul li em{display: block; line-height: 1.8rem;text-align: center;font-size: 1.5rem;color:#ffffff;font-family: "思源宋体";}
.about ul li:nth-child(3n){border-right:0;}
/**/
.news{height:52.45rem;padding:8.65rem 4% 0; box-sizing: border-box;}
.news h2{line-height: 6.7rem;height: 6.7rem;text-align: center;}
.news h2 a{font-size: 3rem;color:#333333;font-family: "思源宋体";font-weight: normal; }
.news .news-nav{height:3.9rem;}
.news .news-nav ul li{float:left;margin-left: 13%;}
.news .news-nav ul li i{display:block;width:1.9rem;height:2.05rem;float:left;overflow: hidden;}
.news .news-nav ul li i img{width:100%; transition: .5s;}
.news .news-nav ul li em{display: block;float:left; line-height: 2.05rem;font-size: 1.5rem;color:#333333;font-family: "思源宋体";margin-left: 0.5rem;}
.news .news-nav ul li:first-child{margin-left: 0;}
.news .news-nav ul li.cur i img{margin-top:-2.05rem;}
.news .news-nav ul li.cur em{color:#b8000a;}
.news .news-list ul li{ margin-bottom: 1.1rem;}
.news .news-list ul li dl dt{width:47.1%; line-height: 0; overflow: hidden;float:left;}
.news .news-list ul li dl dt img{width:100%;}
.news .news-list ul li dl dd{float:left; width:52.9%;padding:1.55rem 1.05rem 0 1rem; box-sizing: border-box;}
.news .news-list ul li dl dd i{display: block; line-height: 1.45rem;font-size: 1.1rem;color:#999999; margin-bottom: .9rem;}
.news .news-list ul li dl dd h4{ line-height: 1.8rem;}
.news .news-list ul li dl dd h4 a{display: block; line-height: 1.8rem;font-size: 1.2rem;color:#333333;font-family: "思源宋体";}