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

a{text-decoration:none;}
a:hover, a:link, a:visited{text-decoration:none;}

h1, strong{font-weight:bolder;}

li, ol, ul{list-style:none;}
button, input, textarea{border:none;background:none;display:block;}

table{border-collapse: collapse;border-spacing: 0;}

img{border:0;}
.img{position:relative;display:block;overflow:hidden;}
.img img{display:block;}

.clear{display:block;clear:both;}
.clearfix:after{content:'';font-size:0;line-height:0;clear:both;}

.w1400{display:block;width:1400px;height:100%;margin:0 auto;position:relative;}
@media (max-width:1460px){.w1400{width:100%;padding:0 30px;}}
@media (max-width:1200px){.w1400{width:100%;padding:0 20px;}}
@media (max-width:768px){.w1400{width:100%;padding:0 10px;}}

::-webkit-scrollbar{width: 10px;background:#f2f2f2;}
::-webkit-scrollbar-thumb{width: 100%;height: 50px;display: block;opacity: 1;background: #999;border-radius: 5px;}
::-webkit-scrollbar-thumb:hover{background: #666; }
::-webkit-scrollbar-button,
::-webkit-scrollbar-corner{ display:none;}
/*-----------------------------------------------------------------------------------*/
/*top*/
/*电脑端*/
body:before{content:'';width:100%;height:160px;}
.header{z-index:99;position:fixed;top:0;left:0;width:100%;height:160px;}
.header.on{height:70px;box-shadow:0 0 10px rgba(0,0,0,.2);}

.header .txtbox{width:100%;position:relative;background:#eee;padding:10px 0;height:40px;}
.header .txtbox p{font-size:13px;line-height:20px;height:20px;overflow:hidden;color:#666;}

.header .navbox{width:100%;position:relative;background:#fff;transition:all .8s ease;height:120px;}
.header .navbox .logo{float:left;display:flex;align-items:center;height:100%;}
.header .navbox .logo img{display:block;max-height:100%;max-width:100%;}
.header.on .navbox{transform:translateY(-40px);height:70px;}

.header .navbox .nav{position:absolute;top:0;right:0;height:100%;font-size:0;text-align:right;}
.header .navbox .nav li{display:inline-block;vertical-align:top;height:100%;margin-left:40px;position:relative;}
.header .navbox .nav li a{display:block;font-size:15px;color:#333;position:relative;}
.header .navbox .nav li .a1{height:100%;display:flex;align-items:center;justify-content:center;height:100%;}
.header .navbox .nav li .a1:before{content:'';background:#171c61;width:0;height:2px;position:absolute;left:0;bottom:0;z-index:50;transition:width .5s ease;}
.header .navbox .nav li:hover .a1:before,
.header .navbox .nav li.on .a1:before{width:100%;}
.header .navbox .nav li:hover .a1,
.header .navbox .nav li.on .a1{color:#171c61;}
.header .navbox .nav .downbox{display:none;width:calc(100% + 80px);position:absolute;left:-40px;background:rgba(255,255,255,.9);}
.header .navbox .nav .downbox a{text-align:center;line-height:25px;padding:10px 5px;}
.header .navbox .nav .downbox a:hover{background:#171c61;color:#fff;}

.waptop,.wapnav{display:none;}
@media (max-width:1460px){
	.header .navbox .nav{right:30px;}
	.header .navbox .nav li{margin-left:30px;}
	.header .navbox .nav .downbox{width:calc(100% + 60px);left:-30px;}
}
@media (max-width:1200px){
	.header .navbox .nav{right:20px;}
	.header .navbox .nav li{margin-left:20px;}
	.header .navbox .nav .downbox{width:calc(100% + 40px);left:-20px;}
}

/*手机端*/
@media (max-width:1024px){
	.header{display:none;}
	
	body:before{height:70px;}	
	.waptop{display:block;width:100%;position:fixed;height:70px;top:0;left:0;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.2);z-index:99;}
	.waptop .logo{display:flex;align-items:center;width:100%;height:100%;padding:10px 60px 10px 0;}
	.waptop .logo img{display:block;max-width:100%;max-height:100%;}
	.waptop .ico-nav{width:40px;height:100%;position:absolute;top:0;right:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;}
	.waptop .ico-nav i{display:block;width:100%;height:2px;background:#999;margin:4px 0;}
	
	.wapnav{width:100%;height:100%;position:fixed;top:0;left:0;display:block;z-index:100;color:#fff;transform:translateY(-100%);transition:transform .5s ease;overflow: hidden;}
	.wapnav.on{transform:translateY(0);}
	
	.wapnav li{display:block;width:100%;height:70px;position:relative;z-index:2;}
	.wapnav li.on{z-index:200;}
	.wapnav li a{width:100%;height:100%;display:flex;align-items:center;padding:0 70px 0 20px;font-size:18px;}
	.wapnav li .tit{margin-bottom:70px;}
	.wapnav li .tit a{padding:0 70px;justify-content:center;font-size:24px;}
	
	.wapnav .box{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(23, 28, 97, .9);transform:translateX(100%);transition:transform .5s ease;overflow-y: overlay;overflow-x: hidden;}
	.wapnav .box:after{content:'';width:100%;height:70px;clear:both;}
	.wapnav .box.on{transform:translateX(0);}
	.wapnav .box1{z-index:100;position:relative;top:unset;left:unset;transform:translateX(0);}
	.wapnav .box2{z-index:101;}
	.wapnav .box3{z-index:102;}	
	
	.wapnav .down,
	.wapnav .off,
	.wapnav .back{width:70px;height:70px;position:absolute;top:0;right:0;cursor:pointer;z-index:20;}
	.wapnav .down:before,
	.wapnav .down:after,
	.wapnav .back:before,
	.wapnav .back:after{content:'';position:absolute;width:10px;background:#fff;height:1px;left:50%;margin-left:-5px;top:50%;transform-origin:right;}
	.wapnav .down:before,
	.wapnav .back:before{transform:rotate(-50deg);}
	.wapnav .down:after,
	.wapnav .back:after{transform:rotate(50deg);}
	
	.wapnav .off:before,
	.wapnav .off:after{content:'';position:absolute;width:20px;background:#fff;height:1px;left:50%;margin-left:-10px;top:50%;}
	.wapnav .off:before{transform:rotate(-45deg);}
	.wapnav .off:after{transform:rotate(45deg);}
	
	.wapnav .back{left:0;right:auto;}
	.wapnav .back:before,
	.wapnav .back:after{transform-origin:left;}
}
@media (max-width:768px){	
	body:before,
	.waptop,
	.wapnav li{height:60px;}
	.waptop .logo{padding:5px 40px 5px 0;}
	.waptop .ico-nav{width:30px;right:10px;}
	.waptop .ico-nav i {margin:3px 0;}
	
	.wapnav .box:after{height:60px;}
	
	.wapnav li a{padding:0 60px 0 10px;font-size:14px;}
	.wapnav li .tit{margin-bottom:0;}
	.wapnav li .tit a{padding:0 60px;font-size:20px;}	
	
	.wapnav .down,
	.wapnav .off,
	.wapnav .back{width:60px;height:60px;}
}
/*-----------------------------------------------------------------------------------*/
/*footer*/
.footer{width:100%;position:relative;padding:40px 0;background:#0b0c1f;color:#ccc;}
.footer a:hover{color:#fff;}

.footer .item{display:block;float:left;overflow:hidden;}
.footer .item img{display:block;width:100%;}
.footer .item .a1,
.footer .item .a2{display:block;width:100%;white-space: nowrap;}
.footer .item .a1{font-size:18px;line-height:30px;}
.footer .item .a2{font-size:14px;line-height:24px;margin-top:5px;}

.footer .item.logo{max-width:130px;width:10%; display:none;}
.footer dl.item{display:flex; width:90%;}
.footer dl.item dd{display:block;margin-right:30px;}
.footer .item.wxewm{float: right;max-width:140px;width:10%;text-align:center;}
.footer .item.wxewm .img{padding:5px;background:#fff;}

.copyright{width:100%;position:relative;color:#ccc;padding:20px 0;background:#121434;}
.copyright p{line-height:24px;font-size:14px;}
.copyright .zypc a{margin-right:10px;}
.copyright p a:hover{color:#fff;}

.callbox{display:none;}

@media (max-width:1400px){
	.footer .item .a1{font-size:17px;}
	.footer .item .a2{font-size:13px;}
}
@media (max-width:1300px){
	.footer .item .a1{font-size:16px;}
	.footer .item .a2{font-size:12px;}
}
@media (max-width:1200px){
	.footer{ padding:20px 0;}
	.footer .item .a1{font-size:15px;}
	.footer .item .a2{white-space: normal;line-height: 18px;margin-top: 10px;}
	
	.footer .item.logo,
	.footer .item.wxewm{display:none;}
	.footer dl.item{width:100%;justify-content: space-between;float:none;}
	.footer dl.item dd{margin-right:20px;}
	.footer dl.item .dd4{ margin-right:0;}	
}
@media (max-width:1024px){	
	body:after{content:'';width:100%;height:50px;display:block;clear:both;position:relative;}
	.callbox{z-index:90;width:100%;height:50px;display:flex;align-items:center;justify-content:center;position:fixed;bottom:0;left:0;background:#171c61;color:#fff;font-size:17px;}
	.callbox img{display:block;max-width:20px;}
}
@media (max-width:768px){
	.footer{ padding:10px 0;}
	.footer .item .a1{font-size:17px;line-height:2em;}
	.footer .item .a2{ font-size:13px;line-height:2em;margin-top:0;}
	
	.footer dl.item dd{ display:none;}
	.footer dl.item .dd4{ display:block; width:100%;}
	.footer .wxewm.item{ display:block; width:100%; float:none; margin-top:20px;}
	
	.copyright{padding:10px 0;}
	.copyright p{line-height:20px;font-size:12px;}
	.copyright .zypc a{margin-right:5px;}
}
/*-----------------------------------------------------------------------------------*/
/*水印*/
.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: .25;}