@charset "utf-8";
/* CSS Document */

/*search_text*/
.search_text{
  width:1056px;
  height:246px;
  background: #fff;
  position: relative;
  margin:0 auto;
  top:-95px;
  padding:22px;
  overflow: hidden;
}
.search_text .search_keyword{
  margin-top:20px;
}
.search_text .search_keyword a{
  margin-left:20px;
}
.search_text .search_img ul{
  width:100%;
  height:197px;
}
.search_text .search_img li{
  width:337px;
  height:197px;
  line-height:197px;
  float:left;
  text-align: center;
  position: relative;
  z-index:0;
}
.search_text .search_img li.img01{
  margin-right:22px;
  background: url(../images/img_01_1.jpg) no-repeat;
}
.search_text .search_img li.img02{
  margin-right:22px;
  background: url(../images/img_01.jpg) no-repeat;
}
.search_text .search_img li.img03{
  background: url(../images/img_01_2.jpg) no-repeat;
}
.search_text .search_img li span{
  color:#fff;
  font-size:16px;
  font-weight:700;
}
.search_text .search_img li a{
  display: block;
  transition:background-color ease 0.5s;
}
.search_text .search_img li a:hover{
  background-color:rgba(0,140,214,0.7);
}


/*items and about*/
.web_cont{
  margin-top:10px;
  margin-top:-95px;
}


/*step_one*/
.step_one{
  width:1100px;
  height:680px;
  overflow: hidden;overflow: hidden;
}
.step_one .title{
  width:480px;
  background: url(../images/title_bg.png) no-repeat;
  margin:0 auto;
  text-align: center;
}
.step_one .title .title_z{
  width:480px;
  height:35px;
  line-height:35px;
  font-size:35px;
  color:##5a5a5a;
  font-weight:bold;
  text-align: center;
}
.step_one .title span{
  color:#008cd6;
}
.step_one .title .title_f{
  color:#666;
  line-height:40px;
}

.step_one .btn_view{
  width:110px;
  height:50px;
}
.step_one .btn_view a{
  width:1100px;
  height:50px;
  line-height:50px;
  display: block;
  background: #eee;
  text-align: center;
  border-radius: 3px;
  color:#008cd6;
}
.step_one .btn_view a:hover{
  background:#008cd6;
  color:#fff;
}


.step_one_cont{
  margin-top:50px;
  width:1100px;
  height:458px;
}
.step_one_cont .step_one_cont_left{
  float:left;
  word-wrap: break-word;
  padding: 0px;
  border: 2px solid rgb(0, 140, 214);
  height: auto;
  width: 348px;
  display: block;
}
.step_one_cont .step_one_cont_left .soc_left_tit{
  width:348px;
  height:60px;
  line-height:60px;
  text-align: center;
  background-color: rgb(0,140,214);
}
.step_one_cont .step_one_cont_left .soc_left_tit span{
  font-size:20px;
  color:#fff;
  font-weight:bold;
}
.step_one_cont .step_one_cont_left .soc_left_cont{
	  height: 443px;
    overflow: hidden;
    overflow-y: scroll;
}
.step_one_cont .step_one_cont_left .soc_left_cont::-webkit-scrollbar{
  width:10px;
}
.step_one_cont .step_one_cont_left .soc_left_cont::-webkit-scrollbar-thumb{        
  background: rgba(0,0,0,0.2);
}
.step_one_cont .step_one_cont_left .soc_left_cont::-webkit-scrollbar-track{
  background: rgba(0,0,0,0.1);
}
.step_one_cont .step_one_cont_left .soc_left_cont ul li{
  line-height:38px;
  margin-top:10px;
  margin-left:20px;
  margin-right: 20px;
  border-bottom:1px solid #eee;
  position: relative;
  transition:background-color ease 0.4s;
}
.step_one_cont .step_one_cont_left .soc_left_cont ul li a{
    width: 210px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    font-size: 16px;
}
.step_one_cont .step_one_cont_left .soc_left_cont ul li a:hover{
    color:rgb(0,140,214);;
}
.step_one_cont .step_one_cont_left .soc_left_cont ul li div{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
    line-height: 18px;
    margin-bottom: 18px;
}
.step_one_cont .step_one_cont_left .soc_left_cont ul li span{
	float:right;
	color:#aaa;
  font-size: 12px;
}
.step_one_cont .step_one_cont_left .soc_left_cont ul li a{
  /*display: block;*/
}
.step_one_cont .step_one_cont_left .soc_left_cont ul li:hover{
  display: block;
}
.step_one_cont .step_one_cont_left .soc_left_cont ul li:hover a{
  /*color:#fff;*/
}
.step_one_cont .step_one_cont_left .soc_left_cont ul li img{
  position: absolute;
  right:10px;
  top:10px;
}

.step_one_cont .step_one_cont_center{
  float:left;
  width: 748px;
  height: 507px;
  overflow: hidden;
}

.step_one_cont .step_one_cont_right{
  float:left;
  margin-left:10px;
  width:323px;
  height:427px;
}

.step_one_cont .step_one_cont_right ul li{
  width:323px;
  height:208px;
  position: relative;
}
.step_one_cont .step_one_cont_right ul li.img01 {
  width:323px;
  height:208px;
}
.step_one_cont .step_one_cont_right ul li.img02{
  width:323px;
  height:208px;
  margin-top:12px;
}
.step_one_cont .step_one_cont_right ul li.img01 img,.step_one_cont .step_one_cont_right ul li.img02 img{
  width:323px;
  height:208px;
  position: relative;
  z-index: 0;
}
.step_one_cont .step_one_cont_right ul li a{
  width:323px;
  height:40px;
  line-height:40px;
  text-align: center;
  position: absolute;
  left:0;
  bottom:0;
  z-index: 10;
  background-color: rgba(0,140,214,0.7);
  transition: background-color ease 0.5s;
}
.step_one_cont .step_one_cont_right ul li a span{
  color:#fff;
}
.step_one_cont .step_one_cont_right ul li a:hover{
  background-color: rgba(0,140,214,0.3);
}

/*step_two*/
.step_two{
  width:100%;
  height:420px;
  overflow: hidden;
  background: url(../images/img_hykn.jpg) center no-repeat;
}
.step_two .step_two_text1{
  position: absolute;
  top:170px;
  left:70px;
  color:#666;
}
.step_two .step_two_text2{
  position: absolute;
  top:360px;
  left:175px;
  color:#666;
}
.step_two .step_two_text3{
  position: absolute;
  top:175px;
  left:312px;
  color:#666;
}
.step_two .step_two_text4{
  position: absolute;
  top:360px;
  left:452px;
  color:#666;
}
.step_two .step_two_text5{
  position: absolute;
  top:180px;
  right:468px;
  color:#666;
}
.step_two .step_two_text6{
  position: absolute;
  top:360px;
  right:328px;
  color:#666;
}
.step_two .step_two_text7{
  position: absolute;
  top:155px;
  right:173px;
  color:#666;
}
.step_two .step_two_text8{
  position: absolute;
  top:360px;
  right:55px;
  color:#666;
}

/*step_three*/
.step_three{
  width:1100px;
  height:560px;
  margin-top:60px;
}
.step_three .title{
  width:480px;
  background: url(../images/title_bg.png) no-repeat;
  margin:0 auto;
  text-align: center;
}
.step_three .title .title_z{
  width:480px;
  height:35px;
  line-height:35px;
  font-size:35px;
  color:##5a5a5a;
  font-weight:bold;
  text-align: center;
}
.step_three .title span{
  color:#008cd6;
}
.step_three .title .title_f{
  color:#666;
  line-height:40px;
}

.step_three .step_three_cont{
  margin-top:50px;
  width:1100px;
  height:445px;
}
.step_three .step_three_cont .step_three_cont_left{
  float:left;
  width:753px;
}
.step_three .step_three_cont .step_three_cont_left ul li{
  width:753px;
  height:136px;
  margin-bottom:17px;
}
.step_three .step_three_cont .step_three_cont_left ul li .stc_date{
  float:left;
  width:119px;
  height:66px;
  background: #008cd7;
  text-align: center;
  color:#fff;
  padding:35px 0;
}
.step_three .step_three_cont .step_three_cont_left ul li .stc_date span{
  font-size:35px;
}
.step_three .step_three_cont .step_three_cont_left ul li .stc_date p{
  background: #34aae8;
  width:70px;
  height:28px;
  line-height:28px;
  margin:0 auto;
  margin-top:20px;
}
.step_three .step_three_cont .step_three_cont_left ul li .stc_cont{
  float:left;
  width:592px;
  height:94px;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
  padding:20px;
  position: relative;
}
.step_three .step_three_cont .step_three_cont_left ul li .stc_cont h3{
  padding:0;
  margin:0;
}
.step_three .step_three_cont .step_three_cont_left ul li .stc_cont p{
  padding:0;
  margin:0;
  margin-top:10px;
}
.step_three .step_three_cont .step_three_cont_left ul li .stc_cont h3 a{
  font-size:16px;
  font-weight:bold;
  color:#666;
}
.step_three .step_three_cont .step_three_cont_left ul li .stc_cont a.more{
  position: absolute;
  right:0;
  bottom:0;
}

.step_three .step_three_cont .step_three_cont_right{
  float:left;
  margin-left:12px;
  width:331px;
}
.step_three .step_three_cont .step_three_cont_right .top_img{
  width:331px;
  height:217px;
}
.step_three .step_three_cont .step_three_cont_right .top_img img{
  width:331px;
  height:217px;
}
.step_three .step_three_cont .step_three_cont_right .bot_cont{
  width:291px;
  height:184px;
  background: #008cd7;
  padding:20px;
  color:#fff;
  position: relative;
}
.step_three .step_three_cont .step_three_cont_right .bot_cont h3{
  padding:0;
  margin:0;
}
.step_three .step_three_cont .step_three_cont_right .bot_cont h3 a{
  color:#fff;
}
.step_three .step_three_cont .step_three_cont_right .bot_cont p{
  padding:0;
  margin:0;
  margin-top:10px;
  line-height:25px;
}
.step_three .step_three_cont .step_three_cont_right .bot_cont a.more{
  position: absolute;
  right:1px;
  bottom:1px;
}

/*step_four*/
.step_four{
  margin-top:60px;
  width:1100px;
  height:570px;
  overflow: hidden;
}
.step_four .title{
  width:480px;
  background: url(../images/title_bg.png) no-repeat;
  margin:0 auto;
  text-align: center;
}
.step_four .title .title_z{
  width:480px;
  height:35px;
  line-height:35px;
  font-size:35px;
  color:##5a5a5a;
  font-weight:bold;
  text-align: center;
}
.step_four .title span{
  color:#008cd6;
}
.step_four .title .title_f{
  color:#666;
  line-height:40px;
}

.step_four .step_four_cont{
  margin-top:30px;
  width:1100px;
  height:370px;
}
.step_four .step_four_cont ul li{
  float:left;
  width:255px;
}
.step_four .step_four_cont ul li .img_more{
  position: relative;
  z-index: 0;
}
.step_four .step_four_cont ul li .img_more img{
  width:255px;
  height:255px;
  border:1px solid #aaa;
  border-radius: 100%;
}
.step_four .step_four_cont ul li .img_more a{
  width:50px;
  height:18px;
  line-height:16px;
  text-align: center;
  background: #008cd7;
  border:5px solid #fff;
  color:#fff;
  font-size:12px;
  display: inline-block;
  position: absolute;
  z-index: 10;
  top:-10px;
  left:40%;
}
.step_four .step_four_cont ul li.mr26{
  margin-right:26px;
}
.step_four .step_four_cont ul li h3{
  color:#008cd7;
  text-align: center;
}
.step_four .step_four_cont ul li p{
  color:#333;
  text-align: center;
  color:#999;
}
.step_four .btn_view{
  width:110px;
  height:50px;
}
.step_four .btn_view a{
  width:1100px;
  height:50px;
  line-height:50px;
  display: block;
  background: #eee;
  text-align: center;
  border-radius: 3px;
  color:#008cd6;
}
.step_four .btn_view a:hover{
  background:#008cd6;
  color:#fff;
}

/*step_five*/
.step_five{
  margin-top:60px;
  width:100%;
  overflow: hidden;
  margin:0 auto;
}
.step_five .title{
  width:480px;
  background: url(../images/title_bg.png) no-repeat;
  margin:0 auto;
  text-align: center;
}
.step_five .title .title_z{
  width:480px;
  height:35px;
  line-height:35px;
  font-size:35px;
  color:##5a5a5a;
  font-weight:bold;
  text-align: center;
}
.step_five .title span{
  color:#008cd6;
}
.step_five .title .title_f{
  color:#666;
  line-height:40px;
}

.step_five .step_five_cont{
  width:100%;
  height:775px;
  background: #f0f0f0;
}
.step_five .step_five_cont ul {
  padding-top:35px;
}
.step_five .step_five_cont ul li{
  float:left;
  width:340px;
  height:330px;
  background: url(../images/img_fivebg.jpg) no-repeat;
  margin-bottom:38px;
  text-align: center;
}
.step_five .step_five_cont ul li.mr38{
  margin-right:38px;
}
.step_five .step_five_cont ul li .icon_img{
  width:90px;
  height:90px;
  line-height:90px;
  text-align: center;
  background: #008cd7;
  border-radius: 100%;
  margin:0 auto;
  box-shadow: 2px 2px 5px #aaa;
  margin-top:50px;
}
.step_five .step_five_cont ul li .icon_img img{
  margin-top:15px;
}
.step_five .step_five_cont ul li h3{

}
.step_five .step_five_cont ul li p{
  width:210px;
  margin:0 auto;
  color:#999;
  margin-top:20px;
}

.step_five .step_five_cont ul li a{
  width:102px;
  height:26px;
  line-height:26px;
  text-align: center;
  border:1px solid #ccc;
  border-radius: 26px;
  display: inline-block;
  margin-top:20px;
}
.step_five .step_five_cont ul li a:hover{
  background: #008cd7;
  border:1px solid #008cd7;
  color:#fff;
}

/*step_six*/
.step_six{
  padding-top:60px;
  width:1100px;
  height:auto;
  overflow: hidden;
  margin:0 auto;
}
.step_six .title{
  width:480px;
  background: url(../images/title_bg.png) no-repeat;
  margin:0 auto;
  text-align: center;
}
.step_six .title .title_z{
  width:480px;
  height:35px;
  line-height:35px;
  font-size:35px;
  color:##5a5a5a;
  font-weight:bold;
  text-align: center;
}
.step_six .title span{
  color:#008cd6;
}
.step_six .title .title_f{
  color:#666;
  line-height:40px;
}
.step_six .step_six_cont{
  width:100%;
  height：auto;
}
.step_six .step_six_cont ul li{
  float:left;
  width:274px;
  height:205px;
  cursor: pointer;
}
.step_six .step_six_cont ul li.img img{
  width:274px;
  height:205px;
}
.step_six .step_six_cont ul li.text{
  width:234px;
  height:143px;
  border:1px solid #008cd6;
  background: #fff;
  padding:30px 20px;
  position: relative;
}
.step_six .step_six_cont ul li.text h3{
  font-weight:700;
  padding:0;
  margin:0;
}
.step_six .step_six_cont ul li.text h3 a{
  font-size:14px;
  color:#008cd6;
}
.step_six .step_six_cont ul li.text p{
  padding:0;
  margin:0;
  font-size:12px;
  color:#008cd6;
  margin-top:5px;
  line-height:25px;
}
.step_six .step_six_cont ul li.text a.more{
  position: absolute;
  right:1px;
  bottom:1px;
}

.step_six .step_six_cont ul li:hover{
  background: #008cd6;
}
.step_six .step_six_cont ul li:hover h3 a{
  color:#fff;
}
.step_six .step_six_cont ul li:hover p{
  color:#fff;
}