/*目录*/
nav{ height:10.4em; clear:both;font-size:1em;}
nav a{font-size:1em;width:33.3%;float:left;text-align:center;color:#fff; line-height:150%; height:4.25em; text-align:center; padding:0.63em 0 0;position:relative; border-top:solid 1px #324b5f;background-color:#626262;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#626262), to(#3b3b3b)); 
	background-image: -webkit-linear-gradient(top, #626262, #3b3b3b); 
	background-image: -moz-linear-gradient(top,  #626262, #3b3b3b); 
	background-image: -o-linear-gradient(top,  #626262, #3b3b3b); 
	background-image: -ms-linear-gradient(top, #626262, #3b3b3b); 
	background-image: linear-gradient(top, #626262, #3b3b3b);}
nav a:before{ content:""; position:absolute; width:1px; height:100%; background:#434343; border-left:solid 1px 414141; left:0; top:0;}
nav a em{ width:23.4%; display:block; margin:0 auto;}
nav a em img{ width:100%;display:block;}
nav a:nth-child(1),nav a:nth-child(2),nav a:nth-child(3){border-top:0; border-bottom:solid 1px #414141;}
nav a:nth-child(1){background:url(/mobile/Images/Index/shybg.gif) no-repeat 0 0;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
nav a:nth-child(1):before,nav a:nth-child(4):before{ width:0; height:0; border:0; background:none;}
nav a:hover,nav a:link,nav a:visited,nav a:active{ color:#fff;}

/*广告*/
.g-adv { clear:both;height:12.2em;position:relative; overflow:hidden; font-size:1em;}
.g-adv .sclwrap_box,.g-adv .m-box{ height:12.2em;}
.g-adv .m-box li img,.m-hot dt img{ width:100%;}

/*精品推荐*/
.m-hot{ font-size:1em; border-top:solid 0.625em #d8d8d8; height:31.5em; overflow:hidden; position:relative;}
.m-hot .prev,.m-hot .next{ position:absolute; width:2.3em; height:2.4em; display:block;background:url(/mobile/Images/Index/next.gif) no-repeat 0 0;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%; top:11em; right:3.75%;}
.m-hot .prev{ left:3.75%;transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
.m-hot h2,.m-hot h2 img{ width:100%; display:block;}
.m-hot .nowarp{ width:69%;margin:0 15.5%;}
.m-hot .m-box,.m-hot .sclwrap_box{height:26.3em; overflow:hidden; padding:1em 0 0;}
.m-hot dl{ width:100%; float:left;}
.m-hot dt{ width:100%;display:block;}
.m-hot dt img{width:62%;padding:0 19%;}
.m-hot dd{ width:100%;display:block; padding:0.87em 0 0; line-height:150%; color:#000; text-align:center}
.m-hot dd p{ width:85%;height:4.33em; overflow:hidden}
.m-hot dd span{ width:45%; margin:0 auto;display:block; text-align:center; font-size:1em;line-height:225%; color:#fff; border:solid 0.08em #af251b; border-radius:0.17em;background-color:#d44035;background-image: -webkit-gradient(linear, left top, left bottom, from(#d44035), to(#af251b)); 
	background-image: -webkit-linear-gradient(top, #d44035, #af251b); 
	background-image: -moz-linear-gradient(top,  #d44035, #af251b); 
	background-image: -o-linear-gradient(top,  #d44035, #af251b); 
	background-image: -ms-linear-gradient(top, #d44035, #af251b); 
	background-image: linear-gradient(top, #d44035, #af251b);}

/*产品列表*/
.m-cp{ height:33.8em; overflow:hidden; font-size:1em;}
.til01{ font-size:1.25em; background:#a6a6a6; color:#fff; line-height:244%;height:2.44em; padding:0 4% 0 0; overflow:hidden;}
.til01 li{ padding:0 1em; float:left; white-space:nowrap;}
.til01 li.z-on,.m-dh h2,.dh_c h3{background-color:#0e59af;background-image: -webkit-gradient(linear, left top, left bottom, from(#0e59af), to(#114b8d)); 
	background-image: -webkit-linear-gradient(top, #0e59af, #114b8d); 
	background-image: -moz-linear-gradient(top,  #0e59af, #114b8d); 
	background-image: -o-linear-gradient(top,  #0e59af, #114b8d); 
	background-image: -ms-linear-gradient(top, #0e59af, #114b8d); 
	background-image: linear-gradient(top, #0e59af, #114b8d);}
.til01 a{ color:#fff;}
.more01{ width:1em; height:1em;background:url(/mobile/Images/Index/ico01.gif) no-repeat 0 0;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%; float:right; margin:0.7em 0 0;}
.m-cp .m-box,.m-cp .sclwrap_box{height:30.08em; overflow:hidden; padding:0.79em 0 0;}
.cp_c ul{ display:inline; float:left;}
.cp_c li{ width:35.6%; float:left; margin:0 0 0 11.2%; font-size:0.75em;}
.cp_c li img{ width:99%; border:solid 1px #ddd; display:block;}
.cp_c li span{ display:block; text-align:center; line-height:244%; color:#5c5c5c; font-size:0.75em; overflow:hidden;height:3em;}
.cp_c a:nth-child(2n) li{ margin:0 0 0 5.3%;}
.cp_c a:hover li img{ border:solid 1px #3782c2;}
.cp_c a:hover li span{ color:#1c71ba;}

/*产品导航*/
.m-dh{ font-size:1em; overflow:hidden}
.m-dh h2{ font-size:1em; padding:0.37em 0 0; height:2.63em; text-align:center;}
.m-dh h2 b{ width:38.3%; margin:0 auto; background:#efefef; border:solid 1px #1579c6; color:#1579c6; line-height:208%; display:inline-block;}
.dh_c{ padding:2% 1% 0.5% 3%;}
.dh_c h3{ clear:both;font-size:1em; color:#fff;width:8.04em;height:1.71em; line-height:171%; padding:0 0 0 1.13em; display:block; position:relative; margin:0 0 1.13em;}
.dh_c h3:before{ content:""; position:absolute; left:7.54em; top:0.5em;width:0.63em; height:0.63em;background:url(/mobile/Images/Index/ico04.gif) no-repeat 0 0;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
.dh_c li{ background:#efefef; height:2em; overflow:hidden; border:solid 1px #cecece; width:46%; float:left; font-size:1em; color:#4f4f4f; margin:0 3% 1em 0; position:relative;  line-height:208%;}
.dh_c li:before{ content:""; position:absolute; width:0.13em; height:0.13em; left:0.29em; top:0.95em;}
.dh_c a:hover li{ color:#1c71ba; border:solid 1px #1c71ba;}
.dh_c a:hover li:before{border-top:solid 1px #1c71ba;border-right:solid 1px #1c71ba;}
.dh_c ul:last-child a:last-child li{ width:46%;}

/*解决方案*/
.m-sol{background:url(/mobile/Images/Index/solbg.jpg) no-repeat center 0 #0069b6;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;  font-size:1em; overflow:hidden; height:31.93em; padding:1.67em 0 0; z-index:1; position:relative;}
.m-sol:before{ content:""; position:absolute; width:90%; height:21.3em; background:#fff; top:6.88em; left:5.5%; z-index:0;}
.m-sol h2{ width:90.8%; font-size:1em; margin:0 auto;text-align:center; color:#fff;line-height:192%; height:5.2em;background:url(/mobile/Images/Index/soltbg.gif) no-repeat center 0.92em;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
.m-sol .m-box,.m-sol .sclwrap_box{height:19.4em; overflow:hidden; padding:0.67em 0 0;}
.sol01{ float:left; display:inline;}
.sol01 dl{ width:87%; padding:0 6.5%;}
.sol01 dt{ width:85%;margin:0 auto;}
.sol01 dt img{ width:100%; display:block}
.sol01 dd{ padding:0.88em 0 0; text-align:center}
.sol01 dd h3{ font-size:1em; color:#0e58ae; line-height:150%; height:2.92em; overflow:hidden; white-space:nowrap; overflow:hidden}
.sol01 dd h3 em{ display:block; font-style:normal; font-size:0.6em; color:#999; font-family:Arial; line-height:171%; text-transform:uppercase;}
.sol01 dd p{ font-size:0.83em; line-height:150%;}
.sotil{ position:relative; z-index:2;}
.sotil li{ width:18.8%; height:5.56em; padding:1.55em 0 0;float:left;margin:0 3.1% 0 0;color:#fff; text-align:center;font-weight:bold;background:url(/mobile/Images/Index/solbg2.png) no-repeat center 0;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%; font-size:0.75em; line-height:150%;}
.sotil li.z-on{background:url(/mobile/Images/Index/solbg1.png) no-repeat center 0;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%; }
.sotil li:nth-child(1){ margin-left:8%;}
.sotil li b{ display:block; width:1.56em;border-bottom:solid 0.13em #fff; margin:0 auto; font-size:2em; line-height:105%; font-family:"Times New Roman", Times, serif}

/*案例*/
.m-al{ font-size:1em; height:15.42em; overflow:hidden; position:relative; padding:1.58em 0 0;}
.m-al .prev,.m-al .next{ position:absolute; width:0.96em; height:2.67em; display:block;background:url(/mobile/Images/Index/prev.jpg) no-repeat 0 0;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%; top:7.58em; }
.m-al .next{ right:1.3%;transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
.m-al .prev{left:1.3%;}
.m-al h2{ width:88%; margin:0 auto;display:block; font-weight:bold; font-size:1em; color:#1c71ba;background:url(/mobile/Images/Index/altbg.jpg) no-repeat center 1.42em; height:1.84em;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
.m-al h2 em{ font-weight:normal; font-style:normal; font-size:0.58em; color:#999;}
.m-al h2 span{ float:right; font-weight:normal; color:#666;}
.m-al .nowarp{ width:89.4%;margin:0 5.3%;}
.m-al .m-box,.m-al .sclwrap_box{height:12.33em; overflow:hidden; padding:0.58em 0 0;}
.m-al ul{ width:100%; float:left;}
.m-al li{ width:49%;display:block; float:left}
.m-al a:nth-child(2n) li{ padding:0 0 0 1%;}
.m-al li img{ width:97%;display:block; border:solid 1px #d5d5d5; padding:1%;}
.m-al li span{ line-height:225%;display:block; text-align:center;color:#666;}

/*优势*/
.m-ys{ font-size:1em; height:35.4em; overflow:hidden;}
.m-ys h2{ text-align:center; height:4.67em; font-size:1em; color:#333;}
.m-ys h2 b{ display:block; color:#1c71ba; font-size:1.33em; line-height:144%;}
.m-ys dl{ width:87.5%; margin:0 auto 0.75em; background:#e3e3e3; height:6.7em; font-size:1em;}
.m-ys dt{ width:46.6%; float:left;}
.m-ys dt img{ width:100%}
.m-ys dd{ width:48.7%; float:left; padding:0 0.5em;height:6.7em; overflow:hidden;}
.m-ys dd b{ color:#0f54a3;display:block; text-align:center; border-bottom:solid 1px #bcbcbc; font-size:1em; line-height:200%; white-space:nowrap; overflow:hidden; }
.m-ys dd p{ font-size:0.92em; line-height:136%; padding:0.4em 0 0;}
.m-ys dl:nth-child(5) dt,.m-ys dl:nth-child(4) dt{ float:right; position:relative}
.m-ys dl:nth-child(5) dt img{ position:absolute; top:-0.55em; right:0;}

/*见证 问答*/
.m-jz{height:18.5em;background:#fff;overflow:hidden;font-size:1em;}
.jz01{ position:relative;}
.m-jz .m-box,.m-jz .sclwrap_box{height:14.75em; overflow:hidden; padding:0.44em 0 0;}
.jz01{display:inline; float:left; width:100%;}
.jz01 dl{width:45.6%; height:13.25em; overflow:hidden;float:left; margin:0 0 0 0.9%;background:#e8e8e8; }
.jz01 a:nth-child(2n-1) dl{ margin:0 0 0 3.75%;}
.jz01 dt,.jz01 dt img{width:100%; display:block}
.jz01 dd{ padding:0.42em 8% 0; color:#666}
.jz01 dd b{ display:block; font-size:0.92em; line-height:200%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.jz01 dd p{ font-size:0.73em; line-height:150%;}

.jz01 ul li{width:45.6%; height:13.25em; overflow:hidden;float:left; margin:0 0 0 0.9%; }
.jz01 ul a:nth-child(2n-1) li{ margin:0 0 0 3.75%;}
.jz01 ul li img{width:100%; display:block}
.jz01 ul span{text-align:center; padding:0.42em 8% 0; color:#666;display:block; font-size:0.92em; line-height:200%;background:#e8e8e8;}

/*资讯*/
.m-zx{ font-size:1em; height:16.42em; overflow:hidden}
.m-zx .m-box,.m-zx .sclwrap_box{height:10.8em; overflow:hidden; padding:0.46em 0 0;}
.zx01{ float:left; display:inline;}
.zx01 li{ width:84%; margin:0 5%; padding:0 3%;font-size:0.92em; line-height:186%; height:1.86em; border-bottom:dashed 1px #dbdbdb; white-space:nowrap;text-overflow: ellipsis; color:#666; position:relative}
.zx01 li:before{ content:""; position:absolute; width:0.36em; height:0.36em; left:0; top:0.77em;background:url(/mobile/Images/Index/ico03.gif) no-repeat center 0;-webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;}
.zx01 li span{ float:right;}


@media screen and (min-width:320px) {
	body { font-size:75%;}
}
@media screen and (min-width:360px) {
	body { font-size:87%;}
}
@media screen and (min-width:375px) {
	body { font-size:88%;}
}
@media screen and (min-width:400px) {
	body { font-size:100%;}
}
@media screen and (min-width:480px) {
	body { font-size:112%;}

}
@media screen and (min-width:568px) {
	body { font-size:131%;}

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