.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_auto1400{margin-left: auto; margin-right: auto; width: 1440px;}
@media (max-width: 1440px) {
	.m_lr_auto1400 { 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%; }
}

html {  font-size: 625%;  }
body { font-size: .14rem;}

header .header_top { background-color: #dedede; padding-bottom: 0; }
header .header_top.on { background-color: rgba(0,0,0,0)!important; position: fixed; z-index: 25; left: 0; top: 0; width: 100%; }
header .header_top .logo { position: relative; top: .2rem; z-index: 3; width: 4.04rem; float: left; left: .7rem;}
header .header_top .logo img { width: 100%;max-width: 130px !important; }
header .header_top .header_r { position: absolute;top: .2rem; right: 1rem;z-index: 3;float: right;  }
header .header_top .header_r .header_meno { display: inline-block; margin-right: .2rem; cursor: pointer;transition: none;-moz-transition: none; /* Firefox 4 */-webkit-transition: none; /* Safari and Chrome */-o-transition: none; /* Opera */ }
header .header_top .header_r .header_meno.on {background: url(../images/nav_icoHover.png) 0 50% no-repeat; padding-left: .25rem; }
header .header_top .header_r .header_meno span { color: #56585a; font-size: .2rem; }
header .header_top .header_r .header_meno.on img { display: none; }
header .header_top .header_r .header_meno img { width: .3rem; }
header .header_top .header_r .header_gq_box { display: inline-block; float: right; }
header .header_top .header_r .header_gq_box img { width: .35rem; }

header .floor { font-size: .14rem; color: #666666;float: right; padding-top: .34rem; position: absolute; top: .5rem; right: 1rem; z-index: 5; }
header .floor ins { color:#666; }
header .floor span { color: #004226; }

.header_nav { overflow: hidden; height: 0; position: fixed; top: 0; width: 100%; left: 0; z-index: 2; background:url(../images/nav_bg_bom.png) 0 0 no-repeat #fff; background-size: 100% 100%; }
.nav_top { position: relative; top: 0; height: 1.5rem; width: 100%; background: url(../images/nav_top_bg.png) 0 0 no-repeat; background-size: 100% 100%; }
.header_nav .header_nav_bom { padding:.4rem .4rem 0; position: relative; top: 1.5rem; z-index: -1; }
.header_nav .header_nav_bom .nav_li { width: 25%; float: left; }
.header_nav .header_nav_bom .nav_li h3 { margin-bottom: .65rem; color: #222222; font-size: .24rem; padding-left: .45rem; background: url(../images/nav_liHbg.png) 0 50% no-repeat; }
.header_nav .header_nav_bom .nav_li ul { padding-left: .45rem; }
.header_nav .header_nav_bom .nav_li ul li { width: 100%; padding:.15rem .05rem; background-color: #a0a0a0; border-bottom: 2px solid #f9c74e; color: #fff; font-size: .2rem; margin-bottom: .2rem; }
.header_nav .header_nav_bom .nav_li ul li:hover { background-color: #f9c74e; }

.banner { position: relative; }
.banner img { width: 100%;object-fit:cover;min-height: 100px; }
.banner .hd { position: absolute; bottom: .2rem; width: 100%; left: 0; }
.banner .hd .bann_ico {position: absolute; bottom: 0; right: .3rem;}
.banner .hd span { float: left; background: rgba(255,255,255,.3) 50% 50% no-repeat; display: inline-block; cursor: pointer; width: .45rem; height: .45rem; margin-right: 1px; }
.banner .hd span.prev { background-image: url(../images/banner_Lico.png); }
.banner .hd span.next { background-image: url(../images/banner_Rico.png); }
.banner .hd span:hover { background-color: rgba(0,0,0,.3); }
/*.banner .hd span.prev:hover { background-image: url(../images/banner_LicoHover.png); }
.banner .hd span.next:hover { background-image: url(../images/banner_RicoHover.png); }*/
.banner .hd span img { width: .14rem; }
.banner .hd .textarea {position: absolute; left: .4rem; bottom:.2rem; width: 4rem; text-align: center; color: #fff;}
.banner .hd .textarea .textarea_dq { color: #f9c74e; }
.banner .hd ul {position: absolute; bottom: 0; left: .4rem; width: 4rem; text-align: center;height: 5px;}
.banner .hd ul li { cursor: pointer; display: inline-block; text-indent: -99999px; background-color: #fff; height: 5px; width: 30px; margin:0 3px; }
.banner .hd ul li.on { background-color: #f9c74e; }


.index_wrap header .header_top { background:none; padding-bottom: 0; }
.index_wrap header .header_top .logo { background:none; position: absolute; }

/*首页公共标题*/
.in_tit_box { text-align: center; padding-top: .7rem; padding-bottom: .6rem;}
.in_tit_box h2 { font-size: .4rem; color:#222; font-weight: normal; }
.in_tit_box span { height: 3px; width: .3rem;  background-color: #f9c74e; display: inline-block; }

.in_con_mone { background: url(../images/banner_Rico.png) 50% 50% no-repeat; background-size: .14rem; border-bottom: 1px solid #f9c74e; background-color: rgba(255,255,255,.3); display: inline-block; width: .95rem; height: .44rem; }
.in_con_mone:hover {/*background-image: url(../images/banner_RicoHover.png);*/ background-color: rgba(0,0,0,.3); /*border-color: #9a4ef9*/;}

.in_about_box { background: url(../images/in_about_bg.png) 0 0 no-repeat; background-size: 100% 100%; padding-bottom: .6rem; }
.in_about { width: 10.3rem; margin:0 auto; background-color: #c9c9c9; padding:.5rem .55rem .3rem; }
.in_about p { font-size: .22rem; color: #333; line-height: 30px; }
.in_about_box .in_con_mone { margin-top: .1rem; float: right; }
.in_product_box li { position: relative; width: 12%; overflow: hidden; float: left; margin-right: .53%; }
.in_product_box li.on { width: 62.4%; }
.in_product_box li>img { width: 520%; max-width: inherit!important;}
.in_product_box li.on>img { width: 100%; }
.in_product_box li .in_product_text { position: absolute; top: 0; width: 520%; left: 0; height: 100%; }
.in_product_box li .in_product_text_box { height: 100%; width: 100%; position: absolute; left: 0; top: 0; }
.in_product_box li:hover .in_product_text_box { background-color: rgba(0,0,0,.3);transition: 2s;-moz-transition: 2s; -webkit-transition: 2s; -o-transition: 2s;  }
.in_product_box li.on .in_product_text { width: 100%; }
.in_product_box li .in_product_text h3 { width: 100%;white-space: nowrap; overflow: hidden;text-overflow:ellipsis; filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0; font-size: .4rem; color: #fff; font-weight: normal;text-align: center; padding-left: .05rem; padding-right: .05rem;}
.in_product_box li.on .in_product_text h3 {filter:alpha(opacity=100);  -moz-opacity:1;  -khtml-opacity: 1;  opacity: 1; transition: 4s;-moz-transition: 4s; -webkit-transition: 4s; -o-transition: 4s;}
.in_product_box li .in_product_text p {filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0; text-align: center; font-size: .22rem; color: #fff; text-align: center; width: 100%; line-height: 34px; ; height:34px; position: absolute; top: 50%; margin-top: -17px; }
.in_product_box li.on .in_product_text p {filter:alpha(opacity=100);  -moz-opacity:1;  -khtml-opacity: 1;  opacity: 1; transition: 4s;-moz-transition: 4s; -webkit-transition: 4s; -o-transition: 4s;}
.in_product_box li .in_product_text .in_con_mone { position: absolute; bottom: .25rem; right: .7rem; }
.in_service_box { background: url(../images/in_service_bg.png) 0 0 no-repeat; background-size: 100% 100%; padding-bottom: .55rem; }
.in_service_box ul li { background-color: #a0a0a0; width: 32%; margin-right: 2%; float: left; text-align: center; overflow: hidden; }
.in_service_box ul li>img { width: 100%; }
.in_service_box ul li:hover img {transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);}
.in_service_box ul li h3 { font-size: .2rem; color: #fff; background-color: #a0a0a0; font-weight: normal; padding-top: .1rem; padding-bottom: .1rem; position: relative; white-space: nowrap; overflow: hidden;text-overflow:ellipsis; width: 100%; }
.in_service_box ul li p { font-size: .18rem; color: #fff; }
.in_service_box ul li .in_con_mone { margin-top:.2rem; margin-bottom: .15rem; }
.in_news_box { background: url(../images/in_news_bg.png) 0 0 no-repeat; background-size: 100% 100%; }
.in_news_box .in_tit_box h2 { color: #fff; }
.in_news_box li { width: 50%; float: left; color: #fff; padding:.3rem 1rem .5rem; }
.in_news_box li:hover { background-color: rgba(0,0,0,.5); }
.in_news_box li .left { width: 1.25rem; padding-top:.2rem; padding-bottom: .25rem; text-align: center; border:1px solid #fff; border-radius: 5px; }
.in_news_box li .left h3 { font-size: .4rem; font-weight: normal; font-family: "微软雅黑"; }
.in_news_box li .left p { font-size: .22rem;font-family: "微软雅黑"; }
.in_news_box li .right { width: 80%; }
.in_news_box li .right h3 { font-size: .26rem; font-weight: normal; margin-top: .05rem; white-space: nowrap; overflow: hidden;text-overflow:ellipsis; width: 100%; }
.in_news_box li .right p { font-size:.2rem; margin-top: .1rem; }
.in_news_box .in_con_mone { float: right; margin-right: .75rem; margin-bottom: .3rem; }

footer .foo_top { background-color: #959595; color: #fff; padding:.05rem 0; }
footer .foo_top .foo_phone {letter-spacing: -.03rem; margin-right: .9rem; float: left; font-size: .27rem; background: url(../images/foo_phone.png) 0 50% no-repeat; text-indent: .45rem; background-size: .4rem; padding:.05rem 0; font-weight: bold; }
footer .foo_top .foo_email { letter-spacing: -.03rem; float: left; font-size: .27rem; background: url(../images/foo_email.png) 0 50% no-repeat; text-indent: .45rem; background-size: .4rem; padding:.05rem 0;  font-weight: bold; }
footer .foo_top .foo_ico_box { float: right; padding-top:.05rem; }
footer .foo_top .foo_ico_box img { vertical-align: middle; width: .38rem; }
footer .foo_bom { background-color: #000000; color: #fff; }
footer .foo_bom p { text-align: center; font-size: .12rem; padding-top: .15rem; padding-bottom: .15rem; font-family: "Arial Regular"; }
footer .foo_bom span { margin-left: .1rem; }

.productD_wrap footer .m_lr_auto { width: 1440px; }
.productD_wrap footer .m_lr_auto .foo_bo1150 { width: 1150px; }
@media (max-width: 1440px) {
	.productD_wrap footer .m_lr_auto { margin-left: 0; margin-right: 0; width: 100%; padding:0 10px; }
}
@media (max-width: 1150px) {
	.productD_wrap footer .m_lr_auto .foo_bo1150 { width: 100%; }
}

@media (max-width: 1920px) {
	.in_news_box li { padding-left: .5rem; padding-right: .5rem; }
}

@media (max-width: 1520px) {
	.in_product_box li .in_product_text { height: 100%; top: 0; }
	.in_news_box li .right { width: 70%; }
}

/*在 992 和 1199 像素之间的屏幕里，中等屏幕，分辨率低的 PC*/
@media (max-width: 1199px) {
    html {  font-size: 600%;  }
	.in_about_box { background-size: auto 100%; }
	.in_about { width: 100%; padding-left: .1rem; padding-right: .1rem; }
	.in_news_box li { padding-left: .2rem; padding-right: .2rem;}
	.in_news_box li .left { width: auto; padding:.05rem; }

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

/*在 768 和 991 像素之间的屏幕里，小屏幕，主要是 PAD*/
@media (max-width: 995px) {
    html{  font-size: 570%; }
    .index_wrap header .header_top,
    header .header_top { background-color: #dedede; padding-bottom: .5rem; }
	header .header_top .logo,
	header .header_top .header_r { position: relative;} 
	header .header_top .logo,
	.index_wrap header .header_top .logo { float: left; left: .3rem; position: relative; }
	header .header_top .header_r { float: right; top: .6rem; right: .3rem; }
	header .floor { position: relative; width: 100%; right: 0; padding:.2rem; top: .2rem; }
	.in_product_box li { margin-bottom:.2rem; } 
	.in_product_box li,
	.in_product_box li.on,
	.in_product_box li>img { width: 100%; height: auto!important; }
	.in_product_box li .in_product_text,
	.in_product_box li.on .in_product_text { width: 100%; position: relative; background-color: rgba(0,0,0,.5); padding: .2rem; }
	.in_product_box li .in_product_text h3,
	.in_product_box li .in_product_text p { padding-bottom: .1rem; filter:alpha(opacity=100);  -moz-opacity:1;  -khtml-opacity: 1;  opacity: 1;}
	.in_service_box { background-size: auto 100%; }
	.in_service_box ul li { width: 100%; margin-right: 0; margin-bottom: .2rem; }
	.in_news_box { background-size: auto 100%; }
	.in_news_box li { width: 100%; }
	.in_news_box li .right { width: 85%; }

}

/*在 480 和 767 像素之间的屏幕里，超小屏幕，主要是手机*/
@media (max-width: 767px) {
    html{  font-size: 530%;  }
    header .header_top { padding-bottom: .35rem; }
    header .header_top .logo { width: 40%; }
    header .header_top .header_r { top: .2rem; }
	header .header_top .header_r .header_meno { display: block; text-align: right; margin-right: 0; background-position: 65% 50%!important; }
	header .header_top .header_r .header_gq_box { margin-top: .2rem; }
	header .banner .hd .textarea,
	header .banner .hd .bann_ico { display: none; }
	.in_news_box li .right { width: 75%; }
	footer .foo_top { text-align: center; }
	.header_nav .header_nav_bom .nav_li h3 { margin-bottom: .2rem; }
	.header_nav .header_nav_bom .nav_li { width: 100%; padding-bottom:.45rem; }
	.banner .hd ul { width: 100%; left: 0; }
}
/*在小于 480 像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width: 479px) {
    html{  font-size: 480%;  }
    header .header_top .header_r .header_gq_box { margin-top: .1rem; }

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

.Li_lbody { width: 1150px; float: left; margin-top: .2rem; }
.pro_body { background-color: #fff; text-align: center; padding:0 .2rem; }
.Li_rbody { width: 260px; float: right; margin-top: .2rem; }
.Li_rbody h3 { font-size: .24rem; margin-bottom: .2rem; margin-top: .2rem; }
.Li_rbody p { background-position: .05rem 50%; padding:.15rem 0 .15rem .3rem; font-size: .18rem; border-bottom: 2px solid rgba(0,0,0,0); }
.Li_rbody p:hover,
.Li_rbody p.on { background: url(../images/por_ico1.png) .1rem 50% no-repeat rgba(0,0,0,.3); border-bottom: 2px solid #f9c74e; color: #fff; background-size: .12rem; }

.por_bomLi { padding-bottom: .4rem; }
.por_bomLi h2 { font-size: .24rem; text-align: center; font-weight: normal; padding:.45rem 0; color: #333333; }
.por_bomLi li { margin-bottom: .25rem; float: left; width: 30%; margin-right: 5%; background-color: #f9f9f9; padding:.1rem; text-align: center; }
.por_bomLi li img { width: 100%; }
.por_bomLi li h3 { font-size: .18rem; color: #333333; font-weight: normal; padding:.15rem 0; text-align: left; width: 100%; white-space: nowrap; overflow: hidden;text-overflow:ellipsis; }
.por_bomLi li p { font-size: .16rem; text-align: left; line-height: 24px; word-wrap: break-word; }
.por_bomLi li .in_con_mone { background-color: #dedede; margin-top: .2rem; }
.por_bomLi li .in_con_mone:hover { background-color: rgba(0,0,0,.5); }

.por_For { padding-top:.35rem;/* padding-left: .3rem; padding-right: .7rem;*/ }
.por_For h2 { color: #004226; font-size: .3rem; }
.por_For p { font-size: .18rem; padding:.25rem 0; }
.por_For_inp { float: left; width: 30%; margin-right: 5%; margin-bottom: .12rem; }
.por_For_inp input { width: 100%; height: 38px; line-height: 38px; text-indent: 5px; border:1px solid #cacaca; }
.por_For textarea { width: 100%; padding:5px; border:1px solid #cacaca; height: 1rem; }
.por_For input::-webkit-input-placeholder,
.por_For textarea::-webkit-input-placeholder{ color: #000; }
.por_For button { cursor: pointer; margin-top: .15rem; margin-bottom:.6rem; border: none; border-bottom: 2px solid #f9c74e; font-size: .18rem; background: url(../images/por_ico1.png) .1rem 50% no-repeat rgba(160,160,160,.7); padding:0 .3rem; color: #fff;height:0.38rem;}
.por_For button:hover { background-color: /*url(../images/por_ico1Hover.png) .1rem 50% no-repeat*/ rgba(255,255,255,.5);/* border-bottom-color: #9b4ef9;*/ color: #000; }

.yzm input{height:38px;line-height: 38px;text-indent: 5px;border: 1px solid #cacaca;vertical-align: middle;}
.yzm img{vertical-align: middle;}
@media (max-width: 1440px) {
	.Li_lbody { width: 100%; }
	.Li_rbody { width: 100%; }
}

@media (max-width: 767px) {
	.por_bomLi li { margin-right: 0; width: 100%; border-bottom: #c1c1c1 solid 1px; }
	.por_For { padding-left: .1rem; padding-right: .1rem; }
	.por_For_inp { width: 50%; margin-right: 0; }
	.por_For button:hover { border-bottom: 2px solid #f9c74e; background: url(../images/por_ico1.png) .1rem 50% no-repeat rgba(160,160,160,.7); color: #fff;}
}

.news_body { padding-top: .2rem; }
.news_body li { padding-bottom: .4rem; }
.news_body li .left { width: 33%; }
.news_body li .left img { width: 100%; }
.news_body li .right { width: 63%; }
.news_body li .right h3 { font-size: .24rem; padding:.1rem 0 .2rem; width: 100%; white-space: nowrap; overflow: hidden;text-overflow:ellipsis; }
.news_body li .right p { font-size: .2rem; color: #222222; width: 100%; white-space: nowrap; overflow: hidden;text-overflow:ellipsis; }
.news_body li .right .in_con_mone { margin-top:.3rem; }

.news_bomIco { width: 100%; text-align: center; }
.news_bomIco span { display: block; }
.news_bomIco span img { width: 45px; padding:5px; }
.news_bomIco span ins {display: none;}
.news_bomIco span:hover ins { display: inline-block; }
.news_bomIco span:hover>a>img { display: none; }

@media (max-width: 550px) {
	.news_body li .left { width: 45%; }
	.news_body li .right { width: 50% }
}




/* 设置滚动条的样式 */
::-webkit-scrollbar {
	width: 12px;
}/* 滚动槽 */

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
}/* 滚动条滑块 */

::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(0,0,0,0.7);
}