@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0px;}
a {text-decoration: none; }
body{ font-family:"Arial"; max-width:27.68rem; background:#fff;  font-size: 0.375rem; margin: 0 auto; /*12px*/}
li {list-style: none; }
h3 a,p a{ display:inline-block}
img {border: none;display: block; }
/*清除浮动*/
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}
input {outline: none; border: none; -webkit-appearance: none; /*background:#f2f2f2;*/}
*:focus {outline: none;}
 @font-face{
  font-family: 'aaa';
  src:url(../font/tahoma.ttf);
} 
@font-face {
font-family: xiyuan; /*这里是说明调用来的字体名字*/
src:url(../font/xiyuan.TTF) /*这里是字体文件路径*/
}
.warp{ width:100%;}
.content{ width:96%; margin:0 auto;/*border: solid 1px red;*/}
.left{ float:left;}

/*头部*/
.header{ width:100%;/*height:3.7rem;*/ background:#fff; margin-top: 8px; }
.header .logo_1{width: 49%; float:left; margin-top: .7rem;}
.header .logo_1 img{width: 100%;}
.header .logo{ /*width: 100%; */ /*width:39%;*/ /* width:3.05rem; height:0.58rem;*/ /*margin-top:.13rem;*/}
.header .right{float: right; width:16%;}
.header .zyqh{float: left;width: 100%; color: #666;/*margin-top: .5rem;*/font-size: 14px;}
.header .zyqh a{color: #666; font-size: 14px;}
.header .dh{float: right; position: relative;margin-top: .4rem;width: 35%}
.header .dh img{width: 100%;}
/*.nav_r{ width: 80%;  margin-top:42%;}*/
.header .dh .nav_btn{display: none; width: 100%; height: 100%; position: fixed;top: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.2);z-index: 1000;}
.header .dh .nav_btn_left{width: 30%; height:100%; opacity: 0.8; float: left; }
.header .dh .nav_btn_right{width: 70%; height: 100%; background-color: #fff; float: left;}
.header .dh .nav_btn_right .close{width:15px;height: 15px;float: left;margin: 24px 0 0 13px;} 
.header .dh .nav_btn_right .close img {width:15px;height: 15px;}
.header .dh .nav_btn_right h3{margin-top: 20px; margin-left: 62px; width: 70%; float: left; font-size: 18px;color: #666; }
.header .dh .nav_btn_right ul {margin-top: 30px; float: left; width: 100%;}
.header .dh .nav_btn_right ul li{width: 100%; float: left; text-align: center; font-size: 16px; color: #666; /*margin-bottom: 15px;*/ position: relative; border-bottom: solid 1px #eee; line-height: 40px;}
.header .dh .nav_btn_right ul li a{color: #666;}
.header .dh .nav_btn_right ul li i{width: 8px; height: 12px;display: inline-block;background: url(../images/xtb.png);position: absolute;top: 14px; left: 71px;}
/*.sj-nav{float: right; margin-top:1rem; position: relative;}
.nav{display: none; position: absolute; top: 0px; right: 0px;}
.nav{ display:none; background:white; border:1px solid #1f80c0; width: 120px; position:absolute; top:42px;right:-8px; z-index: 9999; font-size:15px; text-align: center;}
.nav li{ float:none; line-height:36px;}
.nav li a{ text-align:center; color: #333;}*/

/*首页*/
.banner{ width:100%;/* float:left;*/ margin-top: .7rem;}
.focus{ position:relative; width:100%; height:auto; /*background-color: #000;*/display:inline-block;overflow:hidden;}  
.focus img{ width: 100%; height: auto;} 
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .D1fBt{ overflow:hidden; zoom:1;  /*height:16px;*/ z-index:10; /*background: blue;*//* width:10px; */ height: 35px;  }  
.focus .fcon a{display: inline-block; width:100%} 
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:2px; right:50%; position:absolute; height:21px; text-align:center; z-index: 200; margin-right:-29px;}  
.focus .fbg div{margin:0 auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:9px; height:9px; border-radius:5px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#0071bd;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
/*搜索框*/
.sear_ch{width: 100%;}
.sear_ch .content{position: relative;}
.sear_ch input[type=text]{width: 100%; height: 39px; background: #f1f1f1; border: solid 1px #e2e2e2;text-align: center; font-size: 14px; color: #999;}
.sear_ch img{position: absolute; top: 10px; right: 30%;}
/*会展入口*/
.hzrk  {width: 100%; margin-top: 1.2rem;}
.hzrk .hzrk_lb{width: 880px;}
.hzrk .hzrk_lb li{float: left;/* width: 25%;*/ text-align: center; /*line-height: 30px;*/ color: #333;    display: inline; text-align: center; margin-right:28px; margin-left: 7px;}
.hzrk .hzrk_lb li img{/*width: 47%; margin-left: 27%;*/display: inline; width: 43px;}
.hzrk .hzrk_lb li a{ color: #333; font-size: 16px; font-weight: bold;}


/*.hzrk .hzrk_lb{width: 880px;}
.hzrk .hzrk_lb li{    text-align: center;
    display: inline;
    float: left;
    display: inline;
    height: 90px;
    padding-top: 10px;
    margin-right: 15px;
  }*/

    #hzrk_lb {
    overflow-x: scroll;
    overflow-y: hidden;
    /*float: left;*/
    /* line-height: 90px; */
    width: 100%;
    margin-bottom: 0px;
    height: 70px;}

::-webkit-scrollbar {
/*width:100%;*/
height: 5px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
border-radius:10px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
border-radius:10px;
background:rgba(0,0,0,0.1);
-webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background:rgba(255,255,255,0.8);
}
/*xinz*/
/*新添加*/
/*#hzrk_lb{width: 200px;
    margin-bottom: 0px;
    height: 70px;border: solid 1px red; overflow-x:scroll;overflow-y:hidden;white-space:nowrap;}*/

/*.hzrk .hzrk_lb a img{width: 47%; margin-left: 27%;}
.hzrk .hzrk_lb a{ color: #333; font-size: 17px; font-weight: bold;float: left; width: 25%; text-align: center; line-height: 30px;}*/


.sameline{width: 100%; height: 9px; background: #eeeeee; margin-top: .7rem; margin-bottom: .7rem;}

/*展览会议*/
.sametitle_1{width: 100%; /*padding-bottom: 12px;*/ border-bottom: solid 1px #eeeeee; padding-top: 10px;}
.sametitle .left{font-size: 17px; color: #0071bd; width: 120px; border-bottom: solid 1px #0967d0; font-weight: bold; padding-bottom:6px;}
.sametitle .left2{float: left; font-size: 17px; color: #0071bd; width: 144px; border-bottom: solid 1px #0967d0; font-weight: bold; padding-bottom: 10px;}
.sametitle .right{float: right; padding-top: 8px;}
.sametitle .right a{font-size: 12px; color: #333;}
.zlhy_pq .hypq_1 li{width: 100%;padding-top: 13px; padding-bottom: 13px; border-bottom: dashed 1px #eee; float: left;}
.zlhy_pq .hypq_1 li .xwtb{display: block; float: left; margin-top: 5px; margin-right: 8px; height: 22px; }
.zlhy_pq .hypq_1 li .xwbt1 {font-size: 14px; color: #333; width: 90%;height: 19px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.zlhy_pq .hypq_1 li .time{width: 100%; font-size: 14px; color: #333; margin-top: 2px;}

/*最新新闻*/
.zxxw_1 {width: 100%; margin-top: 1.2rem;}
.zxxw_1 .xwfirst{padding-bottom: 13px; border-bottom: dashed 1px #eee;}
.zxxw_1 .img_xw{width: 35%; float: left; margin-right: 2%;}
.zxxw_1 .img_xw img{width: 100%;}
.zxxw_1 .tm{color: #333; font-size: 14px; font-weight: bold; float: left; width: 63%;/*height: 17px; */margin-top: 5px; margin-bottom: 7px; overflow: hidden;}
.zxxw_1 .tm a{color: #333;height: 17px; line-height: 17px; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.zxxw_1 .nr{color: #666; font-size: 14px; line-height: 24px; margin-top: 5px; float: left; width: 63%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
/*.zxxw_1 .hypq_1 li:first-child{border-top: dashed 1px #eee; }*/
.zxxw_1 .hypq_1 li{width: 100%;padding-top: 13px; padding-bottom: 13px; border-bottom: dashed 1px #eee; float: left;}
.zxxw_1 .hypq_1 li .xwtb{display: block; float: left; margin-top: 5px; margin-right: 8px; height: 22px; }
.zxxw_1 .hypq_1 li .xwbt1 {font-size: 14px; color: #333; width: 90%;height: 19px; line-height: 19px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.zxxw_1 .hypq_1 li .time{width: 100%;font-size: 14px; color: #333;margin-top: 2px;}
/*展会图片*/
.zhtp_1 .zhtplb{width:100%; margin-top: 1.2rem;}
.zhtp_1 .zhtplb li{ float: left; width: 49%; /*margin-left: 3%;*/ margin-bottom: 10px; }
.zhtp_1 .zhtplb li:nth-child(even){margin-left: 2%;}
.zhtp_1 .zhtplb li img{width: 100%;}
.zhtp_1 .zhtplb li p{text-align: center; line-height:31px; margin-top: 5px; font-size: 14px;}
.zhtp_1 .zhtplb li p a{color: #333; width: 100%; height: 31px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.samedbline{width: 100%; height: 2px; background: #0f6bb8; margin-top: 8px;}
/*底部1*/
.bottom1{width: 100%; background: #fff; margin-top: .8rem; padding-top: 8px; padding-bottom: 78px;}
.bottom1 ul{border-bottom: dashed 1px #d2d2d2; padding-bottom: 11px; }
.bottom1 ul li{float: left; font-size: 14px; border-right: solid 1px #ccc; margin-left: 2%;/* margin-right: 2%;*/ padding-right: 2%;margin-bottom: 5px; }
.bottom1 ul li a{color: #666;font-size: 14px; }
/*导航居中*/
.bottom1 .db_dh{ width: 90%; text-align: center; margin: 0 auto; font-size: 14px; color: #666; line-height: 24px;}
.bottom1 .db_dh a{color: #666;font-size: 14px; }
/*居中end*/

.bottom1 .lxfs{font-size: 14px;color: #666; text-align: center; line-height: 24px; margin-top: 11px; border-top: dashed 1px #d2d2d2; padding-top: 12px; /*padding-bottom: 11px; border-bottom: solid 1px #d2d2d2;*/}
.bottom1 .lxfs a{font-size: 14px;color: #666;}

/*底部*/
.foot{ position:fixed; bottom:0; background:#fff; width:100%; height:42px; padding:1.5% 0; /*border-top:1px solid #ccc;*/padding-bottom: 3%;max-width: 27.68rem; border-top: solid 1px #d2d2d2;}
.foot ul li{ width:25%; float:left; height: 52px; text-align:center; /*margin-top: 1%;*/}
.foot ul li a{ font-size: 14px;color: #333;float: left;display: inline-block;width: 100%;text-align: center; line-height: 78px;}
.foot1{ background:url(../images/home.png) no-repeat top center; background-size:32%; /* border: solid 1px red; */ background-position-y:.07rem;}
.foot2{ background:url(../images/dh.png) no-repeat top center; background-size:31%; /*border: solid 1px red;*/ background-position-y:.07rem;}
.foot3{ background:url(../images/dz.png) no-repeat top center; background-size:31%; /*border: solid 1px red;*/ background-position-y:.07rem;}
.foot4{ background:url(../images/qj.png) no-repeat top center; background-size:31%; /*border: solid 1px red;*/ background-position-y:.07rem;}

.fhdb {
    /*display: none;*/
    width: 42px; 
    height: 42px;
    position: fixed;
    bottom: 145px;
    right: 5px;

}




@media only screen  and  (max-width:375px) {
  /*.header .right{float: right; width:20%;}*/
.header .zyqh a{color: #666; font-size: 12px;}

  .header .zyqh{float: left;width: 100%; color: #666;/*margin-top: .45rem;*/}

  /*.hzrk .hzrk_lb li a{ color: #333; font-size: 16px;}*/
  .zxxw_1 .tm{margin-top:0px; }
  .zxxw_1 .nr{margin-top: 0px; }
  .bottom1 .db_dh{ width: 100%; text-align: center; margin: 0 auto; font-size: 14px; color: #666; line-height: 24px;}

  .hzrk .hzrk_lb li{ margin-right: 20px; margin-left: 0px; }




}
@media only screen  and  (max-width:360px) {
   .foot1{ background:url(../images/home.png) no-repeat top center; background-size:36%; /* border: solid 1px red; */ background-position-y:.07rem;}
  .foot2{ background:url(../images/dh.png) no-repeat top center; background-size:35%; /*border: solid 1px red;*/ background-position-y:.07rem;}
  .foot3{ background:url(../images/dz.png) no-repeat top center; background-size:35%; /*border: solid 1px red;*/ background-position-y:.07rem;}
  .foot4{ background:url(../images/qj.png) no-repeat top center; background-size:35%; /*border: solid 1px red;*/ background-position-y:.07rem;}

}
@media only screen and (max-width: 320px){ 
  /*.header .logo_1{width: 39%; float:left;}*/
  .header .right{float: right; width:18%;}
  .sear_ch img{position: absolute; top: 10px; right: 27%;}
  .hzrk .hzrk_lb li a{ color: #333; font-size: 16px;}
  .hzrk .hzrk_lb li{ margin-right:16px;}
  .hzrk .hzrk_lb li img{ width: 47px;}

  .zlhy_pq .hypq_1 li{width: 100%;padding-top: 10px; padding-bottom: 10px; border-bottom: dashed 1px #eee; float: left;}
  .zxxw_1 .nr{ line-height: 21px; }

}