*{ margin:0px; padding:0px; font-weight:normal;}
body{ font:12px "Microsoft YaHei","YouYuan","SimSun"; background:#fdf8f6; color:#333; max-width:740px; min-width:320px; margin:0px auto; }
div{ margin:0px auto; overflow:hidden;}
ul,ol,li{ list-style:none;}
img{ border:none; vertical-align: middle;}
a{ text-decoration:none;}
a:link,a:visited{ color:#999;}
a:hover{ color:#999;}
clear{ clear:both;}


header{ width: 100%; height: auto; padding: 2% 0px 2% 0px; border-bottom: 3px solid #ff4444;}
header img{ width: 70%; margin-left: 1%;}
.banner{ width: 100%; position: relative; background: #f2f2f2;}
.banner img{ width: 100%;}
.banner dl{ width: 100%; position: absolute; bottom: 1.4rem; left: 0px; text-align: center;}
.banner dl dt{ font-size: 1.8rem; color: #ff4444; margin: 0.2rem auto; font-weight: bold;}
.banner dl dd{ font-size: 1.8rem; color: #6a6a6a;}

.nav{ width: 100%; background: #f2f2f2; padding: 2% 0px;}
.nav .navLeft{ width: 45%; float: left; margin-left: 1%;}
.nav .navLeft img{ width: 100%;}
.nav .navRight{ width: 45%; float: right; margin-right: 1%; margin-top: 2%;}
.nav .navRight img{ width: 100%;}

.line{ width: 100%; height: 2px; border-top:1px solid #d8d8d8; border-bottom: 1px solid #fff;}
.ewm{ width: 100%; height: auto; background:#f2f2f2; padding: 4% 0px;}
.ewmLeft{ width: 40%; float: left; margin-left: 6%; }
.ewmLeft p{ width: 70%; float: right;}
.ewmLeft p img{ width: 100%;}
.ewmLeft span{ display: block; width: 100%;}
.ewmLeft span img{ width: 100%;}

.ewmRight{ width: 40%; float: right; margin-right: 8%; }
.ewmRight p{ width: 70%; float: right;}
.ewmRight p img{ width: 100%;}
.ewmRight span{ display: block; width: 100%;}
.ewmRight span img{ width: 100%;}

.cplist{ width: 100%; height: auto;}
.cplist h2{ text-align: center; font-size: 1.6rem; margin-top: 4%; margin-bottom: 3%;}

.cplist ul li{ width: 22%; display: inline-block; text-align: center; font-size: 1.4rem; color: #999; line-height: 2rem; margin-left: 1.5%; margin-top: 3%;}
.cplist ul li img{ width: 100%;}




/*线路检测*/
.xljc{ width: 100%; margin-top: 5%;}
.xljc h1{ width: 100%; margin: 0px auto;  color: #000; font-size: 20px; text-align: center}
.xljcBom{ width: 100%; background: #fdf8f6; padding: 5% 0px;}
.xljcBom1{ width: 98%; text-align: center; margin: 2% auto;}
.xljcBom1 p,.xljcBom1 span{ width: 14%; text-align: center; display: inline-block; border-radius: 16px; border: 3px solid #dbdbdb; background: #ffa54d; height: 30px; line-height: 30px; font-size: 14px; color: #fff;}
.xljcBom1 span{ color: #008000; font-size: 14px; width: 16%;}
.xljcBom1 em{ font-style: normal; font-size: 14px; width: 40%; text-align: center; display: inline-block; background: #efefef; border-radius: 16px; border: 1px solid #dbdbdb; height: 30px; line-height: 30px;}

.xljcBom1 strong{ display: inline-block; font-weight: normal; font-size: 14px; width: 22%; text-align: center; background: #fe5757; height: 30px; line-height: 30px; border-radius: 18px; color: #fff;}

.footer{ width: 100%; text-align: center; color: #fff; padding:2% 0px; font-size: 12px; background: #ff4444;}
.footer p{ margin-bottom: 3px;}


@media only screen and (min-width: 1px) and (max-width: 320px) {
    .xljcBom1 p,.xljcBom1 span{ font-size: 12px; width: 13%;}
    .xljcBom1 em{ width: 44%;}
}


@media only screen and (min-width: 641px) and (max-width: 768px) {

    .mainTitleLeft1 dl dt{ font-size: 32px;}
    .mainTitleLeft1 dl dd{ font-size: 30px;}
    .mainTitleRight dt{ font-size: 24px;}
    .mainTitleRight dd{ font-size: 38px;}
    .footer{ font-size: 18px;}



    .xljcBom1 p{  font-size: 20px; height: 40px; line-height: 40px;}
    .xljcBom1 span{ font-size: 20px; height: 40px; line-height: 40px;}
    .xljcBom1 em{  font-size: 20px; height: 40px; line-height: 40px;}

    .xljcBom1 strong{ font-size: 20px; height: 40px; line-height: 40px; color: #fff;}


}