@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }
html { line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none;}
a { text-decoration: none; -webkit-tap-highlight-color: transparent; }
a img { border: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
.fix:after { display: block; content: "$"; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.l { float: left; }
.r { float: right; }
.cell { display: table-cell; width: 2000px; }
button, select, textarea, input:not([type="radio"]):not([type="checkbox"]) { -webkit-appearance: none; appearance: none; }
a[href*="tongji"] { display: none; }
body { font: 12px/24px "Microsoft YaHei"; color: #333; background: url(../images/bg.jpg) repeat; padding-top: 0px;}
.mcen{display: block;max-width: 100%;margin: auto;}
/* header */
.header { width: 100%; background: #fff; }
.header a { display: block; padding: 7px 0px; }
.header img { margin: 0 auto; max-width: 100%;display: block; }

/* banner */
.banner { padding: 0 13px; height: auto; }
.banner img { display: block; margin: 0 auto; max-width: 100%; height: auto; }

/* cont_tit */
.menu { padding: 0 13px; margin-top: 13px; }
.menu ul { display: table; width: 100%; height: auto; }
.menu li { display: table-cell; width: 25%; height: 32px; border-right: 1px #fff solid; background: #0099a8; text-align: center; font-size: 14px; line-height: 32px; }
.menu li:nth-of-type(4) { border-right: 0; }
.menu a { display: block; width: 100%; height: 100%; color: #fff; }

/* wrap */
.wrap { padding: 0 13px; margin-top: 13px; }

.cont { width: 100%; height: auto; margin-top: 13px; }

.con_tit { width: 100%; height: auto; border-top: 1px #7fcbd2 solid; position: relative; }
.con_tit span { display: block; width: 80px; height: 3px; background: #7fcbd2; position: absolute; top: 0; left: 50%; margin-left: -40px; }
.con_tit span:after { content: ""; display: block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 8px solid #7fcbd2; position: absolute; top: 3px; left: 50%; margin-left: -10px; z-index: 2; }
.con_tit i { display: block; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 5px solid #fff; position: absolute; top: 4px; left: 50%; margin-left: -6px; z-index: 3; }
.con_tit h1 { margin-top: 13px; text-align: center; font-size: 18px; line-height: 30px; font-weight: bold; color: #0099a9; }

.con_tit2 { width: 100%; height: 44px; padding: 5px 0; background: #0099a9; text-align: center; }
.con_tit2 h2 { display: block; font-size: 20px; font-weight: bold; line-height: 26px; color: #fff; }
.con_tit2 p { font-size: 14px; line-height: 20px; color: #ffff00; }

/* con_jj */
.con_jj { width: 100%; height: auto; }
.con_jj p { width: 100%; min-height: 95px; margin-top: 13px; font-size: 14px; line-height: 24px; color: #333; text-indent: 2em; }
.con_jj p img { float: left; display: block; width: 123px; height: 89px; border: 1px #dad9d9 solid; padding: 2px; margin: 0 5px 0 0; }
.con_jj p a { color: #0600ff; }

/* con1 */
.con1_c { width: 100%; height: auto; }

.con1_cl { width: 61%; height: auto; }
.con1_cl li{ float: left; width: 100%;}
.con1_cl p { min-height: 40px; padding: 5px 0; font-size: 14px; line-height: 20px; color: #333; }
.con1_cl p b{ display:inline-block;}

.c1cl_1 { max-width: 270px; height: 44px; padding: 5px 0; margin: 7px auto 0; background: url(../images/c1cl_1bg.jpg) 0 0 no-repeat; background-size: 100% 100%; overflow: hidden; text-align: center; text-shadow: #fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0; }
.c1cl_1 b { display: block; font-size: 16px; line-height: 24px; color: #ff8400; }
.c1cl_1 em { display: block; font-style: normal; font-size: 14px; line-height: 20px; color: #333; }

.c1cl_2 { max-width: 270px; height: auto; width: 100%; margin: 0 auto; }
.c1cl_2 a{ display:block; width:100%; height:auto; display: table;}
.c1cl_2 dd { display: table-cell; width: 33.3%; height: 53px; }
.c1cl_2 span { display: block; width: 53px; height: 37px; padding: 8px 0; margin: 0 auto; background: #33b6c2; text-align: center; font-size: 15px; line-height: 18px; color: #fff; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border-radius: 50%; }

.con1_cr { width: 36%; height: 165px; background: #ccc; }
.con1_cr li { width: 100%; height: 32px; background: #666; border-bottom: 1px #b2b2b2 solid; text-align: center; font-size: 16px; line-height: 32px; color: #fff; }
.con1_cr li:hover, .con1_cr li.hover { background: #333; }

.con1_zx { width: 100%; height: 40px; display: table; margin-top: 20px; }
.con1_zx li { width: 50%; display: table-cell; }
.con1_zx li a { display: block; width: 80%; height: 37px; margin: 0 auto; padding-top: 3px; text-align: center; vertical-align: middle; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-radius: 4px; }
.con1_zx li a:before { content: ""; display: inline-block; width: 32px; height: 28px; margin-right: 5px; }
.con1_zx li span { display: inline-block; font-size: 16px; line-height: 20px; color: #fff; }
.con1_zx li span em { display: block; font-style: normal; font-size: 12px; line-height: 14px; }
.con1_zx li:nth-of-type(1) a { background: #0099a9; }
.con1_zx li:nth-of-type(1) a:before { background: url(../images/con_zx_ico.png) 0 0 no-repeat; background-size: auto 28px; }
.con1_zx li:nth-of-type(2) a { background: #8fc31f; position: relative; }
.con1_zx li:nth-of-type(2) a:before { background: url(../images/con_zx_ico.png) -32px 0 no-repeat; background-size: auto 28px; }
.con1_zx li:nth-of-type(2) a:after { content: ""; display: block; width: 31px; height: 31px; background: url(../images/con_zx_ico2.png) 0 0 no-repeat; background-size: auto 31px; position: absolute; top: -13px; left: -13px; }

.con2_c { width: 100%; height: auto; }
.con2_c li { float: left; width: 50%; height: 68px; margin-top: 10px; }
.con2_c li a{ display:block;}
.con2_c li span { display: block; width: 90%; height: 48px; margin: 0 auto; padding: 10px 0; background: #4db5e5; text-align: center; font-size: 16px; line-height: 24px; color: #fff; }
.con2_c li span:before { content: ""; display: block; float: left; width: 38px; height: 38px; margin-left: 10%; margin-top: 5px; }
.con2_c li:nth-of-type(1) span:before { background: url(../images/con2_c_ico.png) 0 0 no-repeat; background-size: auto 38px; }
.con2_c li:nth-of-type(2) span:before { background: url(../images/con2_c_ico.png) -38px 0 no-repeat; background-size: auto 38px; }
.con2_c li:nth-of-type(3) span:before { background: url(../images/con2_c_ico.png) -76px 0 no-repeat; background-size: auto 38px; }
.con2_c li:nth-of-type(4) span:before { background: url(../images/con2_c_ico.png) -114px 0 no-repeat; background-size: auto 38px; }

.con2_b { max-width: 440px; height: 80px; margin: 10px auto 0; border: 1px #cfcfcf solid; background: #efeae7 url(../images/con2_b_bg.jpg) right 0 no-repeat; background-size: auto 80px; }
.con2_b p { float: left; width: 50%; height: 80px; text-align: center; font-size: 14px; line-height: 20px; color: #333; }
.con2_b p b { display: block; }
.con2_b ul { float: left; width: 50%; height: 80px; }
.con2_b ul li { width: 100%; height: 28px; margin-top: 8px; }
.con2_b ul li:nth-of-type(2) a { background: #8fc31f; }
.con2_b ul a { display: block; width: 100px; height: 28px; margin: 0 auto; background: #0099a9; text-align: center; font-size: 14px; line-height: 28px; color: #fff; font-weight: bold; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.5); }

/* con3 */
.con3_c { width: 100%; height: auto; }
.con3_c li { float: left; width: 50%; height: 30px; margin-top: 15px; font-size: 14px; line-height: 30px; color: #33b6c2; }
.con3_c li i { display: inline-block; width: 30px; height: 30px; margin: 0 8px 0 3px; background: #33b6c2; text-align: center; color: #fff; font-style: normal; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border-radius: 50%; }

.con3_img { display: block; max-width: 100%; height: auto; margin: 15px auto 0; }

/* con5 */
.con5_map { display: block; max-width: 100%; height: auto; margin: 15px auto 0; }

.con5_zx { width: 100%; height: 40px; display: table; margin-top: 20px; }
.con5_zx li { width: 50%; display: table-cell; }
.con5_zx li a { display: block; width: 80%; height: 40px; margin: 0 auto; text-align: center; vertical-align: middle; font-size: 16px; line-height: 40px; color: #fff; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-radius: 4px; }
.con5_zx li a:before { content: ""; display: inline-block; vertical-align: middle; width: 32px; height: 28px; margin-right: 5px; }
.con5_zx li:nth-of-type(1) a { background: #0099a9; }
.con5_zx li:nth-of-type(1) a:before { background: url(../images/con_zx_ico.png) 0 0 no-repeat; background-size: auto 28px; }
.con5_zx li:nth-of-type(2) a { background: #8fc31f; position: relative; }
.con5_zx li:nth-of-type(2) a:before { background: url(../images/con_zx_ico.png) -32px 0 no-repeat; background-size: auto 28px; }

/* con_nav */
.con_nav { text-align: center; font-size: 14px; line-height: 40px; }
.con_nav a { display: inline-block; padding: 0 10px; color: #333; }

/* con6 */
.con6 { width: 100%; height: auto; background: #0099a9; padding-bottom: 80px; }
.con6 p { padding: 10px 0; text-align: center; font-size: 14px; line-height: 30px; color: #fff; }

.con6_logo { padding: 10px 80px 0; }
.con6_logo img { display: block; max-width: 100%; height: auto; margin: 0 auto; }

.con6_tell { padding: 0 33px; margin-top: 10px; }
.con6_tell dl { width: 100%; height: 33px; font-size: 16px; line-height: 33px; }
.con6_tell dt { float: left; width: 65%; height: 33px; background: #fff; text-align: center; color: #0099a9; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.con6_tell dt:before { content: ""; display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin-right: 5px; background: url(../images/con6_tell.png) 0 0 no-repeat; background-size: auto 20px; }
.con6_tell dd { float: left; width: 35%; height: 33px; background: #8fc31f; text-align: center; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.con6_tell dd a { display: block; color: #fff; }



.homeIcon {left:50%;top:18px;width:59px;height:50px;margin-left:-29px; }

.swtIcon {left:50%;top:36px;width:54px;height:48px;margin-left:5px;background: url(http://4g.0871gc.net/static/img/footerLink2.png) no-repeat; }

.homeIcon {top:9px;width:30px;height:25px;margin-left:-15px;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;}

.phoneIcon {left:50%;top:50%;width:54px;height:54px;margin-top:-27px;margin-left:1px; background: url(http://4g.0871gc.net/static/img/footerLink3.png) no-repeat;}

.footer .newIcon {position: absolute;display: block;width: 19px;height: 22px;right: 20px;top: -15px;z-index: 1;background: url(http://3g.kmgt120.com/images/fastIcon.png) no-repeat;}
 
.phoneIcon {width:27px;height:27px;margin-top:-14px;margin-left:0px;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;} 
 
.footer {height:60px;background:#8fc31f;position:fixed;width:100%;z-index:11;left:0;bottom:0;text-align:center;font-size:14px;line-height:1em;font-family:"Microsoft YaHei";}

.footer ul {display:table;table-layout:fixed;width:100%;margin:0;padding:0;}

.footer li {display:table-cell;}

.footer li:nth-of-type(2){background:#e50060;animation:shan 1.2s infinite;-webkit-animation:shan 1.2s infinite; }

.footer a {color:#fff;text-decoration:none;display:block;}

.footer a:before {content:"";display:block;margin:5px auto 0 auto;}

.footer .bSwt:before {height:35px;width:25px;background:url(http://4g.0871gc.net/static/images/iconBottom.png) no-repeat -34px 0;-webkit-background-size:59px auto;background-size:59px auto;}

.footer .bPhone:before {
	width:35px;height:40px;background:url(http://4g.0871gc.net/static/images/iconBottomPhone.gif) no-repeat;
	position:relative;margin-top:0;-webkit-background-size:35px auto;background-size:35px auto;
}
@-webkit-keyframes shan{
	0%{background: #e50060;}
	50%{background: #e50060;}
	51%{background: #a6cf4c;}
	100%{background: #a6cf4c;}
}
@keyframes shan{
	0%{background: #e50060;}
	50%{background: #e50060;}
	51%{background: #a6cf4c;}
	100%{background: #a6cf4c;}
}
.footer .active {
	position:relative;background:#e50060;padding-bottom:6px;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.8);box-shadow:0 0 8px rgba(0,0,0,0.8);
	animation:shan 1.2s infinite;-webkit-animation:shan 1.2s infinite; 
}
.footer .active span{
	display:block;position:absolute;background:#e50060;width:100%;height:10px;bottom:100%;left:0;
	border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:0;border-bottom-right-radius:0;
	animation:shan 1.2s infinite;-webkit-animation:shan 1.2s infinite; 
}
.footer .bOnline:before {
	width:31px;
	height:35px;
	background:url(http://4g.0871gc.net/static/images/iconBottom.png) no-repeat;
	-webkit-background-size:59px auto;
	background-size:59px auto;
}
.footer li .no2{
 	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    position: absolute;
    border: 2px solid #fff;
    width: 20px;
    height: 20px;
    line-height: 17px;
    font-size: 14px;
    color: #fff;
    left: 85px;
    top: 1px;
    font-family: arial;
    font-weight: bold;
    -webkit-animation: flash 2s infinite;
    animation: flash 2s infinite;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-radius: 10px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fd142e), to(#bf0116));
    background: -webkit-linear-gradient(top, #fd142e, #bf0116);
    background: linear-gradient(to bottom, #fd142e, #bf0116);
}
