@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:14px; line-height:1.25em; background:#fff }
body { min-width:320px; font-size:14px; font-family:'microsoft yahei', Verdana, Arial, Helvetica, sans-serif; color:#333; -webkit-text-size-adjust:none; }
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; }
.fl { float:left }
.fr { float:right }
.container{display: none;}
/*                头部                                  */
.top{width: 100%;height:auto;overflow: hidden;background:url(../img/bj.png) repeat center;}
.topjz{width: 1200px;height: auto;overflow: hidden;margin:0 auto;background-image:url(../img/t2.png);background-repeat:no-repeat;background-position:67.5% center}
.logos{width:52%;height: auto;overflow: hidden;margin: 20px 5% 20px 0;}.logos a{display: block;}.logos a,.logos a img{height: auto;/* width: 100%; */}
.search{width: 280px;height:30px;overflow: hidden;border: 1px solid #253a6a;border-radius:6px;margin-top:2px;}
.search input{outline: 0;border: 0;display: block;float: left;}
.inp1{width:84%;text-indent:10px;line-height:30px;height:30px;color: #888;background:url(../img/bj.png) repeat center;}
.inp2{width:12%;height:30px;background:url(../img/t1.png) no-repeat center;cursor: pointer;float: right !important;}
.toplinks{width: 280px;height: 30px;line-height: 30px;overflow: hidden;margin-top: 15px;}
.toplinks a,.toplinks p{float: left;}.toplinks p{width: 1px;height:14px;margin:8px 8px;background:#253a6a;}
.toplinks a{color: #253a6a;}
		/*导航层*/
.navigation{background: #253a6a;width: 100%;height:50px;}
.nva,.navul{width: 1200px;height: 100%;margin: 0 auto;}
.navul>li{float: left;width:11.11111%;z-index: 999;position: relative;}
.navul .active>a{background:#f4d9b4;color: #253A6A;}
.navul>li>a{font-size: 16px;display: block;width: 100%;height:50px;line-height:50px;text-align: center;color: #fff;}
.dhl{display: none;position: absolute;left: 0;top:49px;z-index: 999;background:#253a6a;width: 100%;height: auto;overflow: hidden;}
.dhl li{width: 100%;height: auto;}
.dhl li a{display: block;width: 100%;height:40px;line-height:40px;text-align: center;font-size:14px;color: #fff;}
.navul>li:hover >a,.navul>li>.dhl>li:hover a{background:#f4d9b4;color: #253A6A;}
/* 底部 */
.btnjz{width: 1200px;height: auto;overflow: hidden;margin: 10px auto;}
.bottoms{width: 100%;height:auto;background: #253a6a;overflow: hidden;}
.btnleft{width:450px;color: #fff;line-height:32px;margin:30px 0;}
.btnright{width:100px;height: auto;overflow: hidden;margin-top:30px;}
.btnright p{width: 100%;line-height: 26px;text-align: center;color: #fff;}
.btmqq{background: #0184e7;}.btmwx{background: #6fbc47;}


@media only screen and (max-width:1200px ) {
	.topjz{width:98%;margin:0 1%;}.nva, .navul{width: 100%;}.btnjz{width:98%;margin: 12px 1%;}.logos{width: 56%;}
}
@media only screen and (max-width:890px ) {
	.navigation{display: none;}body {position: relative;}
	.container{display: block;position: absolute;z-index:9999;top:37px;width:98%;right:1%;}.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}
   .toplinks,.search{float: left}.logos{width:60%;margin:12px 25% 10px 0;}.toplinks{margin: 0 3% 15px 0;}.topjz{background-position:86% 0}
}
@media only screen and (max-width:830px ) {
	.container{top:20px;}
}
@media only screen and (max-width:640px ) {
	.topjz{height: auto;}.topjz{background-image:none;}.logos{width:74%;float: none;margin-bottom: 0;}
	.toplinks,.search{margin: 0 auto;float: none;}.search{margin-bottom:12px;}.btnjz>div{float: none;}.btnleft{width: 100%;text-align: center;margin: 10px auto;font-size: 13px;}
	.btnright{margin:10px auto 0 auto;}
}
@media only screen and (max-width:540px ) {
	.logos{width:84%;margin-right: 15%;}	
}
@media only screen and (max-width:460px ) {
	.container{top:15px;}
}
@media only screen and (max-width:420px ) {
	.container{top:17px;}.logos{width:84%;}.btnleft{line-height: 24px;}.container{top:13px;}
}
@media only screen and (max-width:360px ) {
    .container{width: 100%;right: 0;top:10px;}.logos{margin-bottom: 10px;width: 82%;}
}
@media only screen and (max-width:340px ) {
	.container{top: 11px;}
}
/* 重用类样式 */

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