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

body{ margin:0px auto; border:0px solid #cccccc;font-family: Arial, "Microsoft Yahei";font-size: 12px;color: #444343; background-color:#ffffff}/**/
a:link { text-decoration:none; color:#444343;}
a:visited { text-decoration:none; color:#444343;}
a:hover { text-decoration:underline; color:#444343; }
a:active { text-decoration:none; color:#444343;}

img{ padding:0px; margin:0px; border:0px}

html,body,header,nav,footer,article,section,form,fieldset,p,div,ul,ol,li,h1,h2,h3,h4,h5,h6 {-webkit-text-size-adjust:none;} /*改变文字大小*/
-webkit-tap-highlight-color:{rgba(0,0,0,0);}-moz-tap-highlight-color:{rgba(0,0,0,0);}/*链接高亮*/
-webkit-touch-callout:{none;}-moz-touch-callout:{none;}/*长按弹出选项菜单*/

/*.dapic{margin:0px auto; overflow:hidden;width:100%; height:440px;}*/

.zhuti{ margin:0px auto;padding-bottom:50px; width:100%;max-width:640px;min-height:480px;background:#fff;background-size:100%;}
.zhuti img {max-width:100%;margin:0 auto;}

.logo{ width:100%; margin:0px auto; margin-top:5px}
.logo-left{ float:left;}
.logo-right{ float:right}
.menubg{ width:100%; margin:0px auto; overflow:hidden;}



.mhqhsh1 { float:left; list-style:none;text-align:center; margin-top:0px;width:20%;background:url() no-repeat #AEA998; border-bottom:0px solid #cccccc; height:24px; padding-top:6px; border-left:0px solid #cccccc; font-size:14px; }
.mhqhsh1 a:link { text-decoration:none; color:#FAF9F6;font-size:14px;  }
.mhqhsh1 a:visited{ text-decoration:none; color:#FAF9F6;}
.mhqhsh1 a:hover{ text-decoration: underline; color:#D7D7D7;font-size:14px;  }
.mhqhsh1 a:active{ text-decoration:none; color:#FAF9F6;font-size:14px; }


.mhqhsh2 { float:left; list-style:none;text-align:center; margin-top:0px;width:20%;background:url() no-repeat #E2E4E1; border-bottom:0px solid #cccccc; height:24px; padding-top:6px; border-left:0px solid #cccccc; font-size:14px;  }
.mhqhsh2 a:link { text-decoration:none; color:#666252;font-size:14px;  }
.mhqhsh2 a:visited{ text-decoration:none; color:#666252;font-size:14px;  }
.mhqhsh2 a:hover{ text-decoration: underline; color:#000000;font-size:14px;  }
.mhqhsh2 a:active{ text-decoration:none; color:#666252;font-size:14px; }

.dingbuxiangg{margin:0px auto; overflow:hidden; float:left;  text-align:center;height:55px; list-style:none; width:100%; }

.navLi2 {
	TEXT-ALIGN: center; LINE-HEIGHT: 30px; WIDTH: 0px;HEIGHT: 30px; list-style:none; float:left;position:relative; z-index:1;
}
#subDiv1 {
	Z-INDEX: 150; POSITION: absolute;  WIDTH: 100px; DISPLAY: none; MARGIN-LEFT: 0px !important; TOP: 29px; left:-80px;
}
#subDiv1 UL {
	WIDTH: 100px; MARGIN-LEFT: 0px
}
#subDiv1 LI {
	BORDER-top: #E7E6E6 1px solid; TEXT-ALIGN: center; LINE-HEIGHT: 25px; WIDTH: 100%; HEIGHT: 25px; CURSOR: pointer;  list-style:none; float:left;
}

#subDiv1 LI A:link {
	WIDTH: 100%; DISPLAY: block; BACKGROUND: #FFFBFB; COLOR: #333333; CURSOR: hand; TEXT-DECORATION: none; list-style:none; float:left
}
#subDiv1 LI A:visited {
	WIDTH: 100%; DISPLAY: block; BACKGROUND: #FFFBFB; COLOR: #333333; CURSOR: hand; TEXT-DECORATION: none; list-style:none; float:left
}
#subDiv1 LI A:hover {
	WIDTH: 100%; DISPLAY: block; color:#F2F8FC; font-weight:bold;  CURSOR: hand; background:url(showmehover.jpg) repeat #A0A1A1
}



.lunhuan{width:100%;max-width:640px; margin:0px auto; overflow:hidden; HEIGHT: 160px;min-height:100%;}
#banner {
	POSITION: relative; WIDTH: 100%; HEIGHT: 160px; OVERFLOW: hidden;
}
#banner_list{position:absolute;}
#banner_list IMG {
	BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px;
}
#banner UL {
	Z-INDEX: 1002; POSITION: absolute; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; BOTTOM: 10px; PADDING-RIGHT: 0px; RIGHT: 47%; PADDING-TOP: 0px
}
#banner UL LI {
	BORDER-BOTTOM: #e5eaff 1px solid; BORDER-LEFT: #e5eaff 1px solid; TEXT-INDENT: 10000px; WIDTH: 5px; DISPLAY: block;  FLOAT: left; HEIGHT: 5px; COLOR: #fff; MARGIN-LEFT: 5px; BORDER-TOP: #e5eaff 1px solid; CURSOR: pointer; BORDER-RIGHT: #e5eaff 1px solid; background-color:#A11F01
}
#banner UL LI.on {
	BORDER-BOTTOM: #e5eaff 1px solid; BORDER-LEFT: #e5eaff 1px solid;BORDER-TOP: #e5eaff 1px solid;BORDER-RIGHT: #e5eaff 1px solid;WIDTH: 5px;HEIGHT: 5px; background-color:#000000
}

.chanp{width:100%;max-width:640px; margin:0px auto; overflow:hidden; margin-top:15px}
.chanp-mid{width:100%;max-width:640px; margin:0px auto; overflow:hidden; }


.chanp-top{width:100%;margin:0px auto; overflow:hidden; background:url() no-repeat ; height:66px}
.chanp-top-left{width:100%;margin:0px auto;  overflow:hidden; float:left; font-size:15px;color:#444343; font-weight:bold; background:url(sat2.gif) no-repeat bottom center; padding-bottom:20px; text-align:center}
.chanp-top-right{ width:100%;margin:0px auto;  overflow:hidden; float:left; font-size:12px; font-weight:bold; padding-top:10px; text-align:center; color:#444343}


.aetfdg{width:22%; margin:0px auto; overflow:hidden; padding-bottom:10px; margin-top:10px; float:left; margin-left:5px; }
.aetfdg-left{width:100%; margin:0px auto; overflow:hidden; float:left}
.aetfdg-left img {width:100%;}
.aetfdg-right{width:100%; margin:0px auto; overflow:hidden; float:left;  text-align:center; padding-top:10px}
.aetfdg-right a{color:#444343}

.postion{ width:100%; margin:0px auto; overflow:hidden; margin-top:5px}
.liebiao{ width:100%; margin:0px auto; overflow:hidden; margin-top:5px;}
.pages{ width:100%; margin:0px auto; overflow:hidden; margin-top:5px}
.pages li{ float:left; list-style:none; padding-left:5px; padding-right:5px}
.title{ width:100%; margin:0px auto; overflow:hidden; margin-top:15px; font-size:15px; font-weight:bold; text-align:center}
.content{ width:90%; margin:0px auto; overflow:hidden; margin-top:15px}
.content img {max-width:100%;margin:0 auto;}
.content p{ line-height:1.8; text-indent:20px}

.footer{width:98%; margin:0px auto; overflow:hidden; margin-top:5px; text-align:center; padding-top:10px; line-height:1.8}

.page-swipe{margin:0;font-size:1em;line-height:1.4;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; }
.page-swipe #slider figure img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}
.page-swipe #slider figure{border:0;margin:0;padding:0;}
.page-swipe #slider figure{ margin-bottom:30px;}
.page-swipe{background-color:#fff;padding-bottom:5px}
.page-swipe{background-color:#eee;padding-bottom:0px}
.page-swipe a,.page-swipe a:visited{color:#2b2e30;font-weight:700}
.page-swipe a:hover,.page-swipe a:visited:hover{color:#43484b}
.page-swipe #slider{height:300px;margin-top:0px}
.page-swipe #slider figure{display:block}
.page-swipe #slider figure div.wrap{max-width:640px;height:300px;display:block;margin:0px auto 0px;position:relative} /*set image height*/
.page-swipe #slider figure div.image{display:block;margin:0 0px;border-radius:0px;height:inherit;
/*box-shadow:0 1px 5px rgba(0,0,0,.85),inset 0 0 1px rgba(255,255,255,.35);*/}
.page-swipe #slider figure a{text-transform:none;font-weight:400;letter-spacing:0;position:absolute;bottom:10px;left:10px;font-size:12px;color:#fff;background:#000;padding:2px 5px;border-radius:3px;opacity:.45;font-family:franklin-gothic-urw,sans-serif;text-decoration:none}
.page-swipe #slider figure a:hover{opacity:.85;text-decoration:none}
    .page-swipe #slider figure a {position:absolute;bottom:-28px;left:10px;color:#333;opacity:1;background:none;font-size:1.0em}/*set text position*/

.page-swipe .swipe-nav ul,.page-swipe .swipe-nav ol{list-style:none;list-style-image:none;margin:0;padding:0}
.page-swipe .swipe-nav{position:relative;max-width:640px;margin:0px auto 0}
.page-swipe .swipe-nav a{font-style:normal;color:#555!important}

.page-swipe .swipe-nav #position{text-align:center;list-style:none;margin:0;padding:0;position: absolute;bottom:5px;right:10px;}
.page-swipe .swipe-nav #position {position: absolute;bottom:5px;right:10px;} /*set swipe-nav position*/
.page-swipe .swipe-nav #position li{display:inline-block;border:1px solid rgba(255,255,255,0.6);width:10px;height:10px;border-radius:10px;background:rgba(255,255,255,0.3);margin:0 2px;cursor:pointer;}
.page-swipe .swipe-nav #position li.on{border:1px solid #fff;
box-shadow:inset 0 1px 3px -1px #fff,0 1px 2px rgba(0,0,0,.5);
background-color:#fff;
background-image:-webkit-linear-gradient(top,#fff,#fff);
background-image:-moz-linear-gradient(top,#fff,#fff);
background-image:-ms-linear-gradient(top,#fff,#fff);
background-image:-o-linear-gradient(top,#fff,#fff);
background-image:linear-gradient(top,#fff,#fff)}


@media only screen and (max-width: 479px) {
.page-swipe #slider{height:187px;margin-top:0px}
.page-swipe #slider figure div.wrap{max-width:640px;height:187px;display:block;margin:0px auto 0px;position:relative}
}
.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > figure {
  float:left;
  width:100%;
  position: relative;}

nav {margin:0 auto; padding:0; width:100%;position:fixed; left:0; bottom:0;
-webkit-animation:fadeInUpBig 1s 0.2s ease both;-moz-animation:fadeInUpBig 1s 0.2s ease both; }
nav ul {margin:0 auto;padding:0 0; height:45px; width:100%; background:#A9ACAB; overflow:hidden;}
nav ul li { width:50%; float:left; text-align:center; list-style:none}
nav ul li a { display:block; line-height:45px;width:100%;color:#fff;font-size:0.8em; }
nav ul li a strong { display:block; position: relative;top:10px;left:0; font-weight:normal;}
nav ul.Transverse {position:relative;}
nav ul.Transverse li a strong{ display:inline; position: inherit;font-weight:normal;padding-left:32px; line-height:45px;font-size:14px;}
nav ul.Transverse li:nth-child(1) a strong{background:url(shop.png) left center no-repeat; background-size: 28px 28px;}
nav ul.Transverse li:nth-child(2) a strong{background:url(call.png) left center no-repeat; background-size: 28px 28px;}
nav ul.Transverse li:nth-child(3) {position: absolute;left:50%;top:13px; background:#ff560000; }
nav ul.Transverse li:nth-child(1) a.home strong{background:url(home.png) left center no-repeat; background-size: 28px 28px;}
nav ul.Transverse li span {color:#e30}