html { font-size: 62.5%; }

img { width: 100%; }

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: "Microsoft YaHei", "Microsoft YaHei", Arial, Helvetica, sans-serif; }

table { border-collapse: collapse; border-spacing: 0; }

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; vertical-align: top; }

input, button, textarea, checkbox, select, radio, form { vertical-align: top; }

a { color: #333; text-decoration: none; }

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

a:hover { text-decoration: underline; }

a, area { blr:expression(this.onFocus=this.blur())/* for IE */

}

:focus { outline: none;/* for Firefox */ }

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

.left { float: left; }

.right { float: right; }

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

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

.blank { height: 0.5rem; font-size: 0; line-height: 0; clear: both; overflow: hidden;/*PC*/ }

.martop { margin-top: 0.5rem;/*Phone*/ }

.songti, .songti * { font-family: "Microsoft YaHei"; }

body { color: #666666; line-height: 2rem; font-family: "Microsoft YaHei", Arial, Tahoma; width: 32rem; margin:0 auto; font-size: 1.2rem; }

.top10 { margin-top: 0.5rem; }

.top15 { margin-top: 0.75rem; }

.bannder { margin: 0 auto; position: relative; overflow: hidden; z-index:0;/*��ȫ������ͼƬ���ȴ�С���� width:32rem;*/ }

.barder { width: 100%; height: 1.1rem; position: absolute; z-index: 1; bottom: 0.5rem; text-align: center; display:none; }

.barder ul { display: inline-block; height: 0.5rem; padding: 0.3rem 0.5rem; background-color: rgba(255, 255, 255, 0.7); -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; border-radius: 0.5rem; font-size: 0; vertical-align: top; }

.barder ul li { display: inline-block; width: 0.5rem; height: 0.5rem; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; border-radius: 0.5rem; background: #8C8C8C; margin: 0 0.5rem; vertical-align: top; overflow: hidden; }

.barder ul li.hover { background: #3C8898; }

.baner { overflow: hidden; position: relative; z-index: 0; }

.baner li { overflow: hidden; zoom: 1; }

.baner li img { width: 100%; }

.baner li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* ȡ�����Ӹ��� */ }

#sl_left,#sl_right{ position:absolute; top:7rem; }

#sl_left{ left:0 }

#sl_right{ right:0 }



.yh_dt{ overflow:hidden; zoom:1; padding:1rem 0.75rem;}

.yh_dtt{ overflow:hidden; zoom:1; height:3.2rem;}

.yh_dtt ul li{ float:left; width:9.75rem; background:#e2e2e2; height:3.2rem; line-height:3.2rem; text-align:center; font-size:1.4rem; color:#333333; border-radius:1rem 1rem 0 0; margin-right:0.6rem; display:inline;}

.yh_dtt ul li:last-child{ margin-right:0}

.yh_dtt ul li.hover{ background:#3c8898; color:#fff;}

.yh_dtc{ overflow:hidden; zoom:1; margin-top:1rem;}

.yh_dtct{ overflow:hidden; zoom:1;}

.yh_dtct dl{ position:relative; z-index:0; height:9.5rem; overflow:hidden;zoom:1;}

.yh_dtct dl dt img{ width:30.5rem;}

.yh_dtct dl dd{ position:absolute; z-index:1; bottom:0rem; left:0rem; width:100%; text-align:center; background:rgba(0,0,0,0.52); height:2.8rem; line-height:2.8rem; color:#fff; font-size:1.2rem;}

.yh_dtct dl dd a{ color:#fff;}

.yh_dtct ul{ overflow:hidden; zoom:1;}

.yh_dtct ul li{ height:4rem; line-height:4rem; text-align:right; border-bottom:#dcdcdc 1px dashed;}

.yh_dtct ul li a{ text-decoration:none;}

.yh_dtct ul li b{ display:inline-block; padding-top:1.5rem;}

.yh_dtct ul li b img{ width:2.15rem;}

.yh_dtct ul li p{ float:left; font-size:1.2rem; color:#ef0000;}

.yh_dtct ul li span{ display:block; float:left; font-size:1.2rem; color:#666;}

.yh_dtct ul li:last-of-type{ border-bottom:none;}

.yh_dtct i{ display:block;}

.yh_dtct i img{ width:29.95rem;}



.ad{ margin-bottom:0.5rem;}

.ad, .ada { height: auto; overflow: hidden; text-align: center; max-width: 32rem; }

.ada { margin: 0.7rem 1rem; overflow: hidden; zoom: 1; }

.ad img, .ada img { vertical-align: top; }

.tit { height: auto; overflow: hidden; background: #e4e4e4 url(/images/in_07.jpg) no-repeat left center/5.55rem 3rem; line-height: 3rem; font-size: 1.4rem; text-indent: 1rem; font-weight: bold; color: #363636; }

.tit i{ font-size:1rem;text-decoration:none;font-style:normal; color:#858585;}

.tit span { float: right; padding-right: 1rem; height: 2rem; line-height: 2rem; width: 7rem; margin-top: 0.5rem; font-size: 1.2rem; display: inline-block; text-indent: 0; text-align: center; }

.tit span a { background: #ff6000; width: 7rem; height: 2rem; color: #FFF; display: inline-block; font-weight: 100; -webkit-border-radius: 0.15rem; -moz-border-radius: 0.15rem; border-radius: 0.15rem; }

.tit strong{ color:#F00;}

.menu { margin-top: 1px; overflow: hidden; text-align: center; background: #3C8898; }

.menu li { width: 25%; height: 3.8rem; line-height: 3.8rem; float: left; font-size: 1.6rem; border-bottom: #FFF solid 1px; box-sizing: content-box }

.menu li.hot{ background:url(/images/hot.gif) 95% 0.5rem no-repeat;}

.menu a { color: #FFF; border-left: #FFF solid 1px; display: block; }

.menu a.yellow{ color:#eda213; }

.ina { height: auto; overflow: hidden; }

.ina li { width: 25%; height: auto; overflow: hidden; float: left; text-align: center; font-size: 1.2rem; font-weight: bold; ; }

.ina li img { width: 6.95rem; height: 6.95rem; }

.ina li span { line-height: 3rem; display: inline-block; }

.ina li a { color: #666666; height: auto; overflow: hidden; display: inline-block; }

.in_zja, .in_zjb, .inb { overflow: hidden; margin: 0.5rem 1rem; }

.in_zja .hd, .in_zjb .hd { overflow: hidden; zoom: 1; text-align: center; font-size: 1.4rem; color: #545454; line-height: 1.8rem; }

.in_zja .hd li, .in_zjb .hd li { width: 33%; line-height:4rem;background: #FFF; float: left; border-right: #FFF solid 1px; cursor:pointer; color:#242424; }

.in_zja .hd .hover, .in_zjb .hd .hover { background:#116dcc; color: #FFF; }

.in_zja .infoList, .in_zjb .infoList { height: auto; overflow: hidden; }

.appendwrap { overflow: hidden; zoom: 1; margin-top: 0.5rem; }

.infoList { overflow: hidden; zoom: 1; }

.infoList img { display: block; }

.f_yb { width: 60%; height: 9.5rem; position: absolute; top: 1.5rem; left: 39%; }

.f_yb span { background: #ac0b07; padding: 0.4rem 1.5rem 0.4rem 0.5rem; }

.f_yb span a { color: #fff; font-size: 120%; text-decoration: none; }

.f_yb .f_zjm { color: #000000; font-size: 128%; margin-top: 0.75rem; }

.f_yb .f_zjmb { color: #333333; font-size: 105%; margin-top: 0.25rem; }

.f_na { background: #ac0b07; color: #fff; border: none; border-radius: 0.15rem; margin-left: 1.5rem; padding: 0.25rem 0.5rem; margin-top: 0.5rem; cursor: inherit; }

.f_nb { background: #2e2e2e; color: #fff; border: none; border-radius: 0.15rem; padding: 0.25rem 0.5rem; margin-top: 0.5rem; cursor: inherit; }

.clear { clear: both; }

.slideBox { overflow: hidden; position: relative; margin-top: 0.75rem; margin: 0.75rem 1rem 0rem; }

.slideBox .hd { height: 0.75rem; overflow: hidden; position: absolute; left: 50%; margin-left: -1.2rem; bottom: 0.5rem; z-index: 1; }

.slideBox .hd ul { overflow: hidden; zoom: 1; float: left; }

.slideBox .hd ul li { float: left; margin-right: 0.3rem; width: 0.5rem; height: 0.5rem; line-height: 1.4rem; text-align: center; background: #aaa; cursor: pointer; border-radius: 0.25rem; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; }

.slideBox .hd ul li.on { background: #c60; color: #fff; }

.slideBox .bd { position: relative; height: 100%; z-index: 0; }

.slideBox .bd li { zoom: 1; vertical-align: middle; position: relative; z-index: 1; }

.slideBox .bd img { width:30rem; height:12.3rem; }

.slideBox .bd li .box { position: absolute; z-index: 2; right: 2rem; width: 55%; }

.slideBox .bd li .box h1 { font-size: 1.4rem; font-weight: normal; display: inline-table; /*background: #CD6601;*/ padding: 0 0.5rem; color: #CD6601; margin-top: 1rem; line-height: 2.3rem; }

.slideBox .bd li .box h2 { font-size: 1.4rem; font-weight: normal; line-height: 2.3rem; color: #222; }

.slideBox .bd li .box p { font-size: 1.2rem; line-height: 1.6rem; }

.slideBox .bd li .box a { width: 8rem; height: 2rem; text-align: center; line-height: 2rem; color: #fff; display: inline-block; margin-top: 0.5rem; border-radius: 0.15rem; -moz-border-radius: 0.15rem; ; -webkit-border-radius: 0.15rem; }

.slideBox .bd li .box a:nth-of-type(1) { background: #3C8898; }

.slideBox .bd li .box a:nth-of-type(2) { background: #734318; margin-left: 0.5rem; }

.slideBox .prev, .slideBox .next { position: absolute; left: 3%; top: 50%; margin-top: -1.25rem; display: block; width: 1.6rem; height: 2rem; background: url(/images/slider-arrow.png) -5.5rem 0.25rem no-repeat; filter: alpha(opacity=50); opacity: 0.5; }

.slideBox .next { left: auto; right: 3%; background-position: 0.4rem 0.25rem; }

.slideBox .prev:hover, .slideBox .next:hover { filter: alpha(opacity=100); opacity: 1; }

.slideBox .prevStop { display: none; }

.slideBox .nextStop { display: none; }





.zj_t { zoom: 1; border-right: 0.1rem solid #ccc; margin-top: 0.4rem; overflow: hidden; }

.zj_t h3 { float: left; width: 10.634rem; background: url(/images/zj_bg.png) repeat-x top center; background-size: 10.634rem 3.1rem; text-align:center; line-height: 3.1rem; font-size: 1.4rem; color: #130404; cursor:pointer; }

.zj_t h3.hover { width: 8.134rem; background: url(/images/zj_ho.png) repeat-x top center; background-size: 10.634rem 3.1rem; color:#FFF; padding-left: 2.5rem; }

.zj_c { overflow: hidden; zoom: 1; padding: 1rem 0rem 1.2rem; border: 0.1rem solid #CCC; border-top: none; }

.zj_c dl { float: left; width: 47%; padding-left: 3%; }

.zj_c dl dt { float: left; width: 6.6rem; padding: 0.1rem; border: #d6d6d6 0.1rem solid; display: inline-block; margin-right: 0.6rem; }

.zj_c dl dd h2 { line-height: 2rem; color: #1364bd; font-size: 1.4rem; }

.zj_c dl dd h2 a { color: #000; font-weight:bold; }

.zj_c dl dd h4 { line-height: 2rem; }

.zj_c dl dd p { line-height: 2rem; }

.zj_c dl dd b { display: block; }

.zj_c dl dd b img { width: 7.1rem; height: 2.8rem; }





.liwt { border: #3C8898 0.1rem solid; padding: 0.5rem 0rem; overflow: hidden; zoom: 1; text-align: center; }

.liwt h3 { line-height: 4.2rem; color: #333333; font-size: 1.4rem; font-family: "Microsoft YaHei"; }

.libtn { overflow: hidden; zoom: 1; padding: 0.5rem 0; text-align: center; }

.libtn img { padding: 0rem 0.3rem; }

.libtn a:nth-child(1) img { width: 8.6rem; height: 3.5rem; }

.libtn a:nth-child(2) img { width: 19.9rem; height: 3.5rem; }



.nr_text, .nr_box { margin: 0rem auto; height: auto; overflow: hidden; padding: 0.5rem 0; }

.nr_text h1 { font-size: 1.6rem; line-height: 4rem; font-weight: normal; text-align: center; color:#3c6986;font-weight:bold;}

.nr_text h2 { font-size: 1.1rem; height: 2.3rem; line-height: 0.9rem; color: #999; text-align: center; font-weight: normal; }

.nr_text .text_sh{ margin:0 1rem -2rem; overflow:hidden;}

.nr_text .text_sh img{width:auto; max-width: 320px;}

.nr_text p { padding-top: 1rem; font-size: 1.4rem; line-height: 2.5rem; color:#484545 }

.text_sh div { /*padding-top: 1.8rem;*/ font-size: 1.4rem; line-height: 2.5rem; color:#484545 }

.nr_text .zx { text-align: center; overflow: hidden; zoom: 1; margin: 0.6rem 0rem; }

.nr_text .zx img { width: 11.75rem; height: 3.65rem; }

.nr_text .nr_fy { overflow: hidden; margin: 1rem 0rem; font-size: 1.3rem; line-height: 2.3rem; }

.title { height: 3rem; background: url(/images/db_03.jpg) #c60 no-repeat; overflow: hidden; }

.title h1 { line-height: 3rem; font-size: 1.6rem; color: #FFF; padding-left: 1rem; }

.title h1 a { float: right; height: 2rem; line-height: 2rem; padding: 0 0.5rem; display: inline-block; background: #ff6000; font-size: 1.2rem; color: #fff; font-weight: normal; margin-top: 0.6rem; margin-right: 1rem; border-radius: 0.15rem; -moz-border-radius: 0.15rem; -webkit-border-radius: 0.15rem; }

.nr_box ul { overflow: hidden; }

.nr_box li { float: left; width: 49%; height: 2.5rem; margin-top: 0.5rem; overflow: hidden; }

.nr_box li:nth-of-type(2), .nr_box li:nth-of-type(4), .nr_box li:nth-of-type(6) { margin-left: 2%; }

.nr_box li a { line-height: 2.5rem; text-align: center; display: block; color: #fff; font-size: 1.2rem; }

.nr_box li:nth-of-type(1) a { background: #3d74c6; }

.nr_box li:nth-of-type(2) a { background: #3da4c6; }

.nr_box li:nth-of-type(3) a { background: #b08b1c; }

.nr_box li:nth-of-type(4) a { background: #b0621c; }

.nr_box li:nth-of-type(5) a { background: #24b769; }

.nr_box li:nth-of-type(6) a { background: #92b01c; }



.inba, .inbb { width: 15rem; height: auto; overflow: hidden; float: left; }

.inba img { width: 15rem; height: 7rem; }

.inbb { float: right; line-height: 1.7rem; border: #d1d1d1 solid 0.1rem; border-left: none; border-right: none; font-size: 1.2rem; background: #f3f3f3; padding-top: 1px; }

.inbb p { color: #ff6000; border-right: #d1d1d1 solid 1px; border-bottom: dashed 1px #b8b8b8; line-height: 1.65rem; }

.inbb span { border-right: #d1d1d1 solid 1px; display: inline-block; margin-left: -0.05rem; }

.zxa { margin: 0rem 0.8rem; height: auto; overflow: hidden; line-height: 1rem; }

.zxa a { display: block; text-align: center; color: #fff; font-size: 1.4rem; line-height: 2.2rem; background: #e35b09; margin-top: 1rem; text-decoration: none; padding: 0.25rem 0; border-radius: 0.15rem; -moz-border-radius: 0.15rem; -webkit-border-radius: 0.15rem; }

.zxa a span { font-size: 2rem; color: #f8ea05; }

.tw { height: auto; overflow: hidden; margin: 0rem 0.8rem 0.7rem; }

.tw a { display: block; text-align: center; color: #fff; font-size: 2rem; background: #767676; margin-top: 1rem; text-decoration: none; border-radius: 0.15rem; -moz-border-radius: 0.15rem; -webkit-border-radius: 0.15rem; line-height: 5rem; }



.yh_fnav { background:#3C8898; height: 3.2rem; line-height: 3.2rem; text-align: center; color: #fff; margin-top:0.5rem; }

.yh_fnav a { color: #fff; padding: 0rem 1rem; }

.yh_foot { padding: 1rem 1rem 5.9rem 1rem; line-height: 2.2rem; color: #666; text-align: center; }

.yh_foot p img { width: 6.3rem; height: 2rem; }

.yh_flot { display: block; width: 5rem; height: 5rem; }



#dibu { }

#dibu button, #dibu button:hover { width: 80%; color: #fff; font-weight: 600; }

#dibu a { width: 80%; color: #fff; font-weight: 600; }

.lan { background: none repeat scroll 0 0 #0e67ba !important; }

.cheng { background: none repeat scroll 0 0 #ec7612 !important; }

.fot_zx { padding: 0.75rem 0.75rem 1rem 0.75rem; margin-top: 0rem; overflow:hidden; }

.fot_zx li{ overflow:hidden; margin-bottom:1.2rem;}

.fot_zx img, .fot_zx span, fot_zx label { display: inline-block; vertical-align: middle; }

.fot_zx img { width: 15%; max-width: 2rem; margin-right: 2%; }

.fot_zx span { font-size: 1.2rem; color: #161616; }

.fot_zx label { font-size: 1.2rem; color: #a30000; }

.fot_zx p { font-size: 1.2rem; color: #333; line-height: 2.3rem; }

.fot_zx p img { width: 1.95rem; height: 2.15rem; }

.fot_zx p input { width: 99%; background-color: #f4f4f4; border: 1px solid #cccccc; line-height: 2.1rem; border-radius: 0.45rem; text-indent: 2em; font-size: 1.2rem; }

.fot_zx p textarea { width: 99%; background-color: #f4f4f4; border: 1px solid #cccccc; border-radius: 0.45rem; text-indent: 2em; font-size: 1.2rem; line-height: 2.3rem; }

.fot_zx p.mt20{ width:20%; float:left; display:inline; text-align:left;}

.fot_zx p.mt10{ width:78%; float:right; display:inline;}

.fot_zx p.txc{ padding-left:2.5rem;}

.fot_zx p input.tjan { width: 10.4rem; background-color: #3C8898; border: 0rem; line-height: 2.4rem; color: #FFFFFF; text-indent: 0em; margin-left: 1.5rem; cursor: pointer; }

.fot_zx p input.tjan2 { width: 10.4rem; background-color: #EDA213; border: 0rem; line-height: 2.4rem; color: #FFFFFF; text-indent: 0em; margin-left: 1.5rem; cursor: pointer; }

.fot_zx p input.checkbox { vertical-align: middle; display: inline-block; width: 5%; }

input::-moz-placeholder {

color:#999;

}

input::-webkit-input-placeholder {

color:#999;

}

textarea::-moz-placeholder {

color:#999;

}

textarea::-webkit-input-placeholder {

color:#999;

}

.weiz { height: 2.6rem; line-height: 2.6rem; margin: 0.5rem 0 0rem; font-size: 1.2rem; background:#116dcc; padding-left:1.2rem; color:#FFF;  }

.weiz a { padding: 0 0.5rem; display: inline-block; color:#FFF; }

.licl { height: auto; overflow: hidden; }

.licl li { width: 33.3333%; float: inherit; height: auto; overflow: hidden; float: left; text-align: center; padding: 0.5rem 0; font-size: 1.4rem; line-height: 2rem; }

.licl a { margin: 0rem 1rem; height: 4rem; display: block; background: #CC6600; padding: 1rem 0; color: #FFF; }

.licl a span { font-size: 1.6rem; }

.list { margin: 0.75rem 1rem 0; overflow: hidden; }

.list li { background: #ececec; margin-bottom: 0.4rem; padding: 1% 2%; list-style: disc; list-style-position: inside; line-height: 2.8rem; height: 2.8rem; font-size: 1.2rem; }

.list li li a:hover { color: #0134CB; text-decoration: underline; }

.lipage { text-align: center; height: 3rem; line-height: 3rem; font-size: 1.2rem; background: #ececec;}

.lipage li{ float:left; list-style:none; background:none; padding: 0 2%;}

.lipage li a { padding: 0 0.5rem; }

.lipage li.thisclass a{ color:#CB5E00;}

.yh_stit { font-size: 0; line-height: 0rem; height: 0rem; overflow: hidden; zoom: 1; }

/*-------------��ҳģ���İ���ʽ 08.05------------*/

.ared { color: red;  }

.yydt_js { background-color: #FFF; width: 32rem; margin: 0 auto; }

.yydt_js ul li { border-bottom: 0.1rem dashed #cccccc; height: 4.5rem; margin-top: 1rem; }

.yydt_js ul li span { display: block; width: 8.8rem; height: 3.4rem; line-height: 3.4rem; text-align: center; margin-left: 1rem; color: #FFF; float: left; background-color: #E4E4E4; border-radius: 0.3rem; font-weight: bold; margin-top: 0.2rem; }

.yydt_js ul li span a{ color:#5B5A5A;}

.yydt_js ul li p { border-radius: 0.3rem; float: left; height: 3.8rem; line-height: 1.8rem; margin-left: 1.8rem; text-align: left; width: 19.2rem; font-weight: bold; }

.yydt_js ul li p em { font-size: 1.2rem; font-style: normal; font-weight: normal; color: #666 }



/*------------------�����б�ҳ��ʽ 0815-----------------*/

.jishu_cont01 dl { overflow: hidden; zoom: 1; margin-top: 0.8rem; }

.jishu_cont01 dl dt { float: left; width: 7.9rem; height: 7.5rem; text-align: center; background: #E4E4E4; margin-right:0.6rem; }

.jishu_cont01 dl dt img { width: 3.4rem; height: 3.4rem; }

.jishu_cont01 dl dt h2 { padding-top: 0.8rem; }

.jishu_cont01 dl dt p { font-family: "Microsoft YaHei"; font-size: 1.6rem; color: #5B5A5A; padding-top: 3rem;}

.jishu_cont01 dl dd { /*float: left; width: 24rem; */height: 7.4rem; border: 0.1rem solid #cccccc; position: relative; z-index: 0; }

.jishu_cont01 dl dd h2 { font-family: "Microsoft YaHei"; font-size: 1.5rem; color: #98642b; padding: 0.5rem 0; }

.jishu_cont01 dl dd h2 a { color: #333; font-weight:bold; padding-left:0.7rem; }

.jishu_cont01 dl dd p { color: #545454; font-family: "Microsoft YaHei"; font-size: 1.4rem; line-height: 1.8rem; padding: 0 0.7rem; }

.jishu_cont01 dl dd p a { color: #f00; }

.jishu_cont01 dl dd h3 { height: 1.9rem; width: 7rem; text-align: center; line-height: 1.9rem; color: #fff; background: #116dcc; position: absolute; right: 0; bottom: 0; }





.yh_zj{ overflow:hidden; zoom:1;position:relative; z-index:0; width:30rem;}

.yh_zj img{ width:30rem;}

.yh_zj_c{position:absolute; z-index:1; bottom:1.05rem; left:13.7rem;}

.yh_zj_c b{ display:inline-block; width:6.75rem; height:2.2rem; margin-right:0.5rem; vertical-align:top;}

.yh_zj_c b a{ display:block; width:6.75rem; height:2.2rem;}





.swap_3 { margin-top: 0.25rem; overflow: hidden; zoom: 1; }

.swap_3 ul { overflow: hidden; zoom: 1; }

.swap_3 ul li { float: left; width: 50%; background: url(/images/zx_img1.jpg); background-size: 100% 100%; text-align: center; overflow: hidden; padding: 0.5rem 0 }

.swap_3 ul li img { width: 3.35rem; height: 4rem; }

.swap_3 ul li a { color: #FFFFFF; text-decoration:none; }

.swap_3 ul li img { max-width: 4rem; display: inline-block; vertical-align: middle }

.swap_3 ul li .p_p1 { font-weight: bold; color: #ffffff; font-size: 1.5rem; }

.swap_3 ul li .p_p2 { color: #ffffff; font-size: 1.2rem; margin-left: 0.7rem; }

.phone { background: url(/images/phone.jpg) #e7e7e7 no-repeat 15% center/2.65rem 2.45rem; border: 1px solid #cccccc; height: 4.5rem; margin-top: 0.25rem; text-indent: 27%; overflow: hidden; zoom: 1; }

.phone a{ text-decoration:none;}

.phone .p_p1 { font-weight: bold; font-size: 1.5rem; color: #bd0613; padding-top: 0.2rem; line-height: 1.8rem; }

.phone .p_p1 a { color: #bd0613; }

.phone .p_p2 { font-size: 1.2rem; color: #333333; }

.jishu_click{text-align:center; height: auto; overflow: hidden; margin-top:0.5rem;}

.jishu_click img{width:auto;}



a:active, a:focus { outline: medium none; }

.asdf { background: rgba(0, 0, 0, 0) url(/images/csswt.png) no-repeat 0 0 / 100% 100%; border-radius: 8px; box-shadow: 0 0 20px rgba(10, 2, 4, 0.75); display: none; width: 282px; height: 131px; position:fixed; top:40%; left:50%; margin-left: -140px; z-index: 10000; }

.asdf23 { display: block; float: right; height: 29px; position: relative; right: 5px; top: 5px; width: 32px; cursor:pointer; }

.asdf13 { display: block; float: left; height: 128px; position: relative; left: 35px; top: 20px; width: 109px; }

.asdf51 { display: block; float: left; height: 128px; left: 30px; position: relative; top: 20px; width: 109px; }



.footer-con { bottom: 0; height: 5.9rem; position: fixed; right: 0; transition: right 0.5s ease 0s; width: 100%; z-index: 100; background: none repeat scroll 0 0 #db9d24; filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; }

.foot p { margin: 0 auto; max-width: 30rem; padding: 0.5rem 1rem; }

.foot .tx2 { border: 1px solid #4dbaff; border-radius: 0.25rem 0 0 0.25rem; box-shadow: 0.25rem 0.1rem 0.25rem rgba(238, 238, 238, 0.8) inset; float: left; font: 0.7rem/2rem arial; height: 2rem; outline: medium none; overflow: hidden; text-indent: 0.5rem; width: 73%; }

.foot .ty2 { background: none repeat scroll 0 0 #339ee2; border: 1px solid #4dbaff; border-radius: 0 0.25rem 0.25rem 0; color: #fff; float: right; font: 0.8rem/2rem Microsoft Yahei; height: 2.1rem; outline: medium none; overflow: hidden; text-align: center; width: 25%; }

.foot li { float: left; width: 25%; }

.foot li a, .foot li span { color: #fff; cursor: pointer; display: block; font-size: 1.2rem; height: 2.2rem; padding: 3.7rem 0 0; text-align: center; }

.foot li.zx a { background: url(/images/ico-mess.gif) no-repeat center 0.75rem; background-size: 2.95rem; height: 2.45rem; }

.foot li.tel a { background: url(/images/ico-tel2.png) no-repeat center 0.75rem; background-size: 2.6rem; height: 2.55rem; }

.foot li.yy a { background: url(/images/ico-yy.png) no-repeat center 0.75rem; background-size: 2.6rem; height: 2.55rem; }

.foot li.dh a { background: url(/images/ico-nav2.png) no-repeat center 0.75rem; background-size: 2.25rem; height: 2.7rem; }

.pf{position:fixed !important; _position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); bottom: 0rem; margin-bottom: 6rem; right:0.3rem; z-index:2147483647; }

.pf2{position:fixed !important; _position:absolute; _right:auto; _left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth- this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0)); _top:expression(eval (document.documentElement.scrollTop)); top:0px; margin-top:8rem; right:0.3rem; z-index:2147483647; }

.pf2 img{ width: auto;}



.dh_001{ width:100%; height:4.1rem; background:#3C8898; z-index:9999; position:fixed; _position:absolute; top:0rem; left:0rem;}

.dh_002{ width:32rem; height:4.1rem; margin:auto;}

.dh_003{ width:32rem; height:3rem; margin:auto; margin-top:0.6rem; float:left;}

.dh_003 span{ width:11.1rem; height:3rem; float:left; font-size:1.4rem; font-family:"Microsoft YaHei", "����"; color:#fff; line-height:3rem; text-align:center;}

.dh_004{ width:19rem; height:3rem; float:left; background:url(/images/top_12.jpg) no-repeat 0 0/19rem 3rem; line-height:3rem; text-align:center; font-size:1.8rem;font-family:"Microsoft YaHei", "����"; font-weight:bold; color:#fff; margin-left:0.6rem;}

.dh_004 img{ width:2.2rem; height:2.2rem; margin-top:0.1rem; margin-right:1rem;}

.dh_004 a{ line-height:3rem; text-align:center; font-size:1.8rem;font-family:"Microsoft YaHei", "����"; font-weight:bold; color:#fff;}



.fixednav {	width: 100%; position: fixed; bottom:0rem; left:0rem; height:4.3rem; background:#3C8898; text-align:center; z-index:9999;}

.fixednav img[src="/images/sms.gif"]{width:10.9rem; height:4.3rem;}

.fixednav img[src="/images/zixun.png"]{width:17.5rem; height:4.3rem;}



.yh_zj { overflow: hidden; zoom: 1; margin-top: 0.5rem; }

.yh_zj i { float: left; width: 10.1rem; display: block; }

.yh_zj i img { width: 10.1rem; height: 12.3rem; }

.yh_zjc { overflow: hidden; zoom: 1; background: url(images/yh_zjbg.png) repeat left top; padding: 0.4rem 0.4rem 0.5rem 1.3rem; }

.yh_zjc h2 { height: 2.4rem; line-height: 2.4rem; color: #222222; font-size:1.2rem; font-weight:bold; overflow:hidden; zoom:1; }

.yh_zjc h2 span{ display:inline-block; font-size:1.6rem; line-height:2rem; border-right:#734318 1px solid; padding-right:0.6rem;}

.yh_zjc p { color: #424242; line-height: 1.8rem; border-bottom: #bfbfbf 1px dashed; border-top: #bfbfbf 1px dashed; margin-top: 0.5rem; padding-bottom: 0.5rem; }

.yh_zjc span { display: block; margin-top: 0.4rem; text-align: center; }

.yh_zjc span img { display: inline-block; width: 7.05rem; height: 2.1rem; margin: 0rem 0.9rem; }





.list_bp3T { line-height: 2.4rem; font-size: 1.6rem; border-bottom: 0.1rem solid #ccc; padding-bottom: 1rem; color: #363636; width: 30rem; margin: 0 auto; }

.news55 { width: 30rem; height: 30rem; overflow: hidden; margin: 1rem auto; }

.news55 span { margin-right: 1rem; }

.news55 dl { margin-bottom: 1rem; overflow: hidden; }

.news55 dl dt span img { width: 2rem; height: 2rem; }

.Baise { color: #fff; text-decoration: none }

.news55 dd { line-height: 2.2rem; font-size: 1.2rem; text-indent: 2em; border-bottom: 0.1rem dashed #ccc; padding-bottom: 0.5rem; }





.xz_list2 { padding: 0px 0.3rem 1.1rem; overflow: hidden; zoom: 1; }

.xz_list2 ul li { line-height: 1.9rem; color: #999; margin-top: 1.1rem; overflow: hidden; zoom: 1; vertical-align: top; text-align: right; }

.xz_list2 ul li span { float: left; font-size: 1.2rem; }

.xz_list2 ul li i { font-weight: normal; width: 1.6rem; padding-right: 0.3rem; height: 1.9rem; line-height: 1.9rem; text-align: center; color: #fff; background: #f26522; display: inline-block; margin-right: 1rem; }

.xz_list2 ul li:nth-child(4) i, .xz_list2 ul li:nth-child(5) i { background: #b3b3b3; }



.xj_mktit{ background:#E4E4E4; line-height:3.9rem; text-align:center; font-size:1.5rem; color:#363636;}

.xj_mktit strong{ color:#3C8898;}

.xj_mk1{ border:1px solid #bababa;}

.xj_mk1 h2{ text-align:center; line-height:5rem; font-size:2.3rem; color:#454545;}

.xj_mk1t{ width:29.5rem; margin:0 auto;}

.xj_mk1b{ padding:0.6rem 0 0.1rem; overflow:hidden;}

.xj_mk1b ul li{ float:left; width:7.35rem; padding:0 0 0.4rem 0.5rem;}

.xj_mk2 { overflow: hidden; padding: 1rem; }

.xj_mk2 ul li { border: 1px solid #3C8898; float: left; line-height: 3.1rem; box-sizing:border-box; text-align: center; font-size: 1.3rem; color: #3a3939; height: 3.1rem; margin-right:0.15rem; margin-bottom:0.2rem;}

.xj_mk2 ul li a { color: #3a3a3a; display: block; }

.xj_mk2 ul li:nth-child(1) { width: 9.4rem;}

.xj_mk2 ul li:nth-child(1) a{ color:#ff0000; }

.xj_mk2 ul li:nth-child(4) a{ color:#ff0000; }

.xj_mk2 ul li:nth-child(8) a{ color:#ff0000; }

.xj_mk2 ul li:nth-child(12) a{ color:#ff0000; }

.xj_mk2 ul li:nth-child(2) { width: 10.2rem; }

.xj_mk2 ul li:nth-child(3) { width: 10rem; margin-right:0;}

.xj_mk2 ul li:nth-child(4) { width: 12.5rem; }

.xj_mk2 ul li:nth-child(5) { width: 8.3rem; }

.xj_mk2 ul li:nth-child(6) { width: 8.8rem; margin-right:0;}

.xj_mk2 ul li:nth-child(7) { width: 7.8rem; }

.xj_mk2 ul li:nth-child(8) { width: 12.3rem; }

.xj_mk2 ul li:nth-child(9) { width: 9.5rem; margin-right:0;}

.xj_mk2 ul li:nth-child(10) { width: 10.6rem; }

.xj_mk2 ul li:nth-child(11) { width: 9rem; }

.xj_mk2 ul li:nth-child(12) { width: 10rem; margin-right:0;}



.mj_x { width: 32rem; margin: 0 auto; overflow: hidden; }

.mj_x img { width: 11.4rem; height: 14.4rem }

.mj_zj { width: 32rem; margin: 0 auto; }

.mj_zj ul { overflow: hidden; zoom: 1; }

.mj_zj ul li { overflow: hidden; padding: 0.8rem 0rem; border-bottom: 1px solid #e5e5e5; }

.mj_zj ul li cite img { width: 11.4rem; height: 14.7rem; }

.mj_zj ul li div { width: 20rem; overflow: hidden; text-align: left }

.mj_zj ul li div h3 { font-size: 1.25rem; font-weight: bold; text-align: left }

.mj_zj ul li div h3 a { color: #0b0b0b; text-align: left }

.mj_zj ul li div h3 strong { font-size: 1.75rem; padding-right: 0.5rem; color:#222; }

.mj_zj ul li div h4 { font-size: 1.2rem; color: #424242; line-height: 3rem; text-align: left }

.mj_zj ul li div p { font-size: 1.1rem; color: #424242; line-height: 1.65rem; text-align: left }

.mj_zj ul li div h5 { font-size: 1.2rem; color: #424242; line-height: 2.9rem; text-align: left }

.mj_zj ul li div h5 strong:nth-of-type(2) { padding-left: 0.55rem }

.mj_zj ul li div strong { color: #424242; }

.mj_a1 { background: #ff9600; float: left; display: block; width: 6.85rem; height: 2.15rem; margin-right: 1.5rem; text-align: center; line-height: 2.15rem; font-weight: bold; color: #fff; font-size: 1.2rem; margin-top: 0.4rem; text-decoration: none }

.mj_a2 { background: #1F8182; float: left; display: block; width: 6.85rem; height: 2.15rem; text-align: center; line-height: 2.15rem; font-weight: bold; color: #fff; font-size: 1.2rem; margin-top: 0.4rem; text-decoration: none }

#mj_gd { font-size: 1.2rem; color: #424242; cursor: pointer; padding-top: 1rem; }

#mj_ul { display: none }





.p20 { padding: 0 1rem; }

.js_top ul { overflow: hidden; }

.js_top ul li { background: #f6f6f6; margin-top: 1rem; overflow: hidden; padding-left: 1rem; }

.in_jsl { padding-top: 2.2rem; width: 7.7rem; }

.in_jsl h3 { text-align: center; line-height: 2.5rem; color: #343434; padding-top: 2.4rem; }

.in_jsr { overflow: hidden; padding-left: 1.8rem; }

.in_jsr p { line-height: 2.7rem; color: #7b7878; padding: 0.8rem 0; }

.in_jsr p strong { color: #464646; }

.in_jsr h3 { padding-bottom: 1.5rem; overflow: hidden; }

.in_jsr h3 span { padding-right: 1.2rem; display: inline-block; width: 8.05rem; }

.in_jsr h3 span img { width: 8.05rem; }

.page2 { overflow: hidden; text-align: center; padding: 1rem 0; color: #4d4d4d; }

.page2 span, .page2 pre { padding: 0rem 0.8rem; line-height: 2.4rem; cursor: pointer; }

.page2 span.hover { color: #3984D6; font-weight: bold; }

.page2 select { height: 2.4rem; }

.page2 strong { margin: 0rem 0.5rem; color: #f00; }

.page2 ul li { padding: 0rem 0.8rem; line-height: 2.4rem; cursor: pointer; float: left; }

.page2 ul li.hover { color: #3984D6; font-weight: bold; }

.page2 select { height: 2.4rem; }

.page2 strong { margin: 0rem 0.5rem; color: #f00; }



.index_one { overflow:hidden; zoom:1; padding:0.5rem 0.75rem 1.2rem 0.75rem; }

.index_one li { overflow:hidden; zoom:1; margin-top:1rem; padding:0.1rem; border:1px solid #dcdcdc; }

.index_one li i { display:block; float:left; margin-right:0.15rem; display:inline; }

.index_one li i img { width:6.9rem; height:6.25rem; }

.index_one li p { color:#333; font-size:1.2rem; line-height:2.4rem; padding-top:0.75rem; }

.index_one li:last-child p { padding-top: 1.75rem; }

.index_one li p a { padding:0rem 0.75rem; color:#333; text-decoration:none; }

.index_one li p a span { color:#ff0000; }

.index_one li p b { font-weight:normal; }

.index_one li p b a { padding:0rem 0.4rem; }



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

.jl_bt dl { background: url(/images/jl_bg.png) no-repeat left top/30rem 3rem; line-height: 3rem; height: 3rem; margin: 1rem 1rem 0.75rem; }

.jl_bt dl dt { color: #FFF; text-indent: 1rem; float: left; font-size: 1.4rem; }

.jl_bt dl dd { float: right; font-weight: bold; font-size: 1.8rem; color: #FFF; width: 5.5rem; }

.jl_bt ul { height: auto; overflow: hidden; zoom: 1; margin: 0 1rem; }

.jl_bt ul li { float: left; height: 2.4rem; line-height: 2.4rem; width: 31.7%; text-align: center; margin: 0 0.4rem 0.5rem 0; border:0.1rem solid #CCC; }

.jl_bt ul li a { color: #666; }

.jl_bt ul li a.red{ color:#ff0000; }

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



.x_title { color: #FFF; text-align: center; font-weight: bold; background: #116dcc; height: 3.5rem; line-height: 3.5rem; font-size: 1.5rem; }

.x_title a{ color: #FFF; }

.wp01 { margin: 0 1rem; height: auto; overflow: hidden; zoom: 1; }

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

.wp01_tt ul li { width: 7.4rem; height: 4rem; text-align: center; font-size: 1.5rem; line-height: 4rem; float: left; margin-right: 1px; }

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

.wp01_tt ul li a { display: block; background: #FFF; color: #000; }

.wp01_tt ul li a:hover { text-decoration: none; }

.wp01_tt ul li.hover a { display: block; background: #3C8898; color: #FFF; }

.wp01_ct { height: auto; overflow: hidden; zoom: 1; margin: 0 auto 1.25rem; }

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

.wp1c h3 { height: 10.85rem; }

.wp1c h3 a { float: left; width: 14.75rem; height: 10.85rem; }

.wp1c h3 a:last-child { float: right; }

.wp1c ol { height: auto; overflow: hidden; zoom: 1; margin: 0.5rem auto; }

.wp1c ol li { background: url(/images/wp1_icon.png) no-repeat left center/1.2rem 0.6rem; text-indent: 1.8rem; height: 3rem; line-height: 3rem; border-bottom: 1px dashed #a4a4a4; }

.wp1c ol li a { color: #6a6a6a; }

.wp1c ol li img{ width: auto; margin-top:0.5rem;}

.wp1c ol li:last-child { border: none; }

.wp1c h4 { width: 29.85rem; height: 5.45rem; border: 1px solid #c3c1c1; margin: 0 auto; }



.wp2c ol { height: auto; overflow: hidden; zoom: 1; margin: 0.5rem auto; }

.wp2c ol li { height: 3.8rem; line-height: 3.8rem; border-bottom: 1px dashed #a4a4a4; }

.wp2c ol li a { color: #6a6a6a; }

.wp2c ol li img{ width: 7rem; height:3.8rem; }

.wp2c ol li:last-child { border: none; }





.xg_list { border: #c2d4e5 0.1rem solid; overflow: hidden; zoom: 1; padding: 0.1rem 0rem; }

.xg_list ul li { overflow: hidden; zoom: 1; vertical-align: top; margin-top: 0.1rem; }

.xg_zdtext { overflow: hidden; zoom: 1; height: 8.6rem; padding: 0rem 0.7rem; font-size: 1.4rem; background: #f5f5f5; }

.xg_zdtext h3 { color: #4DA4B1; font-size: 1.4rem; font-weight: bold; line-height: 3.2rem; border-bottom: #ccc 0.1rem dashed; }

.xg_zdtext h3 a { color: #4DA4B1; }

.xg_zdtext p { line-height: 2rem; padding: 0.5rem 0rem 0rem; color: #5b5656; }

.xg_zdtext span.click { clear: right; float: right; display: inline; font-size: 1.2rem; }

.width1px{ float: right; width: 0.1rem; height: 2rem; overflow: hidden; }

.xg_page { line-height: 3.1rem; text-align: center; background: #eeeeee; height: 3.1rem; }

.xg_page ul { margin: 0 1rem; }

.xg_page a { color: #333333; display: inline-block; padding: 0 0.5rem; }

.xg_page li { float: left; display: inline; margin-right: 0.3rem; }





.xj_injktit{ background:#3c8898; text-align:center; line-height:3.6rem; font-size:1.5rem; font-weight:bold; color:#fff;}

.xj_injktit a{ color:#fff;}

.xj_injknr{ padding:0.6rem 0 1.2rem;}

.xj_injknr ul{ overflow:hidden;}

.xj_injknr ul li{ float:left; padding:0.4rem 0 0 0.5rem; width:14.5rem;}

.xj_injknr ul li:nth-child(2n){ width:15.9rem;}





.yh_fw { width: 32rem; margin: 0rem auto; overflow: hidden; zoom: 1; background: #ebebeb; padding: 1rem 0rem; }

.yh_fw h2 { text-align: center; font-size: 1.2rem; line-height: 2rem; color: #3c8898; font-weight: bold; }

.yh_fw h3 { text-align: center; font-size: 1.2rem; color: #666666; line-height: 2rem; padding-top: 0.3rem; }

.yh_fw h3 img { vertical-align: middle; }

.yh_fw h3 a:nth-child(1) img { width: 7.1rem; height: 2rem; }

.yh_fw h3 a:nth-child(2) img { width: 8.25rem; height: 2rem; }

.yh_fwc { overflow: hidden; zoom: 1; padding: 0.9rem 0rem 0rem 2rem; }





.xjingybt { padding: 1rem 0 0; text-align: center; }

.xjingybt span { width: 1rem; height: 1rem; background: #ccc; border-radius: 50%; margin: 0 0.5rem; display: inline-block; }

.xjingybt span.hover { background: #3C8898; }





.tel_btn{ width:32rem; overflow:hidden; margin:0.4rem auto 1rem; background:#EDEDED; padding:1rem 0; text-align:center; }

.tel_btn h2{ line-height:2.4rem; font-size:1.4rem; font-weight:bold; color:#363636; margin-bottom:0.5rem; }

.tel_btn img { width:22.95rem; height: 2.55rem; }



.yh_zhj{ padding-left:1rem; background:#e3e3e3; height:4.5rem; line-height:4.5rem; margin-top:0.7rem; font-size:1.4rem; font-weight:bold; color:#363636;}

.yh_pp{ overflow:hidden; zoom:1; border:#b9b9b9 1px solid; margin:0.5rem 0rem 0.8rem; border:#b9b9b9 1px solid; padding:1.1rem;}

.yh_pp i{ float:left; width:14.3rem; display:inline-block; margin-right:1rem;}

.yh_pp i img{ width:14.3rem;}

.yh_pp dl{ overflow:hidden; zoom:1;}

.yh_pp dl dt{ font-size:1.2rem; line-height:2.2rem; color:#6a6a6a;}

.yh_pp dl dd{ overflow:hidden; zoom:1; padding-top:0.9rem;}

.yh_pp dl dd img{ width:6.9rem; margin-right:0.5rem; display:inline;}

/*��ҳ����ҳ����ͼ*/

.yh_ggt { width: 100%; margin: 0 auto; position: relative; z-index: 0; overflow: hidden;/*��ȫ������ͼƬ���ȴ�С���� width:32rem;*/ }

.yh_ggtx { display: none; width: 100%; overflow: hidden; zoom: 1; position: absolute; z-index: 1; bottom: 0; height: 0.5rem; overflow: hidden; text-align: center; }

.yh_ggtx ul { overflow: hidden; display: -moz-box; display: -webkit-box; display: box; background-color: rgba(51, 51, 51, 0.5); }

.yh_ggtx ul li { -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; height: 0.5rem; line-height: 0.5rem; font-size: 0; overflow: hidden; }

.yh_ggtx ul li.hover { background: #FF4000; }

.yh_ggtc { position: relative; z-index: 0; }

.yh_ggtc li img { width: 100%; }

.yh_jk { overflow: hidden; zoom: 1; padding-bottom: 1rem; }

.yh_jk ul li { height: 3rem; line-height: 3rem; border-bottom: #dcdcdc 1px dashed; padding-left: 2.3rem; background: url(/images/yh_jklo1.png) no-repeat 1.15rem center/0.5rem 0.55rem; font-size: 1.2rem; color: #333333; }

.yh_jk ul li a { color: #333333; }

.yh_jk ul li img { width: 2.35rem; vertical-align: top; margin-left:0.65rem; }



.sx_js{ overflow:hidden; zoom:1; padding:0.4rem 1rem 0.8rem 1rem;}

.sx_js ul{ overflow:hidden; zoom:1;}

.sx_js ul li{ width:14.45rem; float:left; margin:1rem 1.1rem 0rem 0rem; display:inline; position:relative; z-index:0;}

.sx_js ul li span{ width:14.45rem; height:2.1rem; display:block; position:absolute; z-index:1; bottom:0rem; left:0rem; background:#000;opacity:0.5;filter:alpha(opacity=50);}

.sx_js ul li p{ width:14.45rem; height:2.1rem; line-height:2.1rem; text-align:center; position:absolute; z-index:2; bottom:0rem; left:0rem; font-size:0.8rem; color:#fff;}

.sx_js ul li:nth-child(even){ margin-right:0rem;}

.sx_js h2{ overflow:hidden; zoom:1; text-indent:2em; font-size:1.2rem; color:#333; padding:0.7rem 1rem; border:1px solid #e7e6e6; margin-top:1.4rem;}

.sx_js h2 span{ color:#ff0000;}

.sx_tel_top{padding:2rem 0rem; background:#daf9ff;}

.sx_tel_top i{ display:block; text-align:center;}

.sx_tel_top i img{ width:12.95rem; height:12.95rem;}

.sx_tel_top h2{ font-size:1.3rem; color:#333; line-height:2rem; text-align:center; overflow:hidden; height:6.4rem; padding-top:1rem;}

.sx_tel_top h2 span{ font-size:1.9rem;}

.sx_tel_top ul{ overflow:hidden; zoom:1; padding:0rem 6.4rem;}

.sx_tel_top ul li{ width:6.3rem; height:6.3rem; float:left; margin-right:6.6rem; display:inline;}

.sx_tel_top ul li:last-child{ margin-right:0rem;}

.sx_tel_bot{ background:#4193a2; text-align:center; overflow:hidden; zoom:1; padding:1.5rem 0rem;}

.sx_tel_bot h2{ font-size:3rem; font-weight:bold; color:#fff; line-height:4rem;}

.sx_tel_bot h3{ line-height:2.4rem; font-size:1.6rem; color:#fff;}

.sx_tel_bot h3 a{ height:2.4rem; line-height:2.4rem; text-align:center; background:#ffe705; color:#a20226; padding:0rem 1rem; border-radius:0.4rem; margin-left:2rem; text-decoration:none;}

.sx_tel_bot p{ padding-right:4rem; text-align:right; margin-top:0.9rem;}

.sx_tel_bot p a{ height:1.6rem; line-height:1.6rem; padding-right:2.5rem; background:url(/images/sx_tel_ico.png) no-repeat center right/1.6rem 1.6rem; font-size:1.3rem; color:#edad00; text-decoration:underline;}

@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%; }

}
.yan2{
    position: relative;
}
.yan{
    display: block;
    width:30%;
    height:5rem;
    position: absolute;
    top:0;
    right:0;
}