@charset "utf-8";
/* CSS Document */
.pc-nav{margin:0 auto;width:100%;display:inline-block;padding-top:30px;padding-bottom:20px;z-index:10;transition:all 0.5s;}
.pc-nav .logo{float:left;}
.pc-nav .logo img{max-height:50px;}
.pc-nav .logot{width:100%;overflow:hidden;color:#aaaaaa;font-size:12px;padding:5px 0 0 12px;}
.m-nav{width:100%;display:none;}
.m-nav .logo{padding-left:2px;padding-top:2px;float:left;}
.m-nav .logo img{max-height:45px;}
.m-nav .logo .logot{padding-left:8px;font-size:12px;width:310px;padding-top:5px;}

.nav-list{float:right; margin-top:20px;}
.nav-list li{float:left;height:50px;line-height:50px;position:relative;}
.nav-list li:before{content:'';height:43px; width:1px;background-color:#cccccc; position:absolute;top:6px;right:0;}
.nav-list li:last-child:before{content:'';display:none;}

.nav-list li:last-child a{color:#004898;}
.nav-list li a{display:inline-block;color:#333333;padding:0px 15px;margin:0 15px; font-size:16px; cursor:pointer;transition:all 0.5s;}
.nav-list li:last-child a{margin-right:0; padding-right:0;}
.nav-list li a:hover{color:#004898;}
.nav-list li p{width:100%;display:block;text-align:center;height:25px;line-height:25px;margin:0;}
.nav-list li p span{ font-weight:bold;display:inline-block;margin:0 3px;vertical-align: middle; padding-bottom:11px;}
.page-banner{width:100%;max-height:500px;text-align:center;margin-top:3px;overflow: hidden;}

.page-topc{margin: 0 auto;max-width:1400px; overflow:hidden; position:relative;left:0;right:0;top:-50px;padding-bottom:10px;line-height: 50px;font-size:30px;}
.page-topc .catname{float:left;color:#eeeeee;float:left;font-weight:500;font-size:16px;}
.page-topc .catpos{float:right;font-family:"NSimSun";color:#eeeeee;font-size:14px;}
.page-topc .catpos a{color:#eeeeee;font-family:"Microsoft Yahei";}

.ab-tites{font-size:24px;line-height:45px; font-weight:bold;position:relative;}
.ab-tites:before{content:"";width:45px;height:2px;position:absolute;left:0; bottom:0;background-color:#004898;}
.ab-tites span{color:#004898;}
.ab-txt{ padding:30px 0; font-size:16px;line-height:30px; text-indent:30px;}

.index-sz{width:100%;}
/* 数字滚动 */
.number-info{ margin-bottom:50px;position:relative;}
.number-info .number-w{ margin:0 auto;max-width:1200px;}
.number-info ul{overflow: hidden;zoom:1;}
.number-info li{float:left;width:20%;padding-top:10px;color:#004898;}
.number-info li b{font-weight:400;font-size:24px;text-align:center;display:inline-block;position:relative;margin:15px 0 10px;}
.number-info li p{font-size:18px;color:#666;}
.number-info li b i{font-style:normal; font-weight:600;}
.number-info li b sup{position:absolute;font-size:20px;right:-15px;top:-3px;}
.number-info li b em{font-style:normal;font-size:14px;font-weight:normal;padding-left:2px;position:relative;top:-4px;}

.ab-fzlc{background-image:url(a1.jpg);background-size:cover;background-attachment:fixed;background-position:center;padding:30px 0; overflow:hidden;}
.ab-fzlc .w1400{ background-color:rgba(0,0,0,0.2); border-radius:5px; padding:10px;box-sizing:border-box;}
.ab-fzlc .ptitle-box{margin:0 auto;max-width:1400px;margin-top:30px;margin-bottom:10px;}
.ab-fzlc .ab-tites{font-size:22px;color:#eee;}
.ab-fzlc .ab-tites span{font-size:24px;}
.ab-fzlc .ptitle-box .tab{border-bottom:#333333 1px solid;font-size:18px;height:35px;}
.ab-fzlc .ptitle-box .tab span{display: inline-block;}
.ab-fzlc .ptitle-box .tab a{display:inline-block; color:#eee;margin:0 20px;font-size:24px;text-align:center;line-height:34px;cursor:pointer; position:relative;}
.ab-fzlc .ptitle-box .tab a.on{color:#004898;position:relative;transition:0.5s;-webkit-transition:0.5s;}
.ab-fzlc .ptitle-box .tab a:after{content:"";display:block;width:0;border-bottom:1px solid #004898;margin-left:50%; transform: translate(-50%, 0);transition:0.5s;-webkit-transition:0.5s;}
.ab-fzlc .ptitle-box .tab a:hover:after{width:100%;}
.ab-fzlc .ptitle-box .tab a.on:after{width:100%;}

.ab-fzlc .ptitle-box .content{ color:#cccccc;overflow:hidden;height:300px;line-height:28px;padding:20px;font-size:16px;transition:0.5s;-webkit-transition:0.5s;}


.zzzs{padding:20px 0px;overflow:hidden;}
.zzzs .pic{height:260px;line-height:260px;border:1px solid #eee;text-align:center;position:relative;overflow:hidden;}
.zzzs .pic img{max-height:260px;transition:0.5s;}
.zzzs .pic:hover img{transform:scale3d(1.2,1.2,1);transition:0.5s;}

.demo-bk{position:relative;}
.demo-list{margin:20px 50px;overflow:hidden;position:relative;z-index:1;}
.demo-list ul{width:2200px;position:relative;overflow:hidden;}
.demo-list ul li{float:left;width:430px;box-sizing:border-box;overflow:hidden;}
.demo-list ul li .bor{margin:20px;box-shadow:0 3px 8px 2px rgba(0, 0, 0, 0.1);}
.demo-list ul li p{background-color:#fff;padding:15px 30px; font-size:16px; text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.demo-xz{position:absolute;height:100%;top:0px;left:0px;width:100%;padding:10px 0px;text-align:center;}
.demo-jtleft,.demo-jtright{display:inline-block;height:100%;font-size:50px;line-height:300px;font-family:"NSimSun";float:left;cursor:pointer;overflow:hidden;transition:0.5s;width:40px;}
.demo-jtleft:hover,.demo-jtright:hover{color:#004898;}
.demo-jtright{float:right;}

.phone-demo-bk{display:none;position:relative;}
.phone-demo-list{margin:15px 40px;overflow:hidden;position:relative;z-index:1;}
.phone-demo-list ul{width:2480px;position:relative;overflow:hidden;}
.phone-demo-list ul li{float:left;width:320px;box-sizing:border-box;overflow:hidden;}
.phone-demo-list ul li .bor{margin:10px;box-shadow:0 3px 8px 2px rgba(0, 0, 0, 0.1);}
.phone-demo-list ul li p{background-color:#fff;padding:10px 30px; text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.phone-demo-xz{position:absolute;height:100%;top:0px;left:0px;width:100%;padding:10px 0px;text-align:center;}
.phone-demo-jtleft,.phone-demo-jtright{display:inline-block;height:100%;font-size:50px;line-height:250px;font-family:"NSimSun";float:left;cursor:pointer;overflow:hidden;transition:0.5s;width:40px;}
.phone-demo-jtleft:hover,.phone-demo-jtright:hover{color:#004898;}
.phone-demo-jtright{float:right;}


.hzhb{background-image:url(mod-bg.png);background-size:cover;background-attachment:fixed;background-position:center;padding:40px 0; overflow:hidden;}
.hzhb .pic{height:150px; line-height:150px;border:1px solid #eee;text-align:center;display:inline-block;position:relative;overflow:hidden;}
.hzhb .pic img{width:100%;max-height:150px;}

.hzhb-bk{position:relative;}
.hzhb-list{margin:20px 50px;overflow:hidden;position:relative;z-index:1;}
.hzhb-list ul{margin-left:-10px;width:1320px; height:165px;position:relative;overflow:hidden;}
.hzhb-list ul li{float:left;width:220px;overflow:hidden;padding:7px 10px;box-sizing:border-box;}
.hzhb-xz{position:absolute;height:100%;top:0px;left:0px;width:100%;padding:10px 0px;text-align:center;}
.hzhb-jtleft,.hzhb-jtright{display:inline-block;height:100%;font-size:50px;line-height:160px;font-family:"NSimSun";float:left;cursor:pointer;overflow:hidden;transition:0.5s;width:40px;}
.hzhb-jtleft:hover,.hzhb-jtright:hover{color:#004898;}
.hzhb-jtright{float:right;}

.phone-hzhb-bk{display:none;position:relative;}
.phone-hzhb-list{margin:20px 50px;overflow:hidden;position:relative;z-index:1;}
.phone-hzhb-list ul{width:1320px;position:relative;overflow:hidden;}
.phone-hzhb-list ul li{float:left;text-align:center;width:300px;overflow:hidden;padding:5px 0px;box-sizing:border-box;}
.phone-hzhb-xz{position:absolute;height:100%;top:0px;left:0px;width:100%;padding:10px 0px;text-align:center;}
.phone-hzhb-jtleft,.phone-hzhb-jtright{display:inline-block;height:100%;font-size:40px;line-height:150px;font-family:"NSimSun";float:left;cursor:pointer;overflow:hidden;transition:0.5s;width:40px;}
.phone-hzhb-jtleft:hover,.phone-hzhb-jtright:hover{color:#004898;}
.phone-hzhb-jtright{float:right;}


@media(max-width:1200px){
}
@media(max-width:1000px){
}
@media(max-width:750px){
.page-topc{top:-38px;padding-bottom:0;line-height:20px;}
.page-topc .catpos,.ab-tites{ margin:0 10px;}
.ab-txt{ padding:10px;}
.index-sz{box-sizing:border-box; padding:0 10px;}
.number-info li p{ font-size:12px;}
.number-info li{ width:33%;}
.ab-fzlc .ptitle-box .tab a{ font-size:18px;margin:0 12px;}
.hzhb{ padding:20px 0;}
.demo-bk,.hzhb-bk{display:none;}
.phone-demo-bk,.phone-hzhb-bk{display:block;}
}