@charset "utf-8";
/* 基本元素重置 */
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select { margin:0; padding:0; }
body, input, textarea, select, button, table { font-size:16px; line-height:1.25em; background:#fff }
body { min-width:320px; font-size:16px; font-family:'microsoft yahei', Verdana, Arial, Helvetica, sans-serif; color:#535353; -webkit-text-size-adjust:none;overflow:scroll;overflow-x:hidden; }
img, fieldset { border:0; }
ul, ol { list-style:none; }
em, address { font-style:normal; }
a { color:#333; text-decoration:none; cursor:pointer;}
table { border-collapse:collapse; }
h1, h2, h3, h4, h5, h6, em, i { font-style:normal;  outline:none; }
.containers{display: none;}
/*                头部                                  */
.tops,.btm{width: 100%;height: auto;background: #211e61 url(../img/tp7.png) no-repeat  left  ;}
.toplogos{width: 1180px;height: auto;overflow: hidden;margin:0 auto;}
.ssjgdiv{width: 234px;height: 28px;overflow: hidden;margin-top:35px;border: 1px solid #fff;border-radius: 5px;}
.ssjgdiv input{display:block;outline: none;border: 0;float: left;}
.logos{margin: 17.5px 0;}
.inp1{background: transparent;width: 84%;line-height: 28px;height: 28px;color: #fff;text-indent: 5px;}
.inp1::-webkit-input-placeholder{color: #fff;}   /* 使用webkit内核的浏览器 */
.inp1:-moz-placeholder{color: #fff;}                 /* Firefox版本4-18 */
.inp1::-moz-placeholder{color: #fff;}                 /* Firefox版本19+ */
.inp1:-ms-input-placeholder{color: #fff;}          /* IE浏览器 */
.inp2{background: url(../img/tp1.png) no-repeat center;width: 16%;height: 28px;}
.division{width: 100%;height: 1px;overflow: hidden;background: #fff;}
		/*导航层*/
.navigation{background: #211e61;width: 100%;height: 56px;}
.nva,.navul{width:1180px;height: 100%;margin: 0 auto;}
.navul>li{float: left;width:12.5%;z-index: 999;position: relative;}
.navul .dhlis1{width: 10%;}
.navul .active a{background: #253384;}
.navul>li>a{color: #fff;display: block;width: 100%;height: 54px;line-height: 54px;text-align: center;font-size: 18px;}
.dhl{display: none;position: absolute;left: 0;top:54px;z-index: 999;background:#29247c;width: 100%;height: auto;overflow: hidden;}
.dhl li{width: 100%;height: auto;}
.dhl li a{display: block;width: 100%;height:50px;line-height:50px;color: #fff;text-align: center;font-size: 16px;}
.navul>li:hover >a{background: #253384;}.navul>li>.dhl>li:hover a{background: #253384}
/*                底部                                  */
.btm{background: #010d75;width: 100%;height: auto;overflow: auto;}.bottoms{width: 1180px;height: auto;overflow: hidden;margin:17.5px auto;margin-bottom: 30px;}.btmimg{margin-top: 5px;}
.btmbq{width:45%;height: auto;margin: 10px 0 0 1%;overflow: hidden;}
.btmbq p{color: #fff;line-height: 26px;}
.btmlink{width:45%;margin: 0px 0 0 1% ;height: auto;overflow: hidden;}.btmlink li{float: left;line-height: 34px;margin-left:5%;}.btmlink li a{font-size: 16px;color: #fff;transition: all linear 0.3s;}
.btmlink li:hover a{color: #ED4022;text-decoration: underline;}
@media only screen and (max-width: 1180px) {
	.toplogos,.bottoms{width: 98%;margin-left: 1%;margin-right: 1%;}.nva, .navul{width: 100%;}
}
@media only screen and (max-width:890px ) {
	.navigation{display: none;}.ssjgdiv{margin-top: 10px;}
	.containers{display: block;margin-right: 15px;position: absolute;z-index: 9999;top:30px;width: 100%;right: 0;}.dl-menuwrapper li a{text-align: right;}
   .dl-menuwrapper>button,.dl-menuwrapper{float: right !important}.dl-menuwrapper{max-width: 100% !important}.dl-menu{margin-top: 44px !important}}
@media only screen and (max-width: 800px) {
  .ssjgdiv{float: none !important; margin-bottom: 15px;}
}
@media only screen and (max-width: 800px) {
	.btmimg{width: 62px;float: none !important;margin: 0 auto;}.btmbq{float: none !important;width: 100%;text-align: center;margin-bottom: 15px;}.btmlink{width: 100%;margin: 0;}
}
@media only screen and (max-width: 710px) {
	.logos{float: none !important;margin-top: 10px;margin-bottom: 0;}.ssjgdiv{float: none !important;margin-bottom: 15px;margin-left: 20%;}
}
@media only screen and (max-width: 540px) {
	.containers{top: 54px;}
}
@media only screen and (max-width:470px) {
	.logos img{width:98%;}.ssjgdiv{margin-left: 5%;}.containers{top:40px}
}
@media only screen and (max-width:400px) {
}
@media only screen and (max-width:350px) {
}
@media only screen and (max-width:330px) {
	.ssjgdiv{margin-left:1%;}.containers{top:36px;margin-right:5px}
}
@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont.woff2') format('woff2'),
      url('iconfont.woff') format('woff'),
      url('iconfont.ttf') format('truetype'),
      url('iconfont.svg#iconfont') format('svg');
}
/* 重用类样式 */
.fl { float:left }
.fr { float:right }
.no_margin { margin:0px!important; }
.no_border { border:0px!important; }
.no_bg { background:none!important; }
.clear_both { clear:both!important; }
.display_block { display:block !important; }
.clearfix:after { content:" "; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
.hide { display:none; }
.show { display:block; }
.red{ color:red}
.yellow{color:#f60}
 @-webkit-keyframes spinAround { from {
 -webkit-transform: rotate(0deg)
}
to { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes spinAround { from {
 -moz-transform: rotate(0deg)
}
to { -moz-transform: rotate(360deg); }
}
@keyframes spinAround { from {
 transform: rotate(0deg)
}
to { transform: rotate(360deg); }
}
 @-webkit-keyframes sonarEffect { 0% {
 opacity: 0.3;
}
 40% {
 opacity: 0.5;
 box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5);
}
 100% {
 box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5);
 -webkit-transform: scale(1.5);
 opacity: 0;
}
}
@-moz-keyframes sonarEffect { 0% {
 opacity: 0.3;
}
 40% {
 opacity: 0.5;
 box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5);
}
 100% {
 box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
 -moz-transform: scale(1.5);
 opacity: 0;
}
}
@keyframes sonarEffect { 0% {
 opacity: 0.3;
}
 40% {
 opacity: 0.5;
 box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
}
 100% {
 box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
 transform: scale(1.5);
 opacity: 0;
}
}
 @-webkit-keyframes toRightFromLeft { 49% {
 -webkit-transform: translate(100%);
}
 50% {
 opacity: 0;
 -webkit-transform: translate(-100%);
}
 51% {
 opacity: 1;
}
}
@-moz-keyframes toRightFromLeft { 49% {
 -moz-transform: translate(100%);
}
 50% {
 opacity: 0;
 -moz-transform: translate(-100%);
}
 51% {
 opacity: 1;
}
}
@keyframes toRightFromLeft { 49% {
 transform: translate(100%);
}
 50% {
 opacity: 0;
 transform: translate(-100%);
}
 51% {
 opacity: 1;
}
}
 @-moz-keyframes ue-pudding { 0% {
-moz-transform:scale(1.2, 0.8)
}
1% {
-moz-transform:scale(1.18, 0.82)
}
2% {
-moz-transform:scale(1.16, 0.84)
}
3% {
-moz-transform:scale(1.13, 0.87)
}
4% {
-moz-transform:scale(1.1, 0.9)
}
5% {
-moz-transform:scale(1.07, 0.93)
}
6% {
-moz-transform:scale(1.04, 0.96)
}
7% {
-moz-transform:scale(1.01, 0.99)
}
8% {
-moz-transform:scale(0.99, 1.01)
}
9% {
-moz-transform:scale(0.97, 1.03)
}
10% {
-moz-transform:scale(0.95, 1.05)
}
11% {
-moz-transform:scale(0.94, 1.06)
}
12% {
-moz-transform:scale(0.93, 1.07)
}
13% {
-moz-transform:scale(0.93, 1.07)
}
14% {
-moz-transform:scale(0.93, 1.07)
}
15% {
-moz-transform:scale(0.93, 1.07)
}
16% {
-moz-transform:scale(0.94, 1.06)
}
17% {
-moz-transform:scale(0.94, 1.06)
}
18% {
-moz-transform:scale(0.95, 1.05)
}
19% {
-moz-transform:scale(0.96, 1.04)
}
20% {
-moz-transform:scale(0.98, 1.02)
}
21% {
-moz-transform:scale(0.99, 1.01)
}
22% {
-moz-transform:scale(1, 1)
}
23% {
-moz-transform:scale(1, 1)
}
24% {
-moz-transform:scale(1.01, 0.99)
}
25% {
-moz-transform:scale(1.02, 0.98)
}
26% {
-moz-transform:scale(1.02, 0.98)
}
27% {
-moz-transform:scale(1.02, 0.98)
}
28% {
-moz-transform:scale(1.03, 0.97)
}
29% {
-moz-transform:scale(1.03, 0.97)
}
30% {
-moz-transform:scale(1.02, 0.98)
}
31% {
-moz-transform:scale(1.02, 0.98)
}
32% {
-moz-transform:scale(1.02, 0.98)
}
33% {
-moz-transform:scale(1.02, 0.98)
}
34% {
-moz-transform:scale(1.01, 0.99)
}
35% {
-moz-transform:scale(1.01, 0.99)
}
36% {
-moz-transform:scale(1.01, 0.99)
}
37% {
-moz-transform:scale(1, 1)
}
38% {
-moz-transform:scale(1, 1)
}
39% {
-moz-transform:scale(1, 1)
}
40% {
-moz-transform:scale(0.99, 1.01)
}
41% {
-moz-transform:scale(0.99, 1.01)
}
42% {
-moz-transform:scale(0.99, 1.01)
}
43% {
-moz-transform:scale(0.99, 1.01)
}
44% {
-moz-transform:scale(0.99, 1.01)
}
45% {
-moz-transform:scale(0.99, 1.01)
}
46% {
-moz-transform:scale(0.99, 1.01)
}
47% {
-moz-transform:scale(0.99, 1.01)
}
48% {
-moz-transform:scale(0.99, 1.01)
}
49% {
-moz-transform:scale(1, 1)
}
}