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

.tit01{text-align: center; font-size:2.5rem; font-weight:bold; color:#cf0110; line-height:3rem;}
.tit01 em{ display:block;font-size:1.65rem;color:#282828; font-weight:normal;}


.m-adv {width: 100%;  position:relative;}
.m-adv img{ width:100%; display: block;}
.m-adv .swiper-pagination{bottom: 2rem !important; z-index: 1}
.m-adv .swiper-pagination .swiper-pagination-bullet{width:0.8rem; height: 0.8rem;margin:0 0.5rem !important;background: #cf0110;border-radius: 0; opacity: 1; position: relative; border-radius:2rem;}
.m-adv .swiper-pagination .swiper-pagination-bullet-active{ width:2.5rem;}


/**/
.g_guide{ position:relative;}
.g_guide h5 img{ display:block; width:100%;}
.guide_nub{ width:100%; position:absolute; top:2.6rem;}
.guide_nub li img{display:block; width:100%;}
.guide_nub h4{ text-align:center; font-size:2.7rem; color:#000; line-height:3rem; margin-top:1.5rem;}
.guide_nub h4 em{ display:block; font-size:2.2rem;}
.guide{ height:16.5rem; position:relative; z-index:2; width:50%; margin:-16.5rem 0 0 18%; font-size:0.8rem; line-height:1.4rem; color:#444;}
.guide em{ display:block; font-size:2.1rem; line-height:4rem;}
.guide b{ display:block; width:4rem; height:4rem; border:0.3rem solid #fff; margin-bottom:1.1rem;}
.guide b img{ display:block; width:4rem; height:4rem;}
.guide p{ width:1.7rem; height:2.1rem;}
.guide p img{ display:block; width:100%;}

/**/
.g_pro{ margin:3.5rem 0;}
.pro_tit{ margin:2rem 0 0; height:12rem;}
.pro_tit a{ display:block; width:33.33%; float:left; height:5rem; font-size:1.2rem; font-weight:bold; color:#282828; line-height:2.7rem; text-align:center;}
.pro_tit b{ display:block; width:2.4rem; height:2.4rem; border-radius:3rem; margin:0 auto; background:#cf0110;}
.pro_tit b img{ display:block; width:1.8rem; height:1.8rem;padding:0.3rem 0 0 0.3rem;}
.pro_tit a:nth-child(1) b img{width:2.4rem; height:2.4rem;padding:0;}
.pro_tit .active{ color:#cf0110;}
.m_pro{ width:92%; margin:0 auto; overflow:hidden;}


/**/
.g_yous{ background:url(../images/ys_bg.jpg) no-repeat center bottom; background-size:100% auto; padding:0 0 9.5rem;}
.g_yous h2{ width:69.6%; margin:0 auto; text-align:center; font-size:1.5rem; color:#000;}
.g_yous h2 em{ display:block; line-height:2rem;}
.g_yous h2 b{ color:#cf0110;}
.g_yous ul{ width:92%; margin:0 auto;}
.g_yous li{ margin-top:1.4rem; width:47.826%; float:left; height:15rem; border:1px solid #282828; box-sizing:border-box; overflow:hidden; text-align:center; line-height:3.35rem; font-weight:bold; color:#000; font-size:1.3rem;}
.g_yous li b{ display:block; width:3.25rem; height:3rem; margin:2.2rem auto 0; overflow:hidden;}
.g_yous li b img{ display:block; margin-top:-3rem;}
.g_yous li em{ display:block; font-size:1.2rem; color:#333; line-height:1.6rem; padding:0 10%; font-weight:normal;}
.g_yous a:nth-child(2n) li{ float:right;}

/**/
.g_fang{ background:url(../images/case_bg.jpg) no-repeat center top; background-size:100% auto; padding:2rem 0;}
.fang_tit{ text-align:center; color:#fff; font-weight:bold; font-size:2.7rem; line-height:4rem;}
.fang_tit em{ display:block; width:8.3rem; height:2rem; border-radius:0.4rem; margin:0 auto; background:#cf0110; text-align:center; line-height:2rem; font-size:1.45rem; font-weight:normal;}
.fang_tit i{ display:block; font-size:1.2rem; font-weight:normal; line-height:2rem;}
.fang_tit span{ display:block; margin:3rem auto 2rem; border:1px solid #87a7a2; width:44%; height:3.2rem; font-size:1.3rem; line-height:3.2rem;}
.fang_nub{}
.fang_nub p{ width:47%; float:left; color:#fff; padding-left:3%; font-size:1rem; height:8.5rem;}
.fang_nub p span{ display:block; font-size:4.6rem; font-weight:bold; margin-top:1rem;}
.fang_nub p span b{ font-size:2.2rem;}
.fang_nub h5{ height:6rem; text-align:center;}
.fang_nub h5 a{ display:inline-block; width:24%; height:3rem; border-radius:0.4rem; background:#fff; text-align:center; line-height:3rem; color:#000; font-weight:bold; font-size:0.8rem; margin:0 0.53%;}
.fang_nub h5 a:last-child{ background:#cf0110; color:#fff;}
.m_fang{ width:92%; margin:0 auto; overflow:hidden;}
.m_fang p{ position:relative; overflow:hidden;}
.m_fang p em{ display:block; width:3.4rem; height:3.4rem; background:url(../images/case_v.png) no-repeat; background-size:100% auto; position:absolute; bottom:1rem; left:4%;}

.m_fang2{ width:92%; margin:0 auto; overflow:hidden;}
.m_fang2 p{ float:left; width:49.2753%; margin-top:1.3rem;}
.m_fang2 p em{ display:block; height:3.3rem; text-align:center; line-height:3.3rem; color:#fff; overflow:hidden; font-size:1.2rem;}
.m_fang2 a:nth-child(2n) p{ float:right;}
/**/


/**/
.g_about{ background:url(../images/about_bg.jpg) no-repeat center bottom; background-size:100% auto; padding:3rem 0 20rem;}
.g_about h2{ width:57.33%; margin:0 auto; background:url(../images/about_h.png) no-repeat right center; background-size:11.3rem 7.5rem; font-size:2.2rem; font-weight:bold; color:#cf0110; text-align:right; line-height:2.4rem; padding:1.35rem 11.5rem 1.35rem 0;}
.g_about h2 em{ display:block; color:#333; font-weight:normal;}
.about{ width:92%; margin:1rem auto 0; overflow:hidden;}
.about ul{ width:100%; position:relative;}
.about ul:before{ content:""; position:absolute; top:0; left:0.375rem; width:1px; height:100%; background:#ccc;}
.about li {}
.about li b{ display:block; font-size:1.7rem; color:#c9151e; padding-left:5.2%; position:relative;}
.about li b:before{ content:""; position:absolute; top:0.6rem; left:0; width:0.75rem; height:0.75rem; border-radius:1rem; background:#c9151e}
.about li em{ display:block; font-size:1.2rem; line-height:1.5rem; color:#3f3f3f; padding-left:5.2%;}


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