@charset "gb2312";
/* CSS Document */

.flex1 { -webkit-box-flex: 1; -moz-box-flex: 1;	-webkit-flex: 1; -ms-flex: 1;flex: 1;}
.flex{ display: box;	 display: -webkit-box;	 display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex;}
.flex-hc { -webkit-box-pack: center;-webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center;-o-justify-content: center;justify-content: center;display: box;	 display: -webkit-box;	 display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex;}
.flex-hs { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between;-ms-justify-content: space-between; -o-justify-content: space-between;justify-content: space-between;}
.flex-vc {-webkit-box-align: center;-webkit-align-items: center;-moz-align-items: center; -ms-align-items: center;-o-align-items: center; align-items: center;}
.flex-v {display: box;display: -webkit-box;  display: -moz-box;	display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-orient: vertical;
-webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column;flex-direction: column;}
.flex-hw {-webkit-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}

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:28px; font:1.4em/1.4 "microsoft yahei", "Tahoma", \5b8b\4f53, Arial;color: #444; font-family:"microsoft yahei"; }
.wp { width: 100%; min-width: 320px; max-width: 640px; margin: 0 auto; overflow:hidden;}
.z{ float:left;}
.y{ float:right;}
.tr{ text-align:right;}
.tc{ text-align:center;}
img{ border:none; border:0;}
img{ width:100%; height:auto;}
.lay { padding-left:2% !important; padding-right:2% !important; }

.head{ width:100%; background:#ffffff;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);}
.head .top{ height:3.3rem; overflow:hidden; padding:0.8rem 0;}
.head .logo{ width:54.6%; height:auto; overflow:hidden;}
.head .h_r a{ color:#fff;}
.head .h_r span{ padding:0.3rem 0.4rem; line-height:1.4rem; color:#ffffff; font-size:1.3rem; font-weight:bold; text-align:center;}
.head .h_size1{ background:url(images/byks_03.jpg) no-repeat; background-size:contain;margin-right: 1rem;}
.head .h_size2{ background:url(images/byks_05.jpg) no-repeat; background-size:contain;}

.banner img{display:block;}

.brief{ padding:2.1rem 0 1.7rem;}
.brief .title{ padding-bottom:2.1rem; color:#333333; font-size:2rem; line-height:2rem; text-align:center;}
.brief .menu{ font-size:1.4rem; line-height:2rem; text-indent:2em;}
.brief .menu p{ position:relative; top:-0.5rem}
.brief .menu .menu_left{ width:14.4rem; padding-right:0.8rem; height:11.4rem; background-color:#ecdbca; overflow:hidden; margin-right:0.7rem;}
.brief .menu .menu_left .hd{ padding-left:5rem; height:1.5rem}
.brief .menu .menu_left .hd ul{ display:inline-block; font-size:0;}
.brief .menu .menu_left .hd ul li{ display:inline-block; width:0.6rem; height:0.6rem; -webkit-border-radius:0.6rem; -moz-border-radius:0.6rem; border-radius:0.6rem; background:#bca380; margin:0 0.3rem;  vertical-align:top; overflow:hidden;}
.brief .menu .menu_left .hd ul .on{ background:#bc701a;  }
.brief .menu .menu_left .bd .tempWrap{ height:9.9rem !important;}
.brief .menu .menu_left .bd li img{ display:block; width:14.4rem; background:url(images/loading.gif) center center no-repeat; height:auto;background-size:contain }

.advice{ padding-bottom:2.2rem}
.advice .title{ font-size:1.6rem; text-align:center; width:15.2rem; height:2.8rem; line-height:2.8rem; color:#fff; background-color:#bc701a; position:relative; margin-bottom:1.7rem;}
.advice .title i{ position:absolute; display:block; border-left:1.5rem solid #bc701a;border-top:1.4rem solid #fff;border-bottom:1.4rem solid #fff; border-right:0; right:-1.5rem; top:0;}
.advice ul{ overflow:hidden;}
.advice li{ width:100%; height:3rem; border-bottom:1px dashed #a8a6a6;}
.advice li a.z{ border-left:0.2rem solid #9da2dc; padding-left:0.4rem; color:#333333; height:1.4rem; line-height:1.4rem; margin-top:0.8rem;}
.advice li a.y{ width:7.2rem; height:2rem; line-height:2rem; text-align:center; color:#fff; background-color:#9da2dc; border-radius:0.3rem;-moz-border-radius:0.3rem;-ms-border-radius:0.3rem;-o-border-radius:0.3rem;-webkit-border-radius:0.3rem; margin-top:0.5rem}
.advice li a.a2{ border-color:#83b7d5;}
.advice li a.btn2{ background-color:#83b7d5;}
.advice li a.a3{ border-color:#d490d8;}
.advice li a.btn3{ background-color:#d490d8;}
.advice li a.a4{ border-color:#e99cb4;}
.advice li a.btn4{ background-color:#e99cb4;}
.advice li a.a5{ border-color:#71cbb5;}
.advice li a.btn5{ background-color:#71cbb5;}
.advice li a.a6{ border-color:#8e65bb;}
.advice li a.btn6{ background-color:#8e65bb;}
.advice li a.a7{ border-color:#cf83d4;}
.advice li a.btn7{ background-color:#cf83d4;}
.advice li a.a8{ border-color:#9297d8;}
.advice li a.btn8{ background-color:#9297d8;}

.confine{ padding:2.2rem 0; background-color:#ede4d7;}
.confine .title{ text-align:center;  padding-top:2.8rem; color:#1f1611; font-size:2rem; font-weight:bold; padding-bottom:1.8rem; position:relative;}
.confine .title b{ background:url(images/zlfw.jpg) no-repeat top center; position:absolute; top:0; left:50%; height:2rem; width:7.9rem; margin-left:-4rem;background-size:contain;}
.confine .title i{ background:url(images/tsjs.jpg) no-repeat top center; position:absolute; top:0; left:50%; height:2rem; width:7.9rem; margin-left:-4rem;background-size:contain;}
.confine .title span{ color:#a54c15;}
.confine .pt{ text-indent:2em; line-height:2rem; margin-bottom:2rem;}
.confine .tab .hd{ margin-bottom:1.3rem;}
.confine .tab .hd ul{ margin-right:-0.2rem;}
.confine .tab .hd li{ float:left; margin-right:0.2rem; background:#b9a68d; color:#fff; font-weight:bold; line-height:1.6rem; text-align:center; width:16%; height:3.5rem; padding-top:0.3rem}
.confine .tab .hd .li1{ line-height:3rem;}
.confine .tab .hd li i{ display:none;}
.confine .tab .hd li.on{ background-color:#8f61c2; position:relative;}
.confine .tab .hd li.on i{ display:block; border-bottom:0; border-top:0.5rem solid #8f61c2;border-left:0.5rem solid #ede4d7;border-right:0.5rem solid #ede4d7; position:absolute; bottom:-0.5rem; left:50%; margin-left:-0.5rem;}
.confine .tab .bd{ background-color:#fff;}
.confine .tab .bd .box{ padding:1.3rem 0 2.2rem;}
.confine .tab .bd .box h4{ text-align:center; color:#b96011; margin-bottom:1.9rem;}
.confine .tab .bd .box ul{ padding:0 2%;}
.confine .tab .bd .box .u1{ padding-bottom:1.1rem;}
.confine .tab .bd .box .u li,.confine .tab .bd .box .u1 li{  padding-left:2.3rem; height:1.4rem; padding-top:0.3rem; line-height:1.4rem; margin-bottom:1.3rem; width:47%; font-size:1.2rem; position:relative;}
.confine .tab .bd .box .u li b,.confine .tab .bd .box .u1 li b{ position:absolute; display:block;background:url(images/byks_26.jpg) no-repeat left center; height:1.7rem; width:1.7rem; left:0; top:0; background-size:contain}
.confine .tab .bd .box .an{ width:27.5rem; margin:0 auto; color:#F00; line-height:2rem;}
.confine .tab .bd .box .an a{ width:7.2rem; height:auto}

.confine .tab .bd .gjy h4{ margin-bottom:2rem;}
.confine .tab .bd .gjy ul{ margin-right:-0.8rem; margin-bottom:1.4rem;}
.confine .tab .bd .gjy li{ margin-right:0.8rem; height:5.3rem; width:40%; padding:0 2%;  border:1px dashed #cecece; font-size:1.2rem; text-align:center; color:#444444; position:relative; text-align:left; padding-top:0.3rem;}
.confine .tab .bd .gjy li .tit{ position:absolute; padding:0 0.5rem; width:8.3rem; height:2.1rem; margin-left:-4.6rem; left:50%; top:-1.1rem; background-color:#fff;}
.confine .tab .bd .gjy li .tit p{ line-height:2.1rem; text-align:center; color:#fff; background-color:#ab92d0; font-size:1.3rem; border-radius:0.2rem;-moz-border-radius:0.2rem;-ms-border-radius:0.2rem;-o-border-radius:0.2rem;-webkit-border-radius:0.2rem;}
.confine .tab .bd .gjml h4{ margin-bottom:2rem;}
.confine .tab .bd .gjml .u3{ margin-bottom:1.2rem; margin-right:-1.1rem;}
.confine .tab .bd .gjml li{ height:5.6rem; margin-right:1.1rem;border:1px solid #cecece; width:21%; position:relative;}
.confine .tab .bd .gjml li img{ display:block; width:5.8rem; margin-top:0.5rem;}
.confine .tab .bd .gjml li .tit{position:absolute; padding:0 0.1rem; width:5.8rem; height:2.1rem; margin-left:-3rem; left:50%; top:-1.1rem; background-color:#fff;}
.confine .tab .bd .gjml li .tit p{ line-height:2.1rem; text-align:center; color:#fff; background-color:#ab92d0; font-size:1.3rem; border-radius:0.2rem;-moz-border-radius:0.2rem;-ms-border-radius:0.2rem;-o-border-radius:0.2rem;-webkit-border-radius:0.2rem;}
.confine .tab .bd .gjml li span{ position:absolute; padding:0 0.1rem; background-color:#fff; font-size:1rem; white-space:nowrap;bottom:-0.8rem; left:50%; margin-left:-2.8rem; height:1.2rem; line-height:1.2rem;}
.confine .tab .bd .gjml li .sp1{margin-left:-2.2rem;}
.confine .tab .bd .gjml li .sp2{ margin-left:-3.4rem;}
.confine .tab .bd .gjxr h4{ margin-bottom:2.1rem;}
.confine .tab .bd .gjxr h4 span{ font-weight:normal}
.confine .tab .bd .gjxr ul{ margin-right:-2.3rem; margin-bottom:2.9rem; }
.confine .tab .bd .gjxr li{ margin-right:2.3rem; text-align:center; line-height:1.6rem; height:4rem; width:30%; padding:0 1%; background-color:#ab92d0; border:1px dashed #7b61a3; color:#fff;}
.confine .tab .bd .gjnz li{ border:none; height:4.3rem; font-size:1.1rem;border-radius:0.4rem;-moz-border-radius:0.4rem;-ms-border-radius:0.4rem;-o-border-radius:0.4rem;-webkit-border-radius:0.4rem; position:relative; text-align:left;}
.confine .tab .bd .gjnz li i{ position:absolute; display:block; background:url(images/sj.jpg) no-repeat; width:0.9rem; height:3rem; background-size:contain; right:-1.6rem; top:0.7rem;}

.smt{ background-color:#8f6831; padding-bottom:0}
.smt .title{ color:#fff; padding-bottom:2.3rem;}
.smt .title span{ color:#FF0;}
.smt .tab1 .hd{ margin-bottom:1.5rem; position:relative;}
.smt .tab1 .hd li{ color:#fff; border:1px solid #bba868; border-radius:0.2rem; text-align:center; line-height:1.6rem; font-size:1.1rem;height:3.9rem; font-weight:bold; width:46%;}
.smt .tab1 .hd .li1{ margin-right:0}
.smt .tab1 .hd li.on{ color:#FF0; background-color:#bba868; border-color:#bba868;}
.smt .tab1 .hd li.on i{ display:block; border-top:0; border-bottom:0.8rem solid #e4dca6;border-left:0.8rem solid #8f6831;border-right:0.8rem solid #8f6831; position:absolute; bottom:-1.5rem; margin-left:-0.5rem;}
.smt .tab1 .hd li.on .i1{ left:21%}
.smt .tab1 .hd li.on .i2{ left:76%;}
.smt .tab1 .bd .box{ background-color:#e4dca6; padding:2.1rem 0 2.3rem;}
.smt .tab1 .bd .box img{ width:9.1rem; height:auto; margin-right:0.4rem; margin-left:0.7rem;}
.smt .tab1 .bd .box .desc{ margin-right:0.7rem; color:#8f6831; font-size:1.2rem; line-height:2rem; margin-top:-0.3rem}
.smt .tab1 .bd .box .desc b{ font-size:1.4rem;}
.smt .tab1 .bd .box .desc .p1{ margin-bottom:1rem;}
.smt .tab1 .bd .box .desc .p3{ line-height:1.6rem;}
.smt .btn a{ color:#8f6831; display:block; margin:2.2rem auto; width:12.7rem; height:2.5rem; line-height:2.5rem; text-align:center; border-radius:0.3rem;-moz-border-radius:0.3rem;-ms-border-radius:0.3rem;-border-radius:0.3rem;-webkit-border-radius:0.3rem; font-weight:bold; background-color:#ffd02b;animation: myfirst 1s infinite alternate linear;-moz-animation: myfirst 1s infinite alternate linear;-webkit-animation: myfirst 1s infinite alternate linear;-o-animation: myfirst 1s infinite alternate linear;}
.smt .tab1 .bd .box .des .p1{ margin-bottom:0.5rem}

.doc{ padding:2.2rem 0;}
.doc .title{ text-align:center;  padding-top:2.8rem; color:#333333; font-size:2rem; font-weight:bold; padding-bottom:2rem; position:relative;}
.doc .title i{ background:url(images/zjtd.jpg) no-repeat top center; position:absolute; top:0; left:50%; height:2rem; width:7.9rem; margin-left:-4rem;background-size:contain;}
.doc .title span{ color:#bc701a;}
.doc .img img{ display:block}
.doc .u1{ margin-right:-0.4rem; margin-bottom:1.3rem;}
.doc .u1 li{ background-color:#e8dec5; color:#8f6831; line-height:2rem; background-color:#e8dec5; height:5rem; margin-right:0.4rem; text-align:center}
.doc .doc_desc{ background:#d7c79f; padding:0 2%; padding-bottom:0.5rem; border:1px solid #ece5d2; border-right:0; border-left:0;}
.doc .doc_desc .p1{ padding:0.5rem 0 0.4rem; color:#987442; font-size:1.2rem;}
.doc .doc_desc .p1 span{ color:#bc701a;font-size:1.6rem; font-weight:bold;}
.doc .doc_desc .p2{ font-size:1rem; line-height:1.2rem; border-bottom:1px dashed #cab88a; padding-bottom:0.2rem;}
.doc .doc_desc .p2 a{ color:#F00;}
.doc .doc_desc h5{ position:relative; text-align:center; color:#987442; font-size:1.3rem; line-height:1.3rem; padding:0.6rem 0;}
.doc .doc_desc h5 i{ position:absolute; display:block; background:url(images/byks_44.jpg) no-repeat; width:1.4rem; height:1.6rem; left:9rem; top:0.5rem;background-size:contain}
.doc .doc_desc .u2{ margin-right:-0.3rem;}
.doc .u2 li{ float:left; background-color:#987442; color:#fff; text-align:center; line-height:1.5rem; height:4.9rem; padding-top:0.3rem; margin-right:0.3rem; border-radius:0.3rem;-moz-border-radius:0.3rem;-ms-border-radius:0.3rem;-o-border-radius:0.3rem;-webkit-border-radius:0.3rem; font-size:1rem; width:32.2%;}
.doc .doc_desc .u2 li span{ font-size:1.3rem;}
.doc .an{ margin-top:2rem; padding:0 2%;}
.doc .an a img{ width:13.8rem; height:auto}

.service{ padding:2.2rem 0; background-color:#f2f2f2;}
.service .title{ text-align:center;  padding-top:2.8rem; color:#bc701a; font-size:2rem; font-weight:bold; padding-bottom:2rem; position:relative;}
.service .title i{ background:url(images/rwfw.jpg) no-repeat top center; position:absolute; top:0; left:50%; height:2rem; width:7.9rem; margin-left:-4rem;background-size:contain;}
.service .title span{ color:#333333;}
.service .sv{ border:1px solid #d5d5d5; border-radius:0.3rem;-moz-border-radius:0.3rem;-ms-border-radius:0.3rem;-o-border-radius:0.3rem;-webkit-border-radius:0.3rem; margin-bottom:1.6rem;}
.service .sv1{ margin-bottom:2.2rem;}
.service .sv img{ width:12.2rem; height:auto;}
.service .sv img.z{ margin-right:1rem;}
.service .sv img.y{ margin-left:1rem;}
.service .sv .p1{ text-align:center; color:#987442; font-weight:bold; padding:1.7rem 0 0.5rem;}
.service .sv .p2{ text-indent:1.5em;line-height:1.8rem; font-size:1.2rem;}
.service .sv .dec{ margin-right:0.7rem;}
.service .sv .dec1{ margin-left:0.7rem;}
.service .pt{ color:#F00; margin-bottom:0.8rem; text-align:center;}
.service a{ display:block; width:7.8rem; margin:0 auto; height:2.5rem;}

.hos{ padding:2.2rem 0; overflow:hidden}
.hos .title{ text-align:center;  padding-top:2.8rem; font-size:2rem; font-weight:bold; padding-bottom:2rem; position:relative;}
.hos .title i{ background:url(images/ppyy.jpg) no-repeat top center; position:absolute; top:0; left:50%; height:2rem; width:7.9rem; margin-left:-4rem;background-size:contain;}
.hos .title span{ color:#bc701a;}
.hos .hos_main{ margin-bottom:2.2rem;}
.hos .hos_main img{ margin-right:1.8rem; width:14.6rem;}
.hos .desc{ line-height:2rem; text-indent:2em; position:relative; top:-0.4rem }	
.hos .desc a{ color:#F00;}
.hos .pic{ margin-bottom:2rem}
.hos .hos_pic{ width:48%; height:auto;}
.hos .hos_pic img{ width:100%;}
#slider3{ position:relative; height:7.4rem; overflow:hidden}
.hos ul{ position:relative;}
.hos li{ float:left; width:9.7rem; text-align:center; font-size:1rem; line-height:1.3rem; color:#bc701a; margin-right:2.3%;}
.hos li img{ display:block; width:9.7rem; height:5.8rem; margin-bottom:0.3rem}

.good{ padding-bottom:2.2rem;}
.good .title{ text-align:center;  padding-top:2.8rem; font-size:2rem; color:#a54c15; font-weight:bold; padding-bottom:2rem; position:relative;}
.good .title i{ background:url(images/byks_97.jpg) no-repeat top center; position:absolute; top:0; left:50%; height:2rem; width:7.9rem; margin-left:-4rem;background-size:contain;}
.good .title span{ color:#444;}
.good .img1{ margin-bottom:0.3rem}
.good img{ display:block;}
.good .pt{ font-size:1.6rem; line-height:2.3rem; margin-bottom:2rem; margin-top:0.6rem; color:#a54c15; text-align:center;}
.good .pt span{ font-weight:bold; color:#80ae28; font-size:1.8rem;}
.good .god{ background-color:#f2f2f2; height:7.1rem;}
.good .god .god_left{ width:8.3rem; background-color:#7c51ba; height:7.1rem; margin-right:1.1rem;}
.good .god .god_left h4{ color:#fff; font-size:1rem; text-align:center; padding:0.5rem 0 0.1rem;}
.good .god .god_left .p1{ padding-left:2.5rem; border-bottom:1px dashed #8a60c8; padding-bottom:0.2rem; position:relative; height:1.4rem; line-height:1.2rem}
.good .god .god_left .p1 i{ position:absolute; top:0; left:1.3rem; display:block; background:url(images/byks_108.jpg) no-repeat center top; width:1rem; height:1.3rem;background-size:contain}
.good .god .god_left .p1 .sp1{ color:#ffff00; font-size:1rem;}
.good .god .god_left .p1 .sp2{ color:#fff;font-size:1rem;}
.good .god .god_left .p2{ color:#fff; text-align:center; line-height:1.5rem; font-size:1rem; padding-top:0.2rem}
.good .god .god_left .p2 span{ color:#FF0; font-weight:bold; font-size:1.2rem;}
.good .god .god_right ul{ padding-top:1.2rem;}
.good .god .god_right li{ position:relative; line-height:1.2rem; padding-left:7%; font-size:1rem; margin-bottom:0.7rem; color:#555555; width:24.3%;}
.good .god .god_right li i{ position:absolute;top:-0.2rem; left:0; background:url(images/byks_105.jpg) no-repeat; width:1.2rem; height:1.2rem; background-size:contain;}
.good .god .god_right .li1{ width:30%;}


.footer { background: #664b1a;}
.footer .f_nav { background: #a87f2d; height:1.5rem; padding:0.75rem 0; line-height:1.5rem; font-size:1.4rem; overflow:hidden;}
.footer .f_nav li { width: 16%; float: left; text-align:center; border-left:1px solid #fff;}
.footer .f_nav li.f{ border-left:none;}
.footer .f_nav li.l{ border-right:none;}
.footer .f_nav li a { color: #fff;}
.footer .copyright { padding: 1rem 0px; text-align: center; color: #fff; line-height:2rem; font-size:1.2rem;}
.footer .copyright a { color: #fff; }

#quick-menu .arrow{  position:absolute; left:50%; bottom:0; font-size:2rem; color:#fff; margin-left:-2rem; width:4rem; height:3rem; line-height:1; text-align:center;}
#quick-menu{ position:relative;display:none; background-color:rgba(0,0,0,0.8); }
#quick-menu ul{padding:2rem 0 4rem; font-size:1.6rem;}
#quick-menu li{ height:3.4rem; line-height:3.4rem; padding:0 5rem;}
#quick-menu li a{ height:3rem; line-height:3rem; border-bottom:1px solid #999; color:#eee; display:block;}
@keyframes myfirst
{from { transform:translateX(-10px);-moz-transform:translateX(-10px);-ms-transform:translateX(-10px);-o-transform:translateX(-10px);-webkit-transform:translateX(-10px)}to {transform:translateX(10px);-moz-transform:translateX(10px);-ms-transform:translateX(10px);-o-transform:translateX(10px);-webkit-transform:translateX(10px);}}

@-moz-keyframes myfirst 
{from { transform:translateX(-10px);-moz-transform:translateX(-10px);-ms-transform:translateX(-10px);-o-transform:translateX(-10px);-webkit-transform:translateX(-10px)}to {transform:translateX(10px);-moz-transform:translateX(10px);-ms-transform:translateX(10px);-o-transform:translateX(10px);-webkit-transform:translateX(10px);}}

@-webkit-keyframes myfirst 
{from { transform:translateX(-10px);-moz-transform:translateX(-10px);-ms-transform:translateX(-10px);-o-transform:translateX(-10px);-webkit-transform:translateX(-10px)}to {transform:translateX(10px);-moz-transform:translateX(10px);-ms-transform:translateX(10px);-o-transform:translateX(10px);-webkit-transform:translateX(10px);}}

@-o-keyframes myfirst 
{from { transform:translateX(-10px);-moz-transform:translateX(-10px);-ms-transform:translateX(-10px);-o-transform:translateX(-10px);-webkit-transform:translateX(-10px)}to {transform:translateX(10px);-moz-transform:translateX(10px);-ms-transform:translateX(10px);-o-transform:translateX(10px);-webkit-transform:translateX(10px);}}


@media only screen and (min-width: 640px){
.wp { max-width: 640px; }

}
@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; }
.brief .menu p{ font-size:1.3rem;}
.good .pt{ font-size:1.5rem;}
.hos .desc{ font-size:1.3rem;}
}
@media only screen and (max-width: 360px) {
.wp { max-width: 360px; }
html { font-size:62.5%;}
}