*{margin: 0; padding: 0;}
html,body{font-family:"microsoft yahei";font-size:0.6em;}
a{text-decoration:none;}
table{border-collapse:collapse;border-spacing:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}
ul,ol,li{list-style:none}
em,i,strong{font-style:normal;font-weight:400;}
img{max-width:100%;height:auto;border:0;}
input,img{vertical-align:middle;}
:focus{outline:none;}

.fl{float:left;}
.fr{float:right;}
.clear{clear:both;display:block;height:0; line-height:0;overflow:hidden;font-size:0;}
.hide{display:none;}

.colr{color:#ff5f8f;}
.col6{color:#666;}
.colf{color:#FFF;}

.txtc{text-align:center;}
.txtl{text-align:left;}
.txtr{text-align:right;}
.txtshadow{text-shadow:0px 2px 2px rgba(0,0,0,0.3);}

.wrapper {min-width:320px;max-width:640px;width:100%;margin:0 auto;background:#fff;height:100%;position:relative;text-align:center;}
.wrapper > a:first-child img{min-width:320px;max-width:640px;width:100%;}

.id_info{font-size:2em;padding:1em 0;border-top:4px solid #ebebeb;border-bottom:2px solid #ebebeb;}

.recommend{background:#ebebeb;padding:1px 0;min-width:320px;max-width:640px;width:100%;margin:0 auto;}
.recommend .p{display:block;width:24%;color:#b5b5b5;margin:1px 0.5%;position:relative;}
.recommend .p img{min-width:79px;max-width:158px;width:100%;}
.recommend .p div{width:90%;padding:5%;position:absolute;left:0;bottom:0;font-size:1.5em;background:rgba(0,0,0,0.5);}
.recommend .p_2{display:block;
    min-width:158px;max-width:316px;width:49%;
    color:#b5b5b5;padding:0 0.5%;position:relative;}

.bar{border-top:4px solid #ebebeb;border-bottom:2px solid #ebebeb;}
.bar img{min-width:320px;max-width:640px;width:100%;}

.success{background:#ebebeb;padding:1px 0;min-width:320px;max-width:640px;width:100%;margin:0 auto;}
.success .p{display:block;width:24%;color:#b5b5b5;padding:1px 0.5%;position:relative;}
.success .p img{min-width:79px;max-width:158px;width:100%;}
.success .p_2{display:block;
    min-width:159px;max-width:308px;width:49%;
    color:#b5b5b5;padding:0.2px 0.5%;position:relative;}
.success .p_2 .p{width:49%;
    padding:0.2px 0.5%;position:relative;}

.logo_2{width:100%;border-top:5px solid #ededed;}
.logo_2 img{min-width:320px;max-width:640px;width:100%;}

.companyinfo{text-align:left;font-size:2.1em;min-width:320px;max-width:640px;width:100%;height:365px;margin:0 auto;margin-bottom:60px;background:url(../image/newpub/bg_01.jpg) no-repeat;background-size:100% 100%;}
.companyinfo p{text-indent:2em;line-height:1.6em;padding:0px 2em;}
.companyinfo a{font-size:0.8em;color:#FFF;}

.companyinfo .txtr{padding-right:2em;}
.companyinfo .cnt{font-size:0.84em;position:absolute;bottom:100px;}
.companyinfo .cnt p{text-indent:2em;}
.companyinfo .cnt span{font-size:1.5em;}
.companyinfo .cnt b{font-size:0.8em;font-weight:normal;}

.nav{min-width:320px;max-width:640px;width:100%;margin:0 auto;position:fixed;bottom:0;border-top:1px solid #191919;}
.nav .fl{color:#a1a1a1;font-size:1.5em;display:block;width:25%;height:100%;padding-bottom:2%;background-image:url(../image/newpub/bg_03.jpg);background-size:100% 100%;}
.nav .fl:hover{color:#FFF;background-image:url(../image/newpub/bg_02.jpg);}
.nav .fl img{width:100%}
.nav .fl span{line-height:30%}
.nav .hidebox{display:none;position:absolute;width:100%;right:0;top:-100%;border-top:1px solid #191919;border-bottom:1px solid #191919;}
.nav .hidebox .fl{font-size:1em;padding-bottom:5%;width: 20%;}
.nav .more:hover .hidebox{display:block;}