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(http://mazda.qixuan.cc/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;
}

/*上面为CSS初始内容*/

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

.tk { height: 44px;}

#top { height:44px; width:100%; font-size:1.36em; background:#045591; top:0px; position:fixed; z-index:999;}
#top p { text-align:center; line-height:42px; font-size:1.1em; color:#fff;}

#top .logo { width: 100px; height: 24px; padding: 10px 5px; left: 0px; position: absolute;}
#top .logo img { height: 100%;}

#top .mendian { width:39px; background:none; border:0px; color:#fff; font-size:0.8em; text-decoration:none; position:absolute; left:10px; top:12.5px; outline:none;}
#top .mendian .caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 1px;
vertical-align: middle;
border-top: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
#top .mass { width:44px; height:44px; color:#fff; top:0px; right:0px; position:absolute; font-size:15px;}
#top .mass .icoms { width:44px; height:44px; background:url(http://mazda.qixuan.cc/images/icoms.png) no-repeat; display:block;background-size:100% auto; }
#top .mass .mszi { width:17px; height:17px; line-height:17px; background:#fff; color:#FF0000; border-radius:50px; top:4px; right:4px; position:absolute; text-align:center; font-size:0.7em;}

#top .backbtn { width:44px; height:44px; color: #fff; cursor:pointer; display:block; position:absolute; background-size:100% auto;}
#top .backbtn i { margin: 10px; font-size: 1.2em; line-height: 44px;}

#top .btnsao{ width:44px; height:44px; background: url(http://mazda.qixuan.cc/images/icosao.png) no-repeat; cursor:pointer; display:block; position:absolute; background-size:100% auto;}
#top .btnsaoright { width:44px; height:44px; background: url(http://mazda.qixuan.cc/images/icosao.png) no-repeat; cursor:pointer; right:0px; display:block; position:absolute; background-size:100% auto;}


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



.logoimg .logo {  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(http://mazda.qixuan.cc/images/icoshou.png); background-size: cover; }

#ding { margin: 0px 0px 10px 0px; height: 80px; background: #fff url(http://mazda.qixuan.cc/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 { border: 1px solid #eee; height: 30px; line-height: 30px; background: #fff; padding: 10px 10px;}
.suma .smtt {color: #FF2626; 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%; text-indent: 10px; line-height: 30px; font-size: 1.2em; background: none; border: none;}
.suma .btnsou { padding:0px 5px;  color: #FF2626;}
.suma .btnsou i { font-size: 3em;}

.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;}

#content { padding: 0px 10px;}


.suyuan { background: #fff; margin: 10px 0px; }
.stit { height: 36px; line-height: 36px; border-bottom: dashed 1px #ccc; text-align: left; padding: 0px 10px;}
.stit i { font-size: 1.6em; color: #045591; margin-right: 10px;}
.suyuan .syinfo { padding: 10px; }
.suyuan dl { clear: both; line-height: 24px; padding: 2px 0px; overflow: auto;}
.suyuan dd { width: 32%; float: left; font-weight: bold;}
.suyuan dt { width: 68%; float: left; color: #666;}
.suyuan .btndi { width: 80%; margin: 20px 10%; border: 0px; display: block; font-size: 1.3em; text-shadow: 0px 1px 2px #444; line-height: 38px; height: 38px; background: #D9297A; color: #fff; text-align: center;}
.suyuan .sbt { color: #D9297A; margin-bottom: 10px;}
.suyuan .stext { margin-bottom: 10px;}
.suyuan .stext p { margin-bottom: 10px;}
.suyuan hr { border: 1px solid #ddd; border-width: 1px 0px 0px 0px; margin: 0px 10px;}
.suyuan .syimg { text-align: center;}
.suyuan .syimg img { width: 30%;}
.suyuan .ppimg { text-align: center;}
.suyuan .ppimg img { width: 100%;}
.suyuan .cpimg {text-align: center; width: 50%; margin: 20px auto;}
.suyuan .cpimg img { width: 100%;}

.guanzhu {background: #fff; margin: 10px 0px; }
.guanzhu .ewmdv { clear: both; padding: 20px 0px; text-align: center;}
.guanzhu .ewm { width: 50%; margin: 10px auto; display: inline-block;}
.guanzhu .ewm h1 { font-weight: bold; font-size: 1.2em; padding: 5px 0px;}
.guanzhu .ewm img { width: 100%;}
.guanzhu .gztt { padding: 10px 0px; text-align: center; font-weight: bold; color: red;}

.fotcont { line-height: 38px; border-top: dashed 1px #ccc; text-align: center;}

.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 img { width: 100%;}
.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; }

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

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

.about { padding: 10px; background: #fff; margin: 10px 0px;}
.about img { width: 100%; margin-bottom: 10px;}
.about p { padding-bottom: 5px; line-height: 20px;}
.about p b { font-weight: bold; color: #045591;}

.fomain { margin: 0px 0px 10px 0px; height: auto; overflow: auto;}
.fomain li { width: 23.5%; height: 80px; float: left; color: #fff; text-align: center; position: relative;}
.fomain li .ico { width: 28px; height: 28px; margin: 14px auto 8px auto;}
.fomain li .ico i{ font-size:2.4em;}
.fomain li .ico img { width: 100%;}
.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; }


.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 img { width: 100%;}
.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; }

.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;}

.huodong { margin: 10px;}
.huodong p { margin-bottom: 10px; text-align: center;}
.huodong p img { margin: 0px auto;}


.member { margin: 10px; background: #fff; border: 1px solid #ddd; font-size: 1.2em; padding: 10px; border-radius: 10px;}
.member ul { padding: 5px; overflow: auto;}
.member ul li { width: auto; float: left;}
.member ul .rz { text-align: right; float: right;}

.gongn { margin: 0px;}
.gongn li { width: 50%; padding: 10px; float: left; 
-moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;}
.gongn li a { width: 100%; height: 46px; line-height: 46px; display: block; border-radius: 5px; font-size: 1.4em; background:#FF2626;  color: #fff; text-align: center;}

.mingxi { padding: 10px; background: #fff;}
.mingxi li { height: 26px; line-height: 26px; padding: 10px 0px; color: #333; font-size: 1.2em; border-bottom: dashed 1px #ccc; clear: both;}
.mingxi li .tit { float: left; font-weight: bold; padding: 0px 5px;}
.mingxi li .fsu { float: left; color: red; padding: 0px 5px;}
.mingxi li .time { float: right; color: #666; padding: 0px 5px;}


#mall { padding: 10px;}
#mall li { height: 60px; padding: 10px; background: #fff; border-radius: 5px; margin-bottom: 10px;}
#mall li .spimg { width: 60px; height: 60px; border: 1px solid #ddd; float: left;}
#mall li .spimg img { width: 100%;}
#mall li .spcont { width: 205px; float: right; position: relative;}
#mall li .spcont .tit { height: 40px; line-height: 20px;}
#mall li .spcont .jfdd { height: 20px; line-height: 24px; color: #FF4000;}
#mall li .spcont .jfdd .btndh { width: 48px; height:24px; background: #FF2626; color: #fff; border-radius: 4px; display: block; line-height: 24px; color: #fff; text-align: center; display: block; float: right;}


.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: none; font-size: 1.2em; line-height: 30px; color: #666666; text-align: center;}
.rotdv p { padding: 0px; margin: 0px;}
.rotdv img { width: 100%;}

.footer { padding:10px 10px;}
.footer p { text-align: center; color: #fff; line-height: 20px; text-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%;}
.weixin p { text-align: center;}
.btnoff { position: fixed; top: 10px; right: 10px; color: #fff; font-size: 1.8em; display: none; z-index: 9002;}


.tanchu { display: none;  position: relative;  width: 90%; min-height: 120px; top: 35%; left: 5%; position: fixed; z-index: 9999;  box-shadow: 0px 2px 2px #000; border-radius: 8px; background: #fff;}
.tanchu h1 {font-size: 1.4em; text-align: center; padding: 20px 0px; color: #333; font-weight: bold;}
.tanchu { text-align: center;}
.tanchu .btntc { width: 60px; height: 30px; line-height: 30px; margin: 0px 4px; border-radius: 4px; background: #FF2626; color: #fff; text-align: center; display: inline-block;}


.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;}