@charset "utf-8";
/*common*/
body,html{margin:0;padding:0;}
body{color:#333;font-family:"Microsoft yahei";font-size:14px;}
*{margin:0;padding:0;box-sizing:border-box;z-index:1;color:inherit; outline:none;}
a{text-decoration:none;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;max-width:100%;max-height:100%;}
ul,li{list-style:none;}
dl,dt,dd{-webkit-margin-start:0;}
h1,h2,h3,h4,h5{font-weight:normal;display:block;}
strong,b{font-weight:normal;}
em,i,b{font-style:normal;}
input{display:block;border:none;background:none;}
figcaption{display:block;}
input:focus{outline:none;}
::-webkit-input-placeholder,
::-ms-input-placeholder {font-size:14px;color:#dfdfdf;} 

.fl{float:left;position:relative;}
.fr{float:right;position:relative;}
.clear{clear:both;}
.clearfix:after{content:'';display:block;clear:both;line-height:0;font-size:0;}

.wrap{width:100%;height:100%;position:relative;margin:0 auto;}
.w1240{max-width:1240px;width:94%;height:100%;position:relative;margin:0 auto;}

.img{ display:block;position:relative;}
.img img{ display:block; width:100%;}

*:before,
*:after{ display:block;box-sizing:border-box;}
/*--------------------------------------------------------------------------------*/
/*top*/
body:before{content:'';width:100%;height:90px;display:block;position:relative;}
.top,
.serchbox{width:100%;position:fixed;left:0;}

.top{top:0;height:90px;z-index:999;box-shadow:0 0 10px rgba(0,0,0,.2);background:#fff;}
.top .box{display:block;height:100%;overflow:hidden;position:relative;animation-name:down;animation-fill-mode:both;animation-duration:1s;}
.top .logo{float:left;display:flex;align-items:center;padding:20px 10px;}
.top .logo img{display:block;max-height:100%;}
.top .nav{float:right; position:relative;} 
.top .nav .item{float:left;width:100px;font-size:16px;height:100%;display:flex;align-items:center;justify-content: center;}
.top .nav .item:hover{color:#223990;}
.top .nav .line{height:2px;background:#223990;position:absolute;left:0;overflow:hidden;bottom:0;width:100px;}
.top .tel{float:right;display:flex;align-items:center;padding:0 10px 0 0;color:#223990;font-size:24px;font-family:arial;}
.top .tel img{margin-right:10px;}
.top .but{float:right;cursor:pointer;display:flex;align-items:center; margin:0 20px;}

.serchbox{top:90px;z-index:998;padding:20px 0;transition:all 1s ease;transform:translateY(100%);opacity:0;visibility:hidden;background:#f9f9f9;}
.serchbox.on{transform:translateY(0);opacity:1;visibility:visible;}
.serchbox .w1240{max-width: 600px;border: 3px #223990 solid;display: flex;padding: 7px 103px 7px 7px;background: #fff;} 
.serchbox input{display:block;font-size: 14px;width:100%;color: #666;}
.serchbox input[type="text"]{height:24px;line-height: 24px;}
.serchbox input[type="submit"]{width: 97px;height: 100%;color: #fff;cursor: pointer;background: #223990;position: absolute;top: 0;right: 0;}
@media screen and (max-width:1500px){
	.top .nav .item{width:90px;}
	.top .nav .line{width:90px;}
	.top .tel{font-size: 22px;}
	.top .but{margin:0 10px;}
}
@media screen and (max-width:1400px){
	.top .nav .item{width:80px; font-size:15px;}
	.top .nav .line{width:80px;}
	.top .tel{font-size: 20px;}
	.top .but{margin:0 10px 0 5px;}
}
@media screen and (max-width:1300px){
	.top .tel{font-size:18px;}
	.top .but{ display:none;}
}
@media screen and (max-width:1200px){.top .tel{ display:none;}}
/*--------------------------------------------------------------------------------*/
/*footer*/
.footer{background:#040f2c; width:100%; position:relative; overflow:hidden; color:#ccc}
.footer a:hover{ color:#fff;}
.footer .box{width:100%; position:relative;font-size: 0;padding:25px 0;}
.footer .box1{margin-top: 55px;}
.footer .box1 .left,
.footer .box1 .right{display: inline-block;vertical-align:middle;position:relative;}
.footer .box1 .left{width:20%;}
.footer .box1 .left img{display: block;}
.footer .box1 .right{font-size: 0;width: 80%;text-align: right;}
.footer .box1 .right .item{display: inline-block;vertical-align: top;margin-left:50px;}
.footer .box1 .right .item:first-child{ margin-left:0;}
.footer .box1 .right .item a{ display:block; width:100%;text-align:left;}
.footer .box1 .right .item .a1{font-size: 16px;line-height:1em;}
.footer .box1 .right .item .a2{font-size: 14px;line-height:24px;margin-top:5px;}

.footer .box2{border-top: 1px solid #363f56;border-bottom:1px solid #363f56;}
.footer .box2 .left,
.footer .box2 .right{display: inline-block;vertical-align:middle;position:relative; width:50%;}
.footer .box2 .left p{font-size:14px;line-height:24px;}
.footer .box2 .right{display: inline-flex;flex-direction: row-reverse;align-items: center;}
.footer .box2 .right .img img{ display:block;}
.footer .box2 .right .txt{padding-right: 10px;}
.footer .box2 .right .txt h1{font-size:14px;text-align:right;}
.footer .box2 .right .txt h2{font-size:22px;text-align:right;font-weight:bold;}

.footer .box3{}
.footer .box3 p{ display:block; width:100%; line-height:2em; font-size:14px; position:relative;}
.footer .box3 p a{ margin-left:10px;}
.footer .box3 p a:first-child{ margin-left:0;}
/*--------------------------------------------------------------------------------*/
@-webkit-keyframes fadeInUp {
	0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0)}
	100% {opacity: 1;-webkit-transform: none;transform: none}
}
@keyframes fadeInUp {
	0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);-ms-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0)}
	100% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none}
}
.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp}

@-moz-keyframes down{from{transform: translateY(-100%); opacity: 0;}to{ transform: none; opacity: 1;}}
@-ms-keyframes down{from{transform: translateY(-100%); opacity: 0;}to{ transform: none; opacity: 1;}}
@-webkit-keyframes down{from{transform: translateY(-100%); opacity: 0;}to{ transform: none; opacity: 1;}}
@keyframes down{from{transform: translateY(-100%); opacity: 0;}to{ transform: none; opacity: 1;}}

.shuiyin{width:100%;height:100%; position:relative; display: flex;justify-content: center;}
.sy_box{width:auto; height:100%;position:relative; display:flex;align-items: center;justify-content: center;}
.sy_pic{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url(/shuiyin.png) no-repeat center/85%;opacity: .4;}