@charset "utf-8";
*{
  margin:0;
  padding:0;
  font-family:"Microsoft YaHei";
}
h1,h2,h3,h4,h5,h6,ul,li,p{
  list-style: none;
}
body{
  max-width: 1680px;
  margin:0 auto;
}
a{
  text-decoration: none;
}
img{
  display: block;
}
table{
  border:none;
  border-collapse: collapse;
  width: 100%;
  margin:25px 0;
}
.content{
  width:1100px;
  overflow: hidden;
  margin:0 auto;
}
/*banner*/
#banner{
  position: relative;
}
#banner img{
  width:100%;
}
.title{
  margin:50px 0;
}
.title h1{
  text-align: center;
  color: #4d9eb5;
  font-size: 48px;
}
.title h2{
  text-align: center;
  font-size: 28px;
  line-height:30px;
  color: #4d9eb5;
  font-weight: normal;
  text-transform: uppercase;
}
.title div{
  width: 965px;
  border-top: 1px solid #4d9eb5;
  margin:10px auto;
}
/*part1*/
#part1{
  background:url("../images/hbg_02.jpg")no-repeat;
  background-size:cover;
}
#part1 ul{
  overflow: hidden;
}
#part1 li{
  float: left;
}
#part1 .ml{
  margin-left:10px;
 }
#part1 dd{
  text-align: center;
  font-size: 36px;
  line-height:36px;
  padding:10px 0;
}
.btn1{
  display: block;
  width:380px;
  height:52px;
  text-align: center;
  font-size: 30px;
  line-height:52px;
  color: #ffffff;
  background: #f3a020;
  margin:60px auto 20px;
}
/*part2*/
#part2{
  background:url("../images/mbg2_02.jpg")no-repeat center;
  background-size:cover;
}
#part2 .content{
  width:1180px;
}
.nat{
  overflow: hidden;
  margin-top:50px;
  margin-bottom:100px;
}
.nat_left,.nat_right{
  float: left;
}
.nat_left{
  width:488px;
}
.nat_right{
  width:551px;
  margin-left:100px;
  margin-top:50px;
  position: relative;
  margin-bottom:50px;
}
.base{
  position: absolute;
}
.base div{
  width:268px;
  height:40px;
  line-height:40px;
  text-align: center;
  color: #ffffff;
  font-size: 20px;
  background: #4d9eb5;
  position: absolute;
  bottom:0;
}
.base1,.base4{
  width:268px;
  height:228px;
}
.base1{
  top:-20px;
  left:-50px;
}
.base4{
  right:5px;
  bottom:45px;
}
.base2,.base3{
  width:280px;
  height:232px;
  background: #ffffff;
  border:2px dashed #4d9eb5;
  box-sizing: border-box;
  padding:10px;
}
.base2{
  right:0;
  top:80px;
}
.base3{
  left:-60px;
  top:273px;
}
.base2 div,.base3 div{
  bottom:-20px;
  right:-2px;
}
.btn2{
  width:127px;
  height:127px;
  background: url("../images/btn_19.png")no-repeat;
  text-align: center;
  font-size: 24px;
  color: #00607b;
  box-sizing: border-box;
  padding-top:25px;
}
.nat_right .btn2{
  position: absolute;
  bottom:-45px;
  left:20px;
}
/*part3*/
#part3{
  background:url("../images/hbg_04.jpg")no-repeat;
  background-size:cover;
}
.intro{
  height:325px;
  background:url("../images/bor_18.png")no-repeat;
}
.intro_l{
  width:600px;
  float: left;
  margin:-20px 20px 30px;
}
.intro_r{
  width:440px;
  float: left;
}
.intro_r div{
  width:325px;
  height:61px;
  background: url("../images/define_18.png")no-repeat;
  text-align: center;
  line-height:61px;
  font-size:36px ;
  color: #ffffff;
  margin: -30px auto 40px;
}
.intro_r p{
  font-size: 18px;
  line-height:26px;
  color: #000;
}
.intro a{
  clear: both;
  display: block;
  width:262px;
  height:50px;
  background: #f3a020;
  color: #ffffff;
  font-size: 24px;
  line-height:50px;
  text-align: center;
  margin:0 auto;
}
.book{
  margin-top:70px;
  position: relative;
}
.book img{
  margin:0 auto;
}
.book p{
  width:100%;
  text-align: center;
  font-size: 24px;
  line-height:26px;
  color: #573833;
  position: absolute;
  bottom:20px;
}
tr{
  border-bottom: 1px solid #d0d0d0;
}
table td{
  width:25%;
  font-size: 20px;
  line-height:40px;
  color: #000000;
  box-sizing: border-box;
  padding-left:20px;
}
/*part*/
#part4{
  height:1109px;
  background:url("../images/mbg4_04.jpg")no-repeat center;
  background-size:cover;
}
.ts{
  height:548px;
  background: url("../images/box_03.png")no-repeat;
  margin-top:100px;
}
.ts>img{
  width:521px;
  float: left;
  margin:60px 0 0 40px;
}
.ts_til{
  width:360px;
  padding:10px 0;
}
.ts_til h6{
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
  line-height:40px;
  color: #000;
  font-weight:normal;
}
.ts_til h1{
  text-align: center;
  font-size: 44px;
  color: #000;
  font-weight: normal;
}
.ts_info{
  width:500px;
  float: left;
  margin-top:80px;
  margin-left:10px;
}
.ts_info p{
  width:410px;
  font-size: 20px;
  line-height:30px;
  color: #000;
  margin-left:20px;
  margin-bottom:20px;
}
.ts_info p span{
  color: #017292;
}
.ts_info div{
  float: left;
  width:120px;
  height:80px;
  background: #fff5e9;
  text-align: center;
  color: #593932;
  font-size: 20px;
  margin-top:35px;
  margin-left:5px;
}
.ts_info div img{
  margin:-25px auto 10px;
}
.ys{
  height:420px;
  position: relative;
}
.ys1,.ys2,.ys3,.ys4,.ys5{
  border:1px dashed #4d9eb5;
  border-radius: 50%;
  position: absolute;
}
.ys1 div,.ys2 div,.ys3 div,.ys4 div,.ys5 div{
  background: #e8f8fd;
  border-radius: 50%;
}
.ys1{
  width:196px ;
  height:196px;
  top:30px;
  left:0;
}
.ys2{
  top:160px;
  left:200px;
}
.ys3{
  top:36px;
  left:440px;
}
.ys4{
  top:185px;
  right:270px;
}
.ys5{
  top:50px;
  right:85px;
}
.ys2,.ys4{
  width:216px ;
  height:216px;
}
.ys3,.ys5{
  width:164px ;
  height:164px;
}
.ys1 div{
  width:174px;
  height:174px;
  margin:20px 0 0 20px;
}
.ys2 div{
  width:200px;
  height:200px;
}
.ys3 div{
  width:158px;
  height:158px;
  margin:3px 0 0 -1px;
}
.ys4 div{
  width:200px;
  height:200px;
  margin:0 0 0 15px;
}
.ys5 div{
  width:158px;
  height:158px;
  margin:8px 0 0 0;
}
.ys p{
  text-align: center;
  font-size: 20px;
  line-height:24px;
  color: #372408;
  margin: 0 auto;
}
.ys1 p{
  width:150px;
  padding-top:50px;
}
.ys2 p{
  width:145px;
  padding-top:35px;
}
.ys3 p{
  width:120px;
  padding-top:50px;
}
.ys4 p{
  width:150px;
  padding-top:35px;
}
.ys5 p{
  width:100px;
  padding-top:60px;
}
.arr{
  position: absolute;
}
.arr1{
  top:90px;
  left:209px;
}
.arr2{
  top:210px;
  left:430px;
}
.arr3{
  top:110px;
  left:615px;
}
.arr4{
  top:230px;
  right:185px;
}
.arr5{
  top:182px;
  right:50px;
}
.ys .btn2{
  position: absolute;
  right:28px;
  bottom:40px;
}
/*part5*/
#part5{
  background:url("../images/hbg_06.jpg")no-repeat;
  background-size:cover;
}
.plan{
  height:481px;
  position: relative;
  margin-bottom:50px;
}
.plan img{
  margin:0 auto;
}
.plan p{
  font-size: 24px;
  line-height:26px;
  color: #000;
  position: absolute;
}
.p1{
  width: 245px;
  top:85px;
  left:56px;
}
.p2{
  width: 205px;
  top:240px;
  left:80px;
}
.p3{
  width: 220px;
  top:365px;
  left:100px;
}
.p4{
  width: 245px;
  top:165px;
  right:35px;
}
.p5{
  width: 300px;
  top:315px;
  right:0;
}
/*part6*/
#part6{
  position: relative;
}
#part6 img{
  width:100%;
  min-width:1100px;
}
#part7{
  position: relative;
}
#part7>img{
  min-width:1100px;
  width:100%;
}
#part7 .title{
  width:100%;
  position: absolute;
}
#part7 .btn3{
  width:100%;
  position: absolute;
  bottom:20px;
}
#part7 a{
  display: block;
  width:232px;
  margin:0 auto;
}