@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px; font-size:12px; color:#666; overflow-x:hidden;}
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:#012d5a; 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;}

input, textarea{background:transparent; padding:0px; font-size:12px; color:#888; outline:none; border:0px;}
em{font-style:normal;}
.btn1{cursor:pointer;}
.red{color:#cb1f18;}
.wal{width:1440px; margin:0px auto;}


.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;}
.line4_hidden{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}

.indexPart1, .indexPart2, .indexPart3, .indexPart4{display: flex;
  display: -webkit-flex; }

.indexPart1, .indexPart2, .indexPart3, .indexPart4{
  align-items: center;
  -webkit-align-items: center; }

.indexPart1, .indexPart2, .indexPart3, .indexPart4{justify-content: center;
  -webkit-justify-content: center; }


a,
.headDiv,
.indexPart1 .btnDiv li .layerDiv{
transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;	
}


@keyframes myScale{from{transform: scale(1.1);}
    to{transform: scale(1);}}


.Phone-Box{ display: none; }

.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);}

/*按钮动画--start*/
.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; }
/*按钮动画--end*/

.headDiv{ z-index:5; width:100%; position:absolute; left:0; top:0; height:100px; }
.headDiv .wal{ position: relative; height: 100px; }
.headDiv.hide { top: -100px; }
.headDiv .logo{ position:absolute; left:0; top: 32px; width: 105px; height: 28px; z-index: 2;}

.headDiv .topRight{ position: absolute; right: 0; top: 20px; z-index: 2; }
.headDiv .links{ padding-left: 5px; }
.headDiv .links li{ float: left; margin-left: 18px; position: relative;}
.headDiv .links li a{ display: flex; display: -webkit-flex;  align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; width: 45px; height: 45px; line-height: 16px; border-radius: 50%; background: #012d5a; color: #fff;}
.headDiv .lan{ padding-left: 24px; }
.headDiv .lan li{ float: left; margin-left: 22px; font-size: 12px; }
.headDiv .lan li a{ display: block; color: #fff; line-height: 45px; text-transform: uppercase;}
.headDiv .lan li .on{ text-decoration: underline; }
.headDiv .form{ border: #1b222f solid 2px; border-radius: 32px; background: rgba(255,255,255,0.5); width: 200px; height: 32px; }
.headDiv .form .input1{ width: 100%; padding-left: 45px; color: #1b2a41; box-sizing: border-box; height: 32px; line-height: 32px; font-size: 14px; background: url(../images/nimg12_1.png) 22px center no-repeat;}
.headDiv .form .input1::placeholder { color: #1b2a41;}

.foot{ position: absolute; height: 78px; width: 100%; left: 0; bottom: 0; background: rgba(0,0,0,0.2); overflow: hidden; z-index: 3;}
.foot .wen, .foot .hala{ line-height: 78px; font-size: 14px; color: rgba(255,255,255,0.6); }
.foot .wen em{ padding-right: 20px; }
.foot .hala{ text-align: center; }
.foot .hala a{ color: rgba(255,255,255,0.6); padding-left: 12px;}
.foot .hala a:hover{ color: #fff; }

.tabContent{ display:none;}
.tab li{ cursor:pointer;}
.tabContent2{ display:none;}
.tab2 li{ cursor:pointer;}