@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px; font-size:12px; font-family:Arial, "微软雅黑"; color:#666; -webkit-text-size-adjust: none; opacity: 0;}
a{color:#666; text-decoration:none; outline:none;}
a:active{star:expression(this.onFocus=this.blur());} 
img{border:0px; vertical-align:middle;}
a:link {text-decoration: none; outline:none;}
a:visited{text-decoration: none; outline:none;}
a:hover{text-decoration:none; color:#0075cf; outline:none;}
ul, p, dl, dt, dd{padding:0px; margin:0px;}
li{list-style-position:outside; list-style-type:none;}
h1, h2, h3, h4, h5{font-size:14px; padding:0px; margin:0px;}
h1{font-size:16px;}
h5{font-size:12px;}
.fl{float:left;}
.fr{float:right;}
.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}

.h10{height:10px; overflow:hidden; clear:both;}
.h30{height:30px; overflow:hidden; clear:both;}
.h60{height:60px; overflow:hidden; clear:both;}
.h70{height:70px; overflow:hidden; clear:both;}
.h100{height:100px; overflow:hidden; clear:both;}
input, textarea{background:transparent; padding:0px; font-size:12px; font-family:Arial, "微软雅黑"; color:#888; outline:none; border:0px;}
em{font-style:normal;}
.btn1{cursor:pointer;}
.red{color:#cb1f18;}
.wal { max-width: 16.0rem; margin: 0 auto; }
.wal2 { max-width: 1200px; margin: 0 auto; }

body.show {
    opacity: 1;
    transition: All 1s ease;
    -webkit-transition: All 1s ease;
    -moz-transition: All 1s ease;
    -o-transition: All 1s ease; }


.w280{ width:2.8rem;}
.w378{ width:3.78rem;}
.w870{ width:8.7rem;}

a, .transition, .nav li a{
  transition: All 0.5s ease;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease; }

.fangda{ overflow: hidden;}
.fangda img{ transition:2s;-moz-transition:2s;-webkit-transition:2s;-o-transition:2s;}
.fangda:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.line1_hidden{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.line2_hidden{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.line3_hidden{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}

.ico_h {display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } 
.ico_h:before {pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } 
.ico_h:hover, .ico_h:focus, .ico_h:active {-webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } 
.ico_h:hover:before, .ico_h:focus:before, .ico_h:active:before {opacity: .4; -webkit-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hover-shadow; animation-name: hover-shadow; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }

@font-face {font-family:hyjk; src:url(../font/hyjk.ttf);}
@font-face {font-family:hysht; src:url(../font/hysht.ttf);}


.Phone-Box{ display: none; }

/*头部导航*/
.headDiv{ height: 1.38rem; position: fixed; z-index: 2; left: 0; top: 0; width: 100%; transition: all .3s ease-out 0s;}
.headDiv.mini{ background:#fff;}
.headDiv.on{ display:none;}
.headDiv.on2{ display:block;}
.headDiv .wal{ height: 1.38rem; position: relative; }
.headDiv .logo{ position: absolute; left: 0; top: 0.5rem; }
.headDiv .logo img{ width: 0.84rem; }

.nav{ position: absolute; right: 0; bottom: 0; height: 0.82rem; }
.nav li{ float: left;/* margin-left: 0.57rem;*/ }
.nav li a{ display: block; width: 1.37rem; height: 0.82rem; }
.nav .li01 a{ display: block; width: 2.13rem; height: 0.82rem; }
.nav .li02 a{ display: block; width: 1.56rem; height: 0.82rem; }
.nav li a img{ width: 1.37rem; }
.nav .li01 a img{ width: 2.13rem; }
.nav .li02 a img{ width: 1.56rem; }
.nav li a .img1{ display: none;  }
.nav li a:hover, .nav li .aNow{ background: url(../images/nimg137Bg.png) center no-repeat; background-size: 1.37rem; }
.nav .li01 a:hover, .nav .li01 .aNow{ background: url(../images/nimg213Bg.png) center no-repeat; background-size: 2.13rem; }
.nav .li02 a:hover, .nav .li02 .aNow{ background: url(../images/nimg156Bg.png) center no-repeat; background-size: 1.56rem; }
.nav li a:hover img, .nav li .aNow img{ display: none; }
.nav li a:hover .img1, .nav li .aNow .img1{ display: inline-block; }

.footDiv{ position: fixed; left: 0; bottom: 0; z-index: 2; width: 100%; }
.footDiv img{ width: 100%; }