@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 { font-size:14px; line-height:1.25em; background:#fff}

 table { font-size:14px; line-height:1.25em; }


body { min-width:320px; font-size:14px; font-family: 微软雅黑 !important; color:#444; -webkit-text-size-adjust:none}
img, fieldset { border:0; }
ul, ol { list-style:none; }
em, address { font-style:normal; }
a {text-decoration:none; cursor:pointer;color:#444}
table { border-collapse:collapse; }
h1, h2, h3, h4, h5, h6, em, i { font-style:normal;  outline:none; }

.tops{width: 100%;height: auto;background: #00447f;overflow: hidden;}

.logo{width: 1200px;margin:27px auto 15px;overflow: hidden;}
.logo_a{display: block;float: left;height:66px;}
.logoright{float: right;width:322px;}
.logo_ul li{float: left;overflow: hidden;padding:8px 20px 10px 0;}
.logo_ul li a{color: #fff;float: left;display: block;line-height: 14px;margin-left:8px;letter-spacing: 1px;}
.logo_ul li span{display: block;float: left;width:3px;height:14px;}
.logoli1 span{background: #f3e500;}
.logoli2 span{background: #ff6000;}
.logoli3 span{background: #ec4acf;}
.logoli4 span{background: #00d7ea;}
.logoli5 span{background: #00ea7f;}
.logo_ul .logoli5{padding-right: 0;}
.logo_div{background: #fff;overflow: hidden;width: 320px;}
.logo_div input{outline: 0;border: 0;float: left;height: 26px;}
.textinp{width:84%;text-indent:1em;color: #a3a3a3;}
.sbtinp{background: url(../img/sy5.jpg) no-repeat center;width:16%;color: transparent;}
.logo_ul li a:hover{text-decoration: underline;}

.nav{border-top: 1px solid #2787db;width: 100%;height: 34px;background: #00447f}
.navul{width: 1200px;height: auto;margin:0 auto;}
.navul li{float: left;padding:8px 27.6px;position: relative;z-index: 999;background: #00447f}
.navul li a{font-size: 16px;font-weight: 500;color: #fff;letter-spacing: 1px;}
.dhlul{display: none;width:100%;position: absolute;left: 0;top: 34px;z-index: 9999;padding-bottom:10px;background: #00447f}
.navul .dhlul li{float: none;width: 100%;padding: 8px 0;text-align: center;}.dhlul li a{font-size: 15px;}
.navul li:hover{background: #2787db !important}
.dhlul li{position: relative;z-index: 9999}
.sanjidh{position: absolute;top: 0;left: 123px;background:#00447f;display: none;z-index:999;width:450px;padding:0 10px;overflow:hidden}
.sanjidh a{margin:10px 0;float: left; width:33.33%;height:16px;line-height:16px;text-align: left;font-size:13px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap}
.dhlul li:hover .sanjidh{display: block;}
.liebiao li p span{float:none;display:inline;background:#fff;margin:0}
.navul>li>.dhlul>li>.sanjidh>a:hover{text-decoration: underline;}

.container{display: none;}

.bottoms{width: 100%;height: auto;background: #00447F;overflow: hidden;margin-top: 50px;}
.btms{width: 1200px;margin: 27px auto;height: auto;overflow: hidden;}
.btmleft{float: left;    position: relative;}
.btmleft p{line-height: 32px;color: #fff;}
.btmright{float: right;}
.btmright li{float: left;width: 70px;}
.btmright li a{display:block;width:100%;height:100px;color: #fff;line-height:178px;text-align: center;}
.btmli2{margin: 0 20px 0 20px;}


@media screen and (max-width:1200px){
 .logo,.navul,.btms{width: 100%;}
 .logo_a,.btmleft{margin-left: 15px;}
 .logoright,.btmright{margin-right: 15px;}
 .navul li{padding: 8px 0;width: 10%;text-align: center;}
 .dhlul li{width: 100%;}
}
@media screen and (max-width:1150px){
 .btmleft{width: 58%;}
 .btmright{width:278px;}
}

@media screen and (max-width: 835px){
 .navul{display: none;}.nav{border-top: 0;text-align: right;height: 50px;}.logoright,.nav{display: none;}.tlink{display:block !important;} body{position: relative;}
   .container{display: block;margin-right: 15px;position: absolute;z-index: 9999;top: 45px;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 screen and (max-width:414px ) {
 .logo_a{margin:0;width:78%;margin:0;float:none;margin-left:2%}.logo_a img{width:100%}.logo{margin:15px auto 10px auto}
 .btmleft{float:none;width:96%;margin:0;margin:0 2% 15px 2%}.btm_p1 span{display:block}.btmright{float:none;width:280px;margin:0 auto}.btmleft p{text-align:center}
}

@media screen and (max-width:360px ) {
 .logo_a{width:76%}.logo{margin: 0;margin-top: 31px;}.container{top:31px;}
}

@media screen and (max-width:320px ) {
 .logo_a{margin-bottom: 0;}.logo{margin-bottom: 0;}.container{margin-right:0;top: 18px;}
}


.fl { float:left!important; }
.fr { float:right!important; }
.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)
}
}