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

*{margin: 0px;padding: 0px;}
body,html { font-family: 'Microsoft YaHei',Arial,Helvetica,sans-serif,SimSun; color:#4a4a4a;  }
body{ background:#ffffff; font-size:.875rem; line-height:1.5;}
ul,li,p,h1,h2,h3,h4,h5,h6,img,video{ margin:0px; padding:0px; list-style:none;}
a{ text-decoration:none; color: #000000; cursor:pointer}
a:hover{ text-decoration:none; color: #5986db; cursor:pointer}
img{ display: block; border:0px;}
.fl{ float:left}
.fr{ float:right;}


/***************************************首页样式***************************************/
/*首页轮播图*/
    .h_focus .swiper-container {
      width: 100%;
      height: 100%;
    }
    .h_focus .swiper-slide {
      background-position: center;
      background-size: cover;
	  font-size: 1.125rem;
      color:#fff;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 2.5rem 0rem;
	  
	  /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  position:relative;
    }
	.h_focus .pagebox1{ box-sizing:border-box;  border:6px solid #FFF; padding:1.875rem;background-color:rgba(102,102,102,0.3); width:60%;
	position: absolute; display:inline-block;z-index:2; color:#FFFFFF; margin:auto; margin-top:13%; margin-left:13%;} 
	.h_focus .title1 { font-size: 1.5rem;font-weight: bold;}
    .h_focus .subtitle1 {font-size: 1.25rem;}
    .h_focus .text1 {font-size:0.875rem; font-weight:lighter;}
	  
	.h_focus .swiper-slide .pagebox{ margin-right:12.5rem; box-sizing:border-box;  border:6px solid #FFF; padding:1.875rem;
	 background-color:rgba(102,102,102,0.3); width:60%;} 
	.h_focus .swiper-slide .title { font-size: 2.5rem;font-weight: bold;}
    .h_focus .swiper-slide .subtitle {font-size: 1.875rem;}
    .h_focus .swiper-slide .text {font-size:1.5rem; font-weight:lighter;}

	.pagenum{ position:absolute; left:0px; bottom:0px; z-index:2; box-sizing:border-box; width:8.5rem; height:6.875rem; line-height:6.875rem; text-align:center; background:#00707f;}
	.h_focus .swiper-button-next{background-image: url(/skin/images/ic_next.png);left:15.25rem;}
    .h_focus .swiper-button-prev{background-image: url(/skin/images/ic_prev.png);left:8.5rem;}

    .h_focus .swiper-button-next,.h_focus .swiper-button-prev{top: auto; margin-top: auto; bottom:0px;width:6.875rem;height:6.875rem; z-index:10;cursor:pointer;background-size:6.875rem 6.875rem;background-position:center;background-repeat:no-repeat;right: auto;}
	
	.h_focus .swiper-container-horizontal>.swiper-pagination-bullets{bottom:7.5rem;left:0;width:88%;}

/*导航*/
.h_menu{ position:absolute; top:0px; right:0px; 
  /*bottom:110px; */
  bottom: 0px; 
  background:#FFF; height: auto;z-index:2;
  width:15%;
}
.h_menu .img{
  /*border: 1px solid red; */
  display:block; margin:0px auto; text-align:center; padding:2.25rem 0rem;
  width: 8.75rem;
}
.h_menu li{ width:100%; line-height:4rem; height:4rem; font-size:1.25rem; text-align:center; font-family: "微软雅黑"; letter-spacing:0.125rem;}
.h_menu li.cur,.h_menu li:hover{ background: url(/skin/images/dot1.png) no-repeat left; color:#5986db;}
.h_menu li.cur a{color:#5986db;}

/*搜索框*/
.ssbox{ position:absolute; top:1.5rem; left:1.5rem; z-index:2;width: 60%; display:flex; flex-direction: row;justify-content:flex-end}

.sel_div {
  display: block;
  border: none;
  outline: none;
  /*border: 1px solid #fff;*/
  -webkit-appearance: none;
  background: none;
  color: #FFF;
  width: 5.625rem;
  height: 2.625rem;
  position: relative;
  left: 6.25rem;
  top: 0.3125rem;
  font-size: 1rem;
  padding-left: 0.625rem;
  background: url(/skin/images/sel.png) no-repeat;
  background-size: 1.75rem 1.75rem; 
  background-position: 4.10rem 0.125rem;
  cursor: pointer;
}

.sel_div option {
  display: block;
  font-size: 1rem;
  color: #000;
  /*width: 300px;
  height: 30px;*/
  text-align: center;
  padding: 0.625rem;
}

.ssbox form{ }
.ssbox input{ border:none; height:3.25rem; box-sizing:border-box; border-radius:1.625rem; background: rgba(0,0,0,0);outline:none;}
.ssbox input.ss_inpt{ 
  border:1px solid #FFF;font-size: 1rem; padding:0px 6.875rem; 
  line-height:1.625rem; color:#FFF; max-width:21.875rem; width:60%; margin-right:0.625rem;
  background: none;
  -webkit-appearance: none;
}
.ssbox input.ss_btn{ text-indent: 1.5rem; background:url(/skin/images/icon1.png) #5986db no-repeat left 1.5rem center; max-width:8.75rem; width:35%; font-size:1rem; padding-left:1.5rem;box-sizing:border-box; color:#FFF; cursor:pointer}

/*版权*/	
.h_copy{ position: absolute; bottom:2.5rem; line-height:1.375rem; z-index:2; text-align:center; display:inline-block; color:#FFF; width:88%;}

/*联系方组合式图标*/
.ic_kf{ position:absolute; bottom:1.875rem; right:8.5rem; width:3.125rem; height:3.125rem; z-index:8}
.ic_kf img{ width:100%;}

.h_icon{ position:absolute; bottom:8.75rem; left:2.625rem; z-index:8}
.h_icon .ic_ov{ height:3.125rem; margin-top:1.875rem; position:relative}
.h_icon .ic_on{ height:3.125rem; line-height:3.125rem; padding-left:3.125rem; position:absolute; top:0px; left:0px; border-radius:1.5rem; color:#FFF; width:auto; box-sizing:border-box; padding-right:1.125rem; display:inline-block; min-width:10.625rem;}
.h_icon .tel{ background:url(/skin/images/ic1.png) #00707f no-repeat left}
.h_icon .email{ background: url(/skin/images/ic2.png) #00707f no-repeat left}

.ic_ov:not(:hover) > .ic_on{ display:none; height: 0; line-height:0;padding-top: 0;padding-bottom: 0;margin: 0;z-index:10; }
.h_icon .ic_ov:hover > .ic_cur{visibility: hidden;}

.w_tubi{position:absolute; bottom:1.875rem; right:4rem; z-index:8; width:3.125rem; box-sizing:border-box}
.w_tubi .ic_ov{ width:3.125rem; height:3.125rem; display:block}
.w_tubi .ic_on{ position:absolute; bottom:3.375rem; right:-1.5rem; width:6.25rem; box-sizing:border-box;}
.w_tubi .ic_ov img{ width:100%}

@media (max-width: 720px) {
	body{ background:#ffffff; font-size:.75rem; line-height:1.5;}
	.h_menu{ position:absolute; top:0px; right:0px; 
  /*bottom:110px; */
  bottom: 0px; 
  background:#FFF; height: auto;z-index:2;
  width:25%;
}
.h_menu .img{
  /*border: 1px solid red; */
  display:block; margin:0px auto; text-align:center; padding:1.125rem 0rem;
  width: 4.375rem;
}
.h_menu li{ width:100%; line-height:3rem; height:3rem; font-size:0.9rem; text-align:center; font-family: "微软雅黑"; letter-spacing:0.125rem;}
.h_menu li.cur,.h_menu li:hover{ background: url(/skin/images/dot1.png) no-repeat left; color:#5986db;}
.h_menu li.cur a{color:#5986db;}
	.h_focus .pagebox1{ box-sizing:border-box;  border:6px solid #FFF; padding:1.875rem;background-color:rgba(102,102,102,0.3); width:60%;
	position: absolute; display:inline-block;z-index:2; color:#FFFFFF; margin:auto; margin-top:26%; margin-left:8%;} 
	.h_focus .title1 { font-size: 0.75rem;font-weight: bold;}
    .h_focus .subtitle1 {font-size: 0.625rem;}
    .h_focus .text1 {font-size:0.4375rem; font-weight:lighter;}
	.h_focus .swiper-container-horizontal>.swiper-pagination-bullets{bottom:6.5rem;left:0;width:79%;}
.w_tubi{position:absolute; bottom:1.875rem; right:1.5rem; z-index:8; width:3.125rem; box-sizing:border-box}
.w_tubi .ic_ov{ width:3.125rem; height:3.125rem; display:block}
.w_tubi .ic_on{ position:absolute; bottom:3.375rem; right:-1.5rem; width:6.25rem; box-sizing:border-box;}
.w_tubi .ic_ov img{ width:100%}

.ssbox{ position:absolute; top:1.5rem; left:1.5rem; z-index:2;width: 60%; display:flex; flex-direction: row;justify-content:flex-end}

.sel_div {
  display: block;
  border: none;
  outline: none;
  /*border: 1px solid #fff;*/
  -webkit-appearance: none;
  background: none;
  color: #FFF;
  width: 5.625rem;
  height: 2.625rem;
  position: relative;
  left: 6.25rem;
  top: 0.3rem;
  font-size: 0.75rem;
  padding-left: 0.625rem;
  background: url(/skin/images/sel1.png) no-repeat;
  background-size: 1.75rem 1.75rem; 
  background-position: 3.5rem 0.125rem;
  cursor: pointer;
  padding-bottom:0.85rem;
}

.sel_div option {
  display: block;
  font-size: 0.75rem;
  color: #000;
  /*width: 300px;
  height: 30px;*/
  text-align: center;
  padding: 0.625rem;
}

.ssbox form{ }
.ssbox input{ border:none; height:2.25rem; box-sizing:border-box; border-radius:1.625rem; background: rgba(0,0,0,0);outline:none;}
.ssbox input.ss_inpt{ 
  border:1px solid #FFF;font-size: 1rem; padding:0px 6.875rem; 
  line-height:1.625rem; color:#FFF; max-width:21.875rem; width:60%; margin-right:0.625rem;
  background: none;
  -webkit-appearance: none;
}
.ssbox input.ss_btn{ text-indent: 0.5rem; background:url(/skin/images/icon2.png) #5986db no-repeat left 0.5rem center; max-width:4.375rem; width:35%; font-size:0.75rem; padding-left:1.5rem;box-sizing:border-box; color:#FFF; cursor:pointer; padding-right:1.5rem;}

	.h_copy{ position: absolute; bottom:1.5rem; line-height:1.375rem; z-index:2; text-align:center; display:inline-block; color:#FFF; width:75%;font-size:0.75rem;}
}