.cover { width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); position: fixed; left: 0; top: 0; z-index: 9999 }
.comtit .pc-com-module-title { padding: 100px 0 68px 0; text-align: center; line-height: 34px; color: #3e444f; font-size: 33px; letter-spacing: 2px }
.comtit .pc-com-module-title2 .tit { padding: 100px 0 24px 0; text-align: center; line-height: 34px; color: #3e444f; font-size: 33px; letter-spacing: 2px }
.comtit .pc-com-module-title2 .cont { max-width: 605px; text-align: center; line-height: 24px; color: #898f9a; font-size: 13px; margin: 0 auto 65px }
.pc-com-module-title { padding: 100px 0 60px 0; text-align: center; line-height: 52px; color: #3e444f; font-size: 34px; letter-spacing: 2px }
.relate-question .qabox { padding: 0 35px; width: 1130px; margin: 0 auto }
.relate-question .qabox li { width: 536px; margin-bottom: 50px }
.relate-question .qabox li .tit { float: left; width: 26px; height: 26px; background: -webkit-gradient(linear, left bottom, right top, from(#42afff), to(#4b4fff)); background: linear-gradient(left bottom, #42afff, #4b4fff); font-size: 14px; line-height: 26px; color: #fff; margin-right: 16px; text-align: center; border-radius: 2px; -webkit-box-shadow: 0 0 5px rgba(112,121,250,0.5); box-shadow: 0 0 5px rgba(112,121,250,0.5) }
.relate-question .qabox li .cont { float: left; width: 485px }
.relate-question .qabox li .ques { margin-bottom: 22px }
.relate-question .qabox li .ques .cont { font-size: 15px; line-height: 26px; color: #3e444f; font-weight: bold }
.relate-question .qabox li .answ { overflow: hidden }
.relate-question .qabox li .answ .tit { background: -webkit-gradient(linear, left bottom, right top, from(#f9d078), to(#ff912e)); background: linear-gradient(left bottom, #f9d078, #ff912e); -webkit-box-shadow: 0 0 5px rgba(252,177,112,0.5); box-shadow: 0 0 5px rgba(252,177,112,0.5); margin-top: 2px }
.relate-question .qabox li .answ .cont { font-size: 16px; line-height: 30px; color: #898f9a; min-height: 90px }
.relate-question .qbtn { display: block; width: 210px; height: 56px; border-radius: 28px; background: #50aaf9; cursor: pointer; text-align: center; line-height: 56px; font-size: 19px; color: #fff; padding: 0; margin: 0; outline: none; border: none; letter-spacing: 1px; background: -webkit-gradient(linear, left top, right top, from(#50aaf9), to(#4d4df3)); background: linear-gradient(left, #50aaf9, #4d4df3); -webkit-box-shadow: 0 0 10px rgba(117,159,248,0.5); box-shadow: 0 0 10px rgba(117,159,248,0.5); margin: 0 auto }
.other-provide { padding-bottom: 120px }
.other-provide .obox { width: 1082px; margin: 0 auto }
.other-provide .obox .item { float: left; width: 160px; height: 160px; margin: 0 10px; background-color: #fff; text-align: center; -webkit-box-shadow: 0 0 20px #f4f4f4; box-shadow: 0 0 20px #f4f4f4 }
.other-provide .obox .item a { display: block; width: 100%; height: 100%; overflow: hidden }
.other-provide .obox .item img { width: 68px; height: 68px; margin-top: 30px; border-radius: 50% }
.other-provide .obox .item p { font-size: 15px; line-height: 54px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.other-provide .obox li.sel { background-color: #fe8fa6 }
.other-provide .obox li:hover a p { color: #fff }
.other-provide .obox li.item1:hover { background-color: #f2b23e }
.other-provide .obox li.item2:hover { background-color: #ef9b78 }
.other-provide .obox li.item3:hover { background-color: #5fc678 }
.other-provide .obox li.item4:hover { background-color: #6799fd }
.other-provide .obox li.item5:hover { background-color: #4ba1f8 }
.other-provide .obox li.item6:hover { background-color: #28a1f8 }
.other-provide .obox li.item7:hover { background-color: #6799fd }
.pagebanner { width: 100%; height: 420px; overflow: hidden }
.pagebanner .pcont { width: 620px; height: 52px; margin: 0 auto 50px; margin-top: 188px; background-color: rgba(255,255,255,0.2); border-radius: 8px; font-size: 19px; line-height: 52px; color: #fff; text-align: center }
.pagebanner .pcont span { display: inline-block; vertical-align: middle; width: 9px; height: 9px; border-radius: 50%; background-color: #04d298; margin: 0 12px }
.pagebanner .formbox { width: 760px; height: 60px; margin: 0 auto; background-color: #fff }
.pagebanner .formbox .fb-l { width: 575px; height: 100% }
.pagebanner .formbox .fb-l .insome { display: inline-block; vertical-align: top; padding-left: 22px; width: 256px; height: 100%; position: relative }
.pagebanner .formbox .fb-l .insome input { width: 100%; vertical-align: top; font-size: 14px; line-height: 60px; color: #333 }
.pagebanner .formbox .fb-l div.hasafter::after { content: ''; width: 1px; height: 22px; background-color: #d2d2d2; position: absolute; right: 0; top: 50%; margin-top: -11px }
.pagebanner .formbox .fb-btn { display: block; width: 180px; height: 60px; border-radius: 0; background: #4facfe; cursor: pointer; line-height: 60px; font-size: 16px; color: #fff; padding: 0; margin: 0; outline: none; border: none; background: -webkit-gradient(linear, left top, right top, from(#4facfe), to(#00f1fe)); background: linear-gradient(left, #4facfe, #00f1fe); text-align: center; letter-spacing: 1px }
.high-define .cbox { width: 958px; margin: 0 auto; padding: 22px 0; border-radius: 3px; background-color: #f4f7fb }
.high-define .cbox .tips { font-size: 15px; line-height: 24px; color: #3e444f; padding: 0 38px; text-align: center }
.high-good .cbox { width: 1201px; margin: 0 auto }
.high-good .cbox .citem { float: left; width: 320px; height: auto; background: #fff; border-radius: 0; margin: 0 40px }
.high-good .cbox .citem { margin-bottom: 62px }
.high-good .cbox .citem img { vertical-align: top; width: 94px; height: 94px; margin-right: 20px }
.high-good .cbox .citem .intro { display: inline-block; vertical-align: top; width: 200px }
.high-good .cbox .citem .intro .tit { font-size: 19px; line-height: 38px; color: #3e444f; margin-bottom: 4px }
.high-good .cbox .citem .intro .cont { font-size: 14px; line-height: 26px; color: #898f9a }
.high-good .cbox .citem2 { margin-bottom: 50px }
.high-good .cbtn { display: block; width: 160px; height: 50px; border-radius: 3px; background: #52aaf9; cursor: pointer; line-height: 50px; font-size: 15px; color: #fff; padding: 0; margin: 0; outline: none; border: none; background: -webkit-gradient(linear, left top, right top, from(#52aaf9), to(#4d50f3)); background: linear-gradient(left, #52aaf9, #4d50f3); text-align: center; letter-spacing: 1px; margin: 0 auto }
.high-cond .cbox { width: 1200px; margin: 0 auto }
.high-cond .cbox .box { width: 460px }
.high-cond .cbox .box .citem { float: left; width: 220px; height: 140px; border-radius: 8px; background-color: #767af8; margin-bottom: 20px }
.high-cond .cbox .box .citem .cont { padding: 38px 34px 0; font-size: 17px; line-height: 30px; color: #fff }
.high-cond .cbox .box .item1 { width: 100% }
.high-cond .cbox .box .item2 { margin-right: 20px; background-color: #f59c3c }
.high-cond .cbox .box .item3 { background-color: #ae69f4 }
.high-cond .cbox .box2 { width: 722px }
.high-cond .cbox .box2 .citem { float: left; width: 98px; margin-left: 82px; text-align: center }
.high-cond .cbox .box2 .citem img { width: 92px; height: 92px; margin-bottom: 20px }
.high-cond .cbox .box2 .citem .tit { font-size: 15px; line-height: 20px; color: #3e444f; white-space: nowrap }
.high-cond .cbox .box2 .item1 { margin-bottom: 38px }
.high-serve { margin-bottom: 108px }
.high-serve .cbox { width: 1209px; margin: 0 auto }
.high-serve .cbox .citem { float: left; width: 286px; height: 286px; background: #fff; border-radius: 0; margin: 0 8px }
.high-serve .cbox .citem { -webkit-box-shadow: 0 0 16px rgba(204,204,204,0.5); box-shadow: 0 0 16px rgba(204,204,204,0.5); text-align: center; overflow: hidden }
.high-serve .cbox .citem img { vertical-align: top; width: 66px; height: 66px; margin-bottom: 30px; margin-top: 30px }
.high-serve .cbox .citem .tit { font-size: 17px; line-height: 20px; color: #333; margin-bottom: 18px }
.high-serve .cbox .citem .cont { font-size: 15px; line-height: 24px; color: #666; padding: 0 34px }
.high-exam { width: 100%; height: 638px; background: #574dda url(../images/rz_58.jpg) no-repeat center; background-size: cover; text-align: center }
.high-exam .pc-com-module-title { color: #fff; padding-bottom: 24px }
.high-exam .tips { width: 588px; margin: 0 auto; font-size: 16px; line-height: 24px; color: #fff; margin-bottom: 32px }
.high-exam .cbox { width: 953px; margin: 0 auto }
.high-exam .cbox .citem { float: left; width: 420px; height: 200px; background: #fff; border-radius: 100px; margin: 0 28px }
.high-exam .cbox { margin-bottom: 30px }
.high-exam .cbox .citem .tit { font-size: 17px; line-height: 20px; color: #333; padding-top: 42px; margin-bottom: 20px; font-weight: bold }
.high-exam .cbox .citem .cont { font-size: 15px; line-height: 20px; color: #666; margin-bottom: 8px }
.high-exam .cbox .item2 { background: -webkit-gradient(linear, left top, right bottom, from(#1ccc80), to(#3dd3af)); background: linear-gradient(top left, #1ccc80, #3dd3af) }
.high-exam .cbox .item2 .tit, .high-exam .cbox .item2 .cont { color: #fff }
.high-exam .cbtn { display: block; width: 160px; height: 50px; border-radius: 3px; background: #4facfe; cursor: pointer; line-height: 50px; font-size: 15px; color: #fff; padding: 0; margin: 0; outline: none; border: none; background: -webkit-gradient(linear, left top, right top, from(#4facfe), to(#00f2fe)); background: linear-gradient(left, #4facfe, #00f2fe); text-align: center; letter-spacing: 1px; margin: 0 auto }
div.relate-question { margin-bottom: 100px }
div.relate-question .qabox li .tit { -webkit-box-shadow: 0 0 12px rgba(69,175,255,0.3); box-shadow: 0 0 12px rgba(69,175,255,0.3) }
div.relate-question .qabox li .answ { overflow: inherit }
div.relate-question .qabox li .answ .tit { -webkit-box-shadow: 0 0 12px rgba(247,202,108,0.3); box-shadow: 0 0 12px rgba(247,202,108,0.3) }
div.relate-question .qbtn { display: block; width: 160px; height: 50px; border-radius: 3px; background: #51abf9; cursor: pointer; text-align: center; line-height: 50px; font-size: 15px; color: #fff; padding: 0; margin: 0; outline: none; border: none; background: -webkit-gradient(linear, left top, right top, from(#51abf9), to(#4d4ff3)); background: linear-gradient(left, #51abf9, #4d4ff3); margin: 0 auto }
div.other-provide { background-color: #f9fafe }
div.other-provide .obox li.item { border-radius: 6px; -webkit-box-shadow: 0 0 16px rgba(197,233,251,0.5); box-shadow: 0 0 16px rgba(197,233,251,0.5) }
div.other-provide .obox li.sel { background-color: #f2b23e }
div.other-provide .obox li.item1:hover { background-color: #f2b23e }
div.other-provide .obox li.item2:hover { background-color: #9b68fd }
div.other-provide .obox li.item3:hover { background-color: #fe8ea4 }
div.other-provide .obox li.item4:hover { background-color: #ef9b78 }
div.other-provide .obox li.item5:hover { background-color: #4ba1f8 }
div.other-provide .obox li.item6:hover { background-color: #28a1f8 }
.nav-right .nav22 a { color: #28a7e1 !important }
@media(max-width:768px){
.pagebanner{ width:90%; padding:0 5%;}
.pagebanner .pcont { width: 90%; height: auto; margin: 0 auto 10% auto; margin-top: 10%; font-size: 15px; line-height: 30px; padding:10px 5%;}
.pagebanner .formbox { width:100%; height: auto; }
.pagebanner .formbox .fb-l { width:100%; height: auto; }
.pagebanner .formbox .fb-l .insome { padding-left: 22px; width: calc(100% - 22px); height: 100%; }
.pagebanner .formbox .fb-btn { display: block; margin:0 auto; width: 180px; height: 60px; line-height: 60px; font-size: 16px; float:none;}
/**/
.high-define .cbox { width: 90%; }
/**/
.high-good .cbox { width:90%;}
.high-good .cbox .citem { float: none; width: 100%; margin: 0 0 30px 0; }
/**/
.high-cond .cbox { width:90%;}
.high-cond .cbox .box { width:100%}
.high-cond .cbox .box .citem { float: left; width: calc((100% - 20px)/2); height: 140px; }
.high-cond .cbox .box .item1{ width:100%;}
.high-cond .cbox .box .citem .cont{ font-size:12px; line-height:1.5em;}
.high-cond .cbox .box2 { width:100%}
.high-cond .cbox .box2 .citem { float: left; width: calc((100% - 30px)/2); margin: 0 30px 30px 0; }
.high-cond .cbox .box2 .citem:nth-child(2n){ margin-right:0}
/**/
.high-serve .cbox { width:90%;}
.high-serve .cbox .citem { float: none; width: 100%; height: 286px; margin: 0; }
/**/
.high-exam{ height:auto;}
.high-exam .tips { width:90%;}
.high-exam .cbox { width:90%;}
.high-exam .cbox .citem { float: none;  width: 100%; height: 200px; border-radius: 100px; margin: 0 ; }
/**/
.relate-question .qabox { padding: 0; width:90%;}
.relate-question .qabox li { width: 100%; margin-bottom: 50px; }
.relate-question .qabox li .cont { float: none;  width: 100%;}
/**/
.other-provide .obox { width:90%;}
.other-provide .obox .item { float: left;  width:calc(50% - 10px); height: 160px; margin: 5px 5px; }
}