锘緻charset "utf-8";
/* CSS Document */

/*
 * @Author: Yang Run Cheng
 * @Date: 2020-12-17
 * @Last Modified by: Yang Run Cheng
 */

/* index-menu */
.index-menu {  overflow: hidden; width:100%; height:9.33vw;line-height: 9.33vw;background: #2d7bdd;}
.index-menu ul { display: flex;}
.index-menu li { position: relative; flex: 1; text-align: center;}
.index-menu li a { display: block; color: #fff; font-size: 3.7vw;}  
/* index-menu end */

/* banner */
.banner { position: relative; overflow: hidden;}
.banner .bd li { display: block; width:100%;}
.banner .hd { position: absolute; left: 0; bottom: 10px; width: 100%; text-align: center;}
.banner .hd ul { display: inline-block;}
.banner .hd li { color: #fff; font-size: 3.25vw; margin: 0 5px; float: left; background: url("/mobile/static/images/menu-icon01.png") no-repeat center;  width: 28px; height: 28px; line-height:28px;  text-align: center;  background-size: 100%;}
.banner .hd li.on { background: url("/mobile/static/images/menu-icon02.png") no-repeat center; background-size: 100%; color: #000;}
/* banner end */

/* indexLink */
.indexLink { position: relative; display: block; padding: 5.33vw 0;width: 100%; background: #f4f4f4;}
.indexLink ul { display: flex;}
.indexLink li { flex: 1; text-align: center;}
.indexLink li span { display: block; margin: 0 auto 10px; width: 30px;}
.indexLink li p { font-size: 3.5vw; color: #333;}
.indexLink li em { padding-top: 5px; display: block; color: #666; font-size: 3.25vw; font-family: "DIN Medium";}
/* indexLink end */

/* ad */
.ad { position: relative; overflow: hidden; padding:6vw 0 5.33vw; background: #fff;}
.ad .ad-con { margin-top: 4vw; display: block; overflow: hidden;}
.ad .ad-con .item { float: left; margin: 1.87vw 2%; width: 46%; height: 8.8vw; line-height: 8.8vw; text-align: center; font-size: 3.5vw; color: #fff; background: #2d7bdd; border-radius: 4vw;}
/* ad end */

/* mode */
.mode { padding: 6vw 2.5% 0; box-sizing: border-box; position: relative; background: #eee;}
.mode .wrap-tit { margin-bottom:5.33vw;}
.mode .mode-con .mode-list { overflow:hidden;}
.mode .mode-con .mode-list .pic { display: block; width: 100%;}
.mode .mode-con .mode-list .pic img { display: block; width: 100%;}
.mode .mode-con .mode-list .item { padding: 6vw 0; overflow: hidden;}
.mode .mode-con .mode-list .item h2 { font-size: 5vw; font-weight: normal;}
.mode .mode-con .mode-list ul { display: flex; flex-wrap: wrap;}
.mode .mode-con .mode-list li { position: relative; margin-top: 5.33vw;flex: auto;width: 33.33%;padding-left: 14px;box-sizing: border-box;font-size: 3.25vw;color: #666;white-space: nowrap;letter-spacing: -.1vw;}     
.mode .mode-con .mode-list li:after { content: ''; display: block; position: absolute; left: 0; top: 0; background: url("/mobile/static/images/mode-bf.png") no-repeat center; width: 12px; height: 12px; background-size: 100%;}
/* mode end */

/* video */
.video { position: relative; overflow: hidden; padding: 6vw 1.5% 4vw; background: #fff;}
.video-slide { margin-top: 4.67vw; overflow: hidden;}
.video-slide .item {  float: left; margin: 0 1%; width: 48%;}
.video-slide .item .pic {display: block; width: 100%;}
.video-slide .item .pic img { display: block; width: 100%;}   
.video-slide .item .pic a { display: block; width: 100%; position: relative;}
.video-slide .item .pic a:after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5) url("../images/player.png") no-repeat center;}
.video .video-more { display: block; margin: 4.67vw auto 0; width: 19.33vw; height: 8vw; line-height: 8vw; text-align: center; font-size: 3.25vw; color: #fff; background: #2d7bdd;}
/* video end */

/* product */
.product { display: block; overflow: hidden; padding: 6.67vw 1.5%; background: #eee;}
.product .product-con { margin-top: 4vw; overflow: hidden;}
.product .product-con .item { float: left; margin: 2% 1% 0; width: 48%; overflow: hidden;}
.product .product-con .item .pic { display: block; width: 100%;}
.product .product-con .item .pic img { display: block; width: 100%;}
.product .product-con .item .tit { padding: 0 5px; box-sizing: border-box; white-space: nowrap; text-overflow: ellipsis;  overflow: hidden;margin-top: 1px; display: block; width: 100%; height: 8vw; line-height: 8vw; text-align: center; font-size: 3.25vw; color: #333; background: #fff;}
/* product end */

/* adv */
.adv { position: relative; padding: 9.33vw 2.5%; box-sizing: border-box; background: #fff;}
.adv .adv-con { margin-top: 6vw; overflow: hidden;}
.adv .adv-con .item { display: flex; width: 100%; /*height: 123px;*/ overflow: hidden;}
.adv .adv-con .item .pic { float: left; width: 50%;}
.adv .adv-con .item .pic img { display: block; width: 100%;}
.adv .adv-con .item .tit { float: left; width: 50%; padding-right: 5%; box-sizing: border-box;}
.adv .adv-con .item .tit .inner { position: relative; top: 50%; transform: translateY(-50%);}
.adv .adv-con .item .tit p { padding-bottom: 3.2vw; font-size: 3.5vw; color: #2d7bdd;}
.adv .adv-con .item .tit span {  border-top:1px solid #eee;  padding-top: 2.67vw; display: block; font-size: 3.25vw; line-height: 1.5;}
.adv .adv-con .item:nth-of-type(even) .tit { order: 1; padding-right: 0; padding-left: 5%;}
/* adv end */


/* step */
.step { padding: 8.67vw 0 7.33vw; position: relative; overflow: hidden; background: url("/mobile/static/images/step-bg.jpg") no-repeat center; width: 100%; height: auto; background-size: cover;}
.step .wrap-tit h2 { color: #fff;}
.step .wrap-tit h2 span { font-size: 8vw; color: #ffcc00;}
.step .step-con {display: block;text-align: center;position: relative;padding-top: 8.67vw;overflow: hidden;}
.step .step-con:after {position: absolute;left:0;top: 9.1vw;content: '';display: block;width: 97.5%;height: 32vw;border: 1px solid #fff;box-sizing: border-box;border-radius: 0 13.33vw 13.33vw 0;}
.step .step-con .step-list {display: flex;justify-content: center;position: relative;z-index: 3;}
.step .step-con .item {position: relative;margin: 6vw 3.2vw;float: left;width: 20vw;height:20vw;background: #fff;}
.step .step-con .item:after {content: '';display: block;position: absolute;left: 50%;top: -8vw;background:url("/mobile/static/images/step_list.png") no-repeat center;width: 18px;height: 18px;margin-left: -9px;}
.step .step-con .item span { display: block; margin: 4.5vw auto 0; width: 5.33vw;}
.step .step-con .item span img { display: block; width: 100%;}
.step .step-con .item p { padding-top: 2vw; font-size: 3.25vw; color: #333; text-align: center;}
.step .step-btn { margin: 0 auto; border-radius: 3.73vw; display: block; width: 62.67vw; height:9vw; overflow: hidden; background: #fff;}
.step .step-btn .btn-fl { float: left; width: 55%; height:9vw; font-size: 3.25vw; background: url("/mobile/static/images/tel-icon01.png") no-repeat right;}
.step .step-btn .btn-fl input { padding-left: 5vw; box-sizing: border-box; display: block; width: 95%; height:9vw; outline:none; border: none; background: transparent; font-size: 3.25vw;}
.step .step-btn .btn-fr { float: left; width: 45%; height: 9vw; line-height: 9vw;  font-size: 3.25vw; color: #000; text-align: center;  background: #ffcc00;}
.step .step-btn .btn-fr a { color: #000;}
.step .step-btn .btn-fr a i {vertical-align:middle;margin-top: -2px;margin-left: 5px;display: inline-block;background: url("/mobile/static/images/step-btn.png") no-repeat center;width:18px;height: 18px;background-size: 100%;}
/* step end */

/* indexInfo */
.indexInfo { padding: 9.33vw 1.5% 6.67vw; background: #fff; position: relative; overflow: hidden;}
.indexInfo h2 { padding: 0 1%; text-align: center;  font-size: 4.8vw; color: #000; font-weight: normal;}
.indexInfo h2 a{color: #000;}
.indexInfo p { padding: 3.33vw 1% 0; overflow: hidden; font-size: 3.5vw; color: #666; line-height: 1.75;}
.indexInfo .indexInfo-slide { position: relative; padding-bottom: 8vw; margin-top: 6.67vw; overflow: hidden;}
.indexInfo .indexInfo-slide .item { float: left; margin: 0 1%;  width: 48%;}
.indexInfo .indexInfo-slide .item .pic { display:block; width: 100%;}
.indexInfo .indexInfo-slide .item .pic img { display: block; width: 100%;}
.indexInfo .indexInfo-slide .hd { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center;}
.indexInfo .indexInfo-slide .hd ul { display: inline-block;}
.indexInfo .indexInfo-slide .hd li { float: left; margin: 0 5px; width: 9px; height: 9px; border-radius: 50%; background: #2d7bdd;}
.indexInfo .indexInfo-slide .hd li.on { background: #ffcc00;}
/* indexInfo end */


/* news02 */
.news02 { position: relative; padding: 7.33vw 2.5% 4.67vw; box-sizing: border-box; background: #f7f7f7;}
.news02 .news-slide02 { overflow: hidden; width: 100%;}
.news02 .news-slide02 .news-menu { margin: 4.67vw 0 3.33vw; display: block; width: 100%; overflow: hidden; text-align: center;}
.news02 .news-slide02 .news-menu ul { display: inline-block;}
.news02 .news-slide02 .news-menu li { margin: 0 1.33vw; float: left; width: 22vw; height: 7.33vw; line-height: 7.33vw; text-align: center;}
.news02 .news-slide02 .news-menu li a { display: block; width: 100%; border: 1px solid #e1e1e1; box-sizing: border-box; font-size: 3.5vw; color: #333; border-radius: 3.6vw;}
.news02 .news-slide02 .news-menu li.on a { background: #226dca; color: #fff; border: 1px solid #226dca;}
.news02 .news-slide02 .news-main { overflow: hidden; width: 100%; clear: both;}
.news02 .news-slide02 .news-main .itemTop { display: block; width: 100%;}
.news02 .news-slide02 .news-main .itemTop .pic { display: block; width: 100%;}
.news02 .news-slide02 .news-main .itemTop .tit { padding: 5.33vw 0; overflow: hidden; margin: -14.67vw 2.5% 0; position: relative; z-index: 2; display: block;  width: 95%; background: #fff; box-sizing: border-box;}
.news02 .news-slide02 .news-main .itemTop .tit em {  margin-left: 3%; font-size: 3.25vw; color: #999; font-family: "DIN Medium";}
.news02 .news-slide02 .news-main .itemTop .tit h2 {  width: 94%;margin: 2vw auto 0; font-size: 3.75vw; color: #333; line-height: 1.5;white-space: nowrap; text-overflow: ellipsis;  overflow: hidden;}
.news02 .news-slide02 .news-main .itemTop .tit h2 a { color: #333;}
.news02 .news-slide02 .news-main .itemTop .tit p { width: 94%;margin: 2vw auto 0; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden; font-size: 3.25vw; color: #666; line-height: 1.75;}
.news02 .news-slide02 .news-main .item { padding: 4.67vw 0; width: 100%; overflow: hidden; border-bottom: 1px solid #e2e2e2;}
.news02 .news-slide02 .news-main .item .time {padding: 15px 0;text-align: center;float: left;width:22%;background: #fff;}
.news02 .news-slide02 .news-main .item .time h2 { font-size: 5.33vw;color: #666;}
.news02 .news-slide02 .news-main .item .time p {font-size: 3.25vw;color: #666;font-family: "DIN Medium";font-weight: bold;}
.news02 .news-slide02 .news-main .item .tit { float: left; margin-left: 5%;  width: 73%;}
.news02 .news-slide02 .news-main .item .tit h2 {font-size: 3.75vw;color: #222;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news02 .news-slide02 .news-main .item .tit h2 a { color: #333;}
.news02 .news-slide02 .news-main .item .tit p {margin: 10px 0 5px;width: 100%;font-size: 3.5vw;color: #666;line-height: 1.75;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.news02 .news-slide02 .news-main .item .tit span { display: none; background: url("/mobile/static/images/next-arrow02.png") no-repeat right; width: 18vw; height: 4vw; line-height: 4.5vw; font-size: 3.25vw; color: #666;}
/* news02 end */


<!--0.00016999244689941-->