/*
	-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100%;
	box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;
*/

/*-----------------------------------------------------------------------------------------------------------------------*/
.g-adv{ height:12.5rem; overflow:hidden;}

/*-----------------------------------------------------------------------------------------------------------------------*/
nav{height:4.8rem; overflow:hidden; margin-top:1.58rem; background:url(/mobile/Images/Index/nav.jpg) no-repeat center top;-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100%;}
nav a{ color:#fff; font-size:1rem; width:33%; text-align:center; height:2.35; line-height:2.3rem; overflow:hidden; display:block; float:left;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.u-tit{font-size:1.16rem;color:#0062b1; font-weight:bold; text-align:center; line-height:1.8rem; height:3.25rem; overflow:hidden;}
.u-tit i{ display:block; font:0.83rem Arial, Helvetica, sans-serif; color:#ff6700; text-transform:uppercase;
background:url(/mobile/Images/Index/pro_line.gif) no-repeat center center;-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100%;}
.u-tit span{ display:block; color:#ff6700; font-size:0.83rem; font-weight:normal;background:url(/mobile/Images/Index/pro_line.gif) no-repeat center center;-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100%;}

.m-pro { margin-top:2rem; height: 37.8rem; overflow:hidden; background:url(/mobile/Images/Index/pro_y.jpg) no-repeat center bottom;-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100%;}
.m-pro p{ margin-top:0.75rem; height:8.25rem; overflow:hidden;}
.m-pro p a{ display:block; float:left; margin:0.83rem 0 0 0.85rem; width:28.9%; height:2.08rem; overflow:hidden; background:#f2f2f2; border-radius:0.2rem; text-align:center; line-height:2rem; font-size:1rem; color:#222222; overflow:hidden;}
.m-pro li{ float:left; width:44.375%; overflow:hidden; height:12.125rem; margin-left:0.9rem;}
.m-pro li span{ font-size:1rem; color:#222; height:3.5rem; overflow:hidden; text-align:center; display:block; line-height:3.5rem;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-bz{ margin-top:0.91rem; height:29rem; overflow:hidden;}
.m-bz h2 { line-height:1.5rem;}
.m-bz h2 span{background:url(/mobile/Images/Index/bz_line.gif) no-repeat center center;-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100%;}
.m-bz ul{ height:23rem; overflow:hidden; margin-top:1.875rem; background:url(/mobile/Images/Index/bz_bj.jpg) no-repeat center 0.8rem;-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100%;}
.m-bz ul li{ float:left; width:8.375rem; margin-left:2.5rem; height:11.625rem; overflow:hidden;}
.m-bz li:nth-child(2n){ margin-left:4.875rem;}
.m-bz li span{ display:block; height:3rem; overflow:hidden; text-align:center; line-height:3rem; font-size:1rem; font-weight:bold; color:#353535;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.ys_bj{ height:45rem; overflow:hidden; position:relative;}
.ys_img{ line-height:0;}
.m-ys{ position:absolute; top:0; left:0; width:100%; height:45rem; overflow:hidden;}
.m-ys .prev , .m-ys .next{ position:absolute; bottom:1.875rem; width:1.875rem; height:1.875rem; z-index:4;}
.m-ys .prev { left:35%;}
.m-ys .next { right:35%;}
.m-ys h2{ height:10.08rem; overflow:hidden; padding-top:2.16rem;font:0.83rem Arial, Helvetica, sans-serif; color:#c4c4c4; text-transform:uppercase;	box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-ys h2 b{ width:50.3125%; height:2rem; vertical-align:middle; margin-right:0.2rem; text-align:center; color:#fff; margin-left:0.66rem; font:bold 1.25rem/2rem "Microsoft Yahei"; display:inline-block; background:url(/mobile/Images/Index/ys_ico1.jpg) no-repeat;-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100%;}
.m-ys h2 span{ display:block; padding-top:0.37rem; line-height:2rem; color:#363636; font-size:1.16rem; text-align:right; padding-right:1rem;}
.m-ys h2 i{ display:block; width:59.5%; height:1.41rem; text-align:center; line-height:1.4rem; background:#ff6b06; border-radius:0.4rem; font-size:0.91rem; letter-spacing:0.15rem; color:#fff; float:right; margin-right:1rem; position:relative;}
.m-ys h2 i:before{ position:absolute; content:""; top:0.7rem; left:0.5rem; width:0.25rem; height:0.25rem; background:#fff; border-radius:10rem;}
.m-ys .con{ float:left; width:100%; display:inline;}
.m-ys .con p{ line-height:0;}
.m-ys .con dl{ margin-top:0.25rem;}
.m-ys .con dl dt{font-size:1.08rem; color:#0062b1; font-weight:bold; height:5.5rem; margin-left:1rem; background:url(/mobile/Images/Index/ys_ico2.png) no-repeat left top;-webkit-background-size: 5.416rem 4.416rem;-moz-background-size:5.416rem 4.416rem;-o-background-size:5.416rem 4.416rem;background-size: 5.416rem 4.416rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-ys .con dl dt i{ display:block; font:0.54rem/1rem Arial, Helvetica, sans-serif ; color:#c2c2c2; text-transform:uppercase;}
.m-ys .con dl dt em{ display:block; margin-top:0.75rem; width: 3rem; height:3.25rem; text-align:center; font:bold 1.41rem Arial, Helvetica, sans-serif; color:#fff; line-height:3.2rem; text-align:center; float:left;}
.m-ys .con dl dt span{ float:left; display:block; padding:1.08rem 0 0 0.8rem; width:84%;}
 .m-ys .con dl dd{ margin:0.9rem 0 0 2rem; padding-left:1.5rem; font-size:0.91rem; color:#333333; line-height:1.4rem; background:url(/mobile/Images/Index/ys_ico3.png) no-repeat left 0.4rem;-webkit-background-size: 0.75rem 0.75rem;-moz-background-size:0.75rem 0.75rem;-o-background-size:0.75rem 0.75rem;background-size: 0.75rem 0.75rem;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-pic{ line-height:0; position:relative;}
.m-pic i{ display:block; position:absolute; top:6.2rem; left:36.4%; width:26.25%; height:1.5rem; line-height:1.5rem; text-align:center; font-size:1rem; font-weight:bold; color:#fff; background:url(/mobile/Images/Index/pic_ico.jpg) no-repeat;-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100%;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.u-tit1{height:3.5rem;margin:0 0.875rem; overflow:hidden; font-size:1.08rem; color:#0062b1; font-weight:bold; line-height:3.5rem; position:relative; text-transform:uppercase;}
.u-tit1 span{ display:inline-block; margin-top:1.45rem; width:4.58rem; height:0.83rem; border:1px solid #b6b6b6; text-align:center; font:0.75rem Arial, Helvetica, sans-serif; color:#a1a1a1; line-height:0.8rem;}
.u-tit1 i{ color:#a1a1a1;font:0.75rem/3.5rem Arial, Helvetica, sans-serif; display:inline-block; margin-left:0.2rem;}
.u-tit1:before{ position:absolute; content:""; bottom:1px; height:1px; width:100%; background:#d4d4d4; left:0;}
.u-tit1:after{ position:absolute; content:""; bottom:0; height:0.125rem; width:6rem; background:#0062b1; left:0;}

.m-coo { margin-top:1.16rem; height:13.54rem; overflow:hidden; position:relative;}
.m-coo .prev ,.m-coo .next{ position:absolute; top:7.9rem; width:0.875rem; height:2rem; z-index:3;}
.m-coo .prev { left:0;}
.m-coo .next { right:0;}
.m-coo .con{ width:100%; display:inline; float:left;}
.m-coo .nowarp{ margin:0 0.875rem;}
.m-coo .con li{ float:left; width:10.54rem; margin:1.75rem 0 0 1.2rem; overflow:hidden;}
.m-coo .con li img{ border:2px solid #dadada;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-jz{ height:19.04rem; overflow:hidden;background:url(/mobile/Images/Index/pro_y.jpg) no-repeat center bottom;-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100%;}
.m-jz dl{ height:11.375rem; overflow:hidden;}
.m-jz dl dt{ width:46.4%; overflow:hidden; float:left; margin:1.375rem 0 0 1rem;}
.m-jz dd{ width:47.8%; overflow:hidden; padding-top:1.375rem;}
.m-jz dd a{ color:#2d2d2d; font-size:0.91rem;}
.m-jz dd h3{ font-size:1rem; font-weight:bold; padding:0.75rem 0;}
.m-jz em{ display:block; width:7.92rem; height:1.58rem; border:2px solid #0062b1; text-align:center; line-height:1.5rem; color:#0062b1; font-size:1rem; font-weight:bold; margin:0 auto;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-about{ margin-top:1.125rem; height:24.625rem; overflow:hidden;}
.m-about h2{ height:3.25rem; font-size:1.08rem; color:#0062b1; font-weight:bold; line-height:1.5rem; overflow:hidden; text-align:center; background:url(/mobile/Images/Index/about_line.gif) no-repeat center 0.75rem;-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100%;}
.m-about h2 i{ display:block; font:0.75rem Arial, Helvetica, sans-serif; color:#c3c3c3; text-transform:uppercase;}
.m-about p{ line-height:0; width:89.84%; margin:0 auto;}
.m-about span{ padding:1.25rem 2rem 0; display:block; text-align:center; font-size:1rem; line-height:2rem; color:#333333;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-xc{ height:16.25rem; overflow:hidden;background:url(/mobile/Images/Index/pro_y.jpg) no-repeat center bottom;-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100%;}
.m-xc h2{ font-size:1rem; color:#fff; text-align:center; line-height:2rem; width:26.875%; height:2.1rem; overflow:hidden; margin:0 auto; background:url(/mobile/Images/Index/about_ico.jpg) no-repeat center top;-webkit-background-size: 100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100%;} 
.m-xc .m-box{ height:10.54rem; overflow:hidden;}
.m-xc .con{  float:left; width:100%; display:inline;}
.m-xc .con li{ width:41.875%; float:left; overflow:hidden; margin:1.3rem 0.5rem 0 1.25rem;}
.m-xc .m-cnt{ padding-left:46%;}
.m-xc .m-cnt li{ float:left; width:0.4rem; height:0.4rem; margin-right:1rem; border-radius:100%; background:#bfbfbf; overflow:hidden;}
.m-xc .m-cnt li.z-on{ background:#0062b1;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-news{ margin-top:0.33rem; height:18.2rem; overflow:hidden; position:relative;}
.m-news .more{ display:inline-block; position:absolute; top:1.25rem; right:0.875rem; width:4.58rem; height:0.83rem; border:1px solid #b6b6b6; text-align:center; font:0.75rem Arial, Helvetica, sans-serif; color:#a1a1a1; line-height:0.8rem; z-index:9;}
.m-news .m-cnt{height:3.5rem;margin:0 0.875rem; overflow:hidden; font-size:1.08rem; color:#222; line-height:3.5rem; position:relative; text-transform:uppercase;}
.m-news .m-cnt:before{ position:absolute; content:""; bottom:1px; height:1px; width:100%; background:#d4d4d4; left:0;}
.m-news .m-cnt li{ float:left; padding:0 0.9rem; height:3.375rem; position:relative; z-index:1;}
.m-news .m-cnt li.z-on{ border-bottom:0.125rem solid #0062b1;}
.m-news .con{ float:left; width:100%; display:inline;}
.m-news dl{ height:11.375rem; overflow:hidden;}
.m-news dl dt{ width:39.06%; overflow:hidden; float:left; margin:1.6rem 0 0 1rem;}
.m-news dd{ width:49.06%; overflow:hidden; padding-top:2.16rem; line-height:1.4rem; margin-right:0.8rem;}
.m-news dd a{ color:#555; font-size:0.91rem;}
.m-news dd h3{ font-size:1rem; font-weight:bold; height:2.875rem; border-bottom:1px solid #ccc; color:#222; line-height:2.8rem; margin-bottom:1rem;}

@media screen and (min-width:320px) {
	html { font-size:75%;}
}
@media screen and (min-width:360px) {
	html { font-size:85%;}
}
@media screen and (min-width:375px) {
	html { font-size:87.5%;}
}
@media screen and (min-width:414px) {
	html { font-size:96%;}
}
@media screen and (min-width:480px) {
	html { font-size:110.5%;}
}
@media screen and (min-width:568px) {
	html { font-size:129%;}

}
@media screen and (min-width:639px) {
	html { font-size:150%;}
}