.pagewidth {max-width: 980px; margin: 0 auto 20px; position: relative;}

/* dc kv */
.dckv {background: url(/uploads/image/mc2limages/kv_bg.jpg) no-repeat 50% 0; height: 480px;}
.dckv  .pagewidth {height: 480px; position: relative; overflow: hidden;}
.dc_phone {max-width: 100%; height: auto; position: absolute; bottom: 0; left: 5%; max-width: 35%;}
.dcl {width: 38%; height: 480px;}
.dcr {width: 58%; height: 480px; box-sizing: border-box; padding-top: 0px;}
.dckv h3 {color: #fff; font-size: 26px; font-weight: bold; line-height: 63px; margin-bottom: 20px; padding-top: 88px; padding-left: 42%;}
.dckv h3 img {margin-right: 6px;}
.dckv p {color: #fff; font-size: 18px; line-height: 1.4; margin-bottom: 20px;}

.dckv .btns a {display: inline-block; height: 58px; line-height: 58px; font-size: 21px; color: #fff; margin-right: 24px; margin-bottom: 20px;}
.dckv .btns a em {width: 60px; text-align: center; vertical-align: top; padding-top: 5px; display: inline-block; height: 100%; box-sizing: border-box; margin-right: 5px;}
.dckv .btns a.bluebtn {background: #0797dc; position: relative;}
.dckv .btns a.bluebtn em {background: #058bd5;}
.dckv .btns a span {padding-right: 15px;}
.dckv .btns a.bluebtn a {background: #058bd5;}
.dckv .btns a.greenbtn {background: #60ab3d}
.dckv .btns a.greenbtn em {background: #5ba339;}
.dckv .btns a.greenbtn a {background: #5ba339;}

.dckv .dc_doc {position: absolute; bottom: 35px; right: 3%; }
.dckv .dc_doc a {color: #fff; fon-size: 14px; text-decoration: underline;}
.dckv .dc_doc em {background: url(/uploads/image/mc2limages/dc_doc.png) no-repeat 0 0; display: inline-block; width: 14px; height: 15px; position: relative; top: 2px; margin-right: 5px;}

.qrcode {display: none; background: #fff; text-align: center; padding: 10px 10px 0; position: absolute; left: 0;}
.qrcode img {max-width: 120px; height: auto;}
.qrcode p {color: #333; padding: 0; margin: 0; font-size: 14px;}
/* dc content */
.dccontent {padding: 80px 0 30px;}
.dccl {width: 55%; padding: 0 30px 0 54px; box-sizing: border-box;}
.dccl a {color: #0797dc;}
.dccr {width: 44%;}
.dccr img {max-width: 100%; height: auto;}
.dccontent h2 {font-size: 26px; margin-bottom: 1.2em;}
.dccontent p {font-size: 14px; line-height: 1.6; padding-bottom: 1em;}

@media only screen and (max-width: 767px){
.dckv, .dckv .pagewidth, .dcl, .dcr {height: 330px;}

.dckv h3 { padding-left: 2%; padding-top: 30px; font-size: 22px; margin-bottom: 5px;}
.dckv p {font-size: 13px; line-height: 1.2; padding-right: 3%;}
.dc_phone {left: 3%;}
.dckv .btns a {font-size: 16px; white-space: nowrap; height: 40px; line-height: 40px; margin-bottom: 10px;}
.dckv .btns a em {width: 40px;}
.dckv .btns a em img {width: 24px; height: auto;}
.dckv .dc_doc {bottom: 10px;}

.dccl, .dccr {width: 100%; padding: 0 3%; box-sizing: border-box;}
}