@charset "gb2312";
/* CSS Document */
/* ???iPad iPhone input???css??? */
 input[type="submit"],
 input[type="reset"],
 input[type="button"],
 button{-webkit-appearance:none;}
 
 
body,p,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,div{margin:0;padding:0;list-style:none;vertical-align:bottom;}
img,input,select{vertical-align:middle;margin:0;padding:0;border:0;-webkit-touch-callout:none;}
ol,ul,li{list-style:none;margin:0;padding:0;*text-indent:0}
i,s,em{font-style:normal;text-decoration:none}
a{text-decoration:none;color:#333}
a:hover,a:active,a:focus{text-decoration:none;color:#0f5fb6;}
body{background:#eceff1;font-family:\5FAE\8F6F\96C5\9ED1,"Microsoft YaHei",'??????'}
.red{color:#ff8901;}
img{-webkit-touch-callout: none}
.ztwrap{max-width:640px;margin:0 auto;background:#ffffff;
-moz-box-shadow:0px 0px 10px #bbbbbd;
-webkit-box-shadow:0px 0px 10px #bbbbbd;
box-shadow:0px 0px 10px #bbbbbd;
/* For IE 8 */
-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#bbbbbd')";
/* For IE 5.5 - 7 */
filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, 
Color='#bbbbbd');}
 
 
 
 
 
 
 
@media screen and (min-width:320px){body,input{font-size:14px}}
@media screen and (min-width:360px){body,input{font-size:16px}}
@media screen and (min-width:400px){body,input{font-size:18px}}
@media screen and (min-width:480px){body,input{font-size:20px}}
@media screen and (min-width:560px){body,input{font-size:24px}}
@media screen and (min-width:600px){body,input{font-size:26px}}
@media screen and (min-width:640px){body,input{font-size:28px}}
 
 
 
/**logo**/
.logo{background:#0170c2}
.logo img{max-width:640px;margin:0 auto;display:block;}
/**ztnav**/
.ztnav{max-width:640px;margin:0 auto;overflow:hidden}
.ztnav li{width:25%;float:left;box-sizing:border-box;border-top:solid 1px #ececec;text-align:center;line-height:1.8;}
.ztnav li a{display:block;border-right:solid 1px #ececec;padding:.5em 0}
 
.ztnav li:nth-child(4n) a{border-right:0}
.ztnav li img{display:block;margin:0 auto 0em;width:40%;border-radius:50%}
/**ztbanner**/
.ztbanner{}
.ztbanner img{max-width:640px;margin:0 auto;display:block;}

[class*="icon-n"]:before,[class^="icon-n"]:before,[class*="icon-n"]:after,[class^="icon-n"]:after{content:"";background:url(../images/icon-n-bg.png) no-repeat;display:inline-block;}
div,ul,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,span,a,p,em{font-family:'Microsoft YaHei' !important;}
img[src*=".jpg"]{border:none;background-image:url(../images/loading.gif);background-size:10px 10px;background-position:center center;background-repeat:no-repeat;width:100%;}
.ptel a {
 color: #f00;
 font-size: 18px;
 margin: 5px 0 0 0;
 display: inline-block;
}  .article h1{text-align:center;font-size:22px;padding:15px 0 10px;}
.article h1 a{color:#f27a19;}
.article p{border:none;line-height:20px;text-align:center;font-size:12px;}
.article ul{margin:0 0 15px;padding:0 2%;overflow:hidden;display:block;}
.article ul li{width:24%;line-height:40px;background-color:#eee;margin:0 .5%;float:left;font-size:12px;color:#333;font-family:"Microsoft YaHei";text-align: center;}
.article ul li span{width:20px;height:20px;background:none;}
.article ul li span:before{width:20px;height:16px;position:relative;top:2px;background-size:450%}
.icon-n-heart:before{background-position:-24px -90px;}
.icon-n-si:before{background-position:-24px -105px;}
.icon-n-sun:before{background-position:-24px -122px;}
.icon-n-calendar:before{background-position:-24px -141px;}
.article .art_con{padding:0 10px;line-height:24px;font-size:14px;font-family:"Microsoft YaHei";}
.article .art_con p{font-size:14px;text-align:left;font-family:"Microsoft YaHei";line-height:25px !important;}
#banner-small .hd{display:block;}
.page-3-1 .btn a:nth-of-type(2),.shipin .btn a:nth-of-type(2){-webkit-animation:p31-btn 2s infinite;}
@-webkit-keyframes p31-btn{0%{background:#414141;}
 50%{background:#414141;}
 50.1%{background:#bc1212;}
 100%{background:#bc1212;}
}
.jj_con{width:100%;overflow:hidden;}
.jj_con .jj_tit{width:50.4%;margin:3% auto;}
.jj_con .jj_mkcon{float:left;width:100%;border-bottom:1px #ccc dashed;padding-bottom:2%;}
.jj_con .jj_mkcon .jj_mc_tit{width:100%;line-height:30px;font-size:16px;color:#0e5c84;font-weight:bold;}
.jj_con .jj_mkcon .jj_mc_c{width:100%;overflow:hidden;text-align:left;margin-bottom:8px;}
.jj_con .jj_mkcon .jj_mc_c .jj_mc_c_l{float:left;width:10.2%;font-size:14px;color:#0e5c84;}
.jj_con .jj_mkcon .jj_mc_c .jj_mc_c_r{float:left;width:89.7%;}
.jj_con .jj_mkcon .jj_mc_c .jj_mc_c_r img{margin:0 2% 1% 0;width:107px;height:64px;float:left;}
@media screen and (min-width:415px){.n_footer .n_f_right p{line-height:28px !important;font-size:20px;margin-left:18px}}
.n_footer{overflow:hidden;padding:10px;background-color:#fff;}
.n_footer .n_f_left{width:30%;margin-right:2%;float:left;}
.n_footer .n_f_right{width:68%;float:left;padding-top:2%;}
.n_footer .n_f_right p{text-align:left;color:#02849e;line-height:22px;display:inline-block;padding:2px 4px;}
.n_footer .n_f_right p:nth-of-type(1){border:1px #9c9c9c solid;}
.n_footer .n_f_right p:nth-of-type(2){color:#333;}
.n_footer .n_f_right p img{width:12%;margin-top:2%;vertical-align:top;}
.n_footer .n_f_right p i{font-size:12px;font-style:normal;}



@media screen and (min-width:415px){.n_footer .n_f_right p{line-height:28px !important;font-size:20px;margin-left:18px}}
.n_footer{overflow:hidden;padding:10px;background-color:#fff;}
.n_footer .n_f_left{width:30%;margin-right:2%;float:left;}
.n_footer .n_f_right{width:68%;float:left;padding-top:2%;}
.n_footer .n_f_right p{text-align:left;color:#02849e;line-height:22px;display:inline-block;padding:2px 4px;}
.n_footer .n_f_right p:nth-of-type(1){border:1px #9c9c9c solid;}
.n_footer .n_f_right p:nth-of-type(2){color:#333;}
.n_footer .n_f_right p img{width:12%;margin-top:2%;vertical-align:top;}
.n_footer .n_f_right p i{font-size:12px;font-style:normal;}

/**foot**/
.ztfoot{width:100%;overflow:hidden;margin:.5em 0 0 0;padding:0 0 3em 0}
.ztfoot ul{background:#0070c0;overflow:hidden;}
.ztfoot li{width:25%;float:left;text-align:center;line-height:2}
.ztfoot li a{color:#FFF;display:block;}
.ztfoot img{border-bottom:1px solid #cccccc;width:90%;margin:.8em auto .5em;display:block;}
.ztfoot p{font-size:.75em;line-height:1.8;text-align:center;}
.ztfoot p a{background:#ef5036;color:#fff;text-align:center;padding:.2em 1em;border-radius:1em}
