@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体";color:#898989;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}

.ztnr{position: fixed;width: 466px; left:50%; top:50%; transform:translate(-50%,-50%);}
.logo {padding-bottom: 30px;}
.logo img{width: 100%;}
.ztnr li{padding-bottom: 10px;}
.ztnr ul li a{display: block;position: relative; background: url(../images/a5.png) no-repeat center center; line-height: 89px; background-size: 100% 100%;font-size: 30px; color: #e84949;padding-left: 130px;}
.ztnr span{position: absolute;width: 24px;top: 20px;right: 46px;}
.ztnr span img{width: 100%;}
.mob1{display: inline-block;vertical-align: middle; margin: -3px 20px 0 0;background: url(../images/d1.png) no-repeat center center;width: 34px;height: 32px;background-size: 100% 100%;}
.mob2{display: inline-block;vertical-align: middle; margin: -3px 20px 0 0;background: url(../images/d2.png) no-repeat center center;width: 34px;height: 32px;background-size: auto 100%;}
.mob3{display: inline-block;vertical-align: middle; margin: -3px 20px 0 0;background: url(../images/d3.png) no-repeat center center;width: 34px;height: 32px;background-size: auto 100%;}
.ztnr ul li a:hover{background: url(../images/a6.png) no-repeat center center;background-size: 100% 100%; color: #fff;}
.ztnr ul li.cur a{background: url(../images/a6.png) no-repeat center center;background-size: 100% 100%; color: #fff;}
.ztnr ul li.cur a .mob1{background: url(../images/d1a.png) no-repeat center center;background-size: 100% 100%; }
.ztnr ul li a:hover .mob1{background: url(../images/d1a.png) no-repeat center center;background-size: 100% 100%; }
.ztnr ul li a:hover .mob2{background: url(../images/d2a.png) no-repeat center center;background-size: 100% 100%; }
.ztnr ul li a:hover .mob3{background: url(../images/d3a.png) no-repeat center center;background-size: 100% 100%; }
.ztnr h3{font-size: 40px; text-align: center; color: #e84949;background: url(../images/a7.png)no-repeat center center;background-size: 100%  auto;}
.ztnr i{display: inline-block;vertical-align: middle; margin: -8px 0 0 5px;}
@media(max-width:1700px){
.ztnr{width: 450px;}
.ztnr ul li a{line-height: 80px;font-size: 26px;}
.ztnr h3{font-size: 35px;}
}
@media(max-width:1600px){
.ztnr{width: 390px;}
.ztnr ul li a{line-height: 70px;font-size: 24px; padding-left: 100px;}
.ztnr h3{font-size: 30px;}
.ztnr span{top: 15px;right: 40px;width: 20px;}
.ztnr b{width: 30px;height: 30px;}
}
@media(max-width:1420px){
.logo{padding-bottom: 10px;}
.ztnr{width: 330px;}
.ztnr ul li a{line-height: 55px;font-size: 20px; padding-left: 90px;}
.ztnr h3{font-size: 24px;}
.ztnr span{top: 10px;right: 30px;width: 18px;}
.ztnr b{width: 25px;height: 25px;}
}
@media(max-width:1000px){
.ztnr{width: 280px;}
.logo{padding: 20px;}
.ztnr ul li a{line-height: 55px;font-size: 20px; padding-left: 50px;}
.ztnr h3{margin-top: 15px;}
}