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

.m_lr_auto1000 { width: 1000px;margin-left: auto; margin-right: auto;  }
@media (max-width: 1000px) {
	.m_lr_auto1000 { margin-left: 0; margin-right: 0; width: 100%; padding:0 10px; box-sizing: border-box; }
}

.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_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: 3rem; height: 100%; right: -100%; top: 0; z-index:99; background-color: #5e6265; }
.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: #5e6265; }
.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: rgba(0,0,0,.35); position: fixed; top: 0; left: 0; width: 100%; z-index: 4; }
header .logo { padding:.15rem .4rem; }
header .logo img { width: 1.65rem; }
header .search_box { float: left; padding-top: .18rem; padding-right: .45rem; }
header .search_box:hover { padding-top: .16rem; }
header .search_box input { width: 0; overflow: hidden; transition: .3s; background-color: rgba(255,255,255,.3); color: #fff; padding:0; }
header .search_box:hover input { width: 1.4rem; padding: .05rem; }
header .search_box button { background: none; border:none; }
header .top_s_right { cursor: pointer; float: right; margin-top: .17rem; width: .24rem; margin-right: .4rem; }
header .top_s_right img { width: 100%; }

.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{ display: none; 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: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_top { text-align: center; padding-bottom: .8rem; }
.ind_top h3 { text-align: left; color: #555555; font-size: 14px; padding:.15rem .3rem; font-weight: normal; }
.ind_top h2 { font-size: .48rem; color: #cb9b0c; padding:.15rem 0 .3rem; }
.ind_top p { color: #5a5a5a; font-size: 16px; line-height: 1.6em; width: 5.6rem; margin-left: auto; margin-right: auto; text-align: center; }


footer { background-color: #f3f3f3; }
footer .left { font-size: .24rem; color: #838383; }
footer .com { float: left; margin-left: 1.1rem; }
footer .com h3 { font-size: 18px; color: #979797; }
footer .com .ind_conIoc { padding-top: .4rem; }
footer .com .ind_conIoc div { display: inline-block; margin-right: .2rem; }
footer .right { padding-top: .1rem; width: 58%; padding-bottom: .1rem; }
footer .right ul { font-size: 0; }
footer .right li { line-height: 2em; vertical-align: top; display: inline-block; width: 100%; font-size: 12px; color: #a7a7a7; /*font-family: "Arial Regular";*/ }
footer .foot_bom { background-color: #fff; padding:.15rem 0; font-family: "微软雅黑"; color: #a2a2a2; font-size: 13px; }
footer .foot_bom .m_lr_auto1100 { font-family: "微软雅黑"; }

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

}

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

}

/*在 480 和 767 像素之间的屏幕里，超小屏幕，主要是手机*/
@media (max-width: 767px) {
    html{  font-size: 530%;  }
    header .search_box { padding-right: .1rem; padding-top: .12rem; }
    header .search_box input { width: 1.4rem; padding: .05rem; }
    .ind_top h3 { padding-left: .1rem; }
    .ind_top p { font-size: 14px; padding: 0 .1rem; width: 95%; display: inline-block; box-sizing: border-box; text-align: center; margin-left: auto; margin-right: auto; }
	
	footer .right { width: 100%; }
	/*footer .right li { padding: 0 .1rem; box-sizing: border-box; }*/

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

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

}

.aboutCom { background: url(../images/about_bg.png) 50% 50% no-repeat; }
.aboutCom h2 { text-align: center; font-size: .24rem; color: #cb9b0c; line-height: 1.4em; padding:.5rem 0; }
.aboutCom ul { padding-bottom: .3rem; text-align: center; font-size: 0; }
.aboutCom li { text-align: left; width: 46%; margin:0 2%; display: inline-block; background: 0 0 no-repeat; padding-left: .7rem; padding-right: .2rem; box-sizing: border-box; }
.aboutCom li h3 { color: #ffffff; font-size: 18px; padding-bottom: .15rem; }
.aboutCom li p { margin-bottom: .2rem; color: #b0b0b0; font-size: 21px; line-height: 22px; height: 88px; word-wrap: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

.project_box {}
.project_box h3 { padding:.1rem .48rem; font-size: .3rem; color: #6b6b6b; }
.project_box span { width: 12.5%; float: left; padding:0 2px; box-sizing: border-box; }
.project_box span img { width: 100%; cursor: pointer; height: 1.2rem; }

.product_alBox { display: none; position: fixed; left: 0; top: 0; height: 100%; width: 100%; z-index: 999999; text-align: center; }
.product_alBox.on { display: inline-block; }
.product_alBg { background-color: rgba(0,0,0,.2); z-index: -1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.product_alCom {  }
.product_alCom img { max-width: 100%; max-height: 100%; }

.paging { text-align: center; padding:.6rem 0; }
.paging span { display: inline-block; padding:.05rem .1rem; margin:0 .02rem; background-color: #e1e1e1; font-size: 12px; color: #9e9e9e; }
.paging span:hover,
.paging span.on { background-color: #cb9b0c; color: #fff; }

.contactTop { color: #5f5f5d; font-size: 18px; text-align: center; padding:.25rem 0; line-height: 2.6em; }
.contactCom { padding-bottom: .5rem; }
.contactCom ul li { float: left; width: 33.33%; padding-right: 1rem; box-sizing: border-box; }
.contactCom ul li h3 { background: url(../images/contactCom.png) 0 50% no-repeat; padding-left: .2rem; background-size: .13rem; font-size: 16px; color: #555555; line-height: 22px; padding-top: .02rem; margin-bottom: .3rem; }
.contactCom ul li p { color: #9c9c9c; font-size: 14px; font-family: "微软雅黑"; line-height: 1.6em; }

.contactBom {}
.contactBom li { padding-bottom: .25rem; }
.contactBom input { border:1px solid #d6d6d6; color: #818181; width: 100%; padding:.15rem; box-sizing: border-box; }
.contactBom .contactBomInt { width: 31.66%; float: left; margin-right: 2.5%; }
.contactBom textarea { box-sizing: border-box; height: 1rem; width: 100%; border:1px solid #d6d6d6; padding:.15rem; }
.contactBom button { color: #787878; border:1px solid #787878; padding:.15rem .35rem; box-sizing: border-box; display: inline-block; background:none; font-size: 18px; }
.contactBom button:hover { background-color: #cb9b0c; color: #191919; border:1px solid #cb9b0c; }

.resources_box {}
.resources_box ul { padding-top: .6rem; }
.resources_box li { float: left; width: 50%; padding-bottom: .6rem; padding-left: .4rem; padding-right: .4rem; box-sizing: border-box; }
.resources_box li .left { width: 35%; }
.resources_box li .left img { width: 100%; }
.resources_box li .right { width: 60%; }
.resources_box li .right h3 { color: #5e5e5e; font-size: 18px; padding:.15rem 0 .25rem; }
.resources_box li .right p { margin-bottom: .25rem; overflow: hidden; height: 80px; word-wrap: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-height: 20px; font-family: "Arial Regular"; font-size: 14px; border-top: 1px solid #9b9b9b; color: #9b9b9b; padding-top: .25rem; }
.resources_box li .resourcesLbun { display: none; float: left; color: #949494; border:1px solid #e4e4e4; padding:.1rem .05rem; }
.resources_box li .resourcesRbun { color: #949494; float: right; border:1px solid #e4e4e4; padding:.1rem .05rem; }

.resoAlertBox { display: none; position: fixed; left: 0; top: 0; height: 100%; width: 100%; z-index: 6; }
.resoAlertBox.on { display: inline-block; }
.resoAlertBg { background-color: rgba(0,0,0,.3); position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.resoAleftText { display: none; position: absolute; top: 50%; left: 50%; z-index: 2; background-color: #fff; width: 8.8rem; height: 5.5rem; margin-left: -4.4rem; margin-top: -2.85rem; }
.resoAleftText.on { display: inline-block; }
.resoAleftText h3 { font-size: .3rem; color: #cb9b0c; text-align: center; padding:.5rem 0 .6rem; }
.resoAleftText>img { cursor: pointer; position: absolute; right: .12rem; top: .12rem; }
.resoAleftBom li { margin-bottom: .25rem; }
.resoAleftBom li span { margin-left: 2%; float: left; display: inline-block; width: 15%; text-align: right; font-size: .24rem; color: #818181; }
.resoAleftBom li input { margin-right: 3%; float: right; width: 75%; border:1px solid #d6d6d6; padding:.15rem; }
.resoAleftBom li.tyke { color: #818181; font-size: .24rem; }
.resoAleftBom li.tyke input { width: .2rem; position: relative; top: 2px; height: .2rem; margin-left: .65rem; margin-right: .05rem; float: left; vertical-align: middle; font-size: .24rem; }
.resoAleftBom button { color: #242424; border:1px solid #242424; display: inline-block; padding:.05rem .4rem; background-color: rgba(0,0,0,0); font-size: .2rem; }
.resoAleftButton { text-align: center; margin-top: .45rem; }

.resoAleftText2 { display: none; position: absolute; top: 50%; left: 50%; z-index: 2; background-color: #fff; width: 8.8rem; height: 5.5rem; margin-left: -4.4rem; margin-top: -2.85rem; }
.resoAleftText2.on { display: inline-block; }
.resoAleftText2 h3 { font-size: .3rem; color: #cb9b0c; text-align: center; padding:.5rem 0 .6rem; }
.resoAleftText2>img { cursor: pointer; position: absolute; right: .12rem; top: .12rem; }
.resoAleftText2 p { font-size: .24rem; color: #818181; line-height: 1.3em; padding:0 .5rem; }

@media (max-width: 950px) {
	.resoAleftText,
	.resoAleftText2 { width: 6rem; margin-left: -3rem; height: 4rem; margin-top: -2rem; }
	.resoAleftText h3,
	.resoAleftText2 h3 { padding:.2rem 0; }
	.resoAleftBom li span { font-size: 14px; }
	.resoAleftBom li input { width: 75%; padding:.1rem; box-sizing: border-box; }
	.resoAleftBom li.tyke { font-size: 14px; }
	.resoAleftButton { margin-top: .25rem; }
	.resources_box li { padding:.2rem; }
}


@media (max-width: 767px) {
	.aboutCom h2 { padding:.2rem 0; }
    .aboutCom li { width: 100%; margin-left: 0; margin-right: 0; }
    .aboutCom li h3 { padding-bottom: .1rem; }
    .aboutCom li p { margin-bottom: .1rem; font-size: 14px; line-height: 20px; height: auto; -webkit-line-clamp: inherit; }
	.project_box h3 { padding-left: .2rem; }
	.project_box span { width: 25%; margin-bottom: .05rem; }
	.contactBom .contactBomInt { width: 100%; margin-right: 0; padding-top: .25rem; }
	.resoAleftText { width: 100%; margin-left: 0; left: 0; height: auto; padding-bottom: .2rem; }
	.resoAleftText2 { width: 100%; margin-left: 0; left: 0; padding-bottom: .2rem; }
	.resources_box li { width: 100%; }
	.resources_box li .right p { margin-bottom: 0; }
	.contactCom ul li { width: 100%; }
	.contactCom ul li h3 { margin-bottom: 0; }
}


/*.smallimg { display: none;}
.bigimg{ position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;border: 5px solid #fff;}
.mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.5;filter: Alpha(opacity=50);z-index: 98;transition:all 1s;display: none}
.bigbox{width:840px;background: #fff;border:1px solid #ededed;margin:0 auto;border-radius: 10px;overflow: hidden;padding:10px;}
.bigbox>.imgbox{width:400px;height:250px;float:left;border-radius:5px;overflow: hidden;margin: 0 10px 10px 10px;}
.bigbox>.imgbox>img{width:100%;}
.imgbox:hover{cursor:zoom-in}
.mask:hover{cursor:zoom-out}
.mask>img{position: fixed;right:10px;top: 10px;width: 60px;}
.mask>img:hover{cursor:pointer}*/