body{background-color:#F7F9FD;}
/*body,html{height:100%;}*/
.main{width:1120px;padding:50px 0 0;margin:0 auto;box-sizing:border-box;}
.left{width:400px;float: left;}
.left img{width:100%;}
.right{float:left;width:680px;margin-left:40px;}
.pc_icon{width:80px;margin-right:20px;}
.ctitle{font-size:46px;font-weight:900;color:#00272A;line-height:52px;margin-top:3px;}
.ctitle2{font-size:16px;color: #AFAFAF;}
.fl{float:left;}
.desc{padding:20px 0 30px 0;}
.ptitle{margin-bottom:5px;color:#494949;}
p{color:#9c9c9c;line-height:24px;font-size:17px;}
p span{color:#494949;}
.buttona{height:50px;line-height:50px;border-radius:41px;border:1px solid rgba(47,165,178,1);display:inline-block;text-align:center;color:#2FA5B2;font-size:18px;}
.button1{width:144px;}
.button1 img,.button2 img,.button3 img{vertical-align:-8px;margin-right:10px;height:30px;}
.button2,.button3{width:200px;}
.cduan{color:#9A9A9A;margin-top:20px;}
.cleft{width:460px;overflow:hidden;margin-right:40px;}
.ctext{overflow:hidden;white-space:nowrap;}
.copy{color:#2792FF;cursor:pointer;}
.bubox{margin-top:20px;position:relative;}
.phone{display:none;}
.pc{display:inline-block;}

@media screen and (max-width: 1120px) and (min-width:981px){
    .main{width:980px;}
    .left{width:350px;}
    .right{width:570px;margin-left:30px;}
    .pc_icon{width:76px;margin-right:10px;}
    .ctitle{font-size:36px;font-weight:900;color:#00272A;line-height:50px;}
    .ctitle2{font-size:18px;color: #AFAFAF;}
    .bubox{margin-top:10px;}
    .buttona{line-height:40px;height:40px;}
    .button1{width:130px;}
    .button2,.button3{width:180px;}
}
@media screen and (max-width: 980px) and (min-width:640px){
    .main{width:640px;}
    .left{width:240px;}
    .right{width:370px;margin-left:30px;}
    .pc_icon{width:76px;margin-right:10px;}
    .ctitle{font-size:36px;font-weight:900;color:#00272A;line-height:50px;}
    .ctitle2{font-size:18px;color: #AFAFAF;}
    .bubox{margin-top:10px;}
    .buttona{line-height:40px;height:40px;}
    .button1{width:130px;}
    .cleft{width:auto;white-space:normal;}
    .button2,.button3{width:180px;}
}
@media screen and (max-width: 640px) and (min-width:415px){
    .main{width:100%;}
    .left{display:none}
    p{line-height:20px;}
    .right{float:none;width:auto;margin-left:0;margin-right:0;}
    .mgr{margin-left:30px;margin-right:30px;}
    .pc_icon{width:76px;margin-right:10px;}
    .ctitle{font-size:36px;font-weight:900;color:#00272A;line-height:50px;}
    .ctitle2{font-size:14px;color: #AFAFAF;}
    .bubox{margin-top:10px;}
    .buttona{line-height:50px;height:50px;}
    .button1{width:130px;}
    .cleft{width:auto;white-space:normal;display:none;}
    .button1,.button2,.button3{margin-top:20px;}
    .pbubox{background:url(../img/bg_png@2x.png) no-repeat top right;padding:100px 50px 40px;box-sizing:border-box;}
    .bubox{max-width:490px;margin:0 auto;}
    .button2, .button3{width:auto;display:block;color:#fff;}
    .buboxflex{display: flex;}
    .cduan,.button1{flex:1;}
    .buboxflex .cduan{margin-top:0;margin-left:10px;}
    .cduan .fl{float:none;}
    .cduan .copy,.button1{display:block;color:#fff;}
    .button1{width:auto;}
    .copy{border-radius:41px;border:1px solid #fff;display:inline-block;text-align:center;line-height:50px;}
    .buttona{border-color:#fff;}
    .cduan2,.pc{display:none;}
    .phone{display:inline-block;}
    /*.fphone{display:block;position:absolute;right:0;bottom:0;font-size:12px;}*/
    .fphone .cleft{display:block;margin-right:20px;color:#fff;}
    /*.bubox{display:none;}*/
}
@media screen and (max-width: 414px){
    .desc{padding-bottom:10px;}
    .main{width:100%;padding-top:20px;}
    .left{display:none}
    p{line-height:20px;}
    .right{float:none;width:auto;margin-left:0;margin-right:0;}
    .mgr{margin-left:20px;margin-right:20px;}
    .pc_icon{width:50px;margin-right:5px;}
    .ctitle{font-size:30px;font-weight:900;color:#00272A;line-height:34px;}
    .ctitle2{font-size:12px;color: #AFAFAF;}
    .bubox{margin-top:10px;}
    .buttona{line-height:50px;height:50px;}
    .button1{width:130px;}
    .cleft{width:auto;white-space:normal;display:none;}
    .button1,.button2,.button3{margin-top:20px;}
    .pbubox{background:url(../img/bg_png@2x.png) no-repeat top right;padding:100px 50px 60px;box-sizing:border-box;}
    .bubox{max-width:490px;margin:0 auto;}
    .button2, .button3{width:auto;display:block;color:#fff;}
    .buboxflex{display: flex;}
    .cduan,.button1{flex:1;}
    .buboxflex .cduan{margin-top:0;margin-left:10px;}
    /*.cduan .fl{float:none;}*/
    .cduan .copy,.button1{display:block;color:#fff;}
    .button1{width:auto;}
    .copy{border-radius:41px;border:1px solid #fff;display:inline-block;text-align:center;line-height:50px;}
    .buttona{border-color:#fff;}
    .cduan2,.pc{display:none;}
    .phone{display:inline-block;}
    .pc_icon{margin-bottom:10px;}
    /*.cduan1 .cleft{display:block;transform:translate(-1000px,0);position:absolute;}*/
    .fphone{display:block;position:absolute;right:0;bottom:0;font-size:12px;}
    .fphone .cleft{display:block;margin-right:20px;color:#fff;}
    /*.bubox{display:none;}*/
}