/* CSS Document */
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, fieldset, button, input, textarea, th, td { margin:0; padding:0;}
body { font:12px/1.6 "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; color:#666; text-align:center; background-color:#fff;}
ul, ol, li { list-style:none;}
a { text-decoration:none; color:#666;}
a:hover { text-decoration:none; color: #2541a9;}
fieldset, img { border:none;}
button, input, select, textarea { font-size:100%; font-family:"Microsoft YaHei";}
table { border-collapse:collapse; border-spacing:0;}
h1, h2, h3 { font-size:16px;}

/*---基础样式标准---*/
em { font-style:normal;}
.clearfix{*zoom:1;}
.clearfix:after{display:block;clear:both;height:0;content:"\0020"}

/*--结构--*/
.layout { width:1200px; margin:0 auto; text-align:left;}

/*---header---*/
.header { background-color: #fff; height: 100px; box-shadow: 0 0 8px rgba(0,0,0,0.3); border-top: 10px solid #003b8a;}
.logo { float: left; padding: 11px 0 0 0; margin-right: 160px;}
.logo img { display: block;}
.nav { float: left; padding-top: 30px;}
.nav li { float: left; margin-right: 3px;}
.nav li a { font-size: 16px; padding: 5px 28px; display: block; color: #333;}
.nav li a.cur { background-color: #003b8a; color: #fff;}
.nav li a:hover { background-color: #003b8a; color: #fff;}
.top-tel { float: right; padding-top: 28px; line-height: 1; font-size: 15px;}
.top-tel h3 { font-size: 27px; font-weight: normal; color: #d71b18;}


.i-tit { text-align: center; font-size: 18px; position: relative; margin-bottom: 100px;}
.i-tit i { position: absolute; color: #003b8a; left: 50%; margin-left: -30px; top: 40px; font-size: 12px;}

/*--banner--*/
.banner { height: 700px;}

/*--i-mission--*/
.i-mission { padding: 150px 0;}
.i-mission p { padding: 0 150px 30px 150px; font-size: 16px; }

/*--i-product--*/
.i-product { padding: 120px 0; background-color: #f5f5f5;}
.i-product .layout { width: 900px;}
.i-product ul { padding-top: 20px;}
.i-product ul li { float: left; width: 50%; text-align: center;}
.i-product ul li span { display: inline-block; border: 3px solid #ddd; position: relative; padding: 60px 80px 30px 80px; font-size: 18px;}
.i-product ul li span i { color: #003b8a; position: absolute; left: 50%; font-size: 80px; top: -40px; margin-left: -60px; background-color: #f5f5f5; padding: 0 20px; line-height: 1;}

/*--i-customer--*/
.i-customer { padding: 80px 0 60px 0;}
.i-customer .layout { width: 1000px;}
.i-customer ul li { float: left; width: 25%; text-align: center; margin-bottom: 20px;}
.i-customer ul li img { width: 120px;}
.i-customer ul li p { font-size: 18px; padding: 5px 0;}

/*--i-contact---*/
.i-contact { padding: 80px 0 100px 0; background-color: #003b8a; color: #fff;}
.i-contact .layout { width: 900px;}
.i-contact .i-tit i { color: #fff;}
.i-contact-left { float: left; border-right: 1px solid #114ea0; padding-right: 100px;}
.i-contact-add { position: relative; padding-left: 80px; margin-bottom: 20px;}
.i-contact-add i { position: absolute; margin: -10px 0 0 -70px; font-size: 50px;}
.i-contact-add p { width: 180px;}

.i-contact-tel { position: relative; padding-left: 80px;}
.i-contact-tel i { position: absolute; margin: -20px 0 0 -80px; font-size: 60px;}

.i-contact-right { float: right;}
.i-contact-right ul li { float: left; text-align: center; margin-left: 20px; font-size: 14px;}
.i-contact-right ul li img { width: 130px;}

/*--footer--*/
.footer { padding: 30px 0; background-color: #181818;}
.f-logo { float: left; width: 590px; text-align: right;}
.f-con { float: right; width: 590px; text-align: left; padding-top: 4px;}


/*---关于我们--*/
.aboutus-box { padding: 80px 0;}
.aboutus-box ul li { float: left; width: 600px; height: 120px; color: #333;}
.aboutus-box ul li.l1 { background-color: #eee; padding: 32px 0 0 50px; width: 550px; height: 88px;}
.aboutus-box ul li.l4 { background-color: #eee; padding: 32px 0 0 50px; width: 550px; height: 88px;}
.aboutus-box ul li h2 { font-size: 18px; color: #003b8a;}
.aboutus-box ul li p { font-size: 16px;}

.aboutus-con { padding: 100px 150px 20px 150px; font-size: 16px;}
.aboutus-con p { margin-bottom: 20px; text-align: justify;}
.aboutus-con i { position: relative; font-size: 12px; margin-left: -6px; color: #003b8a;}


/*--course-box--*/
.course-box { padding: 80px 0;}
.course-box ul li {*zoom:1; margin-bottom: 40px; border-bottom: 1px solid #ddd; padding-bottom: 40px;}
.course-box ul li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
.course-box ul li:after{display:block;clear:both;height:0;content:"\0020"}
.course-box .time { background-color: #f5f5f5; float: left; width: 120px; height: 65px; border: 2px solid #ddd; margin-right: 40px; text-align: center; padding-top: 22px;}
.course-box .time h3 { font-size: 20px; line-height: 1;}
.course-box .time p { font-size: 16px;}
.course-box .tit { float: left; line-height: 87px;}
.course-box .btn-add { float: right; font-size: 24px; color: #003b8a; margin-top: 21px;}
.course-box .btn-minus { float: right; display: none; font-size: 24px; color: #003b8a; margin-top: 21px;}
.course-box .course-con { display: none; clear: both; margin: 20px 0 0 164px; padding: 20px; border: 1px solid #ddd; font-size: 14px;}
.course-box .course-con p { margin-bottom: 10px;}
.course-box .course-con img { margin-bottom: 10px;}

/*--operate-box--*/
.operate-li { padding: 80px 0 60px 0;}
.operate-li ul { padding-top: 20px;}
.operate-li ul li { float: left; width: 25%; text-align: center; margin-bottom: 60px;}
.operate-li ul li span { display: inline-block; border: 2px solid #ddd; position: relative; width: 160px; padding: 50px 20px 20px 20px; font-size: 18px;}
.operate-li ul li span i { color: #003b8a; position: absolute; left: 50%; font-size: 60px; top: -25px; margin-left: -50px; background-color: #fff; padding: 0 20px; line-height: 1;}

.operate-con { background-color: #f5f5f5; padding: 80px 0;}
.operate-con-text { padding: 0 150px;}
.operate-con-text p { font-size: 16px; margin-bottom: 10px;}


/*--data--*/
.data-li { padding: 80px 0 60px 0;}
.data-li ul { padding-top: 20px;}
.data-li ul li { float: left; width: 25%; text-align: center; margin-bottom: 60px;}
.data-li ul li span { display: inline-block; border: 2px solid #ddd; position: relative; width: 160px; padding: 50px 20px 20px 20px; font-size: 18px;}
.data-li ul li span i { color: #003b8a; position: absolute; left: 50%; font-size: 60px; top: -25px; margin-left: -50px; background-color: #fff; padding: 0 20px; line-height: 1;}

.data-con { background-color: #f5f5f5; padding: 100px 0;}
.data-con-text { padding: 0 150px;}
.data-con-text p { font-size: 16px; margin-bottom: 10px;}

.data-programme { padding: 80px 0;}
.data-programme .layout { width: 1020px;}
.data-programme ul li { float: left; width: 33.33%; text-align: center;}
.data-programme ul li h3 { margin-bottom: 10px; font-size: 18px; color: #003b8a;}
.data-programme ul li dd { margin-bottom: 5px; font-size: 14px;}
.data-programme ul li dd span { border: 1px solid #ddd; display: inline-block; width: 220px; padding: 5px; color: #003b8a;}


@media (max-device-width:640px) {
	.layout { width: 100%;}
	.logo { margin: 0 auto; float: none; padding-top: 12px;}
	.logo img { height: 45px; margin: 0 auto;}
	.top-tel { display: none;}
	.nav { width: 100%; padding-top: 5px;}
	.nav li { margin: 0; width: 21%;}
	.nav li:first-child { width: 16%;}
	.nav li a { font-size: 15px; text-align: center; padding: 5px 0 7px 0;}
	.nav li a.cur { border-bottom: 2px solid #003b8a; background-color: #fff; color: #003b8a;}
	.nav li a:hover { border-bottom: 2px solid #003b8a; background-color: #fff; color: #003b8a;}
	.banner { height: 260px;}
	.fullwidth_vdiv { height: 260px!important;}
	.i-mission { padding: 40px 0;}
	.i-mission p { padding: 0 20px 30px 20px; font-size: 14px;}
	.i-tit { font-size: 15px; margin:0 auto 50px auto;}
	.i-tit em { display: block;}
	.i-tit i { top: 60px;}
	.i-product { padding: 50px 0;}
	.i-product .layout { width: 100%;}
	.i-product ul { padding: 20px;}
	.i-product ul li span { padding: 40px 10px 20px 10px;}
	.i-product ul li span i { padding: 0 10px; font-size: 60px; top: -30px; margin-left: -40px;}
	.i-customer { padding: 50px 0;}
	.i-customer .layout { width: 100%;}
	.i-customer ul { padding: 0 10px;}
	.i-customer ul li img { width: 80%;}
	.i-customer ul li p { font-size: 12px;}
	.i-contact { padding: 40px 0;}
	.i-contact .layout { width: 100%;}
	.i-contact-left { float: none; padding: 10px; margin-bottom: 20px; border: none;}
	.i-contact-right { float: none;}
	.i-contact-right ul { padding: 10px;}
	.i-contact-right ul li { margin: 0; width: 33.33%; font-size: 12px;}
	.i-contact-right ul li img { width: 90%;}
	.i-contact-tel a { color: #fff;}
	.f-logo { display: none;}
	.f-con { float: none; width: 100%; text-align: center; padding: 0;}
	.footer { padding: 20px;}
	.data-li { padding: 50px 0;}
	.data-li ul { padding: 0;}
	.data-li ul li { margin-bottom: 0;}
	.data-li ul li span { border: none; width: auto; padding: 70px 0 10px 0; font-size: 14px;}
	.data-li ul li span i { background: none; font-size: 50px; top: 10px; margin-left: -45px;}
	.data-li .i-tit i { top: 30px;}
	.data-con { padding: 50px 0;}
	.data-con .i-tit i { top: 30px;}
	.data-con-text { padding: 0 20px;}
	.data-con-text p { font-size: 14px;}
	.data-programme { padding: 50px 0;}
	.data-programme .layout { width: 100%;}
	.data-programme .i-tit i { top: 30px;}
	.data-programme ul { padding: 0 5px;}
	.data-programme ul li dd { padding: 0 4px;}
	.data-programme ul li dd span { width: 100%; padding: 5px 0; font-size: 12px;}
	.operate-li { padding: 50px 0;}
	.operate-li .i-tit i { top: 30px;}
	.operate-li ul { padding: 0;}
	.operate-li ul li { margin-bottom: 0;}
	.operate-li ul li span { border: none; width: auto; padding: 70px 0 10px 0; font-size: 13px;}
	.operate-li ul li span i { background: none; font-size: 50px; top: 10px; margin-left: -45px;}
	.operate-con { padding: 50px 0;}
	.operate-con .i-tit i { top: 30px;}
	.operate-con-text { padding: 0 20px;}
	.operate-con-text p { font-size: 14px;}
	.course-box { padding: 50px 0;}
	.course-box ul { padding: 0 10px;}
	.course-box .time { width: 80px; padding: 8px 0; height: auto; margin-right: 10px;}
	.course-box .course-con { margin: 0; padding: 10px;}
	.course-box .course-con img { max-width: 100%;}
	.course-box .tit { line-height: 80px;}

	.aboutus-box ul li { width: 100%; height: auto;}
	.aboutus-box ul li img { width: 100%; height: auto; display: block;}
	.aboutus-box ul li.l1 { width: 100%; height: auto; padding: 20px 0; text-align: center;}
	.aboutus-box ul li.l2 { margin-bottom: 10px;}
	.aboutus-box ul li.l4 { width: 100%; height: auto; padding: 20px 0; text-align: center;}
	.aboutus-box ul li p { font-size: 14px;}
	.aboutus-box { padding: 0;}
	.aboutus-con { padding: 30px 20px;}



}