﻿*{margin: 0; padding: 0;}
body{margin: 0; padding: 0;}
.margin{margin: 0 auto;}
.float{float: left;}
.font{font-weight: bold;}
.centent{width: 100%;min-width: 1260px; height:100%;font-size: 18px; font-family: "微软雅黑";color: #000;}
.centent a{color:#FFF;}
.headt{width: 100%; height: 451px; background: url(head.jpg) no-repeat center;}
.student{width: 100%; height: auto;}
.student_title{width: 100%; height: 60px;}
.student_title p{width: 400px; height: 100%; margin-top: 30px; padding-top: 5px; border-top: 7px solid #DE0F57;}
.student_title p span{background: #DE0F57; width: 100%; display: block; text-align: center; line-height: 50px; font-size: 30px; color: #FFFFFF;}
.student_titles{width: 100%; height: 50px; margin-top: 30px;}
.student_titles p{width:270px; text-align: center; font-size: 20px;}
.span_one{display: block; width: 188px; float: left;}
.span_two{ display: block; width: 34px; height: 30px; float: left;  border-bottom: 13px solid #000000; border-image: url(one_border.png)  11 repeat;}
.span_three{display: block; width:45px; float: left;}
.student_centent{width:1000px; height: auto;}
.nccaom{width: 100%; height: 150px;}
.nccaom p{width: 150px; height: 100%; border-radius: 50%; border: 5px solid #DE0F57; padding: 2px;}
.nccaom p span{display: block; text-align: center; color: #FFFFFF; font-size: 22px; width: 100%; height: 100%; border-radius: 50%; background-color: #DE0F57;}
.line{width: 100%;height: 100px; margin-top: 12px;}
.line p{width: 100%; height: 50%;}
.line p span{display: block;}
.comprise{width: 1168px; height: 150px;}
.comprise p{width: 150px; margin-right: 37px; height: 100%; float: left;margin-left: 0px; border-radius: 50%; border: 5px solid #DE0F57; padding: 2px;}
.comprise p span{display: block; text-align: center; color: #FFFFFF; font-size: 22px; width: 100%; height: 100%; border-radius: 50%; background-color: #DE0F57;}
.comprise p span a{display: block; padding-top:55px;}
.sense{width: 1200px; height: 80px; border-left: 10px solid #DE0F57; padding-left: 10px; margin-top: 50px;}
.sense p{width: 100%; height: 100%; font-size: 20px; color: #686868;	}
.sense_span{display: block; width:auto; position: relative; padding-left: -12px; height: 22px; float: left;  border-bottom: 15px solid #000000; border-image: url(one_border.png)  11 repeat;}
.brief{width: 100%; height: auto; position:relative; background-color: #A2A2A2; margin-top: 100px;}
.brief_title{width: 100%; height: 60px; position: absolute; margin-top: -65px;}
.brief_title p{width: 400px; height: 100%; margin-top: 30px; padding-top: 5px; border-top: 7px solid #DE0F57;}
.brief_title p span{background: #DE0F57; width: 100%; display: block; text-align: center; line-height: 50px; font-size: 30px; color: #FFFFFF;}
.brief_centent{width: 1200px; height: 550px;padding: 10px; background: url(centent1.png) no-repeat right; background-position: 750px 250px;}
.brief_centent p{width: 100%; height: 200px; padding-top: 50px; font-size: 20px; color: #FFFFFF;}
.brief_span1{display: block; width:auto; margin-top: 20px; height: 30px; letter-spacing: 0.5px; float: left;  border-bottom: 15px solid #000000; border-image: url(two_border.png)  11 repeat;}
.brief_span2{display: block; width:auto; height: 30px; letter-spacing: 0.5px; float: left;  border-bottom: 15px solid #000000; border-image: url(two_border.png)  11 repeat;}
.exam{width: 100%; height: auto;}
.exam_title{width: 400px; height: 100%; margin-top: 30px; padding-top: 5px; border-top: 7px solid #DE0F57;}
.exam_title p span{background: #DE0F57; width: 100%; display: block; text-align: center; line-height: 50px; font-size: 30px; color: #FFFFFF;}
.exam_titles{width:1130px; height: 150px; margin-top: 30px;}
.exam_titles p{width: 100%; height: 150px; text-align: center; font-size: 20px;}
.exam_span{width: auto; float: left; height: 35px; display: block; border-bottom: 15px solid #000000; border-image: url(one_border.png)  11 repeat;}
.exam_centent{width: 1200px; height: 500px; border: 5px solid #F8BA27; margin-top: 50px;}
.book{width: 80%; height: 70%;}
.book_one{width: 23%; height: 100%; background: url(centent2.png) no-repeat center;}
.book_two{width: 23%; height: 100%; background: url(centent3.png) no-repeat center;}
.book_three{width: 23%; height: 100%; background: url(centent4.png) no-repeat center;}
.bookname{width: 95%; height: 10%;}
.booknames{ float: left; width: 33%; text-align: center; color: #4B4B4B;}
.develop{width: 100%; height: auto; position:relative; background-color: #A2A2A2; margin-top: 100px;}
.develop_title{width: 100%; height: 60px; position: absolute; margin-top: -65px;}
.develop_title p{width: 400px; height: 100%; margin-top: 30px; padding-top: 5px; border-top: 7px solid #DE0F57;}
.develop_title p span{background: #DE0F57; width: 100%; display: block; text-align: center; line-height: 50px; font-size: 30px; color: #FFFFFF;}
.develop_centent{width: 1200px; height: 450px; background: url(centent5.png) no-repeat; background-position: 99% 50%;}
.develop_centent p{width: 75%; float: left; line-height: 50px; font-size: 20px; color: #FFFFFF; text-indent: 2em;}
.footert{width: 100%; height: auto;}
.footert p{width: 1170px; color: #FFFFFF; padding: 20px 15px 20px 15px; height: 200px; border: 5px solid #DE0F57; margin-top: 50px;margin-bottom: 50px;}
.span1{display: block; width: 100%; height: 100%; background: #DE0F57;}
.span2{display: block; width: 1050px; margin: 0 auto; height: 60px; font-size: 40px; text-align: center; border-bottom: 22px solid #000000; border-image: url(two_border.png) repeat 22;}





