@charset "utf-8";

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li,dl,dt,dd,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0px;padding: 0px;border: 0;font-size: 100%;font: inherit;}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}


body{line-height: 1; font-size:16px; font-family:"Microsoft YaHei";/*arial*/ background: #f2f7fc;}

ol, ul,li {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}

/* table {border-collapse: collapse;border-spacing: 0;} */

header,article,footer,nav,section,aside,menu{ display:block;}

input{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);} 

.fix:after {visibility: hidden;display: block;font-size: 0;content:""; clear: both; height: 0;}

.fix{*zoom:1;}

a,a:hover,a:active,a:visited,a:link,a:focus{
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
  outline:none;
  text-decoration: none;
}
a{
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -moz-user-focus: none;
  -moz-user-select: none;
}
/**global style**/
.global{
  width: 6.4rem;
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: flex-start;
  overflow: hidden;
}
.global_nav{
  position: absolute;
  left: 0; 
  top: 0;
  background: rgba(0,0,0,0.68);
  height: 100%;
  width: 100%;
  display: block;
  opacity: 0;
  transition: all 0.6s ease-in-out;
}
.global_nav_level1{
  width: 3.2rem;
  height: 100%;
  float: left;
  background: #2c76c0;
  position: relative;
  left: -3.2rem;
  transition: all 0.6s ease-in-out;
}
.right_show{
  width: 3.2rem;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  /*background: rgb(0,0,0,0.68);*/
}
.global_nav_level1 form{
  width: 2.9rem;
  display: block;
  margin: 0.44rem auto;
  margin-bottom: 0.32rem;
  background: #3c8cdc;
  height: 0.42rem;
  border-radius: 0.05rem;
}
.global_nav_level1 input[name=q]{
  width: 2.7rem;
  height: 0.4rem;
  line-height: 0.4rem;
  margin: auto;
  border:0;
  display: block;
  background: url(../images/serach_icon.png) no-repeat center right;
  background-size: 0.27rem 0.27rem;
  font-size: 0.2rem;
  color: #71b8ff;
  -webkit-text-fill-color:#71b8ff;
}
/*chrome谷歌浏览器，Safari苹果浏览器*/
.global_nav_level1 input[name=keywords]::-webkit-input-placeholder {
  color: #71b8ff; 
  -webkit-text-fill-color:#71b8ff;
}
/*firefox火狐浏览器*/
.global_nav_level1 input[name=keywords]:-moz-placeholder {
  color: #71b8ff; 
}
.global_nav_level1 input[name=keywords]::-moz-placeholder{
  color: #71b8ff; 
}
/*IE浏览器*/
.global_nav_level1 input[name=keywords]:-ms-input-placeholder {
  color: #71b8ff; 
}
.global_nav_level1 input[type=button]{
  display: block;
  width: 100%;
  border:0;
  background: url(../images/nav_close.png) no-repeat 92% center,#1866b3;
  background-size: 0.24rem 0.24rem;
  height: 0.38rem;
  text-align: left;
  padding-left: 0.15rem;
  font-size: 0.24rem;
  color: #fff;
}
.gnav_lv1_list{
  display: table;
  width: 100%;
  margin: 0.22rem auto 0;
  border-bottom: 0.01rem solid #3584d3;
}
.gnav_lv1_list li{
  width: 100%;
  height: 0.58rem;
  border-top: 0.01rem solid #3584d3;
  border-bottom: 0.01rem solid #0f62b5;
}
.gnav_lv1_div{
  width:2.71rem;
  height: 0.58rem;
  margin: auto;
}
.gnav_lv1_div img{
  width: 0.45rem;
  height: 0.45rem;
  display: inline-block;
  vertical-align: middle;
}
.gnav_lv1_div a{
  display: inline-block;
  vertical-align: middle;
  height: 0.58rem;
  line-height: 0.58rem;
  font-size: 0.26rem;
  color: #fff;
}
.hav_list{
  background:url(../images/nav_arrow.png) no-repeat right center !important;
  background-size:0.1rem 0.21rem !important;
}
.gnav_lv1_list li:first-child{
  border-top: 0;
}

/**level2 nav style**/
.glo_lv2{
  position: absolute;
  left: -3.2rem;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.55);
  z-index: 777;
  transition: all 0.6s ease-in-out;
}
.glo_lv2_cont{
  width: 2.67rem;
  height: 100%;
  background: #2c76c0;
}
.glo_lv2_cont form{
  display: block;
  width: 100%;
  height: auto;
  background: none;
  margin-top: 0;
  border-radius: 0;
  padding-top: 0.44rem;
}
.glo_lv2_cont input[name="q"]{
  width: 2.15rem;
  height: 0.42rem;
  background: url(../images/serach_icon.png) no-repeat 95% center,#3c8cdc;
  background-size: 0.27rem 0.27rem; 
  padding: 0 0.1rem;
  border-radius: 0.05rem;
}
.glo_lv2_cont input[type="button"]{
  background: url(../images/nav_back.png) no-repeat 92% center,#1866b3;
  background-size: 0.14rem 0.29rem;
}
.glo_lv2_ul{
  width: 100%;
  display: table;
  margin:0.25rem auto 0;
  border-bottom: 0.01rem solid #3584d3;
}
.glo_lv2_ul li{
  width: 100%;
  height: 0.55rem;
  border-top: 0.01rem solid #3584d3;
  border-bottom: 0.01rem solid #0f62b5;
}
.glo_lv2_ul li a{
  display: block;
  width: 2.35rem;
  line-height: 0.55rem;
  font-size: 0.26rem;
  color: #fff;
  margin: auto;
}
.glo_lv2_ul li:first-child{
  margin-top: 0;
}
.glo_lv2_hide{
  left: -3.2rem !important;
}
.glo_lv2_show{
  left: 0rem !important;
}
/*.opacity_1{
  opacity: 1 !important;
}
.opacity_0{
  opacity: 0 !important;
}*/
.content{
  position: relative;
  left: 0;
  width: 6.4rem;
  margin: auto;
  margin-top: 0;
  height: auto;
  display: table;
  transition: all 0.6s ease-in-out;
}

/**head style**/
.header{
  width: 6.4rem;
  height: 1.18rem;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
}
.header a:nth-child(1){
  background: url(../images/head_menu.png) no-repeat right;
  background-size: 0.44rem 0.33rem;
  width: 0.44rem;
  height: 0.33rem;
  margin-left: 0.15rem;
}
.header a:nth-child(2){
  background: url('http://m.eyebj.com/templets/eyebj/images/head_logo.png') no-repeat center;
  background-size: 4.12rem 0.65rem;
  width: 4.12rem;
  height: 0.65rem;
}.head_logo img{max-width: 100%;}
.header a:nth-child(3){
  background: url(../images/head_tel.png) no-repeat left;
  background-size: 0.32rem 0.4rem;
  width: 0.32rem;
  height: 0.4rem;
  margin-right: 0.15rem;
}
/****/
.footer{
  width: 6.4rem;
  margin: 0.2rem auto 0;
  background: #fff;
  display: table;
}
.footer_tell{
  display: block;
  width: 6.1rem;
  height: 1.05rem;
  background: #1f52ad;
  margin: 0.2rem auto 0;
  border-radius: 0.08rem;
}
.footer_tell img{
  display: inline-block;
  vertical-align: middle;
  width: 0.77rem;
  height: 0.77rem;
  padding-left: 0.65rem;
}
.footer_tell>div{
  display: inline-block;
  vertical-align: middle;
  height: 1.05rem;
}
.footer_tell>div p{
  padding-left: 0.25rem;
  /*width: 3.68rem;*/
  color: #fff;
}
.footer_tell>div p:first-child{
  text-align: justify;
  padding-top: 0.15rem;
  font-size: 0.24rem;
  height: 0.32rem;
}
.footer_tell>div p:first-child:after {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
.footer_tell>div p:last-child{
  font-size: 0.46rem;
  font-weight: bold;
}
.footer_cont{
  width: 100%;
  height: 2.47rem;
  margin: 0.34rem auto 0;
  background: url(../images/footer_cont_back.png) no-repeat top left;
  background-size: 3.75rem 2.06rem;
}
.footer_cont_c{
  width: 6.1rem;
  margin: auto;
  height: 2.3rem;
  position: relative;
  display: table;
}
.footer_cont_c>div{
  display: table-cell;
  vertical-align: middle;
}
.foot_address{
  padding-left: 0.26rem;
}
.foot_address img{
  display: block;
  width: 1.33rem;
  height: 1.47rem;
}
.foot_address a{
  text-align: center;
  width: 1.33rem !important;
  padding-top: 0.1rem;
  font-size: 0.26rem;
  color: #7d7d7d;
  display: block;
  width: 100%;
  line-height: 1.3;
}
.foot_address_detail div{
  width: 3.18rem;
  float: right;
}
.foot_address_detail div:first-child{
  background: url(../images/foot_time_icon.png) no-repeat left top;
  background-size: 0.44rem 0.44rem;
}
.foot_address_detail div:nth-child(2){
  background: url(../images/foot_add_icon.png) no-repeat left top;
  background-size: 0.44rem 0.44rem;
  margin-top: 0.3rem;
}
.foot_address_detail div{
  height: 0.6rem;
}
.foot_address_detail div p{
  padding-left: 0.54rem;
}
.foot_address_detail div p:nth-child(1){
  font-size: 0.3rem;
  color: #616161;
  margin-top: 0.08rem;
}
.foot_address_detail div:nth-child(2) p:nth-child(1){
  font-size: 0.24rem;
  color: #616161;
  line-height: 1.3;
  margin-top: -0.1rem;
}
.foot_address_detail div p:nth-child(2){
  font-size: 0.18rem;
  color: #616161;
  margin-top: 0.1rem;
}
.foot_copyright{
  width: 100%;
  height: 0.48rem;
  background: #5a5657;
  line-height: 0.48rem;
  text-align: center;
  font-size: 0.18rem;
  color: #fff;
}
.foot_copyright a{
  color: #FFFFFF;
}
.foot_copyright a:first-child{
  display: inline-block;
  margin-right: 0.25rem;
}
.foot_nav{
  position: fixed;
  right: 0.15rem;
  bottom: 0.7rem;
  border-radius: 0.46rem;
  width: 0.66rem;
  height: 0.66rem;
  /*background: url(../images/foot_other.png) no-repeat center,#64a5e6;*/
  background: rgba(98,162,227,0.8);
  background-size: 0.41rem 0.41rem;
  transition: width 0.5s ease-in-out;
  overflow: hidden;
  z-index: 777;
  display: block !important;
}
.foot_nav ul{
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: relative;
  right: -299px;
  transition: all 0.5s ease-in-out;
  width: 2.32rem;
}
.foot_nav li{  
  width: 0.73rem;
  height: 0.66rem;
  background: url(../images/foot_nav_back.png) no-repeat right center;
  background-size: 0.01rem 0.31rem;
}
.foot_nav li a{
  display: block;
  width: 0.73rem; 
  height: 0.66rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.foot_nav li a img{
  display: block;
  width: 0.44rem; 
  height: 0.37rem;
  margin: auto;
}
.clopos{
  position: absolute;
  right: 0.1rem;
  top: 0.12rem;
}
.clopos1 img{
  transition: all 0.2s ease-in-out;
  width: 0.44rem;
  height: 0.44rem;
}
.foot_img{
  transform: rotate(50deg);
  -ms-transform: rotate(50deg); /* Internet Explorer */
  -moz-transform: rotate(50deg); /* Firefox */
  -webkit-transform: rotate(50deg); /* Safari 和 Chrome */
  -o-transform: rotate(50deg); /* Opera */
}
/*.clopos2{
  position: absolute;
  right: 0;
  top: 0;
}*/