﻿@charset "utf-8";
/* CSS Document */
#newBridge #nb_icon_wrap {
 display: none;
}
body{margin:0px; padding:0px; font-size:12px; font-family:Arial, "微软雅黑"; 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:#008cd6; 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{width:1200px; margin:0px auto;}

@font-face {font-family:din; src:url(../font/DINCOND-BOLD.OTF);}

.w296{ width:238px; padding-left: 58px; overflow:hidden; border-left: #f3f3f3 solid 1px;}
.w360{ width:360px; overflow: hidden; }
.w810{ width:810px;}
.w845{ width:845px;}

.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);}

.Phone-Box{ display: none; }

/*按钮动画--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{  background:#fff;z-index:15; width:100%;}
.headDiv .wal{ height:96px; position:relative;}
.headDiv .logo{ display:block; position:absolute; left:0px; top:8px;}
.headDiv .links{ padding-top:11px; height:35px; line-height:35px; padding-right: 30px;}
.headDiv .links a{ padding-left: 38px; font-size: 15px; color: #0c70a5; font-weight: bold; position:relative;}
.headDiv .topRight{ position: absolute; right: 0px; top: 32px;}

.headDiv .topSearch{ width: 35px; height: 35px; position:relative; margin-right:25px;}
.headDiv .topSearch input{ color: #fff; border-radius:24px; -moz-border-radius:24px; display:none; padding: 0 15px; height: 35px; line-height: 35px; background: #008cd6; width: 115px; font-size: 14px; position: absolute; right: 0px; top: 0px;} 
.headDiv .topSearch .btn{ width: 35px; height: 35px; position: absolute; right: 0px; top: 0px; cursor: pointer;}

/*.headDiv .lan{ cursor: pointer; height:38px;}
.headDiv .lan em{ font-size:16px; line-height:38px; padding-right: 25px; color:#080404; }
.headDiv .lan img{ padding-right:10px; position:relative; top:-2px;}
.headDiv .lan .hideBox{ position:absolute; top:35px; left:0px; z-index:22; display:none; width: 100%; background: #008CD6;}
.headDiv .lan dd{ padding: 0 25px 0 10px; font-size:14px; height:30px; line-height:30px; }
.headDiv .lan a{ padding-left:13px; }
.headDiv .lan a:hover{ text-decoration: underline; color:#666}*/

.headDiv .lan{ cursor: pointer; height:38px;}
.headDiv .lan em{ font-size:16px; line-height:38px; padding-right: 25px; color:#080404; background: url(../images/nimg10_1.png) right center no-repeat;}
.headDiv .lan img{ padding-right:10px; position:relative; top:-2px;}
.headDiv .lan .hideBox{ position:absolute; top:35px; right:0px; z-index:22; display:none; width: 90px; background: #008CD6;}
.headDiv .lan dd{ padding: 0 25px 0 10px; font-size:14px; height:30px; line-height:30px; }
.headDiv .lan a{ color: #fff; padding-left:15px; }
.headDiv .lan a:hover{ text-decoration: underline; }


.navIco, .searchIco{ display:none;}


.nav{ position:absolute; height:96px; bottom:0px; right:0px;}
.nav li{float:left; height:96px; float:left; /*margin-left: 30px;*/}
.nav a{ padding:0 15px;  position:relative; display:block; height:96px; line-height: 96px; overflow:hidden; color:#080404; font-size:16px;}
.nav a em{ position:relative; display:block}
.nav a em:after{ content: ''; width: 100%; height: 3px; background: #008cd6; display: none; position: absolute; left: 0px; bottom: 0px; }
.nav a:hover em:after, .nav a.aNow1 em:after{ display: block;}
.nav .aNow{ color: #008cd6; }

/*导航触发效果*/
.sNav{ display:none; width: 100%; top:136px; position:fixed; z-index:11; overflow:hidden; border-top: #ebebeb solid 1px; background: #fff; }
.sNav .list li{ float: left; width:240px; overflow: hidden;}
.sNav .list .li01{ height: inherit; }
.sNav .list li .lbox{ margin: 0 12px; }
.sNav .list li h2{ font-weight: 400;  }
.sNav .list li h2 a{ display: block; height: 30px; border-bottom: #1881e0 solid 1px; color: #1881e0; }
.sNav .list li dl{ padding-top: 20px; }
.sNav .list li dd{ font-size: 14px; line-height: 18px; margin-bottom: 15px;}

/*导航菜单触发*/
.navLayer{overflow-x: auto; height:100%; width:100%; overflow:hidden; position:fixed; z-index:222; right:-100%; top:0px;}
.navLayer .bg{overflow-x: auto;position:relative; background:#fff; height:100%; width:100%;}
.navLayer .toptop{ height: 50px; position: relative;}
.navLayer .closeBtn{ width:50px; height:50px; position:absolute; top:0px; right:0px; text-align: center; line-height: 50px;}
.navLayer .closeBtn img{ width: 26px; }
.sideNav{ padding: 12px 10px 20px; }
.subNav{ background:url(../images/nimg53_2.png) right center no-repeat; background-size: 30px; cursor:pointer; display:block; height:48px; line-height:48px; position:relative; font-size:16px; border-bottom: #e5e5e5 solid 1px;}
.subNav1{ background:url(../images/nimg53_2.png) right center no-repeat; background-size: 30px; color: #7f7f7f;}
.subNav .name{ position:relative;}
.subNav a{ color:#7f7f7f; display: block;}
.currentDt{background:url(../images/nimg53_2on.png) right center no-repeat; background-size: 30px; color: #008cd6;}
.navContent{display: none;}
.navContent a{display:block;  height:32px; line-height:32px; color:#7f7f7f; font-size:14px;  }

