@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, font { padding:0; margin: 0; font-family: "微软雅黑", Arial, Helvetica, sans-serif; }

fieldset, img { border:0; vertical-align:top; }

h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }

ol, ul, li, dl, dt, dd { list-style:none; }

input, button, textarea, checkbox, select, radio, form { vertical-align: top; }
img{ max-width:100% !important}
a { color:#000; text-decoration:none; }

a:link, a:visited { text-decoration:none; }

a:hover { text-decoration:underline; }

.red, .red a { color:#e32158; }

.blue, .blue a { color:#1061cc; }

.left { float:left; }

.right { float:right; }

.autohei { height:auto; overflow:hidden; zoom:1;}

.clear { font-size:0; line-height:0; clear:both; overflow:hidden; zoom:1; }

body { font-size:75%; margin:0 auto; color:#333;max-width:640px;min-width:320px;height:100%; text-align:justify; text-justify:inter-ideograph;background: #fff;}
.img img{max-width:100%;max-height:100%;}

*{-webkit-box-sizing:border-box;box-sizing:border-box;}

html {

  -webkit-text-size-adjust: none;

  

}



.xo_bank25{  height:2.5rem; width:0;}

.xo_bank5{  height:.5rem; width:0;}

.xo_bank2{  height:2rem; width:0;}

.xo_bank15{  height:1.5rem; width:0;}

.xo_bank{  height:1rem; width:0;}

input[type="button"], input[type="submit"], input[type="reset"] {



-webkit-appearance: none;



}





.logo{ width:100%; overflow:hidden;}

.menu{ width:100%;  overflow:hidden; background:#f4e3be;}

.menu ul{ margin-bottom:1.3rem; overflow:hidden;}

.menu li{ width:33.3%; float:left; text-align:center;}

.menu li span{ width:4.7rem; height:4.7rem; margin:1.5rem auto .6rem; border-radius:50%; background:#811a1f; display:block;}

.menu li span:hover{ background:#d8a045;}

.menu li p{ color:#370406; font-size:1rem; line-height:1.2rem;} 

.pub_title{ width:100%; margin:4rem auto 1rem; position:relative;}
.pub_title span{ border-bottom:1px #360609 solid; display:block; width:100%;}
.pub_title p{ position:absolute; width:34%; color:#f4e3be; background:#360609; font-size:1.8rem; font-weight:bold; top:-1.4rem; line-height:2.8rem; text-align:center; left:33%; }
.pub_title h2{ margin-top:2.2rem; font-size:1.4rem; text-align:center;}

.pub_title1{ width:100%; margin:1rem auto 1rem; position:relative;}
.pub_title1 span{ border-bottom:1px #360609 solid; display:block; width:100%;}
.pub_title1 p{ position:absolute; width:60%; color:#f4e3be; background:#360609; font-size:1.8rem; font-weight:bold; top:-1.4rem; line-height:2.8rem; text-align:center; left:20%; }
.pub_title1 h2{ margin-top:2.2rem; font-size:1.4rem; text-align:center;}
.pub_swt{ margin:1.5rem auto; text-align:center;}
.pub_swt a{ padding:2% 6%; color:#bc0707;border:1px #bc0707 solid; font-size:1.4rem; border-radius:2.2rem  }
.jg{ height:1rem; clear:both;}
.bgc{ background:#f4e3be !important}
.layout{ width:95%;margin:2rem auto ; padding:3% 2.5% 4%; background:#efefef; border:1px #ccc solid; border-radius:10px;}
.wd1{ width:39%; text-align:center}
.wd2{ width:57%;}
.layout h3{ font-size:1.1rem; color:#000000;font-weight:bold; border-bottom:1px #6f6f6f solid; line-height:2.5rem;display: initial; margin-top:1rem}
.layout h2{ text-align:left; font-size:1.3rem; color:#360609; font-weight:bold;}
.layout ul li{ line-height:1.6rem; font-size:1rem; color:#000000;}
.layout ul li i{ font-style:normal; color:#bc0707; height:0.6rem; width:0.6rem; background:#bc0707; margin-right:3%; display:inline-block}
.layout p{ line-height:1.9rem; font-size:1rem; color:#000000; margin-bottom:1rem}
.layout p span{ line-height:1.9rem; font-size:1.3rem; color:#360609;font-weight:bold;}
.mfzx{ border:1px #bc0707 solid; color:#bc0707; padding:2%; font-size:1rem;}
.hxzd{ background:#bc0707; color:#fff; padding:2.2% 4%; font-size:1rem; margin-left:1.5rem}


.jun_end{ width:100%; overflow:hidden; background:#360609; text-align:center; padding:1.2rem 0 2rem;}

.jun_end h2{ width:5.7rem; margin:0rem auto; overflow:hidden;}

.jun_end h3{ font-size:2.4rem; font-weight:bold; color:#d8a045; line-height:3.5rem;}

.jun_end h4{ font-size:1.9rem; color:#d8a045; line-height:2.5rem; padding-top:.5rem;}

.jun_end h5{ font-size:1.4rem; color:#f4e3be; line-height:2.5rem; }



/*头部和底部 dddddddddd*/
.jczx p.p1{ text-align:justify; width:90%; text-indent:2em; font-size:1.25rem; margin:0 auto; color:#333333; line-height:1.8rem}




/*1*/

.zk_bk1{ background:#f4e3be; overflow:hidden; padding:1rem .8rem;}

.zk_bkz{ padding:1.2rem; background:#e6c181;}

.zk_bkz p{ color:#360609; font-size:1.2rem;}

.zk_bkz span{ float:left; width:47%; margin:.8rem .5rem 0 0}

.zk_bkz span img{ width:100%; height:auto;}





/*2*/

.zk_tibg{ text-align:center;}

.zk_tibg h2{ width:8.4rem; height:auto; margin:0 auto;}

.zk_tibg h3{ font-size:1.75rem; background:url(../images/zk_ttj.png) no-repeat center top/100% 100%; height:1.9rem; line-height:1.9rem; color:#811a1f; margin-top:.5rem; }

.zk_tibg h4{ text-align:center; color:#d8a045; line-height:1.5rem; font-size:1.4rem; margin-top:1.7rem;}

.zk_tibg h5{ width:87%; height:1.9rem; margin:.3rem auto 0; border-radius:.95rem; border:1px solid #f4e3be; font-size:1rem; line-height:1.8rem; color:#f4e3be;}



.zk_my{ overflow:hidden; margin:1.5rem 2rem 0;}

.zk_my li{ float:left; width:32%; margin:0 .5rem 1.2rem 0;}

.zk_my li:nth-child(3n){ margin-right:0;}

.zk_my li img{ width:8.55rem; height:auto; margin:0 auto;}

.zk_my li h2{ border-bottom:1px solid #e9c992; color:#811a1f; font-size:1.25rem; padding:.2rem 0;}

.zk_my li h2 span{ color:#666464; font-size:1rem;}

.zk_my li h3{ text-align:center; font-size:1rem; line-height:1.5rem; margin-top:.3rem; color:#666464;}



.zt_jb{ text-align:center; width:87%; margin:0 auto;}

.zt_jb a{ display:inline-block; width:37%; margin-right:5rem}

.zt_jb a:last-child{ margin-right:0;}



/*3*/

.zk_bk3{ background:#811a1f; overflow:hidden;}

.zk_zmr{ margin:1.2rem 2rem 0; overflow:hidden;}

.zk_zmr h3{ background:#f4e3be; padding:.9rem;}

.zk_zmr h4{ color:#d8a045; font-size:1.25rem; text-align:center; line-height:1.6rem; margin:.9rem 0;}









/*5*/

.zk_zj{ margin:0 2.1rem 0 2rem; overflow:hidden;}

.zk_wi{ font-size:1rem; line-height:1.7rem; color:#d8a045; text-indent:2em; padding:1rem 0}

.zk_zmb{ background:#f4e3be; padding:1.1rem .45rem; overflow:hidden; margin:.4rem auto 0;}

.zk_zmb dl{ float:left; width:49.5%; margin-right:.2rem;}

.zk_zmb dl dd{ text-align:center; color:#811a1f; font-size:.85rem; margin-top:.3rem;}

.zk_zmb dl:last-child{ margin-right:0;}





/*6*/
.zk_bk6,.zk_bk10{ background:#fff;}
.zk_kmb{ overflow:hidden;}

.zk_kmb h3{ text-align:center; color:#666464; font-size:1rem; margin-top:.5rem;}



.zk_gd{ overflow:hidden;}

.zk_gd li{ float:left; width:32.8%; margin-right:.2rem;}

.zk_gd li h3{ text-align:center; font-size:.9rem; line-height:1.5rem; margin-top:.3rem; color:#666464}

.zk_gd li:nth-child(3){ margin-right:0; width:32.8%}

.zk_gd li:nth-child(2) h4{ height:9rem; width:9rem; background:#d8a045; border-radius:4.5rem; text-align:center; color:#ffffff; line-height:1.3rem; font-size:.9rem; padding-top:1.25rem;}




.jun_1209{ width:100%; overflow:hidden;}
.jun_1209 ul{width:100%; overflow:hidden;}
.jun_1209 li{ width:29.0625%; float:left; margin-left:3.2%; margin-top:1rem; border:1px solid #bcbcbc; background:#fff; padding:.4rem; overflow:hidden;} 
.jun_1209 li h2{ font-size:.8rem; color:#404040; text-align:center; margin-top:.5rem;}
.jun_1209 li h2 b{ color:#47221a; font-size:1.2rem; margin-right:.2rem;}
.jun_1209 h5{ width:21rem; margin:1rem auto 2rem; overflow:hidden;}
.jun_1209 h5 a{ display:inline-block; width:9.6rem;}
/*7*/

.zk_zjy{ overflow:hidden; background:url(../images/zk_gy1.jpg) no-repeat center top/100% 100%; height:7.65rem;}

.zk_zjy li{ float:left; width:24%; margin:0 1.2rem;}

.zk_zjy li h2{ color:#d8a045; font-size:1.25rem; text-align:center; border-bottom:1px solid #e5c083; padding:.25rem 0}

.zk_zjy li p{ font-size:1rem; line-height:1.3rem; color:#d8a045; margin-top:.35rem} 

.zk_zjy li:nth-child(2) h2{ color:#FFF; border-bottom:1px solid #FFF; }

.zk_zjy li:nth-child(2) p{ color:#FFF;}

.zk_zjy li:nth-child(3) h2{ color:#666464; border-bottom:1px solid #666464; }

.zk_zjy li:nth-child(3) p{ color:#908f8f;}





.zt_bf{ background:url(../images/zk_gy2.jpg) no-repeat center top/100% 100%; margin:.3rem 0; height:5.9rem; text-align:center;}

.zt_bf h3{ color:#811a1f; font-size:1.25rem; padding-top:1.2rem;}

.zt_bf p{ color:#d8a045; font-size:1.1rem; padding-top:.3rem;}





.zk_kj{ background:#FFF; overflow:hidden; padding:.7rem 1.2rem;}





/*8*/

.zk_jg p{ color:#666464; text-indent:2em; font-size:1rem; line-height:1.3rem;}

.zk_jgfj{ overflow:hidden;}

.zk_jgfj li{ float:left; width:46%; border:1px solid #8c8c8c; margin-right:1.5rem;}

.zk_jgfj li:last-child{ margin-right:0;}

.zk_jgfj li .zk_freez{  margin:0 0.3rem}

.zk_jgfj li h4{ color:#d19c45; font-size:1.25rem; text-align:center; border-bottom:1px solid #ddad5e; margin-top:.4rem; padding-bottom:.3rem;}

.zk_jgfj li h5{ font-size:.9rem; text-align:center; padding-top:.3rem; color:#838383;}

.zk_jgfj li h6{ font-size:.8rem; padding:.6rem .3rem; color:#9d9d9d;}







/*9*/

.zk_jge{ background:url(../images/zk_bkbg3.jpg) no-repeat center top/100% 100%; height:33rem; padding:0rem 5rem 0 4rem; overflow:hidden;}

.zk_jge li{ float:left; width:46.5%; margin:2rem .7rem 0 0;}

.zk_jge li:last-child{ margin-right:0;}

.zk_jge li h2{ width:9.25rem; height:auto; margin:0 auto;}

.zk_jge li h3{ background:#d8a045; font-size:.9rem; line-height:1.2rem; text-align:center; margin-top:.4rem; color:#FFF; padding:.4rem 0;}



.qh_box01{ width:100%; position:relative; height:6rem}

.qh01-container{  width:87%; margin:0 auto; position:relative; }

.ssBanner-wrapper{  width:87%; margin:0 auto;}

.ssBanner-wrapper div{ width:100%; margin-right:.6rem}

.swiper-button-next1{ background:url(../images/zk_jt2.png) no-repeat left top/100% 100%!important; width:.85rem !important; height:3.75rem !important; z-index:99; position:absolute; left:0; top:0; }

.swiper-button-prev1{ background:url(../images/zk_jt1.png) no-repeat right top/100% 100%!important; width:.85rem!important; height:3.75rem !important;  z-index:99; position:absolute; right:0 ;  top:0;  }







/*10*/

.zt_730z{ overflow:hidden; width:92%;  margin:0 auto; position:relative; }

.zt_730z li{ float:left; width:100%; position:relative;}

.zt_730z li img{ width:100%; height:auto;}



.bp_t730{ text-align:center; margin:1rem 0}

.bp_t730 h5{ width:.85rem; height:.85rem; background:#b27376; border-radius:.4rem; display:inline-block; margin-right:1.5rem;}

.bp_t730 h5.hover{ background:#FFF;}





.zk_khnnr{ width:86.7%; margin:1.85rem auto 0; position:relative; height:15.8rem}

.bp_t730t{ text-align:center; position:absolute; bottom:2.4rem; left:43%}

.bp_t730t h5{ width:.85rem; height:.85rem; background:#bcbcb8; border-radius:.4rem; display:inline-block; margin-right:1.5rem;}

.bp_t730t h5.hover{ background:#FFF;}



.zk_wikz{ text-align:center; font-size:1rem; line-height:1.5rem; width:86.7%; margin:.85rem auto; text-indent:2em;}



/*sb*/

.lb_sb{height:auto;overflow:hidden;padding-bottom:1rem;}

.lb_sb ul li{width:47%;height:auto;background:#fff;padding:0.5rem;float:left;margin:1rem 0 0 2%;}

.lb_sb ul li img{width:100%;}

.lb_sb ul li h3{width:70%;height:auto;overflow:hidden;font-size:1.2rem;color:#333;font-weight:bold;line-height:2rem;text-align:center;border-bottom:2px solid #3e3e3e;margin:0.3rem auto 0 auto;}

.lb_sb ul li p{font-size:1rem;color:#333;line-height:2rem;text-align:center;}

.zjtd_d{ width:93.5%; margin:3% auto;}


.m1_xw,.m2_xw,.m3_xw,.m4_xw{ padding:1rem 1rem 1rem 1rem; overflow:hidden;}

.m1_xw ul li,.m2_xw ul li,.m3_xw ul li,.m4_xw ul li{ width:22%; color:#8f6960; font-size:24px; line-height:2rem; float:left; text-align:center; font-size:1.2rem; border-bottom:solid 2px #8f6960; margin-right:.4rem;}

.m1_xw ul .bt2,.m2_xw ul .bt2,.m3_xw ul .bt2,.m4_xw ul .bt2{ color:#47221a; border-bottom:solid 2px #47221a;}

.m1_xw ul .bt3{ border-bottom:none;}

.m1_xw ul .bt3 img{ width:1.6rem; height:1.6rem; float:left; margin:.6rem 0 0 1rem;}







html{ font-size:62.5%;}

@media screen and (min-width:320px) and (max-width:321px) {

html { font-size: 62.5%; }

}

@media screen and (min-width:321px) and (max-width:322px) {

html { font-size: 62.6953125%; }

}

@media screen and (min-width:322px) and (max-width:323px) {

html { font-size: 62.89062500000001%; }

}

@media screen and (min-width:323px) and (max-width:324px) {

html { font-size: 63.08593749999999%; }

}

@media screen and (min-width:324px) and (max-width:325px) {

html { font-size: 63.28125%; }

}

@media screen and (min-width:325px) and (max-width:326px) {

html { font-size: 63.4765625%; }

}

@media screen and (min-width:326px) and (max-width:327px) {

html { font-size: 63.671875%; }

}

@media screen and (min-width:327px) and (max-width:328px) {

html { font-size: 63.86718750000001%; }

}

@media screen and (min-width:328px) and (max-width:329px) {

html { font-size: 64.0625%; }

}

@media screen and (min-width:329px) and (max-width:330px) {

html { font-size: 64.2578125%; }

}

@media screen and (min-width:330px) and (max-width:331px) {

html { font-size: 64.453125%; }

}

@media screen and (min-width:331px) and (max-width:332px) {

html { font-size: 64.6484375%; }

}

@media screen and (min-width:332px) and (max-width:333px) {

html { font-size: 64.84375%; }

}

@media screen and (min-width:333px) and (max-width:334px) {

html { font-size: 65.0390625%; }

}

@media screen and (min-width:334px) and (max-width:335px) {

html { font-size: 65.234375%; }

}

@media screen and (min-width:335px) and (max-width:336px) {

html { font-size: 65.4296875%; }

}

@media screen and (min-width:336px) and (max-width:337px) {

html { font-size: 65.625%; }

}

@media screen and (min-width:337px) and (max-width:338px) {

html { font-size: 65.8203125%; }

}

@media screen and (min-width:338px) and (max-width:339px) {

html { font-size: 66.015625%; }

}

@media screen and (min-width:339px) and (max-width:340px) {

html { font-size: 66.2109375%; }

}

@media screen and (min-width:340px) and (max-width:341px) {

html { font-size: 66.40625%; }

}

@media screen and (min-width:341px) and (max-width:342px) {

html { font-size: 66.6015625%; }

}

@media screen and (min-width:342px) and (max-width:343px) {

html { font-size: 66.796875%; }

}

@media screen and (min-width:343px) and (max-width:344px) {

html { font-size: 66.9921875%; }

}

@media screen and (min-width:344px) and (max-width:345px) {

html { font-size: 67.1875%; }

}

@media screen and (min-width:345px) and (max-width:346px) {

html { font-size: 67.3828125%; }

}

@media screen and (min-width:346px) and (max-width:347px) {

html { font-size: 67.578125%; }

}

@media screen and (min-width:347px) and (max-width:348px) {

html { font-size: 67.7734375%; }

}

@media screen and (min-width:348px) and (max-width:349px) {

html { font-size: 67.96875%; }

}

@media screen and (min-width:349px) and (max-width:350px) {

html { font-size: 68.1640625%; }

}

@media screen and (min-width:350px) and (max-width:351px) {

html { font-size: 68.359375%; }

}

@media screen and (min-width:351px) and (max-width:352px) {

html { font-size: 68.5546875%; }

}

@media screen and (min-width:352px) and (max-width:353px) {

html { font-size: 68.75%; }

}

@media screen and (min-width:353px) and (max-width:354px) {

html { font-size: 68.9453125%; }

}

@media screen and (min-width:354px) and (max-width:355px) {

html { font-size: 69.140625%; }

}

@media screen and (min-width:355px) and (max-width:356px) {

html { font-size: 69.3359375%; }

}

@media screen and (min-width:356px) and (max-width:357px) {

html { font-size: 69.53125%; }

}

@media screen and (min-width:357px) and (max-width:358px) {

html { font-size: 69.7265625%; }

}

@media screen and (min-width:358px) and (max-width:359px) {

html { font-size: 69.921875%; }

}

@media screen and (min-width:359px) and (max-width:360px) {

html { font-size: 70.1171875%; }

}

@media screen and (min-width:360px) and (max-width:361px) {

html { font-size: 70.3125%; }

}

@media screen and (min-width:361px) and (max-width:362px) {

html { font-size: 70.5078125%; }

}

@media screen and (min-width:362px) and (max-width:363px) {

html { font-size: 70.703125%; }

}

@media screen and (min-width:363px) and (max-width:364px) {

html { font-size: 70.8984375%; }

}

@media screen and (min-width:364px) and (max-width:365px) {

html { font-size: 71.09375%; }

}

@media screen and (min-width:365px) and (max-width:366px) {

html { font-size: 71.2890625%; }

}

@media screen and (min-width:366px) and (max-width:367px) {

html { font-size: 71.484375%; }

}

@media screen and (min-width:367px) and (max-width:368px) {

html { font-size: 71.6796875%; }

}

@media screen and (min-width:368px) and (max-width:369px) {

html { font-size: 71.875%; }

}

@media screen and (min-width:369px) and (max-width:370px) {

html { font-size: 72.0703125%; }

}

@media screen and (min-width:370px) and (max-width:371px) {

html { font-size: 72.265625%; }

}

@media screen and (min-width:371px) and (max-width:372px) {

html { font-size: 72.4609375%; }

}

@media screen and (min-width:372px) and (max-width:373px) {

html { font-size: 72.65625%; }

}

@media screen and (min-width:373px) and (max-width:374px) {

html { font-size: 72.8515625%; }

}

@media screen and (min-width:374px) and (max-width:375px) {

html { font-size: 73.046875%; }

}

@media screen and (min-width:375px) and (max-width:376px) {

html { font-size: 73.2421875%; }

}

@media screen and (min-width:376px) and (max-width:377px) {

html { font-size: 73.4375%; }

}

@media screen and (min-width:377px) and (max-width:378px) {

html { font-size: 73.6328125%; }

}

@media screen and (min-width:378px) and (max-width:379px) {

html { font-size: 73.828125%; }

}

@media screen and (min-width:379px) and (max-width:380px) {

html { font-size: 74.0234375%; }

}

@media screen and (min-width:380px) and (max-width:381px) {

html { font-size: 74.21875%; }

}

@media screen and (min-width:381px) and (max-width:382px) {

html { font-size: 74.4140625%; }

}

@media screen and (min-width:382px) and (max-width:383px) {

html { font-size: 74.609375%; }

}

@media screen and (min-width:383px) and (max-width:384px) {

html { font-size: 74.8046875%; }

}

@media screen and (min-width:384px) and (max-width:385px) {

html { font-size: 75%; }

}

@media screen and (min-width:385px) and (max-width:386px) {

html { font-size: 75.1953125%; }

}

@media screen and (min-width:386px) and (max-width:387px) {

html { font-size: 75.390625%; }

}

@media screen and (min-width:387px) and (max-width:388px) {

html { font-size: 75.5859375%; }

}

@media screen and (min-width:388px) and (max-width:389px) {

html { font-size: 75.78125%; }

}

@media screen and (min-width:389px) and (max-width:390px) {

html { font-size: 75.9765625%; }

}

@media screen and (min-width:390px) and (max-width:391px) {

html { font-size: 76.171875%; }

}

@media screen and (min-width:391px) and (max-width:392px) {

html { font-size: 76.3671875%; }

}

@media screen and (min-width:392px) and (max-width:393px) {

html { font-size: 76.5625%; }

}

@media screen and (min-width:393px) and (max-width:394px) {

html { font-size: 76.7578125%; }

}

@media screen and (min-width:394px) and (max-width:395px) {

html { font-size: 76.953125%; }

}

@media screen and (min-width:395px) and (max-width:396px) {

html { font-size: 77.1484375%; }

}

@media screen and (min-width:396px) and (max-width:397px) {

html { font-size: 77.34375%; }

}

@media screen and (min-width:397px) and (max-width:398px) {

html { font-size: 77.5390625%; }

}

@media screen and (min-width:398px) and (max-width:399px) {

html { font-size: 77.734375%; }

}

@media screen and (min-width:399px) and (max-width:400px) {

html { font-size: 77.9296875%; }

}

@media screen and (min-width:400px) and (max-width:401px) {

html { font-size: 78.125%; }

}

@media screen and (min-width:401px) and (max-width:402px) {

html { font-size: 78.3203125%; }

}

@media screen and (min-width:402px) and (max-width:403px) {

html { font-size: 78.515625%; }

}

@media screen and (min-width:403px) and (max-width:404px) {

html { font-size: 78.7109375%; }

}

@media screen and (min-width:404px) and (max-width:405px) {

html { font-size: 78.90625%; }

}

@media screen and (min-width:405px) and (max-width:406px) {

html { font-size: 79.1015625%; }

}

@media screen and (min-width:406px) and (max-width:407px) {

html { font-size: 79.296875%; }

}

@media screen and (min-width:407px) and (max-width:408px) {

html { font-size: 79.4921875%; }

}

@media screen and (min-width:408px) and (max-width:409px) {

html { font-size: 79.6875%; }

}

@media screen and (min-width:409px) and (max-width:410px) {

html { font-size: 79.8828125%; }

}

@media screen and (min-width:410px) and (max-width:411px) {

html { font-size: 80.078125%; }

}

@media screen and (min-width:411px) and (max-width:412px) {

html { font-size: 80.2734375%; }

}

@media screen and (min-width:412px) and (max-width:413px) {

html { font-size: 80.46875%; }

}

@media screen and (min-width:413px) and (max-width:414px) {

html { font-size: 80.6640625%; }

}

@media screen and (min-width:414px) and (max-width:415px) {

html { font-size: 80.859375%; }

}

@media screen and (min-width:415px) and (max-width:416px) {

html { font-size: 81.0546875%; }

}

@media screen and (min-width:416px) and (max-width:417px) {

html { font-size: 81.25%; }

}

@media screen and (min-width:417px) and (max-width:418px) {

html { font-size: 81.4453125%; }

}

@media screen and (min-width:418px) and (max-width:419px) {

html { font-size: 81.640625%; }

}

@media screen and (min-width:419px) and (max-width:420px) {

html { font-size: 81.8359375%; }

}

@media screen and (min-width:420px) and (max-width:421px) {

html { font-size: 82.03125%; }

}

@media screen and (min-width:421px) and (max-width:422px) {

html { font-size: 82.2265625%; }

}

@media screen and (min-width:422px) and (max-width:423px) {

html { font-size: 82.421875%; }

}

@media screen and (min-width:423px) and (max-width:424px) {

html { font-size: 82.6171875%; }

}

@media screen and (min-width:424px) and (max-width:425px) {

html { font-size: 82.8125%; }

}

@media screen and (min-width:425px) and (max-width:426px) {

html { font-size: 83.0078125%; }

}

@media screen and (min-width:426px) and (max-width:427px) {

html { font-size: 83.203125%; }

}

@media screen and (min-width:427px) and (max-width:428px) {

html { font-size: 83.3984375%; }

}

@media screen and (min-width:428px) and (max-width:429px) {

html { font-size: 83.59375%; }

}

@media screen and (min-width:429px) and (max-width:430px) {

html { font-size: 83.7890625%; }

}

@media screen and (min-width:430px) and (max-width:431px) {

html { font-size: 83.984375%; }

}

@media screen and (min-width:431px) and (max-width:432px) {

html { font-size: 84.1796875%; }

}

@media screen and (min-width:432px) and (max-width:433px) {

html { font-size: 84.375%; }

}

@media screen and (min-width:433px) and (max-width:434px) {

html { font-size: 84.5703125%; }

}

@media screen and (min-width:434px) and (max-width:435px) {

html { font-size: 84.765625%; }

}

@media screen and (min-width:435px) and (max-width:436px) {

html { font-size: 84.9609375%; }

}

@media screen and (min-width:436px) and (max-width:437px) {

html { font-size: 85.15625%; }

}

@media screen and (min-width:437px) and (max-width:438px) {

html { font-size: 85.3515625%; }

}

@media screen and (min-width:438px) and (max-width:439px) {

html { font-size: 85.546875%; }

}

@media screen and (min-width:439px) and (max-width:440px) {

html { font-size: 85.7421875%; }

}

@media screen and (min-width:440px) and (max-width:441px) {

html { font-size: 85.9375%; }

}

@media screen and (min-width:441px) and (max-width:442px) {

html { font-size: 86.1328125%; }

}

@media screen and (min-width:442px) and (max-width:443px) {

html { font-size: 86.328125%; }

}

@media screen and (min-width:443px) and (max-width:444px) {

html { font-size: 86.5234375%; }

}

@media screen and (min-width:444px) and (max-width:445px) {

html { font-size: 86.71875%; }

}

@media screen and (min-width:445px) and (max-width:446px) {

html { font-size: 86.9140625%; }

}

@media screen and (min-width:446px) and (max-width:447px) {

html { font-size: 87.109375%; }

}

@media screen and (min-width:447px) and (max-width:448px) {

html { font-size: 87.3046875%; }

}

@media screen and (min-width:448px) and (max-width:449px) {

html { font-size: 87.5%; }

}

@media screen and (min-width:449px) and (max-width:450px) {

html { font-size: 87.6953125%; }

}

@media screen and (min-width:450px) and (max-width:451px) {

html { font-size: 87.890625%; }

}

@media screen and (min-width:451px) and (max-width:452px) {

html { font-size: 88.0859375%; }

}

@media screen and (min-width:452px) and (max-width:453px) {

html { font-size: 88.28125%; }

}

@media screen and (min-width:453px) and (max-width:454px) {

html { font-size: 88.4765625%; }

}

@media screen and (min-width:454px) and (max-width:455px) {

html { font-size: 88.671875%; }

}

@media screen and (min-width:455px) and (max-width:456px) {

html { font-size: 88.8671875%; }

}

@media screen and (min-width:456px) and (max-width:457px) {

html { font-size: 89.0625%; }

}

@media screen and (min-width:457px) and (max-width:458px) {

html { font-size: 89.2578125%; }

}

@media screen and (min-width:458px) and (max-width:459px) {

html { font-size: 89.453125%; }

}

@media screen and (min-width:459px) and (max-width:460px) {

html { font-size: 89.6484375%; }

}

@media screen and (min-width:460px) and (max-width:461px) {

html { font-size: 89.84375%; }

}

@media screen and (min-width:461px) and (max-width:462px) {

html { font-size: 90.0390625%; }

}

@media screen and (min-width:462px) and (max-width:463px) {

html { font-size: 90.234375%; }

}

@media screen and (min-width:463px) and (max-width:464px) {

html { font-size: 90.4296875%; }

}

@media screen and (min-width:464px) and (max-width:465px) {

html { font-size: 90.625%; }

}

@media screen and (min-width:465px) and (max-width:466px) {

html { font-size: 90.8203125%; }

}

@media screen and (min-width:466px) and (max-width:467px) {

html { font-size: 91.015625%; }

}

@media screen and (min-width:467px) and (max-width:468px) {

html { font-size: 91.2109375%; }

}

@media screen and (min-width:468px) and (max-width:469px) {

html { font-size: 91.40625%; }

}

@media screen and (min-width:469px) and (max-width:470px) {

html { font-size: 91.6015625%; }

}

@media screen and (min-width:470px) and (max-width:471px) {

html { font-size: 91.796875%; }

}

@media screen and (min-width:471px) and (max-width:472px) {

html { font-size: 91.9921875%; }

}

@media screen and (min-width:472px) and (max-width:473px) {

html { font-size: 92.1875%; }

}

@media screen and (min-width:473px) and (max-width:474px) {

html { font-size: 92.3828125%; }

}

@media screen and (min-width:474px) and (max-width:475px) {

html { font-size: 92.578125%; }

}

@media screen and (min-width:475px) and (max-width:476px) {

html { font-size: 92.7734375%; }

}

@media screen and (min-width:476px) and (max-width:477px) {

html { font-size: 92.96875%; }

}

@media screen and (min-width:477px) and (max-width:478px) {

html { font-size: 93.1640625%; }

}

@media screen and (min-width:478px) and (max-width:479px) {

html { font-size: 93.359375%; }

}

@media screen and (min-width:479px) and (max-width:480px) {

html { font-size: 93.5546875%; }

}

@media screen and (min-width:480px) and (max-width:481px) {

html { font-size: 93.75%; }

}

@media screen and (min-width:481px) and (max-width:482px) {

html { font-size: 93.9453125%; }

}

@media screen and (min-width:482px) and (max-width:483px) {

html { font-size: 94.140625%; }

}

@media screen and (min-width:483px) and (max-width:484px) {

html { font-size: 94.3359375%; }

}

@media screen and (min-width:484px) and (max-width:485px) {

html { font-size: 94.53125%; }

}

@media screen and (min-width:485px) and (max-width:486px) {

html { font-size: 94.7265625%; }

}

@media screen and (min-width:486px) and (max-width:487px) {

html { font-size: 94.921875%; }

}

@media screen and (min-width:487px) and (max-width:488px) {

html { font-size: 95.1171875%; }

}

@media screen and (min-width:488px) and (max-width:489px) {

html { font-size: 95.3125%; }

}

@media screen and (min-width:489px) and (max-width:490px) {

html { font-size: 95.5078125%; }

}

@media screen and (min-width:490px) and (max-width:491px) {

html { font-size: 95.703125%; }

}

@media screen and (min-width:491px) and (max-width:492px) {

html { font-size: 95.8984375%; }

}

@media screen and (min-width:492px) and (max-width:493px) {

html { font-size: 96.09375%; }

}

@media screen and (min-width:493px) and (max-width:494px) {

html { font-size: 96.2890625%; }

}

@media screen and (min-width:494px) and (max-width:495px) {

html { font-size: 96.484375%; }

}

@media screen and (min-width:495px) and (max-width:496px) {

html { font-size: 96.6796875%; }

}

@media screen and (min-width:496px) and (max-width:497px) {

html { font-size: 96.875%; }

}

@media screen and (min-width:497px) and (max-width:498px) {

html { font-size: 97.0703125%; }

}

@media screen and (min-width:498px) and (max-width:499px) {

html { font-size: 97.265625%; }

}

@media screen and (min-width:499px) and (max-width:500px) {

html { font-size: 97.4609375%; }

}

@media screen and (min-width:500px) and (max-width:501px) {

html { font-size: 97.65625%; }

}

@media screen and (min-width:501px) and (max-width:502px) {

html { font-size: 97.8515625%; }

}

@media screen and (min-width:502px) and (max-width:503px) {

html { font-size: 98.046875%; }

}

@media screen and (min-width:503px) and (max-width:504px) {

html { font-size: 98.2421875%; }

}

@media screen and (min-width:504px) and (max-width:505px) {

html { font-size: 98.4375%; }

}

@media screen and (min-width:505px) and (max-width:506px) {

html { font-size: 98.6328125%; }

}

@media screen and (min-width:506px) and (max-width:507px) {

html { font-size: 98.828125%; }

}

@media screen and (min-width:507px) and (max-width:508px) {

html { font-size: 99.0234375%; }

}

@media screen and (min-width:508px) and (max-width:509px) {

html { font-size: 99.21875%; }

}

@media screen and (min-width:509px) and (max-width:510px) {

html { font-size: 99.4140625%; }

}

@media screen and (min-width:510px) and (max-width:511px) {

html { font-size: 99.609375%; }

}

@media screen and (min-width:511px) and (max-width:512px) {

html { font-size: 99.8046875%; }

}

@media screen and (min-width:512px) and (max-width:513px) {

html { font-size: 100%; }

}

@media screen and (min-width:513px) and (max-width:514px) {

html { font-size: 100.1953125%; }

}

@media screen and (min-width:514px) and (max-width:515px) {

html { font-size: 100.390625%; }

}

@media screen and (min-width:515px) and (max-width:516px) {

html { font-size: 100.5859375%; }

}

@media screen and (min-width:516px) and (max-width:517px) {

html { font-size: 100.78125%; }

}

@media screen and (min-width:517px) and (max-width:518px) {

html { font-size: 100.9765625%; }

}

@media screen and (min-width:518px) and (max-width:519px) {

html { font-size: 101.171875%; }

}

@media screen and (min-width:519px) and (max-width:520px) {

html { font-size: 101.3671875%; }

}

@media screen and (min-width:520px) and (max-width:521px) {

html { font-size: 101.5625%; }

}

@media screen and (min-width:521px) and (max-width:522px) {

html { font-size: 101.7578125%; }

}

@media screen and (min-width:522px) and (max-width:523px) {

html { font-size: 101.953125%; }

}

@media screen and (min-width:523px) and (max-width:524px) {

html { font-size: 102.1484375%; }

}

@media screen and (min-width:524px) and (max-width:525px) {

html { font-size: 102.34375%; }

}

@media screen and (min-width:525px) and (max-width:526px) {

html { font-size: 102.5390625%; }

}

@media screen and (min-width:526px) and (max-width:527px) {

html { font-size: 102.734375%; }

}

@media screen and (min-width:527px) and (max-width:528px) {

html { font-size: 102.9296875%; }

}

@media screen and (min-width:528px) and (max-width:529px) {

html { font-size: 103.125%; }

}

@media screen and (min-width:529px) and (max-width:530px) {

html { font-size: 103.3203125%; }

}

@media screen and (min-width:530px) and (max-width:531px) {

html { font-size: 103.515625%; }

}

@media screen and (min-width:531px) and (max-width:532px) {

html { font-size: 103.7109375%; }

}

@media screen and (min-width:532px) and (max-width:533px) {

html { font-size: 103.90625%; }

}

@media screen and (min-width:533px) and (max-width:534px) {

html { font-size: 104.1015625%; }

}

@media screen and (min-width:534px) and (max-width:535px) {

html { font-size: 104.296875%; }

}

@media screen and (min-width:535px) and (max-width:536px) {

html { font-size: 104.4921875%; }

}

@media screen and (min-width:536px) and (max-width:537px) {

html { font-size: 104.6875%; }

}

@media screen and (min-width:537px) and (max-width:538px) {

html { font-size: 104.8828125%; }

}

@media screen and (min-width:538px) and (max-width:539px) {

html { font-size: 105.078125%; }

}

@media screen and (min-width:539px) and (max-width:540px) {

html { font-size: 105.2734375%; }

}

@media screen and (min-width:540px) and (max-width:541px) {

html { font-size: 105.46875%; }

}

@media screen and (min-width:541px) and (max-width:542px) {

html { font-size: 105.6640625%; }

}

@media screen and (min-width:542px) and (max-width:543px) {

html { font-size: 105.859375%; }

}

@media screen and (min-width:543px) and (max-width:544px) {

html { font-size: 106.0546875%; }

}

@media screen and (min-width:544px) and (max-width:545px) {

html { font-size: 106.25%; }

}

@media screen and (min-width:545px) and (max-width:546px) {

html { font-size: 106.4453125%; }

}

@media screen and (min-width:546px) and (max-width:547px) {

html { font-size: 106.640625%; }

}

@media screen and (min-width:547px) and (max-width:548px) {

html { font-size: 106.8359375%; }

}

@media screen and (min-width:548px) and (max-width:549px) {

html { font-size: 107.03125%; }

}

@media screen and (min-width:549px) and (max-width:550px) {

html { font-size: 107.2265625%; }

}

@media screen and (min-width:550px) and (max-width:551px) {

html { font-size: 107.421875%; }

}

@media screen and (min-width:551px) and (max-width:552px) {

html { font-size: 107.6171875%; }

}

@media screen and (min-width:552px) and (max-width:553px) {

html { font-size: 107.8125%; }

}

@media screen and (min-width:553px) and (max-width:554px) {

html { font-size: 108.0078125%; }

}

@media screen and (min-width:554px) and (max-width:555px) {

html { font-size: 108.203125%; }

}

@media screen and (min-width:555px) and (max-width:556px) {

html { font-size: 108.3984375%; }

}

@media screen and (min-width:556px) and (max-width:557px) {

html { font-size: 108.59375%; }

}

@media screen and (min-width:557px) and (max-width:558px) {

html { font-size: 108.7890625%; }

}

@media screen and (min-width:558px) and (max-width:559px) {

html { font-size: 108.984375%; }

}

@media screen and (min-width:559px) and (max-width:560px) {

html { font-size: 109.1796875%; }

}

@media screen and (min-width:560px) and (max-width:561px) {

html { font-size: 109.375%; }

}

@media screen and (min-width:561px) and (max-width:562px) {

html { font-size: 109.5703125%; }

}

@media screen and (min-width:562px) and (max-width:563px) {

html { font-size: 109.765625%; }

}

@media screen and (min-width:563px) and (max-width:564px) {

html { font-size: 109.9609375%; }

}

@media screen and (min-width:564px) and (max-width:565px) {

html { font-size: 110.15625%; }

}

@media screen and (min-width:565px) and (max-width:566px) {

html { font-size: 110.3515625%; }

}

@media screen and (min-width:566px) and (max-width:567px) {

html { font-size: 110.546875%; }

}

@media screen and (min-width:567px) and (max-width:568px) {

html { font-size: 110.7421875%; }

}

@media screen and (min-width:568px) and (max-width:569px) {

html { font-size: 110.9375%; }

}

@media screen and (min-width:569px) and (max-width:570px) {

html { font-size: 111.1328125%; }

}

@media screen and (min-width:570px) and (max-width:571px) {

html { font-size: 111.328125%; }

}

@media screen and (min-width:571px) and (max-width:572px) {

html { font-size: 111.5234375%; }

}

@media screen and (min-width:572px) and (max-width:573px) {

html { font-size: 111.71875%; }

}

@media screen and (min-width:573px) and (max-width:574px) {

html { font-size: 111.9140625%; }

}

@media screen and (min-width:574px) and (max-width:575px) {

html { font-size: 112.109375%; }

}

@media screen and (min-width:575px) and (max-width:576px) {

html { font-size: 112.3046875%; }

}

@media screen and (min-width:576px) and (max-width:577px) {

html { font-size: 112.5%; }

}

@media screen and (min-width:577px) and (max-width:578px) {

html { font-size: 112.6953125%; }

}

@media screen and (min-width:578px) and (max-width:579px) {

html { font-size: 112.890625%; }

}

@media screen and (min-width:579px) and (max-width:580px) {

html { font-size: 113.0859375%; }

}

@media screen and (min-width:580px) and (max-width:581px) {

html { font-size: 113.28125%; }

}

@media screen and (min-width:581px) and (max-width:582px) {

html { font-size: 113.4765625%; }

}

@media screen and (min-width:582px) and (max-width:583px) {

html { font-size: 113.671875%; }

}

@media screen and (min-width:583px) and (max-width:584px) {

html { font-size: 113.8671875%; }

}

@media screen and (min-width:584px) and (max-width:585px) {

html { font-size: 114.0625%; }

}

@media screen and (min-width:585px) and (max-width:586px) {

html { font-size: 114.2578125%; }

}

@media screen and (min-width:586px) and (max-width:587px) {

html { font-size: 114.453125%; }

}

@media screen and (min-width:587px) and (max-width:588px) {

html { font-size: 114.6484375%; }

}

@media screen and (min-width:588px) and (max-width:589px) {

html { font-size: 114.84375%; }

}

@media screen and (min-width:589px) and (max-width:590px) {

html { font-size: 115.0390625%; }

}

@media screen and (min-width:590px) and (max-width:591px) {

html { font-size: 115.234375%; }

}

@media screen and (min-width:591px) and (max-width:592px) {

html { font-size: 115.4296875%; }

}

@media screen and (min-width:592px) and (max-width:593px) {

html { font-size: 115.625%; }

}

@media screen and (min-width:593px) and (max-width:594px) {

html { font-size: 115.8203125%; }

}

@media screen and (min-width:594px) and (max-width:595px) {

html { font-size: 116.015625%; }

}

@media screen and (min-width:595px) and (max-width:596px) {

html { font-size: 116.2109375%; }

}

@media screen and (min-width:596px) and (max-width:597px) {

html { font-size: 116.40625%; }

}

@media screen and (min-width:597px) and (max-width:598px) {

html { font-size: 116.6015625%; }

}

@media screen and (min-width:598px) and (max-width:599px) {

html { font-size: 116.796875%; }

}

@media screen and (min-width:599px) and (max-width:600px) {

html { font-size: 116.9921875%; }

}

@media screen and (min-width:600px) and (max-width:601px) {

html { font-size: 117.1875%; }

}

@media screen and (min-width:601px) and (max-width:602px) {

html { font-size: 117.3828125%; }

}

@media screen and (min-width:602px) and (max-width:603px) {

html { font-size: 117.578125%; }

}

@media screen and (min-width:603px) and (max-width:604px) {

html { font-size: 117.7734375%; }

}

@media screen and (min-width:604px) and (max-width:605px) {

html { font-size: 117.96875%; }

}

@media screen and (min-width:605px) and (max-width:606px) {

html { font-size: 118.1640625%; }

}

@media screen and (min-width:606px) and (max-width:607px) {

html { font-size: 118.359375%; }

}

@media screen and (min-width:607px) and (max-width:608px) {

html { font-size: 118.5546875%; }

}

@media screen and (min-width:608px) and (max-width:609px) {

html { font-size: 118.75%; }

}

@media screen and (min-width:609px) and (max-width:610px) {

html { font-size: 118.9453125%; }

}

@media screen and (min-width:610px) and (max-width:611px) {

html { font-size: 119.140625%; }

}

@media screen and (min-width:611px) and (max-width:612px) {

html { font-size: 119.3359375%; }

}

@media screen and (min-width:612px) and (max-width:613px) {

html { font-size: 119.53125%; }

}

@media screen and (min-width:613px) and (max-width:614px) {

html { font-size: 119.7265625%; }

}

@media screen and (min-width:614px) and (max-width:615px) {

html { font-size: 119.921875%; }

}

@media screen and (min-width:615px) and (max-width:616px) {

html { font-size: 120.1171875%; }

}

@media screen and (min-width:616px) and (max-width:617px) {

html { font-size: 120.3125%; }

}

@media screen and (min-width:617px) and (max-width:618px) {

html { font-size: 120.5078125%; }

}

@media screen and (min-width:618px) and (max-width:619px) {

html { font-size: 120.703125%; }

}

@media screen and (min-width:619px) and (max-width:620px) {

html { font-size: 120.8984375%; }

}

@media screen and (min-width:620px) and (max-width:621px) {

html { font-size: 121.09375%; }

}

@media screen and (min-width:621px) and (max-width:622px) {

html { font-size: 121.2890625%; }

}

@media screen and (min-width:622px) and (max-width:623px) {

html { font-size: 121.484375%; }

}

@media screen and (min-width:623px) and (max-width:624px) {

html { font-size: 121.6796875%; }

}

@media screen and (min-width:624px) and (max-width:625px) {

html { font-size: 121.875%; }

}

@media screen and (min-width:625px) and (max-width:626px) {

html { font-size: 122.0703125%; }

}

@media screen and (min-width:626px) and (max-width:627px) {

html { font-size: 122.265625%; }

}

@media screen and (min-width:627px) and (max-width:628px) {

html { font-size: 122.4609375%; }

}

@media screen and (min-width:628px) and (max-width:629px) {

html { font-size: 122.65625%; }

}

@media screen and (min-width:629px) and (max-width:630px) {

html { font-size: 122.8515625%; }

}

@media screen and (min-width:630px) and (max-width:631px) {

html { font-size: 123.046875%; }

}

@media screen and (min-width:631px) and (max-width:632px) {

html { font-size: 123.2421875%; }

}

@media screen and (min-width:632px) and (max-width:633px) {

html { font-size: 123.4375%; }

}

@media screen and (min-width:633px) and (max-width:634px) {

html { font-size: 123.6328125%; }

}

@media screen and (min-width:634px) and (max-width:635px) {

html { font-size: 123.828125%; }

}

@media screen and (min-width:635px) and (max-width:636px) {

html { font-size: 124.0234375%; }

}

@media screen and (min-width:636px) and (max-width:637px) {

html { font-size: 124.21875%; }

}

@media screen and (min-width:637px) and (max-width:638px) {

html { font-size: 124.4140625%; }

}

@media screen and (min-width:638px) and (max-width:639px) {

html { font-size: 124.609375%; }

}

@media screen and (min-width:639px) and (max-width:640px) {

html { font-size: 124.8046875%; }

}

@media screen and (min-width:640px) {

html { font-size: 125%; }

}