
html { font-size: 62.5%; }
img { max-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, SimSun, Arial, Helvetica, sans-serif; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
fieldset, img { border: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
ol, ul, li, dl, dt, dd { list-style: none; }
input, button, textarea, checkbox, select, radio, form { vertical-align: top; }
a { color: #000; text-decoration: none; }
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a, area { blr:expression(this.onFocus=this.blur());}
:focus { outline: none; }
.red, .red a { color: #F00; }
.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; }
.yahei, .yahei * { font-family: Microsoft YaHei; }
.songti, .songti * { font-family: SimSun; }
body { font-size: 1.2rem; /* margin: 4.15rem auto 0; */}
.top_tel { position:fixed; top:0; z-index:2; width:100%; overflow: hidden; height: 4.15rem; background: #006699; text-align: center; line-height: 4.15rem; font-size: 1.4rem; color: #fff; }
.top_tel span { font-family: Arial, Helvetica, sans-serif; font-size: 2rem; }
.top_tel img { width: 1.95rem; height: 1.95rem; vertical-align: middle; padding: 0rem 0.5rem; }
.top_tel a { color: #fff; }
.sx_nav { overflow: hidden; background: #006699; }
.sx_nav ul { overflow: hidden; zoom: 1; }
.sx_nav ul li { width: 25%; float: left; height: 40px; line-height: 40px; text-align: center; font-size: 1.4rem; border-left:1px solid #267da8; border-right: 1px solid #005782; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.sx_nav ul li:nth-child(1),.sx_nav ul li:nth-child(5) { border-left: none;}
.sx_nav ul li:nth-child(4),.sx_nav ul li:nth-child(8) { border-right: none;}
.sx_nav ul li:nth-child(-n+4) { border-bottom: 1px solid #005782;}
.sx_nav ul li:nth-child(n+5) { border-top: 1px solid #267da8;}
.sx_nav ul li a { color: #fff; text-decoration: none; }
.sx_nav ul li a span { color: #fff047; }
.sx_ban { position: relative; z-index: 0; max-width: 640px; margin:0 auto; }
.ban_pic ul { overflow: hidden;}
.ban_tit { width: 50px; position: absolute; z-index: 1; bottom: 0.5rem; left: 50%; margin-left: -25px; }
.ban_tit ul { overflow: hidden; zoom: 1; margin-right: -1rem; }
.ban_tit ul li { width: 14px; height: 14px; background: url(/style/zj_tbg.png) no-repeat; background-size: 100% 100%; float: left; margin-right: 4px; display: inline; }
.ban_tit ul li.hover { background: url(/style/zj_thover.png) no-repeat; background-size: 100% 100%;}
.sx_tel { height: 3.4rem; margin: 1.5rem auto; overflow: hidden; background: url(/style/tel_bg.png) no-repeat; background-size: 100% 100%; }
.sx_tel i { display: block; float: left; margin-right: 0px; }
.sx_tel i img { width: 15rem; height: 3.4rem; }
.sx_tel p { font-size: 1.3rem; overflow: hidden; zoom: 1; line-height: 3.4rem; color: #fff; text-align: center; }
.sx_tel p a{ color:#fff;}
.title { overflow: hidden; height: 3.85rem; background: #006699; }
.title i { display: block; float: left; margin-right: 0.6rem; display: inline; }
.title i img { width: 4.45rem; height: 3.85rem; }
.title p { font-size: 1.7rem; font-weight: bold; color: #fff; line-height: 3.85rem; }
.sx_one { margin: 1rem auto 1.5rem auto; padding:0 3%; overflow: hidden; height: 19.4rem; max-width: 640px;;}
.one_tit { width: 35%; float: left; background: #fff; }
.one_tit ul { overflow: hidden; zoom: 1; margin-top: -0.1rem; }
.one_tit ul li { overflow: hidden; height: 3.15rem; text-align: center; line-height: 3.15rem; background: #d7d7d7; color: #222; cursor: pointer; margin-top: 0.1rem; }
.one_tit ul li.hover { background: #006699; color: #fff; }
.one_con { width: 63%; float: left; margin-left: 2%; }
.one_con ul{ overflow:hidden;}
.one_con li { overflow: hidden; height: 19.4rem;  }
.one_con li i { display: block; text-align: center; }
.one_con li p { margin-left: 0.3rem; padding-left: 0.7rem; background: url(/style/one_ico.png) no-repeat center left/0.25rem 0.45rem; font-size: 1.2rem; color: #464646; line-height: 2.2rem; height:2.2rem; overflow: hidden; zoom: 1; }
.one_con li p span a{ color: #e00000; }
.sx_two { overflow: hidden; zoom: 1; padding: 0.5rem 1rem 1.5rem 1rem; }
.sx_two li { overflow: hidden; height: 7.2rem; background: url(/style/two_bg1.png) no-repeat; background-size: 100% 100%; margin-top: 1rem; }
.sx_two li:last-child { background: url(/style/two_bg2.png) no-repeat; background-size: 100% 100%; }
.two_tit { width: 24%; height: 7.2rem; text-align: center; }
.two_tit i { display: block; margin-top: 1.15rem; }
.two_tit i img { width: 3.25rem; height: 3.25rem; }
.two_tit p { font-size: 1.2rem; color: #fff; margin-top: 0.5rem; }
.two_wz1 { width: 75%; overflow: hidden; zoom: 1; }
.two_wz1 dd { width: 33.33333333%; height: 3.6rem; line-height: 3.6rem; float: left; font-size: 1.2rem; color: #464646; text-align: center; }
.two_wz1 dd a { color: #464646; text-decoration: none; }
.two_wz1 dd a span { color: #ee0000; }
.two_wz2 { width: 75%; overflow: hidden; zoom: 1; }
.two_wz2 dd { width: 50%; height: 3.6rem; line-height: 3.6rem; float: left; font-size: 1.2rem; color: #464646; text-align: center; }
.two_wz2 dd a { color: #464646; text-decoration: none; }
.two_wz2 dd a span { color: #ee0000; }
.tit { font-size: 1.7rem; font-weight: bold; color: #fff; line-height: 3.85rem; overflow: hidden; height: 3.85rem; background: #006699; text-align: center; }
.two_bot { overflow: hidden; zoom: 1; padding: 0.8rem 1rem 1.5rem 0.8rem; }
.two_bot li { height: 3.2rem; line-height: 3.2rem; text-align: center; float: left; margin: 0.2rem 0rem 0rem 1%; display: inline; font-size: 1.3rem; color: #fff; }
.two_bot li a { color: #fff; }
.two_bot li:nth-child(1) { width: 32%; background: #548dd4; }
.two_bot li:nth-child(2) { width: 38%; background: #cfc8ab; }
.two_bot li:nth-child(3) { width: 27%; background: #92cddc; }
.two_bot li:nth-child(4) { width: 38%; background: #92cddc; }
.two_bot li:nth-child(5) { width: 27%; background: #548dd4; }
.two_bot li:nth-child(6) { width: 32%; background: #95b3d7; }
.two_bot li:nth-child(7) { width: 38%; background: #95b3d7; }
.two_bot li:nth-child(8) { width: 32%; background: #92cddc; }
.two_bot li:nth-child(9) { width: 27%; background: #548dd4; }
.two_bot li:nth-child(10) { width: 32%; background: #548dd4; }
.two_bot li:nth-child(11) { width: 38%; background: #cfc8ab; }
.two_bot li:nth-child(12) { width: 27%; background: #95b3d7; }

.view_cont img {width:auto;}

.zj_top { overflow: hidden; zoom: 1; padding: 1rem; font-size: 1.4rem; color: #464646; line-height: 2.4rem; max-width: 640px; margin:0 auto; }
.zj_top span { color: #e50000; }
.zj_con ul { overflow: hidden; }
.zj_con ul li { position: relative; z-index: 0; }
.zj_wz { position: absolute; z-index: 1; top: 1.2rem; left: 1.5rem; width: 14.6rem; font-size: 1.2rem; line-height: 2.4rem; }
.zj_wz p{ word-break:break-all;}
.zj_wz span { color: #dd0000; }
.zj_wz a { color: #dd0000; }
.zj_wz b { font-size: 1.6rem; }
.zj_tit { width: 25.5rem; margin: 0rem auto; overflow: hidden; zoom: 1; padding: 1.2rem 0rem 1.5rem 0rem; }
.zj_tit ul { overflow: hidden; zoom: 1; margin-right: -1rem; text-align: center; }
.zj_tit ul li { width: 1.65rem; height: 1.65rem; background: url(/style/zj_tbg.png) no-repeat; background-size: 100% 100%; display: inline-block; margin-right: 0.5rem;}
.zj_tit ul li.hover { background: url(/style/zj_thover.png) no-repeat; background-size: 100% 100%; }
.sx_thr { overflow: hidden; zoom: 1; padding: 1rem 1rem 0.5rem 1rem; }
.thr_top { overflow: hidden; zoom: 1;}
.thr_top ul { overflow: hidden; zoom: 1;}
.thr_top ul li { width: 32.833333333%; display:block; overflow: hidden; float: left; margin:0 0 0 0.5%; }
.thr_top ul li:nth-child(3n+1) { margin-left: 0; }
.thr_top ul li img { max-width: 100%; margin:0 auto; margin-top:0.1rem; display: block; }
.thr_bot { overflow: hidden; zoom: 1; margin-top: 0.5rem; }
.thr_bot li { overflow: hidden; zoom: 1; border-bottom: 1px dashed #a4a4a4; }
.thr_bot li i { display: block; float: left; margin-right: 0.9rem; display: inline; }
.thr_bot li i img { width: 7rem; height: 3.8rem; }
.thr_bot li p { line-height: 3.8rem; font-size: 1.2rem; color: #464646; }
.thr_bot li p a { color: #464646; }
.thr_bot li:last-child { border-bottom: none; }
.sx_four { overflow: hidden; zoom: 1; padding: 1.6rem 3%; }
.sx_four li { width: 33%; text-align: center; float: left; }
.sx_four li i { display: block; }
.sx_four li i img { display: block; width: 96%; max-width: 100%; margin:0 auto; max-width: 153px; }
.sx_four li p { font-size: 1.4rem; margin-top: 0.7rem; }
.foot_nav { overflow: hidden; height: 3.85rem; background: #006699; }
.foot_nav li { width: 25%; float: left; line-height: 0.85rem; text-align: center; font-size: 1.4rem; color: #fff; }
.foot_nav li a { color: #fff; }
.foot_box { padding: 1.25rem 0rem 0 0rem; overflow: hidden; zoom: 1; }
.foot_box p { margin-left:5rem; font-size: 1.2rem; color: #464646; line-height: 2rem; }
.foot_box p a{ color: #464646;}
.foot_box h2 { text-align: center; font-size: 1.2rem; color: #464646; padding: 1.5rem 0rem; height: 1.5rem; line-height: 1.5rem; }
.foot_box h2 a { padding: 0rem 0.9rem; color: #464646; text-decoration: none; }
.foot_box h2 img { width: 1.5rem; height: 1.5rem; vertical-align: middle; padding-left: 0.5rem; }
.sx_swt { width: 100%; background: #006699; position: fixed; bottom: 0rem; left: 0; }
.sx_swt li { width: 28%; line-height: 4rem; text-align: center; font-size: 1.2rem; color: #fff; float: left; }
.sx_swt li a { color: #fff; text-decoration: none; }
.sx_swt li a span { font-size: 1.6rem; font-family: Arial, Helvetica, sans-serif; }
.sx_swt li img { padding-right: 0.3rem; vertical-align: middle; width: 2.1rem; height: 2.1rem; }
.sx_swt li:nth-child(2) { width: 44%; background: #ff7e00; }
.float_container dt img {width:auto;}

@media screen and (min-width:320px) and (max-width:399px) {
html { font-size: 62%; }
}

@media screen and (min-width:400px) and (max-width:499px) {
html { font-size: 80%; }
}

@media screen and (min-width:500px) and (max-width:599px) {
html { font-size: 100%; }
}

@media screen and (min-width:600px) and (max-width:640px) {
html { font-size: 110%; }
}
@media screen and (min-width:641px) {
html { font-size: 110%; }
}
@media screen and (min-width:400px) {
.sx_nav ul li { height: 55px; line-height: 53px;}
}

/*add*/
.img-responsive { display: block; max-width: 100%;}
.mc { margin:0 auto;}
#xiaoguo2 { margin:0 auto; max-width: 640px;}

.mC_b{ width:80%; margin:1% auto 3% auto; text-align:center; overflow: hidden;}
.mC_b a:nth-of-type(1){ background:#db5d00; float:left;}
.mC_b a:nth-of-type(2){ background:#1b64ab; float:right;}
.mC_b a{ display:block;width:42%; color:#fff; padding:2% 3%;}

.index_b a {position: absolute;display: block;width: 21.4%;height: 25%;top: 64.3%;}
.index_b {position: relative;max-width: 640px;margin: 0 auto;}
.index_a1 {left: 35.7%;}
.index_a2 {left: 59.3%;}

















