@charset "gb2312";
/* CSS Document */
html, body {height: 100%;}
html { font-size:100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0 }
ul, ol { list-style: none }
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cl { zoom: 1; }
a { text-decoration: none; }
h2, h3, h4 { font-family: "Microsoft YaHei"; }
html{ font-size:125%;}
body { font-size:24px; font:1.2em/1.7 "microsoft yahei", "Tahoma", Arial;color: #666; }
.cont{ width:100%; min-width:320px; max-width:640px; margin:0 auto; overflow:hidden;}
.z{ float:left;}
.y{ float:right;}
img{ border:none; border:0;}
.m1rem{ margin-top:1rem;}
.m15rem{ margin-top:1.5rem;}
.m2rem{ margin-top:2rem;}
.m25rem{ margin-top:2.5rem;}
.m3rem{ margin-top:3rem;}
.clear{clear:both; overflow:hidden; }
.line{ width:100%; height:.5rem; background:#f2f2f2; }

.cont{ width:100%; min-width:320px; max-width:640px; margin:0 auto; overflow:hidden; padding:0; }
header{ background:#1c6ab4; height:4.1rem; padding:1rem 0 0; overflow:hidden; margin:0;}
.head_logo {border-right:1px solid #649bd1; margin-left:2.96%; padding-right:4.6%; width:50%;overflow:hidden;}
.head_logo img { max-width:100%}
.headCall { margin-top:0.7rem; width:36.25%; margin-right:3.125%}

.headercon{ background:#1c6ab4; padding:2rem 0; overflow:hidden; margin:0;}

.topbann{ width:9rem; height:9rem; position:fixed; top:3rem; left:.1rem; z-index:2014; _position:absolute; _top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight); }
.topbannnr{ width:9rem; height:9rem; position:relative; }
.topbannnr img{ max-width:100%;}
.bottom_ad_gb{ width:2.5rem; height:2.5rem; position:absolute; top:0rem; right:0rem; }


.top{ width:100%; min-width:320px; max-width:640px; margin:0 auto; height:5.2rem; background:#0170b5; overflow:hidden; }
.top img{ max-width:100%; }
.top p{ width:14.4rem; height:3.4rem; margin:.75rem 0 0 .75rem; float:left; }
.top h3{ width:13.5rem; height:3.75rem; margin:.75rem .75rem 0 0; float:right; }

.bann{ width:100%; }
.bann img{ max-width:100%; display:block; }
.bann .owl-item{ overflow:hidden; }
.bann .owl-pagination{ width:100%; position:absolute; bottom:.5rem; text-align:center; }
.bann .owl-page{	display:inline-block; width:.75rem; height:.75rem; border-radius:.75em; background-color:#fff; margin:0 .4rem; }
.bann .owl-page.active{	background-color:#ca2162; }

.index_nav{ padding:0 2%; overflow:hidden; }
.index_nav li{ width:25%; height:8.8rem; float:left; }
.index_nav li p{ height:6rem; margin:0 10%; border-radius:1.5rem;  }
.index_nav li p.nav_bg1{ background:#fff url(../images/nav_bg1.jpg) no-repeat center 1rem; background-size:3.6rem; border:1px solid #1776ce; }
.index_nav li p.nav_bg2{ background:#fff url(../images/nav_bg2.jpg) no-repeat center 1rem; background-size:3.6rem; border:1px solid #1776ce; }
.index_nav li p.nav_bg3{ background:#fff url(../images/nav_bg3.jpg) no-repeat center 1rem; background-size:3.6rem; border:1px solid #1776ce; }
.index_nav li p.nav_bg4{ background:#fff url(../images/nav_bg4.jpg) no-repeat center 1rem; background-size:3.6rem; border:1px solid #1776ce; }
.index_nav li h3{ font:1.1rem/2rem "Microsoft YaHei"; text-align:center; margin-top:.3rem; }
.index_nav li a{ color:#333; }

.index_bz{ width:100%; overflow:hidden; background:#f2f2f2; padding:1rem 0 2rem; }
.index_bz_tit{ font:bold 1.8rem/4rem "Microsoft YaHei"; text-align:center; color:#118fde; }
.bzcon{padding:0 3%; overflow:hidden; margin-top:.5rem;}
.bzcon p{ text-align:center; float:left; }
.bzcon p a{ display:block; color:#fff; border-radius: 0.6rem; }
.bz1{ width:20%; font:bold 1.4rem/1.8rem "Microsoft YaHei";  }
.bz1 a{ height:4.4rem; padding-top:4rem; background:#f97a00 url(../images/nv_inco.png) no-repeat center 1.2rem; background-size:2rem; margin:0 .15rem; }

dl.bz_fk{ width:20%; height:8.4rem; font:bold 1.4rem/1.8rem "Microsoft YaHei"; overflow:hidden; float:left; }
dl.bz_fk dd{ width:3.5rem; height:3.5rem; margin:1.2rem auto 0; border-radius:50%; background:#fff; overflow:hidden; }
dl.bz_fk dd img{ width:3.5rem; height:3.5rem; }
dl.bz_fk dt{ width:100%; height:2rem; margin:1rem auto 0; text-align:center; color:#fff; }
dl.bz_fk a{margin:0 .15rem;  height:8.4rem; display:block; background:#f97a00;  border-radius:0.6rem;  overflow:hidden; }

dl.bz_nk{ width:20%; font:bold 1.4rem/1.8rem "Microsoft YaHei"; overflow:hidden; float:left; }
dl.bz_nk dd{ width:3.5rem; height:3.5rem; margin:1.2rem auto 0; border-radius:50%; background:#fff; overflow:hidden; }
dl.bz_nk dd img{ width:3.5rem; height:3.5rem; }
dl.bz_nk dt{ width:100%; height:2rem; margin:1rem auto 0; text-align:center; color:#fff; }
dl.bz_nk a{margin:0 .15rem; height:8.4rem; display:block; background:#46c36c; border-radius:0.6rem; overflow:hidden; }




.bz2{ width:20%; font:bold 1.4rem/1.8rem "Microsoft YaHei"; }
.bz2 a{ height:4.4rem; padding-top:4rem; background:#46c36c url(../images/nan_inco.png) no-repeat center 1.2rem; background-size:2rem;; margin:0 .15rem; }
.bz3{ width:45%; float:left; }
.bz31{ width:100%;font:bold 1.4rem/4rem "Microsoft YaHei"; text-align:center; }
.bz31 a{ display:block; color:#fff; border-radius: 0.6rem; background:#0e95cd; margin:0 .15rem; }
.bz32{ width:100%;font:bold 1.4rem/4rem "Microsoft YaHei"; text-align:center;  margin-top:.4rem; }
.bz32 a{ display:block; color:#fff; border-radius: 0.6rem; background:#e3993a; margin:0 .15rem; }

.bz4{ width:15%; font:bold 1.4rem/1.8rem "Microsoft YaHei"; float:left; }
.bz4 a{ height:7rem; padding-top:1.4rem; background:#7260e7; margin:0 .15rem; }

.bz5{ width:30%; font:bold 1.4rem/3.8rem "Microsoft YaHei"; float:left; }
.bz5 a{font:bold 1.4rem/3.8rem "Microsoft YaHei";  background:#0e70cd; margin:.3rem .15rem; }
.bz6{ width:40%; font:bold 1.4rem/3.8rem "Microsoft YaHei"; float:left; }
.bz6 a{font:bold 1.4rem/3.8rem "Microsoft YaHei";  background:#4895eb; margin:.3rem .15rem; }
.bz7{ width:30%; font:bold 1.4rem/3.8rem "Microsoft YaHei"; float:left; }
.bz7 a{font:bold 1.4rem/3.8rem "Microsoft YaHei";  background:#2eb7df; margin:.3rem .15rem; }
.bz8{ width:35%; font:bold 1.4rem/3.8rem "Microsoft YaHei"; float:left; }
.bz8 a{font:bold 1.4rem/3.8rem "Microsoft YaHei";  background:#db4cb9; margin:.3rem .15rem; }
.bz9{ width:30%; font:bold 1.4rem/3.8rem "Microsoft YaHei"; float:left; }
.bz9 a{font:bold 1.4rem/3.8rem "Microsoft YaHei";  background:#3fca9b; margin:.3rem .15rem; }
.bz10{ width:35%; font:bold 1.4rem/3.8rem "Microsoft YaHei"; float:left; }
.bz10 a{font:bold 1.4rem/3.8rem "Microsoft YaHei";  background:#ff9e47; margin:.3rem .15rem; }
.index_bzbt{ width:15.8rem; height:3.5rem; text-align:center; margin:1.5rem auto 0; overflow:hidden; }
.index_bzbt img{ max-width:100%; height:3.5rem; height:auto; }


.index_bzbt{ padding:0 2%; overflow:hidden; }
.index_bzbt dd{ width:35%; font:1.4rem/3.5rem "Microsoft YaHei"; text-align:center; float:left; }
.index_bzbt dd a{ display:block; margin:0 .3rem; background:#f46b35; color:#fff; border-radius:.4rem; }
.index_bzbt dt{ width:18.5rem; height:.5rem; float:right; margin-right:.3rem; }
.index_bzbt dt img{ max-width:100%; }
.index_bz_me{ width:100%; font:1.5rem/4rem "Microsoft YaHei"; text-align:center; color:#615e5e; overflow:hidden; }
.index_bz_me span{ padding:0 .25rem; background:#f87b01; color:#fff; border-radius:.4rem; margin:0 .25rem; }
.index_sb{ width:100%; overflow:hidden; background:#fff; padding:1.5rem 0 1rem; }
.index_sb_tit{ font:bold 1.8rem/3rem "Microsoft YaHei"; text-align:center; color:#118fde; }
.index_exp{ overflow:hidden; }
.index_exp dl{ overflow:hidden; height:13.9rem; background:url(../images/index_expbg.jpg) no-repeat; background-size:cover;  }
.index_exp dl img{ max-width:100%; }
.index_exp dl p{ width:40%; height:auto; float:left; }
.index_exp dl h3{ width:58%; height:auto; float:left; margin-top:1rem; font:bold 1.7rem/3.5rem "Microsoft YaHei"; color:#282828; }
.index_exp dl h3 span{ font:1.2rem/3.5rem "Microsoft YaHei"; margin-left:1rem; }
.index_exp dl dd{ width:58%; float:left; font:1rem/1.5rem "Microsoft YaHei"; color:#555; }
.index_exp dl dt{ width:50%; float:left; font:1.1rem/2.5rem "Microsoft YaHei"; text-align:center; margin-top:.5rem; padding-left:3%; }
.index_exp dl dt a{ display:inline-block; display:block; color:#fff; }
a.index_expnr_bt1{ width:45%; background:#0e70cc; float:left;  border-radius:.5rem;}
a.index_expnr_bt2{ width:45%; background:#ff6d00; float:right; border-radius:.5rem; }

.index_exp .owl-wrapper-outer{}
.index_exp .owl-pagination{ text-align:center; overflow:hidden; padding-top:.5rem }
.index_exp .owl-page{ width:1rem; height:1rem; background:#aaa; display:inline-block; margin:0 .5rem; border-radius:50%; }
.index_exp .owl-page.active{ background:#0e70cc; }


.bann_sb{ padding:0 3%; height:13.8rem; overflow:hidden; margin:1rem 0; }
.bann_sb img{ max-width:100%; }
/*焦点图*/
.bann_sb .owl-wrapper-outer{}
.bann_sb .owl-pagination{ text-align:center; position:absolute; bottom:.5rem; right:.5rem; }
.bann_sb .owl-page{ width:1rem; height:1rem; background:#0e70cc; display:inline-block; margin:0 .5rem; border-radius:50%; }
.bann_sb .owl-page.active{ background:#ec6407; }


.part5{ padding:0 0 2.5rem; overflow:hidden; background:#f2f2f2; }
.p5_tit{ width:100%; height:3.6rem; font:1.6rem/3.6rem "Microsoft YaHei"; background:#0e70cc; text-align:center; color:#fff; background-size:2.25rem;overflow:hidden; }
.yuyue{ padding:0 6%; }
.p5_name{ width:100%; font:1.3rem/2.7rem "Microsoft YaHei"; margin-top:1rem; overflow:hidden; }
.p5_name dd{ width:25%; float:left; text-align:right; }
.p5_name dt{ width:70%; float:right; }
.p5_name dt input{ width:99%; height:2.7rem; border:1px solid #d2d2d2;-webkit-appearance: none; font:1.3rem/2.7rem "Microsoft YaHei"; color:#666; }

.p5_select{ width:100%; font:1.3rem/2.7rem "Microsoft YaHei"; margin-top:1rem; overflow:hidden; }
.p5_select dd{ width:25%; float:left; text-align:right; }
.p5_select dt{ width:70%; float:right; }
.p5_select dt select{ width:99%; height:2.7rem; border:1px solid #d2d2d2;-webkit-appearance: none; font:1.3rem/2.7rem "Microsoft YaHei"; color:#666; }


.yuyue p{ width:100%; font:1.2rem/2rem "Microsoft YaHei"; margin-top:.5rem; overflow:hidden; text-align:right }
.p5_bt{ width:100%; text-align:center; }
.p5_bt input{ font:1.4rem/3rem "Microsoft YaHei"; padding:0 1.8rem; display:inline-block; border-radius: 0.6rem; color:#fff; border:none; cursor:pointer; -webkit-appearance: none; }
input.p5_bt1{ background:#0e70cc; }
input.p5_bt2{ background:#ff6d00; margin-left:3.5rem; }

.part7{ padding:1.5rem 3%; overflow:hidden; }
.tit1{ width:100%; text-align:center; font:bold 1.6rem/2rem "Microsoft YaHei"; color:#000; }
.tit1 span{ font:1.4rem/1.0rem "Microsoft YaHei"; }
.p6_wx{ width:100%; overflow:hidden; }
.p6_wx dl{ width:50%; height:14.5rem; float:left; text-align:center; }
.p6_wx dl img{ width:10.5rem; }
.p6_wx dl dd{ width:100%; height:10.45rem; }
.p6_wx dl dt{ font:1rem/1.4rem "Microsoft YaHei"; margin-top:.5rem; color:#333; }
.p6_wx dl dt span{ font-weight:bold; }
.p6_tx{ width:96%; font:1rem/1.5rem "Microsoft YaHei"; padding:0 2%;}

.footer1{width:100%; max-width:640px; min-width:320px; padding:1.5em 0 0; font-family:"Microsoft YaHei"; overflow:hidden; background:#F4F3F3; margin:0 auto;}
.footer1 div{ width:96%; margin:0 auto; overflow:hidden; border-bottom:1px solid #E1DBDB; padding-bottom:3%; text-align:center; }
.footer1 div ul li{ width:25%; height:4.2em; list-style-type:none; float:left; }
.footer1 div ul li a{ border:1px solid #ccc; height:3.8em; display:block; width:94%; border-radius:5px; color:#666;}
.footer1 div ul li a img{ margin-top:2%; margin-left:10%; width:25%; margin-top:10%; float:left;}
.footer1 div ul li a p{ line-height:1.6em; font-size:0.9em; padding-left:5%; padding-top:8%; float:left; text-align:center;}
.footer1 div ul li a p.ft_zx{ padding-left:13%;}
.foot{ width:100%; padding:.75rem 0 60px; text-align:center; background:#eff1f2; color:#282828; }
.foot a{ color:#282828; }

/***
*
*
cat
*
*
**/
.cat{ width:94%; overflow:hidden; padding:0 3% ; margin-top:1rem; }
.cat ul{ width:100%; overflow:hidden; }
.cat ul li{ float:left; text-align:center; margin-top:.5rem; }
.cat ul li a{ color:#fff; display:block; border-radius:.5rem; }
.cat_rl1{ width:50%; font:bold 2rem/7.5rem "Microsoft YaHei"; }
li.cat_rl1 a{ background:#00cbca; margin-right:.25rem; }
.cat_rl2{ width:50%; font:1.5rem/3.5rem "Microsoft YaHei"; }
li.cat_rl2 a{ background:#ff9f3e; margin-left:.25rem; }
.cat_rl3{ width:50%; font:1.5rem/3.5rem "Microsoft YaHei"; }
li.cat_rl3 a{ background:#c86ae8; margin-left:.25rem;  }
.cat_rl4{ width:50%; font:1.5rem/3.5rem "Microsoft YaHei"; }
li.cat_rl4 a{ background:#009bf1;  margin-right:.25rem;}
.cat_rl5{ width:50%; font:1.5rem/3.5rem "Microsoft YaHei"; }
li.cat_rl5 a{ background:#55b2f3; margin-left:.25rem;  }
.cat_rl6{ width:50%; font:1.5rem/3.5rem "Microsoft YaHei"; }
li.cat_rl6 a{ background:#ff5e8a; margin-right:.25rem; }
.cat_rl7{ width:50%; font:1.5rem/3.5rem "Microsoft YaHei"; }
li.cat_rl7 a{ background:#00cb94; margin-left:.25rem;  }

.cat_yz1{ width:50%; font:1.5rem/3.5rem "Microsoft YaHei"; }
li.cat_yz1 a{ background:#00cbca; margin-right:.25rem;  }
.cat_yz2{ width:50%; font:1.5rem/3.5rem "Microsoft YaHei"; }
li.cat_yz2 a{ background:#009bf1; margin-left:.25rem; }
.cat_yz3{ width:50%; font:1.5rem/3.5rem "Microsoft YaHei"; }
li.cat_yz3 a{ background:#c86ae8; margin-right:.25rem; }
.cat_yz4{ width:50%; font:1.5rem/3.5rem "Microsoft YaHei"; }
li.cat_yz4 a{ background:#55b2f3; margin-left:.25rem;  }
.cat_yz5{ width:50%; font:1.5rem/3.5rem "Microsoft YaHei"; }
li.cat_yz5 a{ background:#ff5e8a; margin-right:.25rem; }
.cat_yz6{ width:50%; font:1.5rem/3.5rem "Microsoft YaHei"; }
li.cat_yz6 a{ background:#fe942a; margin-left:.25rem;  }

.cat_gj1{ width:50%; font:1.5rem/3.5rem "Microsoft YaHei"; }
li.cat_gj1 a{ background:#c76ae8; margin-right:.25rem;  }
.cat_gj2{ width:50%; font:1.5rem/3.5rem "Microsoft YaHei"; }
li.cat_gj2 a{ background:#ff6bd1; margin-left:.25rem; }
.cat_gj3{ width:33.3333333333333333333333333333%; font:1.5rem/3.5rem "Microsoft YaHei"; }
li.cat_gj3 a{ background:#ff6d6d; margin-right:.25rem; }
.cat_gj4{ width:33.3333333333333333333333333333%; font:1.5rem/3.5rem "Microsoft YaHei"; }
li.cat_gj4 a{ background:#00cc9a; margin:0 .25rem;  }
.cat_gj5{ width:33.3333333333333333333333333333%; font:1.5rem/3.5rem "Microsoft YaHei"; }
li.cat_gj5 a{ background:#009bf1; margin-left:.25rem; }

.cat_nfm1{ width:50%; font:1.5rem/3.5rem "Microsoft YaHei"; }
li.cat_nfm1 a{ background:#ffa03e; margin-right:.25rem;  }
.cat_nfm2{ width:50%; font:1.5rem/3.5rem "Microsoft YaHei"; }
li.cat_nfm2 a{ background:#00cb9a; margin-left:.25rem; }
.cat_nfm3{ width:33.3333333333333333333333333333%; font:1.5rem/3.5rem "Microsoft YaHei"; }
li.cat_nfm3 a{ background:#ff5e8a; margin-right:.25rem; }
.cat_nfm4{ width:33.3333333333333333333333333333%; font:1.5rem/3.5rem "Microsoft YaHei"; }
li.cat_nfm4 a{ background:#c86ae8; margin:0 .25rem;  }
.cat_nfm5{ width:33.3333333333333333333333333333%; font:1.5rem/3.5rem "Microsoft YaHei"; }
li.cat_nfm5 a{ background:#ff6ad0; margin-left:.25rem; }




.cat_bzbt{ padding:0 2%; overflow:hidden; margin:1.5rem 0 .5rem; }
.cat_bzbt dd{ width:35%; font:1.4rem/3.6rem "Microsoft YaHei"; text-align:center; float:left; }
.cat_bzbt dd a{ display:block; margin:0 .3rem; background:#eaab28; color:#fff; border-radius:.4rem; }
.cat_bzbt dt{ width:18.5rem; height:.5rem; float:right; margin-right:.3rem; }
.cat_bzbt dt img{ max-width:100%; }

.index_tit{ width:96%; padding:0 2%; }
.index_tit p{ width:100%; text-align:center; font:bold 1.8rem/4rem "Microsoft YaHei"; color:#282828; }
.index_tit p span{ color:#b20020; }
.cat_hot{ width:100%; padding:1.5rem 0; background:#e5e5e5; margin-top:.5rem; }
.index_hot_tx{ width:90%; height:4rem; margin:0 5%; clear:both; border:1px solid #bfbfbf; border-radius:.5rem; overflow:hidden; background:#fff; }
.index_hot_tx dd{ width:70%; float:Left; }
.index_hot_tx dd input{ width:94%; display:block; font:1.4rem/4rem "Microsoft YaHei"; padding:0 3%; border:none; border-radius:.5rem; }
.index_hot_tx dt{ width:30%; float:Left; background:#ca2162; font:1.4rem/4rem "Microsoft YaHei";  border-radius:.5rem; text-align:center; }
.index_hot_tx dt a{ color:#fff; }

.index_lj_tel{ padding:0 4%; height:6rem; margin:0; background:#ca2162; text-align:center;  }
.index_lj_tel dd{ width:80%; float:left; font:2rem/2rem "Microsoft YaHei"; color:#fff; padding-top:.95rem; }
.index_lj_tel dd span{ font:1.3rem/2rem "Microsoft YaHei"; }
.index_lj_tel dt{ width:20%; height:6rem; background:#960019; float:left; font:1.4rem/1.8rem "Microsoft YaHei"; }
.index_lj_tel dt a{ color:#ff0; display:block; padding-top:1.2rem; }

.index_hot_con{ padding:0 3%; }
.index_hot_con div dl{ width:100%; height:6.4rem; border-bottom:1px dashed #bfbfbf; }
.index_hot_con div dl dd{ width:80%; float:left; font:bold 1.4rem/2rem "Microsoft YaHei"; padding-top:1.4rem;  }
.index_hot_con div dl dd strong{text-decoration:underline;}
.index_hot_con div dl dd span{ color:#a6a6a6; font:1.2rem/2rem "Microsoft YaHei"; }
.index_hot_con div dl dd span em{ color:#d21955; font-style:normal; }
.index_hot_con div dl dt{ width:20%; font:1.5rem/3rem "Microsoft YaHei"; background:#ca2162; float:left; text-align:center; margin-top:1.5rem; border-radius:.5rem; }
.index_hot_con div dl dt a{ display:block; color:#fff;text-decoration:underline; }
.index_hot_con .owl-item{ }
.index_hot_con .owl-pagination{ width:100%; text-align:center; margin-top:1.5rem; }
.index_hot_con .owl-page{ display:inline-block; width:.75rem; height:.75rem; border-radius:.75em; background-color:#d9d9d9; margin:0 .4rem; }
.index_hot_con .owl-page.active{	background-color:#b0afaf; }


.BottomNav{width:100%;height:50px; position:fixed;bottom:0;left:0;z-index:2014;_position:absolute; _top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight);}
.BottomNav ul{ height:50px; background:#0f93e6;overflow:hidden;}	
.BottomNav ul li{width:25%;height:50px;float:left; text-align:center; position:relative;box-shadow:5px 2px 10px #0183d4}
.BottomNav ul li i{ width:25px; height:25px; background:url(../images/btmnav.png); background-repeat:no-repeat; display:block; margin:2px auto 0; vertical-align:middle;}
.BottomNav ul li i.n1{ background-position:0 2px; background-size:200px auto;}
.BottomNav ul li i.n2{ background-position:-45px 3px; background-size:170px auto;}
.BottomNav ul li i.n3{ background-position:-112px 1px; background-size:190px auto;}
.BottomNav ul li i.n4{ background-position:-155px 2px; background-size:180px auto;}
.BottomNav ul li span{ font-size:14px; padding:2px 0 0; display:block; color:#fff;}





@media only screen and (max-width: 600px) {
.wp { max-width: 600px; }
html { font-size: 100%; }
}

@media only screen and (max-width: 480px) {
.wp { max-width: 480px; }
html { font-size: 75%; }
}

@media only screen and (max-width: 375px) {
.wp { max-width: 375px; }
html { font-size: 72.5%; }
}

@media only screen and (max-width: 360px) {
.wp { max-width: 360px; }
html { font-size: 62.5%; }
}