@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font-size:12px; background-color:#fff;min-width:1200px}
a{text-decoration:none; color:#333333;}
a:hover{ color:#0c4e93;}
/*头部*/
.header{ width:100%; height:150px; margin:0 auto;}
.top{width:1200px; height:100px; margin:0 auto; position: relative; }
.top_nav_bg{width:100%;height:29px;background-color:#0d5701;}
.top_nav{width:1200px;margin:0 auto;height:29px; line-height:29px; text-align:right;}
.top_nav a{display:inline-block; padding:0 15px;  color:#fff;background:url(../images/top_navbg.gif) no-repeat left}
.top_nav a.nobg{background:none;}
.top_nav a:hover{ color:#d8ede3;}
.logo{ width:auto; height:100px; margin:0 auto;position:relative;}
.logo_link{width:auto;height:100px;margin:0 auto;display:block;}
.logo img{}
.search{width:180px; height:34px;position:absolute;right:50%; margin-right:-600px;top:33px;background:url(../images/search.png) no-repeat right center; z-index:1000;border: 1px solid #d6d6d6; }
.search input{position:absolute; width:140px;height:34px;line-height:34px; color:#323232; border:none; background:none; left:0px; top:0px;  padding:0px; margin:0px; outline: none;}
.search input.notxt{color:#999; padding-left:12px;}
.search input.notxt1 {position:absolute;width:28px;height:29px;left:181px;}
.top .english{ display: inline-block; position: absolute; right: 220px; top: 42px;}
.top .english a{ font-size: 14px;  }
.nav{width:100%;height: 50px;line-height: 50px;
background:#2a8acb;
background: -webkit-linear-gradient(left, #2a8acb , #0a51a2); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, #2a8acb, #0a51a2); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right, #2a8acb, #0a51a2); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, #2a8acb , #0a51a2); /* 标准的语法 */
}
.nav ul{ width:1200px; margin:0px auto;font-size: 0;text-align: center;white-space: nowrap;}
.nav ul li{color:#016d38;font-size: 16px;font-weight:bold;height: 50px;line-height: 50px;padding: 0px 21px;display: inline-block;*display: inline;*zoom: 1;float: none;position: relative;}
.nav ul li a{color:#fff; font-size: 16px;font-weight: normal;}
.nav ul li a:hover{font-weight: bold;}
.nav ul li .subNav a{color: #333;white-space: normal;}
.subNav{background-color:#fff;padding:10px 0 10px;border-top:1px solid #d7b186;}
.subNav{position: absolute;left:0;top:100%;display: none;z-index: 3;}
.subNav dd {}
.subNav a{padding:8px 15px;display: block;line-height: 19px;text-align: center;}
.subNav a:hover{background: #2989ca;color: #fff !important;}
.flipInY  { -webkit-animation-name: flipInY ;animation-name: flipInY ;animation-duration: 0.6s; -webkit-animation-duration: 0.6s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;visibility: visible !important; display: block;}
@keyframes flipInY  {
  from {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;   opacity: 0;}
  40% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);transform: perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
  60% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg);    opacity: 1;}
  80% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {-webkit-transform: perspective(400px);transform: perspective(400px);  }
}
.content{ width:1200px; margin:0px auto 30px; background:#fff; overflow:hidden;}
/*底部开始*/
.wrapFooter{width: 100%;background:#2a8acb;padding: 36px 0 25px;
background: -webkit-linear-gradient(left, #2a8acb , #0a51a2); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, #2a8acb, #0a51a2); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right, #2a8acb, #0a51a2); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, #2a8acb , #0a51a2); /* 标准的语法 */}
.footer{color:#fff;width: 1200px;margin: 0 auto;overflow: hidden;font-size: 0;}
.footerLf{width: 540px;display: inline-block;vertical-align: middle;*display: inline;*zoom: 1;*width: 530px;}
.quickLinkTitle{color: #fff;font-size: 24px;font-weight: bold;line-height: 20px;height: 20px;border-left: 6px solid #fff;display: block;padding-left: 12px;margin: 0px 0 20px;*height: 24px;*line-height: 24px;}
.quickLinkList a{font-size: 16px;line-height: 36px;color: #fff;opacity: 0.7;*filter: alpha(opacity=70);}
.quickLinkList a:hover{opacity: 1;*filter: alpha(opacity=100);}
.footerRt{width: 660px;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;}
.code{border-bottom: 2px solid #498cc5;overflow: hidden;padding-bottom: 20px;}
.code li{width: 330px;float: left;}
.code li .codeImg{width: 100px;height: 100px;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;}
.code li .codeInfo{font-size: 14px;line-height: 22px;color: #fff;max-width: 195px;margin-left: 10px;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;}
.code li .codeInfo .name{margin-bottom: 20px;}
.copyRight{font-size: 14px;line-height: 32px;color: #fff;margin-top: 12px;}