/*common bg*/


/*common bg*/
* {
	margin: 0;
	padding: 0
}

body {
	-webkit-user-select: none;
	-webkit-user-drag: none;
	-webkit-text-size-adjust: 100%
}



window,html,body{
    overflow-x:hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overflow: scroll !important;
}


.logo_telep {
position: absolute;
right: 0px;
width: 40px;
height: 40px;
top: 4px;
background: url(../images/ico_ho33.png) left top no-repeat;
}



.bg-index {background-image:url(../images/bg-index.png);background-repeat:no-repeat;}

.w { max-width:320px;}
.index {  background:#f5f5f5;}

.logo .tc { position:relative;}
.logo .pic { width:134px;height:38px; }
.logo .logo_pic{left:0px;width:134px;height:38px;}
.drop-local { text-align:left;padding-left:3px;cursor:pointer;overflow:hidden;position:absolute;left:134px;top:5px;font-size:14px;font-weight:bold;}
.drop-local select { border:1px solid #fff;padding:2px 3px;border-radius:4px;}

.drop-local .icon { width:30px;height:20px;background:url(images/i1.png) no-repeat right center;float:right;}
.logo .logo_telep{ position:absolute;right:0px; width:40px; height:40px; top:4px; background:url(../images/ico_home33.png) left top no-repeat;}
.logo_telep .u-tel{display:block;  float:left; position:relative;width:40px; height:40px; }

.index-list-wrap dl { margin-bottom:10px;}
.index-list-wrap dt{line-height:22px;margin-bottom:10px;}
.index-list-wrap dt img { display:block;width:100%;line-height:0;}

/*幻灯片*/
  #slides {
      display: none
    }

    #slides .slidesjs-navigation {
      margin-top:3px;
    }

    #slides .slidesjs-previous {
      margin-right: 5px;
      float: left;
    }

    #slides .slidesjs-next {
      margin-right: 5px;
      float: left;
    }

    .slidesjs-pagination {
      margin: 6px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(../images/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }
	   #slides {
      display: none
    }

    .container {
      margin: 0 auto
    }

    /* For tablets & smart phones */
    @media (max-width: 767px) {
      body {
        padding-left: 20px;
        padding-right: 20px;
      }
      .container {
        width: auto
      }
    }

    /* For smartphones */
    @media (max-width: 480px) {
      .container {
        width: auto
      }
    }

    /* For smaller displays like laptops */
    @media (min-width: 768px) and (max-width: 979px) {
      .container {
        width: 724px
      }
    }

    /* For larger displays */
    @media (min-width: 1200px) {
      .container {
        width: 320px
      }
    }
/*320 flex bug*/
.index-list-wrap {}
.index-list-wrap a img { height:112px;}

.index-list-wrap dt .pic1 { }
.index-list-wrap dt a { text-align:left;color:#fff000;display:block;min-height:112px;}
.index-list-wrap dt a i { color: #fff000; }
.index-list-wrap dt .pic1,.index-list-wrap dt .pic2 { position:relative;}
.index-list-wrap dt span {position:absolute;left:0;bottom:-4px;z-index:3;color:#fff;line-height:16px;height:40px;padding-left:2px;}
.index-list-wrap dt i {right:5px;bottom:-2px;z-index:2;position:absolute;}
.index-list-wrap dt u {display:inline-block;opacity:0.5;background:#000;position:absolute;left:0;bottom:0;z-index:1;width:100%;height:40px;}

.index-list-wrap .cjy .pic1, .index-list-wrap .gny .pic1 { margin-right: 2px; -webkit-box-flex: 28; -moz-box-flex: 28; box-flex: 28; -webkit-flex: 28; -moz-flex: 28; flex: 28; }
.index-list-wrap .cjy .pic2, .index-list-wrap .gny .pic2 { -webkit-box-flex: 45; -moz-box-flex: 45; box-flex: 45; -webkit-flex: 45; -moz-flex: 45; flex: 45; }

.index-list-wrap .zby .pic1 {  -webkit-box-flex: 45; -moz-box-flex: 45; box-flex: 45; -webkit-flex: 45; -moz-flex: 45; flex: 45; }
.index-list-wrap .zby .pic2 { margin-left: 2px;-webkit-box-flex: 28; -moz-box-flex: 28; box-flex: 28; -webkit-flex: 28; -moz-flex: 28; flex: 28; }

.index-list-wrap dd div { width: 100%; direction: ltr;  }
.index-list-wrap dd div:nth-child(2) a{ margin-bottom:0;}
.index-list-wrap dd a { width:23%;text-align: center; background: #fff; border: 1px solid #c9c9c9; margin: 0 0 5px 0;line-height: 28px;display:inline-block;}
.index-list-wrap dd a:hover { background:#f60;color:#fff;border:1px solid #f60;}

.index-list-wrap dd .onn { background:#f60;color:#fff;border:1px solid #f60;}

.index-list-wrap dd a:last-child { margin-right:0;}

.index-list-wrap dt i { display:inline-block;vertical-align:middle;}
/*导航*/
.index-nav { text-align:center;}
.index-nav ul { }
.index-nav li { width: auto; min-height: 80px; text-align: center; margin-bottom: 10px;display:inline-block;line-height:22px;vertical-align:middle; }
.index-nav li a { display:block; font-weight:bold; font-size:16px}
.index-nav li img { width: 60px; height: 60px; }
.index-nav li .bg-index { width:60px;height:60px;padding:0;}
.index-nav li .p1 { background-position:0 0;}
.index-nav li .p2 { background-position:0 -60px;}
.index-nav li .p3 { background-position:0 -120px;}
.index-nav li .p4 { background-position:0 -180px;}
.index-nav li .p5 { background-position:0 -240px;}
.index-nav li .p6 { background-position:0 -300px;}
.index-nav li .p7 { background-position:0 -360px;}
.index-nav li .p8 { background-position:0 -420px;}

.index-savescreen { width: 200px; position: fixed; bottom: 20px; left: 50%; color: #fff; height: 57px; margin-left: -100px; z-index: 3; background-color: rgba(0,0,0,.7); padding: 5px; }
.index-savescreen .close { font-size: 20px; font-family: Verdana; position: absolute; right: 5px; top: 0; cursor: pointer; margin-top: -3px; z-index: 1; font-weight: bold; }
.index-savescreen .p1 { margin: 5px 0 5px; }
.index-savescreen .arr { width: 0px; height: 0px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid rgba(0,0,0,.7); font-size: 0px; line-height: 0px; margin: 62px auto 0; }

.index-list-new {max-height:392px;overflow:hidden;}
.index-list-new .num{ border-bottom:2px solid #cecece;}
.index-list-new .num em { width:30%;display:inline-block;vertical-align:middle;text-align:center;font-size:13px;}
.index-list-new .num .on { font-size:16px;color:#390;position:relative;}
.index-list-new .num .on:before { position:absolute;left:0;bottom:-2px;width:100%;border-bottom:2px solid #390;content:"";}
.index-list-new .box { padding:0 10px 0}
.index-list-new .box ul { margin-bottom:10px;}
.index-list-new .box li { border-bottom:1px solid #cecece;height:57px;overflow:hidden;}
.index-list-new .box li .p1,.index-list-new .bd li .p2{ height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index-list-new .box li .p1 { color:#333}
.index-list-new .box li .p2 { color:#999}
.index-list-new .box li .p2 label { margin-top:-4px;}
.index-list-new .box li a { display:block;padding:10px 0;}
.index-list-new .box img { width:50px;height:37px;}
.index-list-new .box .txt { padding-left:55px;}

.friendlink { border-top:1px solid #c9c9c9;background:#efefef;color:#666;}
.friendlink a{color:#999;}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) {}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {}
/* iPads (landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {}
/* iPads (portrait) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {}
/* Large screens ----------- */
@media only screen and (min-width : 1824px) {}
/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {}