@charset "utf-8";
/** * * 商麦app下载 * @authors chengliangzhang@ebnew.com * @date 2013-06-18 13:16:54 * */ /* 公共样式 */ body,button,input,select,textarea{font-family: tahoma,arial,\5b8b\4f53;}
img{max-width: 100%;display: block;} /* 浮动左右, 设置内联, 减少浮动带来的bug */
.fl,.fr{display:inline;}
.fl{float:left;}
.fr{float:right;}
/* 清理浮动 */
.fn-clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.fn-clear{zoom:1; /* for IE6 IE7 */}
/* 字体设置 */
.msyh{/* 微软雅黑，IE6用黑体代替 */font-family: "Microsoft YaHei", SimHei, sans-serif;_font-family: SimHei, sans-serif;}
.bg-gray{background-color: #f7f7f7;}
/* 基础设置-基于PC端 */
.container{width: 100%;}
.layout{width: 980px;margin: 0 auto;}
.bar{background-color: #530201;}
/* .bar .layout{height: 70px;color: #fff;font-size: 1.4em;background-image: url('../images/logo.png');background-attachment: scroll; background-size: auto auto; background-position: 10px; background-repeat: no-repeat; padding-right: 0.5em;} */
/* 2017-9-7 修改头部及修改logo */
.bar{background-color: #fff;}
.bar .layout{height: 70px;color: #414141;font-size: 1.4em;background-image: url('../images/czb-logo.png');background-attachment: scroll; background-size: auto auto; background-position: 10px; background-repeat: no-repeat; padding-right: 0.5em;}
.bar .layout .tel{float: right;font-size: 14px;color: #49556d;line-height: 70px;}
/* 2016-10-28新增客服热线 */
/* .bar .layout .tel{float: right;font-size: 14px;color: #e2e1e1;line-height: 70px;} */
/* 2016-10-28 更改原标题位置 */
.bar .layout p{padding-top: 20px;margin-left: 80px;}
.header{min-height: 510px;padding-bottom: 1.875em;background-image: url('../images/bg_header.png'); background-attachment: scroll; background-size: auto; background-position: 0px 0px; background-repeat: repeat;border-bottom: #c9c9c9 1px solid;background-color: #efefef;color: #fff;}
.header .layout{padding-top: 5em;}
.header .layout .iphone5{text-align: center;}
/*.header .layout .iphone5, .header .layout .download{float: left;width: 50%;}*/
/* 2016-10-28 更改banner中的手机宽度和标题宽度 */
.header .layout .iphone5{float: left;width: 42%;}
.header .layout .download{float: right;width: 56%;position: relative;margin-left: 1.2em;}
.header .layout .download{font-size: 0.875em;line-height: 4.875em;color: #ffebdf;}
.header .layout .download .intro{margin-top: 2.188em;}
/* 2016-10-28改版标题样式 */
.download h1{font-size: 4.875em;font-weight: normal;font-family: "Microsoft YaHei", SimHei, sans-serif;margin-top: 1.16em;}
/* 2016-10-28 新增标题上的必联小标签 */
.download .title-btn{width: 92px;height: 21px;background: url(../images/banner_title_btn.png) no-repeat;position: absolute;top: 3.3em;left: 1.8em;}
.download h1 p{text-align: center;}
.download h1 .titles{padding-top: 0.2em;}
.download .intro .border-hr{width: 100%;height: 1px;background: #fff;}
.download .intro .msg{color: #fff;text-align: center;font-size: 1.16em;}
.downloadBtn a.iphoneBtn{margin: 0 auto;background: url(../images/iphoneBtn.png) no-repeat;}
.downloadBtn a:hover.iphoneBtn{margin: 0 auto;background: url(../images/iphoneBtn_hover.png) no-repeat;}
.downloadBtn a.androidBtn{margin: 0.8em auto 0 auto;background: url(../images/androidBtn.png) no-repeat;}
.downloadBtn a:hover.androidBtn{margin: 0.8em auto 0 auto;background: url(../images/androidBtn_hover.png) no-repeat;}
.downloadBtn .btn{margin-top: 1.2em;float: left;text-align: center;font-size: 1em;}
.downloadBtn .scanCode{margin-top: 1.2em;float: right;text-align: center;font-size: 1em;margin-right: 2em;}
.downloadBtn .scanCode{width: 145px;}
.downloadBtn .btn p, .downloadBtn .scanCode p{margin-top: 0.938em;}
/* 2016-10-28更改btn的width180为230 */
.downloadBtn .btn a{display: block;width: 230px;height: 58px;text-align: center;}
.downloadBtn .btn{margin:0px auto; margin-top: 1.2em;}
.intro{}
.intro li{line-height: 45px;list-style: none;margin-bottom: 0.5em;padding-left: 50px;background-image: url(../images/icon_intro.png); background-repeat: no-repeat;}
.introOne{background-position: 0 5px;}
.introTwo{background-position: 0 -92px;}
.introThree{background-position: 0 -192px;}
.introFour{background-position: 0 -295px;}
.intro h1{font-weight: normal;font-size: 1.1em;}
.content{border-bottom: #c9c9c9 0px solid;}
.layout .pic{width: 50%;}
.layout .text{width: 50%;}
.content .percent1 .pic{padding-top: 5em;padding-bottom:3em;}
.percent1 .pic{width: 50%;}
.content .percent1 .text{width: 50%;padding-top: 10em;}
.percent2 .pic{width: 53%;}
.percent2 .text{width: 47%;}
.percent2 .text h1{padding-left: 4.4em;}
.percent2 .text p{padding-left: 8em;}
.content .percent2 .text{padding-top: 10em;}
.content .percent3 .pic{padding-top: 4em;padding-bottom:0em;}
.content .percent4 .pic{padding-top: 7em;padding-bottom:0em;}
.content .percent3 .pic img{display: block;margin:0px auto;}
.content .percent3 .text{padding-top: 12em;}
.content .percent4 .pic{width: 52%;}
.content .percent4 .text{width: 48%;}
.percent4 .text h1{padding-left: 4.4em;}
.percent4 .text p{padding-left: 8em;}
.content .percent4 .text{padding-top: 12em;}
/* 2016-10-28 更改每个块的padding值2.5位4.5 */
.content .pic{padding: 5em 0;}
.content .text{padding-top: 9em;margin-bottom: 0.5em;}
.content .text h1{font-weight: normal;font-size: 1.8em;color: #444;margin-bottom: 0.5em;}
.content .text p{font-size: 1em;color: #6c6c6c;line-height: 1.875em;}
/* 2016-10-28 更改页脚样式 */
.footer{background: #41474f;}
.footer .layout{text-align: center;font-size: 0.750em;color: #989898;padding: 3em 2.5em;line-height: 1.7em;}
/* 2016-10-28 新增页脚文字样式 */
.footer .layout p{color: #fff;}
.footer .layout p span{color:#fff;}
.footer .layout a{color: #888;text-decoration: none;}
.footer .layout a:visited{color: #888;text-decoration: underline;}
.footer .layout a:hover{color: #000;}
#weixin{display: none;margin-top: 10px;text-align: center;}
#weixin span{text-align: center;}
#weixin img{display: inline;vertical-align: middle;}
.content .layout a{color: #0041c5;text-decoration: underline;}
.content .layout a:visited{color: #0041c5;text-decoration: underline;}
.content .layout a:visited{color: #0041c5;text-decoration: underline;}
/*媒体查询*/
@media screen and (max-width:970px){.layout{width: 80%;}.header .layout .iphone5, .header .layout .download{float: none;width: 80%;margin: 0 auto;}.header .layout .download{padding-top: 2em;}.content .pic, .content .text{float: none;width: 100%;margin: 1.563em;}.content .text{padding-top: 0;}.content .layout{width: 80%;}.content .mic .pic{padding-bottom: 2.5em;}#weixin{display: block;}
}
@media screen and (max-width:970px){.header .download h1{font-size: 4em;}.header .layout .download{margin:0px auto;clear: both;}.content .text h1,.content .text p{text-align: center;margin-left: 0px;}.percent4 .text h1,.percent4 .text p,.percent2 .text h1,.percent2 .text p{padding-left: 0;text-align: center;}#header .layout .download{line-height: 4.2em;}
}
@media screen and (max-width:720px){.download .intro .msg{padding-top: 2em;line-height: 1.6em;}.header .downloadBtn a.iphoneBtn{margin: 0 auto;}.header .downloadBtn a:hover.iphoneBtn{margin: 0 auto;}.header .downloadBtn a.androidBtn{margin: 0 auto;margin-top: 1em;}.header .downloadBtn a:hover.androidBtn{margin: 0 auto;margin-top: 1em;}.layout .tel span{display: block;}.bar .layout .tel{line-height: 30px;}
}
@media screen and (max-width:640px){.layout{width: 100%;}.download .intro .msg{line-height: 1.4em;}#header .layout{padding-top: 1.9em;}
}
@media screen and (max-width:480px){body{font-size: 12px;}.downloadBtn .btn, .downloadBtn .scanCode{margin: 1.188em auto 0 auto;float: none;text-align: center;font-size: 1.250em;}
/*.bar .layout .tel{height: 1.2em; line-height: 1.2em; width: 38%;margin-top: 1.3em;}*/}
@media screen and (max-width:430px){body{font-size: 14px;}.bar .layout{background-size: 12% auto;font-size: 1.2em;}.header .download h1{font-size: 3em;}.bar .layout p{padding-top: 26px; margin-left: 70px;}
}
@media screen and (max-width:360px){.bar .layout{font-size: 1em;}
}
@media screen and (max-width:320px){.bar .layout{background-size: 13% auto;/*text-align: right;*/font-size: 1.2em;}/*.bar .layout p{margin-left: 0;}*/.content .layout{padding-top: 25px;}.intro li{line-height: 25px;}.header .download h1{font-size: 2.5em;}#weixin{line-height: 2.5em;}
}
@media screen and (max-width:300px){.bar .layout{font-size: 1em;}
}
@media screen and (max-width:240px){.bar .layout{font-size: 0.8em;}.downloadBtn .btn{width: 180px;}.downloadBtn .btn a{width: 180px;height: 45px;background-size: 95%;}
}