.warp{ margin:0 auto; width:100%; min-width:320px; max-width:750px; padding-bottom: 1.35rem;}

.logo{ padding: 0.2rem 0 0.2rem 0.3rem;}
.logo img{ width: 2.34rem; height: 0.8rem;}

.banner{ width: 100%; height: 4.2rem; background: url(../images/banner.jpg) center no-repeat; background-size: 100% 100%; overflow: hidden;}
.banner .bannerTitle{ font-weight: bold; color: #fff; font-size: 0.7rem; line-height: 0.7rem; padding-left: 0.35rem; margin-top: 0.98rem;}
.banner .bannerTitle span{ font-size: 0.58rem;}
.banner .bannerText{ font-size: 0.26rem; color: #fff; line-height: 0.46rem; padding-left: 0.35rem; margin-top: 0.2rem;}

.section{}
.section .caption{ text-align: center; color: #222; font-weight: bold; font-size: 0.4rem; line-height: 0.7rem; position: relative;}
.section .caption.bold{ font-weight: bold;}
.section .caption span{ color: #00aeef;}
.section .caption:after{ content: ""; display: block; width: 3rem; height: 0.04rem; background: #eee; position: absolute; left: 50%; margin-left: -1.5rem; bottom: 0;}
.section .caption:before{ content: ""; display: block; width: 0.4rem; height: 0.2rem; background: url(../images/caption_icon.png) center no-repeat; background-size: 100% 100%; position: absolute; left: 50%; margin-left: -0.2rem; bottom: -0.16rem; z-index: 9;}

.section1{ overflow: hidden; padding-bottom: 0.6rem; box-shadow: 0 0 10px #aaa;}
.section1 .caption{ margin-top: 0.21rem;}
.section1 .cmaMeaning{ overflow: hidden; padding: 0 0.4rem; margin-top: 0.4rem;}
.section1 .cmaMeaning .img{ float: left; width: 2.1rem; height: 1.8rem; margin-right: 0.2rem;}
.section1 .cmaMeaning .img img{ width: 100%; height: 100%;}
.section1 .cmaMeaning .txt{ font-size: 0.26rem; color: #666; text-indent: 2em; line-height: 0.32rem; margin-top: 0.17rem; text-align: justify;}
.section1 .reasonList{ margin-top: 0.65rem;}
.section1 .reasonItem{ height: 1.9rem; padding: 0 0.4rem;}
.section1 .reasonItem.gray{ background: #f3f5f7;}
.section1 .reasonItem.wihite{ background: #fff;}
.section1 .reasonItem .reasonIcon{ width: 1.6rem; height: 1.6rem; float: left; margin: 0.15rem 0.2rem; position: relative; z-index: 1;}
.section1 .reasonItem .reasonIcon:after{ content: ""; display: block; width: 0.5rem; height: 0.8rem; background: url(../images/link.png) center no-repeat; background-size: 100% 100%; position: absolute; left: 50%; margin-left: -0.25rem; bottom: -0.55rem; z-index: -1;}
.section1 .reasonItem:last-child .reasonIcon:after{ display: none;}
.section1 .reasonItem .reasonIcon img{ width: 100%; height: 100%;}
.section1 .reasonItem .reasonText{ padding-top: 0.2rem;}
.section1 .reasonItem .reasonText h2{ font-size: 0.28rem; line-height: 0.38rem; color: #00aeef; margin-bottom: 0.15rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.section1 .reasonItem .reasonText p{ font-size: 0.24rem; color: #666666; line-height: 0.34rem;}
.section1 .btn{ width: 5.2rem; height: 0.8rem; margin: 0.4rem auto 0; background: #1c71c1; border-radius: 0.4rem;}
.section1 .btn a{ display: block; font-size: 0.3rem; color: #fff; text-decoration: none; line-height: 0.8rem; text-align: center;}

.section2{ margin-top: 0.2rem; box-shadow: 0 0 10px #aaa; padding-bottom: 0.6rem; overflow: hidden;}
.section2 .caption{ margin-top: 0.25rem;}
.section2 .guideList{ padding: 0 0.4rem; margin-top: 0.74rem;}
.section2 .guideItem{ border: 1px solid #eaeaea; border-radius: 0.1rem; margin-bottom: 0.56rem; position: relative;}
.section2 .guideItem .itemTitle{ position: absolute; width: 1.8rem; height: 0.6rem; line-height: 0.6rem; text-align: center; background: url(../images/2-1.png) center no-repeat; background-size: 100% 100%; color: #fff; font-size: 0.32rem; left: 0.2rem; top: -0.3rem;}
.section2 .guideItem .guideSummary{ background: #f3f5f7; padding: 0.55rem 0.2rem 0.15rem;}
.section2 .guideItem .guideSummary .title{ font-size: 0.28rem; line-height: 0.42rem; color: #222;}
.section2 .guideItem .guideSummary .content{ font-size: 0.28rem; line-height: 0.42rem; text-indent: 2em; color: #666;}
.section2 .guideItem .question{ padding: 0.15rem 0 0.35rem 0.7rem;}
.section2 .guideItem .questionTitle{ font-size: 0.28rem; line-height: 0.42rem; color: #2bb2f1;}
.section2 .guideItem .questionP{ font-size: 0.28rem; line-height: 0.42rem; color: #fc0606;}
.section2 .btn{ width: 5.2rem; height: 0.8rem; margin: 0.6rem auto 0; background: #1c71c1; border-radius: 0.4rem;}
.section2 .btn a{ display: block; font-size: 0.3rem; color: #fff; text-decoration: none; line-height: 0.8rem; text-align: center;}

.section3{ margin-top: 0.2rem; box-shadow: 0 0 10px #aaa; border-bottom: 0.6rem solid #f3f5f7; position: relative; overflow: hidden;}
.section3:after{ content: ""; display: block; width: 100%; height: 2.78rem; background: url(../images/bj1.jpg) center no-repeat; background-size: 100% 100%; position: absolute; bottom: 0; left: 0; z-index: -1;}
.section3 .caption{ margin-top: 0.25rem;}
.section3 .benefitList{ padding: 0 0.4rem; margin-top: 0.36rem;}
.section3 .benefitItem{ border: 1px solid #eaeaea; border-radius: 0.08rem; overflow: hidden; margin-bottom: 0.2rem; background: #fff;}
.section3 .benefitItem .itemImg img{ width: 100%; height: auto;}
.section3 .benefitItem .iteminfor{ padding: 0.18rem;}
.section3 .benefitItem .itemTitle{ font-size: 0.32rem; line-height: 0.4rem; color: #222;}
.section3 .benefitItem .itemText{ font-size: 0.28rem; line-height: 0.36rem; margin-top: 0.1rem;}
.section3 .btn{ width: 5.2rem; height: 0.8rem; margin: 0.6rem auto 0; background: #1c71c1; border-radius: 0.4rem;}
.section3 .btn a{ display: block; font-size: 0.3rem; color: #fff; text-decoration: none; line-height: 0.8rem; text-align: center;}

.section4{ overflow: hidden; position: relative; border-bottom: 0.6rem solid #f3f5f7;}
.section4:after{ content: ""; display: block; width: 100%; height: 2.85rem; background: url(../images/bj2.jpg) center no-repeat; background-size: 100% 100%; position: absolute; bottom: 0; left: 0; z-index: -1;}
.section4 .caption{ margin-top: 0.36rem;}
.section4 .summary{ width: 6.3rem; margin: 0 auto; font-size: 0.28rem; line-height: 0.36rem; color: #666; text-indent: 2em; margin-top: 0.72rem; position: relative;}
.section4 .summary:before{ content: ""; display: block; width: 0.36rem; height: 0.34rem; background: url(../images/quoteL.png) center no-repeat; background-size: 100% 100%; position: absolute; left: 0; top: -0.1rem;}
.section4 .summary:after{ content: ""; display: block; width: 0.36rem; height: 0.34rem; background: url(../images/quoteR.png) center no-repeat; background-size: 100% 100%; position: absolute; right: 0; bottom: -0.1rem;}
.section4 .service{ margin-top: 0.5rem;}
.section4 .serviceList{ overflow: hidden;}
.section4 .serviceItem{ width: 48%; margin: 0 1%; border: 1px solid #eaeaea; border-radius: 3px; box-sizing: border-box; float: left; display: flex; padding: 0.1rem; align-items: center; justify-content: space-around; margin-bottom: 1%; background: #fff;}
.section4 .serviceItem .serviceImg{ width: 28%; margin-right: 2%;}
.section4 .serviceItem .serviceImg img{ width: 100%; height: auto;}
.section4 .serviceItem .serviceTxt{ width: 70%;}
.section4 .serviceItem .serviceTxt p{ font-size: 0.26rem; color: #666; line-height: 0.3rem; text-align: justify;}
.section4 .serviceItem .serviceTxt p span{ color: #1c71c1;}
.section4 .serviceItem .serviceTxt .link{ display: block; width: 2.2rem; height: 0.5rem; box-sizing: border-box; border: 1px solid #2bb2f1; font-size: 0.28rem; text-align: center; line-height: 0.5rem; color: #2bb2f1; text-decoration: none; margin-top: 0.1rem;}
.section4 .btn{ width: 5.2rem; height: 0.8rem; margin: 0.6rem auto 0; background: #1c71c1; border-radius: 0.4rem;}
.section4 .btn a{ display: block; font-size: 0.3rem; color: #fff; text-decoration: none; line-height: 0.8rem; text-align: center;}

.section5{ overflow: hidden; position: relative; border-bottom: 0.6rem solid #f3f5f7;}
.section5:after{ content: ""; display: block; width: 100%; height: 2.78rem; background: url(../images/bj1.jpg) center no-repeat; background-size: 100% 100%; position: absolute; bottom: 0; left: 0; z-index: -1;}
.section5 .caption{ margin-top: 0.36rem;}
.section5 .form{ width: 5.18rem; margin: 0.4rem auto 0;}
.section5 .form .inputBox{ border: 1px solid #f0f0f0; background: #fff; border-radius: 0.08rem; padding: 0 0.38rem;}
.section5 .formCtrl{ border-bottom: 1px solid #f0f0f0; padding: 0.2rem 0;}
.section5 .formCtrl input{ width: 100%; border: none; font-size: 0.28rem; color: #999; height: 0.6rem; line-height: 0.6rem; padding: 0; outline: none;}
.section5 .submit{ margin-top: 0.4rem;}
.section5 .submit input{ width: 100%; height: 0.8rem; line-height: 0.8rem; text-align: center; color: #fff; background: #1c71c1; font-size: 0.3rem; border-radius: 0.4rem; outline: none; appearance: none; -webkit-appearance: none;}

.footer{ height: 1rem; background: #495054; text-align: center; line-height: 1rem;}
.footer img{ width: 5.6rem; height: 0.64rem; vertical-align: middle;}




/*头部咨询样式*/
.top_tips{position:fixed;top:0;z-index:9999;width:100%;height:50px;line-height:50px;background:#000;color:#fff;box-shadow:0 0 10px rgba(10,2,4,.75);}
.top_tips span{ float: left; width:40px; height:40px; background:url(http://wap.cma.gaodun.cn/images/iconAll.png) 0 -231px no-repeat; border-radius:5px; margin:5px}
.top_tips ul { float: left; }
.top_tips ul li { height: 20px; line-height: 20px; font-size: 12px !important;}
.top_tips ul li:nth-child(1) { margin-top: 5px; }

/*底部样式*/
.fixed{ background:#0A99DB; position:fixed; bottom:0; left:0; width:100%; z-index: 99999;}
.fixed .fixed-cont{ width:96%; margin:0 auto; padding:0.06rem 0}
.fixed .fixed-cont a{ float:left; width:25%; text-align:center; text-decoration:none}
.fixed .fixed-cont a img{ width:40%}
.fixed .fixed-cont a span{ display:block; font-size:0.32rem; color:#fefefe; line-height:0.5rem}

@media screen and (max-width:414px){
	.top_tips{ font-size:16px; }
}
@media screen and (max-width:375px){
	.top_tips{ font-size:14px; }
}
@media screen and (max-width:320px){
	.top_tips{ font-size:12px; }
}