html,body{min-width: 1200px;margin:0;padding:0;}
#main{background: #fff  no-repeat center 641px;font-size: 0;font-family: "Microsoft YaHei";color: #000;position: relative;}
/*comment*/
div, span, ul, li, p, form, img, input, label, table, thead, tbody, tr, th, td, hr, textarea, a ,h1, h2, h3, h4, h5, h6{margin:0;padding:0;}
#main, #main div, #main span, #main ul, #main li, #main p, #main form, #main img, #main input, #main label, #main table, #main thead, #main tbody, #main tr, #main th, #main td, #main hr, #main textarea, #main a {-moz-box-sizing: border-box;  /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/}
#main li{list-style: none;}
/*#main a{cursor: pointer;font-size: 14px;text-decoration: none;font-weight: bold;color: #000;}*/
#main h6{font-size: 14px;font-weight: bold;}
#main h5{font-size: 16px;font-weight: bold;}
#main h4{font-size: 18px;font-weight: bold;}
#main h2{font-size: 22px;font-weight: bold;}
#main .btn-box.btn-inline{text-align: center;}
#main .btn-inline .btn{display: inline-block;}
#main .btn{
	background-color: #ff452c;color: #fff;font-size: 14px;width: 175px;height: 40px;line-height: 36px;border: 2px solid #ff452c;
	border-radius: 50px;font-weight: bold;text-align: center;cursor: pointer;margin: 0 auto;
	-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;
}
#main .btn.btn-large{height: 46px;line-height: 42px;}
#main .btn:hover, #main .btn.active{color: #ff452c;background-color: transparent;}
#main .fr{float: right;}
#main .fl{float: left;}
#main .tl{text-align: left}
#main .tc{text-align: center;}
#main .tr{text-align: right;}
#main .clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
#main .title{font-weight: bold;text-align: center;}
#main .icon{background-image: url(../images/icons.png);background-repeat: no-repeat;}
#main .border{border: 2px solid #ffef8f;position: relative;}
#main .border:before{
	content: "";
	position: absolute;
	border: 2px solid #8d8d8d;
	left: -4px;
	top: -4px;
	width: 100%;
	height: 100%
}
#main .section input,#main .section textarea, #main .section select{border: 0;resize:none;outline: none;font-size: 14px;color: #333;}
#main .section select{appearance:none;-moz-appearance:none;-webkit-appearance:none;}
#main .section select::-ms-expand{display: none;}

/*select*/
#main .container .select{position: relative;display: inline-block;}
#main .container .select:after{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 12px solid #434343;
	top: 50%;
	margin-top: -6px;
	right: 10px;
}
#main .container .select input{cursor: default;}
#main .container .select ul{
	display: none;
	position: absolute;
	font-size: 14px;
    z-index: 100;
    overflow: auto;
    color: #000;
    padding: 5px 0;
    background-color: #fff;
    line-height: 24px;
    border: 1px solid #ecedf6;
    width: 170px;
    max-height: 200px;
}
#main .container .select ul.active{display: block;}
#main .container .select ul li{padding-left: 35px;cursor: pointer;}
#main .container .select ul li:hover{background-color: #e5e5e5;}

/*header*/
#main .header{background: url(../images/header.jpg) no-repeat center top;position: relative;height: 450px;}
#main .header .btn-box{padding: 308px 0 0 790px;width: 1000px;margin: 0 auto;text-align: left;}
#main .header .btn-box .btn{margin-bottom: 19px;}
#main .nav{
	width: 100%;
	position: absolute;
	top: 450px;
}
#main .nav.fixed{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background-color: #fff;
}
#main .nav ul{
	width: 1000px;
	margin: 0 auto;
	height: 50px;
	line-height: 50px;
}
#main .nav ul li{
	display: inline-block;
	font-size: 14px;
	color: #000;
	cursor: pointer;
	font-weight: bold;
	letter-spacing: 1px;
	width: 125px;
	text-align: center;
}
#main .nav li:hover, #main .nav li.active{background-color: #fce13a;}

#main .introduce{width: 1000px;margin: 0 auto;line-height: 24px;height: 123px;padding-top: 75px;}
#main .introduce .tit{
    font-size: 14px;
    font-weight: bold;
    position: relative;
    margin-right: 30px;
}
#main .introduce .tit:after{
	content: ":";
	position: absolute;
	top: 10px;
	margin-left: 7px;
	font-size: 20px;
	color: #032912;
}
#main .introduce .text{font-size: 14px;letter-spacing: 0.5px;}
/*bg*/
#main .bg{background-repeat: no-repeat;background-position: top center;}
#main .bg01{background-image: url(../images/bg_01.png);}
#main .bg02{background-image: url(../images/bg_02.png);background-position-y: 641px;}
#main .bg03{background-image: url(../images/bg_03.png);background-position-y: 152px;}

/*section*/
#main .section .headline,#main .section .headline p{width: 1000px;margin: 0 auto;}
#main .section .headline img{width: auto;}
#main .section4 .headline,#main .section6 .headline,#main .section8 .headline,#main .section10 .headline{text-align: right;}

#main .section .container{width: 1000px;margin: 0 auto;}
#main .section .last{margin-right: 0!important;}


#main .section1 .headline img{margin-left: -6px;}
#main .section1 .item{
	width: 230px;
	height: 226px;
	display: inline-block;
	vertical-align: top;
	margin: 0 26px 21px 0;
	background: transparent;
	padding: 22px 27px 0;
	text-align: center;
}
#main .section1 .item .top{
	height: 67px;
	
	font-weight: bold;
}
#main .section1 .item .top .icon{
	width: 48px;
	height: 48px;
	display: inline-block;
	vertical-align: middle;
	background-position: -5px -5px;
}
#main .section1 .item .top span{
	font-size: 18px;
	line-height: 54px;
	display: inline-block;
	vertical-align: top;
}
#main .section1 .item .line{
	height: 2px;
	background-color: #bababa;
	border-top: 1px solid #8d8d8d;
	margin-bottom: 12px;
}
#main .section1 .item .line:after{
	content: "";
	display: block;
	width: 100%;
	margin: 1px 0 0 2px;
	height: 1px;
	background-color: #f5e689;
	border-bottom: 1px solid #fff5bc;
	
}
#main .section1 .item p{font-size: 14px;line-height: 22px;}
#main .section1 .btn{margin: 5px 20px 70px;width: 217px;}

#main .section2 .headline p{
	width: 574px;
	height: 537px;
	background-color: #ffdd20;
	margin-left: 47px;
	padding-left: 40px;
}
#main .section2 .container{margin-top: -225px;position: relative;}
#main .section2 .item{
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
}
#main .section2 .item1{
	width: 500px;
	height: 367px;
	background-image: url(../images/pic_01.jpg);
	margin: -244px 21px 11px 0px;
}
#main .section2 .item2{
	width: 429px;
	height: 480px;
	background-image: url(../images/pic_02.jpg);
}
#main .section2 .item3{
	width: 534px;
	height: 372px;
	background-image: url(../images/pic_03.jpg);
	margin-bottom: 86px;
}
#main .section2 .item .bottom,
#main .section2 .item .shadow{
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: rgba(0,0,0,0.75);
}
#main .section2 .item .bottom{
	height: 84px;
	text-align: center;
	line-height: 84px;
	font-size: 24px;
	font-weight: bold;
	color: #fff000;
    opacity: 1;
}
#main .section2 .item .shadow{opacity: 0;top: 0;padding: 35px 35px 0;}
#main .section2 .item .shadow h2{
	font-size: 24px;
	color: #fff000;
	font-weight: bold;
	text-align: center;
	line-height: 24px;
	margin-bottom: 28px;
}
#main .section2 .item:hover .bottom{opacity: 0;}
#main .section2 .item:hover .shadow{opacity: 1;}
#main .section2 .item .shadow .shadow-item{position: relative;}
#main .section2 .item .shadow h5{
	color: #fff000;
	line-height: 16px;
	margin-bottom: 16px;
}
#main .section2 .item .shadow p{
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	position: relative;
	padding-left: 13px;
}
#main .section2 .item .shadow p:before{
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #fff;
}
#main .section2 .item .shadow p span{font-weight: bold;}
#main .section2 .item .shadow .shadow-item .btn{
	position: absolute;
	right: 10px;
	top: -2px;
	width: 141px;
}
#main .section2 .line{border-bottom: 1px dashed #fff;margin: 19px 20px 22px 0;}
#main .section2 .shadow-btn{margin: 18px auto 0;width: 141px;}


#main .section3 .headline{background-color: #ffdd20;width: 100%;}
#main .section3 .container{margin: 38px auto 43px;padding-right: 268px;position: relative;}
#main .section3 .item{
	display: inline-block;
	vertical-align: top;
	width: 458px;
	height: 76px;
	border: 2px solid #ffef8f;
	font-size: 14px;
	line-height: 24px;
	padding: 14px 30px 0 24px;
}
#main .section3 .item2{margin-top: 17px;}
#main .section3 .item3{
	width: 244px;
	height: 169px;
	margin: -76px 0 0 -2px;
	padding: 35px 35px 0 25px;
	text-align: center;
	font-weight: bold;
}
#main .section3 .item .icon{
	width: 38px;
	height: 42px;
	display: inline-block;
	background-position: -5px -65px;
	margin-right: 10px;
}
#main .section3 .item2 .icon{background-position-x: -64px;}
#main .section3 .item span{display: inline-block;vertical-align: top;}
#main .section3 .item span.label{font-weight: bold;position: relative;margin-right: 22px;}
#main .section3 .item span.label:after{
	content: ":";
	position: absolute;
	top: 10px;
	margin-left: 6px;
	font-size: 16px;
}
#main .section3 .content{
	width: 268px;
	height: 354px;
	background-color: #f4f4f3;
	position: absolute;
	right: 0;
	top: -186px;
	padding: 35px 35px 0 40px;
	line-height: 24px;letter-spacing: 1px;
}
#main .section3 .content h5{
	color: #fe5339;
	text-align: center;
}
#main .section3 .content h5 span{font-size: 22px;}
#main .section3 .content h6{margin: 30px 0 6px;}
#main .section3 .content p{font-size: 14px;}


#main .section4 .headline img{margin-right: -22px;}
#main .section4 .item{
	display: inline-block;
	width: 661px;
	height: 233px;
	margin-bottom: 33px;
	line-height: 24px;
}
#main .section4 .item1{width: 315px;height: 633px;margin-right: 24px;}
#main .section4 .item3,#main .section4 .item4{height: 265px;}
#main .section4 .item4{margin-bottom: 75px;}
#main .section4 .item img{position: absolute;top: -21px;z-index: 1;}
#main .section4 .item1 img{left: -17px;}
#main .section4 .item2 img,#main .section4 .item4 img{left: 14px;}
#main .section4 .item3 img{right: 14px;}
#main .section4 .item .content{position: absolute;top: 36px;bottom: 0;left: 210px;right: 30px;}
#main .section4 .item1 .content{top: 205px;left: 14px;right: 14px;}
#main .section4 .item2 .content{top: 33px;}
#main .section4 .item3 .content{left: 27px;right: 215px;}
#main .section4 .item h5{
	font-size: 22px;
	margin: 0 auto 16px;
	padding-bottom: 22px;
	border-bottom: 1px dashed #a7a7a7;
}
#main .section4 .item1 h5{text-align: center;margin-bottom: 26px;}
#main .section4 .item p{
	font-size: 14px;
	margin-bottom: 5px;
	position: relative;
	padding: 0 0 0 11px;
}
#main .section4 .item p.inline{display: inline-block;}
#main .section4 .item p.inline.first{padding-right: 57px;}
#main .section4 .item p:before{
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #000;
	position: absolute;
	left: 0px;
	top: 9px;
}
#main .section4 .item1 p:before{left: 16px;}
#main .section4 .item p span{font-weight: bold;}
#main .section4 .item1 p{padding: 0 22px 0 27px;}
#main .section4 .item .btn{margin: -10px auto 0;width: 202px;}
#main .section4 .item1 .btn{margin-top: 18px;width: 242px;}

#main .section5 .headline img{margin-left: -6px;}
#main .section5 .tab-box{
	text-align: right;
	margin: -85px 0 19px;
}
#main .section5 .tab-box .tab{
	width: 230px;
	height: 66px;
	line-height: 62px;
	border-radius: 0;
	margin-left: 30px;
}
#main .section5 .panel-box .panel{width: 998px;height: 703px;display: none;}
#main .section5 .panel-box .panel.active{display: block;}
#main .section5 .panel .item{position: absolute;top: 0;padding: 43px 35px 0;}
#main .section5 .panel .item1{left: 0;width: 310px;}
#main .section5 .panel .item2{left: 310px;right: 0;}
#main .section5 .panel .item h2{
	text-align: center;
	line-height: 22px;
	padding-bottom: 28px;
	border-bottom: 1px dashed #939393;
	margin-bottom: 25px;
}
#main .section5 .panel .item p{font-size: 14px;line-height: 24px;margin-bottom: 12px;}
#main .section5 .panel .item p span{font-weight: bold;}
#main .section5 .panel .item1 img{margin: 12px 0 13px;}
#main .section5 .panel2 .item1 img{margin-top: 0;}
#main .section5 .panel2 .item2 p,
#main .section5 .panel2 .item2 img{margin-bottom: 4px;}
#main .section5 .panel3 .item2 p{margin-bottom: 0;}
#main .section5 .panel3 .item1 img{margin-top: 24px;}
#main .section5 .panel3 .item2 p>span{display: block;margin-bottom: 6px;}
#main .section5 .panel .item1 .tit{font-size: 14px;text-align: center;color: #a3a3a3;}
#main .section5 .panel .item .btn{width: 202px;margin: 11px 18px 0;}

#main .section6 .headline img{margin-right: -13px;}
#main .section6 .container{
	width: 1000px;
	height: 106px;
	background-color: #ffdd20;
	margin-bottom: 40px;
	padding: 34px 0 0 40px;
}
#main .section6 .form-item{
	display: inline-block;
	vertical-align: top;
	margin-right: 29px;
	position: relative;
}
#main .section6 .icon{
	position: absolute;
	height: 40px;
	width: 45px;
	background-position: -128px -59px;
}
#main .section6 input{
	width: 170px;
	height: 40px;
	background-color: #fff;
	padding-left: 45px;
}
#main .section6 .btn{width: 121px;display: inline-block;}


#main .section7 .container{width: 1000px;height: 429px;}
#main .section7 .item{
	display: inline-block;
	vertical-align: top;
	height: 100%;
	position: relative;
	padding: 34px 0 0;
}
#main .section7 .item1{width: 324px;}
#main .section7 .item2{width: 345px;padding-top: 224px;}
#main .section7 .item3{width: 327px;}
#main .section7 .item img{position: absolute;}
#main .section7 .item1 img{left: -21px;bottom: 25px;}
#main .section7 .item2 img{top: -38px;left: 0;}
#main .section7 .item3 img{right: -18px;bottom: 0;}
#main .section7 .item h4{font-size: 18px;line-height: 18px;font-weight: bold;text-align: center;}
#main .section7 .item p{font-size: 14px;line-height: 24px;margin: 17px auto 0;width: 260px;}
#main .section7 .btn{margin: 26px 23px 0;width: 183px;}

#main .section8{margin-top: -66px;}
#main .section8 .headline img{margin-right: -15px;}
#main .section8 .container{margin-top: -487px;}
#main .section8 .container h6{color: #fe5339;line-height: 14px;margin: 0 0 27px 169px;}
#main .section8 .container .item{
	width: 888px;
	height: 98px;
	margin-bottom: 23px;
	border-color: #f4e588;
	line-height: 98px;
	padding: 0 0 0 30px;
	letter-spacing: 1px;
}
#main .section8 .container .item2{height: 117px;line-height: 117px;}
#main .section8 .container .item .icon{
	height: 37px;
	width: 37px;
	background-position: -342px -65px;
	margin: 14px 0 6px 18px;
}
#main .section8 .container .item2 .icon{margin-top: 20px;}
#main .section8 .container .item h5{margin-right: 70px;line-height: 24px;}
#main .section8 .container .item .content{display: inline-block;vertical-align: middle;line-height: 24px;width: 660px;}
#main .section8 .container .item p{font-size: 14px;}
#main .section8 .container .btn{margin: 7px 27px 42px;width: 188px;}

#main .section9 .headline img{margin-left: -113px;}
#main .section9 .item{display: inline-block;vertical-align: top;}
#main .section9 .answer-box{
	margin-top: 43px;
	width: 555px;
	line-height: 24px;
	padding-right: 50px;
}
#main .section9 .answer-box h5:before{
	content: "";
	display: inline-block;
	vertical-align: top;
	background: url(../images/icons.png) no-repeat -5px -125px;
	width: 38px;
	height: 27px;
}
#main .section9 .answer-box p{
	font-size: 14px;
	margin: 11px 0 34px;
}
#main .section9 .form-box{
	width: 444px;
	height: 519px;
	margin-top: -58px;
}

#main .section9 .form-box .content{
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 35px;
}
#main .section9 .form-box h6{color: #fe5339;margin-left: -5px;line-height: 14px;}
#main .section9 .form-box .question-box{
	background-color: #f4f4f3;
	height: 132px;
	overflow-y: auto;
	padding: 15px 5px 15px 50px;
	margin: 19px 0 25px;
}
#main .section9 .form-box .question-box p{
	font-size: 14px;
	line-height: 28px;
	cursor: pointer;
	position: relative;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}
#main .section9 .form-box .question-box p:hover{font-size: 15px;}
#main .section9 .form-box .question-box p:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #000;
	margin: 0 6px 0 0;
	position: absolute;
	left: -12px;
	top: 11px;
}
#main .section9 .form-item{display: inline-block;margin-bottom: 20px;}
#main .section9 .form-box label{
	font-size: 14px;
	line-height: 40px;
	margin: 0 10px 0 0;
	font-weight: bold;
	vertical-align: top;
}
#main .section9 .form-box input,#main .section9 .form-box textarea{
	background-color: #f4f4f3;
	padding-left: 10px;
	width: 120px;
	height: 40px;
}
#main .section9 .form-box textarea{padding: 15px;}
#main .section9 .form-box textarea{width: 304px;height: 132px;}
#main .section9 .form-box .btn{width: 188px;}

#main .section10 .headline img{margin-right: 30px;}
#main .section10 .container{position: relative;}
#main .section10 .wrapBox{
	width: 906px;
	height: 464px;
	position: relative;
	margin: 0 auto;
	padding-top: 37px;
	overflow: hidden;
}
#main .section10 .wrapBox .wrap{
	position: absolute;
	left: 0;
	width: 300%;
}
#main .section10 .wrap li{float: left;width: 906px;}
#main .section10 .wrap li .item{
	width: 443px;
	margin: 0 5px;
	height: 427px;
	display: inline-block;
	vertical-align: top;
	position: relative;	
	border-radius: 4px;
}
#main .section10 .wrap li .item:before{background-color: #fff;border-radius: 4px;}
#main .section10 .wrap li .item:after{
	content: "";
	background: url(../images/icons.png) no-repeat -83px -125px;
	width: 61px;
	height: 95px;
	position: absolute;
	right: 17px;
	top: -17px;
}
#main .section10 .item .top,#main .section10 .item .bottom{position: absolute;left: -2px;width: 100%;}
#main .section10 .item .top{
	height: 65px;
	background-color: #fde541;
	top: -2px;
	line-height: 65px;
	padding-left: 40px;
}
#main .section10 .item .top a{
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 18px;
	font-weight: bold;
}
#main .section10 .item .bottom{
	bottom: 2px;
	top: 63px;
	padding: 23px 30px 0 40px;
	line-height: 26px;
}
#main .section10 .item .bottom .content{height: 270px;}
#main .section10 .item .bottom p{font-size: 14px;}
#main .section10 .item .bottom p span{font-weight: bold;}
#main .section10 .item .bottom p.school{margin-bottom: 18px;}
#main .section10 .item .bottom .btn{width: 178px;}
#main .section10 .arrow{
	position: absolute;
	top: 223px;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: 2px solid #000;
	background-position: 9px -181px;
	cursor: pointer;
}
#main .section10 .arrow.prev{left: -11px;}
#main .section10 .arrow.next{right: -11px;background-position-x: -28px;}

#main .section11,#main .section12{background-color: #ffdd20;}
#main .section11{margin-top: 47px;}
#main .section11 .headline img{margin: -47px 0 40px 122px;}
#main .section11 .item{width: 200px;margin-right: 60px;display: inline-block;text-align: center;}
#main .section11 .item .circle{
	width: 173px;
	height: 173px;
	border-radius: 50%;
	background-color: #fff;
	border: 2px solid #8d8d8d;
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
	margin: 0 auto;
}
#main .section11 .item .icon{
	height: 70px;
	width: 71px;
	background-position: -172px -125px;
	margin: 27px auto 17px;
}
#main .section11 .item p{
	font-size: 16px;
	margin: 13px 0 30px;
	line-height: 22px;
}

#main .section12 .headline img{margin-left: 143px;}

/*yuyue*/
#Campuses1 .Majors-T,
#Rate-Shadow .New-rate h6,
.floatLeft_top{background: #ffe221!important;color: #000!important;}
#Campuses1 .C-Button>span,
#Rate-Shadow .Ntest-btn{background: #ff452c!important;border-color: #ff452c!important;}
#Campuses1 .C-Button>span:hover,
#Rate-Shadow .Ntest-btn:hover{background: transparent!important;color: #ff452c!important;}
#imageField{background: #ff452c!important;}
#imageField:hover{opacity: 0.8;}