﻿html{overflow-y:scroll;overflow-x:hidden;font-size:14px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{color:#444;font-family:microsoft yahei,Microsoft YaHei,微软雅黑,arial;}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img fieldset,input,li,ol,p,pre,textarea,th,ul{margin:0;padding:0;}
body{max-width:640px;min-width:320px;min-height:100%; margin:0 auto; background:#f1f3f6}
section, nav, header, footer {display:block;}
em,i,li,ol,ul{list-style-type:none; font-weight:normal}
h1,h2,h3,h4,h5,h6{font-weight:400;}
button,input,select,textarea{outline:0;border:none;border-radius:0;-webkit-appearance:none;}
img{border:0;vertical-align:middle;-ms-interpolation-mode:bicubic;}
input,select{outline:0;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:".";}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
a:link{color:#444;text-decoration:none;}
a:visited{color:#444;text-decoration:none;}
del{color:#666;font-family:arial;}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}

header{ height:8rem;padding:0 1rem; background:#fff;overflow:hidden; position:relative; z-index:9999}
header .logo{ padding:2rem 0}
header .logo img{ height:4rem;}
header .bt{ line-height:1.8rem; padding:2.2rem 0; font-size:1.4rem; margin-left:1rem; text-align:right}

.header{ height:8rem;padding:0rem; background:#fff;position:relative; overflow:inherit; z-index:9999}
.header .logo { padding:2.5rem 0}
.header .logo img{ height:3rem; }
.header .bt{ line-height:1.8rem; padding-top:2.3rem; font-size:1.2rem; margin-left:1rem;text-align:left}
.header .dh img{  height:3rem; padding:2.5rem 0}
.h{ position:relative; z-index:9999; background:#fff; height:8rem; padding:0 1rem;}
nav{ background:#f20000;}
nav ul li{ float:left; width:20%; text-align:center; line-height:3.4rem;}
nav ul li:nth-child(1),
nav ul li:nth-child(2),
nav ul li:nth-child(3),
nav ul li:nth-child(4),
nav ul li:nth-child(5){border-bottom:1px solid #ff9a9a}
nav ul li a{ display:block; color:#fff; font-size:1.4rem; border-right:#ab0000 1px solid}
nav ul li:nth-child(5n) a{ border-right:none}
nav ul li a:visited{color:#fff;text-decoration:none;}
nav ul li a:link{color:#fff;text-decoration:none;}

.contentnav{width:100%;height:7.8rem;position:absolute;top:0rem;background:rgba(0,0,0,.8); display:none; z-index:100; right:0}
.contentnav ul{ padding:0.5rem}
.contentnav ul li{ float:left; width:20%; text-align:center; line-height:3.4rem;}
.contentnav ul li a{ display:block; color:#fff; font-size:1.4rem;}
.contentnav ul li:nth-child(5n) a{ border-right:none}
.contentnav ul li a:visited{color:#fff;text-decoration:none;}
.contentnav ul li a:link{color:#fff;text-decoration:none;}


footer{ margin:1rem 0 0; text-align:center; padding:2rem 0 8rem; background:#fff}
footer p{ line-height:2.6rem; font-size:1.4rem}
footer p i{  padding:0rem .5rem;}
#slideBox{ position:relative; overflow:hidden; margin:.1rem auto 0; width:100% }
#slideBox .bd{ position:relative; z-index:0; }
#slideBox .bd li{ position:relative; text-align:center;  }
#slideBox .bd li img{ background:url(/3g/images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;}
#slideBox .hd{position:absolute;bottom:0;left:0;z-index:1;width:100%;height:2rem;text-align:center;}
#slideBox .hd ul li{display:inline-block;overflow:hidden;margin:5px;width:8px;height:8px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#f20000;cursor:pointer;zoom:1; text-indent:-6666px;opacity:.5;}
#slideBox .hd ul .on{background:#fff;;opacity:1}

#fnav{margin:0 auto;width:100%;box-shadow: 0 0 1rem 0 rgba(155,143,143,0.6);-moz-box-shadow: 0 0 1rem 0 rgba(155,143,143,0.6);}
#fnav{z-index:9999;bottom:0;left:0;position:fixed;height:5rem;line-height:5rem;background:rgba(0,0,0,.8);color:#FFF;padding:.3rem 0}
#fnav ul li{float:left;width:25%;text-align:center}
#fnav li a{display:block;vertical-align:middle;padding-top:1.4rem;font-size:1.2rem;color:#fff!important;text-align:center}
#fnav li a.foot-tel{background:url(/3g/images/foot1.png) center .5rem no-repeat;background-size:auto 2rem}
#fnav li a.foot-tel2{background:url(/3g/images/foot2.png) center .5rem no-repeat;background-size:auto 2rem}
#fnav li a.foot-tel3{background:url(/3g/images/foot1.png) center .5rem no-repeat;background-size:auto 2rem}
#fnav li a.foot-tel4{background:url(/3g/images/foot4.png) center .5rem no-repeat;background-size:auto 2rem}
#gotop{position:fixed;right:.8rem;bottom:7rem;z-index:999;display:none;width:4rem;height:4rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:rgba(27,27,27,.6);}
#gotop img{display:block;width:4rem;height:4rem;}

#adpic{ margin-top:1rem}
#adpic img{ width:100%;}

#search{ padding:1rem; background:#fff}
#search .tit{ width:20%; line-height:3.4rem; text-align: center; font-size:1.4rem;}
#search .inp{ width:60%;}
#search .inp .key{ display:block; border:1px solid #ddd; width:100%; box-sizing:border-box; line-height:3.4rem; height:3.4rem; font-size:1.4rem; text-indent:.5rem }
#search .btn{ width:20%;}
#search .btn .sbtn{ background:#f30; color:#fff; line-height:3.4rem; height:3.4rem; border:1px solid #f30; box-sizing:border-box; text-align:center; display:block; width:100%; font-size:1.4rem}

section.main{ margin-top:1rem; padding:2rem 0rem; background:#fff}
section.main .hd{ height:3.4rem; line-height:3.4rem; padding:0 1.5rem;}
section.main .hd ul li{ float:left; width:33.3%;  text-align:center; height:3.4rem;background:#f2f2f2;}
section.main .hd ul li a{ display:block; font-size:1.5rem;background:#f2f2f2;border:1px solid #ddd;color:#333; border-right:none}
section.main .hd ul li:nth-child(3) a{ border-right:1px solid #ddd}
section.main .hd ul li.on a{ background:#fff;border-bottom:1px solid #f20000;color:#f20000}
section.main .bd ul{ padding:1.5rem 1.5rem 0;overflow: hidden;}
section.main .bd ul li{ line-height:3.6rem; height:3.6rem; overflow:hidden; border-bottom:1px dotted #f1f1f1}
section.main .bd ul li em{ float:right; color:#999;font-size:1.2rem; font-style:normal}
section.main .bd ul li a{ font-size:1.5rem; background:url(/3g/images/dot.gif) no-repeat 0 .8rem; background-size:.5rem .5rem ; padding-left:1rem}
section.main .bd ul .more{ padding-top:2rem; text-align:center; height:3.2rem;}
section.main .bd ul .more a{ border:1px solid #f20000; width:14rem; height:3rem; line-height:3rem; font-size:1.4rem; display:inline-block; border-radius:3rem; color:#333}

#wz{ padding:.5rem 1.5rem 0; background:url(/../3g/images/dot.gif) no-repeat .3rem 1rem}
#wz,#wz a{ font-size:1.3rem; color:#999}

#list{ margin-top:0.5rem; padding:2rem 1.5rem; background:#fff}
#list h3{ line-height:3rem; font-weight:bold; font-size:1.6rem}
#list ul{ padding-top:.8rem}
#list ul li{ line-height:3.6rem; height:3.6rem; overflow:hidden; border-bottom:1px dotted #f1f1f1}
#list ul li em{ float:right; color:#999;font-size:1.2rem; font-style:normal}
#list ul li a{ font-size:1.5rem; background:url(/3g/images/dot.gif) no-repeat 0 .8rem; background-size:.5rem .5rem ; padding-left:1rem}

#fenye{color:#999; text-align:center; padding:4rem 0 2rem; font-size:1.4rem}
#fenye table{ width:100%;}
#fenye a{font-size:1.4rem;height:2.6rem;line-height:2.6rem;color:#A5A3A3; border-radius:0.2rem; background:#F1F1F1; display:inline-block; margin:0 0.1rem; padding:0 0.6rem; display:none;}
#fenye a:hover{background:#3087C4; color:#fff;}
#fenye .prev,#fenye .next{text-align:center; width:4.6rem; display:inline-block;}
#fenye a:hover{color:#fff; text-decoration:none;}

#content{ padding:2rem 1.5rem; background:#fff; margin-top:.5rem}
#content h1{ line-height:3rem; padding:1rem 0 1rem; font-size:1.8rem; font-weight:700; text-align:center}
#content .info{ border-bottom:1px solid #efefef; text-align:center; line-height:3rem; font-size:1.3rem; color:#999}
#content .mycontent{ padding:2rem 0; font-size:240%; font-size:1.6rem;overflow:hidden;}
#content .mycontent img{ max-width:100%}
#content .updown{border-top:1px solid #efefef; padding-top:2rem}
#content .updown p{ line-height:2.8rem; font-size:1.3rem}
#content .updown p a{ font-size:1.4rem}

#about{ margin-top:1rem; padding:2rem 1.5rem; background:#fff}
#about h3{ line-height:3rem; font-weight:bold; font-size:1.6rem; color:#f20000}
#about .mycontent{ padding:2rem 0; font-size:240%; font-size:1.6rem;overflow:hidden;}
#about .mycontent img{ max-width:100%}

#other{ margin-top:1rem; padding:2rem 1.5rem; background:#fff}
#other h3{ line-height:3rem; font-weight:bold; font-size:1.6rem; color:#f20000}
#other ul{ padding-top:.8rem}
#other ul li{ line-height:3.6rem; height:3.6rem; overflow:hidden; border-bottom:1px dotted #f1f1f1}
#other ul li em{ float:right; color:#999;font-size:1.2rem; font-style:normal}
#other ul li a{ font-size:1.5rem; background:url(/3g/images/dot.gif) no-repeat 0 .8rem; background-size:.5rem .5rem ; padding-left:1rem}

#zdtj{ margin-top:1rem; padding:2rem 1.5rem; background:#fff}
#zdtj h3{ line-height:3rem; font-weight:bold; font-size:1.6rem; color:#f20000}
#zdtj ul li{ float:left; width:48%; height:10rem; overflow:hidden; position:relative; margin-top:1rem}
#zdtj ul li:nth-child(2n){ margin-left:4%}
#zdtj ul li img{ width:100%; height:10rem;}
#zdtj ul li p{ position:absolute; bottom:0; width:100%; left:0; background:rgba(0,0,0,.5); line-height:3rem; height:3rem; color:#fff; text-align:center; font-size:1.4rem}



#about .form .i{ display:block; clear:both; padding:.3rem 1rem}
#about .form .i.jg{ border-top:1px dotted #eee; padding-top:2rem; margin-top:1rem}
#about .form .i span{ font-size:1.4rem;}
#about .form .i span.fl{ width:22%; text-align:right; line-height:3rem}
#about .form .i span.fl font{ color:#f00}
#about .form .i span.fr{ width:75%; text-align:left; line-height:3rem}
#about .form .i span.fr.con{ width:75%; text-align:left; line-height:2.2rem; padding-top:.3rem}
#about .form .i span.fr dd{ margin-bottom:1rem}
#about .form .i span.fr dd a{ display:inline-table;padding:0rem 1rem; line-height:2.8rem; border:1px solid #ddd; border-radius:.4rem}
#about .form .i span.fr dd.on a{ background:url(/images/price_on.png) no-repeat right bottom; border:2px solid #e4393c; color:#f30}
#about .form .i span.fr .inp{ border:1px solid #ddd; line-height:3rem; min-height:3rem;text-indent:1rem; width:100%; box-sizing:border-box; border-radius:.4rem; font-size:1.4rem}
#about .form .i span.fr .sel{ background:url(/3g/images/sel.png) no-repeat right+1rem center}
#about .form .btn{ text-align:center}
#about .form .btn button{ background:#f30; color:#fff; font-size:1.5rem; line-height:4rem; height:4rem; border-radius:.4rem; width:16rem;}