﻿@charset "utf-8";
@import "animate.css";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p , form, fieldset, legend, input, button, textarea, th, td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0; }
fieldset, img {border:0; }
li {list-style:none; }
em,i{font-style:normal; }
body{background: #fff; color:#333; font:18px/32px "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "å¾®è½¯é›…é»‘", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;}
div{ font-family: "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "å¾®è½¯é›…é»‘", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;}
button,input,textarea{ font-family: "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "å¾®è½¯é›…é»‘", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif; font-size:12px; }
button {cursor:pointer; outline:none; }
textarea {overflow:auto; }
input {vertical-align:middle;}
ul{ list-style:none;}
a{color:#333; text-decoration:none; -webkit-transition: all .3s ease;
  transition: all .3s ease;}
a:hover{color:#0da1e0; text-decoration:none; opacity: .8;
}
:focus{outline: none;}
a i,a span{cursor:pointer; }
b{font-weight: bold;}
h1{font-size: 24px;}
h2{font-size: 18px;}
h3{font-size: 14px;}
.fl{ float:left; display:inline;}
.fr{ float:right;display:inline;} 
.clearfix:before,.clearfix:after{ 
    content:""; 
    display:table; 
} 
.clearfix:after{clear:both;} 
.clearfix{ 
    *zoom:1;/*IE/7/6*/ 
} 
.layout { width:1066px; margin:0 auto; overflow:hidden;zoom:1;  position: relative; }
.layout:before,.layout:after{ 
    content:""; 
    display:table; 
} 
.layout:after{clear:both;} 
.layout{ 
    *zoom:1;/*IE/7/6*/ 
} 
.container{}
.banner{height:444px; display:block; width:100%;  background:url(../images/banner.jpg) no-repeat top center; overflow: hidden; position: relative; }
.main{ margin:0px auto 0; overflow:hidden;  }
/*end*/
.logo {
    float: left;
    height: 50px;
    text-indent: -999em;
    background: url('../images/logo.png') no-repeat left center;
    background-size: contain;
    width: 136px;
    margin: 15px 0;
    background-size: contain;
}
.course_nr2{
	 height: 125px; background: url('../images/course_nr2.png') no-repeat center center; background-size: contain; margin: 60px auto 20px;
}
.hd{margin:40px 0;}
.hd h2{
	background:  url('../images/hd_bg.png') no-repeat left center; font-size: 32px; font-weight: 600; padding: 20px 30px; line-height: 32px;
}
.box01-1{
	padding: 0 0 0 45px; width: 570px;
}
.box01-1 p{margin-bottom: 20px;} 
.box02 ul li{width: 202px; margin: 0 45px;}
.box02 ul li.fc{margin-left: 145px; float: left;}
.box02 ul li p{font-size: 20px; line-height: 32px; color: #000; margin: 20px auto; font-weight: 300;}
.box02 ul li h2{background-color: #ff9900; color: #431201; font-size: 25px; font-weight: 600; padding: 0 0 0 70px; display: block; height: 46px; line-height: 46px; position: relative;}
.box02 ul li h2 img{display: block; position: absolute; top: 0; left: 0;}
.box03 .bd{padding: 0 45px; }
.box03 .bd p{font-size: 24px; line-height: 46px; font-weight: 300;}
.box03 .bd img.fr{ margin-left: 60px;}
.box03 .bd img.fl{ margin-right: 60px;}
.box03 .h3hd{ text-align: center; margin: 30px auto;}
.box03 .h3hd h3{background: url('../images/h3hd.png') no-repeat left center; display: inline-block; height: 60px; line-height: 60px; font-size: 28px; font-weight: 600;  padding: 0 30px 0 55px;}



















