@charset "utf-8";
/*SandHill College*/

/*[index.html] 10*/
.bgco19{ background: #191923!important;}
.bgcoF5{ background: #F5F5F3!important;}

.headSign{ position: fixed; top: 0; z-index: 2; width: 100%; height: 44px; background: #191923; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.05), inset 0 0 0 0 #F0EFEF;}
.sandLogo{ width: 103px; height: 28px; padding: 8px 12px;}
.sandLogo img{ display: block; width: 103px; height: 28px;}
.sandLink{ width: 76px; height: 30px; padding: 7px 12px;}
.sandLink a{ display: block; width: 76px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; color: #FFFFFF; background: #EE6600; border-radius: 4px;}

.sandBanner{ width: 100%; padding-top: 44px;}
/*banner*/
.i_banner{ width:100%; margin:0 auto; position:relative;}
.i_banner img{ display: block; width:100%;}
.i_banner .hd{ position: absolute; bottom: 6px; left: 50%; height: 2px; margin-left: -23px; text-align: center; z-index:1;}
.i_banner .hd ul{ height: 2px;}
.i_banner .hd li{ display:inline-block; width:20px; height:2px; text-indent:-9999px; margin:0 5px 0 0; opacity: 0.3; background: #FFFFFF; border-radius: 100px;}/*overflow:hidden;*/
.i_banner .hd li.on{ opacity: 0.8;}


/*.sandIssue{ width: 100%; min-height: 68px; padding-bottom: 18px; background: #ccc;}*/
/*mode_sandTitle*/
.sandTitle{ height: 20px;}
.sandTitle.pad42{ padding: 44px 0 24px 0}
.sandTitle.pad22{ padding: 29px 0 24px 0}
.sandTitle.pad23{ padding: 24px 0 34px 0}
.sandTitle.pad32{ padding: 34px 0 24px 0}
.sandTitle.pad43{ padding: 44px 0 30px 0}
.sandTitle span{ display: block; height: 20px; text-align: center; line-height: 20px; font-size: 20px; color: #EE6600; font-weight: bold; border-left: 2px solid #EE6600;}
/*.sandTitle.colorfff span{ color: #FFFFFF; border-left: 2px solid #fff;}*/
.sandIssueSub{ padding: 0 15px;}


.sandInfo{ width: 100%; background: url("../Images/bg_main2.png") no-repeat; background-size: 100% 100%;}
.sandInfoSub{ padding: 0 15px 20px 15px; color: #fff; opacity: 0.6;}
.sandInfoSub p{ text-align: justify; line-height: 21px; padding-bottom: 20px;}

.sandModules{ width: 100%;}
.sandModulesP{ padding: 0 15px 26px 15px; text-align: justify; line-height: 21px; color: #fff; opacity: 0.6;}
.sandModulesImg{ width: 100%;}
.sandModulesImg img{ display: block; width: 100%;}


.sandTutor{ width: 100%;}
/*plug_sandTutor*/
/*#wrapper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}*/
#wrapper {/*110+314*/
    position: relative;
    z-index: 1;
    height: 314px;
    width: 100%;
    /*background: #ccc;*/
    overflow: hidden;
    -ms-touch-action: none;
}
#scroller {/*110*12+314*/
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    width: 1320px;
    height: 314px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

#scroller.widthnum9{/*110*9+314*/
    width: 990px;
}

#scroller .tutors {
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0;
}
#scroller .tutors .tutorSub {/*110+314*/
    width: 110px;
    height: 314px;
    float: left;
    /*line-height: 160px;*/
    /*border-right: 1px solid #ccc;*/
    /*border-bottom: 1px solid #ccc;*/
    /*background-color: #fafafa;*/
    /*font-size: 14px;*/
    overflow: hidden;
    /*text-align: center;*/
}
.tutorSub{}
.tutorSubLi{ width: 110px; height: 132px; padding-bottom: 25px;}
.tutorSubLi img,.tutorSubLi h2,.tutorSubLi span,.tutorSubLi p{ display: block; margin: 0 auto; color: #FFFFFF;}
.tutorSubLi img{ width: 60px; height: 60px; border-radius: 50%;}
.tutorSubLi h2{ width: 110px; height: 21px; padding-top: 10px; text-align: center; line-height: 21px; opacity: 0.6;}
.tutorSubLi span{ width: 110px; height: 17px; padding-top: 5px; text-align: center; line-height: 17px; font-size: 12px; opacity: 0.2;}
.tutorSubLi p{ width: 110px; height: 17px; padding-top: 2px; text-align: center; line-height: 17px; font-size: 12px; opacity: 0.2; overflow:hidden;}
.sandTutorBtn{ padding: 30px 0 26px 0;}
.sandTutorBtn a{ display: block; width: 140px; height: 40px; margin: 0 auto; text-align: center; line-height: 40px; font-size: 17px; color: #FFFFFF; background: #EE6600; border-radius: 4px;}

.sandDemand{ width: 100%;}
.sandDemandSub{ padding: 0 20px 39px 20px; color: #FFFFFF;}
.sandDemandSub h2{ line-height: 21px; padding-bottom: 6px; font-weight: bold; opacity: 0.7;}
.sandDemandSub p{ line-height: 21px; text-align: justify; opacity: 0.6;}
.sandDemandSub ul li{ line-height: 21px; padding-bottom: 6px; text-align: justify;}
.sandDemandSub ul li span{ opacity: 0.6;}
.sandDemandUl{ background: url("../Images/line_circle_gray.png") no-repeat 8px 10px; background-size: 2px 127px;}
.sandDemandUl li{ padding-left: 23px;}
.sandDemandLi1{ background: url("../Images/icon_circle_orange1.png") no-repeat left 2px; background-size: 17px;}
.sandDemandLi2{ background: url("../Images/icon_circle_orange2.png") no-repeat left 2px; background-size: 17px;}
.sandDemandLi3{ background: url("../Images/icon_circle_orange3.png") no-repeat left 2px; background-size: 17px;}
.sandDemandLi4{ background: url("../Images/icon_circle_orange4.png") no-repeat left 2px; background-size: 17px;}
.sandDemandLi5{ background: url("../Images/icon_circle_orange5.png") no-repeat left 2px; background-size: 17px;}
.padb06{ padding-bottom: 6px!important;}
.padb20{ padding-bottom: 20px!important;}
.opt07{ opacity: 0.7!important;}
.opt06{ opacity: 0.6!important;}
.opt03{ opacity: 0.3!important;}
.opt02{ opacity: 0.2!important;}
.opt10{ opacity: 1!important;}
.fwblod{ font-weight: bold!important;}
.colorE60{ color: #EE6600!important;}


.sandMerit{ width: 100%;}
.sandMeritSub{ padding: 0 20px 10px 20px;}
.sandMeritSub div{ padding: 0 0 20px 56px; color: #FFFFFF;}
.sandMeritSub h1{ line-height: 24px; font-size: 17px; opacity: 0.7; padding-bottom: 4px;}
.sandMeritSub p{ line-height: 20px; font-size: 14px; opacity: 0.6; text-align: justify; letter-spacing: -0.15px;}
.sandMeritBg1{ background: url("../Images/icon1_main5.png") no-repeat top left; background-size: 44px;}
.sandMeritBg2{ background: url("../Images/icon2_main5.png") no-repeat top left; background-size: 44px;}
.sandMeritBg3{ background: url("../Images/icon3_main5.png") no-repeat top left; background-size: 44px;}
.sandMeritBg4{ background: url("../Images/icon4_main5.png") no-repeat top left; background-size: 44px;}
.sandMeritBg5{ background: url("../Images/icon5_main5.png") no-repeat top left; background-size: 44px;}

.sandCode{ width: 100%; height: 213px; padding-top: 35px; text-align: center; background: #1D1D26;}
.sandCodeSub{ width: 154px; height: 154px; margin: 0 auto 13px auto; background: #FFFFFF;}
.sandCodeSub img{ width: 154px; height: 154px;}
.sandCode span{ display: block; width: 100%; text-align: center; line-height: 21px; color: #FFFFFF; opacity: 0.2;}

.sandCopy{ width: 100%; height: 44px; text-align: center; line-height: 44px; background: #191923; padding-bottom: 48px;}
.sandCopy span{ font-size: 12px; color: #FFFFFF; opacity: 0.1;}

.sandApply{ position: fixed; bottom: 0; left: 0; z-index: 2; width: 100%; height: 48px; background: #EE6600;}
.sandApply a{ display: block; width: 100%; height: 48px; text-align: center; line-height: 48px; font-size: 17px; color: #FFFFFF;}

/*[tutor.html]*/
.sandSubTutor{ padding-top: 44px; background: url("../Images/icon_daoshituan_top.png") no-repeat center 43px; background-size: 5px 30px;}
.sandSubTutorP{ width: 100%; height: 17px; padding: 10px 0 40px 0; text-align: center; line-height: 17px; font-size: 12px; color: #999;}