body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; } 
body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53; } 
h1, h2, h3, h4, h5, h6{ font-size:100%; } 
address, cite, dfn, em, var { font-style:normal; } 
code, kbd, pre, samp { font-family:couriernew, courier, monospace; } 
small{ font-size:12px; } 
ul, ol { list-style:none; } 
a { text-decoration:none;}
a:hover { text-decoration:none; } 
sup { vertical-align:text-top; } 
sub{ vertical-align:text-bottom; } 
legend { color:#000; } 
fieldset, img { border:0; } 
button, input, select, textarea { font-size:100%; } 
table { border-collapse:collapse; border-spacing:0; } 
i{font-style: normal;}

body,
html {
	width: 100%;
	height: auto;
}

.page {
	width: 100%;
	height: 100%;
	background-color: #fafafd;
}

.header_box {
	background-color: #fff;
}

.center {
	width: 1200px;
	margin: 0 auto;
}

.l {
	float: left;
}

.r {
	float: right;
}

.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.clear:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}


/* banner */
.banner_box {
	width: 100%;
}
.banner_box{
    width: 100%;
	background: url(/static/web/img/banner1.png) center center no-repeat;
}
@media (min-width: 768px) {
    .banner_box {
        min-width: 990px;
    }
}
.banner1 {
	height: 370px;
	position: relative;
}

.banner1 > img:nth-of-type(1) {
	position: absolute;
	left: 230px;
	top: 74px;
	width: 297px;
	height: 277px;
}
.banner1 > img:nth-of-type(2) {
	position: absolute;
	right: 40px;
	top: 60px;
}

/* banner2 */
.banner2_box {
	width: 100%;
	background-color: #fff;
	padding-bottom: 75px;
	background-image: url(/static/web/img/b2_bg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.banner2 {
	padding-top: 50px;
}

.b2_title {
	line-height: 53px;
	font-size: 32px;
}

.b2_info {
	font-size: 18px;
}

.c {
	text-align: center;
}

.b2_con {
	width: 100%;
}

.b2_con_item {
	margin-top: 40px;
}

.b2_item {
	margin-left: 90px;
	width: 310px;
}

.b2_i {
	color: #282828;
	box-sizing: border-box;
	padding-left: 10px;
	width: 223px;
}

.b2_img {
	width: 85px;
	height: 85px;
}

.b2_img img {
	width: 100%;
	height: 100%;
}

.b2_t {
	line-height: 42px;
	font-size: 18px;
}

.b2_t_all {
	line-height: 85px;
	font-size: 18px;
}

.b2_in {
	font-size: 12px;
}

/* banner3 */
.banner3_box {
	width: 100%;
	height: 350px;
	background-color: #f5f5f5;
	background: -webkit-linear-gradient(left, #eaeaea, #f5f5f5);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #eaeaea, #f5f5f5);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #eaeaea, #f5f5f5);
	/* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #eaeaea, #f5f5f5);
	/* 鏍囧噯鐨勮娉� */
}

.b3_title {
	font-size: 32px;
	line-height: 60px;
}

.b3_info {
	font-size: 18px;
	line-height: 32px;
}

.b3_img {
	margin-top: 43px;
	margin-left: 120px;
}

.b3_img img {
	width: 434px;
	height: 580px;
}

.b3_i {
	margin-left: 50px;
	margin-top: 90px;
}

/* banner4 */
.banner4_box {
	height: 765px;
	background-color: #fff;
}

.banner4 {
	height: 100%;
	background-image: url(/static/web/img/b4.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
}

.b4_con {
	margin-top: 135px;
	margin-right: 42px;
	width: 550px;
}

.b4_t {
	font-size: 32px;
	line-height: 60px;
}

.b4_info {
	font-size: 18px;
	line-height: 30px;
}

/* banner5 */
.banner5_box {
	width: 100%;
	background: -webkit-linear-gradient(#ffffff, #d6e1ff);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#ffffff, #d6e1ff);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#ffffff, #d6e1ff);
	/* Firefox 3.6 - 15 */
	background: linear-gradient(#ffffff, #d6e1ff);
	/* 鏍囧噯鐨勮娉� */
}
.banner5{
	box-sizing: border-box;
	padding-top: 85px;
}
.b5_l{
	width: 550px;
	box-sizing: border-box;
	padding-left: 65px;
}
.b5_item{
	margin-top: 20px;
}
.b5_title{
	font-size: 32px;
	line-height: 90px;
}
.b5_il,.b5_il img{
	width: 95px;
	height: 95px;
}
.b5_r_i{
	box-sizing: border-box;
	padding-left: 20px;
	font-size: 17px;
	line-height: 30px;
}
.b5_r_ia{
	box-sizing: border-box;
	padding-left: 20px;
	font-size: 17px;
	line-height: 45px;
}
.b5_r img{
	display: block;
	border: none;
}
/* banner6 */
.banner6_box{
	width: 100%;
	background-color: #fff;
}
.banner6{
	box-sizing: border-box;
	padding: 50px 70px 80px 70px;
}
.b6_title{
	font-size: 32px;
	text-align: center;
	line-height: 50px;
}
.b6_info{
	text-align: center;
	font-size: 18px;
}
.b6_item{
	margin-top: 50px;
	width: 265px;
	height: 340px;
}
.b6_item>p{
	font-size: 22px;
	box-sizing: border-box;
	padding-left: 26px;
	color: #fff;
}
.b6_item>p:first-child{
	margin-top: 140px;
}
.banner6 .b6_item:nth-of-type(1){
	background-image: url(/static/web/img/b6_1.png);
}
.b6_i_t{
	overflow: hidden;
	width: 100%;
	height: 50%;
}
.b6_i_t>p{
	box-sizing: border-box;
	padding-left: 20px;
	color: #fff;
	font-size: 22px;
}
.b6_i_t>p:first-child{
	margin-top: 60px;
}
.banner6 .b6_item:nth-of-type(2) .b6_i_t:first-child{
	background-image: url(/static/web/img/b6_2.png);
}
.banner6 .b6_item:nth-of-type(2) .b6_i_t:last-child{
	background-image: url(/static/web/img/b6_3.png);
}
.banner6 .b6_item:nth-of-type(3) .b6_i_t:first-child{
	background-image: url(/static/web/img/b6_4.png);
}
.banner6 .b6_item:nth-of-type(3) .b6_i_t:last-child{
	background-image: url(/static/web/img/b6_5.png);
}
.banner6 .b6_item:nth-of-type(4) .b6_i_t:first-child{
	background-image: url(/static/web/img/b6_6.png);
}
.banner6 .b6_item:nth-of-type(4) .b6_i_t:last-child{
	background-image: url(/static/web/img/b6_7.png);
}
/* banner7 */
.banner7_box{
	width: 100%;
	height: 570px;
	position: relative;
}
.z{
	position: absolute;
	width: 60%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #d4dcf3;
}
.b7_r{
	margin-top: 50px;
}
.banner7{
	position: relative;
	z-index: 2;
}
.b7_l_top{
	width: 440px;
	margin-top: 50px;
	margin-bottom: 188px;
	margin-left: 40px;
}
.b7_l_bottom{
	width: 345px;
	margin-left: 40px;
}
.b7_title{
	line-height: 50px;
	font-size: 32px;
	color: #fff;
}
.b7_info{
	line-height: 30px;
	font-size: 18px;
	color: #fff;
}
.b7_i_l{
	text-align: center;
	width: 96px;
}
.b7_i_img{
	margin-bottom: 10px;
}
.b7_i_l:nth-of-type(n+2){
	margin-left: 25px;
}
.b7_i_info{
	line-height: 20px;
	color: #fff;
}
.b7_i_l:last-child{
	margin-top: 5px;
}
/* banner8 */
.banner8{
	padding-top: 70px;
}
.b8_title{
	font-size: 32px;
	line-height: 50px;
	text-align: center;
}
.b8_info{
	font-size: 18px;
	text-align: center;
}
.exam_list{
	width: 100%;
	margin-top: 50px;
}
.exam_item{
	width: 370px;
	margin: 15px;
}
.exam_img img{
	width: 368px;
	height: 247px;
}
.exam_name{
	text-align: center;
	line-height: 70px;
	font-size: 18px;
}
.exam_name a{
	color: #282828;
}
.exam_name a:hover{
	text-decoration: underline;
	color: #275ad3;
}
@media (max-width: 767px) {
    .center {
        width: 100%;
    }
    .banner1 img:nth-of-type(1) {
        left: 0;
        top: 75px;
        width: 197px;
        height: 177px;
    }
    .banner_box{
        width: 100%;
        background: none;
    }
    .banner1 img:nth-of-type(1) {
        left: 19px;
        top: 6px;
        width: 126px;
        height: 113px;
    }
    .banner1 > img:nth-of-type(2) {
        position: absolute;
        right: 21px;
        top: 0px;
        width: 100px;
        height: 72px;
    }
    .banner1 > img:nth-of-type(3) {
        display: block !important;
    }
    .banner1 {
        height: auto;
    }
    .banner2 {
        padding: 0 12px;
    }
    .b2_title {
        line-height: 43px;
        font-size: 20px;
    }
    .b2_info {
        font-size: 14px;
    }
    .b2_item {
        margin-left: 10px;
        margin-bottom: 15px;
        width: 33.33%;

        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start;
        align-items: center;
    }
    .b2_img {
        width: 50px;
        height: 50px;
    }
    .b2_i {
        width: auto;
    }
    .b2_t {
        line-height: 40px;
        font-size: 15px;
    }
    .b2_t_all {
        font-size: 15px;
    }
    .l {
        float: none;
		width: 60%;
    }
    .banner2_box {
        padding-bottom: 0;
		background-size: 100%;
    }
    .b3_img img {
        width: 100%;
        height: 100%;
    }
    .b3_img {
        margin-top: 0;
        margin-left: 10px;
        width: 100%;
        height: auto;
    }
    .b3_title, 
    .b4_t {
        font-size: 15px;
        line-height: 17px;
    }
    .b3_i {
        margin-top: 5px;
        margin-left: 0px;
		width: 100%;
		padding: 0 12px;
    }
    .b3_info,
    .b4_info {
        font-size: 10px;
        line-height: 16px;
    }
    .banner3_box {
        width: 100%;
        height: 262px;
        padding-top: 20px;
        background-color: #f5f5f5;
        background: -webkit-linear-gradient(left, #eaeaea, #f5f5f5);
        background: -o-linear-gradient(right, #eaeaea, #f5f5f5);
        background: -moz-linear-gradient(right, #eaeaea, #f5f5f5);
        background: linear-gradient(to right, #eaeaea, #f5f5f5);
    }
    .banner3 {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
    }
    .banner4_box {
        height: 250px;
    }
    .b4_con {
        margin-top: 5px;
		margin-right: 0;
        width: 100%;
		padding: 0 12px;
    }
    .banner5 {
        padding-top: 0;
        margin-top: 20px;
    }
    .b5_title {
        font-size: 17px;
        line-height: 18px;
        margin-top: 15px;
        text-align: center;
    }
    .b5_l {
        width: auto;
        box-sizing: border-box;
        padding-left: 10px;
    }
    .b5_il, .b5_il img {
        width: 100%;
        height: 100%;
    }
    .banner5 {
        display: flex;
        flex-flow: row wrap;
    }
    .b5_l {
        width: 100%;
        box-sizing: border-box;
        padding-left: 10px;
		padding-bottom: 10px;
    }
    .b5_r {
        display: flex;
        flex-flow: row nowrap;
        justify-content: center;
        align-items: center;
        
        width: 100%;
    }
    .b5_il {
        width: 30px;
        height: 30px;
    }
    .b5_il img {
        width: 100%;
        height: 100%;
    }
    .b5_item {
        display: flex;
        flex-flow: row nowrap;
        margin-top: 5px;
		justify-content: center;
    }
    .b5_r_i,
    .b5_r_ia {
        box-sizing: border-box;
        padding-left: 10px;
        font-size: 9px;
        line-height: 17px;
    }
    .b5_r img {
        width: 100%;
    }
    .banner6 {
        padding: 0;
    }
    .b6_title {
        line-height: 43px;
        font-size: 20px;
    }
    .b6_item_box {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        align-items: center;
        font-size: 14px;
    }
    .b6_item {
        margin-top: 20px;
        width: 50%;
        height: 165px;
    }
	.b6_item:nth-child(3),
	.b6_item:nth-child(4){
		margin-top: 0;
	}
    .b6_item, .b6_i_t {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .b6_item > p, .b6_i_t > p {
        font-size: 11px;
        padding-left: 16px;
        line-height: 18px;
    }
    .b6_i_t > p:first-child {
        margin-top: 20px;
    }
    .b6_item > p:first-child {
        margin-top: 65px;
    }
    .b7_l_top {
        width: 90%;
        /*margin-top: 0px;*/
        /*margin-bottom: 0px;*/
        /*margin-left: 5px;*/
		margin: 0 auto;
    }
    .b7_title {
        line-height: 17px;
        font-size: 13px;
        color: #fff;
        padding-top: 10px;
    }
    .b7_info {
        line-height: 16px;
        font-size: 10px;
        color: #fff;
    }
    .b7_i_info {
        line-height: 14px;
        color: #fff;
        font-size: 9px;
    }
    .b7_i_img {
        width: 20px;
        height: 20px;
    }
    .b7_i_img > img {
        width: 100%;
        height: 100%;
    }
    .b7_l_bottom {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-around;
        align-items: flex-start;

        width: 100%;
        margin-left: 0px;
        margin-top: 45px;
    }
	.b7_l_bottom:after{
		display: none;
	}
    .b7_i_l {
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;

        width: 60px;
    }
    .b7_i_l:last-child {
        margin-top: 0;
    }
    .b7_i_l:nth-of-type(n+2) {
        margin-left: 0;
    }
    .banner7 {
        display: flex;
        flex-flow: row wrap;
    }
    .b7_l {
        width: 100%;
    }
    .b7_r {
        width: 100%;
        margin-top: 20px;
    }
    .b7_r > img {
        width: 100%;
    }
    .banner7_box {
        margin-top: 30px;
        height: auto;
    }
    .banner8 {
        padding-top: 30px;
    }
    .b8_title {
        line-height: 43px;
        font-size: 20px;
        text-align: center;
    }
    .exam_list {
        width: 100%;
        margin-top: 30px;
    }
    .exam_list {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: center;
		padding: 0 12px;
    }
    .exam_item {
        width: 45%;
        margin: 0;
        padding: 0;
    }
    .exam_img img {
        width: 100%;
        height: 100%;
    }
    .exam_name {
        text-align: center;
        line-height: 30px;
        font-size: 9px;
    }
	.b2_con{
		margin-top: 20px;
	}
    .b2_con_item {
        margin-top: 0px;
        display: flex;
        flex-flow: row wrap;
    }
    .b2_in {
        /*font-size: 5px;*/
        line-height: 14px;
    }
    .b2_t,
    .b2_t_all {
        line-height: 15px;
        /*font-size: 7px;*/
    }
    .b2_i {
        width: 60%;
        padding-left: 5px;
    }
    .b2_img {
        width: 60px;
        height: 60px;
		margin-right: 20px;
    }
    .b2_item {
		width: 100%;
        margin-left: 5px;
        margin-bottom: 5px;
		margin-top: 5px;
		justify-content: center;
    }
    .z {
		width: 100%;
        height: 103%;
    }
















}
@media (max-width: 1200px) and (min-width: 768px){
    .container {
        width: 1200px;
    }
}


@media (max-width: 768px) {
	.huan_h{
		display: block;
	}
}