/*页面通用部分*/
.box_In{width: 1200px;margin: 0 auto;position: relative;}
body{background: #981523;}

/*head开始*/

.head{width:100%; height:40px; background:#a61725; overflow:hidden;}
.head .inner{width:1200px; margin:0 auto; overflow:hidden;}
.head h1{float:left;}
.head h1  img{margin-top:3px; width:110px;}
.head ul{float:right; overflow:hidden; overflow:hidden;}
.head ul li{float:left; margin-left:20px; font-size:14px; line-height:40px;}
.head ul li a{color:#fff; text-decoration:none;}
.head ul li a:hover{color:#ffe900;}
/*ban开始*/
.ban{background: url(../images/ban_bg.jpg) no-repeat center;height: 717px;}
.ban img{display: block;margin: 0 auto;}
.a_btn{width: 160px;height: 42px;margin:0 auto;text-align: center;line-height: 42px;background: #fff;border-radius: 42px;display: block;font-size: 20px;border-bottom: 5px solid #FC9DAA;}
.a_btn:hover{border: none;position: relative;top: 3px;}
/*学科内容*/
.con{margin-top: -65px;}
.cons{width: 1190px;margin: 0 auto;}
.con .box{background: #fff;border-radius: 10px;padding: 30px;overflow: hidden;margin-bottom: 55px;}
.con .fl{width: 220px;float: left;height: 309px;}
.con .fc{width: 648px;float: left;border-bottom: 1px  dashed #CCCCCC;margin-left: 20px;padding-right: 20px;}
.con .fr{width: 222px;float: left;background:pink;background: url(../images/box_img3.jpg) no-repeat 0 29px;margin-left: -4px;}
.con .box1 .fl{background: -webkit-linear-gradient(top, #BA5DCD ,#FB697B);
  background: -o-linear-gradient(bottom, #BA5DCD, #FB697B);
  background: -moz-linear-gradient(bottom, #BA5DCD, #FB697B);
  background: linear-gradient(to bottom, #BA5DCD , #FB697B);}
.con .fl h2{font-size: 26px;font-weight: bold;color: #fff;text-align: center;line-height: 36px;margin-top: 30px;}
.con .fl img{display: block;margin: 18px auto 22px;}
.con .fc ul{overflow: hidden;margin-top: 40px;padding-bottom: 44px;}
.con .fc ul li{width: 122px;float: left;}
.con .fc ul .li1{width: 134px;margin:0 25px;}
.con .fc ul .li2{width: 200px;}
.con .fc ul .li3{width:90px;margin-left: 25px;position: relative;}
.con .fc ul li img{display: block;margin:8px auto 0;}
.con .fc .xq{margin:58px auto 15px;}
.con .fc ul li p{font-size:22px;color: #000;text-align: center;}
.con .fc ul li h3{font-size:18px;color: #666;text-align: center;}
.con .fc ul li .btm{border: 1px solid #DBDBDB;overflow: hidden;padding:16px 0;border-top:6px solid #FF6A76;height: 48px;}
.con .fc ul li .btm span{font-size:40px;color: #FF576C;font-weight: bold;display: block;text-align: center;}
.con .fc ul li .btm .span1{border-right:1px solid #CCCCCC;}
.con .fc ul li .btm .span_left{width: 65px;float: left;}
.con .fc ul li .btm .span_right{width:65px;float: right;}
.con .fc ul li .btm  p{font-size: 18px;text-align: center;color: #333;}
.con .fc ul li .btm  p span{font-size:18px;color: #FF6A76;padding: 0;display: inline-block;}
.con .fr ul{height: 100px;padding: 0 15px;}
.con .fr ul li{height: 79px;width: 222px;}
.con .fr ul img{float: left;width: 43px;margin-top: 18px;margin-left: 25px;}
.con .fr ul  p{float:left;width: 120px;font-size: 18px;text-align: left;line-height: 79px;padding-left:8px;}
.con .fr ul  .p1{line-height: 22px;margin-top: 16px;}
.con .fr ul li.li_on{background: url(../images/box_bg.jpg) no-repeat 0;}

.con .box_con .fc{width:478px;}
.con .box_con .fr{width:392px;}
.con .box_con .fl{background: -webkit-linear-gradient(top, #FB687A ,#EA2E4D);
  background: -o-linear-gradient(bottom, #FB687A, #EA2E4D);
  background: -moz-linear-gradient(bottom, #FB687A, #EA2E4D);
  background: linear-gradient(to bottom, #FB687A , #EA2E4D);}
.con .box_con .fl h2,.con .box4 .fl h2{margin-top: 40px;}
.con .box_con .fl img,.con .box4 .fl img{margin: 35px auto 30px;}
.con .box_con .fc ul{margin-top: 0;padding-bottom: 0;}
.con .box_con .fc .btm1{margin-bottom: 35px;}
.con .fc .xq1{margin-top:60px;}
.con .fc .xq2{margin-top:30px;}
.con .box_con .fc{border-bottom: none;}
.con .box_con .fr{background: none;}
.con .box_con .fc .btm2  p{padding-top: 45px;}
.con .box_con .fc .btm2  p span{font-size: 28px;}
.con .box_con .fc ul li .btm2{height: 170px;}
.con .box_con .fc ul .li2{width: 165px;}
.con .box_con .fr ul{position: relative;padding: 0;}
.con .box_con .fr ul li{width: 169px;float: left;margin-top: 6px;margin-left: 15px ;}
.con .box_con .fr ul .li2{margin-left:30px;}
.con .box_con .fr ul img{margin-left:15px;}
.con .box_con .fr ul  p{width:90px;padding-left: 8px;}
.con .box_con .fr ul  .p1{margin-top: 16px;}
.con .box_con .fr ul li.li_on{background: url(../images/box_bg2.jpg) no-repeat 0;}
.con .box_con .fr ul .img8{position: absolute;top: 36px;left: 0;width: 11px;margin: 0;}
.con .box_con .fr ul .img9{position: absolute;top: 36px;left: 200px;width: 11px;margin: 0;}

.con .box3 .fl{background: -webkit-linear-gradient(top, #69A2FB ,#4D2EEA);
  background: -o-linear-gradient(bottom, #69A2FB, #4D2EEA);
  background: -moz-linear-gradient(bottom, #69A2FB, #4D2EEA);
  background: linear-gradient(to bottom, #69A2FB , #4D2EEA);}
.con .box4 .fl{background: -webkit-linear-gradient(top, #FFBD1E ,#FF8972);
  background: -o-linear-gradient(bottom, #FFBD1E, #FF8972);
  background: -moz-linear-gradient(bottom, #FFBD1E, #FF8972);
  background: linear-gradient(to bottom, #FFBD1E , #FF8972);}
.con .box5 .fl{background: -webkit-linear-gradient(top, #3592C3 ,#7FFAFE);
  background: -o-linear-gradient(bottom, #3592C3, #7FFAFE);
  background: -moz-linear-gradient(bottom, #3592C3, #7FFAFE);
  background: linear-gradient(to bottom, #3592C3 , #7FFAFE);}
 .con .box6 .fl{
 	background: linear-gradient(to bottom, #f99cc9 , #e93c97)
 }
.box2 .a_btn{border-color: #F78697;}
.box3 .a_btn{border-color: #687BF7;}
.box4 .a_btn{border-color: #FFBE87;}
.box5 .a_btn{border-color: #52BBDA;}
/*左侧悬浮*/
.con .box_slide{width: 160px;height: 559px;position: absolute;left: -170px;top: 1500px;}
.con .box_slide ul{width: 160px;margin-left: 2px;background: #a11e2b;font-size: 0}
.con .box_slide ul li{border-bottom: 2px #fffbbd solid;font-size: 14px;color: #ffea01;text-align: center;cursor: pointer; padding: 12px 0 ; }
.con .box_slide ul li:hover{background: #fffbbd;color: #bc1e2d;}
.con .box_slide ul li.cur{background: #fffbbd;color: #bc1e2d;}
.con .box_slide span{display: block;width: 160px;height: 43px;margin-left: 2px;font-size: 16px;color: #bc1e2d;text-align: center;line-height: 43px;font-weight: bold;cursor: pointer;}
.con .box_slide span:hover{opacity: .8;}
/*进度表*/
.wrapper,.circle,.percent{position: absolute;width: 86px;height: 86px;border-radius: 50%;}
.wrapper{top:69px;left:6px;background-color: #dbdada;}

.circle{
	box-sizing: border-box;
	border:20px solid #dbdada;
	clip:rect(0,86px,86px,43px);
}
.clip-auto{
	clip:rect(auto, auto, auto, auto);
}

.percent{
	box-sizing: border-box;
	top:-20px;
	left:-20px;
}
.left{
	transition:transform ease;
	border:20px solid #ff586c;
	clip: rect(0,43px,86px,0);
}
.right{
	border:20px solid #ff586c;
	clip: rect(0,86px,86px,43px);
}
.wth0{
	width:0;
}
.num{
	position: absolute;
	box-sizing: border-box;
	width: 76px;
	height: 76px;
	line-height: 76px;
	text-align: center;
	font-size: 30px;
	color: #ff586c;
	left: 5px;
	top: 5px;
	border-radius: 50%;
	background-color: #fff;
	z-index: 1;
}