html { font-size: 62.5%; color: rgb(51, 51, 51); }
body { font-size: 1.2rem; font-family: "微软雅黑","宋体",Arial,Helvetica,sans-serif; min-width: 320px; max-width: 640px; margin: 0px auto; padding: 0px; height: auto; }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, font { padding: 0px; margin: 0px; }
fieldset, img { border: 0px none; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
ol, ul, li, dl, dt, dd { list-style: outside none none; }
input, button, textarea, checkbox, select, radio, form { vertical-align: middle; font-size: 100%; }
a { color: rgb(0, 0, 0); text-decoration: none; }
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a, area {  }
:focus { outline: medium none; }
.left { float: left; }
.right { float: right; }
.clear { font-size: 0px; line-height: 0; clear: both; overflow: hidden; }
a { text-decoration: none; cursor: pointer; }
form, input { margin: 0px; padding: 0px; }
fieldset, img { border: 0px none; }
ul, li { list-style: outside none none; margin: 0px; padding: 0px; }
.top { width: 100%; max-width:640px; margin: 0px auto; position: fixed; z-index: 999991; left: 0px; right:0; top: 0px; }
.top .top_tel { width: 60%; margin: 0px 1rem; float: left; height: 2.5rem; border: medium none; background: rgb(255, 255, 255) none repeat scroll 0% 0%; font-size: 1.1rem; }
.top .top_submit { width: 28%; background: rgb(3, 21, 155) none repeat scroll 0% 0%; color: rgb(255, 255, 255); float: left; border: medium none; height: 2.5rem; }
.logo { margin: 0px;}
.touchsliderdemo { width: 100%; margin: 0.1rem auto; display: block; overflow: hidden; position: relative; }
.touchsliderdemo .touchslider-viewport { margin: 0px auto; overflow: hidden; z-index: 1; }
.touchsliderdemo .touchslider-item { margin: 0px auto; display: block; overflow: hidden; }
.touchsliderdemo .touchslider-viewport li { float: left; }
.touchsliderdemo .touchslider-item img { width: 100%; margin: 0px auto; border: 0px none; }
.touchsliderdemo .touchslider-item a { display: block; line-height: 0; }
.touchsliderdemo .touchslider-nav { position: absolute; left: 45%; bottom: 5px; height: 12px; line-height: 12px; text-align: center; z-index: 5; display: block; }
.touchsliderdemo .touchslider-nav li { width: 9px; height: 9px; background: rgb(170, 170, 170) none repeat scroll 0% 0%; margin: 0px 3px; font-family: Arial; display: inline-block; border-radius: 9px; text-indent: -9999px; cursor: pointer; }
.touchsliderdemo .touchslider-nav li.on { background: rgb(2, 103, 183) none repeat scroll 0% 0%; }
.zixun { width: 95%; padding: 0px 2.5%; border-bottom: 0.1rem solid rgb(160, 160, 160); border-top: 0.1rem solid rgb(160, 160, 160); margin: 1rem 0px; }
.zxl { width: 35%; padding-top: 0.6rem; padding-bottom: 0.6rem; }
.zxr { width: 65%; padding-top: 0.5rem; padding-bottom: 0.5rem; }
.zxr ul li { width: 46%; height: 2.5rem; margin: 0.2rem 2% 0px; float: left; text-align: center; border-radius: 0.5rem; }
.zxr ul li a { color: rgb(255, 255, 255); font-size: 1.4rem; line-height: 2.5rem; }
.zxr .zxa { background: rgb(5, 94, 166) none repeat scroll 0% 0%; }
.zxr .zxb { background: rgb(234, 85, 4) none repeat scroll 0% 0%; }
.nav { overflow: hidden; background: rgb(5, 94, 166) none repeat scroll 0% 0% / contain ; }
.nav ul { margin-top: -1px; margin-bottom: -1px; overflow: hidden; }
.nav ul li { float: left; width: 25%; line-height: 3.05rem; height: 3.05rem; border-style: solid; border-color: rgb(255, 255, 255); text-align: center; box-sizing: border-box; border-width: 1px; }
.nav ul li a { display: inline-block; color: rgb(255, 255, 255); font-size: 1.4rem; }
.tnav ul li:nth-child(4n) { border-right: 0px none; }

.title span { font-size: 1.6rem; color: rgb(1, 71, 127); border-bottom: 0.2rem solid rgb(34, 34, 34); line-height: 2.1rem; }
.wtcot ul { overflow: hidden; width: 88%; margin: 1rem auto; }
.wtcot ul li { float: left; overflow: hidden; width: 33%; }
.wtcot ul li a { display: block; width: 84%; font: 1.2rem "微软雅黑"; color: rgb(255, 255, 255); text-align: center; margin: 0.7rem auto; padding: 0.5rem 0px; border-radius: 0.5rem; }
.guahao { width: 95%; margin: 0px 2.5%; }
.ghcot dl { width: 97%; margin: 1rem 1.5%; }
.ghcot dl dd { margin: 0.3rem auto; }
.ghcot dl dd input { width: 73%; height: 2.9rem; padding-left: 1%; position: relative; float: left; margin-bottom: 0.5rem; color: rgb(97, 97, 97); border-width: 1px 1px 1px medium; border-style: solid solid solid none; border-color: rgb(173, 173, 173) rgb(173, 173, 173) rgb(173, 173, 173) -moz-use-text-color; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; font-size: 1.2rem; vertical-align: middle; }
.ghcot dl dd span { width: 23.5%; height: 3rem; display: inline-block; text-align: right; padding-right: 2%; color: rgb(255, 255, 255); background: rgb(82, 82, 82) none repeat scroll 0% 0%; font-size: 1.2rem; line-height: 3rem; vertical-align: middle; float: left; margin-bottom: 0.5rem; }

/*.bottom { width: 100%; background: rgb(5, 94, 166) none repeat scroll 0% 0%; overflow: hidden; padding: 0.5rem 0px; }*/
.ghcot dl dd button { display:inline; float:left; margin-top:0px; width:30.6%; height:52px; color:#fff; text-align:center; border:0; cursor:pointer; margin-left:14%; margin-bottom:2%;}
.btn{width:60% ;margin:0.5rem auto 0.1rem; overflow:hidden;}
.ztreset,.ztsubmit{ padding:0.5rem 1rem;border-radius: 5px;text-align: center;color: white;font-size:1.5rem;}
.ztreset:hover,.ztsubmit:hover{ text-decoration:none;}
.ztsubmit{background-color: rgb(235,86,4);}	
.ghcot .ztsubmit{background-color:#f7ba00; color:#db0808; font-weight:bold; border:none;}
.ztreset {background:#763728; margin-right:0.3rem;}
.ztreset:hover{ color:#fff;}
.bottom ul { overflow: hidden; padding: 5px 0px; width: 100%; }
.bottom ul li { float: left; width: 23%; margin: 0px 1%; background: transparent url(../images/line.jpg) no-repeat scroll right center; }
.bottom ul li a { display: block; }
.bottom ul li h3 { color: rgb(255, 255, 255); text-align: center; }
.foot { width: 100%; margin: 1rem auto 11rem; }
.foot p { text-align: center; color: rgb(0, 0, 0); }
.foot p a { color: rgb(0, 0, 0); }
@media screen and (max-width:404px){
    .ztreset gh_tj,.ztsubmit gh_tj{
        font-size: 20px;
    }
}
@media screen and (max-width:335px){
    .ztreset gh_tj,.ztsubmit gh_tj{
        font-size: 18px;
    }
}
@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.6953%; }
}
@media screen and (min-width: 322px) and (max-width: 323px) {
	html { font-size: 62.8906%; }
}
@media screen and (min-width: 323px) and (max-width: 324px) {
	html { font-size: 63.0859%; }
}
@media screen and (min-width: 324px) and (max-width: 325px) {
	html { font-size: 63.2813%; }
}
@media screen and (min-width: 325px) and (max-width: 326px) {
	html { font-size: 63.4766%; }
}
@media screen and (min-width: 326px) and (max-width: 327px) {
	html { font-size: 63.6719%; }
}
@media screen and (min-width: 327px) and (max-width: 328px) {
	html { font-size: 63.8672%; }
}
@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.2578%; }
}
@media screen and (min-width: 330px) and (max-width: 331px) {
	html { font-size: 64.4531%; }
}
@media screen and (min-width: 331px) and (max-width: 332px) {
	html { font-size: 64.6484%; }
}
@media screen and (min-width: 332px) and (max-width: 333px) {
	html { font-size: 64.8438%; }
}
@media screen and (min-width: 333px) and (max-width: 334px) {
	html { font-size: 65.0391%; }
}
@media screen and (min-width: 334px) and (max-width: 335px) {
	html { font-size: 65.2344%; }
}
@media screen and (min-width: 335px) and (max-width: 336px) {
	html { font-size: 65.4297%; }
}
@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.8203%; }
}
@media screen and (min-width: 338px) and (max-width: 339px) {
	html { font-size: 66.0156%; }
}
@media screen and (min-width: 339px) and (max-width: 340px) {
	html { font-size: 66.2109%; }
}
@media screen and (min-width: 340px) and (max-width: 341px) {
	html { font-size: 66.4063%; }
}
@media screen and (min-width: 341px) and (max-width: 342px) {
	html { font-size: 66.6016%; }
}
@media screen and (min-width: 342px) and (max-width: 343px) {
	html { font-size: 66.7969%; }
}
@media screen and (min-width: 343px) and (max-width: 344px) {
	html { font-size: 66.9922%; }
}
@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.3828%; }
}
@media screen and (min-width: 346px) and (max-width: 347px) {
	html { font-size: 67.5781%; }
}
@media screen and (min-width: 347px) and (max-width: 348px) {
	html { font-size: 67.7734%; }
}
@media screen and (min-width: 348px) and (max-width: 349px) {
	html { font-size: 67.9688%; }
}
@media screen and (min-width: 349px) and (max-width: 350px) {
	html { font-size: 68.1641%; }
}
@media screen and (min-width: 350px) and (max-width: 351px) {
	html { font-size: 68.3594%; }
}
@media screen and (min-width: 351px) and (max-width: 352px) {
	html { font-size: 68.5547%; }
}
@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.9453%; }
}
@media screen and (min-width: 354px) and (max-width: 355px) {
	html { font-size: 69.1406%; }
}
@media screen and (min-width: 355px) and (max-width: 356px) {
	html { font-size: 69.3359%; }
}
@media screen and (min-width: 356px) and (max-width: 357px) {
	html { font-size: 69.5313%; }
}
@media screen and (min-width: 357px) and (max-width: 358px) {
	html { font-size: 69.7266%; }
}
@media screen and (min-width: 358px) and (max-width: 359px) {
	html { font-size: 69.9219%; }
}
@media screen and (min-width: 359px) and (max-width: 360px) {
	html { font-size: 70.1172%; }
}
@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.5078%; }
}
@media screen and (min-width: 362px) and (max-width: 363px) {
	html { font-size: 70.7031%; }
}
@media screen and (min-width: 363px) and (max-width: 364px) {
	html { font-size: 70.8984%; }
}
@media screen and (min-width: 364px) and (max-width: 365px) {
	html { font-size: 71.0938%; }
}
@media screen and (min-width: 365px) and (max-width: 366px) {
	html { font-size: 71.2891%; }
}
@media screen and (min-width: 366px) and (max-width: 367px) {
	html { font-size: 71.4844%; }
}
@media screen and (min-width: 367px) and (max-width: 368px) {
	html { font-size: 71.6797%; }
}
@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.0703%; }
}
@media screen and (min-width: 370px) and (max-width: 371px) {
	html { font-size: 72.2656%; }
}
@media screen and (min-width: 371px) and (max-width: 372px) {
	html { font-size: 72.4609%; }
}
@media screen and (min-width: 372px) and (max-width: 373px) {
	html { font-size: 72.6563%; }
}
@media screen and (min-width: 373px) and (max-width: 374px) {
	html { font-size: 72.8516%; }
}
@media screen and (min-width: 374px) and (max-width: 375px) {
	html { font-size: 73.0469%; }
}
@media screen and (min-width: 375px) and (max-width: 376px) {
	html { font-size: 73.2422%; }
}
@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.6328%; }
}
@media screen and (min-width: 378px) and (max-width: 379px) {
	html { font-size: 73.8281%; }
}
@media screen and (min-width: 379px) and (max-width: 380px) {
	html { font-size: 74.0234%; }
}
@media screen and (min-width: 380px) and (max-width: 381px) {
	html { font-size: 74.2188%; }
}
@media screen and (min-width: 381px) and (max-width: 382px) {
	html { font-size: 74.4141%; }
}
@media screen and (min-width: 382px) and (max-width: 383px) {
	html { font-size: 74.6094%; }
}
@media screen and (min-width: 383px) and (max-width: 384px) {
	html { font-size: 74.8047%; }
}
@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.1953%; }
}
@media screen and (min-width: 386px) and (max-width: 387px) {
	html { font-size: 75.3906%; }
}
@media screen and (min-width: 387px) and (max-width: 388px) {
	html { font-size: 75.5859%; }
}
@media screen and (min-width: 388px) and (max-width: 389px) {
	html { font-size: 75.7813%; }
}
@media screen and (min-width: 389px) and (max-width: 390px) {
	html { font-size: 75.9766%; }
}
@media screen and (min-width: 390px) and (max-width: 391px) {
	html { font-size: 76.1719%; }
}
@media screen and (min-width: 391px) and (max-width: 392px) {
	html { font-size: 76.3672%; }
}
@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.7578%; }
}
@media screen and (min-width: 394px) and (max-width: 395px) {
	html { font-size: 76.9531%; }
}
@media screen and (min-width: 395px) and (max-width: 396px) {
	html { font-size: 77.1484%; }
}
@media screen and (min-width: 396px) and (max-width: 397px) {
	html { font-size: 77.3438%; }
}
@media screen and (min-width: 397px) and (max-width: 398px) {
	html { font-size: 77.5391%; }
}
@media screen and (min-width: 398px) and (max-width: 399px) {
	html { font-size: 77.7344%; }
}
@media screen and (min-width: 399px) and (max-width: 400px) {
	html { font-size: 77.9297%; }
}
@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.3203%; }
}
@media screen and (min-width: 402px) and (max-width: 403px) {
	html { font-size: 78.5156%; }
}
@media screen and (min-width: 403px) and (max-width: 404px) {
	html { font-size: 78.7109%; }
}
@media screen and (min-width: 404px) and (max-width: 405px) {
	html { font-size: 78.9063%; }
}
@media screen and (min-width: 405px) and (max-width: 406px) {
	html { font-size: 79.1016%; }
}
@media screen and (min-width: 406px) and (max-width: 407px) {
	html { font-size: 79.2969%; }
}
@media screen and (min-width: 407px) and (max-width: 408px) {
	html { font-size: 79.4922%; }
}
@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.8828%; }
}
@media screen and (min-width: 410px) and (max-width: 411px) {
	html { font-size: 80.0781%; }
}
@media screen and (min-width: 411px) and (max-width: 412px) {
	html { font-size: 80.2734%; }
}
@media screen and (min-width: 412px) and (max-width: 413px) {
	html { font-size: 80.4688%; }
}
@media screen and (min-width: 413px) and (max-width: 414px) {
	html { font-size: 80.6641%; }
}
@media screen and (min-width: 414px) and (max-width: 415px) {
	html { font-size: 80.8594%; }
}
@media screen and (min-width: 415px) and (max-width: 416px) {
	html { font-size: 81.0547%; }
}
@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.4453%; }
}
@media screen and (min-width: 418px) and (max-width: 419px) {
	html { font-size: 81.6406%; }
}
@media screen and (min-width: 419px) and (max-width: 420px) {
	html { font-size: 81.8359%; }
}
@media screen and (min-width: 420px) and (max-width: 421px) {
	html { font-size: 82.0313%; }
}
@media screen and (min-width: 421px) and (max-width: 422px) {
	html { font-size: 82.2266%; }
}
@media screen and (min-width: 422px) and (max-width: 423px) {
	html { font-size: 82.4219%; }
}
@media screen and (min-width: 423px) and (max-width: 424px) {
	html { font-size: 82.6172%; }
}
@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.0078%; }
}
@media screen and (min-width: 426px) and (max-width: 427px) {
	html { font-size: 83.2031%; }
}
@media screen and (min-width: 427px) and (max-width: 428px) {
	html { font-size: 83.3984%; }
}
@media screen and (min-width: 428px) and (max-width: 429px) {
	html { font-size: 83.5938%; }
}
@media screen and (min-width: 429px) and (max-width: 430px) {
	html { font-size: 83.7891%; }
}
@media screen and (min-width: 430px) and (max-width: 431px) {
	html { font-size: 83.9844%; }
}
@media screen and (min-width: 431px) and (max-width: 432px) {
	html { font-size: 84.1797%; }
}
@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.5703%; }
}
@media screen and (min-width: 434px) and (max-width: 435px) {
	html { font-size: 84.7656%; }
}
@media screen and (min-width: 435px) and (max-width: 436px) {
	html { font-size: 84.9609%; }
}
@media screen and (min-width: 436px) and (max-width: 437px) {
	html { font-size: 85.1563%; }
}
@media screen and (min-width: 437px) and (max-width: 438px) {
	html { font-size: 85.3516%; }
}
@media screen and (min-width: 438px) and (max-width: 439px) {
	html { font-size: 85.5469%; }
}
@media screen and (min-width: 439px) and (max-width: 440px) {
	html { font-size: 85.7422%; }
}
@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.1328%; }
}
@media screen and (min-width: 442px) and (max-width: 443px) {
	html { font-size: 86.3281%; }
}
@media screen and (min-width: 443px) and (max-width: 444px) {
	html { font-size: 86.5234%; }
}
@media screen and (min-width: 444px) and (max-width: 445px) {
	html { font-size: 86.7188%; }
}
@media screen and (min-width: 445px) and (max-width: 446px) {
	html { font-size: 86.9141%; }
}
@media screen and (min-width: 446px) and (max-width: 447px) {
	html { font-size: 87.1094%; }
}
@media screen and (min-width: 447px) and (max-width: 448px) {
	html { font-size: 87.3047%; }
}
@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.6953%; }
}
@media screen and (min-width: 450px) and (max-width: 451px) {
	html { font-size: 87.8906%; }
}
@media screen and (min-width: 451px) and (max-width: 452px) {
	html { font-size: 88.0859%; }
}
@media screen and (min-width: 452px) and (max-width: 453px) {
	html { font-size: 88.2813%; }
}
@media screen and (min-width: 453px) and (max-width: 454px) {
	html { font-size: 88.4766%; }
}
@media screen and (min-width: 454px) and (max-width: 455px) {
	html { font-size: 88.6719%; }
}
@media screen and (min-width: 455px) and (max-width: 456px) {
	html { font-size: 88.8672%; }
}
@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.2578%; }
}
@media screen and (min-width: 458px) and (max-width: 459px) {
	html { font-size: 89.4531%; }
}
@media screen and (min-width: 459px) and (max-width: 460px) {
	html { font-size: 89.6484%; }
}
@media screen and (min-width: 460px) and (max-width: 461px) {
	html { font-size: 89.8438%; }
}
@media screen and (min-width: 461px) and (max-width: 462px) {
	html { font-size: 90.0391%; }
}
@media screen and (min-width: 462px) and (max-width: 463px) {
	html { font-size: 90.2344%; }
}
@media screen and (min-width: 463px) and (max-width: 464px) {
	html { font-size: 90.4297%; }
}
@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.8203%; }
}
@media screen and (min-width: 466px) and (max-width: 467px) {
	html { font-size: 91.0156%; }
}
@media screen and (min-width: 467px) and (max-width: 468px) {
	html { font-size: 91.2109%; }
}
@media screen and (min-width: 468px) and (max-width: 469px) {
	html { font-size: 91.4063%; }
}
@media screen and (min-width: 469px) and (max-width: 470px) {
	html { font-size: 91.6016%; }
}
@media screen and (min-width: 470px) and (max-width: 471px) {
	html { font-size: 91.7969%; }
}
@media screen and (min-width: 471px) and (max-width: 472px) {
	html { font-size: 91.9922%; }
}
@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.3828%; }
}
@media screen and (min-width: 474px) and (max-width: 475px) {
	html { font-size: 92.5781%; }
}
@media screen and (min-width: 475px) and (max-width: 476px) {
	html { font-size: 92.7734%; }
}
@media screen and (min-width: 476px) and (max-width: 477px) {
	html { font-size: 92.9688%; }
}
@media screen and (min-width: 477px) and (max-width: 478px) {
	html { font-size: 93.1641%; }
}
@media screen and (min-width: 478px) and (max-width: 479px) {
	html { font-size: 93.3594%; }
}
@media screen and (min-width: 479px) and (max-width: 480px) {
	html { font-size: 93.5547%; }
}
@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.9453%; }
}
@media screen and (min-width: 482px) and (max-width: 483px) {
	html { font-size: 94.1406%; }
}
@media screen and (min-width: 483px) and (max-width: 484px) {
	html { font-size: 94.3359%; }
}
@media screen and (min-width: 484px) and (max-width: 485px) {
	html { font-size: 94.5313%; }
}
@media screen and (min-width: 485px) and (max-width: 486px) {
	html { font-size: 94.7266%; }
}
@media screen and (min-width: 486px) and (max-width: 487px) {
	html { font-size: 94.9219%; }
}
@media screen and (min-width: 487px) and (max-width: 488px) {
	html { font-size: 95.1172%; }
}
@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.5078%; }
}
@media screen and (min-width: 490px) and (max-width: 491px) {
	html { font-size: 95.7031%; }
}
@media screen and (min-width: 491px) and (max-width: 492px) {
	html { font-size: 95.8984%; }
}
@media screen and (min-width: 492px) and (max-width: 493px) {
	html { font-size: 96.0938%; }
}
@media screen and (min-width: 493px) and (max-width: 494px) {
	html { font-size: 96.2891%; }
}
@media screen and (min-width: 494px) and (max-width: 495px) {
	html { font-size: 96.4844%; }
}
@media screen and (min-width: 495px) and (max-width: 496px) {
	html { font-size: 96.6797%; }
}
@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.0703%; }
}
@media screen and (min-width: 498px) and (max-width: 499px) {
	html { font-size: 97.2656%; }
}
@media screen and (min-width: 499px) and (max-width: 500px) {
	html { font-size: 97.4609%; }
}
@media screen and (min-width: 500px) and (max-width: 501px) {
	html { font-size: 97.6563%; }
}
@media screen and (min-width: 501px) and (max-width: 502px) {
	html { font-size: 97.8516%; }
}
@media screen and (min-width: 502px) and (max-width: 503px) {
	html { font-size: 98.0469%; }
}
@media screen and (min-width: 503px) and (max-width: 504px) {
	html { font-size: 98.2422%; }
}
@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.6328%; }
}
@media screen and (min-width: 506px) and (max-width: 507px) {
	html { font-size: 98.8281%; }
}
@media screen and (min-width: 507px) and (max-width: 508px) {
	html { font-size: 99.0234%; }
}
@media screen and (min-width: 508px) and (max-width: 509px) {
	html { font-size: 99.2188%; }
}
@media screen and (min-width: 509px) and (max-width: 510px) {
	html { font-size: 99.4141%; }
}
@media screen and (min-width: 510px) and (max-width: 511px) {
	html { font-size: 99.6094%; }
}
@media screen and (min-width: 511px) and (max-width: 512px) {
	html { font-size: 99.8047%; }
}
@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.195%; }
}
@media screen and (min-width: 514px) and (max-width: 515px) {
	html { font-size: 100.391%; }
}
@media screen and (min-width: 515px) and (max-width: 516px) {
	html { font-size: 100.586%; }
}
@media screen and (min-width: 516px) and (max-width: 517px) {
	html { font-size: 100.781%; }
}
@media screen and (min-width: 517px) and (max-width: 518px) {
	html { font-size: 100.977%; }
}
@media screen and (min-width: 518px) and (max-width: 519px) {
	html { font-size: 101.172%; }
}
@media screen and (min-width: 519px) and (max-width: 520px) {
	html { font-size: 101.367%; }
}
@media screen and (min-width: 520px) and (max-width: 521px) {
	html { font-size: 101.563%; }
}
@media screen and (min-width: 521px) and (max-width: 522px) {
	html { font-size: 101.758%; }
}
@media screen and (min-width: 522px) and (max-width: 523px) {
	html { font-size: 101.953%; }
}
@media screen and (min-width: 523px) and (max-width: 524px) {
	html { font-size: 102.148%; }
}
@media screen and (min-width: 524px) and (max-width: 525px) {
	html { font-size: 102.344%; }
}
@media screen and (min-width: 525px) and (max-width: 526px) {
	html { font-size: 102.539%; }
}
@media screen and (min-width: 526px) and (max-width: 527px) {
	html { font-size: 102.734%; }
}
@media screen and (min-width: 527px) and (max-width: 528px) {
	html { font-size: 102.93%; }
}
@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.32%; }
}
@media screen and (min-width: 530px) and (max-width: 531px) {
	html { font-size: 103.516%; }
}
@media screen and (min-width: 531px) and (max-width: 532px) {
	html { font-size: 103.711%; }
}
@media screen and (min-width: 532px) and (max-width: 533px) {
	html { font-size: 103.906%; }
}
@media screen and (min-width: 533px) and (max-width: 534px) {
	html { font-size: 104.102%; }
}
@media screen and (min-width: 534px) and (max-width: 535px) {
	html { font-size: 104.297%; }
}
@media screen and (min-width: 535px) and (max-width: 536px) {
	html { font-size: 104.492%; }
}
@media screen and (min-width: 536px) and (max-width: 537px) {
	html { font-size: 104.688%; }
}
@media screen and (min-width: 537px) and (max-width: 538px) {
	html { font-size: 104.883%; }
}
@media screen and (min-width: 538px) and (max-width: 539px) {
	html { font-size: 105.078%; }
}
@media screen and (min-width: 539px) and (max-width: 540px) {
	html { font-size: 105.273%; }
}
@media screen and (min-width: 540px) and (max-width: 541px) {
	html { font-size: 105.469%; }
}
@media screen and (min-width: 541px) and (max-width: 542px) {
	html { font-size: 105.664%; }
}
@media screen and (min-width: 542px) and (max-width: 543px) {
	html { font-size: 105.859%; }
}
@media screen and (min-width: 543px) and (max-width: 544px) {
	html { font-size: 106.055%; }
}
@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.445%; }
}
@media screen and (min-width: 546px) and (max-width: 547px) {
	html { font-size: 106.641%; }
}
@media screen and (min-width: 547px) and (max-width: 548px) {
	html { font-size: 106.836%; }
}
@media screen and (min-width: 548px) and (max-width: 549px) {
	html { font-size: 107.031%; }
}
@media screen and (min-width: 549px) and (max-width: 550px) {
	html { font-size: 107.227%; }
}
@media screen and (min-width: 550px) and (max-width: 551px) {
	html { font-size: 107.422%; }
}
@media screen and (min-width: 551px) and (max-width: 552px) {
	html { font-size: 107.617%; }
}
@media screen and (min-width: 552px) and (max-width: 553px) {
	html { font-size: 107.813%; }
}
@media screen and (min-width: 553px) and (max-width: 554px) {
	html { font-size: 108.008%; }
}
@media screen and (min-width: 554px) and (max-width: 555px) {
	html { font-size: 108.203%; }
}
@media screen and (min-width: 555px) and (max-width: 556px) {
	html { font-size: 108.398%; }
}
@media screen and (min-width: 556px) and (max-width: 557px) {
	html { font-size: 108.594%; }
}
@media screen and (min-width: 557px) and (max-width: 558px) {
	html { font-size: 108.789%; }
}
@media screen and (min-width: 558px) and (max-width: 559px) {
	html { font-size: 108.984%; }
}
@media screen and (min-width: 559px) and (max-width: 560px) {
	html { font-size: 109.18%; }
}
@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.57%; }
}
@media screen and (min-width: 562px) and (max-width: 563px) {
	html { font-size: 109.766%; }
}
@media screen and (min-width: 563px) and (max-width: 564px) {
	html { font-size: 109.961%; }
}
@media screen and (min-width: 564px) and (max-width: 565px) {
	html { font-size: 110.156%; }
}
@media screen and (min-width: 565px) and (max-width: 566px) {
	html { font-size: 110.352%; }
}
@media screen and (min-width: 566px) and (max-width: 567px) {
	html { font-size: 110.547%; }
}
@media screen and (min-width: 567px) and (max-width: 568px) {
	html { font-size: 110.742%; }
}
@media screen and (min-width: 568px) and (max-width: 569px) {
	html { font-size: 110.938%; }
}
@media screen and (min-width: 569px) and (max-width: 570px) {
	html { font-size: 111.133%; }
}
@media screen and (min-width: 570px) and (max-width: 571px) {
	html { font-size: 111.328%; }
}
@media screen and (min-width: 571px) and (max-width: 572px) {
	html { font-size: 111.523%; }
}
@media screen and (min-width: 572px) and (max-width: 573px) {
	html { font-size: 111.719%; }
}
@media screen and (min-width: 573px) and (max-width: 574px) {
	html { font-size: 111.914%; }
}
@media screen and (min-width: 574px) and (max-width: 575px) {
	html { font-size: 112.109%; }
}
@media screen and (min-width: 575px) and (max-width: 576px) {
	html { font-size: 112.305%; }
}
@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.695%; }
}
@media screen and (min-width: 578px) and (max-width: 579px) {
	html { font-size: 112.891%; }
}
@media screen and (min-width: 579px) and (max-width: 580px) {
	html { font-size: 113.086%; }
}
@media screen and (min-width: 580px) and (max-width: 581px) {
	html { font-size: 113.281%; }
}
@media screen and (min-width: 581px) and (max-width: 582px) {
	html { font-size: 113.477%; }
}
@media screen and (min-width: 582px) and (max-width: 583px) {
	html { font-size: 113.672%; }
}
@media screen and (min-width: 583px) and (max-width: 584px) {
	html { font-size: 113.867%; }
}
@media screen and (min-width: 584px) and (max-width: 585px) {
	html { font-size: 114.063%; }
}
@media screen and (min-width: 585px) and (max-width: 586px) {
	html { font-size: 114.258%; }
}
@media screen and (min-width: 586px) and (max-width: 587px) {
	html { font-size: 114.453%; }
}
@media screen and (min-width: 587px) and (max-width: 588px) {
	html { font-size: 114.648%; }
}
@media screen and (min-width: 588px) and (max-width: 589px) {
	html { font-size: 114.844%; }
}
@media screen and (min-width: 589px) and (max-width: 590px) {
	html { font-size: 115.039%; }
}
@media screen and (min-width: 590px) and (max-width: 591px) {
	html { font-size: 115.234%; }
}
@media screen and (min-width: 591px) and (max-width: 592px) {
	html { font-size: 115.43%; }
}
@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.82%; }
}
@media screen and (min-width: 594px) and (max-width: 595px) {
	html { font-size: 116.016%; }
}
@media screen and (min-width: 595px) and (max-width: 596px) {
	html { font-size: 116.211%; }
}
@media screen and (min-width: 596px) and (max-width: 597px) {
	html { font-size: 116.406%; }
}
@media screen and (min-width: 597px) and (max-width: 598px) {
	html { font-size: 116.602%; }
}
@media screen and (min-width: 598px) and (max-width: 599px) {
	html { font-size: 116.797%; }
}
@media screen and (min-width: 599px) and (max-width: 600px) {
	html { font-size: 116.992%; }
}
@media screen and (min-width: 600px) and (max-width: 601px) {
	html { font-size: 117.188%; }
}
@media screen and (min-width: 601px) and (max-width: 602px) {
	html { font-size: 117.383%; }
}
@media screen and (min-width: 602px) and (max-width: 603px) {
	html { font-size: 117.578%; }
}
@media screen and (min-width: 603px) and (max-width: 604px) {
	html { font-size: 117.773%; }
}
@media screen and (min-width: 604px) and (max-width: 605px) {
	html { font-size: 117.969%; }
}
@media screen and (min-width: 605px) and (max-width: 606px) {
	html { font-size: 118.164%; }
}
@media screen and (min-width: 606px) and (max-width: 607px) {
	html { font-size: 118.359%; }
}
@media screen and (min-width: 607px) and (max-width: 608px) {
	html { font-size: 118.555%; }
}
@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.945%; }
}
@media screen and (min-width: 610px) and (max-width: 611px) {
	html { font-size: 119.141%; }
}
@media screen and (min-width: 611px) and (max-width: 612px) {
	html { font-size: 119.336%; }
}
@media screen and (min-width: 612px) and (max-width: 613px) {
	html { font-size: 119.531%; }
}
@media screen and (min-width: 613px) and (max-width: 614px) {
	html { font-size: 119.727%; }
}
@media screen and (min-width: 614px) and (max-width: 615px) {
	html { font-size: 119.922%; }
}
@media screen and (min-width: 615px) and (max-width: 616px) {
	html { font-size: 120.117%; }
}
@media screen and (min-width: 616px) and (max-width: 617px) {
	html { font-size: 120.313%; }
}
@media screen and (min-width: 617px) and (max-width: 618px) {
	html { font-size: 120.508%; }
}
@media screen and (min-width: 618px) and (max-width: 619px) {
	html { font-size: 120.703%; }
}
@media screen and (min-width: 619px) and (max-width: 620px) {
	html { font-size: 120.898%; }
}
@media screen and (min-width: 620px) and (max-width: 621px) {
	html { font-size: 121.094%; }
}
@media screen and (min-width: 621px) and (max-width: 622px) {
	html { font-size: 121.289%; }
}
@media screen and (min-width: 622px) and (max-width: 623px) {
	html { font-size: 121.484%; }
}
@media screen and (min-width: 623px) and (max-width: 624px) {
	html { font-size: 121.68%; }
}
@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.07%; }
}
@media screen and (min-width: 626px) and (max-width: 627px) {
	html { font-size: 122.266%; }
}
@media screen and (min-width: 627px) and (max-width: 628px) {
	html { font-size: 122.461%; }
}
@media screen and (min-width: 628px) and (max-width: 629px) {
	html { font-size: 122.656%; }
}
@media screen and (min-width: 629px) and (max-width: 630px) {
	html { font-size: 122.852%; }
}
@media screen and (min-width: 630px) and (max-width: 631px) {
	html { font-size: 123.047%; }
}
@media screen and (min-width: 631px) and (max-width: 632px) {
	html { font-size: 123.242%; }
}
@media screen and (min-width: 632px) and (max-width: 633px) {
	html { font-size: 123.438%; }
}
@media screen and (min-width: 633px) and (max-width: 634px) {
	html { font-size: 123.633%; }
}
@media screen and (min-width: 634px) and (max-width: 635px) {
	html { font-size: 123.828%; }
}
@media screen and (min-width: 635px) and (max-width: 636px) {
	html { font-size: 124.023%; }
}
@media screen and (min-width: 636px) and (max-width: 637px) {
	html { font-size: 124.219%; }
}
@media screen and (min-width: 637px) and (max-width: 638px) {
	html { font-size: 124.414%; }
}
@media screen and (min-width: 638px) and (max-width: 639px) {
	html { font-size: 124.609%; }
}
@media screen and (min-width: 639px) and (max-width: 640px) {
	html { font-size: 124.805%; }
}
@media screen and (min-width: 640px) {
	html { font-size: 125%; }
}
.nav1 { width: 95%; margin: 1rem 2.5%; }
.nr1 { width: 100%; overflow: hidden; margin: 10px auto; }
.nr1 ul { overflow: hidden; }
.nr1 ul li { width: 24.7%; text-align: center; float: left; color: rgb(0, 0, 0); border-right: 0.1rem solid rgb(160, 160, 160); padding-top: 0.5rem; padding-bottom: 0.5rem; }
.nr1 ul li img { width: 40%; }
.nr1 ul li h4 { font: 1.2rem "微软雅黑"; color: rgb(38, 38, 38); padding-top: 0.5rem; }
.nr1 ul li h4.red{ color:red;}
.nr1 ul li h4:hover { color: rgb(170, 0, 32); }
.nr1 ul .cen { border-bottom: 0.1rem solid rgb(160, 160, 160); border-top: 0.1rem solid rgb(160, 160, 160); }
.zlzt { width: 95%; overflow: hidden; margin: 0px 2.5%; }
.yytp { float: left; width: 49%; border: 0.3rem solid rgb(192, 192, 192); }
.yytp img { width: 100%; float: left; }
.yyjj { float: left; width: 48%; padding-left: 1%; }
.yyjj ul li { font: 100 80%/177% "微软雅黑"; padding-left: 12%; background: transparent url(../images/xing.png) no-repeat scroll left center / 10% 70%; padding-top: 0.2rem; border-bottom: 0.1rem dashed rgb(114, 114, 114); }
.tw { width: 75%; margin: 1rem auto; }
.tw a { color: rgb(255, 255, 255); line-height: 2rem; }
.tw img { width: 17%; margin-right: 0.5rem; }
.twl { width: 45%; background: rgb(20, 113, 188) none repeat scroll 0% 0%; padding: 0.3rem; text-align: center; }
.twr { width: 48%; background: rgb(234, 85, 4) none repeat scroll 0% 0%; padding: 0.3rem; text-align: center; }
body { margin: 0px; padding: 0px; }
ul, dl, dt, dd, p, ol, li, div, td, tr, table, h1, h2, h3, h4, h5, h6, img, blockquote, div { margin: 0px; padding: 0px; }
img { border-width: 0px; vertical-align: middle; }
input, select { vertical-align: middle; padding: 0px; margin: 0px; }
ul, dl, ol { list-style: outside none none; }
.clearfix::after, .clear::before { display: table; content: ""; }
.clearfix::after { clear: both; overflow: hidden; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img { border: medium none; margin: 0px; padding: 0px; list-style-type: none; }
body, button, input, select, textarea { font: 12px/1.5 "微软雅黑",tahoma,Srial,helvetica,sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
img { border: 0px none; }
body, .ui-overlay-h { margin: 0px auto; position: relative; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
input, img { vertical-align: middle; }
body, html { margin: 0px auto; }
img { border: medium none; vertical-align: top; }
.clearfix::after, .clear::before { display: table; content: ""; }
.clearfix::after { clear: both; overflow: hidden; }
.submit { width: 59px; height: 30px; line-height: 30px; color: rgb(255, 255, 255); background-color: rgb(106, 115, 128); font-size: 12px; text-align: center; text-decoration: none; border-radius: 0px 14px 14px 0px; float: left; }
@media screen and (min-width: 320px) and (max-width: 900px) {
}
.ft_tel { position: fixed; bottom: 60px; left: 0px; width: 100%; height: 50px; }
.ft_tel a { width: 20%; height: 50px; text-align: center; display: block; float: left; background: transparent url(../images/ft_tel.gif) no-repeat scroll center center; }
.botCont { width: 100%; margin: 8px auto 0px; height: 52px; position: fixed; bottom: 0px; left: 0px; background: rgb(217, 217, 217) none repeat scroll 0% 0%; }
.botCont a { height: 50px; width: 20%; display: block; float: left; color: rgb(255, 255, 255); text-align: center; background: transparent url(../images/bothuang.png) no-repeat scroll center center; }
.botfont { width: 30px; height: 37px; line-height: 15px; margin: 8px auto 0px; text-align: center; font-size: 12px; }
.mfcont { height: 66px ! important; width: 20%; display: block; float: left; color: rgb(255, 255, 255); text-align: center; background: transparent url(../images/botlv.png) no-repeat scroll center center ! important; margin-top: -25px; }
.mfbotfont { width: 30px; height: 46px ! important; line-height: 16px; margin: 16px auto 0px; text-align: center; font-size: 14px ! important; font-weight: bold; }