@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/*================重置样式部分===============*/
html,
body,
div,
span,
object,
iframe,
table,
tr,
th,
td,
em,
img,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
dl,
dt,
dd,
ul,
li,
form,
label {
  border: 0 none;
  font-family: inherit;
  font-style: inherit;
  margin: 0;
  padding: 0;
}
body {
  color: #000;
  font-family: 微软雅黑;
  font-size: 16px;
}
input,
select {
  font-size: 12px;
  line-height: 16px;
}
img {
  border: none;
}
a {
  text-decoration: none;
}
ul,
li {
  list-style-type: none;
}
input,
select {
  vertical-align: middle;
}
.pr{ position: relative}
em,i{ font-style:normal}
.fl{ float: left}
.fr{ float: right}
.hide{ overflow:hidden}
.pa35{ padding: 35px 0}
.pa20{ padding: 20px 0}
.auto{  margin: 0 auto}
.auto20{ margin: 20px 0}
.win10{ width: 1200px}
.bg_pic{ background: url("../images/ico.jpg") repeat}

.btn{ display: block; width: 309px; text-align: center; height: 58px; background: url("../images/btn_bg.png") no-repeat; font-size: 24px; margin: 0 auto; padding: 50px 0 30px; line-height: 40px}
.btn a{ color: #000}

.ti{ text-align: center; color: #439fb8; font-size: 36px}
.ti i{ color: #fac72f; font-size: 48px}

.banner{ width: 100%; height: 746px; background: url("../images/ban.jpg") no-repeat center;}
.banner .win10{ height: 746px}
.banner a{ display: block; width: 180px; height: 126px;position: absolute; bottom:30px; right:270px}

.part1{ text-align: center; padding-top: 35px}
.part1 img{ padding-bottom: 20px}

.part2{  padding: 150px 0 30px; background: #75cbda; text-align: center; }
.part2 .top_img{ position: absolute; left: 0; right: 0; margin: 0 auto; top: -20px }

.part3{ padding-top: 35px; overflow:hidden}
.part3 ul{ padding: 60px 0; overflow: hidden}
.part3 ul li{ float: left; margin-right: 50px}
.part3 ul li.mr0{ margin-right: 0}

.part4{ padding-top: 35px}
.part4 span{ display: block; width: 203px; height: 105px; background: url("../images/ico6.png") no-repeat; font-size: 18px; color: #000; padding: 70px 30px; text-align: left; position: absolute; top:-30px; right: 10px}
.part4 ul{ padding: 50px 0 30px; overflow: hidden;text-align: center}
.part4 ul li{ width: 226px; height: 166px; border-radius: 50%; background: #fac72f;; font-size: 24px; color: #fff; text-align: center; padding: 30px 0; float: left; margin-right: 10px; position: relative}
.part4 ul li i{ display: block; width: 103px; height: 96px; margin: 0 auto}
.part4 ul li:nth-child(even){ background: #f8e234; margin-top: 80px}
.part4 ul li i.i1{ background: url("../images/ico1.png") no-repeat}
.part4 ul li i.i2{ background: url("../images/ico2.png") no-repeat}
.part4 ul li i.i3{ background: url("../images/ico3.png") no-repeat}
.part4 ul li i.i4{ background: url("../images/ico4.png") no-repeat}
.part4 ul li i.i5{ background: url("../images/ico5.png") no-repeat}
.part4 ul li span{ display: none; width: 126px; height: 106px; background: #fac72f; border-radius: 50%; position: absolute; left: 0; top: 0; font-size: 18px; padding: 60px 50px; color: #000 }
.part4 ul li:nth-child(even) span{ background: #f8e234}
.part4 ul li:hover span{ display: block}

.part5{  padding: 150px 0 0; background: #75cbda; text-align: center; }
.top_img{ position: absolute; left: 0; right: 0; margin: 0 auto; top: -20px; background: url("../images/bg.png") no-repeat center; width: 100%; height: 130px }
.box{ width: 1210px; margin: 30px auto 0; position: relative}
.box1{background: url("../images/img_18.jpg") no-repeat center;height: 679px; }
.box h3{ display: block; width: 602px; height: 66px; text-align: center; font-weight: normal; color: #147693; font-size: 26px; line-height: 66px; margin: 0 auto}
.box span{ font-size: 22px; display: block; width: 207px;line-height: 30px;position: absolute; }
.box span i{  display: block}
.box p{ font-size: 16px; text-align: left; display: block; width: 205px; height: 128px; line-height: 25px;position: absolute; }
.box i{color: #fa78a2;}
.box1 span{ left: 470px; top: 150px}
.box1 p{ bottom:130px; left: 30px}
.box1 span{  height: 79px;  }
.box2{background: url("../images/img_21.jpg") no-repeat center right;margin: 0 auto;height: 679px; width: 1260px }
.box2 h3{ padding-top: 10px}
.box2 span{  height: 130px; left: 600px; top: 130px; text-align: center }
.box2 p{ bottom: 80px; right: 20px}
.part6{  background: #75cbda; text-align: center; }
.box3{background: url("../images/img_22.jpg") no-repeat center; margin: 0 auto;height: 818px; }
.box3 h3{ padding-top: 20px}
.box3 span{  height: 130px; left: 480px; top: 150px; font-size: 18px }
.box3 p{ bottom: 250px; left: 30px}
.box3 .btn{ position: absolute; bottom:0; left: 0; right: 0; margin: 0 auto}

.part7{ padding: 35px 0 0;}
.part7 .con{ width: 1404px; height: 744px; background: url("../images/img_11.jpg") no-repeat center; position: relative}
.part7 .con span.info1{ position: absolute; left: 160px; top:170px}
.part7 .con span.info2{ position: absolute; right: 156px; bottom:150px}
.part7 .con h3{ font-size: 42px; color: #439fb8}
.part7 .con h3 i{ font-size: 24px}
.part7 .con ul li{ line-height: 30px; font-size: 18px}
.part7 .con em{ display: block; width: 100px; height: 35px; line-height: 35px; background: #fac72f; text-align: center; border-radius: 50px; font-size: 18px; color: #fff; margin: 10px 0}
.part7 .con .btn{ position: absolute; bottom:0; left: 0; right: 0; margin: 0 auto}

.part8{ padding-top: 35px; background: url("../images/img_13.jpg") no-repeat top center; height: 1132px}
.part8 .btn{ position: absolute; bottom:0; left: 0; right: 0; margin: 0 auto}

.part9{ padding-top: 35px}
.part9 .con{ width: 1180px; height: 454px; background: url("../images/img_15.jpg") no-repeat; margin: 30px auto}
.part9 .con table{ padding-left: 200px; text-align: center; font-size: 18px}
.part9 .con table tr{ line-height: 50px}

.part10{  padding: 150px 0 100px; background: #75cbda; text-align: center; }
.part10 .top_img{ position: absolute; left: 0; right: 0; margin: 0 auto; top: -20px }
.part10 ul{ height: 328px}
.part10 ul li{ width: 249px; height: 248px; float: left; position: relative; margin-right: 60px}
.part10 ul li a{ color: #000}
.part10 ul li.i2{ margin-top: 80px}
.part10 ul li.i4{ margin-right: 0;margin-top: 80px}
.part10 ul li span{ display: none; width: 100%; height: 108px; background: rgba(0,0,0,0.5); border-radius: 50%; padding: 70px 0}
.part10 ul li:hover span{ display: block}
.part10 ul li span h3{ font-size: 24px; color: #fac72f}
.part10 ul li span p{ font-size: 20px; text-align: center; color: #fff; line-height: 40px}
.part10 ul li.i1{ background: url("../images/rad1.png") no-repeat}
.part10 ul li.i2{ background: url("../images/rad2.png") no-repeat}
.part10 ul li.i3{ background: url("../images/rad3.png") no-repeat}
.part10 ul li.i4{ background: url("../images/rad4.png") no-repeat}
.part10 ul li i{ display: block; width: 156px; height: 59px; padding:20px 10px; background: url("../images/yy.png") no-repeat; line-height: 59px; position: absolute}
.part10 ul li.i1 i{ left: -50px; bottom:0}
.part10 ul li.i2 i{ right: -50px; bottom:0; line-height: 30px}
.part10 ul li.i3 i{ left: -50px; top:-20px}
.part10 ul li.i4 i{ right: -50px; top:-20px}