#clear, .clear {clear: both;float: none!important;background: none;width: 0 !important;	height: 0 !important; margin:0 !important; padding:0 !important;}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


#path{ position:relative;z-index:99; width:100%;height:60px; line-height:60px; background:#f7f7f7; border-bottom:1px solid #e6e6e6;}
#path>.container{margin:0 auto; font-size:14px; color:#999;}
#path a{display:inline-block; color:#999; transition:all .35s;}
#path a:hover{ color:#d0021c;}
#path a.A{ color:#d0021c !important;}
#path.active {transform: translateX(-200px);}
@media only screen and (max-width: 960px){
  #path{display:none;}
}

#inside .container{margin:72px auto; font-size:14px; color:#999;}
#inside .aboutimg{width: 35.50149999999999%; float:left;}
#inside .aboutimg img{width:100%; max-width:570px;}
#inside .aboutcon{width: 59.49849999999999%; margin-left: 5%;  float:right;}
#inside .aboutcon h2{width: auto; margin-top: 3%; margin-bottom: 30px; padding-bottom: 24px; font-size: 36px; color:#444; border-bottom:1px solid rgba(0, 0, 0, 0.3); font-weight: 300;}

#inside .aboutcon .con{line-height:36px; font-size:14px; text-indent:2em;}
@media only screen and (max-width: 1440px){
  #inside .aboutcon h2{margin-top: 0px;}
}
@media only screen and (max-width: 780px){
  #inside .container{margin:32px 0px;}
  #inside .aboutimg{width:100%; display: none}
  #inside .aboutcon{width:100%;}
}




.procate{float:left; width:20%; margin-bottom: 0px; margin-top: 0px;}
.procatefix{position: fixed; top:35px;}

.navMenu> li { display: block; margin: 0; padding: 0; border: 0px; background: #cb1218; border-radius: 0px; margin-bottom: 1px;}
.navMenu>li>.openbox {display: block; overflow: hidden; padding-left: 0px; line-height: 56px; color: #333333; transition: all .3s; position: relative; text-decoration: none; font-size: 16px;border-radius: 0px;}
.navMenu>li>.openbox>i { font-size: 20px; float: left; font-style: normal; margin: 0 5px; width:4px; height: 40px; }
.navMenu li .openbox .arrow:before { display: block; float: right; margin-right: 15px; display: inline; font-size: 16px; font-family: FontAwesome; height: auto; content: ""; font-weight: 300; text-shadow: none;  background: url(../images/icon_add.png) no-repeat; width:12px; height: 12px;background-size: 12px; margin-top:22px;}
.navMenu li .openbox .arrow.open:before { float: right; margin-top: 1px; margin-right: 15px; display: inline; font-family: FontAwesome; height: auto; font-size: 16px;  font-weight: 300; text-shadow: none; background: url(../images/icon_rec.png) no-repeat; width:12px; height: 12px;background-size: 12px;  margin-top:22px; }
.navMenu>li>.openbox.active , .navMenu>li>.openbox:hover { color: #fff; background: #cb1218; }
.navMenu>li>.openbox a,.navMenu>li>.openbox.active a, .navMenu>li>.openbox:hover a{color:#fff; display: block;}
.navMenu>li>.openbox a{width:80%; float:left; display: block;}
.navMenu>li>ul.sub-menu, .navMenu>li>ul.sub-menu>li>ul.sub-menu { display: none; list-style: none; clear: both; padding: 8px 0px 0px 0px; padding-bottom: 0px; background:#fff;}
.navMenu>li.active > ul.sub-menu, .navMenu>li>ul.sub-menu>li.active >ul.sub-menu { }
.navMenu>li>ul.sub-menu li { background: none; margin: 0px; padding: 0px; }
.navMenu>li>ul.sub-menu li>.openbox { display: block; font-size: 16px; line-height: 46px;color: #ABB1B7; clear: both; border-bottom: 1px solid #e7e5e3;}
.navMenu>li>ul.sub-menu li>.active{background: #ededed}
.navMenu>li>ul.sub-menu li>.active .arrow{color:#fff;}
.navMenu>li>ul.sub-menu li>.active a{color: #686868;}
.navMenu>li>ul.sub-menu li a{display:block; padding-left:30px;}
.navMenu>li>ul.sub-menu li>a.active, .navMenu>li>ul.sub-menu li>a:hover, .navMenu>li>ul.sub-menu>li.active >a { color: #FFF; background: #ededed; }
.navMenu>li>ul.sub-menu li a:hover{background:#ededed}
.navMenu>li>ul.sub-menu li em{color:#466f80;font-style:normal; font-size: 10px;}
.navMenu>li>ul.sub-menu li>a:hover em{color:#fff;}
.navMenu>li>ul.sub-menu li>ul.sub-menu li> a{ display: block; font-size: 14px; line-height: 36px; padding-left: 20px; color: #666; clear: both; }
.navMenu>li>ul.sub-menu li>ul.sub-menu li> a.active{color:#fff;}
.navMenu>li>ul.sub-menu li>ul.sub-menu li> a.active em{color:#fff;}
.navMenu>li>ul.sub-menu li>ul.sub-menu li> a:hover{color:#fff;}


.prolist{width:78%; float:right;}
.prolist .proitem{width:23%; margin-right: 2%; float:left; margin-bottom: 24px; border:1px solid #ccc; }
.prolist .proitem:nth-child(4n){margin-right:0%;}
.prolist .proitem .proimg{width:100%; overflow: hidden;     position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;}
.prolist .proitem .proimg img{max-width:100%;}
.prolist .proitem .protit{text-align: center; line-height: 56px; height:56px; overflow: hidden;}
.prolist .proitem .line{margin-top: 0px; width:0px; height:2px; background-color: #fff; transition: all 0.8s ease;}
.prolist .proitem:hover .line{ background-color: #d8262c; width: 100%;}



.proshow{padding-top:0px;position:relative; width:100%; background: #f2f2f2; padding:36px;}
.proshow .proimg{float:left;width:45%;margin-top:0 !important;border:1px solid #ddd;}
.proshow .proimg .img {width:100%;text-align:center;height:auto;}
.proshow .proimg .img img {max-width:100% !important;vertical-align:middle; max-height: 100%;}
.proshow .proimg .img .iblock {display:inline-block;height:100%;width:0;vertical-align:middle}

.proshow .prodesc{width:52%; float:right;}
.proshow .prodesc .pro_name{font-size: 18px; line-height: 48px; border-bottom: 1px solid #cb1218; color:#cb1218; }
.proshow .prodesc p{font-size:14px;line-height:24px;margin-bottom:10px;}
.proshow .prodesc p.bt{font-size:20px;font-weight:bold;color:#8fc024;}
.proshow .prodesc p.desc{height:125px;overflow:hidden;color:#999; background: #f2f2f2; margin-top: 20px;}
.proshow .prodesc p.desc span{padding-left:10px; padding-top: 10px; display: block;}
.proshow .prodesc .pro_btn{padding-top:30px;overflow:hidden;}
.proshow .prodesc .pro_btn1{display:block;width:40%;margin-right:20px;height:55px;line-height:55px;text-align:center;font-size:16px;color:#fff;background:#cb1218;border-radius:2px;float:left;border:1px solid #fff;}
.proshow .prodesc .pro_btn2{display:block;width:40%;margin-right:0;height:55px;line-height:55px;text-align:center;font-size:16px;background:#cb1218;color:#fff;border-radius:2px;float:left;border:1px solid #fff;}
.proshow .prodesc .pro_btn1:hover{background:#fff;border:1px solid #cb1218;color:#cb1218;}
.proshow .prodesc .pro_btn2:hover{background:#fff;border:1px solid #cb1218;color:#cb1218;}

.procontit{border-bottom:1px solid #cb1218;margin:36px 0 30px;}
.procontit span{width:110px;padding:0 0px;font-size:16px;text-align:center;height:45px;line-height:45px;margin-bottom: -1px;background:#cb1218;color:#fff;display:block;margin-left: 5px;border: 1px solid #DDD;border-bottom:1px solid #cb1218;font-weight:bold;}
.procon img{display: block; margin:10px auto;}

.propage{padding-top:30px;}
.propage p{height:35px;line-height:35px;background:#c1c1c1;margin-bottom:10px;padding:0 20px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap; color:#666;}
.propage p:hover{background: #cb1218; color:#fff;}
.propage p:hover a{color:#fff;}

@media only screen and (max-width: 1440px){
.proshow .prodesc .pro_btn1{width:80%;}
}

@media only screen and (max-width: 780px){
  .procate{width:100%; display: none;}
  .prolist{width:100%;}
  .procon img{max-width: 100%;}
}

@media only screen and (max-width: 480px){
  .procate{width:100%; display: none;}
  .prolist{width:100%;}
  .proshow{padding: 16px;}
  .proshow .proimg{width:100%;}
  .proshow .prodesc{width:100%;}
  .proshow .prodesc .pro_btn{padding-top: 10px; width:100%;}
  .proshow .prodesc .pro_btn1{width:100%;}
  .prolist .proitem{width:49%;}
  .prolist .proitem:nth-child(2n){margin-right:0%;}
  .prolist .proitem:nth-child(3n){margin-right:2%;}

}




/*jobs TOP*/

#jobs{width:90%; max-width:1360px; margin:0 auto; padding:20px 0; position:relative; overflow:hidden;}
#jobs>.list{margin:0 auto; border:1px solid #e8e8e8;}
#jobs>.list>.list_tr{margin:0 auto;overflow:hidden; border-bottom:1px solid #cb1218; background: #cb1218;}
#jobs>.list>.list_tr>li{ position:relative; float:left; width:15%; padding:20px 0; text-align:center; color:#fff; font-size:16px; font-weight:bold; overflow:hidden;}
#jobs>.list>.list_tr>li:after{ position:absolute;z-index:1; left:0; bottom:0; width:1px; height:100%; opacity:.4; background:#fff; content:'';}
#jobs>.list>.list_tr>li:first-child:after, #jobs>.list>.list_tr>li:last-of-type:after{opacity:0;}
#jobs>.list>.list_tr>li.td1{ width:20%; text-align:left;padding-left:20px; box-sizing:border-box;}
#jobs>.list>.list_tr>li.td7{ width:5%;}

#jobs>.list>.list_td>li{ display:block; transition:all .35s;}
#jobs>.list>.list_td>li>.akey{position:relative;}
#jobs>.list>.list_td>li>.akey:after{ position:absolute;z-index:1;left:50%; bottom:0; width:98%; height:1px; margin-left:-49%; border-bottom:1px dotted #ddd; content:'';}
#jobs>.list>.list_td>li:last-child .akey:after{ border-bottom:0 !important;}
#jobs>.list>.list_td>li>.akey>div{ float:left; width:15%; padding:15px 0; text-align:center; color:#666; font-size:14px;}
#jobs>.list>.list_td>li>.akey>div.td1{ width:20%;text-align:left;padding-left:20px; box-sizing:border-box; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
#jobs>.list>.list_td>li>.akey>div.td7{ position:relative; opacity:.2; width:5%; height:20px; background:url("../images/icon-arrow-down-circle-black.png") no-repeat; background-size:24px auto; background-position:50% 50%; transition:all .35s; margin-top:8px}
#jobs>.list>.list_td>li>.akey>div>a{display:inline-block; background:url("../images/icon-delivery.png") no-repeat; background-size:20px; background-position:left center; padding-left:25px; color:#d0021c; transition:all .35s;}
#jobs>.list>.list_td>li>.akey>div>a:hover{ text-decoration:underline;}
#jobs>.list>.list_td>li>.akey:hover{ background:#fef9fa;}
#jobs>.list>.list_td>li>.det{ position:relative; display:none; width:100%; padding:20px 0;float:none; margin:0 auto; text-align:left;}
#jobs>.list>.list_td>li>.det:after{ position:absolute;z-index:1;left:50%; bottom:0; width:98%; height:1px; margin-left:-49%; border-bottom:1px dotted #ddd; content:'';}
#jobs>.list>.list_td>li:last-child .det:after{ border-bottom:0 !important;}
#jobs>.list>.list_td>li>.det .con{ text-align:left; padding:0 20px 10px 20px;}
#jobs>.list>.list_td>li>.det .mob{display:none;}
#jobs>.list>.list_td>li>.det .con>div{ width:30%; float:left; font-size:14px; color:#666;padding:5px 0;}
#jobs>.list>.list_td>li>.det .tag{padding:0 20px; text-align:left;}
#jobs>.list>.list_td>li>.det .tag>.tit{ font-size:14px; color:#d0021c;padding:5px 0; text-align:left;}
#jobs>.list>.list_td>li>.det .tag>.txt{ font-size:14px; color:#666; line-height:21px; padding:10px 0; }
#jobs>.list>.list_td>li>.det .url{ text-align:left;padding:20px;}
#jobs>.list>.list_td>li>.det .url>a{display:inline-block; background:#d0021c; padding:8px 40px; color:#fff; font-size:16px; transition:all .35s;}
#jobs>.list>.list_td>li>.det .url>a:hover{ background:#e31832;}
#jobs>.list>.list_td>li>.det .url>.tip{ display:inline-block; color:#bbb; font-size:14px; padding-left:20px;}
#jobs>.list>.list_td>li.A>.akey>div.td7{transform:rotate(180deg);}
#jobs>.loadmore{ width:90%;max-width:1360px; padding:50px 0;margin:0 auto; text-align:center;}
#jobs>.loadmore>a{display:inline-block; padding:10px 90px; font-size:18px; color:#666; border:1px solid #ddd; border-radius:50px; transition:all .35s;}
#jobs>.loadmore>a:hover{ background:#d0021c; border:1px solid #d0021c; color:#fff;}


@media only screen and (max-width: 960px){
  #jobs>.list>.list_tr>li{ font-size:15px;}

}

@media only screen and (max-width: 780px){
  #jobs>.list>.list_tr{ background:#666;}
  #jobs>.list>.list_tr>li{ font-weight:normal; color:#fff;}
  #jobs>.list>.list_tr>li:after{ height:100%;}

  #jobs>.list>.list_tr>li.td1{ width:45%;}
  #jobs>.list>.list_tr>li.td2{display:none;}
  #jobs>.list>.list_tr>li.td3{display:none;}
  #jobs>.list>.list_tr>li.td4{width:25%;}
  #jobs>.list>.list_tr>li.td5{display:none;}
  #jobs>.list>.list_tr>li.td6{ width:20%;}
  #jobs>.list>.list_tr>li.td7{ width:10%;}
  #jobs>.list>.list_td>li>.akey>div.td1{ width:45%;}
  #jobs>.list>.list_td>li>.akey>div.td2{display:none;}
  #jobs>.list>.list_td>li>.akey>div.td3{display:none;}
  #jobs>.list>.list_td>li>.akey>div.td4{width:25%;}
  #jobs>.list>.list_td>li>.akey>div.td5{display:none;}
  #jobs>.list>.list_td>li>.akey>div.td6{ width:20%;}
  #jobs>.list>.list_td>li>.akey>div.td7{ width:10%;}
  #jobs>.list>.list_td>li>.det .mob{display:inline-block;}
}

@media only screen and (max-width: 420px){
  #jobs>.list>.list_tr>li{ font-size:14px;}
  #jobs>.list>.list_td>li>.akey>div.td7{ background-size:20px auto;}
  #jobs>.list>.list_td>li>.det .con>div{ display:block; width:50%; font-size:12px;}
  #jobs>.list>.list_td>li>.det .url>.tip{ display:block; padding-left:0px;}

}

/*END*/
#production{ position:relative; width:94%; max-width:1600px; margin:0 auto; padding:50px 0 50px; }
#production>.list{  margin:0 auto;}
#production>.list>ul{ margin:0 auto;}
#production>.list>ul>li{position:relative;display:block; float:left; width:23%; overflow:hidden; padding:1%; margin-right:2%; margin-bottom:2%; border:1px solid #eee;text-align:center;}
#production>.list>ul>li:nth-of-type(4n){ margin-right:0 !important;}
#production>.list>ul>li>a>.img{ position:relative; margin:0 auto; overflow:hidden;}
#production>.list>ul>li>a>.img>img{ width:100%; height:auto; transition:all 1s;}
#production>.list>ul>li>a>.tit{ padding:15px 10px; font-size:16px; text-align:center; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; transition:all .35s;}
#production>.list>ul>li>a:hover .img>img{transform:scale(1.1);}
#production>.loadmore{ width:90%;max-width:1360px; padding:50px 0;margin:0 auto; text-align:center;}
#production>.loadmore>a{display:inline-block; padding:10px 90px; font-size:18px; color:#666; border:1px solid #ddd; border-radius:50px; transition:all .35s;}
#production>.loadmore>a:hover{ background:#e30212; border:1px solid #e30212; color:#fff;}


@media only screen and (max-width: 1080px){
  #production>.list>ul>li{width:29.7%;}
  #production>.list>ul>li:nth-of-type(4n){ margin-right:2% !important;}
  #production>.list>ul>li:nth-of-type(3n){ margin-right:0 !important;}

}
@media only screen and (max-width: 780px){
  #production{padding-top: 20px;}
  #production>.list>ul>li{width:29.6%;}
  #production>.list>ul>li>a>.tit{ font-size:14px;}
  #contact>.contactus{padding-top: 0px;}
  #contact>.contactus>.map{width:100%; height: auto; min-height: 100px;}
  #contact>.contactus>.contact{width:100%;}

}
@media only screen and (max-width: 580px){
  #production>.list>ul>li{ width:46.5%; margin-right:0 !important;}
  #production>.list>ul>li:nth-of-type(even){ float:right;}
  #production>.list>ul>li:nth-of-type(4n){ margin-right:0 !important;}
  #production>.list>ul>li:nth-of-type(3n){ margin-right:0 !important;}
}


.contactmap{width: 64.2088%; margin-right: 4%; float:left; min-height: 400px;}
#dituContent{height:400px;}
.contactcon{width:31.791200000000003%; float:left;}


.contactcon .con .t1{font-size:40px; font-weight: bold;}
.contactcon .con .t1 span{color:#cc1216;}
.contactcon .con .add{font-size: 20px; font-weight: 300; line-height: 48px; margin-bottom: 42px;}

.contactcon .contactinfo-box a em{display:block;float:left;width:60px;height:60px;border:1px solid #ddd;border-radius:50%;margin-right:15px; margin-bottom: 20px;}
.contactcon .contactinfo-box em{margin-top: 5px;}
.contactcon .contactinfo-box.lxfax em{background:url(../images/contact_fax.png) center center no-repeat;  background-size:40px;}
.contactcon .contactinfo-box.lxqq em{background:url(../images/contact_qq.png) center center no-repeat;  background-size:40px;}
.contactcon .contactinfo-box.lxemail em{background:url(../images/contact_email.png) center center no-repeat;}
.contactcon .contactinfo-box.lxtel em{background:url(../images/contact_tel.png) center center no-repeat;  background-size:40px;}
.contactcon .contactinfo-box.lxfax em{background:url(../images/contact_fax.png) center center no-repeat;  background-size:40px;}
.contactcon .contactinfo-box.lxaddress {margin-bottom: 20px;}
.contactcon .contactinfo-box.lxaddress em{background:url(../images/contact_address.png) center center no-repeat; margin-top: 15px;}
.contactcon .contactinfo-box a .wz{float:left;width:78%;margin-top:5px;}
.contactcon .contactinfo-box .wz p{font-size:18px;padding-bottom:2px; line-height:32px; margin-bottom: 0px;}
.contactcon .contactinfo-box span{font-size:16px;}
@media only screen and (max-width: 1440px){
  .contactcon .con .t1{font-size: 36px;}
  .contactcon .con .add{font-size: 18px;}
}


@media (max-width:767px) {
  .contactcon .con .t1{margin-top: 24px;}
  .contactcon .con .add{margin-bottom: 24px;}
  .contactmap{width:100%;}
  #ditucontent{width:100%;}
  .contactcon{width:100%; margin-top: 0px;}
}


.fl{float:left;}
.fr{float:right;}

#news{width:100%; margin:0 auto; padding-bottom:20px;}
#news>.list{ margin:0 auto;overflow:hidden;}
#news>.list>ul{margin:0 auto;}
#news>.list>ul>li{display:block;margin:0 auto; transition:all .35s;}
#news>.list>ul>li>a{ position:relative; display:block; width:100%; padding: 50px 9%; max-width:1600px; margin:0 auto; transition:all .35s;}
#news>.list>ul>li>a:after{ position:absolute;z-index:3;left:0;bottom:0; width:100%;height:1px; background:#eee;content:''; transition:all .35s;}
#news>.list>ul>li:last-child a:after{opacity:0;}
#news>.list>ul>li>a .img{ width:30%; text-align:left; overflow:hidden;}
#news>.list>ul>li>a .img>img{width:100%; height:auto; transition:all 1s;}
#news>.list>ul>li>a .con{width:50%;text-align:left; padding:0 5%;}
#news>.list>ul>li>a .con>.tit{ font-size:24px; color:#333;overflow: hidden;text-overflow:ellipsis; white-space: nowrap; transition:all .35s;}
#news>.list>ul>li>a .con>.txt{ margin:20px 0; height:75px; line-height:26px; font-size:16px; color:#999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
#news>.list>ul>li>a .con>.more{ text-align:left;}
#news>.list>ul>li>a .con>.more>span{ display:inline-block;padding:8px 30px; font-size:16px; color:#d0021c; border:1px solid #d0021c; border-radius:30px;transition:all .35s;}
#news>.list>ul>li>a .time{ width:10%; color:#d0021c; text-align:right;}
#news>.list>ul>li>a .time>.dm{ font-size:32px;}
#news>.list>ul>li>a .time>.yy{ font-size:18px;}
#news>.list>ul>li:hover{ background:#eee;}
#news>.list>ul>li:hover a:after{ background:none;}
#news>.list>ul>li:hover .con>.more>span{ margin-left:6px; color:#fff; background:#d0021c;}
#news>.list>ul>li>a .img:hover img{transform:scale(1.1);}
#news>.loadmore{ width:90%;max-width:1360px; padding:50px 0;margin:0 auto; border-top:1px solid #eee; text-align:center;}
#news>.loadmore>a{display:inline-block; padding:10px 90px; font-size:18px; color:#666; border:1px solid #ddd; border-radius:50px; transition:all .35s;}
#news>.loadmore>a:hover{ background:#d0021c; border:1px solid #d0021c; color:#fff;}
#news>.view{ width:90%;max-width:1360px;margin:0 auto;}
#news>.view>.title{ font-size:32px;font-weight:normal;padding:20px; text-align:center;}
#news>.view>.time{text-align:right; font-size:16px; color:#999;padding:0 20px 20px 20px; border-bottom:1px solid #eee;}
#news>.view>.content{margin:0 auto; width:80%; max-width:1200px;padding:50px 0;}
#news>.view>.content{ font-size:16px; line-height:28px; color:#666;}
#news>.view>.content>p{margin-bottom:20px;}
#news>.view>.content img{max-width:100%;height:auto;}
#news>.view>.content table{ border-top:1px solid #ddd; border-left:1px solid #ddd;margin:0px auto; width:99.6%;}
#news>.view>.content table td{ color:#666; font-size:14px; padding:8px; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
#news>.view>.content .tableWap{ overflow:hidden; overflow-x:auto;}
#news>.view>.share{ text-align:center;margin:0 auto; padding:50px; }
#news>.view>.share .bshare-custom a{ padding:0px;margin:0 12px!important; width:50px; height:50px; opacity:1; transition:all .35s;}
#news>.view>.share .bshare-custom .bshare-sinaminiblog{ background:url("../images/icon-weibo.png") no-repeat; background-size:100% auto;background-position:center center;}
#news>.view>.share .bshare-custom .bshare-weixin{ background:url("../images/icon-wechat.png") no-repeat; background-size:100% auto;background-position:center center;}
#news>.view>.share .bshare-more{background:url("../images/icon-share.png") no-repeat; padding:0 !important; margin:0 !important; background-size:100% auto;background-position:center center;}
#news>.view>.share .bshare-custom a:hover{ opacity:1; transform: translateY(-3px);}
#news>.view>.pageurl{margin:0 auto;padding:50px;font-size:14px;}
#news>.view>.pageurl>.prev, #news>.view>.pageurl>.next{ width:40%; padding:5px; text-align:left; border-bottom:1px solid #aaa;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
#news>.view>.pageurl strong{font-weight:normal; font-size:16px;color:#999;}
#news>.view>.pageurl>.prev:hover a, #news>.view>.pageurl>.next:hover a{color:#cc1216;}



@media only screen and (max-width: 960px){
  #news>.list>ul>li>a .con>.tit{ font-size:22px;}
  #news>.list>ul>li>a .con>.txt{ height:40px; line-height:21px; font-size:14px;-webkit-line-clamp:2;}
  #news>.list>ul>li>a .con>.more>span{ padding:6px 26px; font-size:13px;}
  #news>.list>ul>li>a .time>.dm{ font-size:28px;}
  #news>.list>ul>li>a .time>.yy{ font-size:16px;}
  #news>.view>.title{ font-size:28px;}
}

@media only screen and (max-width: 780px){
  #news>.list>ul>li>a .con>.tit{ font-size:20px;}
  #news>.list>ul>li>a .con>.txt{ margin:10px 0;}
  #news>.list>ul>li>a .con>.more>span{font-size:12px;}
  #news>.list>ul>li>a .time>.dm{ font-size:24px;}
  #news>.list>ul>li>a .time>.yy{ font-size:14px;}
.fl{float:none;}
.fr{float:none;}
}

@media only screen and (max-width: 640px){
  #news>.list>ul>li>a .img{ float:none; width:100%;}
  #news>.list>ul>li>a .con{ float:none; width:100%;padding:20px 0;}
  #news>.list>ul>li>a .con>.tit{ font-size:22px;}
  #news>.list>ul>li>a .con>.txt{ margin:20px 0;}
  #news>.list>ul>li>a .con>.more>span{font-size:14px;}
  #news>.list>ul>li>a .time{ float:none; width:100%;}
  #news>.list>ul>li>a .time>.dm{ font-size:28px;}
  #news>.list>ul>li>a .time>.yy{ font-size:16px;}
  #news>.view>.title{ font-size:20px; padding-top:50px;}
  #news>.view>.time{font-size:13px;}
  #news>.view>.content{ font-size:14px; line-height:24px; color:#666; width:96%;}
  #news>.view>.content table td{font-size:12px; padding:5px; }
  #news>.view>.share{ padding:30px; }
  #news>.view>.share .bshare-custom a{ margin:0 10px!important; width:40px; height:40px;}
  #news>.view>.pageurl{padding:30px 0px;font-size:12px; }
  #news>.view>.pageurl>.prev, #news>.view>.pageurl>.next{ float:none; width:100%; padding:5px; box-sizing:border-box;}

}


.pagination {
	float:left;
	text-align:center;
	width:100%;
	margin:20px 0;
	position:relative;
	overflow:hidden;}
.page {
	display:inline-block;
	font: 12px/28px "΢ÈíÑźÚ", Tahoma, "ËÎÌå";
	*display:inline;
	:1;
	*zoom:1;}
.page span,.page strong {
	float:left;}
.page a,
.page span.disabled {
	background:#FFF;
	border:1px solid #CCC;
	color:#333;
	float:left;
	font: 14px/24px "΢ÈíÑźÚ", Tahoma, "ËÎÌå";
	height:28px;
	margin-right:5px;
	min-width:15px;
	padding:0 8px;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
width:auto;
	_width:15px;
line-height: 28px;}
.page strong{
	background:#cc1216;
	border:1px solid #cc1216;
	color:#fff;
	float:left;
	font: 14px/24px "΢ÈíÑźÚ", Tahoma, "ËÎÌå";
	height:28px;
	margin-right:5px;
	min-width:15px;
	padding:0px 8px;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
	_width:15px;
	line-height: 28px;
}
.page a:hover {
	border:1px solid #cc1216;
	color:#cc1216;
	text-decoration:none;}
.page span.disabled {
	background:#FFF;
	border:1px solid #CCC;
	color:#CCC;}
.page span.ellipsis {
	float:left;
	font: 14px/24px "΢ÈíÑźÚ", Tahoma, "ËÎÌå";
	line-height:22x;
	margin-right:5px;}
.page .page_txt {
	line-height:20px;
	float:right;
	width:auto;}
.page a.page-curpage {
	background:#5b9bf3;
	border:1px solid #5b9bf3;
	color:#FFF;
	font-weight:bold;}
.page input {
	font: 14px Verdana;
	padding:0 0 0 1px;
	width:40px;
	height:14px;}