body{background: #f9f9f9;}
.wrap img{display: block;width: 100%;}
.tit01{ font-size:2.5rem; font-weight: normal; text-align:center; color:#333;}
.tit01 em{ display:block; font-size:1.2rem; 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: #fff;border-radius: 0; opacity: 1; position: relative; border-radius:1rem;}
.m-adv .swiper-pagination .swiper-pagination-bullet-active{background:#d50008; width:2.6rem;}

/**/
.m-guide{ padding:2.2rem 0 3rem;}
.m-guide h2{font-size:2.5rem; font-weight:bold; color:#e50112; 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:0.6rem auto; width:92%;font-size:1.2rem; line-height:1.8rem;color:#383838; font-weight:normal;}
.m-guide dt i{ display:block; margin-bottom:0.4rem;}
.m-guide dd{ overflow:hidden; position:relative;margin:1.6rem auto 0; width:92%; border-radius:2.5rem 0 2.5rem 0;}
.m-guide dd img{  border-radius:2.5rem 0 2.5rem 0;}
.m-guide dd em{ display:block; position:absolute; bottom:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5) url(../images/yinz_v.png) no-repeat center center; background-size:3.05rem 3.05rem;}

/**/
.g_pro{ padding:2rem 0; position:relative; background:#ececec;}
.pro_con{ margin-top:2rem;}
.pro_tit{ width:92%; margin:0 auto; height:7rem; background:#fff; border-radius:1rem 0 1rem 0;}
.pro_tit em,.pro_tit a{ display:block; width:25%; height:7rem;float:left; text-align:center; font-size:1.2rem; line-height:1.5rem; color:#333; border-right:1px solid #d5d5d5; box-sizing:border-box;}
.pro_tit a{ border:0;}
.g_pro em i,.pro_tit a i{ display:block; width:1.5rem; height:1.4rem; margin:1.6rem auto 0.8rem; overflow:hidden;}
.g_pro em i img,.pro_tit a i img{ display:block;transition: .5s;}
.pro_tit em:nth-child(1){ border-radius:1rem 0 0 0;}
.pro_tit .active{ color:#fff;background:#d50008; font-weight:bold;}
.pro_tit .active img{ margin-top:-1.4rem;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.m_pro{ width:92%; margin:1.2rem auto 0; overflow:hidden;}
.m_pro h3 img{ border-radius:1rem; margin-bottom:0.8rem;}
.m_pro li{ width:48.84%; float:left;}
.m_pro li img{ display:block; border-radius:1rem;}
.m_pro li em{ display:block; height:3.3rem; text-align:center; line-height:3.3rem; font-size:1.2rem; color:#333; overflow:hidden;}
.m_pro a:nth-child(2n) li{ float:right;}

/**/
.g_adv{ margin-top:2rem;}
.g_adv .m_adv{ margin-top:1.5rem; padding:2.2rem 0 12rem; background:url(../images/ys_bg.jpg) no-repeat center top; background-size:100% auto;}
.g_adv ul{ width:92%; margin:0 auto; border-top:1px solid #fff;border-left:1px solid #fff; box-sizing:border-box;}
.g_adv li{ width:50%; float:left; text-align:center; border-right:1px solid #fff;border-bottom:1px solid #fff; box-sizing:border-box; color:#fff; padding:1.9rem 0;}
.g_adv li em{ display:block; width:3.5rem; height:3.5rem; margin:0 auto 0.8rem;}
.g_adv li i{ display:block; font-size:1.1rem; color:rgba(255,255,255,0.7);}
.g_adv li:nth-child(2n){}


/**/
.g_case{ background:#ececec; padding:2.4rem 0 1rem;}
.case_tit{ margin:1.5rem 0 0 4%;}
.case_tit a{ display:block; width:30.98%; height:5rem; padding-top:0.6rem; background:#fff; text-align:center; margin-right:1.3%; margin-bottom:0.45rem; float:left; font-size:1.2rem; color:#333;}
.case_tit em{ display:block; width:2.4rem; height:2.4rem; margin:0 auto; overflow:hidden;}
.case_tit img{display:block;transition: .5s;}
.case_tit .active{ color:#fff; background:#d50008;}
.case_tit .active img{ margin-top:-2.4rem;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.m_case{ margin:0.5rem auto 0; position:relative;}
.m_case dl{ width:92%; margin:0 auto;}
.m_case dd{ padding:1.5rem 4% 2rem;}
.m_case dd h3{ font-size:1.8rem; font-weight:bold; color:#e50112; margin:0 0 0.5rem;}
.m_case dd p{ font-size:1.1rem; line-height:1.5rem; color:#333; padding-top:0.2rem;}

/**/
.m_cooper{width:92%; margin:0 auto; overflow:hidden; padding-bottom:1.5rem; }
.m_cooper li{ width:49.175%; float:left;}
.m_cooper li em{ display:block; text-align:center; font-size:1.2rem; line-height:2.8rem; color:#333;}
.m_cooper a:nth-child(2n) li{ float:right;}


/**/
.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:2.2rem; margin:0 auto 0.3rem; overflow:hidden;}
.yous_tit .active{ border-top:2px solid #d91218; color:#d91218; font-weight:bold;}
.yous_tit .active img{ position:relative; margin-top:-2.2rem;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.m_yous{ margin:0 auto;}
.m_yous dd{ padding:0 4% 4rem; margin:0 auto;}
.m_yous dd h3{ font-size:1.8rem; font-weight:bold; color:#e50112; padding:1.2rem 0 0.8rem;}
.m_yous dd h3 b{ color:#be0008; font-size:3rem;}
.m_yous dd p{ font-size:1.2rem; line-height:1.8rem; 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:#d50008; width:2.2rem;}


/* */
.g_news{ padding:2rem 0; background:#ececec;}
.news_tit{ width:92%; height:4rem; background:#fff; overflow:hidden; margin:1.5rem auto 0; 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:#d50008; color:#fff; font-weight:bold;}
.m_news{ width:92%; margin:0 auto; overflow:hidden;}
.m_news dl{padding:0.8rem 0; border-bottom:1px solid #a0a0a0;}
.m_news dt{ width:38.55%; float:left;}
.m_news dd{ width:57.97%; float:right;}
.m_news dd h3{ font-size:1.2rem; font-weight:bold; color:#333; margin-top:0.5rem;height:3rem;line-height:3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.m_news dd h3 em{ display:block; font-size:1rem; color:#666; margin:0.1rem 0 0.5rem; font-weight:normal;}
.m_news dd p{ font-size:1.1rem; line-height:1.7rem; color:#666;}
.m_news dl:last-child{ border:0;}

/* */
.g_about{ position:relative;}
.g_about .tit01{ color:#fff; width:100%; position:absolute; top:2rem;}
.g_about .tit01 em{ color:#fff;}
.g_about ul{ width:100%; position:absolute; bottom:3.5rem; left:4%;}
.g_about li{ width:11.35rem; height:7.8rem; background:url(../images/about_bg1.png) no-repeat; background-size:100% 100%; float:left; margin-right:0.7%; text-align:center; color:#333; font-size:1.2rem;}
.g_about li em{ display:block; width:2.9rem; height:2.4rem; margin:0 auto; padding:2rem 0 0.25rem;}
.g_about li em img{ display:block; width:100%;}
.g_about li:nth-child(2){background:url(../images/about_bg2.png) no-repeat; background-size:100% 100%;}
.g_about li:nth-child(3){background:url(../images/about_bg3.png) no-repeat; background-size:100% 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;}}