/* index */
.g-title{position:relative;border-bottom:0;width:100%;overflow:hidden;padding-top:30px;padding-bottom:30px;text-align:center}
.g-title .line{height:0;border-top:1px solid #dbdbdb;width:100%;background:#dbdbdb;overflow:auto;margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}
.g-title h2{background:#F4F4F4;color:#252525;padding:0 35px;font-size:20px;font-weight:lighter;position:relative;z-index:9;margin:0 auto;display:inline-block;border-right:1px solid #dbdbdb;border-left:1px solid #dbdbdb}
.g-title h2 span{font-weight:700}
.g-wrapper .slogan p{max-width:660px;margin:0 auto;padding:0 .6em;line-height:32px;text-align:center}
/* internationalPC-banner */
.internationalPC-banner{height:299px;width:100%;background:url(/statics/images/sprite/J-internationalPC-banner.jpg) center center no-repeat}
/* internationalPC-course */
.internationalPC-course{text-align:center}
.internationalPC-course .g-title h2{background:#fff}
.internationalPC-course .g-wrapper .class{padding-top:50px; height: 960px;width:320px;margin-left: auto;margin-right: auto;}
.internationalPC-course .g-wrapper .class ul li{width:100%;background-color: #fff;border:1px solid #E4E4E4;margin-right:auto;margin-left:auto;margin-bottom:25px;padding-bottom:25px}
.internationalPC-course .g-wrapper .class ul li i{display:inline-block;width:80px;background: url(/statics/images/sprite/common-icon.png) center center no-repeat;height:80px;margin:10px 0}
.internationalPC-course .g-wrapper .class ul li h3{color:#de852c;font-size:24px}
.internationalPC-course .g-wrapper .class ul li p{padding: 10px 10px 15px 10px;}
.internationalPC-course .g-wrapper .class ul li a.btn{border:1px solid #E4E4E4;color:#5d5d5d;font-size:22px;line-height:48px;border-radius:6px;width:170px;height:50px;display:inline-block}
.internationalPC-course .g-wrapper .class ul li.c1 i{background-position: 11px -387px;}
.internationalPC-course .g-wrapper .class ul li.c2 i{background-position: -63px -378px;}
.internationalPC-course .g-wrapper .class ul li.c2 h3{color:#27ae62}
.internationalPC-course .g-wrapper .class ul li.c2 p{color:#383838}
.internationalPC-course .g-wrapper .class ul li.c2 a.btn{background-color:#27AE62;color:#fff}
.internationalPC-course .g-wrapper .class ul li.c3 i{background-position: -132px -385px;}
@media (min-width:768px){.internationalPC-course .g-wrapper .class{width:768px;position:relative;height:325px}
.internationalPC-course .g-wrapper .class ul li{float:left;position:absolute}
.internationalPC-course .g-wrapper .class ul li.c1{left:0;width:254px}
.internationalPC-course .g-wrapper .class ul li.c2{box-shadow:3px 3px 8px #AFAFAF;border-top:8px solid #27AE62;border-top-left-radius:5px;border-top-right-radius:5px;width:270px;left:50%;height:260px;margin-top:-28px;margin-left:-136px;z-index:100}
.internationalPC-course .g-wrapper .class ul li.c3{right:0;width:254px}
}
@media (min-width:990px){.internationalPC-course .g-wrapper .class{width:980px;padding-top:80px}
.internationalPC-course .g-wrapper .class ul li.c1{width:323px}
.internationalPC-course .g-wrapper .class ul li.c2{width:341px;margin-left:-172px;margin-top:-32px}
.internationalPC-course .g-wrapper .class ul li.c3{width:323px}
}

/* internationalPC-forHighSchool */
.internationalPC-forHighSchool{padding-bottom:50px;background-color:#F4F4F4}
.internationalPC-forHighSchool .g-title{padding:20px 0}
.internationalPC-forHighSchool .smalltitle{text-align:center;padding-bottom:20px}
.internationalPC-forHighSchool .imageText{padding-top:30px}
.internationalPC-forHighSchool .imageText ul.left{border-bottom:2px solid #fff}
.internationalPC-forHighSchool .imageText ul li{width:50%;height: 192px;background-color:#27ae61;float:left;display:block;text-align:center}
.internationalPC-forHighSchool .imageText ul li span{display:block;width:100%;height:100%}
.internationalPC-forHighSchool .imageText ul li span.pic1-a{background:url(/statics/images/sprite/J-internationalPC-forHighSchool1.jpg) top right no-repeat;background-size:cover}
.internationalPC-forHighSchool .imageText ul li span.pic2-b{background: url(/statics/images/sprite/J-internationalPC-forHighSchool2.jpg) top right no-repeat;background-size:cover}
.internationalPC-forHighSchool .imageText ul li span.pic3-c{background:url(/statics/images/sprite/J-internationalPC-forHighSchool3.jpg) top left no-repeat;background-size:cover}
.internationalPC-forHighSchool .imageText ul li span.pic4-d{background:url(/statics/images/sprite/J-internationalPC-forHighSchool4.jpg) top center no-repeat;background-size:cover}
.internationalPC-forHighSchool .imageText ul li i{display:inline-block;width:50px;height:50px;margin-top: 9px;background: url(/statics/images/sprite/common-icon.png) center center no-repeat;}
.internationalPC-forHighSchool .imageText ul li i.i1{background-position: -101px -184px;}
.internationalPC-forHighSchool .imageText ul li i.i2{background-position: -97px -329px;}
.internationalPC-forHighSchool .imageText ul li i.i3{background-position: 10px -336px;}
.internationalPC-forHighSchool .imageText ul li i.i4{background-position: 8px -290px;}
.internationalPC-forHighSchool .imageText ul li p{color:#fff}
.internationalPC-forHighSchool .imageText ul li p.subtitle{font-size:26px}
.internationalPC-forHighSchool .imageText ul li p.des{font-size:14px;max-width:184px;padding-top:13px;margin-left:auto;margin-right:auto}
@media (min-width:480px){.internationalPC-forHighSchool .imageText{padding-left:20px;padding-right:20px}
.internationalPC-forHighSchool .imageText ul li{width:50%;height:178px}
}
@media (min-width:768px){.internationalPC-forHighSchool .imageText{padding-left:20px;padding-right:20px;width:580px;margin-left:auto;margin-right:auto}
}
@media (min-width:1200px){.internationalPC-forHighSchool .imageText{width:1060px}
.internationalPC-forHighSchool .imageText ul.left{width:50%;float:left;border-bottom:0}
.internationalPC-forHighSchool .imageText ul.right{width:50%;overflow:hidden}
}

/*internationalPC-advantage*/
.internationalPC-advantage{padding-bottom:50px}
.internationalPC-advantage .g-title h2{background-color:#fff}
.internationalPC-advantage .g-wrapper .wrap{background:url(/statics/images/sprite/J-internationalPC-advantagebg.jpg) bottom center no-repeat;padding-bottom:255px;padding-top:30px}
.internationalPC-advantage .g-wrapper .wrap ul{margin:0 auto;width: 265px;}
.internationalPC-advantage .g-wrapper .wrap ul li{width:265px;height:48px;margin-bottom:24px;border-radius:23px;line-height:46px;text-align:center;box-shadow:3px 5px 10px #e8e8e8}
.internationalPC-advantage .g-wrapper .wrap ul li.a1{background-color:#dff6d1}
.internationalPC-advantage .g-wrapper .wrap ul li.a2{background-color:#f5d1f6}
.internationalPC-advantage .g-wrapper .wrap ul li.a3{background-color:#dcfaff}
.internationalPC-advantage .g-wrapper .wrap ul li.a4{background-color:#fedd9e}
@media (min-width:768px){.internationalPC-advantage .g-wrapper .wrap{background-position:center}
.internationalPC-advantage .g-wrapper .wrap ul{width:768px;position:relative}
.internationalPC-advantage .g-wrapper .wrap ul li{position:absolute}
.internationalPC-advantage .g-wrapper .wrap ul li.a1{left:0;top:26px}
.internationalPC-advantage .g-wrapper .wrap ul li.a2{left:0;top:145px}
.internationalPC-advantage .g-wrapper .wrap ul li.a3{right:0;top:26px}
.internationalPC-advantage .g-wrapper .wrap ul li.a4{right:0;top:145px}
}
@media (min-width:990px){.internationalPC-advantage .g-wrapper .wrap ul{width:980px}
.internationalPC-advantage .g-wrapper .wrap ul li.a1{left:55px;top:50px}
.internationalPC-advantage .g-wrapper .wrap ul li.a2{left:55px;top:135px}
.internationalPC-advantage .g-wrapper .wrap ul li.a3{right:55px;top:50px}
.internationalPC-advantage .g-wrapper .wrap ul li.a4{right:55px;top:135px}
}

/*internationalPC-details*/
.internationalPC-details{padding-bottom:100px;background:#f4f4f4}
.internationalPC-details .g-wrapper .details{padding-top:20px}
.internationalPC-details .g-wrapper .details>ul{width: 256px;margin:0 auto}
.internationalPC-details .g-wrapper .details>ul li{width:216px;height:225px;background-color:#fff;border-radius:50%;overflow: hidden;text-align:center;margin-bottom:28px;margin-left: 20px;margin-right: 20px;}
.internationalPC-details .g-wrapper .details>ul li:hover{color:#fff;background-color:#eb5d48}
.internationalPC-details .g-wrapper .details>ul li:hover p{color:#fff;}
.internationalPC-details .g-wrapper .details>ul li i{margin-top:5px;display:inline-block;width:58px;height:52px;background: url(/statics/images/sprite/common-icon.png) no-repeat;}
.internationalPC-details .g-wrapper .details>ul li em{display:block;font-size:18px;padding:5px 0}
.internationalPC-details .g-wrapper .details>ul li p{color:#888}
.internationalPC-details .g-wrapper .details>ul li.d1 i{background-position: -141px -284px;}
.internationalPC-details .g-wrapper .details>ul li.d1:hover i{background-position:-141px -237px}
.internationalPC-details .g-wrapper .details>ul li.d2 i{background-position: -58px -244px;}
.internationalPC-details .g-wrapper .details>ul li.d2:hover i{background-position:5px -244px}
.internationalPC-details .g-wrapper .details>ul li.d3 i{background-position: -97px -135px;}
.internationalPC-details .g-wrapper .details>ul li.d3:hover i{background-position:-151px -135px}
.internationalPC-details .g-wrapper .details .table .tip{color:#eb5d48;text-align:center;padding:20px 0;white-space:nowrap;border-bottom:1px solid #ED6D5A;position:relative;margin-bottom:20px}
.internationalPC-details .g-wrapper .details .table .tip span{width:24px;background: #F4F4F4 url(/statics/images/sprite/common-ico.png) no-repeat -85px -51px;height:12px;position:absolute;left:50%;margin-left:-12px;bottom:-11px}
.internationalPC-details .g-wrapper .details .table table{width:100%;border-collapse:separate;border-spacing:0 2px}
.internationalPC-details .g-wrapper .details .table tr{width:100%;overflow:hidden}
.internationalPC-details .g-wrapper .details .table tr td.name{vertical-align:middle;position:relative;color:#fff;font-size:24px;text-align:center}
.internationalPC-details .g-wrapper .details .table tr td.name span{position:absolute;right:-10px;top:50%;margin-top:-10px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent}
.internationalPC-details .g-wrapper .details .table tr td{padding: 10px 20px;width:25%;background:#faecf3 url(/statics/images/sprite/g-white.jpg) repeat-y top left;vertical-align:top}
.internationalPC-details .g-wrapper .details .table tr td em{font-size:20px;display: block;}
.internationalPC-details .g-wrapper .details .table tr td p,.internationalPC-details .g-wrapper .details .table tr td ul li{padding-top:10px}
.internationalPC-details .g-wrapper .details .table tr.t1 td.name{background: #eb5d48;:*/}
.internationalPC-details .g-wrapper .details .table tr.t1 td.name span{border-left:10px solid #eb5d48;z-index:100}
.internationalPC-details .g-wrapper .details .table tr.t1 td{background-color:#fdede9}
.internationalPC-details .g-wrapper .details .table tr.t1 em{color:#ad2f29}
.internationalPC-details .g-wrapper .details .table tr.t2 td.name{background: #a1c962;}
.internationalPC-details .g-wrapper .details .table tr.t2 td.name span{border-left:10px solid #A1C962}
.internationalPC-details .g-wrapper .details .table tr.t2 td{background-color:#e7f1d7}
.internationalPC-details .g-wrapper .details .table tr.t2 td em{color:#257b41}
.internationalPC-details .g-wrapper .details .table tr.t3 td.name{background: #da88b4;}
.internationalPC-details .g-wrapper .details .table tr.t3 td.name span{border-left:10px solid #DA88B4}
.internationalPC-details .g-wrapper .details .table tr.t3 td{background-color:#faecf3}
.internationalPC-details .g-wrapper .details .table tr.t3 td em{color:#bb6ea3}
@media (min-width:768px){.internationalPC-details .g-wrapper .details>ul{width:768px}
.internationalPC-details .g-wrapper .details>ul li{float:left}
.internationalPC-details .g-wrapper .details .table tr td.name{width:15%}
.internationalPC-details .g-wrapper .details .table tr td.d1{width:20%}
.internationalPC-details .g-wrapper .details .table tr td.d2{width:20%}
.internationalPC-details .g-wrapper .details .table tr td.d3{width:40%}
.internationalPC-details .g-wrapper .details .table tr td div{float:left;position:relative}
.internationalPC-details .g-wrapper .details .table tr td div p{display:inline-block}
.internationalPC-details .g-wrapper .details .table tr td div p.class{position:absolute;width:80px;height:22px;top:50%;margin-top:-16px}
.internationalPC-details .g-wrapper .details .table tr td div p.highschool{width:2em;padding-left:80px}
.internationalPC-details .g-wrapper .details .table tr td ul{overflow:hidden;padding-left:13px}
}
@media (min-width:1200px){.internationalPC-details .g-wrapper .details .table tr td ul li{float:left;padding:10px;border-left:2px solid #f4d5d3}
}
