body{background: #f9f9f9;}
.wrap img{display: block;width: 100%;}
.tit01{ padding-left:4%; font-size:3rem; font-weight:bold; color:#333;}
.tit01 em{ display:block; font-size:1.1rem; color:#333; padding-top:0.7rem;}


.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: #000;border-radius: 0; opacity: 1; position: relative; border-radius:1rem;}
.m-adv .swiper-pagination .swiper-pagination-bullet-active{background:#be0008; width:2.6rem;}

/**/
.m-guide{ padding:2.2rem 0 3rem;}
.m-guide h2{font-size:2.4rem; font-weight:bold; color:#333; line-height:2.5rem; padding-left:4%;}
.m-guide h2 b{ display:block; font-size:3rem; background: url(../images/yinz_logo.png) no-repeat 40% center; background-size:11.25rem 3.1rem; color:#bf000a; line-height:4.4rem;}
.m-guide dt{ margin:1.5rem auto; width:92%; text-align:center; font-size:1.2rem; line-height:1.8rem;color:#333; font-weight:normal;}
.m-guide dd{ overflow:hidden; position:relative;margin:0 auto; width:92%; border-radius:0.9rem;}
.m-guide dd img{ border-radius:0.9rem;}
.m-guide dd em{ display:block; position:absolute; bottom:0; left:0; width:100%; height:100%; background:url(../images/yinz_v.png) no-repeat center center; background-size:3.05rem 3.05rem;}



/**/
.g_case{ background:#f5f5f5; padding:2.7rem 0 1rem;}
.case_tit{ margin:1.5rem 0 1.2rem 4%;}
.case_tit a{ display:block; width:22.916%; height:7rem; padding-top:2rem; background:#fff; text-align:center; border-radius:0.5rem; margin-right:1.3%; float:left; font-size:1.3rem; color:#333; font-weight:bold;}
.case_tit em{ display:block; width:2.5rem; height:2.2rem; margin:0 auto 1rem; overflow:hidden;}
.case_tit img{display:block; width:100%;}
.case_tit .active{ color:#be0008;}
.case_tit .active img{ margin-top:-2.2rem;}
.m_case{ margin:1.6rem auto 0; position:relative;}
.m_case dl{ width:92%; margin:0 auto; background:#fff; border-radius:1.5rem;}
.m_case dt{ position:relative;}
.m_case dt:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/fang_v.png) no-repeat center center; background-size:6rem 6rem;}
.m_case dt img{ border-radius:1.5rem 1.5rem 0 0;}
.m_case dd{ padding:1.5rem 4% 2rem;}
.m_case dd h3{ font-size:1.5rem; font-weight:bold; color:#bf000a; margin:0 0 0.5rem;}
.m_case dd p{ font-size:1.2rem; line-height:2rem; color:#666; padding-top:0.2rem;}

/**/
.m_cooper{width:92%; margin:0.7rem auto 0; overflow:hidden; padding-bottom:1.5rem; }
.case_t{ font-size:1.8rem; font-weight:bold; color:#bf000a; padding-left:3%; position:relative; margin-bottom:0.9rem; line-height:3rem;}
.case_t em{ padding-left:2%;}
.case_t:before{ content:""; position:absolute; top:0.8rem; left:0; width:0.25rem; height:1.6rem; background:#be0008;}
.m_cooper li{ width:49.175%; float:left;}
.m_cooper li em{ display:block; text-align:center; font-size:1.2rem; line-height:2.5rem; color:#333;}
.m_cooper li img{ border-radius:0.9rem;}
.m_cooper a:nth-child(2n) li{ float:right;}


/**/
.g_pro{ padding:3rem 0; position:relative;}
.pro_con{ background:url(../images/pro_bg.jpg) no-repeat center top; background-size:100% auto; padding:2rem 0; margin-top:2rem;}
.pro_tit{ margin:0 0 0 4%;}
.pro_tit a{ display:block; width:31%; height:5rem;float:left;  margin:0 1.3% 0.6rem 0; text-align:center; font-size:1.2rem; line-height:1.5rem; color:#333; background:#fff; border-radius:1rem 0 1rem 0; padding:0.9rem 8% 0 8%; box-sizing:border-box;}
.pro_tit a:nth-child(2){padding:0.9rem 6% 0 6%; box-sizing:border-box;}
.pro_tit a:nth-child(6){padding:0.9rem 12% 0 12%; box-sizing:border-box;}
.pro_tit a:nth-child(3n){ margin-right:0;}
.pro_tit .active{ color:#fff;background:#c92a3d; font-weight:bold;border:1px solid #c92a3d; box-sizing:border-box;}
.m_pro dl{ width:92%; margin:0 auto;}
.m_pro dd h3{ line-height:4.5rem; font-size:2.2rem; color:#bd0006; font-weight:bold;}
.m_pro dd p{ font-size:1.2rem; line-height:2rem; color:#333;}
.m_pro dd em{ display:block; width:10.85rem; height:2.65rem; background:url(../images/pro_more.png) no-repeat; background-size:100% auto; line-height:2.65rem; color:#fff; font-size:1.1rem; margin:0.9rem 0; padding-left:1rem; box-sizing:border-box;}



/**/
.g_yous{ position:relative; padding:2.7rem 0 2rem;}
.g_yous .tit01{ font-size:2.5rem;}
.yous_tit{border-top:1px solid #c7c7c7; margin-top:1.6rem;}
.yous_tit a{display:block; width:25%; float:left;  padding:1rem 0 1rem;text-align:center; font-size:1.2rem; color:#333; line-height:1.7rem;}
.yous_tit span{ display:block; width:2.2rem; height:2rem; margin:0 auto 0.3rem; overflow:hidden;}
.yous_tit .active{ border-top:2px solid #be0008; color:#be0008; font-weight:bold;}
.yous_tit .active img{ position:relative; margin-top:-2rem;}
.m_yous{ margin:0 auto;}
.m_yous dd{ padding:0 4% 4rem; margin:0 auto;}
.m_yous dd h3{ font-size:2.4rem; font-weight:bold; color:#333; padding:2.2rem 0 0;}
.m_yous dd h3 b{ color:#be0008; font-size:3rem;}
.m_yous dd p{ font-size:1.2rem; line-height:1.8rem; margin-top:1rem; color:#333;}
.g_yous .swiper-pagination{bottom: 3rem !important; z-index: 1}
.g_yous .swiper-pagination .swiper-pagination-bullet{width:0.8rem; height: 0.8rem;margin:0 0.7rem !important;background: #333;border-radius: 0; opacity: 1; position: relative; border-radius:1rem;}
.g_yous .swiper-pagination .swiper-pagination-bullet-active{background:#c92a3d; width:1.8rem;}


/* */
.g_news{ padding:3.5rem 0 2rem; background:#f5f5f5;}
.news_tit{ width:92%; height:4rem; background:#fff; overflow:hidden; margin:1.5rem auto 1.2rem; border-radius:3rem;}
.news_tit em{ display:block; width:50%; height:4rem; line-height:4rem; color:#333;float:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; text-align:center;}
.news_tit .active{ background:#be0008; color:#fff; font-weight:bold;}
.m_news{ width:92%; margin:0 auto; overflow:hidden;}
.m_news dl{ margin-bottom:0.8rem; background:#fff; border-radius:1.5rem 0 0 0;}
.m_news dt{ width:50.769%; float:left; border-radius:1.5rem 0 0 0;}
.m_news dt img{border-radius:1.5rem 0 0 0;}
.m_news dd{ width:46.1538%; float:right;}
.m_news dd h3{ font-size:1.2rem; font-weight:bold; color:#333; margin-top:1.5rem;}
.m_news dd h3 em{ display:block; font-size:1rem; color:#999; margin:0.3rem 0 0.5rem; font-weight:normal;}

/* */
.g_about{ position:relative;}
.g_about dl{ width:92%; position:absolute; top:5rem; left:4%; text-align:center; color:#fff;}
.g_about dt{ font-size:2.4rem; font-weight:bold;}
.g_about dt em{ display:block; font-size:1.3rem; margin:0.9rem 0 3rem;}
.g_about dt b{ display:block; width:50.28985%; margin:0 auto 1.6rem;}
.g_about dd{ font-size:1.2rem; line-height:2.2rem;}
.g_about dd em{ display:block; width:6.35rem; margin: 5.5rem auto 0;}

/**/



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