@charset "UTF-8";

/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea { margin: 0; padding: 0; }
body { font-size: 14px; font-family: "微软雅黑", "Arial", Verdana, Arial, Helvetica, sans-serif; padding-top: 1px; background: #fff; }
li, ol { list-style: none; }
ins { text-decoration: none; }
i, em { font-style: normal; }
a { text-decoration: none; font-family: "微软雅黑"; }
a:hover { cursor: pointer; text-decoration: none; }
:focus { outline: 0; }
.clear { clear: both; line-height: 0px; overflow: hidden; zoom: 1; font-size: 0px; content: '.'; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
img { padding: 0; margin: 0; }
a img { border: none; }
input, textarea { border: none; font-family: "微软雅黑"; font-size: 13px; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 14px; font-family: "微软雅黑"; }
.fl { float: left; }
.fr { float: right; }

/* -- 页面整体布局 -- */
.wrap { background: #fff; min-width: 320px; max-width: 640px; margin: 0 auto; overflow: hidden; position: relative; font-family: "微软雅黑"; }

/*网站首页宽度*/
.wrap img { display: block; width: 100%; }

/*标题*/
h2 { text-align: center; background: url(../images/t_t2.png) no-repeat center center; background-size: 13.8rem; height: 4.7rem; font-weight: normal; }
h2 a { display: block; font-size: 1.9rem; color: #1A1A1A; line-height: 100%; padding: 1.3rem 0 .9rem; }
h2 span { display: block; font-family: Arial; font-size: .6rem; line-height: 100%; text-transform: uppercase; color: #808080; font-weight: 100; }
h2 a:hover { color: #1A1A1A; }

/* -- 各版块布局 -- */

/*广告*/
.ban { position: relative; z-index: 3; width: 100%; overflow: hidden; }
.ban img { display: block; width: 100%; }
.ban .swiper-pagination { bottom: 1.5rem; }
.ban .swiper-pagination-bullet { background: #fff; width: .8rem; opacity: 1; height: .8rem; margin: 0 .4rem !important; }
.ban .swiper-pagination-bullet-active { border-radius: 0.4rem; opacity: 1; background: #005BAC; }

/*罗迪波尔*/
.intro { padding: 3rem 5% 3.5rem; }
.intro h2 { background-image: url(../images/t_t1.png); background-size: 23.75rem; }
.intro p { font-size: 1.2rem; line-height: 2rem; color: #666; text-align: center; margin: 1.2rem 0 1.55rem; }
.intro .pic img { width: 49.65%; float: left; }
.intro .pic img:first-child { margin-right: .7%; }

/*产品直通车*/
.product { padding: 3.5rem 4.6875%; background: url(../images/bg.png); background-size: .5rem; }
.product h2 { margin-bottom: 2rem; }
.product dl { background: linear-gradient(90deg, #e8ebed, #fafdff, #e6e7e8); border: .05rem solid #DEDEDE; position: relative; line-height: 0; text-align: center; margin-bottom: 1.25rem; }
.product dl dd { position: absolute; bottom: 3.35rem; }
.product dl dd h4 { font-size: 1.6rem; line-height: 100%; color: #005BAC; font-weight: normal; position: relative; padding-bottom: .75rem; }
.product dl dd h4 strong { font-weight: bold; }
.product dl dd h4:after { position: absolute; content: ""; width: 1.75rem; height: .15rem; background: #005BAC; left: 50%; bottom: 0; margin-left: -.9rem; }
.product dl dd p { font-size: 1.2rem; line-height: 1.75rem; color: #666; margin: 1.7rem 2rem 2.2rem; }
.product dl dd i { display: block; width: 12.8rem; height: 2.8rem; line-height: 2.8rem; border: .1rem solid #434343; text-indent: 3rem; text-align: left; font-size: 1.2rem; color: #333; background: url(../images/pro_more.png) no-repeat 8.45rem center; background-size: 1.55rem; margin: 0 auto; }
a.more { width: 13rem; height: 3rem; background: #005BAC; font-size: 1.2rem; color: #fff; line-height: 3rem; text-align: center; margin: 2rem auto 0; display: block; }

/*客户案例*/
.case { padding: 3.5rem 16.1% 0; }
.cases { margin-top: 2rem; position: relative; }
.cases dl { margin-bottom: 8.3rem; opacity: .4; }
.cases dl.swiper-slide-active { opacity: 1; }
.cases dd { border: .05rem solid #DCDCDC; border-top: none; background: #fff; padding: 2.25rem 1.4rem 0; }
.cases dd h4 { font-size: 1.5rem; color: #333; line-height: 100%; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-indent: 1.65rem; }
.cases dd p { font-size: 1.2rem; line-height: 1.75rem; color: #737373; padding: 1.2rem 0 1.4rem; border-bottom: 0.05rem dotted rgba(67, 67, 67, 0.2); }
.cases dd i { display: block; font-size: 1.1rem; line-height: 100%; color: #005BAC; background: url(../images/case_more.png) no-repeat right 1.2rem; background-size: 2.3rem; text-align: right; padding: 1rem 2.9rem 1.75rem 0; }
.switch { position: absolute; bottom: 3.55rem; text-align: center; width: 100%; }
.switch i { cursor: pointer; width: 2.75rem; height: 2.75rem; display: inline-block; padding: 0 1rem; z-index: 9; }

/*走近现场*/
.site { padding: 2.95rem 3.125% 5.3rem; background: #F5F8FA; border-top: .05rem solid #E6EAED; border-bottom: .05rem solid #E6EAED; position: relative; }
.site_con { margin-top: 2rem; }
.site_con .info { padding: 2rem 1.65rem 0; }
.site_con .info h4 { font-size: 1.4rem; line-height: 100%; color: #333; margin-bottom: 1.1rem; }
.site_con .info h4 img { padding-bottom: .35rem; width: 4.4rem; }
.site_con .info p { font-size: 1.2rem; line-height: 1.8rem; color: #666; }
.site .swiper-pagination { bottom: 3.5rem; }
.site .swiper-pagination-bullet { background: #CDCDCD; width: .65rem; height: .65rem; opacity: 1; margin: 0 .45rem !important; border-radius: 50%; }
.site .swiper-pagination-bullet-active { width: 2.35rem; border-radius: .3rem; background: #005BAC; }

/*新闻资讯*/
.news { padding: 3.55rem 3.125%; }
.news_con { margin-top: 2rem; }
.news_con dl { padding-bottom: 1.5rem; border-bottom: .05rem solid #DEDEDE; margin-bottom: 1.5rem; overflow: hidden; }
.news_con dl:last-child { padding-bottom: .55rem; border-bottom: none; }
.news_con dt { width: 42.2%; float: right; }
.news_con dd { width: 52.8%; float: left; }
.news_con dd h4 { font-size: 1.2rem; line-height: 1.3rem; color: #262626; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.news_con dd p { font-size: 1.1rem; line-height: 1.5rem; color: #999; margin: .6rem 0 .8rem; }
.news_con dd i { display: block; font-size: .9rem; color: #999; line-height: 100%; }

/*关于罗迪波尔*/
.about { background: #F5F8FA; border-top: .05rem solid #E6EAED; padding: 3.5rem 3.125%; }
.about h2 { background-image: url(../images/t_t3.png); background-size: 16rem; margin-bottom: 2rem; }
.about dd p { font-size: 1.2rem; line-height: 1.8rem; color: #666; margin: 2.15rem 1.4rem; text-align: center; }
.about dd a { display: block; width: 12.8rem; height: 2.8rem; line-height: 2.8rem; border: .1rem solid #434343; text-indent: 3rem; text-align: left; font-size: 1.2rem; color: #333; background: url(../images/pro_more.png) no-repeat 8.45rem center; background-size: 1.55rem; margin: 0 auto; }

/*开屏秀*/
html { background: #f7f7f7; }

/*图片加载未完成前，默认背景色*/
.wrap { /*opacity: 0;  开屏秀未加载完成，内容默认不显示(首页最外层盒子)*/ }
.loading { position: fixed; width: 100%; height: 100%; top: 0; z-index: 51; display: none; max-width: 640px; min-width: 320px; z-index: 99999; }
.loading img { display: none; }
.loading #showNext { line-height: 1.8rem; display: none; color: #4D4D4D; border: 0.05rem solid #4D4D4D; border-radius: 5%; padding-left: 1rem; padding-right: 1rem; text-align: center; position: absolute; right: 1rem; top: 1rem; z-index: 99; }

/*首次加载页面切入效果*/
.homeShow { animation: fade 0.8s ease both; -webkit-animation: fade 0.8s ease both; }

/*渐显动画*/
@-webkit-keyframes fade {
  from { opacity: 1; display: block; }
  to { opacity: 0; display: none; height: 0; }
}
@keyframes fade {
  from { opacity: 1; display: block; }
  to { display: none; opacity: 0; height: 0; }
}
.fade { -webkit-animation-name: fade; animation-name: fade; }

/**/
@media screen and (min-width:320px) {
  html { font-size: 10px; }
}
@media screen and (min-width:360px) {
  html { font-size: 11.25px; }
}
@media screen and (min-width:375px) {
  html { font-size: 11.7px; }
}
@media screen and (min-width:384px) {
  html { font-size: 12px; }
}
@media screen and (min-width:480px) {
  html { font-size: 15px; }
}
@media screen and (min-width:414px) {
  html { font-size: 13px; }
}
@media screen and (min-width:560px) {
  html { font-size: 17.5px; }
}
@media screen and (min-width:640px) {
  html { font-size: 20px; }
}

/*# sourceMappingURL=index.css.map */