body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img, cite {
  margin: 0;
  padding: 0;
  color: #333;
  border: none;
}

body, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, li, fieldset, legend, button, input, textarea, th, td {
  font: 16px/36px  "MicroSoft YaHei","Hiragino Sans GB", Arial, sans-serif;
}

html, body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  position: relative;
  background: #fff;
}

article, iframe {
  display: block;
  border: 0;
}

body, h1, h2, h3, h4, h5, h6, p, ul, li, ol, ul, dl, dt, dd, a, i, b, em, strong, img, input {
  margin: 0;
  padding: 0;
}

b, strong, i, em {
  font-weight: normal;
}

html, body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

img {
  max-width: 100%;
  display: block;
  border: none;
}

body {
  background: #fff;
}

article, iframe {
  display: block;
  border: 0;
}

ul, li {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  max-width: 100%;
}

input::focus-inner {
  outline: 0;
  padding: 0;
  border: 0;
}

input[type="button"], input[type="submit"], input[type="reset"], button {
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: 0;
}

:focus {
  outline: none;
}

.por {
  position: relative;
}

.poa {
  position: absolute;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

a, area {
  blr: expression(this.onFocus=this.blur())
}

a {
  color: #333;
  text-decoration: none;
}
a:hover{
  color:#345dad;
}
.Width, .wrap {
  width: 90%;
  margin: 0 auto;
}

.clear {
  clear: both;
  height: 0px;
  width: 100%;
  font-size: 1px;
  line-height: 0px;
  visibility: hidden;
  overflow: hidden;
}

.clearfix:after {
  content: " ";
  display: block;
  visibility: hidden;
  height: 0;
  font-size: 0;
  clear: both;
}

.clearfix {
  *zoom: 1;
}

.hide, .mobshow {
  display: none;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.mt15 {
  margin-top: 15px;
}

.mt25 {
  margin-top: 25px;
}

.mt35 {
  margin-top: 35px;
}

.mb35 {
  margin-bottom: 35px;
}

.mt50 {
  margin-top: 50px;
}

::selection {
  background: #D03333;
  color: white;
  text-shadow: none;
}

::-webkit-scrollbar-track-piece {
  width: 10px;
  background-color: #f2f2f2
}

::-webkit-scrollbar {
  width: 10px;
  height: 6px
}

::-webkit-scrollbar-thumb {
  height: 50px;
  background-color: rgba(0, 0, 0, .3);
}

::-webkit-scrollbar-thumb:hover {
  background: #707070;
}
 .footer .footleft i{background: url(../images/icon1.png) no-repeat;}
/* 底部 */
.footer { width:100%; background:#333; }
.footer .title { height:40px; margin-bottom:20px; font-size:20px; font-weight:bold; line-height:40px;}
.footer .title a:hover {text-decoration:none;}
.footer .footleft { display:inline; float:left; width:182px; padding:5px 35px 5px 0; margin-right:70px; border-right:1px solid #dcdcdc; }
.footer .col03 { width:238px; }
.footer .col04 { padding-right:0; margin-right:0; border:none;}
.footer .footleft dt { width:147px; }
.footer .col03 dt { width:203px; }
.footer .footleft dt i { display:block; width:50px; height:50px; margin:0 auto; }
.footer .footleft dt i.icon01 { background-position:0 -170px; }
.footer .footleft dt i.icon02 { background-position:-50px -170px; }
.footer .footleft dt i.icon03 { background-position:-100px -170px; }
.footer .footleft dt i.icon04 { background-position:-150px -170px; }
.footer .footleft dt span { display:block; width:100%; margin:5px 0 15px; font-weight:bold; text-align:center;}
.footer .footleft dt a:hover {text-decoration:none;}
.footer .footleft dd { color:#888; font-size:14px; line-height:30px; }
.footer .footleft dd a { display:block; float:left; margin-right:35px; color:#888; transition:color 0.3s; }
.footer .footleft dd a:hover { color:#345dad; }
.footer .footright { display:inline; float:right; width:315px; padding-top:10px; }
.footer .footright strong { height:46px; font-size:16px; line-height:26px;display:block;}
.footer .footright i { display:block; float:left; width:46px; height:46px; margin-right:15px;
	background:#d7d7d7 url(../images/icon1.png) no-repeat; border-radius:3px; }
.footer .footright i.icon05 { background-position:0 -120px; }
.footer .footright i.icon06 { background-position:-50px -120px; }
.footer .footright strong:hover i.icon05 { background:#345dad url(../images/icon1.png) no-repeat 0 -120px; }
.footer .footright strong:hover i.icon06 { background:#345dad url(../images/icon1.png) no-repeat -50px -120px;  }
.footer .footright .row01 a { display:block; height:30px; font-size:30px; line-height:30px; }
.footer .footright .row01 a:hover { text-decoration:none; }
.footer .footright .row01 span { display:block; height:16px; color:#888; font-size:14px; line-height:16px; }
.footer .footright .row02 { margin:25px 0 15px;overflow:hidden;}
.footer .footright .row02 span { display:block; float:left; height:46px; font-size:20px; line-height:46px; }
.footer .footright .row02 a { display:block; float:left; width:76px; height:28px; margin:8px 0 0 20px;
	border:1px solid #d7d7d7; border-radius:3px;
	font-size:14px; line-height:28px; text-align:center; }
.footer .footright .row02 a:hover { border-color:#345dad; color:#345dad; text-decoration:none; }
.footer .footright p { color:#888; line-height:20px; }
.footer .footNav { padding:30px 0;}
.footer .footNav p { font-size: 14px; line-height:26px; text-align:center;color:#8e8e8e; }
.footer .footNav p a{color:#8e8e8e}
/* 底部end */


/* 适配 --------------------------------------------------------------------------------- */

/* >1900  --------------------------------------------------------------------------------- */
@media screen and ( min-width: 1900px) {
}
/* <1704 1704*94%≈1600  --------------------------------------------------------------------------------- */
@media screen and ( max-width: 1704px) {
.footer .footleft { width:162px; padding-right:25px; margin-right:50px; }
.footer .col03 { width:218px; }
.footer .col04 { padding-right:0; margin-right:0; }
.footer .footleft dt { width:137px; }
.footer .col03 dt { width:193px; }
.footer .footleft dd a { margin-right:25px; }
.bottomBar .pic01 { left:25px; width:400px; }
.bottomBar .pic02 { left:195px; width:120px; }

}/* <1704 end */
/* <1490 1490*94%≈1400  --------------------------------------------------------------------------------- */
@media screen and  (max-width: 1490px){
.footer { padding-bottom:35px; }
.footer .footleft { width:152px; padding-right:15px; margin-right:35px; }
.footer .col03 { width:208px; }
.footer .col04 { padding-right:0; margin-right:0; }
.footer .footleft dt { width:132px; }
.footer .col03 dt { width:188px; }
.footer .footleft dd a { margin-right:20px; }
.footer .footright { width:300px; }
/* 底部悬浮 */
.bottomBarbg ,
.bottomBar ,
.bottomBarcon { height:60px; }
.bottomBar .pic01 { width:360px; }
.bottomBar .pic02 { left:180px; width:100px; }
.bottomBar .closebtn { right:50px; top:12px; }
.bottomBar .searcKc { padding-top:10px; width:840px; }
.bottomBar .searcKc .select { margin-right:6px; }
.bottomBar .searcKc .searcKcbtn { width:90px; }
}/* <1490 end */

/* <1280 1280*94%≈1200  --------------------------------------------------------------------------------- */
@media screen and (max-width: 1280px) {
.Width { width:94%; }
.footer .footleft { width:142px; padding-right:10px; margin-right:25px; }
.footer .col03 { width:198px; }
.footer .col04 { padding-right:0; margin-right:0; }
.footer .footleft dt { width:122px; }
.footer .col03 dt { width:183px; }
.footer .footleft dd a { margin-right:15px; }
.footer .footright { width:240px; }
.footer .footright strong { font-size:16px; }
.footer .footright i { margin-right:10px; }
.footer .footright .row01 a { font-size:24px; }
.footer .footright .row01 span { font-size:12px; }
.footer .footright .row02 span { font-size:18px; }
.footer .footright .row02 a { margin-left:10px; font-size:12px; }
.footer .footright p { font-size:14px; }



/* 底部悬浮 */
.bottomBar .pic01 { left:-35px; width:300px; }
.bottomBar .pic02 { left:90px; width:90px; }
.bottomBar .closebtn { right:50px; top:12px; }

}/* <1280 end */
/* <1086 1086*92%≈1000  --------------------------------------------------------------------------------- */
@media screen and ( max-width: 1086px) {
body { width:1086px; }
.rightBar { right:-35px; }
.rightBarbg { display:block; position:fixed; right:0; top:50%; margin-top:-60px; z-index:999; width:35px; background:#000;
	_position:absolute;
	_top:expression(eval(document.documentElement.scrollTop/2)); }
.rightBarbg .zxbox { position:absolute; right:0; top:50%; margin-top:-60px; z-index:1000; }
.rightBarbg .zxbox li { position:relative; width:35px; height:45px;cursor:pointer; background:#000; }
.rightBarbg .zxbox li:hover { background:#345dad; }
.rightBarbg a.btn { display:block; width:35px; height:35px; padding:5px 0; }
.rightBarbg i { display:block; width:35px; height:35px; }
.rightBarbg i.icon01 { background-position:0 -320px;}
.rightBarbg i.icon06 { background-position:-50px -370px;}
.rightBarbg i.icon08 { background-position:-170px -220px;}
}/* <1086 end */
