/*
-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.375rem; overflow:hidden;}
#newBridge .icon-right-center
{
    display:none;
    }
/*-----------------------------------------------------------------------------------------------------------------------*/
nav{height:5.54rem; overflow:hidden; border-bottom:1px solid #b8b8b8; background:#201b18; position:relative;}
nav:before{ position:absolute; content:""; width:100%; height:1px; top:50%; left:0; background:#b8b8b8;}
nav a{ color:#fff; font-size:1rem; width:33%; text-align:center; height:2.75rem; line-height:2.7rem; overflow:hidden; display:block; float:left; position:relative; font-weight:bold;}
nav a:before{ position:absolute; content:""; width:1px; height:2.75rem; overflow:hidden; top:0; right:0;background:#b8b8b8;}
nav a:nth-child(3n):before{ height:0;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-lc{ height:27rem; overflow:hidden; background:url(/mobile/Images/Index/lc_bj.jpg) no-repeat center top;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;}
.m-lc dl{ height:22.67rem; overflow:hidden;}
.m-lc dt{ width:14.125rem; margin: 3.25rem 0 0 29.375%; overflow:hidden;}
.m-lc dd a{ display:block; text-align:center; padding:3.75rem 2.9rem 0; font-size:1rem; line-height:1.33rem; color:#020202;}
.m-lc dd h3{ font-size:1.16rem; color:#2d2d2d; font-weight:bold; line-height:1.3rem; padding-bottom:0.4rem;}
.m-lc dd h3 span{ color:#db261d;}

.u-more{ margin:0 1.25rem; height:2.33rem; line-height:2.33rem; text-align:center; color:#666; font-size:1rem; border-radius:0.3rem; border:1px solid #ccc;
	background-color:#e5e5e5 ;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe ), to(#e5e5e5)); 
	background-image: -webkit-linear-gradient(top, #fefefe , #e5e5e5); 
	background-image: -moz-linear-gradient(top,  #fefefe , #e5e5e5); 
	background-image: -o-linear-gradient(top,  #fefefe , #e5e5e5); 
	background-image: -ms-linear-gradient(top, #fefefe , #e5e5e5); 
	background-image: linear-gradient(top, #fefefe , #e5e5e5);}

/*-----------------------------------------------------------------------------------------------------------------------*/
.u-tit{ font-size:1.25rem; color:#da251c; font-weight:bold; text-align:center; line-height:1.4rem;}
.u-tit i{ display:block; font:bold 1.33rem Arial, Helvetica, sans-serif; color:#bcbcbc; text-transform:uppercase; line-height:1.4rem;}
.u-tit span{ font-size:1rem; color:#1c1c1c; font-weight:normal; display:block; background:url(/mobile/Images/Index/ys_line.png) no-repeat center center;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;}

.m-ys{ height:39.125rem; padding-top:1.66rem;overflow:hidden; background:url(/mobile/Images/Index/ys_bj.jpg) repeat-y center top;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;}
.m-ys .con{ float:left; width:100%; display:inline;}
.m-ys .con p{ margin:1.25rem auto 0; width:78.125%; overflow:hidden;}
.m-ys .con dl{ padding-top:1.66rem;}
.m-ys .con dl dt{ font-size:1rem; color:#333; line-height:1.3rem; padding:0 0 1rem 4rem; 
background:url(/mobile/Images/Index/1.gif) no-repeat 1.25rem 0.2rem;-webkit-background-size: 2.125rem 2.41rem;	-moz-background-size:2.125rem 2.41rem;	-o-background-size: 2.125rem 2.41rem;	background-size: 2.125rem 2.41rem;}
.m-ys .con dt b { display:block; color:#db261d;}
.m-ys .con:nth-child(2) dt{background:url(/mobile/Images/Index/2.gif) no-repeat 1.25rem 0.2rem;-webkit-background-size: 2.125rem 2.41rem;-moz-background-size:2.125rem 2.41rem;	-o-background-size: 2.125rem 2.41rem;	background-size: 2.125rem 2.41rem;}
.m-ys .con:nth-child(3) dt{background:url(/mobile/Images/Index/3.gif) no-repeat 1.25rem 0.2rem;-webkit-background-size: 2.125rem 2.41rem;-moz-background-size:2.125rem 2.41rem;	-o-background-size: 2.125rem 2.41rem;	background-size: 2.125rem 2.41rem;}
.m-ys .con:nth-child(4) dt{background:url(/mobile/Images/Index/4.gif) no-repeat 1.25rem 0.2rem;-webkit-background-size: 2.125rem 2.41rem;-moz-background-size:2.125rem 2.41rem;	-o-background-size: 2.125rem 2.41rem;	background-size: 2.125rem 2.41rem;}
.m-ys .con dd{ font-size:1rem; color:#333; line-height:1.625rem; margin-top:0.5rem; padding:0 1rem 0 2.5rem; background:url(/mobile/Images/Index/ys_ico.gif) no-repeat 1.25rem 0.44rem;-webkit-background-size: 0.875rem 0.875rem;	-moz-background-size:0.875rem 0.875rem;	-o-background-size:0.875rem 0.875rem;	background-size:0.875rem 0.875rem;}
.m-ys .m-cnt{ padding:1.5rem 0 0 41.25%;}
.m-ys .m-cnt li{ float:left; width:1.08rem; height:1.08rem; margin-right:0.125rem; background:#2d2d2d; overflow:hidden; text-align:center; line-height:1rem; font-size:0.91rem; color:#fff;}
.m-ys .m-cnt li.z-on{ background:#db261d;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-pro{ margin-top:1.79rem; height:45.79rem; overflow:hidden;}
.m-pro .u-ul01{ margin-top:1rem; height:9.5rem; overflow:hidden;}
.u-ul01 li{ float:left ; width:43.43%; height:2.04rem; text-align:center; line-height:2rem; font-size:1rem; margin:0.91rem 0 0 1.25rem; background:#2d2d2d; color:#fff; font-weight:bold;}
.u-ul01 a:nth-child(2n) li{ margin-left:0.91rem;}
.u-ul01 a:hover li , .u-ul01 a:nth-child(1) li{ background:#db261d;}
.m-pro .u-ul02 { height:28rem; overflow:hidden;}
.m-pro .u-ul02 li{ float:left;width:43.4375%; line-height:0; position:relative; font-size:1rem; margin:0.91rem 0 0 1.25rem;}
.u-ul02 li img{ border:1px solid #cecece;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.u-ul02 li span{ display:block; background:#8c8c8c; position:absolute; bottom:1px; left:0; height:1.75rem; background:#8c8c8c; text-align:center; line-height:1.7rem; color:#fff; width:100%;}
.u-ul02 li:nth-child(2n){ margin-left:0.91rem;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-fang{ height:15rem; border:1px solid #eaeaea; background:#f9f9f9; margin:0 1.25rem;}
.m-fang h2{ font-size:1rem; color:#2d2d2d; padding-top:1rem; height:4rem; text-align:center; overflow:hidden; line-height:1.3rem;}
.m-fang h2 b{ font-size:1.25rem; color:#db261d; border-bottom:0.1rem solid #db261d;}
.m-fang ul li{ float:left; width:7.45rem; height:2.5rem; text-align:center; background:#fff; border:1px solid #424242; margin:0 0.3rem 0.4rem 0; font-size:1.25rem; line-height:2.5rem; color:#333;}
.m-fang ul a:nth-child(1) li , .m-fang ul a:nth-child(4) li , .m-fang ul a:nth-child(7) li{ margin-left:0.5rem;}
.m-fang ul a:nth-child(3n) li{ margin-right:0;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-pin{ margin-top:1.75rem; height:39rem; overflow:hidden;}
.m-pin h2{ height:4.375rem; overflow:hidden;}
.m-pin dl{ margin:0.5rem 1.25rem 0; height:3.33rem; background:#ececec; overflow:hidden;}
.m-pin dt{ width:4.95rem; height:3.34rem; overflow:hidden; text-align:center; line-height:3.3rem; font-size:1.08rem; color:#fff; background:#2d2d2d; font-weight:bold; float:left;}
.m-pin dd{ padding:0.25rem 0 0 1.08rem; width:17rem; float:left; line-height:1.33rem; color:#2a2a2a; font-size:1rem;}
.m-pin dd b{ color:#da251d;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-techn{ margin-top:1.8rem; height:20.125rem; overflow:hidden;}
.m-techn h2{ height:4.63rem; overflow:hidden;}
.m-techn p{ line-height:0;}
.m-techn .u-more{ margin-top:1.125rem;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-profe{ margin-top:1.5rem; height:20.125rem; overflow:hidden;}
.m-profe  h2 , .m-serv  h2{ line-height:1.5rem;}
.m-profe  h2 span{ line-height:1.5rem; background:url(/mobile/Images/Index/technology_line.gif) no-repeat center center;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;}
.m-profe dl{ margin-top:1.7rem; height:10rem; overflow:hidden;}
.m-profe dl dt{ width:44.84%; margin-left:1.25rem;}
.m-profe dl dt img{ padding:0.16rem; border:1px solid #e6e6e6;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.m-profe dd { width:46.56%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; padding-right:1.2rem;}
.m-profe dd a{ display:block; padding-right:1rem; line-height:1.58rem; color:#5e5e5e; font-size:1rem;}
.m-profe dd h3{ color:#db261d; font-weight:bold; font-size:1rem; padding-bottom:0.2rem;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-serv{ margin-top:0.5rem; height:15.375rem; overflow:hidden;}
.m-serv  h2 { padding-bottom:0.5rem;}
.m-serv  h2 span{ line-height:1.5rem; background:url(/mobile/Images/Index/coo_line.gif) no-repeat center center;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;	background-size: 100%;}
.m-serv  h3{ margin:0.9rem 11.875%; height:1.9rem; background:#db261d; line-height:1.9rem; text-align:center; font-size:1rem; color:#fff; font-weight:bold;}
.m-serv  a:nth-child(3) h3{ background:#000;}
.m-serv .u-more{ margin-top:2rem;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-about{ margin-top:1.75rem; height:31rem; overflow:hidden;}
.m-about dl{width:83.75%; margin:1rem auto 0;}
.m-about dd a{ font-size:1rem; color:#5e5e5e; padding:1rem 0; display:block; }

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-news{ height:10rem; overflow:hidden; position:relative; margin:0 1.25rem ; background:#f9f9f9;}
.m-news span{ display:block; position:absolute; top:0; right:0; padding-right:1rem;height:2rem;  font:1rem Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; z-index:3;line-height:2rem;}
.m-news .m-cnt{ height:2rem; position:relative; overflow:hidden; background:#989898;}
.m-news .m-cnt li{ float:left; height:2rem; color:#fff; font-size:1rem; width:25%; line-height:2rem; text-align:center;}
.m-news .m-cnt li.z-on{ background:#da251c;}
.m-news .con{ float:left; display:inline; width:100%;}
.m-news .con ul{ margin:0.2rem 0 }
.m-news .con ul li{ font-size:1rem; color:#272727; padding-left:1rem; line-height:1.83rem;}


























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