﻿.wrap { background:#fff;}	
.wrap img { width:100%;}
.pr { position:relative;}
.pa { position:absolute;}
.m-cnt:after,.c-list:after,.m-box:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

@media screen and (min-width:320px) {html { font-size:75%;}}
@media screen and (min-width:360px) {html { font-size:83%;}}
@media screen and (min-width:375px) {html { font-size:88%;}}
@media screen and (min-width:393px) {html { font-size:92%;}}
@media screen and (min-width:400px) {html { font-size:93%;}}
@media screen and (min-width:412px) {html { font-size:94%;}}
@media screen and (min-width:414px) {html { font-size:95%;}}
@media screen and (min-width:480px) {html { font-size:112%;}}
@media screen and (min-width:568px) {html { font-size:131%;}}
@media screen and (min-width:639px) {html { font-size:150%;}}

/*通栏广告*/
.g-adv{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15;}

.g-adv .sclwrap_box{ height:28.33rem;}
.g-adv .m-box img{ display:block;position: relative;width:100%; height: auto; }

/*导航样式*/
.g-nav { position:relative; clear:both; padding:1.55rem 0 0; height:7rem;}
.g-nav a { float:left; width:25%; text-align:center; display:block; color:#000; }
.g-nav a img { width:3.58rem; height:3.58rem; display:block; margin:0 auto 0.72rem;}

/*合作客户*/
.g-hz { background:#f4f4f4; height:14.71rem; position:relative;}
.g-hz .m-bt { text-align:center; font-size:1.25rem; display:block; padding:2rem 0 1.5rem;}
.g-hz .m-bt em { display:block; font-family:Arial; font-size:0.58rem; color:#afafaf;}

.g-hz .prev { position:absolute; top:7.25rem; left:1.67rem; width:1.88rem; z-index:999;}
.g-hz .prev img { width:100%;}
.g-hz .next { position:absolute; top:7.25rem; right:1.67rem; width:1.88rem; z-index:999;}
.g-hz .next img { width:100%;}

.g-hz .nowarp { margin:0 3.54rem;}
.g-hz .nowarp .sclwrap_box{ height:7.92rem;}
.g-hz .nowarp .m-box .con { float:left}
.g-hz .nowarp .m-box .con a { display:block; width:9.58rem; text-align:center; float:left;}
.g-hz .nowarp .m-box .con a img { display:block; width:9.5rem; height:4.92rem; border:solid 1px #dbdbdb; }
.g-hz .nowarp .m-box .con a:last-child {  float:right;}
.g-hz .nowarp .m-box .con a em { display:block; font-size:1rem; padding:0.83rem 0 0;}

/*爽风 · 通风降温设备*/
.m-bt01 { text-align:center; padding:2.5rem 0 1rem;}
.m-bt01 a { font-size:1.5rem; color:#000;}
.m-bt01 a em { display:block; font-size:1rem; color:#999; line-height:1.5rem; padding:0.5rem 0 0;}

.m-sbcon { padding-left:0.83rem; height:7.25rem;}
.m-sbcon a { display:block; float:left; width:8.33rem; height:3.17rem; line-height:3.17rem; background:#124a99; color:#fff; margin:0 1px 1px 0;}
.m-sbcon a img { display:block; float:left; width:1.58rem; height:1.25rem; padding:1rem 0.5rem 0 1rem;}
.m-sbcon a:nth-child(2) img { padding:1rem 0 0 0.25rem;}
.m-sbcon a:nth-child(4) { width:12.5rem;}
.m-sbcon a:nth-child(4) img { padding:1rem 0.5rem 0 1.5rem;}
.m-sbcon a:nth-child(5) { width:12.54rem;}
.m-sbcon a:nth-child(5) img { padding:1rem 0.5rem 0 3rem;}

.m-sbpic dl { background: url(/mobile/Images/Index/sb_libg01.jpg) no-repeat; margin:0 0.83rem 0.83rem; height:13.33rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.m-sbpic dl dt { float:right; width:10.75rem; padding:1.33rem 2rem 0 0;}
.m-sbpic dl dd { width:8.75rem; float:left; padding:2.25rem 0 0 3.17rem;}
.m-sbpic dl dd em { display:block; height:3.8rem;}
.m-sbpic dl dd em a { display:block; font-size:1.25rem; color:#000;}
.m-sbpic dl dd span { display:block; color:#5e708a; font-size:0.58rem; height:4rem;}
.m-sbpic dl dd i { display:block; width:4.5rem; height:0.96rem;}
.m-sbpic dl dd i img { width:4.5rem; height:0.96rem;}
.m-sbpic dl:nth-child(1) { background:#8ba5ca;}
.m-sbpic dl:nth-child(1) dd span { color:#5e708a;}
.m-sbpic dl:nth-child(2) dt { width:8.46rem; padding:0.68rem 2.5rem 0 0;}
.m-sbpic dl:nth-child(3) dt { width:11.08rem; padding:2.42rem 1.58rem 0 0;}
.m-sbpic dl:nth-child(4) dt { width:10.92rem; padding:2rem 1.58rem 0 0;}

/*爽风-精研通风降温行业十五年*/
.g-hy .m-bt01 { padding:0.75rem 0 0.75rem;}
.g-hy .m-bt01 a { font-size:1.25rem;}
.g-hy .m-bt01 a em { font-size:1rem; padding:0.2rem 0 0;}
.g-hy dl { margin:0 0.83rem; background:url(/mobile/Images/Index/hy_pic01.jpg) no-repeat; height:9.71rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-hy dl dt { float:left; width:13.13rem; padding:1.33rem 0 0 3rem;}
.g-hy dl dt em a { display:block; font-size:1.25rem; color:#fff;}
.g-hy dl dt em a img { display:block; width:0.96rem; height:1.25rem; float:left; padding:0.2rem 0.83rem 0 0;}
.g-hy dl dt span { display:block; color:#fff; padding: 0.5rem 0; line-height:1.5rem; }
.g-hy dl dt i img { display:block; width:1.5rem; height:0.24rem;}
.g-hy dl dd { float:right; width:5.83rem; height:5.83rem; padding:1.67rem 1.67rem 0 0;}
.g-hy p { margin:0 0.83rem; height:20.63rem;}
.g-hy p a { width:50%; height:9.33rem; background:#cdd8e9; display:block; float:left; color:#000; position:relative;}
.g-hy p a:nth-child(2),.g-hy p a:nth-child(3) { background:#e5ebf4}
.g-hy p a em { display:block; padding:1.25rem 0 0 1rem; font-size:1.25rem; height:1.8rem;}
.g-hy p a em img { display:block; float:left; width:1.33rem; height:1.33rem; padding:0.2rem 0.5rem 0 0;}
.g-hy p a span { padding-left:0.92rem; font-size:1rem; color:#000; display:block;}
.g-hy p a i { display:block; position:absolute; width:4.67rem; height:4.67rem; top:4.2rem; right:0.65rem;}

/*爽风通风降温行业解决方案*/
.g-fa .m-bt01 a em { font-size:1rem; padding:0.2rem 0 0.8rem;}
.m-fabt a { margin:0 0.83rem 0.42rem; height:3rem; background:#124a99; display:block;}
.m-fabt a em { display:block; padding-left:1.67rem; font-size:1rem; color:#fff; line-height:3rem; float:left;}
.m-fabt a i { display:block; float:right; width:1.92rem; height:1.92rem; padding:0.54rem 1.04rem 0 0;}
.m-fabt a i img { width:1.92rem; height:1.92rem;}

.g-fa .m-cnt { display:block; padding:1rem 0 0 11.75rem;}
.g-fa .m-cnt li{ background:#124a99; width:0.5rem; height:0.5rem; float:left; margin:0 0.83rem 0 0;
border-radius:1rem;      
-webkit- border-radius:1rem;
-moz-border-radius:1rem;
-o-border-radius:1rem;}
.g-fa .m-cnt li.z-on{ background:#d0dbeb;}
.g-fa .sclwrap_box{height:16.5rem; overflow:hidden}
.g-fa .con { float:left}
.g-fa .con dl { margin:0 0.83rem;}
.g-fa .con dl dt { float:left; width:15.33rem; height:15.75rem; position:relative;}
.g-fa .con dl dt a em { width:15.33rem; height:1.75rem; line-height:1.75rem; background:rgba(0,0,0,0.6) none repeat scroll !important; filter:Alpha(opacity=60); position:absolute; top:13rem; left:0; font-size:1rem; color:#fff; text-align:center;}
.g-fa .con dl dd { float:right;}
.g-fa .con dl dd a { width:9.04rem; height:7rem; display:block; position:relative; margin-bottom:0.28rem;}
.g-fa .con dl dd a em { width:9.04rem; height:1.75rem; line-height:1.75rem; background:rgba(0,0,0,0.6) none repeat scroll !important; filter:Alpha(opacity=60); position:absolute; top:5.66rem; left:0; font-size:1rem; color:#fff; text-align:center;}
.g-fa .con dl dd a img {height:7.4em;}
/*从一而终，每一步都要体现专业*/
.g-tx .m-bt01 { padding:1.5rem 0 0.75rem;}
.g-tx .m-bt01 a { font-size:1.25rem;}
.g-tx .m-bt01 a em { font-size:0.75rem; padding:0.2rem 0 0;}

.g-tx .m-cnt { display:block; margin:0 0.83rem; padding:1.25rem 0 0;}
.g-tx .m-cnt li { width:100%; height:2.79rem; line-height:2.79rem; border-bottom:solid 2px #e5e5e5; color:#000; font-size:1rem;}
.g-tx .m-cnt li img { display:block; float:right; width:1.17rem; height:0.68rem; padding:1.25rem 0 0;}
.g-tx .m-cnt li.z-on { color:#124a99;}
.g-tx .m-cnt li:nth-child(3) { border:none;}

.g-tx .sclwrap_box{height:14rem; overflow:hidden}
.g-tx .con { float:left}
.g-tx .con a { display:block; width:25rem; height:14rem; margin:0 auto;}

/*关于爽风*/
.g-zj { background:url(/mobile/Images/Index/zj_bg.jpg) no-repeat; height:45.71rem; margin:0.71rem 0 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-zj .m-bt { text-align:center; display:block; padding:2.5rem 0 0; color:#fff; font-size:1.5rem;}
.g-zj .m-bt em { display:block; font-size:1rem; color:#999; padding:0.3rem 0 0;}
.g-zj i { display:block; width:25rem; margin:0.75rem auto;}
.g-zj p { margin:0 0.83rem; height:6.88rem; border-bottom:solid 2px #d0d3d9; margin-bottom:1.25rem;}
.g-zj .nobor { border:none;}
.g-zj p img { display:block; width:4.29rem; height:4.75rem; float:left;}
.g-zj p em { display:block; width:20rem; height:4.75rem; float: right; color:#67696c; line-height:1.5rem; font-size:0.92rem;}

/*企业风采*/
.g-fc { position:relative; height:20.15rem; overflow:hidden;}

.g-fc .c-list { display:block; padding:2.08rem 0 0 5.5rem; height:2.37rem; }
.g-fc .c-list li { float:left; width:7.42rem; font-size:1rem; color:#000; position:relative; padding-left:1.32rem;}
.g-fc .c-list li i { display:block; width:1.08rem; height:1rem; position:absolute; top:0.14rem; left:0;}
.g-fc .c-list li:last-child { width:8rem;}
.g-fc .c-list li i:last-child { display:none;}
.g-fc .c-list li.z-on { color:#034e93;}
.g-fc .c-list li.z-on i { display:block;}

.m-fccon { position:relative;}
.m-fccon .prev { position:absolute; top:4.33rem; left:0.79rem; width:1.88rem; z-index:999;}
.m-fccon .prev img { width:100%;}
.m-fccon .next { position:absolute; top:4.33rem; right:0.79rem; width:1.88rem; z-index:999;}
.m-fccon .next img { width:100%;}

.m-fccon .no_ov { margin:0 0.79rem;}
.m-fccon .sclwrap_box { height:22.7rem;}
.m-fccon .no_ov .m-box .page { position:relative; float:left}
.m-fccon .no_ov .m-box .page a { display:block;width:12.24rem; float:left; text-align:center;}
.m-fccon .no_ov .m-box .page a em { display:block; padding:0.5rem 0 0;}
.m-fccon .no_ov .m-box .page a:last-child { float:right;}


/*资讯中心*/
.g-dt { background:#e5e5e5; height:29.75rem; padding:2rem 0 0;}
.g-dt .m-bt { text-align:center; display:block; font-size:2rem; color:#050505; margin-bottom:1.33rem;}

.g-dt .m-cnt { display:block; height:5.42rem;}
.g-dt .m-cnt li { float:left; width:33.3%; color:#6c6c6c; font-size:1rem;  position:relative; padding:2rem 0 0; text-align:center;}
.g-dt .m-cnt li i { display:block; position: absolute; width:100%; top:0; left:0;}
.g-dt .m-cnt li i img { display:block; width:2rem; height:1.67rem; margin:0 auto 0.5rem;}
.g-dt .m-cnt li i:nth-child(2) { display:none}
.g-dt .m-cnt li:before { position:absolute; content:""; width:2px; height:2.25rem; background:#b7b7b7; top:0.5rem; right:0;}
.g-dt .m-cnt li:last-child:before { width:0;}
.g-dt .m-cnt li.z-on { color:#0066b2;}
.g-dt .m-cnt li.z-on i:nth-child(1) { display: none;}
.g-dt .m-cnt li.z-on i:nth-child(2) { display:block;}

.g-dt .sclwrap_box { height:25.5rem}
.g-dt .con { float:left;}
.g-dt .con p { padding:0 0.83rem; height:8.42rem;}
.g-dt .con p a img { width:12.38rem; height:6.75rem; float:left; display:block;}
.g-dt .con p a span { width:11.67rem; height:6.75rem; float: right; display:block; color:#000; font-size:0.75rem; color:#6d6d6d; line-height:1.25rem;}
.g-dt .con p a span em { display:block; font-size:1rem; color:#000; margin-bottom:1rem;}
.g-dt .con ul { margin:0 0.83rem;}
.g-dt .con ul li { height:3.33rem; line-height:3.33rem; border-top:solid 1px #b7b7b7;}
.g-dt .con ul li a { height:3.33rem; line-height:3.33rem; display:block; color:#000;}
.g-dt .con ul li a em { display:block; float:right; color:#b6b6b6;}