@charset "utf-8";
/* CSS Document */
* { padding:0; margin:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing:border-box; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, form, input, font, figure { padding:0; font-family:Microsoft YaHei, Arial, Helvetica, sans-serif; margin:0 auto; color:#505050; }
html, body { font-size:100%; color:#000; }
.shou-bot font{ color:#F00}
fieldset, img { border:0; vertical-align:top; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
ol, ul, li, dl, dt, dd { list-style:none; }
.left { float:left; }
.right { float:right; }
a { color:#333; text-decoration:none; }
a:link, a:visited { text-decoration:none; }
a:hover { text-decoration:none; color:#333; }
.clearfix:after { display: block; font-size:0; content: " "; clear: both; height:0; line-height:0; }
.clear { clear:both; }
input[type="submit"], input[type="button"], button { -webkit-appearance: none; }
.iconfont { font-family:"iconfont" !important; font-size:2em; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; color:#fff; }
.icon-6:before { content: "\e603"; }
.icon-1:before { content: "\e600"; }
.icon-2:before { content: "\e601"; }
.icon-4:before { content: "\e604"; }
.icon-5:before { content: "\e602"; }
.icon-3:before { content: "\e605"; }
/*-----------------------------*/
.main { width:100%; max-width:720px; margin:0 auto; font-size:1.75em; line-height:1.7em; overflow:hidden; margin-top:63px}
.head-nav { margin-top:0.5%; }
.head-nav ul li a { display:inline-block; float:left; margin-right:0.3%; width:24.775%; height:2.5em; color:#fff; background:#0788d3; text-align:center; line-height:2.5em; border-bottom:0.12em solid #fff; }
.head-nav ul li a.on { background:#30bcc1; }
.head-nav ul li:nth-child(4n+4) a {
margin-right:0;
}
.pro-top { margin-top:2%; padding-left:2.5%; font-size:1.2857em; height:1.944em;line-height:1.944em; }
.pro-top i { display:inline-block; padding-left:1%; font-size:0.55em; font-style:normal; }
.pro-top a { color:#0788d3; border-radius:0.2em; display:block; width:9.6%; margin-right:4%; text-align: center; font-size:0.44em; line-height:1.5em; height:1.1875em; float:right; background:#fff; margin-top:4%; }
.pro-top span { font-weight:bold; margin-right:1%; }
.pro-bot ul li { float:left; width:22.7%; height:5.68em; background:#0788d3; border-radius:0.2em; margin-left:8%; margin-top:7%; text-align:center; }
.pro-bot ul li a { display:inline-block; width:100%; height:100%; color:#fff; padding-top:14%; font-size:0.8em }
.pro-bot ul li.on { background:#38d2d7; }
.pro-bot ul li a h4 { width:48.42%; }
.telephone { height:4.7em; margin:6% 0; background:#cde2ff; text-align:center; }
.telephone a { border-radius:0.2em; margin-top:3.5%; display:inline-block; width:67.36%; height:2.82em; background:#cd0000; }
.telephone a i { padding-top:3%; display:inline-block; width:26.4%; border-right:1px solid #f02828; float:left; height:1.23em; }
.telephone a h4 { text-align:left; width:72%; line-height:1.35em; float:right; font-size:0.785em; color:#fff; margin-top:1.5%; }
.telephone a h4 span { font-size:1.63em; font-weight:bold; }
.ad { margin:1px 0; }
.dy-bot { width:97.22%; margin-top:2%; margin-bottom:6%; border:1px solid #efefef; }
.dy-bot ul li a { display:inline-block; width:70%; float:left; font-size:1em; color:#666; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.dy-bot ul li { height:2.75em; border-bottom:1px solid #efefef; line-height:2.75em; }
.dy-bot ul li span {  width:30%; }
.dy-bot ul li:nth-child(1) span, .dy-bot ul li:nth-child(2) span, .dy-bot ul li:nth-child(3) span {
}
.slideBox { width:66.8%; height:11.96em; overflow:hidden; margin-top:6%; }
.slideBox .hd { width:22%; height:2.464em; padding-top:7%; }
.slideBox .hd ul li { float:left; margin:0 3px; width:0.43em; height:0.43em; border-radius:0.215em; line-height:14px; text-align:center; background:#333333; cursor:pointer; }
.slideBox .hd ul li.on { background:#0788d3; color:#fff; }
.slideBox .bd img { width:100%; height:9.5em; display:block; }
.icon-1 { font-size:2.3em; }
.phone { width:68.05%; text-align:center; }
.phone a { display:inline-block; width:100%; border-radius:0.2em; font-size:0.71em; height:4.25em; background:#0788d3; }
.icon-2 { display:inline-block; width:27%; float:left; font-size: 3.8em; text-align: right; padding-top:3%; }
.phone h4 { padding-top:4%; float:left; line-height:1.3em; color:#fff; }
.phone h4 span { font-size:1.8em; font-weight:bold; }
.sx12_3{width:429px; height:130px; margin-top:39px; padding-bottom:45px}
.sx12_3 ul li{width:127px; height:130px; background:#0788d3; border-radius:10px; float:left; margin-right:23px; text-align:center;margin-left: 48px;margin-bottom: 10px;}
.sx12_3 ul li a{text-decoration:none; color:#FFF; font-size:18px}
.sx12_3 ul li img{display:block; padding:14px 30px}
.footer{width:429px; background:#0788d3; margin-bottom:88px; margin-top:40px}
.footer1{width:396px;  padding-top:44px; padding-bottom:54px}
.footer1 img{display:block; padding-bottom:28px}
.footer1 p{text-align:center; font-size:20px; color:#fff; line-height:34px}
.shou-top b { display:inline-block; width:3.6%; margin-left:1%; }
.shou-top img { vertical-align:middle; }
.shou-top em { font-style:normal; font-size:0.8em; }
.shou-top { margin-top:2%; padding-left:2.5%; font-size:1.2857em; color:#fff; height:1.944em;  line-height:1.944em; }
.shou-top a { color:#fff; }
.head-line span { margin:0 2%; }
.head-line h1 { margin-top:2%; font-size:1.285em; color:#0788d3; text-align:center; }
.head-line h5 {
font-size:; color:#999; font-size:0.857em; text-align:center; margin-top:1%; padding-bottom:2%; border-bottom:1px solid #e5e5e5; }
.shou-bot p { width:94.44%; margin:2% auto; margin-bottom:0px; color:#666666; }
.shou-bot ul { width:97.22%; }
.shou-bot ul li { color:#666; height:2.678em; border-bottom:1px dashed #666666; line-height:2.678em; }
.shou-bot ul li a { color:#666; }
.eassy-bot ul li:nth-child(2) a {
color:#1f8285;
}
.eassy-bot ul li { height:2.857em; line-height:2.857em; }
.eassy-bot { border:0px; }
.content { width:97.22%; }
.content ul li { height:6.07em; border:1px solid #d8d8d8; margin-top:3%; }
.content ul li h4 { height:2.14em; border-bottom:1px solid #cfcfcf; line-height:2.14em; color:#1d7c80; }
.content ul li h4 img { vertical-align:middle; }
.content ul li h4 i { display:inline-block; width:3%; margin-left:4%; margin-right:2%; }
.content ul li p { font-size:0.85em; color:#666; line-height:1.5em; text-indent:2em; padding-top:3%; padding-left:2%; }
.content ul li p a { color:#ff0000; }
.page { height:3em; padding-top:5%; }
.page ul { width:61.1%; }
.page ul li { float:left; margin:0 2.5%; height:1.375em; line-height:1.375em; text-align:center; }
.page ul li a { color:#a6a6a6; font-size:0.857em; border:1px solid #d2d2d2; height:1.375em; line-height:1.375em; display:inline-block; }
.page ul li a.on { color:#9ed8e2; border:none; }
@media only screen and (max-width: 320px) {
.main {
font-size:0.75em;
line-height:1.8em;
}
}
@media only screen and (min-width: 360px)and (max-width: 384px) {
.main {
font-size:0.875em;
line-height:1.8em;
}
.profession ul li:nth-child(3) {
padding-top:2%;
}
}
@media only screen and (min-width: 385px)and (max-width: 480px) {
.main {
font-size:1em;
line-height:1.8em;
}
}
@media only screen and (min-width: 481px)and (max-width: 639px) {
.main {
font-size:1.25em;
line-height:1.8em;
}
}
@media only screen and (min-width: 640px)and (max-width: 719px) {
.main {
font-size:1.56em;
line-height:1.8em;
}
}