@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: 20px;

}

input,

select {

  font-size: 12px;

  line-height: 16px;

}

img {

  border: none;

}

a {

  text-decoration: none;

}

ul,

li,ol {

  list-style-type: none;

}

img{ vertical-align: bottom}

em,i{ font-style:normal}

.p_hide{ overflow:hidden}

.clearfix,.fix{ clear: both}

.text_c{ text-align: center}

.patb30{ padding: 30px 0}

.pa20{ padding: 20px}

.font28{ font-size: 28px}



.bg_gray{ background: #423335}

.bg_gray1{  background: #f8f6f7}

.bg_white{ background: #fff}

.bg_red{ background: #e7556a}

.col_white{ color: #fff}

.line30{line-height: 30px}

.line35{line-height: 35px}

.line40{line-height: 40px}

.mb40{ margin-bottom: 40px}

.pat30{ padding-top: 30px}

.p_pr{ position: relative}

.p_fl{ float: left}

.p_fr{ float: right}

.mr200{ margin-right: 200px}

.col_blue{ color: #44c3da}

.col_red{ color: #e7556a}



.wi{ width: 1100px}

.auto{ margin: 0 auto}



.ti{ font-size: 45px;height: 170px; line-height: 170px; position: relative; overflow: hidden}

.ti b{ font-weight:normal; }

.ti p{ position: absolute; top:0; right: 260px; font-size: 30px; line-height:300px}

.ti4 p{ right: 270px}

.ti5 p{ right: 170px}

.ti1{ background: url("../images/part1_ti.png") no-repeat top center}

.ti2{ background: url("../images/part2_ti.png") no-repeat top center}

.ti3{ background: url("../images/part3_ti.png") no-repeat top center}

.ti4{ background: url("../images/part4_ti.png") no-repeat top center}

.ti5{ background: url("../images/part5_ti.png") no-repeat top center}

.ti6{ background: url("../images/part6_ti.png") no-repeat top center}

.ti7{ background: url("../images/part7_ti.png") no-repeat top center}





.txt{ padding: 30px 100px; }



.btn_click {

  cursor: pointer;

  padding: 1em;

  position: relative;

  overflow: hidden;

  color: #fff;

  padding: 10px 50px;

  display: inline-block;

  border-radius: 50px;

  background: #44c3da;

  font-size: 32px;

}

.btn_click a{ display: block; color: #fff}



.banner {

  position: relative;

  width: 100%;

  overflow: hidden;

  height: 1073px;

  background: url("../images/banner.jpg") no-repeat center top;

}

.banner .wi{ height: 1073px}

.banner img{ position: absolute; right: -400px; top:121px; opacity: 0}

.banner a{ display: block; width: 81px; height: 81px; padding: 30px; text-align: center; font-size: 31px; color: #fff; background: url("../images/ban_btn.png") no-repeat; position: absolute; bottom:150px; left: 0; right: 0; margin: 0 auto;

  -webkit-animation: allitem_bounce 3s infinite linear;

  -moz-animation: allitem_bounce 3s infinite linear;

  -o-animation: allitem_bounce 3s infinite linear;

  -ms-animation: allitem_bounce 3s infinite linear;

  animation: allitem_bounce 3s infinite linear; }



.p1{ background:#423335; padding-bottom: 100px}
.p1 dl{ padding: 40px 0 20px}
.p1 dl dt{ width: 540px; float: left;}
.p1 dl dt p{ text-indent: 2em}
.p1 dl dd{ width: 451px; float: right; padding-top: 40px}
.p1 h3:after{content: ""; display: block; width: 47px; height:  47px; background: url(../images/hg-ico.png) no-repeat;
  background-size:cover; position: absolute; right:200px; top:-25px
 }
 .p1 h3{ color: #fff; text-align: center; font-size: 30px; line-height: 50px; font-weight: normal; position: relative}


/*.p1{ background: url("../images/p2_bg.jpg") no-repeat bottom center #423335; padding-bottom: 150px}

.p1 ul{ padding: 0 80px}

.p1 ul li{  width: 272px; height: 316px;border-radius: 150px; border: 6px solid #fff; float: left; margin-right: 37px; padding: 150px 0 0; color: #fff; font-size: 24px;text-transform: uppercase;  text-shadow: #666 0 3px 20px; position: relative; overflow: hidden;

  -webkit-box-shadow:0 0 20px #410202;

  -moz-box-shadow:0 0 20px #410202;

  box-shadow:0 0 20px #410202;

}

.p1 ul li:after{ content: ""; display: block; width: 100%; height: 150px; background: url("../images/shadow.png") no-repeat}

.p1 ul li span{padding: 0 20px 20px; display: block}

.p1 ul li h3{font-size: 45px;}

.p1 ul li.i1{ background: url("../images/p1_pic1.jpg") no-repeat; }

.p1 ul li.i2{ background: url("../images/p1_pic2.jpg") no-repeat;margin-top: 55px }

.p1 ul li.i3{ margin-right: 0; background: url("../images/p1_pic3.jpg") no-repeat; }*/



.p2 dl dt{ background:#e7556a;}

.p2 dl dt i{ float:left;width: 80px; height: 80px; border-radius: 50%; color: #e7556a; background: #fff; font-size: 50px; line-height: 81px; text-align: center}

.p2 dl dt p{ display: inline-block; margin-left: 10px}

.p2 dl dd ul li{

  width: 20%; float: left; color: #fff; position: relative; line-height: 30px;

  -webkit-transition:all 1s;

  -moz-transition:all 1s;

  -o-transition:all 1s;

}

.p2 dl dd ul li img{ width: 100%}

.p2 dl dd ul li span{  display: none; width: 100%; height: 60%; background: rgba(66,51,53,0.9); position: absolute; left: 0; top:0; padding: 20% 0; }

.p2 dl dd ul li:hover span{  display:block}

.p2 dl dd ul li b{ font-size: 50px; border-bottom: 1px solid #fff; font-weight: normal}

.p2 dl dd ul li p{ padding: 5% 0;}



.p3_con{ padding: 170px 0 30px; margin-top: 300px}

.p3_con ul .p3_pic{ position: absolute; left: 0; right: 0; top:250px; margin: auto}

.p3_con ul{ position: absolute; top:-480px; left: 0}

.p3_con ul li{ float: left; line-height: 40px}





.p4_tab ol li{

  width: 29%; float: left; height: 70px; line-height: 70px; color: #fff; font-size: 35px; padding: 0 2%; text-align: center;

  -webkit-transition:all 1s;

  -moz-transition:all 1s;

  -o-transition:all 1s;

}

.p4_tab ol li.on{ background: #423335}

.p4_tab ol li i{ float:left;width: 50px; height: 50px; border-radius: 50%; color: #e7556a; background: #fff; font-size: 30px; line-height: 50px; text-align: center; margin: 10px 20px 0 0}

.p4_tab .p4_con{ height: 480px; padding: 50px 0}

.p4_tab ul{ position: absolute; top:50px; left: 0;}

.p4_tab ul li dl{ width: 344px; float: left; margin-right: 20px; background: #f8f8f8; position: relative;height: 500px; }

.p4_tab ul li dl:before{ content: ""; display: block; width: 319px; height: 540px; border: 1px solid #e7556a; position: absolute; top:-20px; left: 11px}

.p4_tab ul li dl i{ display: block; font-size: 42px}

.p4_tab ul li dl h3{ font-size: 25px; text-align: center; font-weight: normal}

.p4_tab ul li dl p{ color: #525252; padding: 20px; line-height: 35px}

.p4_tab ul li dl i:before,.p4_tab ul li dl i:after{ content: "－"; color: #d7d7d7 }

.p4_tab ul li.i3 dl{ width: 459px;  margin-left: 50px}

.p4_tab ul li.i3 dl:before{ width: 440px}



.p5_content{height: 680px;}

.p5 .p5_con{ width: 100%; height: 1027px; background: url("../images/part_pic_26.jpg") no-repeat center}

.p5 .p5_con .p5_tab{ padding: 100px 0; height: 780px}

.p5 .p5_con .p5_main{ position: absolute; left: 0; top:100px}

.p5 .prev,.p5 .next{ position: absolute; z-index: 9;top: 60%; cursor: pointer; height: 106px; width: 55px}

.p5 .prev{ left: -70px; background: url("../images/prev.png") no-repeat}

.p5 .next{ right:-70px; background: url("../images/next.png") no-repeat}

.p5 .p5_con .p5_tab dl{ background: #fff; float: left; width: 1100px; position: relative}

.p5 .p5_con .p5_tab dl dt{ width: 570px; height: 780px; position: relative}

.p5 .p5_con .p5_tab dl dt ol{ position: absolute; left: 0; bottom:-50px; text-align: center; width: 100%}

.p5 .p5_con .p5_tab dl dt ol li{ width: 149px; height: 149px; display: inline-block; margin-right: 20px; background: #fff;border-radius: 50%;overflow: hidden; cursor: pointer}

.p5 .p5_con .p5_tab dl dt ol li img{ opacity: 0.7; border-radius: 50%;overflow: hidden;}

.p5 .p5_con .p5_tab dl dt ol li.on img{ opacity: 1}

.p5 .p5_con .p5_tab dl dt ul{ width: 570px; height: 780px; overflow: hidden}

.p5 .p5_con .p5_tab dl dt ul li{ display: none;}

.p5 .p5_con .p5_tab dl dt ul li.block{ display: block}

.p5 .p5_con .p5_tab dl dd{ padding: 50px; width: 408px; position: relative}

.p5 .p5_con .p5_tab dl dd h3,.p5 .p5_con .p5_tab dl dd b{ font-weight: normal}

.p5 .p5_con .p5_tab dl dd h3{ font-size: 55px}

.p5 .p5_con .p5_tab dl dd b{ font-size: 37px; padding: 10px 0; display: block}

.p5 .p5_con .p5_tab dl dd p{ padding: 10px 0}

.p5 .p5_con .p5_tab dl dd p i{ display: inline-block; padding: 10px; background: #f7d85b; margin-right: 10px}

.p5 .p5_con .p5_tab dl dd p.text{ text-indent: 2em; line-height: 35px}

.p5 .p5_con .p5_tab dl dd a{ position: absolute; left: 30%; bottom:-150px; display: block; z-index: 9}

.p5 .p5_con .p5_tab dl .xq{ position: absolute; width: 100%; height: 100%; display: none}

.p5 .p5_con .p5_tab dl .xq span{ background: #60686b; display: block}

.p5 .p5_con .p5_tab dl .xq i{ display: block; width: 67px; height: 67px; color: #fff; background: #2d3234; font-size: 30px; line-height: 67px}

.p5 .p5_con .p5_tab dl .xq h2{ line-height: 50px; font-size: 28px; font-weight: normal; background: #2d3234}

.p5 .p5_con .p5_tab dl .xq span a{ display: inline-block; padding: 0 10px; border: 1px solid #fff; font-size: 29px; border-radius: 50px; line-height: 50px; color: #fff; margin: 44px 0}



.p6 .p6_con{ width: 920px; height: 695px; overflow: hidden}

.p6 .p6_tab ol{ position: absolute; left: 0; top:80px; z-index: 1;  }

.p6 .p6_tab ol li{ width: 160px; background: #423335; border-left:20px solid #e7556a; color: #fff; line-height: 80px; font-size: 37px; text-align: center; margin-bottom: 30px;-webkit-transition:all 1s;  -moz-transition:all 1s;  -o-transition:all 1s; }

.p6 .p6_tab ol li.on{ width: 200px}

.p6 .p6_tab ul{ position: absolute; top:50px; left: 0;}

.p6 .p6_con ul li{ width: 920px; float: left}

.p6 .p6_con ul li h3{ font-size: 45px; font-weight: normal; padding: 20px 0; position: relative; text-indent: 1em}

.p6 .p6_con ul li h3:before{ content: "—"; color: #e7556a; position: absolute; left: -70px; top:20px}

.p6 .p6_con ul li span{ display: block; border-top:1px solid #e7556a;border-right:1px solid #e7556a;border-bottom:1px solid #e7556a; padding: 30px; line-height: 40px}

.p6 .p6_con ul li span p{ padding: 30px 0}

.p6 .p6_con ul li span i{ display: inline-block; background: #e7556a; color: #fff; padding: 0 10px; line-height: 40px}

.p6 .p6_con ul li .btn{ position: absolute; bottom:-70px; left: 0; right: 0; margin:0 auto}



.p7_con{padding:30px 0;}

.p7 ul{ width: 1193px; margin: 0 auto;height: 543px;overflow: hidden}

.p7 ul li{ width: 230px; float: left; background: #e7556a; color: #fff; line-height: 35px; position: relative; height: 543px}

.p7 ul li:nth-child(even){ background: #f1738c}

.p7 ul li.active{ width: 503px}

.p7 ul li span{ display: block; position: absolute; left:30px; bottom: 30px;width: 443px; }







@keyframes allitem_bounce{

  0%,80%,84%,90%,96%,100%{-webkit-transform:translateY(0)}

  88%{-webkit-transform:translateY(-6px)}

  92%{-webkit-transform:translateY(-3px)}

}

@-webkit-keyframes allitem_bounce{

  0%,80%,84%,90%,96%,100%{-webkit-transform:translateY(0)}

  88%{-webkit-transform:translateY(-6px)}

  92%{-webkit-transform:translateY(-3px)}

}

@-moz-keyframes allitem_bounce{

  0%,80%,84%,90%,96%,100%{-moz-transform:translateY(0)}

  88%{-moz-transform:translateY(-6px)}

  92%{-moz-transform:translateY(-3px)}

}

@-o-keyframes allitem_bounce{

  0%,80%,84%,90%,96%,100%{-o-transform:translateY(0)}

  88%{-o-transform:translateY(-6px)}

  92%{-o-transform:translateY(-3px)}

}

@-ms-keyframes allitem_bounce{

  0%,80%,84%,90%,96%,100%{-ms-transform:translateY(0)}

  88%{-ms-transform:translateY(-6px)}

  92%{-ms-transform:translateY(-3px)}

}



.p_pic {

	float:left;

	width:452px;

	height:458px;

}

.p_con {

	float:right;

	width:640px;

}

.qqq {

	width:100%;

	background:#f9738c;

	margin:0 auto 30px auto;

}

.qqq .q_pic {

	float:left;

	width:125px;

	text-align:center;

	padding-top:25px;

}

.qqq .q_pic img {

	width:95px;

	display:inline-block;

}

.qqq .q_txt {

	float:left;

	width:500px;

	padding-bottom:20px;

}

.qqq .q_txt a {

	color:#fede05

}

.qqq .qt1 {

	font-size:24px;

	line-height:24px;

	padding:25px 0 15px 0;

}

.qqq .qt2 {

	font-size:20px;

	line-height:28px;

}

.qqq:last-child {

	margin-bottom:0

}