@charset "gb2312";
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea { margin: 0; padding: 0 }
body { font-size: 14px; font-family: "Î¢ÈíÑÅºÚ", Arial, Verdana, Arial, Helvetica, sans-serif; padding-top: 1px; background: #fff;}

li, ol { list-style: none }
ins { text-decoration: none }
i, em { font-style: normal }
a { text-decoration: none; font-family: "Î¢ÈíÑÅºÚ";}
a:hover { cursor: pointer; text-decoration: none;}
:focus { outline: 0 }
.clear { clear: both; line-height: 0; overflow: hidden; zoom: 1; font-size: 0; content: '.' }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
img { padding: 0; margin: 0 }
a img { border: 0 }
input, textarea { border: 0; font-family: "Î¢ÈíÑÅºÚ"; font-size: 13px }
h1, h2, h3, h4, h5, h6 { font-weight: 400; font-size: 14px; font-family: "Î¢ÈíÑÅºÚ" }
.fl { float: left }
.fr { float: right }
.wrap { min-width: 320px; max-width: 640px; margin: 0 auto; overflow: hidden; position: relative; font-family: "Î¢ÈíÑÅºÚ"; background: #fff }
.wrap img { display: block;  }

.hd { height: 5rem; position: relative; z-index: 19; background: #fff; line-height: 0; }
.hd img { max-width: 100%; }
.logo { width: 4.75rem; padding: .3rem 0 0 3.125%; }
.text { width: 61.25%; display: flex; justify-content: space-between; align-items: center; height: 5rem; }
.text a { display: block; color: #333; font-size: 1.4rem; line-height: 5rem; }
.text i { display: block; color: #C9C9C9; font-size: 1.4rem; }
.text span.cur a { color: #00A2E9; }
.navbtn { width: 1.9rem; display: block; padding: 1.8rem 3.125% 1.5rem 1.5rem; }
.menu2 { position: relative; z-index: 9; }
.menu2 .slideMenu { width: 100%; display: none; z-index: 80; background: rgba(0, 162, 233, .95); background-image: linear-gradient(135deg, #00A2E9 10%, #00a2e9 100%); overflow: hidden; position: absolute; top: 5rem; right: 0; transition: transform 1s; -webkit-transition: transform 1s; padding-bottom: 2rem; }
.menu2 .slideMenu li { border-bottom: 1px solid rgba(255, 255, 255, .3); color: #fff; line-height: 3.9rem; font-size: 1.4rem; clear: both; }
.menu2 .slideMenu li a { color: #fff; display: block; line-height: 3.9rem; text-align: center; }
.menu2 .slideMenu ul { overflow: hidden; margin-bottom: 2.25rem; padding: 2rem 4rem; }
.menu2 .h_contact .call { display: block; color: #00A2E9; font-size: 1.6rem; line-height: 3.5rem; text-align: center; font-weight: bold; background: #fff; width: 12.15rem; height: 3.5rem; margin: 1rem auto 4.5rem; border-radius: .3rem; letter-spacing: .1rem; }
            

.g-ft {width: 100%;height: 8rem; max-width:640px; min-width:320px; margin:0 auto; padding:1rem 0 0;background: #f2f2f2; text-align:center;}
.f_con { height: 11.6rem; position: relative; }
.f_con .go_top { position: fixed; right: 3.1%; bottom: 23%; z-index: 999; }
.f_con .go_top a { display: block; text-align: center; font-size: 1.1rem; line-height: 100%; color: #fff; width: 4rem; height: 4rem; background: rgba(37, 70, 147, .68); border-radius: 50%; padding-top: 2.3rem; box-sizing: border-box; position: relative; overflow: hidden; }
.f_con .go_top a:before { position: absolute; content: ""; border-width: 1.1rem .75rem; border-style: solid; border-color: transparent transparent #fff; top: -.35rem; left: 50%; margin-left: -.75rem; }


.fwz{color: #666; font-size:1rem;line-height: 1.8rem;text-align: center;}
.fwz a{color: #666;}
.fwz span{ padding:0 0 0 1rem;}



.f_nav { height: 4rem; min-width: 320px; max-width: 640px; width: 100%; position: fixed; bottom: 0; z-index: 100; background: #0E1A37; }
.f_nav li { float: left; width: 25%; height: 10rem; box-sizing: border-box; background: #eead01; position: relative; text-align:center;}
.f_nav li>a { display: block; color: #000; font-size: 1.4rem; line-height: 1rem;}
.f_nav .cur { background: #ff0000; width: 25%;}
.f_nav .cur a{ color:#FFF;}
.f_nav li:after { position: absolute; content: ""; width: 1px; height: 1.5rem; background: #FFF; top: 1.6rem; right: 0; }
.f_nav .cur:after { display: none;}
.f_nav li em{display: block;padding: 0.2rem 0 0.2rem; width:45%; margin:0 auto;}
.f_nav li em img{ display:block;width:100%;}


.g-se{ padding:5% 10% 0 10%; background:#084ba4;} 
.g-se .m-ipt{margin-right:0;}
.g-se .u-key{width:100%;position:relative;font-size:1em; background:#f3eee2;padding:2% 0; height:1.2em;line-height:1.2em; border-radius:0.8em;
text-indent:2em;float:left;border:none; box-shadow:none;color: #777;} 
.g-se .u-in{width:10%; height:2.3rem;padding:4% 0; right:1%; background:url(../images/ser.png) right; left:85%; top:-2.3rem;position:relative;}
