/* 

在做手机端web的时候发现css中设置的同样字体大小的两块内容，实际显示的字体大小差异明显！测试后发现字体大小会随着文本块中文本内容数量的变动而变动。网上查阅资料发现是chrome对字体优化导致的，在css中加入如下代码后问题解决：
text-size-adjust: none;-webkit-text-size-adjust: none;
*/
*{padding: 0;margin: 0;text-size-adjust: none;-webkit-text-size-adjust: none; font-family: "思源黑体";}
a{text-decoration: none;outline: none; color: #333;}
img{border: none;outline: none;}
ul,ol,li{list-style: none;}
i{font-style: normal;}
input,select,option{border: 0;outline: none;background: none;}
body{font-family: "微软雅黑"; color: #333;width: 100%;}
.clear { clear: both;}
a:hover {text-decoration: underline;text-decoration: none;}

hr{margin: 0 1rem;color:#ccc;border: none;height: 1px;background-color: #e5e5e5;}
.top{margin-top: 2rem;}

.box{width: 40rem; margin:0 auto;box-sizing: border-box;margin-top: 3rem;padding-bottom: 10rem;background-color: #4286f2;position: relative;}
.cep_img{width: 100%;}
.cep_img img{width: 100%;}

.cep_context1{background-color: #fff;width: 90%;margin: 0 auto;border-radius: 0.5rem;box-sizing: border-box;padding-bottom: 2rem;margin-bottom: 1rem;background-image: url('/m/cep/images/xltj_img0.png');background-repeat: no-repeat;background-position: right top;}
.cep_context2{background-color: #fff;width: 90%;margin: 0 auto;border-radius: 0.5rem;box-sizing: border-box;margin-bottom: 1rem;}

.cep_title{color:#6da5ff;font-weight: bold;font-size: 2rem;text-align: center;line-height: 3rem;padding: 2rem;box-sizing: border-box;}
.cep_title1{color:#424242;font-weight: bold;font-size: 2rem;text-align: center;line-height: 3rem;padding: 2rem 2rem 0rem 2rem;box-sizing: border-box;}

.cep_bgtitle{position: relative;height: 3rem;}
.cep_bgtitle .bgtitle-absolute{height: 3.7rem;width: 13rem;position: absolute;left: -0.6rem;background-image: url('/m/cep/images/iocn-title.png');background-repeat: no-repeat;background-size: 100%;}
.cep_bgtitle .bgtitle-absolute span{font-size: 1.7rem;line-height: 3.2rem;margin-left: 1.3rem;color: #fff;}

.cep_bgtitle2{position: relative;height: 3rem;}
.cep_bgtitle2 .bgtitle-absolute2{height: 3.7rem;width: 18rem;position: absolute;left: -0.67rem;background-image: url('/m/cep/images/iocn-title2.png');background-repeat: no-repeat;background-size: 100%;}
.cep_bgtitle2 .bgtitle-absolute2 span{font-size: 1.7rem;line-height: 3.2rem;margin-left: 1.3rem;color: #fff;}

.cep_bgtitle3{position: relative;height: 3rem;}
.cep_bgtitle3 .bgtitle-absolute3{height: 3.7rem;width: 13rem;position: absolute;left: -0.67rem;background-image: url('/m/cep/images/iocn-title3.png');background-repeat: no-repeat;background-size: 100%;}
.cep_bgtitle3 .bgtitle-absolute3 span{font-size: 1.7rem;line-height: 3.2rem;margin-left: 1.3rem;color: #fff;}

.cep_desc{padding: 2.5rem;box-sizing: border-box;}
.cep_desc p{font-size: 1.6rem;margin-bottom: 0.5rem;color:#000;}
.cep_descBody{display: flex;margin-top: 2rem;}
.cep_descBody .desc_bodyLeft{flex: 1;padding-top: 1rem;color:#000;}
.cep_descBody .desc_bodyLeft span{font-size: 1.6rem;}
.cep_descBody .desc_bodyRight{flex: 1;}
.cep_descBody .desc_bodyRight img{width: 100%;}
.cep_descBox{padding: 1rem 1rem; box-sizing: border-box;margin: 2rem 0;background-color: #6da5ff;font-size: 1.6rem;color:#fff;border-radius: 1.5rem;}


.cep_dimension{background-image: url('/m/cep/images/xltj_img3.png') ;background-repeat: no-repeat;box-sizing: 100%; height: 21rem;width: 58%;margin:auto;background-position-x:center;margin-top:2rem}
.cep_dimension ul{display: flex;}
.cep_dimension ul:nth-child(1){padding-top: 5.5rem;color:#4f85c6;font-size: 1.6rem;}
.cep_dimension ul:nth-child(2){padding-top: 11.5rem;color:#f08300;font-size: 1.6rem;}
.cep_dimension ul li{flex: 1;text-align: center;}
.cep_dimensionDesc {padding:3rem 2rem;box-sizing: border-box;}
.cep_dimensionDesc div{font-size: 1.6rem;margin-bottom: 2rem;color:#424242;}
.cep_dimensionDesc div span{font-size: 1.6rem;color:#4f85c6;font-weight: bold;}



.cep_plate{width: 100%;text-align: center;padding: 0 2rem; box-sizing: border-box;}
.cep_plate img{width: 100%;}
.cep_plateBox{padding:2rem 2rem;box-sizing: border-box;}
.cep_plateBox .cep_plateList{position: relative;padding: 2rem 2rem;box-sizing: border-box;border-radius: 1rem;margin-bottom: 2rem;}
.cep_plateBox .cep_plateList .cep_plateIcon{position: absolute;top:0;left:0;font-size: 1.6rem;padding: 0.5rem 1rem;border-radius: 1rem 0 1rem 0;color:#fff;}
.cep_plateBox .cep_plateList .cep_plateContext{font-size: 1.6rem;margin-top: 2rem;}
.cep_ListBlue{background-color: #d6e6ff;}
.cep_IconBlue{background-color: #4f85c6;}
.cep_ContextBlue{color:#4f85c6;}
.cep_ListOrange{background-color: #fff8f0;}
.cep_IconOrange{background-color: #f08300;}
.cep_ContextOrange{color:#f08300;}

.cep_harvest{background-image: url('/m/cep/images/xltj_img12.png') ;background-repeat: no-repeat;box-sizing: 100%; height: 26rem;width: 75%;margin:auto;background-position-x:center;margin-top: 3rem;}
.cep_harvest ul{display: flex;text-align: center;}
.cep_harvest ul:nth-child(1){padding-top: 7.5rem;}
.cep_harvest ul:nth-child(2){padding-top: 12.5rem;}
.cep_harvest ul li:nth-child(2){flex:0.3;}
.cep_harvest ul li{flex: 1;box-sizing: border-box;color: #4f85c6;font-size: 1.5rem;}

.cep_harvestDesc {padding:3rem 2rem;box-sizing: border-box;}
.cep_harvestDesc div{font-size: 1.6rem;margin-bottom: 1rem;color:#424242;}
.cep_harvestDesc div span{font-size: 1.6rem;color:#4f85c6;}

.cep_harvestBox{padding:3rem 2rem 1rem 2rem;box-sizing: border-box;}
.cep_harvestBoxTitle{color:#4286f2;font-size: 1.8rem;}
.cep_harvestBoxTitle p{display: block;float: left;}
.cep_harvestBoxTitle p img{width: 2rem;height: 2rem;padding-top: 0.25rem;margin-right: 0.5rem;}
.cep_harvestBoxDesc{color:#424242;font-size: 1.6rem;margin-top:1rem;margin-bottom:2rem;}


.cep_crowdBox{padding:3rem 2rem;box-sizing: border-box;}
.cep_crowdBox ul {}
.cep_crowdBox ul li{background-color: #d6e6ff;height: 3.2rem;margin-bottom: 1.5rem;line-height: 3.2rem;border-radius: 3rem;font-size: 1.6rem;color:#4286f2;}
.cep_crowdBox ul li:nth-child(1){width: 60%;}
.cep_crowdBox ul li:nth-child(2){width: 85%;}
.cep_crowdBox ul li:nth-child(3){width: 95%;}
.cep_crowdBox ul li span{display: block;float: left;width: 2.5rem;height: 2.5rem;line-height: 2.5rem;margin-left: 0.5rem;margin-right: 0.7rem;margin-top: 0.34rem;border-radius: 50%;text-align: center;background-color: #4286f2;color:#fff;font-weight: bold;font-size: 1.6rem;}

.cep_remarksBox{padding: 1rem 2rem;box-sizing: border-box;}
.cep_remarksTitle{
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 20px;
    margin-bottom: 2rem;
}
.studio-title{
    margin: 0 0.5rem;
    font-size: 2rem;
    font-weight: 400;
    color:#fff;
}
.studio-title-line-hr {
    width: 2rem;
    height: 0.2rem;
    background: linear-gradient(228deg, #fff, #fff);
}
.cep_remarksDesc{color:#fff;font-size: 1.5rem;line-height: 2.5rem;}
.cep_remarksDesc span{color:#dbe890;}


.cep_button{width: 40rem;position: fixed;bottom: 6rem; left: 0;right:0;margin: 0 auto;}
.cep_button a{display: block;text-align: center;width: 90%;height: 1rem;margin:auto;}
.cep_button a img{width: 100%;}


/*header 顶部导航 开始*/
.header{width: 40rem;height: 4rem;line-height: 4rem;position:fixed;left:0;right:0;top:0;margin: 0 auto;z-index: 99999;background-color: #fff;text-align: center;}
.header a{font-size: 1.6rem;font-family: "微软雅黑" !important;}
.header .h-back {
    position: absolute;
    left: 0rem;
    width: 4rem;
    text-decoration: none;
}
/*header 顶部导航结束*/