@import "header_index.css";
/*首页*/
.index{ background: #ffffff;}
.index .province{margin-top: 3rem;}
.indexbtnlist { float:right;}
.indexbtnlist li{ float:left;}
.indexbtnlist a{ height: 5rem; line-height: 5rem; display: block; text-align: center; font-size: 1.4rem;} 
.indexbtnlist .btnlogin{width:14rem; background: rgba(126,128,176,0.5);}
.indexbtnlist .btnreg{width:14rem; background: rgba(169,156,212,0.5);}
.indexbtnlist .btnsearch{width:7rem; background: rgba(186,171,228,0.5);}
.index .bannerarea{ max-width:1200px; margin:3rem auto; position: relative;}
.index .banner{max-width:1200px; border-radius: 2rem;height:370px;}
.bannerarea .logininfo{ width:14rem; position: absolute; z-index: 10; top:1.5rem; right:5rem;}
.bannerarea .logininfo.logininfologin{top:.5rem;} 
.logininfo .userinfo{ position: absolute; z-index: 20; width:90px; top:150px;left:19px;text-align: center; font-size:12px; color:#fff; }
.logininfo .userinfo .avater{width:55px; height:55px;margin:0 auto; border-radius: 50%;}
.logininfo .userinfo h5{ font-size:12px;}
.logininfo .userinfo a{ display: block; clear:both; color:#fff;}
.logininfo .userinfo a.btn{ line-height: 12px; margin-top: 12px;margin-bottom: 12px;}
.logininfo .userinfo .buy_card_link {margin-top: 15px;}
.logininfo .buy_card_link.p-a{position: absolute;left: 35px;bottom: 40px;z-index: 1;}
.tempWrap{overflow:hidden; position:relative; width:1200px; height:20rem;}
.j-sw-c ul{float: left; width: 1200px;}
.hp-tab-newprd {max-width:1200px;height:30rem;margin:0 auto;overflow:hidden;position:relative;}
.hp-tab-newprd .j-sw-nav {padding-top:1px;width:84rem;height:6rem;margin:0 auto;overflow:hidden;position:relative}
.hp-tab-newprd .j-sw-nav li {float:left;margin-right:-20px;width:21rem;}
.hp-tab-newprd .j-sw-nav li a {position:relative;display:block;width:13rem;height:6rem;line-height:6rem;text-align:center;text-transform:uppercase;color:#444;font-weight:bold;word-wrap:break-word;overflow:hidden;outline:0;cursor:pointer;font-size:2rem;margin:0 auto;}
.newprd-s1,.newprd-s1 a {z-index:20}
.newprd-s2,.newprd-s2 a {z-index:19}
.newprd-s3,.newprd-s3 a {z-index:18}
.newprd-s4,.newprd-s4 a {z-index:17}
.newprd-s5,.newprd-s5 a {z-index:16}
.newprd-s6,.newprd-s6 a {z-index:15}
.newprd-s7,.newprd-s7 a {z-index:14}
.hp-tab-newprd .newprd-clip {margin-top:3rem;}
.hp-tab-newprd .j-sw-nav .on {z-index:99;}
.hp-tab-newprd .j-sw-nav li a:hover,.hp-tab-newprd .j-sw-nav .on a {z-index:99;text-decoration:none;cursor:pointer;border-bottom:4px solid #1d3d86;}
.hp-tab-newprd .j-sw-c ul {zoom:1;overflow:hidden;width:1200px;height:20rem;padding-top:1rem;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;}
.hp-tab-newprd .j-sw-c li {-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;flex:1;text-align:center;}
.hp-tab-newprd .j-sw-c li img {width:10rem;height:10rem;border-radius:50%;} 
.updatestu{ background:#3c3cb6; padding:2rem; clear: both;}
.updatestuarea{ margin: 0 auto; padding:2rem;border:2px solid #3c3cb6; color:#fff; }
.updatestuarea a{ display: table; margin:0 auto;color:#fff;}
.updatestuarea-big{height: 18rem; padding-top:3rem;}
.updatestuarea-small{height: 8.5rem;}
.updatestu .row:last-child{margin-top:1rem;}
.updatestuarea:hover{ border:2px solid #fff;} 
.updatestuarea img,.updatestuarea .updatestuareadetail ,.updatestuarea .updatestuareamore{ display: inline-block;}
.updatestuarea .more{ padding:0.2rem; border:1px solid #fff; display: table;}
.updatestuarea img{padding-right:2rem; vertical-align: top;}
.updatestuarea .updatestuareamore{ padding-left:2rem; vertical-align: top; padding-top:1rem;}
.updatestu h4{ padding:0; margin:0; padding-bottom: 1rem; font-size: 1.6rem;}
.index .titlefire{ background: url(../img/ico_fire.png) no-repeat left center; color:#767676; font-size:1.8rem; padding-left:3rem; margin-bottom:1rem;}
.graybox { cursor: pointer;display: block;transition: all 1s linear;box-shadow:1px 1px 3px 3px rgba(204,204,204,.4);}
.graybox:hover{transition: all 1s linear;box-shadow:1px 1px 3px 3px rgba(148,193,250,.8); } 
.graybox h4{padding: 0.5rem 1rem 0 1rem; color:#636363; font-size:1.4rem;   height:3rem; border-bottom: 1px dotted #dedede;}
.graybox p{ padding:0 1rem 1rem 1rem;    color: #dedede; line-height: 1rem; }
.graybox img{width:100%;}
.ulbox{ background: url(../img/ico_blue.png) no-repeat right top; padding:15px;}
.ulbox ul{padding:0; margin:0;}
.ulbox li{ padding:0; margin:0; height: 22px; padding-left: 13px;background: url(../img/point.png) no-repeat left center;  color:#dddddd; overflow: hidden; }
.ulbox li a{ padding:0; margin:0;color:#4a61a4; line-height: 22px;}
.ulbox li a:hover{ color:#7b6c69;}
.index .btn-blue{ background: #ebf5ff; color:#2263a3; font-size:1.6rem; font-weight: bold; line-height: 4rem; height:4rem; display:block; width:10rem; text-align: center; padding:0; float:right; margin-right: 1.5rem;}
.index .btn-circle{ border-radius: 50%; overflow: hidden;font-size:11px; line-height: 11px; font-weight: 400; width:4rem; padding-top: 0.8rem;}
.index .indexnews{width:100%; max-width: 100%; min-width: 100%; margin-bottom:-1px;}
.index .indexnews .col-sm-3{ border:1px solid #e6e6e6; border-left:0;}
.index .indexnews img{  height: 17rem; overflow: hidden; min-width: 100%;}
.index .indexnews .col-sm-4{ background: #fcfcfc;}
.index .indexnews .col-sm-5{ border-bottom:1px solid #efefef;}
.index .indexnews .col-sm-3,.index .indexnews .col-sm-4,.index .indexnews .col-sm-5{margin:0;padding:0;}
.indexnews .btn-blue{ line-height: 1.8rem; height: 5rem;width: 5rem; font-size:1.4rem; padding-top:0.6rem; font-weight: normal;}
.indexnews .newtitle{ padding: 1rem; padding-bottom:1rem; height: 7rem; overflow: hidden;}
.indexnews .newtitle a{ color:#6c596c;margin-right: 0px;}
.indexnews h4,.indexnews h5{ padding:0; margin:0; padding-bottom: 0.5rem;}
.indexnews h5{ font-size: 1.6rem;}
.rightmenu { position: fixed;bottom:10rem; right: 0; width: 6rem; border:1px solid #b2bdd3; border-radius: 27px/27px; padding:1.5rem; background: #b2bdd3;  border-right: 0;z-index: 998;}
.rightmenu a{ display: block; clear: both; height:7rem;line-height:7rem;border-bottom: 1px solid #d4d8e1; /*background: no-repeat center; background-size:2.7rem 2.7rem;*/font-size: 1.4rem;font-weight:600;color: #fff ;text-align:center;text-decoration:none;}
.rightmenu a:last-child{ border-bottom: 0;}
/*.rightmenu a.help{ background-image: url(../img/ico_help1.png);}
.rightmenu a.contact{ background-image: url(../img/ico_help2.png);}
.rightmenu a.guestbook{ background-image: url(../img/ico_help3.png);}
.rightmenu a.up{ background-image: url(../img/ico_help4.png);}
*/
.updatestu{box-shadow:0px 5px 8px #cad3da;}
.graybg{ background: #f8f8f8; box-shadow: inset 0px 5px 8px #cad3da;}
.whitebg{ background: #fff;}
.indexcourse{ padding-top:20px; padding-bottom: 4rem;}
.courseitem { position: relative; height:170px; overflow: hidden; border-radius: 10px;box-shadow: 0 0 10px #c0c0c0;}
.courseitem .bz{ position: absolute; top:0;right:20px;width:23px; height:22px; z-index: 88;}
.courseitem .bz-hot{ background: url(../img/ico_hot.png) no-repeat center top;}
.courseitem .bz-new{ background: url(../img/ico_new.png) no-repeat center top;}
.indextitle {width: 1200px;margin:0 auto; color:#50506c; font-size:2rem; text-align: center; padding-bottom:3rem; padding-top: 1rem;position: relative;z-index: 1;}
.indextitle img{ width:1.6rem;}
.indextitle  a {font-size:14px;margin-top:5px;position:absolute;right:15px;z-index:1;}
.courseitem .title{color: #505050;margin:1.5rem 1rem 0;	}
.courseitem .title small{color:#b3b3b3; }
.courseitem h3{ padding:0; margin: 0;color:#505050; position: absolute; bottom:0; left:0; right:0;width:100%; height: 40px; line-height: 40px; font-size:1.5rem; background: #fff; padding-left:1rem; z-index: 99;}
.courseitem h3 small {line-height: 4rem;padding-right: 1rem;color: #b3b3b3;}
.courseitem img{ width: 100%; overflow: hidden;}
.courseitem a:hover img{-webkit-filter:brightness(.8);filter:brightness(.8);-moz-transform:scale(1.05);-webkit-transform:scale(1.05)}
.courseitem a:hover h3{ color:#505050;}
.indexexam{ padding-top:2rem; padding-bottom: 2rem;}
.indexexam h4{ color:#979799; padding-bottom: 1rem;}
.indexexam h4 a{ color:#2162a2; font-size: 1.2rem; margin-left: 1rem; display: inline-block;}
.indexexam .ulbox{ border:1px solid #4c80b2;}
.indexexam .ulbox li{  height:2.8rem; line-height: 2.8rem; border-bottom:1px dotted #f4f4f4;}
.indexexam .btn{ margin:2rem auto; float: none; width: 80%;   }
.indexexam .examimg{ margin:7rem auto 1rem auto;}
.indexnewsarea { padding-top:2rem; padding-bottom: 0rem;}
.indexcamp .indextitle a{font-size: 16px;color: #1992f5;position: absolute;right: 2rem;z-index: 1;}