@charset "utf-8";
/* CSS Document */

body{ font-family:Microsoft Yahei,helvetica,arial; color:#000; background:#ffcc00; margin:0 auto; padding:0; margin:0; margin:0 auto; min-width:320px; font-size:16px; -webkit-text-size-adjust:none; height:100%;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
body,html{-webkit-text-size-adjust:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
video embed,video object,video iframe,video{width:100%;height:auto;}
img{border:0 none;vertical-align:top;max-width:100%;height:auto;width:auto\9;-ms-interpolation-mode:bicubic;}
ul,li{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-size:100%}
a{ text-decoration:none;}
i,em,cite{font-style:normal;}
.container{ position:absolute; left:0; top:0; height:100%; max-width:100%; overflow:hidden; overflow-y:auto}
.container .bgimg{ width:100%;}
.container .tel-btn{ display:block; height:auto; text-align:center; width:100%; position:relative; left:0; top:0;}
.tel-btn .btns{ position:absolute; left:50%; margin-left:-31.25%; top:0; z-index:5; width:62.5%;}

.bd-nbg{ background:#fff; font-family:microsoft yahei;}
.container-index{ width:100%; margin:0 auto; min-width:320px;}
.container-index header{ padding:1em 4.7%; text-align:left; overflow:hidden; zoom:1;}
.container-index header span{ float:right; padding:0.5em 0 0; color:#666;}
.logo{ display:block; float:left; width:36%;}
.banner{ display:block; width:100%;}
.monitor-h1{ display:block; font-size:2em; line-height:2em; text-align:center; color:#59b93f;}
.monitor-h2{ display:block; text-align:center; color:#0a83ff;}
.monitor-h2 span{ display:inline-block; font-size:1.6em; line-height:1.6em; padding:0 0.5em; color:#666; }
.container-index .btn-groups{ padding:.5em 0 1em 0; overflow:hidden; zoom:1; border-bottom:1px solid #ededed;}
.btn-groups a{ display:block; width:43.75%; margin:.5em 0; border-radius:4px; position:relative; left:0; top:0;}
.btn-groups a img{ display:block;}
.btn-groups a:nth-child(1),.btn-groups a:nth-child(3){ float:left; margin-left:4%; background:#59b93f;}
.btn-groups a:nth-child(2),.btn-groups a:nth-child(4){ float:right; margin-right:4%; background:#1588ff;}
.btn-groups a:nth-child(1) img,.btn-groups a:nth-child(3) img{ float:left; margin-left:13.3%; width:20%;}
.btn-groups a:nth-child(2) img,.btn-groups a:nth-child(4) img{ float:left; margin-left:13.3%; width:18%;}
.btn-groups .texts{ text-align:left; height:100%; width:46.5%; position:absolute; right:0; top:0;}
.btn-groups .texts .in{ display:table; height:100%;}
.btn-groups .texts .in .in-in{ display:table-cell; vertical-align:middle; color:#fff;}
.btn-groups a i{ display:block; border-left:1px solid #7ac765; width:0; overflow:hidden; position:absolute; left:39.28%; height:62.5%; top:20%;}
.btn-groups a:nth-child(2) i,.btn-groups a:nth-child(4) i{ border-left:1px solid #44a0ff;}

.con-rec{ overflow:hidden; border-bottom:1px solid #ededed; margin-top:0.5em}
.con-rec .h3{ font-size:1.7em; font-weight:normal; line-height:1.9em; text-align:left; color:#1588ff; padding:0 3.75%;}
.con-rec .des{ font-size:1.4em; line-height:1.6em; text-align:left; color:#666; padding:0 3.75%;}
.con-rec .imgs{ display:block; margin:0 auto; margin-top:1.5em;}
.con-rec .i1{ width:75.3%;}
.con-rec .i2{ width:84.375%;}
.con-rec .i3{ width:79.06%;}
.con-rec .i4{ width:71.5%;}
.container-index .tel-tit{ padding:0.5em 4%; text-align:left; color:#333; font-size:1.8em; line-height:1.8em;}
.container-index .tel-con{ display:block; width:64.5%; margin-top:0.5em; position:relative; left:0; top:0; overflow:hidden; margin:0 auto;}
.container-index .tel-con img{ display:block; width:100%;}
.container-index .tel-con .txt{ position:absolute; right:0; top:2px; width:78%; height:100%; text-align:center;}
.tel-con .txt .in{ display:table; height:100%; width:100%; text-align:center;}
.tel-con .txt .in .in-ins{ display:table-cell; vertical-align:middle; color:#fff; font-family:Arial, Helvetica, sans-serif;}

footer{ border-top:1px solid #ededed; margin-top:1.5em; padding:1.5em 1em; overflow:hidden;}
footer .tops{ text-align:center; line-height:1.4em; overflow:hidden;}
footer .tops a{ color:#333; font-size:1.4em;}
.copyrights{ text-align:center; line-height:1.2em; font-size:1.2em; color:#333; padding-top:0.5em;}

.go-top{ display:block; width:12.5%; position:fixed; right:3%; bottom:3em; z-index:100;}
.sma,.sm{ padding:4%; color:#515151; clear:both;}
.sm{ color:#ed3a3a;}


@media screen and (min-width:1024px)
{
	body{font-size: 16px;}
    .btn-groups a{ border-radius:10px;}
	.in-in{ font-size:26px;}
	.in-ins{ font-size:50px;}
	.sma,.sm{ font-size:22px;}
	
}

@media screen and (min-width:640px) and (max-width:1023px)
{
	body{font-size: 16px;}
    .btn-groups a{ border-radius:10px;}
	.in-in{ font-size:22px;}
	.in-ins{ font-size:32px;}
    .sma,.sm{ font-size:22px;}
	
}
@media screen and (min-width:540px) and (max-width:639px)
{
	body{font-size: 15px;}
	.btn-groups a{ border-radius:8px;}
	.in-in{ font-size:20px;}
	.in-ins{ font-size:28px;}
	 .sma,.sm{ font-size:22px;}

}
@media screen and (min-width:480px) and (max-width:539px)
{
	body{font-size: 14px;}
	.btn-groups a{ border-radius:8px;}
	.in-in{ font-size:16px;}
	.in-ins{ font-size:20px;}
	
}
@media screen and (min-width:320px) and (max-width:479px)
{
	body{font-size: 12px;}
	.btn-groups a{ border-radius:6px;}
	.in-in{ font-size:14px;}
	.in-ins{ font-size:18px;}
}
@media screen and (max-width:320px)
{
	body{font-size: 12px;}
	.btn-groups a{ border-radius:4px;}
	.in-in{ font-size:12px;}
	.in-ins{ font-size:16px;}

}