@charset "utf-8";
body, html{margin:0;padding:0;min-width:300px;font-family:'微软雅黑',serif,arial,"Times New Roman";color:#333;font-size:14px;overflow-x: hidden;}
*{margin:0;padding:0;outline:none;font-size:inherit;color:inherit;font-weight:normal;font-style:normal;line-height:inherit;font-size:inherit;font-weight:normal;box-sizing:border-box;z-index:1;}
*:before,
*:after{display:block;z-index:1;}

h1, strong{font-weight:bold;}
ul, ol{list-style:none;}
a, a:hover{text-decoration:none;}
img{border:0;}
button, input, textarea{display:block;background:none;border:none;}
table{border-spacing:0;border-collapse:collapse;}

.img{position:relative;display:block;overflow:hidden;}
.img img{display:block;width:100%;}
.clearfix:after{content:'';font-size:0;display:block;clear:both;height:0;}
.clear{display:block;font-size:0;display:block;clear:both}
.fl{display:block;position:relative;float:left;}
.fr{display:block;position:relative;float:right;}

.w1400, .w1200{width:94%;margin:0 auto;height:100%;position:relative;}
.w1400{max-width:1400px;}
.w1200{max-width:1200px;}

.swiper{width: 100%;overflow:hidden; position:relative;}
.tips{text-align:center;font-size:0;}
.index-slide .tips .bullet{display:inline-block;vertical-align:top; position:relative;cursor:pointer;}
/*--------------------------------------------------------------------------------------------*/
.header{display:block;width:100%;position:relative;background:#fff;overflow:hidden;z-index:999;box-shadow:0 0 10px rgba(0,0,0,.1);}
.header .logo{display:flex;display:-webkit-flex;align-items:center;height:100px;padding:10px 0;}
.header .logo img{display:block;max-height:100%;max-width:100%;}
.header .right{display:block;height:100%;position:absolute;top:0;right:0;font-size:0;}

.header .nav{height:100%;font-size:0;}
.header .nav li{display:inline-block;vertical-align:top;position:relative;height:100%;margin-right:30px;}
.header .nav li a{display:flex;display:-webkit-flex;align-items:center;height:100%;font-size:18px;}
.header .nav li:hover a,
.header .nav li.on a{color:#0d306a;}

.header .search{display:block;width:40px;height:40px;margin:30px 0;overflow:hidden;background:#333;border-radius:40px;}
.header .search input{display:inline-block;vertical-align:top;position:relative;height:100%;border-radius:40px;position:relative;}
.header .search input[type="text"]{width:130px;padding:0 20px;color:#fff;line-height:40px;font-size:14px;}
.header .search input[type="submit"]{position:absolute;top:0;right:0;width:40px;height:100%;background:url(../img/search.png) #333 no-repeat center/50%;cursor:pointer;z-index:99;}
.header .search:hover{width:170px;display:block;}

.header .meau{display:none;width:30px;height:100%;position:absolute;top:0;right:0;}
.header .meau i{display:block;width:100%;height:1px;background:#666;position:absolute;left:0;top:50%;}
.header .meau .i1{margin-top:-10px;}
.header .meau .i3{margin-top:10px;}
.header .meau.on .i2{transform:rotate(135deg) scale(0);-webkit-transform:rotate(135deg) scale(0);}
.header .meau.on .i1, .header .meau.on .i3{margin-top:0;}
.header .meau.on .i1{transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.header .meau.on .i3{transform:rotate(135deg);-webkit-transform:rotate(135deg);}

.navbox{width:100%;position:fixed;z-index:99;top:80px;bottom:50px;background:#fff;transform:translateY(-100%);-webkit-transform:translateY(-100%);}
.navbox.on{transform:translateY(0);-webkit-transform:translateY(0);}
.navbox ul{display:block;width:100%;height:100%;overflow-y:scroll;}
.navbox ul li{display:block;width:100%;border-bottom:1px rgba(0,0,0,.08) solid;position:relative;}
.navbox ul li a{display:block;width:100%;padding:10px 3%;font-size:16px;line-height:30px;}
.navbox ul li .a1{padding-right:calc(3% + 40px);padding-right:-webkit-calc(3% + 40px);}
.navbox ul li .box{background:rgba(0,0,0,.03);display:none;width:100%;position:relative;}
.navbox ul li .box a{border-top:1px rgba(0,0,0,.08) solid;}
.navbox ul li i{display:block;position:absolute;top:10px;right:3%;width:30px;height:30px;z-index:50;}
.navbox ul li i:before{content:'';width:10px;height:10px;position:absolute;border-width:1px 1px 0 0;border-color:#999;border-style:solid;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);}
.navbox ul li.on .a1{color:#0d306a;}
.navbox ul li.on i{transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.navbox ul li.on i:before{border-color:#0d306a;}

.header .search,
.navbox{transition:all .5s;-webkit-transition:all .5s;}
.header .meau i,
.navbox ul li i{transition:transform .5s;-webkit-transition:transform .5s;}
@media (max-width:1400px){
	.header .nav li{margin-right:20px;}
	.header .nav li a{font-size:16px;}
}
@media (max-width:1200px){
	.header .logo{height:80px;}
	.header .nav li a{font-size:14px;}
	.header .search{margin:20px 0;}
	.header .search{display:none;}
}
@media (max-width:1024px){	
	body:before{content:'';clear:both;width:100%;height:80px;}
	.header{position:fixed;top:0;left:0;}
	.header .logo{padding-right:40px;}
	.header .meau{display:block;}
}
@media (max-width:768px){
	.header .logo{padding-right:36px;}
	.header .meau{width:26px;}
	.header .meau .i1{margin-top:-8px;}
	.header .meau .i3{margin-top:8px;}
	.navbox ul li a{font-size:14px;padding:10px 4%;}
	.navbox ul li .a1{padding-right:calc(4% + 40px);padding-right:-webkit-calc(4% + 40px);}
	.navbox ul li i{right:4%;}
	.navbox{bottom:40px;}
}
@media (max-width:450px){
	body:before, .header .logo{height:60px;}	
	.header .logo{padding-right:34px;}
	.header .meau{width:24px;}
	.navbox{top:60px;}
	.navbox ul li a{font-size:13px;line-height:20px;}
	.navbox ul li i{top:5px;}
}
/*--------------------------------------------------------------------------------------------*/
.gotop{display:block;width:80px;height:80px;margin:0 auto; position:absolute; top:-40px; left:50%; margin-left:-40px;}
.gotop i{width:100%;height:100%;background:#ddd;border-radius:50%;position:relative;z-index:2;cursor:pointer;display:flex;display:-webkit-flex;align-items:center;justify-content:center;padding:20px;}
.gotop i img{display:block;max-width:100%;max-height:100%;}
.gotop i:hover{background:#0d306a;}

.footer{width:100%;position:relative;padding:60px 0;background:#f3f3f3;color:#333;}
.footer .w1400{ padding-top:40px;}
.footer .main{width:100%;position:relative;}
.footer a{color:#666;}
.footer a:hover{color:#0d306a;}

.footer ul{font-size:0;}
.footer ul li{display:inline-block;vertical-align:top;position:relative;margin-right:30px;}
.footer ul li:nth-child{margin-right:0;}
.footer ul li a{display:block;position:relative;width:100%;}
.footer ul li .a1{font-size:18px;line-height:1em;padding-bottom:20px;margin-bottom:20px;color:#333;}
.footer ul li .a1:before{content:'';width:2em;height:1px;position:absolute;bottom:0;left:0;background:#0d306a;}
.footer ul li .a2{font-size:14px;line-height:24px;margin-top:5px;}
.footer ul .li2{width:200px;}
.footer ul .li2 .a2{width:50%;display:inline-block;vertical-align:top;}
.footer ul .li4 h1{ font-size:24px; color:#0d306a;}
.footer ul .li4 p{ font-size:16px;padding-top:5px;}
.footer ul .li4 p span{font-weight: bold; color:#000;}

.footer .ewm p{font-size:14px;line-height:24px;text-align:center;}
.footer .ewm .img i{width:150px;display:block;padding:5px;background:#fff;border:1px #ddd solid; margin:0 auto;}

.copybox{width:100%;position:relative;padding:20px 0;background:#111;color:#999;}
.copybox a:hover{color:#fff;}
.copybox p{line-height:2em;}

.callbox{display:none;width:100%;height:50px;position:fixed;left:0;bottom:0;min-width:300px;background:#0d306a;color:#fff;overflow:hidden;font-size:14px;line-height:24px;}
.callbox img{display:block;max-height:20px;max-width:100%;margin-right:10px;}

.gotop i{transition:all .5s;-webkit-transition:all .5s;}
@media (max-width:1024px){
	.footer{padding:40px 0;}
	.footer ul{display:none;}
	.footer .ewm{float:none;}
	.copybox{text-align:center;}
	body:after{content:'';clear:both;width:100%;height:50px;}
	.callbox{display:flex;display:-webkit-flex;align-items:center;justify-content:center;z-index:999;}	
}
@media (max-width:768px){
	.gotop{width:60px;height:60px;top:-30px;margin-left:-30px;}
	.footer{padding:20px 0;}
	.footer .w1400{ padding-top:30px;}
	.copybox{text-align:left;}
	.copybox p{font-size:13px;line-height:20px;}
	body:after,
	.callbox{height:40px;}
}
/*--------------------------------------------------------------------------------------------*/
.animated{animation-duration:1s;-webkit-animation-duration:1s;animation-delay:.3s;-webkit-animation-delay:.3s;}

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