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

.m_lr_auto1260{margin-left: auto; margin-right: auto; width: 1260px;}
@media (max-width: 1270px) {
	.m_lr_auto1260 { margin-left: 0; margin-right: 0; width: 100%; padding:0 80px; }
}



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

.index_wrap { box-sizing: border-box; padding:0 40px; }

.top_s_right { float: right; display: none; margin-top: .12rem; 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; position: fixed; width: 170px; height: 100%; right: -100%; top: 0; z-index:99; background-color: #600807; }
.phone_nav ul li h3 { width: 100%;padding-left: 10px; font-size: 14px; line-height: 30px;color: #fff; }
.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;}
.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: #600807; }
.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 nav { position: relative; }
.gq_icoBox { position: absolute; top:  .05rem; right: .05rem; }


nav li { height: 1rem; line-height: 1rem; float: left; width: 20%; text-align: center; font-size: 16px; color: #090909; }
nav li img { vertical-align: middle; }

.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 { display: none; }
.index_wrap .banner .bannMLRauto {  }
.index_wrap .banner .bann_ico {  position: absolute; top: 50%;left: 3%; width: 94%;}
.index_wrap .banner .bann_ico span { display: inline-block; padding:8px; background-color: #666666; width: 17px; position: absolute; top: 50%; margin-top: -20px; cursor: pointer;}
.index_wrap .banner .bann_ico span:hover { background-color: #0066cc; }
.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; display:inline-block; font-size:0; vertical-align:top; }
.index_wrap .banner .hd ul li{ cursor: pointer; display:inline-block; width:18px; height:18px; background:#fff; margin:0 5px;  vertical-align:top; overflow:hidden; border-radius: 18px; }
.index_wrap .banner .hd ul .on{ background:#046db8; }

.ind_about_box { background-color: #efefef; }
.ind_about_box .m_lr_auto1260 { background: url(../images/ind_about_bg.jpg) 0 50% no-repeat; background-size: auto 100%; padding:1.6rem 1rem; box-sizing: border-box; }
.ind_about_box .left { width: 44.5%; }
.ind_about_box .left img { width: 100%; }
.ind_about_box .right { width: 50%; position: relative; padding-bottom: .4rem; }
.ind_about_box .right h3 { font-size: 50px; font-weight: normal; background: url(../images/about_rBg.png) 0 50% no-repeat; background-size: .8rem; text-indent: 1.2rem; margin-bottom: .3rem; margin-top: .05rem; }
.ind_about_box .right span { color: #999999; font-size: .36rem; }
.ind_about_box .right p { color: #666666; font-size: 16px; line-height: 26px; text-indent: 2em; margin-bottom: .2rem; }
.ind_about_box .right .more { background-color: #000000; color: #fff; display: inline-block; position: absolute; bottom: 0; right: 0; padding:.07rem .2rem; border-radius: .05rem; }


.ind_Abbanner {position: relative; max-width: 1920px!important; margin-left: auto; margin-right: auto; }
.ind_Abbanner img { width: 100%;}
.ind_Abbanner .hd {  }
.ind_Abbanner .bannMLRauto {  }
.ind_Abbanner .bann_ico { position: absolute; top: 50%;left: 10%; width: 80%; }
.ind_Abbanner .bann_ico span { display: inline-block; background-color: rgba(255,255,255,.6); width: 65px; height: 65px; line-height: 65px; box-sizing: border-box; text-align: center; position: absolute; top: 50%; margin-top: -20px; cursor: pointer;}
.ind_Abbanner .bann_ico span img { width: 20px; vertical-align: middle; }
.ind_Abbanner .bann_ico span:hover { background-color: rgba(255,255,255,.4); }
.ind_Abbanner .bann_ico .prev { left: 0; }
.ind_Abbanner .bann_ico .next { right: 0; }
.ind_Abbanner .hd ul{ width: 100%; position: absolute; bottom: 20px; left: 0; text-align: center; display: none; font-size:0; vertical-align:top; }
.ind_Abbanner .hd ul li{ cursor: pointer; display:inline-block; width:18px; height:18px; background:#fff; margin:0 5px;  vertical-align:top; overflow:hidden; border-radius: 18px; }
.ind_Abbanner .hd ul .on{ background:#046db8; }

.ind_tit { font-size: .5rem; font-weight: normal; }
.ind_tit span { color: #999999; font-size: .36rem; }

.ind_news_box { margin:.4rem 0; background-color: #efefef; }
.ind_news_box .m_lr_auto1260 {  padding:1.2rem .7rem .3rem; box-sizing: border-box; background: url(../images/ind_news_bg.png) 0 50% no-repeat; background-size: auto 100%; }
.ind_news_box .ind_news {position: relative; max-width: 1920px!important; margin-left: auto; margin-right: auto; }
.ind_news_box .ind_news .hd {  }
.ind_news_box .ind_news .bannMLRauto {  }
.ind_news_box .ind_news .bann_ico { position: absolute; top: 50%;left: 10%; width: 80%; }
.ind_news_box .ind_news .bann_ico span { display: inline-block; background-color: rgba(255,255,255,.6); width: 65px; height: 65px; line-height: 65px; box-sizing: border-box; text-align: center; position: absolute; top: 50%; margin-top: -20px; cursor: pointer;}
.ind_news_box .ind_news .bann_ico span img { width: 20px; vertical-align: middle; }
.ind_news_box .ind_news .bann_ico span:hover { background-color: rgba(255,255,255,.4); }
.ind_news_box .ind_news .bann_ico .prev { left: 0; }
.ind_news_box .ind_news .bann_ico .next { right: 0; }
.ind_news_box .ind_news .hd ul{ margin-top: .7rem; width: 100%; position: relative; bottom: 0; left: 0; text-align: center; display: inline-block; font-size:0; vertical-align:top; }
.ind_news_box .ind_news .hd ul li{ cursor: pointer; display:inline-block; width:12px; height:12px; background:#cacaca; margin:0 5px;  vertical-align:top; overflow:hidden; border-radius: 12px; }
.ind_news_box .ind_news .hd ul .on{ background:#000000; }
.ind_news_box .ind_news li .left { width: 35%; }
.ind_news_box .ind_news li .left p { color: #666666; font-size: 16px; margin:.35rem 0; text-indent: 2em; line-height: 26px; }
.ind_news_box .ind_news li .left .ind_tit { margin-top: .6rem; }
.ind_news_box .ind_news li .right { width: 60%; }
.ind_news_box .ind_news li .right img { width: 100%; }

.ind_poster_box { position: relative; width: 100%; }
.ind_poster_box .poster-item { float: left; width: 31%; margin:0 1.1666% .25rem; }
.ind_poster_box .poster-item img { width: 100%; }

#drawCon1 { background-color: #efefef; }
#drawCon1 .m_lr_auto1260 { background: url(../images/ind_product_bg.png) 0 50% no-repeat; background-size: auto 100%; width: 100%; padding-bottom: .6rem; padding-left: 10px; padding-right: 10px; box-sizing: border-box; }
#drawCon1 .ind_tit { text-align: center; padding:.6rem 0; }

.ind_cont_box { background-color: #efefef; margin:.55rem 0 .3rem; }
.ind_cont_box .m_lr_auto1260 { background: url(../images/ind_contact_bg.png) 0 50% no-repeat; background-size: auto 100%; padding:0 1rem .5rem; box-sizing: border-box; }
.ind_cont_box .ind_tit { padding:1rem 0; text-align: center; }
.ind_cont_box .left { width: 50%; }
.ind_cont_box .left input { border:1px solid #020202; height: 36px; line-height: 36px; background-color: #efefef; width: 47%; font-size: 16px; padding:0 10px; box-sizing: border-box; margin-bottom: .3rem; }
.ind_cont_box .left textarea { border:1px solid #020202; line-height: 36px; background-color: #efefef; width: 100%; font-size: 16px; padding:0 10px; box-sizing: border-box; height: 130px; }
.ind_cont_box .left button { color: #fff; font-size: 16px; background-color: #000000; border:none; height: 40px; line-height: 40px; text-align: center; margin-top: .3rem; width: 100%; cursor: pointer; }
.ind_cont_box .right { padding-top: .25rem; }
.ind_cont_box .right span { display: inline-block; color: #303030; font-size: .2rem; width: 20px; float: left; margin-top: .4rem; margin-right: .1rem; }

footer { background-color: #333333; text-align: center; color: #999999; font-size: 12px; padding:.05rem 0; }


@media (max-width: 1050px) {
    .ind_about_box .left { width: 100%; }
    .ind_about_box .right { width: 100%; margin-top: .25rem; }
    .ind_about_box .m_lr_auto1260 { padding-top: .45rem; padding-bottom: .45rem; }

}

@media (max-width: 1350px) {
    #drawCon1 .m_lr_auto1260 { width: 100%; box-sizing: border-box; }

}

@media (max-width: 1400px) {
    .ind_news_box .m_lr_auto1260 { width: 100%; }
    .ind_poster_box .poster-prev-btn { left: 0; }
    .ind_poster_box .poster-next-btn { right: 0; }

}

@media (max-width: 1460px) {
    .ind_about_box .m_lr_auto1260,
	.ind_cont_box .m_lr_auto1260 { width: 100%; }
}


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

}

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

}

@media (max-width: 900px) {
    .ind_news_box .ind_news li .left,
    .ind_news_box .ind_news li .right { width: 100%; }
    .ind_news_box .m_lr_auto1260 { padding-top: .2rem; }

}

/*在 480 和 767 像素之间的屏幕里，超小屏幕，主要是手机*/
@media (max-width: 767px) {
    .index_wrap { padding:0; }
    html{  font-size: 530%;  }
	nav li.logo { width: 100%; position: absolute; top: 0; left: 0; border-bottom: 1px solid #ccc; }
	nav li { width: 25%; }
	header { margin-top: 1rem; }
    header nav { position: inherit; }
	.ind_tit,
	.ind_about_box .right h3 { font-size: .4rem; }
	.ind_tit span,
	.ind_about_box .right span { font-size: 16px; }
	.ind_Abbanner .bann_ico { display: none; }
	.ind_cont_box .left,
	.ind_cont_box .right,
	.ind_cont_box .right span { width: 100%; }
	.ind_cont_box .right { text-align: center; }
	.ind_cont_box .ind_tit { padding:.5rem 0; }
	.ind_cont_box .m_lr_auto1260 { padding-bottom: .5rem; }
    .m_lr_auto,
    .m_lr_auto1260 { padding-left:10px!important; padding-right: 10px!important; }
}
/*在小于 480 像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width: 479px) {
    html{  font-size: 480%;  }

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

}

/*产品中心*/
.list_wrap header { border-bottom: 1px solid #ccc; }
.list_wrap .pr_banner { margin-left: auto; margin-right: auto; max-width: 1920px; }
.list_wrap .pr_banner img { width: 100%; }
.list_wrap .re_link h2 { text-indent: 20px; background: url(../images/ico1.jpg) 0 50% no-repeat; font-weight: normal; line-height: 50px; }
.list_wrap .re_link h2 ins { margin-left: 5px; margin-right:5px; }
.list_wrap .list_body {border:1px solid #cacaca;}
.list_wrap .list_body .left { box-sizing: border-box; display: inline-block; float: left; width: 23%; border-right: 1px solid #cacaca; }
.list_wrap .list_body .left .top { background-color: #fff; background-size: 100%; }
.list_wrap .list_body .left .top ins { float: left; font-size: 56px; color: #1d2238; line-height: 90px; margin-left: 15px; }
.list_wrap .list_body .left .top h3 { float: left; font-size: 18px; color: #1d2238; line-height: 18px; margin-top: 32px; margin-left: 5px; }
.list_wrap .list_body .left .top h3 span { font-size: 12px; display: block; font-weight: normal; }
.list_wrap .list_body .left .bom ul li {  padding:10px 0 10px 28px; line-height: 20px; border-bottom: #333 1px solid; background: url(../images/ico5.png) 10px 15px no-repeat #f9f9f9; }
.list_wrap .list_body .left .bom ul li.on,
.list_wrap .list_body .left .bom ul li:hover { color: #fff; background: url(../images/ico4.png) 10px 15px no-repeat #333; }
.list_wrap .list_body .right { box-sizing: border-box; min-height: 350px; float: left;  border-left: 1px solid #cacaca; width: 77%; padding:15px; box-sizing: border-box; }
.list_wrap .list_body .right .list_p_box { float: left; width: 33.33%; text-align: center; margin-bottom: 10px; }
.list_wrap .list_body .right .list_p_box span {word-break:break-all; box-sizing: border-box;padding:0 5px; display: block;}
.list_wrap .list_body .right .list_p_box img { margin: 10px 0;border:1px solid #ededec; width: 95%; padding: 2.5%;  }
.list_wrap .paging { padding-left: 50%; margin-top: 15px; height: 50px;}
.list_wrap .paging em ins { color: red; }
.list_wrap .paging p { display: inline-block; margin-left: 5px; }

/*新闻列表*/
.newsLi ul li { color: #999; border-bottom: 1px dashed #ccc; margin-bottom: 5px; clear: both;}
.newsLi ul li img { float: left; width: 20%; padding-top: 1%;padding-right: 1%;padding-bottom: 1%; box-sizing: border-box; }
.newsLi ul li p { float: left;text-indent: 1em; width: 80%; padding: 1% 0; white-space: nowrap; overflow: hidden;text-overflow:ellipsis; }
.newsLi ul li:hover {color: #000;}
.newsLi ul li span { float: right;padding: 1% 0; }



@media (max-width: 1100px) {
    .list_wrap .list_body .left .top { background-size: auto; }
    .list_wrap .list_body .left .top ins { line-height: 88px; margin-left: 10px; }
}

@media (max-width: 760px) {
    .list_wrap .list_body .left { width: 100%; }
    .list_wrap .list_body .right { width: 100%; border:none; }
    .list_wrap .paging { padding-left: 0; text-align: center;}
}

@media (max-width: 580px) {
    .list_wrap .list_body .right .list_p_box { width: 33.33%; }
}


@media (max-width: 500px) {
    .list_wrap .list_body .right .list_p_box { width: 50%; }
}


@media (max-width: 480px) {
    .list_wrap .list_body .right { padding: 5px; }
}

@media (max-width: 399px) {
    .list_wrap .list_body .right .list_p_box { width: 100%; }
}