.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%; }
}

.top_s_right { float: right; display: none; margin-top: .18rem; width: .3rem; }
.top_s_right img { width: 100%; }
.top_s_left { top: 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: #174588; }
.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: #174588; }
.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;}

header { background-color: #0066B3; }
header .head_top { padding:.15rem 0 .2rem; }
header .head_top .logo { float: left; }
header .head_top .logo img { width: 3.28rem; }
header .head_top .phone { float: right; border-left: 1px solid #eeeeee; padding:.12rem 0; }
header .head_top .phone h3 { color: #565656; padding-bottom: .1rem; }
header .head_top .phone h3 span { color: #fff; display: inline-block; font-weight: normal; font-size: 18px; line-height: .22rem; padding-left: .2rem; }
header .head_top .phone p { text-align: left; font-size: 14px; color: #fff; padding-left: .2rem; }

nav { background-color: #174588; }
nav.on { position: fixed; top: 0; left: 0; width: 100%; z-index: 3; }
nav .m_lr_auto { position: relative; }
nav li { width: 11%; margin-left: .75%; margin-right: .75%; float: left; text-align: center; color: #fff; font-size: .16rem; }
nav li span { color: #fff; padding:.2rem 0; display: inline-block; width: 100%; }
nav li span:hover,
nav li span.on { background-color: #fff; color: #174588; }
nav li .navL2 { transition: .3s; left: 0; position: absolute; top: .61rem; height: 0; overflow: hidden; width: 100%; background-color: #fff; box-sizing: border-box; padding:0; z-index: 4; }
nav li:hover .navL2 { height: auto; padding:.2rem; }
nav .navL2 .navL2K1 { vertical-align: top; display: inline-block; width: 2rem; }
nav .navL2 .navL2K1 li { width: 100%; padding-right: .1rem; box-sizing: border-box; }
nav .navL2 .navL2K1 h3 { color: #174588; font-size: 18px; text-align: left; padding-bottom: .1rem; font-weight: normal; }
nav .navL2 .navL2K1 p { color: #999; font-size: 14px; text-align: left; padding-bottom: .05rem; }
nav .navL2 .navL2K2 { vertical-align: top; display: inline-block; }
nav .navL2 .navL2K2 li { width: 2rem; margin-left: .12rem; margin-right: .12rem; text-align: left; }
nav .navL2 .navL2K2 li h3 { font-size: 18px; color: #174588; font-weight: normal; padding:.05rem 0; }
nav .navL2 .navL2K2 li p { font-size: 14px; color: #999; word-wrap: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }









.index_wrap .banner {position: relative; max-width: 1920px!important; margin-left: auto; margin-right: auto; }
.index_wrap .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:.3rem; height:5px; background:#fff; margin:0 .15rem;  vertical-align:top; overflow:hidden; }
.index_wrap .banner .hd ul .on{ background:#8c9fc1; }

.ind_tit { padding:.5rem 0; text-align: center; }
.ind_tit h3 { color: #174588; font-size: .24rem; font-weight: normal; }
.ind_tit p { color: #8d8d8d; font-size: 14px; }


.ind_pro_box {  }
.ind_pro_box .top { padding-bottom: .4rem; }
.ind_pro_box .top li { position: relative; float: left; width: 23.65%; margin-right: 1.8%; }
.ind_pro_box .top li .left { width: 36%; position: relative; }
.ind_pro_box .top li .left h3 { font-size: .26rem; position: absolute; left: 50%; top: 50%; margin-top: -1rem; width: .26rem; margin-left: -.13rem; color: #fff; }
.ind_pro_box .top li .left img { width: 100%; }
.ind_pro_box .top li .right { width: 64%; position: absolute; right: 0; top: 0; height: 100%; overflow: hidden; background-color: #174588; padding:.15rem .1rem 0; box-sizing: border-box; text-align: center; }
.ind_pro_box .top li .right p { color: #84a5d7; border:1px solid #84a5d7; padding:.12rem 0; margin-bottom: .12rem; }
.ind_pro_box .top li .right p:hover { color: #fff; background-color: #84a5d7; }

.ind_pro_box .com { padding:1rem 0; background: url(../images/pro_bomBg.png) 50% 50% no-repeat; font-size: 0; }
.ind_pro_box .com li span { margin-bottom: .3rem; display: inline-block; width: 1rem; height: 1rem; line-height: 1rem; border-radius: 1rem; }
.ind_pro_box .com li span img { vertical-align: middle; }
.ind_pro_box .com li { display: inline-block; font-size: .2rem; text-align: center; width: 14.28%; color: #fff; padding-bottom: .2rem; }

.ind_pop_box { background-color: #f8f8f8; padding-bottom: .5rem; }
.ind_pop_box ul li { float: left; width: 25%; box-sizing: border-box; }
.ind_pop_box ul li .ind_popLiBom { padding:.35rem .35rem .2rem; box-sizing: border-box; }
.ind_pop_box ul li .ind_popLiBom h3 {  white-space: nowrap; overflow: hidden;text-overflow:ellipsis; color: #585858; font-size: 16px; font-weight: normal; margin-bottom: .3rem; width: 100%; }
.ind_pop_box ul li .ind_popLiBom p { color: #aaaaaa; font-size: 14px; line-height: 1.6em; word-wrap: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ind_pop_box ul li .ind_popLiBom span { color: #aaaaaa; margin-top: .2rem; display: inline-block; }
.ind_pop_box ul li:hover .ind_popLiBom { background-color: #174588; }
.ind_pop_box ul li:hover .ind_popLiBom h3,
.ind_pop_box ul li:hover .ind_popLiBom span { color: #ffffff; }
.ind_pop_box ul li:hover .ind_popLiBom p { color: #84a5d7; }

.ind_about_box { padding:.5rem 0; }
.ind_about_box .left { width: 40%; padding-top: .9rem; }
.ind_about_box .left h3 { color: #174588; font-size: .24rem; font-weight: normal; }
.ind_about_box .left h3 span { color: #8d8d8d; font-size: 14px; margin-left: .1rem; }
.ind_about_box .left p { margin-bottom: .2rem; margin-top: .25rem; color: #8d8d8d; word-wrap: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; line-height: 2em; font-size: 14px; height: 10em; }
.ind_about_box .left .ind_aboutMore {  }
.ind_about_box .left .ind_aboutMore span { background-color: #174588; color: #fff; font-size: 14px; padding:.1rem .4rem; border-radius: .2rem; }

.ind_about_box .right { width: 45%; padding:.15rem; box-sizing: border-box; background: url(../images/aboutImgBg.png) 50% 50% no-repeat; background-size: 100% 100%; }
.ind_about_box .right img { width:100%; }

.picScroll-left { width:100%; position:relative; overflow: hidden; }
.picScroll-left .hd { position: absolute; top: 50%; z-index: 2; width: 100%; margin-top: -.2rem; height: 0; }
.picScroll-left .hd .prev { float: left; }
.picScroll-left .hd .next { float: right; }
.picScroll-left .hd ul { display: none; }
.picScroll-left .bd{ padding:10px; }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ width: 16.666%; float:left; _display:inline; overflow:hidden; text-align:center; }

.ind_news_box { background-color: #174588; margin-top: .3rem; }
.ind_news_box .ind_tit h3 { color: #ffffff; }
.ind_news_box .left { width: 44%; padding-bottom: .4rem; }
.ind_news_box .left img { width: 100%; }
.ind_news_box .left h3 { font-size: 18px; color: #fff; font-weight: normal; padding:.2rem 0; }
.ind_news_box .left p { color: #99b8e7; line-height: 1.8em; font-size: 14px; }
.ind_news_box .right { width: 48%; font-size: 14px; }
.ind_news_box .right li { color: #ffffff; margin-bottom: .4rem; }
.ind_news_box .right li span { float: right; }

footer { background-color: #313131; }
footer .foo_top { color: #fff; padding-top:.4rem; }
footer .foo_top .left { background: url(../images/foo_xian.png) 100% 50% no-repeat; color: #fff; width: 25%; }
footer .foo_top .left h3 { font-weight: normal; font-size: 16px; }
footer .foo_top .left p { font-weight: bold; padding:.1rem 0; font-size: .24rem; }
footer .foo_top .left span { font-size: 12px; }
footer .foo_top .com { margin-left: 5%; margin-right: 5%; float: left;width:24%; }
footer .foo_top .com span { text-align: center; width: 50%; float: left; color: #fff; margin-bottom: .14rem; font-size: 14px; }
footer .foo_top .right { background: url(../images/foo_xian.png) 0% 50% no-repeat; float: left; width: 41%; box-sizing: border-box; }
footer .foo_top .right .ewm { float: right; width: 20%; }
footer .foo_top .right .ewmText { line-height: 2em; float: left; text-align: right; width: 80%; padding-right: 4%; box-sizing: border-box; }

footer .foo_bom { border-top: 1px solid #565656; margin-top: .4rem; padding-top: .25rem; padding-bottom: .25rem; color: #a2a2a2; }
footer .foo_bom span { float: right; }

.phone_foot { display: none; background-color: #313131; height: 60px; position: fixed; z-index: 999; bottom: 0; left: 0; width: 100%; }
.phone_foot li { text-align: center; float: left; width: 33.33%; color: #fff; }
.phone_foot li i { margin-top: 10px; margin-bottom: 3px; display: inline-block; font-size: 20px; }
.phone_foot li p {  }
.phone_footBg { height: 60px; display: none; }


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

}

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


}

/*在 480 和 767 像素之间的屏幕里，超小屏幕，主要是手机*/
@media (max-width: 767px) {
    html{  font-size: 530%;  }
	header .head_top .phone { display: none; }
	nav { display: none; }
	.top_s_right { display: inline-block; }
	.ind_pro_box .com { text-align: center; padding:.5rem 0; }
	.ind_pro_box .com li { width: 25%; }
	.ind_pop_box ul li { width: 50%; }
	.ind_pop_box ul li img { width: 100%; }
	.picScroll-left .bd ul li { width: 33.33%; }
	.ind_about_box .left,
	.ind_about_box .right { width: 100%; }
	.ind_news_box .left,
	.ind_news_box .right { width: 100%; }
	footer .foo_top .left { width: 50%; }
	footer .foo_top .com { width: 50%; margin-left: 0; margin-right: 0; }
	footer .foo_top .right { background: none; width: 100%; }
	.phone_foot,
	.phone_footBg { display: inline-block; }
}
/*在小于 480 像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width: 479px) {
    html{  font-size: 480%;  }

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

}


.list_box { padding:.2rem 0 .5rem; }
.listLeft { float: left; width: 23%; }
.listLeft .list_tit { font-size: .24rem; }
.listLeft .list_tit h3 { font-weight: normal; color: #174588; border-bottom: 1px solid #d2d3d3; }
.listLeft .list_tit h3 span { display: inline-block; border-bottom: 2px solid #174588; margin-right: .1rem; padding-bottom: .05rem; position: relative; top: 1px; }
.listLeft .list_tit h3 p { font-size: .18rem; color: #d2d3d3; display: inline-block; }
.listLeft .top ul { padding-top: .15rem; }
.listLeft .top ul li { margin-top: .05rem; padding:.1rem; background-color: #174588; font-size: 14px; color: #fff; border:1px solid #174588; }
.listLeft .top ul li.on,
.listLeft .top ul li:hover { color: #174588; background: #fff; border:1px solid #174588; }
.listLeft .bom { padding-top: .2rem; }
.listLeft .bom h4 { font-size: .18rem; color: #174588; font-weight: normal; padding:.25rem 0 .15rem; }
.listLeftBom { color: #8d8d8d; font-size: 14px; line-height: 1.8em; }

.listRight { float: right; width: 74%; }
.listRight .lisTtop { padding-top: .05rem; border-bottom: 1px solid #d2d3d3; }
.listRight .lisTtop .left { color: #174588; font-size: .18rem; border-bottom: 2px solid #174588; padding-bottom: .07rem; position: relative; top: 1px; }
.listRight .lisTtop .right { color: #666666; font-size: 12px; padding-top: .05rem; }
.listRight .lisTtop .right a { color: #666; }
.listRight .lisTtop .right span { color: #00479d; }
.listRight .lisTtop .right img { margin-right: .1rem; }
.listRight .lisTbom {}
.products_li1 {}
.products_liTit { color: #595959; font-size: 18px; text-align: center; padding:.4rem 0 .3rem; }
.products_li1 a { width: 25%; padding:0 2px; display: inline-block; box-sizing: border-box; float: left; }
.products_li1 li { box-sizing: border-box; background-color: #efefef; padding:.1rem .1rem .25rem; }
.products_li1 li img { width: 100%; }
.products_li1 li h3 { white-space: nowrap; overflow: hidden;text-overflow:ellipsis; font-size: 18px; color: #595959; text-align: center; padding:.2rem 0; font-weight: normal; }
.products_li1 li p { color: #595959; font-size: 12px; word-wrap: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.products_li2 {}
.products_li2 h3 { font-size: 18px; color: #595959; }
.products_li2 a { float: left; width: 50%; padding:0 2px; box-sizing: border-box; }
.products_li2 li { background-color: #efefef; padding:.1rem; }
.products_li2 li img { width: 34%; float: left; }
.products_li2 li h3 { width: 66%; float: right; font-size: 18px; color: #595959; font-weight: normal; text-align: center; padding:.08rem 0 .1rem; }
.products_li2 li p { line-height: 1.6em; padding-left: .1rem; box-sizing: border-box; width: 66%; float: right; color: #595959; font-size: 12px; word-wrap: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.products_li3 li { background-color: #efefef; padding:.1rem; }
.products_li3 li img { float: left; width: 16.5%; }
.products_li3 li p { float: left; width: 82%; font-size: 12px; color: #595959; margin-top: .1rem; line-height: 1.6em; float: right; word-wrap: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

.listTtop2 { text-align: center; }
.listTtop2 h2 { color: #00479d; font-size: .4rem; font-weight: normal; padding-top: .7rem; }
.listTtop2 h3 { color: #00479d; font-size: 16px; font-weight: normal; padding-top: .1rem; padding-bottom: .8rem; }
.listTtop2 ul {}
.listTtop2 li.on,
.listTtop2 li:hover { color: #00479d; }
.listTtop2 li { display: inline-block; padding:0 .2rem .4rem; color: #878787; }
.solutionBom { background-color: #f7f7f7; padding:.35rem 0 .45rem; }
.solutionBom ul { border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; }
.solutionBom li { padding:.44rem .35rem .7rem; background-color: #fff; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; float: left; width: 33.33%; box-sizing: border-box; }
.solutionBom li img { width: 100%; }
.solutionBom .solutionText { padding:.36rem .2rem 0; }
.solutionBom .solutionText h3 { color: #464646; font-size: 16px; font-weight: normal; }
.solutionBom .solutionText p { color: #999999; font-size: 14px; margin:.2rem 0; line-height: 1.8em; word-wrap: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  }
.solutionBom .solutionText span { color: #00479d; border-bottom: 1px solid #00479d; }
.paging { padding-top: .3rem; }
.paging span { background-color: #ffffff; font-size: 14px; color: #a6a6a6; padding:.1rem .15rem; margin-right: .15rem; display: inline-block; }
.paging span:hover,
.paging span.on { color: #fff; background-color: #00479d; }

.newsList {  }
.newsList ul { padding-top: .2rem; }
.newsList li { margin-top: .2rem; border:1px solid #efefef; float: left; width: 31.33%; margin-left: 1%; margin-right: 1%; box-sizing: border-box; }
.newsList li img { width: 100%; }
.newsList li .newsListText { padding:.3rem; }
.newsList li .newsListText h3 { font-size: 18px; color: #d3d4d5; font-weight: normal; }
.newsList li .newsListText h4 { padding:.2rem 0 .3rem; color: #898989; font-weight: normal; font-size: 14px; white-space: nowrap; overflow: hidden;text-overflow:ellipsis; }
.newsList li .newsListText p { color: #b6b6b6; 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; }

.ly_box { padding:.25rem .2rem .3rem; }
.ly_box h3 { font-size: 14px; color: #a6a6a6; font-weight: normal; padding-bottom: .25rem; }
.ly_box .ly_input { margin-right: 3.5%; float: left; width: 31%; }
.ly_box .ly_input input,
.ly_box .ly_input2 input { font-size: 14px; border:1px solid #d6d6d6; box-sizing: border-box; padding:.12rem .2rem; width: 100%; }
.ly_box .ly_input2 { margin:.25rem 0; }
.ly_box .ly_reo1,
.ly_box .ly_reo2 { padding-bottom: .25rem; padding-left: .25rem; color: #818181; }
.ly_box label { display: inline-block; cursor: pointer; margin-left: .1rem; }
.ly_box label input { vertical-align: middle; margin-right: .05rem; }
.ly_box textarea { width: 100%; height: 1.1rem; padding:.12rem .2rem; box-sizing: border-box; border:1px solid #d6d6d6; }
.ly_box button { margin-top: .22rem; display: inline-block; background:none; border:1px solid #282828; padding:.07rem .55rem; cursor: pointer; }



.com_Box {}
.com_com { font-size: 14px; padding:0 .2rem; line-height: 2em; }
.com_tit { text-align: center; padding:.55rem .2rem .45rem; border-bottom: 1px solid #e8e8e8; }
.com_tit h3 { font-size: 16px; color: #575757; font-weight: normal; padding-bottom: .05rem; }
.com_tit p { font-size: 12px; color: #777777; padding-bottom: .25rem; }
.com_tit h4 { color: #878787; font-size: 14px; font-weight: normal; }


@media (max-width: 767px) {
	.listLeft,
	.listRight { width: 100%; }
	.listRight .lisTtop { padding-top: .2rem; }
	.listRight .lisTtop .left { font-size: .26rem; }
	.listRight .lisTtop .right { display: none; }
	.solutionBom li { width: 50%; padding:.2rem; }
	.solutionBom .solutionText { padding-left: 0; padding-right: 0; }
	.newsList li { width: 48%; margin-left: 1%; margin-right: 1%; }
	.ly_box .ly_input { width: 100%; margin-right: 0; margin-top: .25rem; }
	.ly_box .ly_reo1,
	.ly_box .ly_reo2 { padding-left: 0; }
}

@media (max-width: 500px) {
    .products_li1 a { width: 50%; margin-bottom: .1rem; }
	.products_li2 a { width: 100%; margin-bottom: .1rem; }
	.products_li3 li img { width: 22%; }
	.products_li3 li p { width: 76%; }
	.products_liTit { font-size: 16px; padding:.2rem 0 .1rem; }
}





.floatR{
	display:none !important;
}