@import url("reset.css");
@import url(font-awesome.css);
@import url(font-awesome.min.css); 

/*public*/
html { box-sizing: border-box;}
html, body { height: 100%; }
html{ font-size:625%;box-sizing: border-box; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-user-select: none; -moz-user-select: none;-ms-user-select: none; -o-user-select: none; user-select: none;}
body {margin: 0; padding: 0;  width: 100%; min-height: 100%; -webkit-touch-callout: none;display: -webkit-box;-webkit-box-orient: vertical; -webkit-box-align: stretch;position: relative;font-family: "Microsoft YaHei",Helvetica, Arial, sans-serif;}
body{ font-size: 0.14rem; background-color: #fff; color: #333; line-height: 1.5;}
a{ color:#666;}
.clear{ clear:both;zoom:1;}
.clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.warpper { min-width: 320px; max-width: 640px; margin: auto;  position: relative;}
.itm{ -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-sizing: border-box; box-sizing: border-box;}
.ellipsis{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.bgeff{ background-color: #eff1f0;}
.bgeae{ background-color: #eaeaea;}
.bgf0f{ background-color: #f0f2f1;}
.bgf4f{ background-color: #f4f4f4;}
.bgd9d{ background-color: #d9d9d9}
.cbg{ background:url(../images/cbg.jpg) no-repeat;background-size:cover;}

/*load*/
#preloader {position:fixed;top:0;left:0;right:0;bottom:0;background-color:#FFF; z-index:1000; }
#status {z-index:99;width:250px;height:250px;position:absolute;left:50%; top:50%; background-image:url(../images/status.gif);background-size:64px 64px;background-repeat:no-repeat;background-position:center;margin:-125px 0 0 -125px; }
#status p{position: relative;top:60%;display: block;text-align: center;line-height: 30px;margin-bottom: 30px;font-size: 13px;letter-spacing: 0px;}
#status em{font-size:10px!important;display:block;font-style:normal;}

/*index*/
.home form{display:inline;}
.home .warpper{height:100%;}
.ban {position:relative; height: 100%;background:#fff;}
.swiper-container{ height:100%;}
.ban figure div{ height:100%; background-repeat:no-repeat;background-size:cover;}
.ban .swiper-container-horizontal > .swiper-pagination{ display:none;}
.ban .swiper-pagination-bullet{ background: none;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;border: 1px #9b9c99 solid;}
.ban .swiper-pagination-bullet-active{background:#fff;}
.menuvice { width: 100%;text-align: center;overflow: hidden;padding: 0 20px;position: absolute;bottom: 0;left: 0;z-index: 10;}
.menuvice a { display: inline-block; width: 48%;height: 35px;color: #fff; font-size: 16px;line-height: 35px;background-color:#42baba;border-radius:4px;text-align: center;}
.menuvice a:nth-child(2n+1) { float: left; margin: 0px 0px 15px 0;}
.menuvice a:nth-child(2n+2) { float: right; margin: 0px 0 15px 0px;}

.ht{height:0.57rem;}
.footer{width: 100%;position: fixed;left:0;bottom:0;z-index: 100;padding: .07rem 0;display: flex;-webkit-box-pack: justify;-moz-box-pack: justify;-ms-flex-pack: justify;-webkit-box-align: center;-moz-box-align: justify;
-ms-flex-align: center;justify-content: space-between;align-content: center;background-color: #f7f6fb;}
.footer a{ width:25%;-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;text-align: center;box-sizing: border-box;display: block;float:left;color: #272b34;font-size: .089rem;}
.footer span { text-indent: -99999px;display: inline-block; width: .20rem;height: .20rem;background-image: url(../images/footer-nav.png);background-repeat:no-repeat;background-size: 100%;}
.footer p { margin-top: .05rem;}
.footer a.new span, .footer a.new.on span{ background-position: 0 25%;}
.footer a.map span, .footer a.map.on span { background-position: 0 50%;}
.footer a.tel span, .footer a.tel.on span { background-position: 0 75%;}
.footer a.on{color:#0ca4a5;}
.footer a.on span{background-image: url(../images/footer-nav-on.png);}

.menu{  transform: translate3d(100%, 0, 0);-webkit-transform: translate3d(100%, 0, 0);transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);-webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.menu{ width: 100%;height: 100%;background: #161920;position: fixed;right:0;top:0;z-index:101;overflow-y: auto;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;}
.menu .shead{ height: 60px; position: relative;}
.shead .header-left { float: left;height: 60px;width: 140px;background: url(../images/logos.png) 10px center no-repeat;background-size: 127px 35px;}
.shead .sclose{ float:right;margin-right:10px;width: 20px; height: 60px;display: inline-block;position: relative;}
.shead .sclose:before, .shead .sclose:after, .shead .sclose i { content: '';height: 2px;width: 20px;background: #008489;-webkit-border-radius: 3px;overflow: hidden;position: absolute;left: 0;top: 22px;-webkit-transition: all .3s ease-in-out;}
.shead .sclose i{opacity:0;}
.shead .sclose:before { top: 18px; -webkit-transform: rotate(-45deg) translate3d(-3px, -2px, 0);-webkit-transform-origin: 100% 50%;}
.shead .sclose:after { top: 34px; -webkit-transform: rotate(45deg) translate3d(-3px, 2px, 0); -webkit-transform-origin: 100% 50%;}
.menu dl { display: block;min-height: 49px;border-top: 1px solid #292d38;font-size: 14px;width: 100%;text-transform: uppercase;}
.menu dl dt a { display: block;color: #c6c6c6;padding: 0 25px;height: 49px;line-height: 49px;}
.menu dl dt a em { display:inline-block;width: 12px; height: 12px; border-left: 2px solid #888;border-bottom: 2px solid #888; margin-right: 35px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}
.menu dl dd{display:none;}
.menu dl dd a{display: block;font-size: 12px;color: #c6c6c6;padding: 0 25px;height: 40px;line-height: 40px;border-top: 1px solid #292d38;text-indent: 45px;background-color: #15171d;}
.menu dl.expand dt a em{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);}
.menu dl.expand dt {background-color:#292d38;}
.menu dl.expand dd{display:block;}
.menu.active{transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}

/*about*/
.newheader{ position: relative;height: .43rem;line-height: .43rem;width: 100%;color: #0ca4a5;text-align: center;background:#181f29;box-sizing: border-box;}
.newheader .backtohis { border-left: .02rem solid #0ca4a5;border-bottom: .02rem solid #0ca4a5;width: .12rem; height: .12rem;display: inline-block;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);margin: .14rem .15rem;text-indent: -9999px;}
.pl {position: absolute;left: 0;top: 0;}
.pr {position: absolute;right: 0;top: 0;}
.newheader .header_title { position: relative;display: inline-block;width: 2.3rem;font-size: .16rem;text-transform: uppercase;}
.newheader .new_menu{padding: 0.12rem 0.1rem 0 0.1rem;}
.newheader .new_menu .icon-bar { display: block;width: 19px;height: 3px;border-radius: 1px;cursor: pointer; background-color: #0ca4a5;}
.newheader .new_menu .icon-bar + .icon-bar { margin-top: 4px;}
.alist{width:93.125%;margin:auto;}
.alist dl{min-height:1.3rem;background-color:#eff1f0;background-position: left top;background-repeat: no-repeat;background-size:50%;}
.alist dl dt{width:50%;float:right;position:relative;}
.alist dl h2{font-size:0.16rem;color:#333;line-height: 18px;}
.alist dl .name{font-size:10px;color:#999;}
.alist dl .dec{font-size:0.12rem;color:#333;}
.alist dl i{position: absolute;border-left: .01rem solid #919191;border-bottom: .01rem solid #919191;width: .08rem; height: .08rem;display: inline-block;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);text-indent: -9999px;}
.alist dl .jies{ padding-left: 30px;text-align: left;background: url(../images/ico_04.png) no-repeat left;background-size: 25px auto; position: absolute;left: 1.2em;top: 40px;}
.alist p{margin-top:.2rem;}

.alist dl:first-child{background-image:url(../images/abg_1.jpg);}
.alist dl:nth-child(4n+2){background-image:url(../images/abg_2.jpg);background-position: right top;}
.alist dl:nth-child(4n+3){background-image:url(../images/abg_3.jpg);}
.alist dl:nth-child(4n+4){background-image:url(../images/abg_4.jpg);background-position: right top;}
.alist dl:nth-of-type(even) dt{float:left;padding-left:0.1rem;padding-right:0.14rem;}
.alist dl:nth-of-type(even) i{ top: 0.85rem;right: 0.1rem;border-right: .01rem solid #919191;border-top: .01rem solid #919191;border-left:0;border-bottom:0;}
.alist dl:nth-of-type(odd) i{ top: 0.8rem;left: 0.1rem;}


.showimg_main{background:#eff1f0;padding:12px;}
.showimg_main p{padding-bottom:12px;}
.showimg_main .tip{font-size:0.14rem;color:#999;text-align:center;}
.brand { font-size: 0.14rem;color: #666;line-height:0.35rem;padding:20px;}
.brand strong{color: #333; font-weight: bold;padding-left: 12px;background: url(../../images/ppwh_bz.png) no-repeat left;}

.contact{background:#eff1f0;padding:30px 25px;color: #666;}
.contact h2{font-size:20px;color:#0ca4a5;font-weight:bold;}
.contact h3{font-size:14px;color:#0ca4a5;margin-bottom:10px;}
.contact p{ padding: 3px 0;padding-left: 25px;line-height: 25px;}
.contact p.tel{background:url(../images/ico_03.png) no-repeat 0 7px;}
.contact p.fax{background:url(../images/ico_03.png) no-repeat 0 -26px;}
.contact p.addr{background:url(../images/ico_03.png) no-repeat 0 -53px;}
#map{width:100%;height:2.25rem;margin-top:30px;border:2px #fff solid;} 
#map #allmap{height:100%;overflow:hidden;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap;}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word;}

.cont{padding:35px 20px 0 20px;color:#666;background:#f4f4f4;text-align: justify;}
.cont h2, .history h2{color:#000;font-size:20px;line-height:23px;padding-left:12px;padding-bottom:10px;margin-bottom:10px;background:url(../images/ico_01.jpg) no-repeat top left;border-bottom:1px #dbdbdb solid;}
.cont p{padding-bottom:0.1rem;}
.history {padding:40px 20px 0 20px;background:#f4f4f4;color:#666;}
.history h2{background:url(../images/ico_02.jpg) no-repeat top left;}
.history .table{position:relative;}
.history table{ position: relative;z-index: 2;margin-top:30px;}
.history .year{width:53px;height:50px;line-height:50px;text-align:center;margin-right:25px;background:url(../images/year.png) no-repeat;background-size: 53px;color:#fff;font-weight:bold;}
.history th{padding-bottom:12px;}
.history td{padding:10px 0;border-bottom:1px #d0d0d0 dashed;}
.history .line{ width: 2px;height: 100%;background: #f8ebb8;position: absolute;top: 0;left: 24px;z-index: 1;}

.rwgs{background:#eff1f0;padding:.2rem .15rem;font-size:0.12rem;color:#555;}
.rwgs .t{padding-top:0.2rem;border-top:1px #d8d8d8 solid;}
.rwgs h2{font-size: 16px;color:#333;line-height: 23px;padding-left:16px;background:url(../images/ico_03.jpg) no-repeat top left;}
.rwgs p{padding:0.08rem 0;}
.rwgs .t2{padding-top:0.3rem;}
.zxln{background:#eaeaea;color:#989898;}
/*.zxln .zxli{min-height:1.3rem;background-color:#eff1f0;background-position: left top;background-repeat: no-repeat;background-size:50%;}
.zxln .zxli .zxliw{width:50%;float:right;padding: 0 0.2rem;position:relative; padding-top: 0.08rem;font-size: 0.1rem;background-color: #eff1f0;min-height: 1.3rem;}
.zxln .zxli .t{border-bottom:1px #c9cbca solid;overflow: hidden;line-height: 25px;padding-bottom: 3px;margin-bottom:5px;}
.zxln .zxli .t h2{font-size:16px;color:#333;float:left;}
.zxln .zxli .t .line{float:left;font-size:16px;color:#f2e51e;}
.zxln .zxli .t .name{font-size:12px;color:#999;float:left; padding-top: 7px;line-height: 18px;}
.zxln .zxli .dec{text-align: justify;font-size:0.12rem;color:#333;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;display: -webkit-box;}
.zxln .zxli .i{position: absolute;border-left: .01rem solid #919191;border-bottom: .01rem solid #919191;width: .08rem; height: .08rem;display: inline-block;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);text-indent: -9999px;}
.zxln .zxli:first-child{background-image:url(../images/zx_01.jpg);}
.zxln .zxli:nth-child(4n+2){background-image:url(../images/zx_02.jpg);background-position: right top;}
.zxln .zxli:nth-child(4n+3){background-image:url(../images/zx_03.jpg);}
.zxln .zxli:nth-child(4n+4){background-image:url(../images/zx_04.jpg);background-position: right top;}
.zxln .zxli:nth-of-type(even) .zxliw{float:left;padding-left:0.1rem;padding-right:0.14rem;}
.zxln .zxli:nth-of-type(even) .i{ top: 1.1rem;right: 0.2rem;border-right: .01rem solid #919191;border-top: .01rem solid #919191;border-left:0;border-bottom:0;}
.zxln .zxli:nth-of-type(odd) .i{ top: 1.1rem;left: 0.2rem;}*/
.zxln tr{ display: -webkit-box;background:#f0f2f1;margin-top:0.1rem;padding:0.15rem;}
.zxln .t{padding-right:20px;}
.zxln .t h2{width:45px;color:#363636;font-size: 18px;line-height: 18px;}
.zxln .t p{color:#949494;font-size:10px;}
.zxln .dec{padding-left:15px;border-left:1px #f5e209 solid;}

.culture{width:67.1875%;margin:auto;color:#fff;border:3px #fff799 solid;}
.culture .cul{padding:15px;}
.culture .cul h2{ display: inline-block; font-size: 22px;font-weight:bold;border-bottom:1px #b49d6e solid;}
.culture .cul p{padding:10px 0;}

/*news*/
.banbg{ width: 100%;background: #f7f7f7;}
.banbg img{ width: 100%;height: 100%;}
.news-list {background:#eaeaea;padding:0.12rem 0.09rem;}
.news-list li{ background-color:#fff;position: relative; float: left;width: 47.93%;overflow: hidden;padding-bottom: 15px;margin-bottom:0.15rem;}
.news-list li:nth-of-type(even){float:right;}
.news-list li a {display: block;}
.news-list figure{width: 100%;height:0.9rem;overflow:hidden;}
.news-list figure img{width: 100%;}
.news-list h1{font-size:14px;color:#333;line-height: 25px;padding: 0 10px 0 10px;}
.news-list p{font-size: 10px;color: #999;padding: 0 10px;}

.newcont{background:#fff;padding:10px;}
.newcont .t{ font-size: 20px; border-bottom: solid 1px #efebeb; padding-bottom: 8px;text-align:center;}
.newcont .t time{ font-size: 12px; color: #999;}
.newcont .t a{font-size: 0.10rem;color:#fff;background:#482b1e;padding:0 5px;}
.newcont .details { margin: 8px 10px 10px 10px; line-height: 160%;overflow: hidden;}
.newcont .details p{padding:3px 0;}
.newcont .details *{font-size: 0.14rem!important;}
.newcont .details img{max-width:100%; width: auto!important;height: auto!important;}

.procate{background:#eff1f0;padding:20px;}
.procate .pic{border:1px #dcdcdc solid;margin-bottom:15px;}
.procate .pic h2{display:none;}
.procate .pic:nth-child(4), .procate .pic:nth-child(6){display:none;}
.prolist{width:91.4%;background-color:#797c83;margin:20px auto;padding-bottom:0.25rem;position:relative;}
.prolist .swiper-pagination{display:none;}
.prolist .pic{margin:10px 10px 0;position:relative;}
.prolist .name{padding:10px 0;text-align:center;color:#fff;font-size:0.14rem;}
.prolist h2{text-align:center;color:#b3b3b3;font-size:0.12rem;}
.prolist .bg1{position:absolute;right:-6px;top:2px;width:6px;height:101%;background:url(../images/probg.png) no-repeat;}
.prolist .bg2{position:absolute;left:2px;bottom:-6px;width:100%;height:6px;background:url(../images/probg2.png) no-repeat;}
.prolist .smask{width:100%;height:25px;line-height:25px;font-size:12px;color:#333;text-align:right;position:absolute;bottom:0;left:0;}
.prolist .smask span{padding-right:10px;}

.downlist{padding:20px;}
.downlist li{text-align:center;margin-bottom:10px;position:relative;}
.downlist li img{width:100%;}
.downlist li .date{width:55px;height:55px;background:rgba(0, 0, 0, 0.3);position:absolute;top:0px;left:0px;}
.downlist li .date span{display:block;width:48px;margin-left:4px;text-align:center;font-size:12px;color:#fff;line-height:23px;}
.downlist li .date span.m{border-bottom:1px #fff solid;line-height:17px;padding-top:12px;}
.downlist li .text{ padding: 0.12rem 0;font-size: 0.14rem;line-height: 0.18rem;background-color:#fff;}

.feedDetails{ display: inline-block;width: 100%;text-align: center;margin-bottom: 10px;border-top: 1px solid #EFEBEB;padding-top: 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.feedDetails a{ display: inline-block;font-size: 12px;color: #0ca4a5;vertical-align: middle;width: 70px;height: 30px;border: 1px solid #0ca4a5;line-height: 30px;border-radius: 3px;margin: 0 10px;}

#nothing{text-align:center;font-size:0.12rem;line-height: 55px;min-height: 2rem;}

/* page */
.web-page{width:100%;text-align:center;clear:both;font-size:14px;overflow: hidden;}
.web-page #AspNetPager{margin: 5px 0;}
.web-page a{ font-size: 12px;color: #535353;display: inline-block;_display: inline;padding: 0 10px;border: 1px solid #f0f1f2;margin-right: 5px;line-height: 28px;background: #ffffff;}
.web-page span.current{font-size: 12px;color: #fff;display: inline-block;_display: inline;padding: 0 10px;margin-right: 5px;line-height: 28px;}
.web-page a{background: #02969c;color: #fff;}
.web-page a[disabled="disabled"] { background-color: #eee; color: #666;}

/*mask*/
.mask{width:100%; height:100%; background:#32373b;position: fixed; left:0;top: 0;z-index:999; display:none;overflow: hidden;}
.mask-box{width: 100%;height: 252px;position: absolute;top: 50%;left:0;margin-top: -119px;z-index:999;background:#32373b;}
.mask-pic{width: 194px;height: 194px;margin: 0 auto;text-align: center;}
.mask span{font-size:22px;display:block;color:#ffd40a; text-align:center;width: 100%;height: 25px;padding-top: 10px;}
.mask i{width: 128px;height: 194px;background: url(../images/hengping.png) 0 0 no-repeat;background-size: 128px 194px;display: block;margin: 0 auto;-webkit-animation: maskAni 1.5s ease infinite alternate;animation: maskAni 1.5s ease infinite alternate;}
@-webkit-keyframes maskAni{
    0% {-webkit-transform:rotate(-90deg);}
    30% {-webkit-transform:rotate(-90deg);}
    70%{-webkit-transform:rotate(0deg);}
    100% {-webkit-transform:rotate(0deg);}
}

/*loading*/
.loading{display:block;height: 35px;line-height: 35px;background-color: #f6f6f6;color: #666;text-align:center;}
.classify{height: 35px;line-height: 35px;background-color: #f6f6f6;color: #666;text-align:center;margin:0.1rem 0;}
.classify a{ color: #666;}

/*dialog*/
.zxd-mask { position: fixed; top: 0; height: 768px; width: 100%;background-color: rgba(0,0,0,.5); z-index: 1010;}
.zxd-dialog { width: 3rem; height: auto; margin: -0.73rem auto 0 -1.5rem; background-color: #fff;text-align: center;position: fixed;top: 50%;left: 50%;padding: 0.15rem;z-index: 1020;}
.zxd-dialog-title {font-size: 0.19rem;margin-bottom: 0.1rem;}
.zxd-dialog-info { text-align: left;font-size: 0.12rem;line-height: 0.16rem;margin: 0 0.2rem;color: #333;}
.zxd-dialog-btn { width: 1.3rem; height: 0.35rem;line-height: 0.35rem; background-color: #f36f20; color: #fff;font-size: 0.17rem;display: inline-block;margin: 0.15rem 0;}

/*backtop*/
.backtop{ position: fixed; display: none;bottom: .8rem;right: 0;width: 54px;height: 44px;background: url(../images/totop.jpg) no-repeat 0 0;background-size: 54px 44px;text-indent: -9999px;opacity: .8;z-index: 999;}

/*share*/
.sharebg{ position: fixed; top: 0;left: 0;height: 100%;width: 100%;background: rgba(0,0,0,0.7); transition: all 0.3s;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; opacity: 0;z-index:-2;}
.sharebg img {width: auto; position: absolute;right: 4px;top: 0px; max-width: 100%;}
.sharebg.on{opacity:1; z-index: 100; }

/*animate*/
@-webkit-keyframes slideIn{
	0%{left:150%;opacity:0}
    100%{left:0;opacity:1}
}
@keyframes slideIn{
	0%{left:150%;opacity:0}
    100%{left:0;opacity:1}
}
@-webkit-keyframes slideOut{
	0%{left:0;opacity:1}
    100%{left:150%;opacity:0}
}
@keyframes slideOut{
	0%{left:0;opacity:1}
    100%{left:150%;opacity:0}
}

/*media*/
@media (min-width:721px) {
    html { font-size: 937.5%;}
}
@media (min-width:541px) and (max-width:720px){
    html { font-size: 1400%;}
}
@media (min-width:481px) and (max-width:540px){
    html { font-size: 1054%;}
}
@media (min-width:361px) and (max-width:480px){
    html { font-size: 938%;}
}
@media screen and (-webkit-min-device-pixel-ratio: 3) and (max-width:414px){
    html { font-size: 808%;}
}
@media screen and (-webkit-min-device-pixel-ratio: 2) and (max-width:375px){
    html { font-size: 732%;}
}
@media (min-width:321px) and (max-width:360px){
    html { font-size: 625%;}
}
@media (max-width:320px){
    html { font-size: 625%;}
    .news-list li{width:100%;}
    .news-list figure{height:auto;}
    .news-list li p{ line-height: 1.5em!important;word-break: break-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
}

@media screen and (min-width: 384px) {
	html { font-size: 808%;}
	.alist dl { min-height: 1.2rem;}
	.alist dl dt {margin-top:0.15rem;}
	.news-list figure{height:90px;}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {

}

/*iPhone 5 and 5S */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {

}
/*iPhone 6 */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
	.menuvice{bottom:10px;}
}
/* iPhone 6+  */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
	.menuvice{bottom:10px;}
}

@media only screen 
	and (min-device-width: 321px)
	and (min-width:640px){
	.downlist{padding:10px;}
	.downlist li{width:45%;float:left;}
	.downlist li:nth-child(2n){float:right;}
}
/* portrait */
@media screen and (orientation:portrait) {
 #lock{display:none;}
}
/* landscape */
@media screen and (orientation:landscape) {
#lock{display:block;}
}