.m_lr_auto{margin-left: auto; margin-right: auto; width: 1200px;}
@media (max-width: 1210px) {
	.m_lr_auto { margin-left: 0; margin-right: 0; width: 100%; padding:0 10px; }
}


.m_lr_auto1920 { width: 1920px;margin-left: auto; margin-right: auto;  }
@media (max-width: 1920px) {
	.m_lr_auto1920 { margin-left: 0; margin-right: 0; width: 100%; }
}

.logo { width: 5.24rem; }
.top_s_right { float: right; display: none; width: .3rem; }
.top_s_right img { width: 100%; vertical-align: middle; }
.top_s_left { top: 0; left: 0; display: none; position: fixed; height: 100%; width: 100%; z-index: 27; background-color: #000;filter:alpha(opacity=50);  -moz-opacity:.5;  -khtml-opacity: .5;  opacity: .5;}
.phone_nav { overflow: auto; overflow-y: scroll; position: fixed; width: 170px; height: 100%; right: -100%; top: 0; z-index:99; background-color: #424242; }
.phone_nav ul li h3 { width: 100%;padding-left: 10px; font-size: 14px; line-height: 30px;color: #fff; box-sizing: border-box; }
.phone_nav ul li h3 span { font-size: 12px; display: block; line-height: 12px; padding-bottom: 7px; font-weight: normal; }
.phone_nav ul li p { font-size: 12px; text-indent: 5px;color: #fff; line-height: 26px; padding-left: 10px; box-sizing: border-box;}
.phone_nav ul li h3:hover,
.phone_nav ul li h3.on,
.phone_nav ul li p:hover,
.phone_nav ul li p.on { background-color: #fff; color: #424242; }
.go_top_box { display: none; position: fixed; top: 20px; right: 20px;width: 1.6rem; }
.go_top_box img { width: 100%; position: relative; margin-bottom: -3px;}
.go_top_box ul { background-color: #ff3e81; border-radius: .2rem; padding:.2rem 0 1px;}
.go_top_box ul li { background: url("../images/ff_nav_bg.png") 0 0 no-repeat; background-size: 100%; color: #fff; font-size: .2rem; text-align: center; height: .34rem; line-height: .34rem; margin-bottom: .2rem;}


html {  font-size: 625%; }
body { font-size: .14rem; background-color: #272727; }

header { background-color: #494949; }
header .left { padding-top: .22rem; }
header .left img { vertical-align: middle; }
header .right { padding:.15rem 0; }
header .right .sc_sz { margin-left: .05rem; color: #999999; text-align: right; margin-bottom: .2rem; }
header .right .sc_sz span,
header .right .sc_sz ins { color: #999; margin:0 2px; }
header .right .headPhone { color: #fff; font-size: 18px; display: block; }

nav { background-color: #2b2b2b; }
nav li { float: left; width: 11.11%; text-align: center; color: #fff; }
nav li h3 { font-weight: normal; font-size: 16px; padding:.1rem 0; }

.index_wrap .banner {position: relative; max-width: 1920px!important; margin-left: auto; margin-right: auto; }
.index_wrap .banner img { width: 100%;}
.banner img { width: 100%;}
.index_wrap .banner .hd {  }
.index_wrap .banner .bannMLRauto {  }
.index_wrap .banner .bann_ico { display: none; position: absolute; top: 50%;left: 3%; width: 94%;}
.index_wrap .banner:hover .bann_ico { display: inline-block; }
.index_wrap .banner .bann_ico span { filter:alpha(opacity=40);  -moz-opacity:.4;  -khtml-opacity: .4;  opacity: .4; display: inline-block; padding:8px; width: .34rem; position: absolute; top: 50%; margin-top: -.32rem; cursor: pointer; background-color: rgba(0,0,0,.5); }
.index_wrap .banner .bann_ico span:hover { filter:alpha(opacity=100);  -moz-opacity:1;  -khtml-opacity: 1;  opacity: 1; }
.index_wrap .banner .bann_ico .prev { left: 0; }
.index_wrap .banner .bann_ico .next { right: 0; }
.index_wrap .banner .hd ul{ width: 100%; position: absolute; bottom: 20px; left: 0; text-align: center; font-size:0; vertical-align:top; }
.index_wrap .banner .hd ul li{ cursor: pointer; display:inline-block; width:.5rem; height:.05rem; background:#046db8; margin:0 5px;  vertical-align:top; overflow:hidden; border-radius: 18px; }
.index_wrap .banner .hd ul .on{ background:#fff; }

.ind_tit { text-align: center; color: #fff; padding: .4rem 0 .3rem; }
.ind_tit h3 { font-size: .3rem; font-weight: normal; }
.ind_tit span { display: inline-block; width: .45rem; height: 1px; background-color: #fff; position: relative; top: -.05rem; }
.ind_tit p { font-size: .24rem; }

.ind_caseBom { padding-bottom: .2rem; }
.ind_caseBom ul li { float: left; width: 25%; padding:0 .15rem .25rem; box-sizing: border-box; text-align: center; color: #fff; }
.ind_caseBom ul li p { padding-top: .1rem; font-size: 14px; }

.ind_video_box { background:url(../images/video_bg.png) 50% 50% no-repeat #0A0B0D; }
.ind_video { padding-bottom: .3rem; padding-top: .35rem; }
.ind_video li { float: left; width: 22.6%; margin:0 1.2%; box-sizing: border-box; background-color: #6e6e6e; }
.ind_video li img { width: 100%; }
.ind_video li p { font-size: 14px; display: inline-block; width: 84%; margin-left: 8%; color: #fff; padding-right: .3rem; padding-top: .25rem; padding-bottom: .25rem; box-sizing: border-box; background: url(../images/video_ico.png) 100% 50% no-repeat; background-size: .33rem; white-space: nowrap; overflow: hidden;text-overflow:ellipsis; }

.more { margin-top: .6rem; text-align: center; }
.more span { border:1px solid #fff; color: #fff; display: inline-block; padding:.08rem .4rem; font-size: 14px; }
.more span:hover { background-color: #fff; color: #000; }

.ind_about_box { padding-bottom: .5rem; background: url(../images/about_bg.png) 50% 50% no-repeat #202020; }

.ind_news_box { padding-bottom: .35rem; }
.ind_news_box .left,
.ind_news_box .right { width: 49%; }
.ind_news_box .left img { width: 100%; }
.ind_news_box .right { border-top: 1px solid #fff; }
.ind_news_box .right li { border-bottom: 1px dashed #fff; padding:.2rem 0; }
.ind_news_box .right li:hover .ind_newsLiL { background-color: #171717; }
.ind_news_box .ind_newsLiL { float: left; background-color: #a0a0a0; text-align: center; padding:0 .05rem .05rem; }
.ind_news_box .ind_newsLiL h3 { font-size: .3rem; color: #fff; }
.ind_news_box .ind_newsLiL p { font-size: .15rem; color: #fff; }
.ind_news_box .ind_newsLiR { float: right; width: 5rem; }
.ind_news_box .ind_newsLiR h3 { color: #ddd; font-weight: normal; }
.ind_news_box .ind_newsLiR p { color: #666; font-size: 12px; padding-top: .05rem; line-height: 22px; word-wrap: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

footer { background: url(../images/foo_bg.png) 50% 50%; color: #999999; text-align: center; }
footer .foo_top {  }
footer .foo_top h3 { font-size: .24rem; color: #fff; padding:.4rem 0 .25rem; }
footer .foo_top ul { display: inline-block; width: 5rem; font-size: 0; }
footer .foo_top ul li { display: inline-block; width: 50%; font-size: 14px; text-align: left; }
footer .fooIco { padding:.35rem 0 .3rem; }
footer .fooIco span { margin:0 .1rem; }
footer .foo_bom { border-top: 1px solid #797979; padding:.2rem 0; }



/*在 992 和 1199 像素之间的屏幕里，中等屏幕，分辨率低的 PC*/
@media (max-width: 1199px) {
    html {  font-size: 600%;  }
    .ind_news_box .ind_newsLiR { width: 82%; }

}

/*在 768 和 991 像素之间的屏幕里，小屏幕，主要是 PAD*/
@media (max-width: 995px) {
    html{  font-size: 570%;  }

}

/*在 480 和 767 像素之间的屏幕里，超小屏幕，主要是手机*/
@media (max-width: 767px) {
    html{  font-size: 530%;  }
    header { height: .8rem; line-height: .8rem; }
    header .left { padding-top: 0; }
	header .right { display: none; }
	header nav { display: none; }
	.top_s_right { display: inline-block; }
	header .left { display: inline-block; width: 70%; }
	.logo { width: 100%; display: inline-block; }
	.ind_caseBom ul li { width: 50%; }
	.ind_caseBom ul li img { width: 100%; }
	.ind_video { padding-top: 0; }
	.ind_video li { width: 48%; margin-left: 1%; margin-right: 1%; margin-bottom: 1%; }
	.ind_news_box .left,
	.ind_news_box .right { width: 100%; }
	.ind_news_box .right { margin-top: .2rem; }

}
/*在小于 480 像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width: 479px) {
    html{  font-size: 480%;  }
	.ind_news_box .ind_newsLiR { width: 80%; }
}
/*在小于 480 像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width: 399px) {
    html{  font-size: 400%;  }

}


.crumbs { border-bottom: 1px solid #999; padding:.1rem 0; color: #999; }
.crumbs span { color: #999; }
.crumbs a { color: #999; }

.list_tit { padding:.7rem 0 1.2rem; text-align: center; background-color: #fff; display: none; }
.list_tit h2 { color: #33b2ae; font-size: .4rem;font-weight: normal; }
.list_tit h3 { color: #33b2ae; font-weight: normal; margin-top: .12rem; }

.solution_box { padding-top: .4rem; }
.solution_box .m_lr_auto { margin-top:.4rem; margin-bottom: .4rem; }
.solution_box ul { border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; }
.solution_box li { background-color: #fff; padding:.4rem .3rem .65rem; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; box-sizing: border-box; width: 33.33%; float: left; }
.solution_box li img { width: 100%; }
.solution_box .solution_text { padding:.35rem .2rem 0; }
.solution_box .solution_text h3 { color: #464646; font-size: 16px; font-weight: normal; white-space: nowrap; overflow: hidden;text-overflow:ellipsis; }
.solution_box .solution_text p { color: #999999; font-size: 14px; line-height: 22px; height: 66px; margin:.2rem 0 .3rem; word-wrap: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.solution_box .solution_text span { color: #33b2ae; border-bottom: 1px solid #33b2ae; display: inline-block; padding-bottom: 2px; }

.news_box { padding-top: .4rem; }
.news_box li { box-sizing: border-box; padding:.3rem .35rem .4rem; float: left; width: 98%; margin-right: 1%; margin-bottom: 1%; background-color: rgba(255,255,255,.9); border:1px solid #efefef; }
.news_box li h2 { font-size: .24rem; color: #797979; font-weight: normal; }
.news_box li h3 { color: #898989; font-weight: normal; font-size: 16px; line-height: 22px; padding:.2rem 0; white-space: nowrap; overflow: hidden;text-overflow:ellipsis; }
.news_box li p { color: #9c9c9c; font-size: 14px; line-height: 22px; height: 66px; word-wrap: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;  }

.paging { margin-bottom: .4rem; margin-top: .2rem; }
.paging span { font-size: 14px; color: #a6a6a6; display: inline-block; padding:.1rem .15rem; background-color: #fff; margin-right: .05rem; }
.paging span.on,
.paging span:hover { background-color: #999; color: #fff; }

.contact_box { background-color: #fff; margin:.4rem 0; }
.contact_box .contact_top { padding: .2rem.2rem 0; }
.contact_box .contact_top h3 { color: #5f5f5d; font-size: 18px; font-weight: normal; line-height: .4rem; margin-bottom: .3rem; }
.contact_box .contact_top p { /*color: #9c9c9c;*/ font-size: 14px; line-height: 26px; }
.contact_box ul { padding:.8rem .2rem .6rem; }
.contact_box ul li { float: left; width: 33.33%; }
.contact_box ul li h3 { color: #555555; font-size: 16px; margin-bottom: .3rem; }
.contact_box ul li p { color: #979797; font-size: 14px; line-height: 24px; }

.contactMap { padding:0 .2rem .2rem; }

.lisLeftBox { float: left; width: 25%; margin-top: .4rem; background-color: #fff; padding-bottom: .2rem; }
.lisLeftBox .top {  }
.lisLeftBox .top p { color: #666; padding: .15rem .2rem; font-size: 16px; box-sizing: border-box; border-left: 2px solid rgba(0,0,0,0); }
.lisLeftBox .top p:hover,
.lisLeftBox .top p.on { background-color: #e2e2e2; border-color: #808080; color: #6b6b6b; }
.lisLeftBox .bom h3 { background-color: #bfbfbf; color: #6b6b6b; font-size: 16px; padding:.15rem; }
.lisLeftBox .bom p { font-size: 15px; padding:.15rem .15rem 0; }
.lisRightBox { float: right; width: 73%; }

@media (max-width: 767px) {
	.contact_box .contact_top h3 { font-size: 16px; }
    .contact_box ul li { width: 100%; }
    .lisLeftBox,
    .lisRightBox { width: 100%; }
	.lisLeftBox .bom { display: none; }
	.list_tit { padding:.3rem 0 .5rem; }
	.list_tit h2 { font-size: .3rem; }
	.news_box li { width: 50%; margin-left: 0%; margin-right: 0%; }
	.solution_box li { width: 50%; }
}

.ly_box { background-color: #fff; margin-top: .4rem; margin-bottom: .4rem; }
.ly_box h2 { font-size: .26rem; text-align: center; color: #565656; padding-top: .2rem; padding-bottom: .1rem; }
.ly_body { text-align: center; padding-bottom: .3rem; }
.ly_body span { float: left; width: 90px; }
.ly_body input,
.ly_body textarea { border:1px solid #ccc; border-radius: 5px; width: 2rem; float: left; line-height: 30px; padding-left: 3px; }
.ly_body textarea { height: 100px; width: 4rem; }
.ly_body li { margin:0 auto; width: 5.4rem; clear: both; padding:.2rem 0; line-height: 30px; }
.ly_bottom { padding:.3rem 0;  }
.ly_bottom button { background: #425467; border-radius: 5px; padding:.08rem .3rem; border:none; cursor: pointer; color: #ffffff; }
@media (max-width: 500px) {
    .ly_body li { width: 100%; }
    .ly_body textarea { width: 68%; }
}