* { padding: 0; margin: 0; text-decoration: none; list-style: none;}
html, body { width: 100%; background: #fff; font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, Verdana, sans-serif, "WenQuanYi Micro Hei", "\5B8B\4F53"; }
html { height: 100%; }
h1, h2, h3, h4, h5, h6, th { font-weight: normal; }
i { font-style: normal; }
input, button, textarea, select { vertical-align: middle; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; padding: 0; }
input[type="button"], input[type="text"], input[type="password"], input[type="submit"], input[type="reset"], input[type="search"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="time"], input[type="number"], button, select, textarea { -webkit-appearance: none; appearance: none; background: none; }
input[type="radio"], input[type="checkbox"] { -webkit-appearance: none; appearance: none; }
::-webkit-input-placeholder { color: #999; }
@font-face { font-family: 'iconfont'; src: url('../../font/iconfont.eot'); src: url('../../font/iconfont.eot?#iefix') format('embedded-opentype'), url('../../font/iconfont.woff') format('woff'), url('../../font/iconfont.ttf') format('truetype'), url('../../font/iconfont.svg#iconfont') format('svg'); }
.iconfont { font-family: "iconfont" !important; font-size: 14px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
img { border: 0; display: block; width: 100%; }
.main { width: 92%; height: 100%; margin: 0 auto; }
.clear { clear: both; }

/* 濯掍綋鏌ヨ */
@media all and (min-width:320px) {
	html { font-size: 32px; }
}
@media all and (min-width:360px) {
	html { font-size: 36px; }
}
@media all and (min-width:375px) {
	html { font-size: 37.5px; }
}
@media all and (min-width:384px) {
	html { font-size: 38.4px; }
}
@media all and (min-width:412px) {
	html { font-size: 41.2px; }
}
@media all and (min-width:414px) {
	html { font-size: 41.4px; }
}
@media all and (min-width:480px) {
	html { font-size: 48px; }
}

/*澶撮儴瀵艰埅*/
.header { position: fixed; width: 100%; height: 1.5625rem; background: rgba(0, 0, 0, 0.4); z-index: 2; }
.header a { float: left; display: block; height: 100%; }
.header .main .headphone { float: left; color: #ffffff;margin-left: 3%;padding-left: 3%;height: 55%;margin-top: 0.35rem;border-left: solid 1px #ccc;}
.header .main .headphone div {font-size: 0.3rem;}
.header .main .headphone p {font-size: 0.2rem;}
.header a img { height: 100%; width: auto; }
.headbtn .headerBtn {margin-right: 0.2rem; float: right; margin-top: 0.32rem; width: 1.013rem; height: 0.96rem; background: url(../images/btn1.png) no-repeat center; background-size: 100%; }
.headbtn p{ font-size: 0.375rem; float: right; line-height:1.5625rem;color: #ffffff;}
.nav { position: fixed; left: -100%; top: 0; width: 100%; height: 100%; background: #f0f2f4; z-index: 10; }
.navList { width: 86%; height: 100%; background: #212b2b; }
.navList a { display: block; padding-left: 4%; width: 96%; height: 1.375rem; border-bottom: 1px solid #444444; font-size: 0.4375rem; color: #fff; line-height: 1.375rem; }
.navList a.active { background: #1e499f; color: #fff; }
.nav .closeBtn { position: absolute; right: 4%; top: 3%; width: 0.625rem; height: 0.625rem; background: url(../images/close.jpg) no-repeat center; background-size: 100%; }

/*banner*/
.banner { width: 100%; height: 9.0625rem; overflow: hidden; }
.banner .swiper-slide { height: 100%; position: relative; }
.banner .swiper-slide .main { position: absolute; left: 18.75%; top: 0; width: 62.5%; text-align: center; }
.banner .swiper-slide .main h3 { padding-top: 1.72rem; font-size: 0.625rem; color: #fff; line-height: 2; }
.banner .swiper-slide .main em { display: block; padding-top: 0.1rem; max-height: 2.96875rem; font-size: 0.375rem; color: #fff; line-height: 1.6; font-style: normal; overflow: hidden; }
.banner .swiper-slide .main a { display: block; margin: 0.5rem auto 0; width: 3.125rem; height: 1.1rem; background: #1e499f; font-size: 0.375rem; color: #fff; text-align: center; line-height: 1.1rem; }
.banner .swiper-pagination { position: absolute; left: 0; bottom: 0.3125rem; width: 100%; text-align: center; z-index: 2; }
.banner .swiper-pagination-bullet { display: inline-block; margin-left: 0.24rem; width: 0.3125rem; height: 0.3125rem; border-radius: 50%; background: #fff; opacity: 0.4; outline: none; }
.banner .swiper-pagination-bullet-active { background: #1e499f; opacity: 1; }
.banner .bannerLeftBtn, .banner .bannerRightBtn { position: absolute; left: 0.4rem; top: 50%; margin-top: -0.90625rem; width: 1.0625rem; height: 1.8125rem; z-index: 2; outline: none; }
.banner .bannerRightBtn { right: 0.4rem; left: auto; background: rgba(0, 0, 0, 0.4) url(../images/right.png) no-repeat center; background-size: 60% 54%; }
.banner .bannerLeftBtn { background: rgba(0, 0, 0, 0.4) url(../images/left.png) no-repeat center; background-size: 60% 54%; }

.lane{ height: 1.6rem; margin-top: 0.3rem;}
.lane .main .item{ margin-left:3%; background-color: #f4f4f4; width: 31%; text-align: center; line-height: 1.6rem; float: left;}
.lane .main .item dl dt{float: left; padding: 0.5rem 0 0 0.3rem;}
.lane .main .item dl dt img{width: 0.5rem; height: auto;}
.lane .main .item:first-child{ margin-left: 0;}
/*鍏徃浠嬬粛*/
.about { padding: 0.3rem 0; width: 100%; overflow: hidden; }
.sec_title h4 { font-size: 0.625rem; color: #333; text-align: center; line-height: 2; }
.sec_title p { font-size: 0.375rem; color: #999; text-align: center; line-height: 1.4; display: none;}
.about_cnt { padding: 0.42rem 0; }
.about_cnt h4 { padding-top: 0.18rem; font-size: 0.5625rem; line-height: 2.4; display: none;}
.about_cnt .about_text { padding-bottom: 0.42rem; font-size: 0.375rem; color: #999; line-height: 0.625rem; }
.about_cnt a { display: block; width: 3.1875rem; height: 1.1875rem; background: #1e499f; font-size: 0.4375rem; color: #fff; text-align: center; line-height: 1.1875rem; }

/*鏍稿績鑳藉姏*/
.product { padding-top: 0.42rem; background: #212b2b; }
.product .sec_title h4, .product .sec_title p { color: #fff; }
.product_cnt { padding-top: 0.68rem; }
.product_item { display: block; width: 100%; height: 7rem; background: #293535; }
.product_item .icon { float: left; margin-left: 0.6rem; margin-top: 1rem; width: 0.9375rem; height: 0.9375rem; }
.product_itemR { float: left; margin-left: 0.2rem; margin-top: 1rem; width: 6.8rem; }
.product_itemR h4 { font-size: 0.5625rem; color: #4476dc; line-height: 0.9375rem; }
.product_itemR p { padding-top: 0.2rem; font-size: 0.375rem; color: #999; line-height: 1.75; overflow: hidden; line-height: 26px;display: -webkit-box;-webkit-line-clamp: 5;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.product_item+.product_item { background: #202c2c; }
.product_item+.product_item+.product_item { background: #1c2727; }
.product_item+.product_item+.product_item+.product_item { background: #162121; }

/*鍥㈤槦灞曠ず*/
.team { padding: 0.32rem 0; }
.team .swiper-container { margin-top: 0.32rem; padding-bottom: 1.2rem; }
.team .swiper-slide img { margin: 0 auto; width: 98%; border: 1px solid #cccccc; }
.team .swiper-pagination { position: absolute; left: 0; bottom: 0.3125rem; width: 100%; text-align: center; z-index: 2; }
.team .swiper-pagination-bullet { display: inline-block; margin-left: 0.24rem; width: 0.3125rem; height: 0.3125rem; border-radius: 50%; background: #ebebeb; opacity: 1; outline: none; }
.team .swiper-pagination-bullet-active { background: #375696; }

/*浼楀鍚堜綔浼欎即*/
.service { margin-top: 0.8rem; padding-bottom: 0.6rem; background: #1e49a0; }
.service .about_cnt h4, .service .about_cnt .about_text { color: #fff; }
.service .about_cnt a { background: #083287; }

/*瀹㈡埛妗堜緥*/
.case { padding: 0.42rem 0 0.8rem; }
.case_cnt { margin-left: -2%; padding-top: 0.2rem; }
.case_cnt a { float: left; margin-left: 2%; display: block; width: 48%; }
.case_cnt a div { height: 3.5rem; }
.case_cnt a img { height: 100%; width: 100%; }
.case_cnt a p { padding: 0 0.16rem; height: 1.05rem; font-size: 0.4375rem; color: #444; line-height: 2.4; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.case .main .mainup img{width: 100%;height: auto;}
.case .main .mainup .up{border-bottom: solid 1px #cccccc; padding: 0.3rem 0;}
.case .main .mainup .up h3{font-size: 0.5rem;}
.case .main .mainup .up p{ color: #999999; font-size: 0.38rem; line-height: 0.8rem;}
.case .main .mainup .down{padding: 0.3rem 0;}
.case .main .mainup .down p{color: #999999; font-size: 0.38rem; line-height: 0.8rem;}
.case .main .maindown {padding-top: 0.5rem;}
.case .main .maindown .title {font-size: 0.5rem;border-bottom: solid 1px #cccccc;padding: 0.3rem 0;}
.case .main .maindown .text {color: #999999;padding: 0.3rem 0; font-size: 0.38rem; line-height: 0.8rem;}

/*鏂伴椈涓績*/
.news { padding: 0.32rem 0 0.8rem; background: #171818; }
.news .sec_title h4, .news .sec_title p { color: #fff; }
.news_cnt { margin-left: -2%; padding-top: 0.48rem; }
.news_cnt a { float: left; margin-left: 2%; display: block; width: 48%; }
.news_cnt a div { height: 3.5rem; }
.news_cnt a img { height: 100%; width: 100%; }
.news_cnt a p { padding: 0 0.16rem; height: 1.05rem; font-size: 0.4375rem; color: #fff; line-height: 2.4; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/*鑱旂郴鎴戜滑*/
.contact { padding: 0.4rem 0 0.64rem; width: 100%; overflow: hidden; }
#map { margin: 0.6rem 0 0.8rem; height: 7.625rem; }
#map img { width: auto; }
.anchorBL { display: none; }
.BMap_bubble_title { font-size: 0.42rem }
.BMap_bubble_content { font-size: 0.32rem; line-height: 1.5; }
.contact_cnt { margin-top: 0.32rem; }
.contact_cnt .fl { padding: 0.8rem 0.3rem; background: url(../images/contactback.jpg) no-repeat center; background-size: cover; }
.contact_cnt .fl > h5 { font-size: 0.46rem; color: #333333; line-height: 1; font-weight: normal; }
.contact_cnt .fl ul { padding-top: 0.28rem; }
.contact_cnt .fl li { margin-top: 0.28rem; padding: 0.2rem 0.28rem; background: #ffffff; border: 1px solid #cccccc; border-radius: 3px; }
.contact_cnt .fl li div { font-size: 0.36rem; color: #999999; line-height: 1.5; }
.contact_cnt .fl .iconfont { padding-right: 0.12rem; font-size: 0.36rem; }
.contact_cnt .fl li p { margin-top: 0.15rem; font-size: 0.32rem; color: #333333; line-height: 1.5; transition: all 0.2s; }
.contact_cnt .fl li > span { display: block; margin-top: 0.15rem; font-size: 0.48rem; color: #333333; font-weight: bold; line-height: 1.2; }
.contact_cnt .fl li > span a:hover { color: #333333; }
.contactForm { padding: 0.6rem 0.3rem; background: #1d489f; overflow: hidden; }
.contactForm > h5 { font-size: 0.46rem; color: #ffffff; line-height: 1; font-weight: normal; }
.contactForm form { padding: 0.6rem 0 0.4rem; width: 100%; }
.contactForm input { padding: 0.3125rem 0.375rem; margin-bottom: 0.4375rem; width: 100%; line-height: 0.6875rem; background: #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: none; }
.contactForm textarea { padding: 0.3125rem 0.375rem; margin-bottom: 0.4375rem; width: 100%; height: 4.375rem; background: #fff; resize: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.layui-input-block { margin-left: 0; }
.contactForm form .code { position: relative; background: #fff; margin-bottom: 0.4375rem; }
.contactForm form .code input { margin-bottom: 0; width: 60%; border-right: 1px solid #DEDEDE; }
.contactForm .code img { position: absolute; top: 0.18rem; right: 0.1875rem; width: 2.9rem; height: 1rem; }
.contactForm button { float: right; margin-left: 0.32rem; width: 2.8rem; height: 1.125rem; border: none; font-size: 0.4375rem; color: #fff; text-align: center; line-height: 1.125rem; background: #083287; }
.contactForm button:hover { color: #ffffff; }

/*搴曢儴*/
.footerTop { padding-bottom: 0.6rem; background: #162121; }
.footerTop .main:after { content: ""; display: block; width: 0; height: 0; clear: both; }
.footerL { float: left; padding-top: 0.8rem; width: 72%; font-size: 0.4375rem; line-height: 0.8125rem; }
.footerL div { display: block; color: #fff; font-size: 0.36rem; line-height: 1.6; }
.footerL a { color: #ffffff; }
.footerR { float: right; margin-top: 0.9rem; width: 1.875rem; height: 1.875rem; }
.footerR img { width: 100%; height: 100%; }
.footerBot { padding-top: 0.4rem; height: 1.4375rem; background: #212d2d; color: #bdc3c7; font-size: 0.32rem; text-align: center; line-height: 1.6; }
.footerBot a { color: #bdc3c7; }

/*鍐呴〉banner*/
.ny_banner { height: 5.625rem; color: #fff; text-align: center; }
.ny_banner h3 { padding-top: 2rem; font-size: 0.625rem; line-height: 2; }
.ny_banner p { font-size: 0.375rem; line-height: 1.6; }
.content { padding: 0.2rem 0 0.8rem; width: 100%; overflow: hidden; }
.content .moreBtn { margin: 0.2rem auto 0.4rem; width: 0.6875rem; height: 0.5625rem; background: url(../images/more.png) 
no-repeat center; background-size: 100% 100%; }

/*鍔犲叆鎴戜滑椤甸潰*/
.joincon table { width: 100%; background: #ffffff; border-collapse: collapse; table-layout: fixed; }
.joincon tr { height: 1.12rem; border-bottom: 1px solid #cccccc; }
.joincon tr:first-child { border-bottom-width: 0px; }
.joincon tr:nth-child(odd) { background: #fafafa; }
.joincon th { width: 40%; text-align: left; font-size: 0.373334rem; color: #ffffff; font-weight: bold; line-height: 1.12rem; background: #1e49a0; }
.joincon th:nth-child(2) { width: 20%; text-align: center; }
.joincon th:last-child { text-align: right; }
.joincon th:last-child, .joincon th:first-child { padding: 0 0.266667rem; }
.joincon td { width: 40%; height: 1.12rem; font-size: 0.346667rem; color: #666666; line-height: 1.12rem; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.joincon td:nth-child(2) { width: 20%; text-align: center; }
.joincon td:last-child { text-align: right; }
.joincon td:last-child, .joincon td:first-child { padding: 0 0.266667rem; }
.joincon td a { color: #666666; }

/*鍙戝睍鍘嗙▼椤甸潰*/
.history_cnt { position: relative; margin-top: 0.5rem; }
.history_cnt .prev_btn1, .history_cnt .next_btn1 { position: absolute; top: 0; width: 0.64rem; height: 0.64rem; line-height: 0.64rem; outline: none; }
.history_cnt .prev_btn1 span, .history_cnt .next_btn1 span { vertical-align: top; font-size: 0.42rem; color: #999999; }
.history_cnt .prev_btn1 { left: 0; text-align: left; }
.history_cnt .next_btn1 { right: 0; text-align: right; }
.history_cnt #thumbs { height: 0.64rem; width: 7.37rem; }
.history_cnt #thumbs:before { content: ""; display: block; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #cccccc; }
.history_cnt #thumbs .swiper-slide div { position: relative; margin: 0.08rem auto; width: 0.48rem; height: 0.48rem; background: #f0f0f0; border-radius: 0.48rem; }
.history_cnt #thumbs .swiper-slide div:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 0.2rem; height: 0.2rem; background: #cccccc; border-radius: 0.2rem; }
.history_cnt #thumbs .swiper-slide-thumb-active div { background: #bbc8e2; }
.history_cnt #thumbs .swiper-slide-thumb-active div:after { background: #1e49a0; }
.history_cnt #gallery { margin-top: 0.36rem; }
.history_cnt #gallery .fl { float: none; width: 100%; }
.history_cnt #gallery .fr { float: none; width: 100%; margin-top: 0.32rem; }
.history_cnt #gallery .fr h5 { padding-bottom: 0.2rem; font-size: 0.42rem; color: #1e49a0; line-height: 1.5; }
.history_cnt #gallery .fr > span { display: block; font-size: 0.36rem; color: #666666; line-height: 1.8; }
.history_cnt #gallery .fr > i { display: block; width: 1.6rem; height: 3px; background: #1e49a0; }
.history_cnt #gallery .fr > div { margin-top: 0.4rem; font-size: 0.346667rem; color: #666666; line-height: 1.5; }

/*鍏徃鑽ｈ獕椤甸潰*/
.honorcon { margin-top: 0.5rem; }
.honorList:after { content: ""; display: block; width: 0; clear: both; }
.honorList a { float: left; margin-top: 0.16rem; width: 48.5%; }
.honorList a:nth-child(even) { float: right; }
.honorList a div { height: 3.04rem; overflow: hidden; }
.honorList a div img { min-height: 100%; }
.honorList a p { padding: 0 0.16rem; height: 0.88rem; font-size: 0.373333rem; color: #333333; text-align: center; line-height: 0.88rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/*涓滅灣鏂囧寲椤甸潰*/
.culture_cnt { margin-top: 0.5rem; font-size: 0.373333rem; color: #666666; line-height: 2; }
.culture_cnt img { display: inline-block; width: auto; max-width: 100%; }

/*椤电爜*/
.pagination { padding: 0.5rem 0 0.32rem; font-size: 0; text-align: center; }
.pagination li { display: inline-block; margin: 0.08rem; height: 0.8rem; vertical-align: top; border: 1px solid #cccccc; border-radius: 3px; }
.pagination li span, .pagination li a { display: block; padding: 0 0.293334rem; height: 100%; font-size: 0.373334rem; color: #333333; line-height: 0.8rem; }
.pagination .disabled span, .pagination .disabled a { color: #cccccc; }
.pagination .active { background: #eee; }
.pagination .active span { color: #666; }
.content .news_cnt a p { color: #444; }
.case_cnt + .main, .news_cnt + .main { height: auto; }

/*鍚堜綔瀹㈡埛椤甸潰*/
.team_cnt { margin-top: 0.5rem; }
.team_cnt:after { content: ""; display: block; width: 0; clear: both; }
.team_cnt .teamItem { float: left; margin-top: 0.26rem; width: 48%; height: 2.13333rem; border: 1px solid #cccccc; overflow: hidden; }
.team_cnt .teamItem:nth-child(even) { float: right; }
.team_cnt .teamItem img { min-height: 100%; }
.mainnav{
	width: 100%;
	height: 1rem;
	background-color: #f4f4f4;
}
.mainnav .text{
	width: 100%;
	height: 1rem;
	width: 92%; 
	height: 100%; 
	margin: 0 auto; 
	line-height: 1rem;
	font-size: 0.4375rem;
	background-color: #f4f4f4;
	overflow-y: hidden;
	overflow-x: auto;
	white-space: nowrap;
}
.mainnav .text .item{
	color: #333;
	display: inline-block;
	position: relative;
    margin-left: 0.4rem;
}
.mainnav .text .item.active::after{
	left: 50%;
    width: 0;
    height: 0;
    bottom: -0.21rem;
    content: '';
    margin-left: -9px;
    position: absolute;
    border-left: 6px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 5px solid #ffffff;
}
.mainnav .text a:first-child{
    margin-left: 0;
}
/*鏂伴椈鍒嗙被*/
.newsMask{
	padding: 0.3rem 0 1rem 0;
}
.content .main .newsMask .left {
	clear: both;
    content: " ";
    display: table;
    box-sizing: border-box;
}
.content .main .newsMask .left a{
	float: left;
	padding: 0 10px;
	color: #333333; 
	height: 0.747rem;
	text-align: center; 
	margin-top: 0.32rem;
	font-size: 0.4375rem;
	margin-left: 0.32rem;
	line-height: 0.747rem;
	border: 1px solid #ddd;
}
.content .main .newsMask .left a.active{
	color: #ffffff;
	border-color: #4476dc;
	background-color: #4476dc;
}
/* .newsMask {left: 0; top: 0; width: 100%; height: 100%; background: #fff; z-index: 3; }
.newsMask .left a {color: #333333; padding-left: 0.46875rem; font-size: 0.4375rem; line-height: 1.375rem; border-bottom: 1px solid #ddd; }
.newsMask .left a{color: #333333;}
.newsMask .left a.active { color: #1e499f;}
.newsMask .right { float: right; width: 50%; height: 100%; background-color: #ebebeb;}
.newsMask .right .item { display: none;}
.newsMask .right .item a { display: block;padding-left: 0.46875rem; font-size: 0.4375rem; color: #333; line-height: 1.5rem;}
.newsMask .right .active { display: block;}
.newsMask .closeBtn { position: absolute; right: 0.46875rem; top: 3%; width: 0.4375rem; height: 0.4375rem; background: url(../images/close.png) no-repeat center; background-size: 100%; } */

/*璇︽儏椤甸潰*/
.article { padding: 0.4rem 0; }
.article h2 { font-size: 0.625rem; color: #404040; line-height: 2; }
.article .articleDate { font-size: 0.375rem; color: #999; line-height: 2.4; }
.article .articleCon { padding: 0.5rem 0; border-top: 1px solid #dddddd; font-size: 0.375rem; color: #404040; line-height: 2; }
.article .articleCon img { display: inline-block; width: auto; max-width: 100%; height: auto;}
.article .articleBot { padding-top: 0.4rem; border-top: 1px solid #dddddd; }
.article .articleBot a { display: block; height: 0.75rem; font-size: 0.375rem; color: #333333; line-height: 2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.articleCate h3 { color: #333; font-size: 0.64rem; margin-top: 0.8rem; }
.articleCate .case_cnt a { display: block; width: 100%; float: none; margin-top: 0.24rem; }
.articleCate .swiper-container { padding-bottom: 0.64rem;} 
.articleCate .swiper-pagination { position: absolute; left: 0; bottom: 0; height: 0.4rem; width: 100%; text-align: center; z-index: 2; }
.articleCate .swiper-pagination-bullet { display: inline-block; vertical-align: top; margin-left: 0.24rem; width: 0.3125rem; height: 0.3125rem; border-radius: 50%; background: #fff; opacity: 0.4; outline: none; }
.articleCate .swiper-pagination-bullet-active { background: #1e499f; opacity: 1; }

/* breadcrumbs */
.breadcrumbs { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 0.64rem; line-height: 0.64rem; padding: 0.16rem 0.4rem; background-color: #f5f5f5; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.breadcrumbs-list { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.breadcrumbs-list a { display: block; color: #333333; height: 100%; font-size: 0.32rem; line-height: 0.64rem; text-transform: capitalize; }
.breadcrumbs-list li { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; color: #666666; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0.32rem; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.breadcrumbs-list li:nth-child(n+2):before { display: block; content: ""; width: 0.24rem; height: 0.24rem; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin: 0 0.13333rem; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAA+0lEQVRYR8XX0QYCQRSH8W9fpweKiIiIiIiIVK9TFxEREREREdHzZOl0WefM/Ed7u8d8v72Zma3481M5+vP3zNIxGx7xABrAClgDcoQHUH9VMYQXUAwRARRBRAFyRApAikgFyBA5AAkiF5CNUACyECpAMkIJSEKoAWFECUAIURrwBJrfzugSADs5H0Dr1wVBDbD4HWj/itfvlQCL34COJ64EWPwKdL1xFcDiF6AXiSsAFj8D/Wg8F2DxEzBIiecALH4EhqnxVIDFD8AoJ54CsPgeGOfGowCL74CJIh4BWHwLTFVxL8DiG2CmjHsB9c9pvWUv1HEvoET3s+YLDmQ6Ic32m0MAAAAASUVORK5CYII=) no-repeat center/100%; }
.breadcrumbs-list li:last-child { -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }