@charset "utf-8";
body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea, p {margin:0; padding:0; font-weight: normal;font-style: normal;font-size: 100%; font-family: inherit; word-break:break-all;}
body { font-size:12px;font-family:"Microsoft Yahei","微软雅黑", Arial,"宋体","sans-serif"; background:#fff url(../images/dibg.jpg); background-size: cover; overflow-x: hidden;}

html { -webkit-text-size-adjust:none;}
ol, ul ,li{list-style: none;}
a { text-decoration:none; cursor:pointer;}
img {border: 0; display: block;}





/* ============常用============ */

.clear {clear:both;}
.block {display:block;}
.none {display:none;}
.left { float:left; }
.right {float:right;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}
input {
    outline: none;
}
/*上面为CSS初始内容*/

#web { padding: 10px;}
#webpage { padding: 0px;}

#topban { margin:0px 0px 12px 0px; height: 100%; text-align: center; position: relative;}
#topban .logo { height: 84px; padding: 8px;}
#topban .logo img { height: 100%; margin: 0px auto;}

.logoimg { padding: 10px 0px 20px 0px; text-align: center;}
.logoimg .logo { height: 70px; padding: 8px;}
.logoimg .logo img { height: 100%; margin: 0px auto;}

.toptit { margin:0px 0px 10px 0px; min-height: 40px; background: #9CCA2C;}
.toptit p { text-align: center; color: #fff; font-weight: bold; line-height: 40px; font-size: 1.4em; letter-spacing:5px;}

.futit { margin:0px 0px 10px 0px; min-height: 40px; background: #fff;}
.futit p {text-align: center; width: 160px; margin: 0px auto;  color: #DC5A40; font-weight: bold; line-height: 40px; font-size: 1.4em; }

.futit .icoshou { width: 20px; height: 24px; display: inline-block; float: right; margin-top: 10px; background: url(../images/icoshou.png); background-size: cover; }

#ding { margin: 0px 0px 10px 0px; height: 80px; background: #fff url(../images/logo.jpg) no-repeat; background-size: auto 100%; }
#ding .dzi{ text-align: right; font-size: 1.24em; color: #8AB700; padding: 10px 10px; font-weight: bold;}
#ding a { width: 100%; line-height: 60px; display: block;}

.suma { margin: 0px 0px 12px 0px; border: 1px solid #eee; height: 30px; line-height: 30px; background: #fff; padding: 10px 10px; position: relative;}
.suma .smtt {color: #D95B42; font-size: 1.2em; float: left; font-weight: bold;}
.suma .smcont { width: 68%;  line-height: 30px; float: left; position: relative;}
.suma .smcont .spt { width: 100%; line-height: 30px; font-size: 1.2em; background: none; border: none;}
.suma .btnsou { top: 10px; right: 5px; padding:0px 5px; position: absolute;  color: #D95B42;}
.suma .btnsou i { font-size: 2em;}

.chajg { margin:0px 0px 10px 0px; display: none; height:auto;  background: #fff; padding: 5px;}
.chajg p { text-align: center; line-height: 20px;}
.chajg .zhen { width: 80px; height: 80px; line-height: 80px; margin: 0px auto 5px auto;  border-radius: 100px; background: #D95B42;  color: #fff; text-align: center; font-size: 2em;}


.gnmain { margin: 0px 0px 10px 0px; height: auto; overflow: auto;}
.gnmain li { width: 31%; height: 90px; float: left; color: #fff; text-align: center; position: relative;}
.gnmain li .ico { width: 30px; height: 30px; margin: 20px auto 10px auto;}
.gnmain li .ico i { font-size: 3em;}
.gnmain li p { font-size: 1.2em;}
.gnmain li a { color: #fff; display: block; width: 100%; height: 90px; top: 0px; position: absolute;}

.gnmain li:nth-child(10n+1) { margin-right: 3.5%; background: #80D2DD; }
.gnmain li:nth-child(10n+2) { margin-right: 3.5%; background: #F98884; }
.gnmain li:nth-child(10n+3) { background: #F5C21D; }

.fomain { margin: 0px 0px 10px 0px; height: auto; overflow: auto;}
.fomain li { width: 23.5%; height: 80px; float: left; color: #fff; text-alifo: center; position: relative;}
.fomain li .ico { width: 28px; height: 28px; margin: 14px auto 8px auto;}
.fomain li .ico i { font-size: 3em;}
.fomain li p { font-size: 1.2em; text-align: center;}
.fomain li a { color: #fff; display: block; width: 100%; height: 80px; top: 0px; position: absolute;}

.fomain li:nth-child(10n+1) { margin-right: 2%; background: #80D2DD; }
.fomain li:nth-child(10n+2) { margin-right: 2%; background: #F98884; }
.fomain li:nth-child(10n+3) { margin-right: 2%; background: #F5C21D; }
.fomain li:nth-child(10n+4) { background: #85B200; }


.gnlist { position: relative; margin-bottom: 12px;}
.gnlist ul { padding: 0px 6px; overflow: auto;}
.gnlist li { width: 22.5%; margin:0px 1.25%; height: 60px; padding: 10px 0px; background: #fff; display: block; float: left;}
.gnlist li .icon { width: 30px; height: 30px; margin: 0px auto;}
.gnlist li .icon img { width: 100%;}
.gnlist li a { color: #fff;}
.gnlist li p { text-align: center;  color: #fff; line-height: 40px;}

.gnlist li:nth-child(10n+1) { background: #FF6523;}
.gnlist li:nth-child(10n+2) { background: #FF9401;}
.gnlist li:nth-child(10n+3) { background: #00B2B2;}
.gnlist li:nth-child(10n+4) { background: #8AB700;}

.banimg { width: 100%;  margin-bottom: 12px;}
.banimg img { width: 100%;}

.fotdv { padding: 10px; background: #51CBFF; font-size: 1.2em; line-height: 30px; color: #fff; text-align: center;}
.rotdv { padding: 10px; background: #EFE4D8; font-size: 1.2em; line-height: 30px; color: #666666; text-align: center;}


.footer { padding:10px 10px;}
.footer p { text-align: center; color: #fff; line-height: 20px; ext-shadow: 0px 2px 2px #666;}


.weixin { display: none; width: 60%; left: 16%; background: #fff; padding: 4%; border-radius: 5px; top: 20%; position: fixed; z-index: 9001;}
.weixin img { width: 100%;height: auto}
.weixin p { text-align: center;}
.btnoff { position: fixed; top: 10px; right: 10px; color: #fff; font-size: 1.8em; display: none; z-index: 9002;}



.tandv { background: #fff; width: 84%; min-height: 280px; display: none; z-index: 9999; border-radius: 5px; top: 15%; left: 8%;   padding:2em 2em; -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box; position: absolute;}
.tandv .tit {  text-align: center; font-size: 1.6em; padding-bottom: 1em; margin-bottom: 1.2em; font-weight: bold; color: #E62119; border-bottom: dashed 1px #ccc;}
.tandv .tantt { min-height: 100px; text-align: center;}
.tandv .tantt p { margin-bottom: 10px; font-size: 1.2em;}
.tandv .btnok { width: 120px; height: 36px; line-height: 36px; border-radius: 6px; margin: 0px auto; display: block; border: 0px; line-height: 36px; display: block; text-align: center; background:#E62119; color: #fff; font-size: 1.4em;}

.red { color: red !important;}

.cover { background: #000; display: none; opacity: 0.9; z-index: 9000; position: fixed; width: 100%; height: 100%; top: 0px;}