@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,
ol,
form,
label {
  border: 0 none;
  font-family: inherit;
  font-style: inherit;
  margin: 0;
  padding: 0;
}
body {
  color: #000;
  font-family: 微软雅黑;
  font-size: 22px;
}
input,
select {
  font-size: 12px;
  line-height: 16px;
}
img {
  border: none;
}
a {
  text-decoration: none;
}
ul,
li,ol {
  list-style-type: none;
}

em,i{ font-style:normal}
.p_hide{ overflow:hidden}
.p_block{display: block}
.in-block{ display: inline-block}
.clearfix{ clear: both}
.text_c{ text-align: center}
.text_l{ text-align: left}
.font_no{ font-weight: normal}
.patb35{ padding: 35px 0}
.patb20{ padding: 20px 0}
.patb10{ padding: 10px 0}
.patb45{ padding: 45px 0}
.pat30{ padding: 30px 0 0}
.paLR20{ padding: 0 20px}
.pa20{ padding: 20px}
.pa10{ padding: 10px}
.font12{ font-size: 12px}
.font13{ font-size: 13px}
.font14{ font-size: 14px}
.font15{ font-size: 15px}
.font16{ font-size: 16px}
.font18{ font-size: 18px}
.font20{ font-size: 20px}
.font22{ font-size: 22px}
.font24{ font-size: 24px}
.font28{ font-size: 28px}
.font32{ font-size: 32px}
.font35{ font-size: 35px}
.font40{ font-size: 40px}
.font30{ font-size: 30px}
.font48{ font-size: 48px}
.font55{ font-size: 55px}
.line30{line-height: 30px}
.line35{line-height: 35px}
.line40{line-height: 40px}
.mb40{ margin-bottom: 40px}
.mt20{ margin-top: 20px}
.mr10{ margin-right: 10px}
.mr40{ margin-right: 40px}
.ml20{ margin-left: 20px}
.ml30{ margin-left: 30px}
.ml40{ margin-left: 40px}
.ml10{ margin-left: 10px}
.pat30{ padding-top: 30px}
.p_pr{ position: relative}
.p_pa{ position: absolute}
.p_fl{ float: left}
.p_fr{ float: right}
.bold{ font-weight: bold}

.ver_m{ vertical-align: middle}


.col_white{ color: #fff}
.col_black{ color: #000}
.col_gray{ color: #444d4f}
.col_gray2{ color: #6a6a6a}
.col_gray1{ color: #939393}
.col_green{ color: #59acb8}


.bg_white{ background: #fff}
.bg_black{ background: #333}
.bg_red{ background: #ff3600}
.bg_yel{ background: #ffc45e}
.bg_pic1{ background: url("../images/p2_bg.jpg") no-repeat top center;}
.bg_pic2{ background: url("../images/p4_bg.jpg") no-repeat top center;}
.bg_pic_white1{ background: url("../images/bg_db1_line.png") repeat-x;  }
.bg_pic_white2{ background: url("../images/bg_db2_line.png") repeat-x;  }
.bg_pic_white3{ background: url("../images/bg_db3_line.png") repeat-x;  }

i.check_ico{ display: inline-block; vertical-align: middle; width: 23px; height: 23px; background: url("../images/p5_ico.png") no-repeat}


.wi{ width: 1200px}
.wi1270{ width: 1270px}
.wi1350{ width: 1350px}
.auto{ margin: 0 auto}

.dt{width: 100%; height: 42px; left: 0;animation: borderX 2s;-webkit-animation: borderX 2s}
.db1{bottom: 0;}
.db2{top:0}

.btn_click {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  color: #000;
  padding: 15px 40px;
  display: inline-block;
  border-radius: 50px;
  z-index: 9;
}
.btn_click a{ display: block}

.banner{ width: 100%; height: 844px; background: url("../images/banner.jpg") no-repeat top center;}
.banner .wi{height: 844px}
.banner .ban_font1{ top:196px; right: -70px; animation: bounceInRight 2s;-webkit-animation: bounceInRight 2s}
.banner .ban_font2{ top:510px; right: -152px; animation: bounceInRight 4s;-webkit-animation: bounceInRight 4s}
.banner .ban_font3{ top:72px; right: 245px;animation: scale 4s infinite;-webkit-animation: scale 4s infinite  }

.p1 ul{ height: 510px; background: url("../images/p1_img.jpg") no-repeat top center; padding-bottom: 360px}
.p1 ul a{ right: 296px; top: 321px}
.p1 ul li{border-radius: 50%;
  -webkit-animation: float ease-in-out 1.5s infinite; animation: float ease-in-out 1.5s infinite;
}
.p1 ul li:hover{ -webkit-animation: scale ease-in-out 1.5s; animation: scale ease-in-out 1.5s;}
.p1 ul li.i1{ width: 176px; height: 76px; background: #99cccc; padding: 50px 0; top:114px; left: 0}
.p1 ul li.i2{ width: 222px; height: 102px; background: #66cccc; padding: 60px 0; top:0; left: 225px}
.p1 ul li.i3{ width: 164px; height: 64px; background: #b7e8f6; padding: 50px 0; top:282px; left: 146px}
.p1 ul li.i4{ width: 176px; height: 76px; background: #99cccc; padding: 50px 0; top:114px; right: 250px}
.p1 ul li.i5{ width: 164px; height: 64px; background: #b7e8f6; padding: 50px 0; top:0; right: 36px}
.p1 ul li.i6{ width: 222px; height: 102px; background: #66cccc; padding: 60px 0; top:222px;right: 10px}
.p1 .db{ top: 740px; left: 0; right: 0; margin: 0 auto; height: 440px; padding: 45px 140px;;
  -webkit-box-shadow:0 0 30px #90d6ea;  -moz-box-shadow:0 0 30px #90d6ea;  box-shadow:0 0 30px #90d6ea; z-index: 9; background: #fff; border-radius: 30px}
.p1 .db ol{ padding-top: 48px}
.p1 .db ol li{ float: left; margin-right: 45px}
.p1 .db ol li.mr0{ margin-right: 0}
.p1 .db ol li img{ border-radius: 50%; width: 274px; height: 274px}

.p2{ padding: 175px 0 0; margin-bottom: 250px; height: 734px;  }
.p2_ladyScroll{width:1200px;margin:0 auto 40px;position:relative;height: 734px; -webkit-box-shadow:0 0 30px #90d6ea;
  -moz-box-shadow:0 0 30px #90d6ea;  box-shadow:0 0 30px #90d6ea;background: #fff;border-radius: 30px;z-index: 9;
}
.p2_ladyScroll .prev,.p2_ladyScroll .next{width:41px;height:83px;position:absolute;top:300px;z-index:100; cursor:pointer; background:url(../images/p4_prev.png) no-repeat;}
.p2_ladyScroll .prev{left:10px;}
.p2_ladyScroll .next{background:url(../images/p4_next.png) no-repeat;right: 10px}
.p2_ladyScroll .scrollWrap{width:1200px;position:absolute}
.p2_ladyScroll li{float:left;width:1200px; border-radius: 30px;height: 734px; background: url("../images/p2_mote_bg.png") no-repeat left center}
.p2_ladyScroll li dl dt{ padding:170px 0 0 60px }
.p2_ladyScroll li dl dd .p2_mote{ top:0; right: 30px}
.p2_ladyScroll li dl dd .xz_ico{top:22px; right: 30px; opacity: 0.2}
.p2_ladyScroll li dl dd .p2_mote2_img{ top:347px; right: 567px; border-radius: 50%; border: 3px solid #ffd800; z-index: 9}
.p2_ladyScroll li dl dd i.before{  bottom:80px; left: 460px }
.p2_ladyScroll li dl dd i.after{  bottom:10px; right: 180px }

.p3 .text{ padding: 0 30px}
.p3 ul{ padding: 60px 0}
.p3 ul li{width: 244px; float: left; margin-right: 12px;
  -webkit-box-shadow:0 0 10px #e1e1e1;
  -moz-box-shadow:0 0 10px #e1e1e1;
  box-shadow:0 0 10px #e1e1e1;
}
.p3 ul li.mr0{ margin-right: 0}

.p4 dl dd{ width: 350px}
.p4_ladyScroll{width:1200px;margin:0 auto 60px;position:relative;height: 204px; overflow: hidden}
.p4_ladyScroll .prev,.p4_ladyScroll .next{width:27px;height:54px;position:absolute;top:100px;z-index:100; cursor:pointer; background:url(../images/prev.png) no-repeat;}
.p4_ladyScroll .prev{left:10px;}
.p4_ladyScroll .next{background:url(../images/next.png) no-repeat;right: 10px}
.p4_ladyScroll .scrollWrap{width:1200px;overflow:hidden;position:absolute}
.p4_ladyScroll li{float:left;width:286px;text-align:center;position:relative; height: 202px; margin-right:18px;background: #817459; border: 1px solid #e1cb7b}

.p5{ height: 667px}
.p5 .db{ top: 740px; left: 0; right: 0; margin: 0 auto;
 z-index: 9; background: #fff}
.p5_ladyScroll{width:1200px;margin:0 auto 40px;position:relative;height: 730px;
  -webkit-box-shadow:0 0 30px #90d6ea;  -moz-box-shadow:0 0 30px #90d6ea;  box-shadow:0 0 30px #90d6ea;background: #fff;border-radius: 30px;z-index: 9;
}
.p5_ladyScroll .prev,.p5_ladyScroll .next{width:41px;height:83px;position:absolute;top:300px;z-index:100; cursor:pointer; background:url(../images/p4_prev.png) no-repeat;}
.p5_ladyScroll .prev{left:10px;}
.p5_ladyScroll .next{background:url(../images/p4_next.png) no-repeat;right: 10px}
.p5_ladyScroll .scrollWrap{width:1200px;overflow:hidden;position:absolute}
.p5_ladyScroll li{float:left;width:1200px; border-radius: 30px; overflow: hidden;height: 742px}
.p5_ladyScroll li h3{ background: #59acb8; height: 65px; line-height: 65px}
.p5_ladyScroll li dl{ width: 599px; float: left}
.p5_ladyScroll li dl.br{border-right: 1px solid #d6d6d6}
.p5_ladyScroll li dl h2{ font-size: 55px; color: #59acb8}
.p5_ladyScroll li dl h2:after{ content: ""; display: block; border-bottom:4px solid #59acb8; width: 35px; margin: 10px auto }
.p5_ladyScroll li dl dd{ padding:30px 0 30px 40px; background: #f3f3f3;}
.p5_ladyScroll li.dl2 h3{ background: #5993b8}
.p5_ladyScroll li.dl2 dl h2{ color: #5993b8}
.p5_ladyScroll li.dl2 dl h2:after{ border-bottom:4px solid #5993b8 }
.p5_ladyScroll li.dl2 dl dd{  padding:55px 0 50px 40px; }


.p6{ padding-top: 400px; background: #f1f1f1; height: 1000px}
.p6 .p6_list{width:1140px; z-index: 9; position: absolute; top:610px; left: 0; right: 0; margin: 0 auto}
.p6 .p6_list dl{ padding: 30px 0; border-bottom: 1px solid #59acb8; overflow: hidden}
.p6 .p6_list dl.bb0{ border-bottom: none}
.p6 .p6_list dl dt{ width: 156px; height: 152px; border: 1px solid #59acb8; padding: 50px 20px; margin-right: 20px; background: #fff}
.p6 .p6_list dl dt i{ display: inline-block; width: 34px; height: 34px; background: url("../images/r_ico.png") no-repeat center #59acb8; color: #fff; text-align: center; line-height: 30px; border-radius: 50%}
.p6 .p6_list dl dd ul li{ width: 293px; float: left; background: #59acb8; margin-right: 20px}
.p6 .p6_list dl dd ul li p{ padding: 10px}
.p6 .p6_list dl dd ul li.mr0{ margin-right: 0}

.p7{ padding-top: 250px; background: #cfedf7}
.p7 ul li{ display: inline-block}
.p7 .p7_img{height: 711px}
.p7 .p7_img img{ left: -54px}
.p7 .p7_btn{ position: absolute; bottom:90px; left: 0; right: 0; margin: 0 auto}

.p8 ul li{ width: 302px; display: inline-block; margin-right: 30px; background: #59acb8; overflow: hidden}
.p8 ul li:hover img{ animation: scale 2s;-webkitanimation: scale 2s;}
.p8 ul li a{ color: #fff}
.p8 ul li.mr0{ margin-right: 0}
.p8 ul li p{ padding: 10px 0}