/* CSS Document */
@charset "utf-8";
/*YUI 2: Reset CSS Start*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; vertical-align: top; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
ol:after, ul:after, p:after, div:after, .head:after,#aboutCont:after { content: "."; display: block; visibility: hidden; height: 0; clear: both; }
ol, ul { list-style: none; zoom: 1; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
/*YUI 2: Reset CSS End*/
/*��������ʽ*/
::-webkit-scrollbar {
width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
background: rgba(229,229,229,0.9);
}
/* Handle */
::-webkit-scrollbar-thumb {
background: rgba(200,200,200,0.9);
/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(231,231,231,0.4);
}
html, body { overflow-x: hidden; }
body {/* font-size:12px;*/ /*line-height: 20px;*/ font-family: Microsoft Yahei; background: #fff; }
a { color: #000; text-decoration: none; }

/*==================== ҳü���� ====================*/
/*ҳü*/
.topWrap { width: 100%; height: 36x; line-height: 36px; border-bottom: solid 1px #f2f2f2; background: #f9f9f9; z-index: 9999; }
.topWrap .top { max-width: 1200px; margin: 0 auto; }
.topWrap .link { text-align: right; border-right: solid 1px #e6e6e6; }
.topWrap .link a { display: inline-block; color: #a9a9a9; padding: 0 33px 0 46px; border-left: solid 1px #e6e6e6; }
.topWrap .link a.tel { background: url(../images/icon_tel.png) 24px center no-repeat; }
.topWrap .link a.email { background: url(../images/icon_email.png) 20px center no-repeat; }
#headWrap { background: #fff; }
#headWrap .head { max-width: 1200px; margin: 0 auto; padding: 20px 0; zoom: 1; }
#logo { float: left; }
#nav { float: right; padding-top: 16px; }
#nav li { float: left; position:relative;}
#nav li a { display: block; line-height: 40px; padding: 0 32px; border-left: solid 1px #eee; }
#nav li.home a { border: 0; }
#nav li.curr a, #nav li a:hover,#nav li.navHere a,#nav li.navHere a:hover { color: #008cd6; }
#nav .navMenu b{ position:absolute; left:0px; top:-40px; display:block; width:140px; height:35px; background:url(../images/icon_arrow.png) center bottom no-repeat; overflow:hidden;}
#nav .navMenu{ display:none; position:absolute; top:75px; width:140px; color:#333; background:rgba(242,242,242,.8); box-shadow:2px 2px 2px rgba(0,0,0,.1); border-radius:0 0 5px 5px; border-top:solid 5px #89bf42; z-index:9999;}
#nav .navMenu a{ display:block; color:#333 !important; margin:0 10px; padding:0 0 0 20px; border:0; border-top:solid 1px #e1dfda;font-size:13px;}
#nav .navMenu a:hover{ color:#008cd6 !important;}
/*����ͼ�л�*/
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* Fix of Webkit flickering */ z-index: 1; }
.swiper-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px, 0, 0); transition-timing-function: ease; }
.swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }
.swiper-slide { float: left; }
.swiper-slide a{ display:block; position:relative;}
.swiper-slide .txt{ position:absolute;top:0; color:#0b91d8;}
.swiper-slide .txt .t1{ font-size:28px; line-height:40px;}
.swiper-slide .txt .t2{font-size:18px; line-height:30px;}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal { -ms-touch-action: pan-y; }
.swiper-wp8-vertical { -ms-touch-action: pan-x; }
/*begin*/
.device { position: relative; }
.content-slide { padding: 20px; color: #fff; }
.swiper-slide img { width: 100%; }
/*.title { font-size: 25px; margin-bottom: 10px; }*/
.pagination { position: absolute; left: 0; bottom: 5px; text-align: center; width: 100%; z-index: 999; }
.swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #000; margin: 0 2px; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; }
.swiper-active-switch { background: #fff; filter: alpha(opacity=100); opacity: 1; }
/*��ʾ��*/
.tips { line-height: 44px; padding: 25px 0; background: #8bcaec; }
.tips p { color: #0b91d8; font-size: 25px; max-width: 1200px; margin: 0 auto; padding: 0 15px; zoom: 1; }
.tips p strong { float: left; }
.tips p span { float: right; }
.tips p span a { display: block; width: 150px; color: #fff; font-size: 15px; text-align: center; border-radius: 5px; background: #0b91d8; }
.tips p span a:hover { color: #ff0; }
/*�˵��б�*/
.snav { max-width: 1230px; margin: 0 auto; padding: 40px 0 10px; }
.snav li { float: left; width: 33.3333%; padding-bottom: 30px; }
.snav li div { padding: 0 15px; zoom: 1; }
.snav li p { float: left; width: 100%; }
.snav a { display: block; height: 150px; color: #fff; text-align: center; background: #b3d465; border-radius: 3px; }
.snav a:hover { background: #000 !important; }
.snav .sn-1 a { background: #b3d465; }
.snav .sn-2 a { background: #7ecef4; }
.snav .sn-3 a { background: #f19ec2; }
.snav .sn-4 a { background: #cfa972; }
.snav .sn-5 a { background: #f6b37f; }
.snav .sn-6 a { background: #00b7ee; }
.snav .sn-7 a { background: #8f82bc; }
.snav .sn-8 a { background: #84ccc9; }
.snav .sn-9 a { background: #d1c0a5; }
.snav .sn-10 a { background: #ae75ce; }
.snav .sn-11 a { background: #b3d465; }
.snav .sn-12 a { background: #3db3d7; }
.snav .sn-13 a { background: #f8b551; }
.snav .sn-1 a, .snav .sn-3 a, .snav .sn-8 a, .snav .sn-11 a { margin-right: 15px; }
.snav .sn-2 a, .snav .sn-4 a, .snav .sn-9 a, .snav .sn-12 a { margin-left: 15px; }
.snav .sn-1, .snav .sn-2, .snav .sn-3, .snav .sn-4, .snav .sn-8, .snav .sn-9, .snav .sn-11, .snav .sn-12 { width: 50%; }
.snav a img { padding-top: 40px; }
.snav a span { display: block; font-size: 24px; }
/*��֧���� + ��Ϣģ��*/
#ci{ max-width:1230px; margin:0 auto; padding-left:30px;}
#ci-1{float:left;width: 33.3333%;}
#ci-2{float:left;width: 33.3333%;}
#ci-3{float:right;width: 33.3333%;}
#ci h3{ color: #0b91d8; font-size: 20px; }
#ci h3 a{color: #0b91d8;}
#ci h3 a:hover{ color:#f00; text-decoration:underline;}
/*��֧����*/
.cityCont{ float:left; width:380px; height:200px; margin:15px 0; overflow:hidden;}
.citysss li{ float:left; width:50%; padding-bottom:20px;}
.citysss li a{ display:block; color:#fff; font-size:20px; line-height:50px; text-align:center; margin:0 30px 0 0; background:#acacac;}
/*��Ϣģ��*/
.info{ padding:0 30px 0 0;}
.infoCont{ padding:10px 0 0 0;}
.info li { height:21px; overflow:hidden;}
.info li a{ color:#727272; font-size:12px; line-height:21px;}
.info li span{ float:right; color:#727272;}
/*���ڽ�˶*/
#about { max-width: 1200px; margin: 0 auto; padding-bottom: 30px; }
#about h3{ color: #0b91d8; font-size: 20px; }
#about h3 a{color: #0b91d8;}
#about h3 a:hover{ color:#f00; text-decoration:underline;}
#aboutCont{ padding:10px 0 0 0;}
#about .pic{ float:left; width:370px;}
#about .txt{height:141px; color:#727272; font-size:12px; margin-left:400px; line-height:20px; overflow:hidden;}
/*�����ͻ�*/
#partner { max-width: 1200px; margin: 0 auto; padding-bottom: 30px; }
#partner h3 { color: #0b91d8; font-size: 20px; }
#partner h3 a{color: #0b91d8;}
#partner h3 a:hover{ color:#f00; text-decoration:underline;}
#partnerCont { padding: 10px 0 0 0; }
#partnerCont li { float: left; width: 16.66%; padding-bottom: 20px; }
#partnerCont p { display: block; padding: 0 30px 0 0; }
/*��������*/
#link { max-width: 1200px; margin: 0 auto; padding-bottom: 30px; }
#link h3 { color: #0b91d8; font-size: 20px; }
#link h3 a{color: #0b91d8;}
#link h3 a:hover{ color:#f00; text-decoration:underline;}
#linkCont { color: #727272; font-size: 14px; padding: 10px 0 0 0; }
#linkCont a { display: inline-block; color: #727272; line-height: 24px; white-space: nowrap; }
/*==================== ҳ�Ų��� ====================*/
/*�������*/
#qcWrap { background: #0b91d8; }
#qc { max-width: 1200px; color: #fff; margin: 0 auto; padding: 30px 0; }
#qc-1 { float: left; width: 20%; }
#qc-2 { float: left; width: 320px; padding-right: 8%; }
#qc-3 { float: right; width: 450px; }
#qc h3 { font-size: 17px; padding-bottom: 8px; }
.quick a { color: #fff; }
.quickCont { font-size: 12px; line-height: 22px; }
.quickCont li { float: left; width: 100px; }
.quickCont li.br { width: 140px; }
.quickCont li.last { width: 100%; }
.contbox { font-size: 12px; line-height: 22px; }
.contbox .txt { float: left; width: 230px; }
.contbox .ewm { float: right; }
.contbox .ewm img{margin-left:5px;}
.contbox span { /**float: left; display: block; width: 60px;**/ }
.contbox strong { display: block; font-weight: normal; padding-left: 60px; }
/*��Ȩ*/
#foot { height: 60px; color: #fff; font-size: 14px; line-height: 60px; background: #c0c0c0; overflow: hidden; }
#foot .copyright { max-width: 1200px; margin: 0 auto; }
#foot .copyright span { float: right; padding: 20px 0; }
#foot .copyright span a { display: inline-block; padding: 3px 0 2px;}
#foot .copyright a{ color:#fff;}
#blackBg { position: fixed; background-color: #000; z-index: 999; left: 0; top: 0; display: none; width: 100%; height: 100%; opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; }
/*==================== ��ҳͨ�� ====================*/
.banner_contact{height:483px; overflow:hidden; background:#ccc;}
.banner_contact #map{ width:100%; height:100%;}
.b5{ background:url(../images/map.png) center top repeat-x;}
#banner{ height:114px; overflow:hidden;}
#banner p{ color:#0b91d8; line-height:114px; max-width:1200px; margin:0 auto;}
#banner strong{ font-size:24px; font-weight:normal; text-shadow:0 0 5px rgba(255,255,255,.9);}
#banner span{ float:right; font-size:12px; text-shadow:0 0 10px rgba(255,255,255,.9);}
.b1{ background:url(../images/banner1.jpg) center top repeat-x;}
.b2{ background:url(../images/banner2.jpg) center top repeat-x;}
.b3{ background:url(../images/banner3.jpg) center top repeat-x;}
.b4{ background:url(../images/banner4.jpg) center top repeat-x;}


#inMain{ max-width:1200px; margin:0 auto; min-height:600px; _height:600px;}
#side{ float:left; width:270px; padding:30px 0 0;}
#mainCont{  padding:30px 0 0 270px;}
#sort h3{color:#0b91d8; font-weight:normal; font-size:20px; padding-bottom:15px;}
#sort li{ line-height:45px; border-bottom:solid 1px #e2e2e2;}
#sort li a{ display:block; color:#919191; background:url(../images/icon1.gif) right center no-repeat;}
#sort li a:hover{ color:#0b91d8;}
.position{ float:left; width:100%; color:#0b91d8; font-size:20px; line-height:20px; padding:0 0 25px 30px;}
/**/
#textList li{ float:left; width:33.33333%; padding-bottom:50px;}
#textList li a { display:block; margin-left:30px;}
#textList li .pic img{ width:100%;}
#textList li .tit { color:#000; font-size:16px; padding:10px 0;text-overflow: ellipsis; white-space: nowrap !important;    white-space: normal; overflow: hidden;}
#textList li .tit #showlinkname{color:#333; font-size:14px; line-height:20px; text-align:center; font-weight:bold; display:block;}
#textList li .txt{ height:80px; color:#7c7c7c; font-size:12px; line-height:20px; overflow:hidden;}
#textList li .more{ color:#0b91d8; font-size:12px; padding-top:5px;}

#textList_branch li{ float:left; width:100%; margin-bottom:29px;}
#textList_branch li .branchs { display:block; margin-left:30px;}
#textList_branch li .branchs .pic{float:left;width:270px;}
#textList_branch li .branchs .pic img{width:100%;}
#textList_branch li .branchs .tit{float:left; margin-left:30px;}
#textList_branch li .branchs .tit h2{ color:#666;}
#textList_branch li .branchs .tit p{ font-size:10px; line-height:20px; color:#666;}
@media screen and (max-width: 1000px) {/*Ļ���С��1000����*/
#textList_branch li .branchs { display:block; margin-left:10px;}
#textList_branch li .branchs .tit{float:left; margin-left:10px;}
}
/**/
#regBox{float:left; padding:20px 0 50px 30px; line-height:200%; font-family:Microsoft YaHei; line-height:200%; font-size:13px; color:#434343;}
#regBox1{max-width:1200px; margin:0 auto;padding:20px 0 50px 0px;}
#regBox1 p{ color:#434343; font-size:13px; line-height:20px; padding-bottom:15px;}
.mid_left{ float:left; width:49%; max-width:600px; padding:3px;}
.mid_right{ float:left; width:49%; max-width:600px; padding:3px;}
.mid_bottom{ float:left; width:98%; max-width:1200px; border-top:2px dotted #008DD7; padding-top:8px;}
.mid_left span.tit{ color:#008DD7; font-weight:bold; font-size:16px;}
.mid_right span.tit{ color:#008DD7; font-weight:bold;font-size:16px;}
.mid_bottom span.tit{ color:#008DD7; font-weight:bold;font-size:16px;}
.mid_left .showthisinfo{  font-size:11px; line-height:15px; }
.mid_right .showthisinfo{ font-size:11px;line-height:15px;}
.mid_bottom .showthisinfo{ font-size:11px;line-height:15px;}

#regBox p{ color:#434343; font-size:13px; line-height:20px; padding-bottom:15px;}
#regBox p label{ float:left; width:80px; text-align:right;}
#regBox p input{ width:200px; height:24px; line-height:24px;}
#regBox p select{ height:24px; line-height:24px;}
#regBox p textarea{ height:100px;}
#regBox p .chkbox{  width:13px;height:13px; line-height:20px;}
#regBox p .radios{  width:13px;height:13px; line-height:20px;}
#regBox p .w1{ width:100px;}
#regBox p .w2{ width:200px;}
#regBox p .w3{ width:300px;}
#regBox p .w4{ width:400px;}
#regBox p em{ display:inline-block; color:#f00; padding-left:8px;}
#regBox p.btn{ padding-left:80px;}
#regBox p.btn .ok{ width:200px; height:40px; color:#fff; font-size:16px; font-family:Microsoft Yahei; border:0; background:#0b91d8; cursor:pointer;}
/* ========= ����������Ӧ���� ========= */
@media screen and (max-width: 1000px) {/*Ļ���С��1000����*/
#nav li a { padding: 0 20px; }
#ci{ padding:0;}
.info{ padding:0 15px;}
#ci-1{float:left;width:100%; padding:0 !important;}
#ci-2{float:left;width:50%; padding-bottom:20px;}
#ci-3{float:right;width:50%; padding-bottom:20px;}
.city{ padding-left:15px;}
.city li{ width:25%;}
.city li a{ margin:0 20px 0 0;}
#about{ padding:0 15px 30px;}
#about .txt{}
#partner { padding: 0 15px 10px; }
#link { padding: 0 15px 20px; }
#partner li { width: 25%; padding-bottom: 10px; }
#partner li img { width: 100%; }
#partner li p { padding-right: 10px; }
#qc-1 { float: none; padding: 0 0 30px 20px; }
#qc-2 { padding: 0 0 0 20px; }
#qc-3 { width: 320px; padding-right: 20px; }
#foot { padding:0 15px;}

#banner p{ padding:0 10px;}
#inMain{ padding:0 10px}
#side{ float:left; width:180px; padding:30px 0 0;}
#mainCont{  padding:30px 0 0 180px;}

}
 @media screen and (max-width: 768px) {/*Ļ���С��768����*/
 .banner_contact{height:383px; overflow:hidden; background:#ccc;}
.banner_contact #map{ width:100%; height:100%;}
.mid_left{ float:left; width:100%; }
.mid_right{ float:left; width:100%; }
.mid_bottom{ float:left; width:100%; }
#logo { padding-left: 15px; }
#logo img { height: 60px; }
.swiper-slide .txt .t1{ font-size:24px; line-height:30px;}
.swiper-slide .txt .t2{font-size:14px; line-height:25px;}
#nav li a { padding: 0 10px; }
.snav { padding: 20px 5px 0; }
.snav li { width: 50%; padding-bottom: 20px; }
.snav li div { padding: 0 10px; zoom: 1; }
.snav .sn-1 a, .snav .sn-3 a, .snav .sn-8 a, .snav .sn-11 a { margin-right: 10px; }
.snav .sn-2 a, .snav .sn-4 a, .snav .sn-9 a, .snav .sn-12 a { margin-left: 10px; }
#qc-2{ width:240px;}
#side{ float:left; width:160px; padding:30px 0 0;}
#mainCont{  padding:30px 0 0 160px;}
#textList li{ width:50%;}
}
@media screen and (max-width: 640px) {/*Ļ���С��640���� max-device-width*/
 .banner_contact{height:283px; overflow:hidden; background:#ccc;}
.banner_contact #map{ width:100%; height:100%;}
.mid_left{ float:left; width:100%; }
.mid_right{ float:left; width:100%; }
.mid_bottom{ float:left; width:100%; }
.topWrap .link a.email { display: none; }
#logo { padding-left: 15px; }
#logo img { height: 50px; }
.swiper-slide .txt .t1{ font-size:16px; line-height:20px;}
.swiper-slide .txt .t2{font-size:12px; line-height:20px;}
#nav { padding:0;}
#nav ul{ position:fixed; top:0; right:-40%; display:block !important; height:100%; width:40%; background:#222; z-index:9999}
#nav li{ float:none; text-align:center; border:0;}
#nav li.home{ border:0;border-bottom:solid 1px #111;}
#nav li a{ color:#888; border:0; border-bottom:solid 1px #111;}
#nav li.home a{ color:#888;}
#nav b{ float:right; display:block; width:50px; height:50px; background:url(../images/icon_m.png) no-repeat;}
.tips { padding: 10px; }
.tips p { line-height: 28px; }
.tips p strong { float: none; display: block; font-size: 14px; text-align: center; }
.tips p span { float: none; display: block; text-align: center; }
.tips p span a { margin: 0 auto; }
#nav ul { display: none; }
.snav { padding: 20px 5px 0; }
.snav li { width: 100%; padding-bottom: 20px; }
.snav li div { padding: 0 10px; zoom: 1; }
.snav .sn-1 a, .snav .sn-3 a, .snav .sn-8 a, .snav .sn-11 a { margin-right: 10px; }
.snav .sn-2 a, .snav .sn-4 a, .snav .sn-9 a, .snav .sn-12 a { margin-left: 10px; }
#ci-2{ float:none; width:100%; padding-bottom:15px;}
#ci-3{ float:none; width:100%; padding-bottom:15px;}
.city li{ width:50%;}
#about .txt{ float:none; height:auto; margin:0;}
#about .pic{ float:none; width:100%; margin:0; padding-bottom:10px;}
#about .pic img{ width:100%;}
#partnerCont li{ width:50%;}
#qcWrap {}
#qc-1 img{ height:55px;}
#qc-2,#qc-3{ width:100%; margin:0; padding:0;}
.quick{ padding:0 15px 20px;}
.quickCont li{ width:25%; height:20px; overflow:hidden;}
.quickCont li.br,.quickCont li.last{ width:25% !important;}
.contact{ padding:0 15px;}
.contbox .txt{ float:none; width:100%;}
.contbox .ewm{ float:none; text-align:left; padding:15px 0 0;}
#foot .copyright { text-align: center; }
#foot .copyright span { display: none; }
#side{ float:none; width:auto; padding:30px 0px 0;}
#mainCont{  padding:30px 0 0 0;}
#sort h3{ padding-bottom:0px;}
.position{ padding:0 0 20px 0;}
#textList{ padding-right:10px;}
#textList li{ float:left; width:50%; padding-bottom:30px;}
#textList li a { display:block; margin-left:10px;}
/**/
#regBox{ padding:0px;}
#regBox p{ padding-right:0px;}
#regBox p label{ float:none; display:block; width:100%; font-size:14px; text-align:left;}
#regBox p input{ width:100%; height:30px; line-height:30px;}
#regBox p select{ width:100%; height:30px; line-height:30px;}
#regBox p textarea{ height:100px;}
#regBox p .w1{ width:100%;}
#regBox p .w2{ width:100%;}
#regBox p .w3{ width:100%;}
#regBox p .w4{ width:100%;}
#regBox p em{ display:none;}
#regBox p.btn{ padding-left:0;}
#regBox p.btn .ok{ width:100%; height:40px; color:#fff; font-size:16px; font-family:Microsoft Yahei; border:0; background:#0b91d8; cursor:pointer;}
#regBox img{ width:100%;}
}

.hiSlider{
	overflow: hidden;
	height: 200px;
	width: 380px;
}
.hiSlider ul,.hiSlider li{ height:100%;}
.hiSlider li img{}
.hiSlider-pages,.hiSlider-title{position:absolute;z-index:3}
.hiSlider-btn-prev,.hiSlider-btn-next{display:none;)}
.hiSlider-btn-prev{left:10px}
.hiSlider-btn-next{right:10px;background-position:-30px 0}
.hiSlider-btn-prev:hover,.hiSlider-btn-next:hover{opacity:1;filter:alpha(opacity:100)}
.hiSlider-title{bottom:0;width:100%;padding:6px 0;color:#fff;text-indent:10px;background:rgba(0,0,0,.6);z-index:2;font:14px/2 "Microsoft YaHei",Arial,Tahoma}
.hiSlider-pages{bottom:10px;right:10px;text-align:right}
.hiSlider-pages a{height:12px;width:12px;margin:0 6px;display:inline-block;overflow:hidden;text-indent:-100px;font-size:0;border-radius:50%;background:#ddd}
.hiSlider-pages a.active{background:#5472BF}
.mobile-menu{display:none;}

@media screen and (max-width: 640px) {
	.hiSlider-wrap,.hiSlider-item{width:330px !important;}
	.hiSlider-item img{width:100%;}
	#foot{margin-bottom:70px;}
    .mobile-menu{ display: block;; position: fixed; bottom: 0;left: 0; width: 100%; height: 60px; background-color: #0b91d8;border-top:1px solid #fff; z-index: 9999; }
    .mobile-menu a{ float: left; width:25%; text-align: center; font-size: 14px; color: #fff; line-height: 60px;  }
}