/*
* name: responsive
* version: v1.1.7
* update: 响应图片从ui.css集中到responsive.css
* data: 2015-08-28
*/

/* import responsive stylesheet */
@import url(./Pad.css) screen and (max-width: 1024px);
@import url(./Mobile.css) screen and (max-width: 640px);

/* hide template textarea */
.UnpcPush textarea, .PcPush textarea, .MobilePush textarea, .UnmobilePush textarea{display: none;}

/*
* PcMode
*/
body:after {
  display: block;
  height: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  content: 'Pc';
}
.PcMode:after { content: 'Pc' !important;}
.UnpcPush, .MobilePush { display: none;}
img[data-src] { opacity: 0 ; filter: alpha(opacity=0);}
/*
* PadMode
*/
@media screen and (max-width: 1024px) {

  body:after {
    content: 'Pad';
  }
  body{ user-select: none;-webkit-user-select: none;}
  body,input,textarea,button,select {font-family: inherit;font-size:14px;}
  .wrap{padding-left:2%;padding-right:2%;max-width: none;}
  .PcPush{display: none;}
  .UnpcPush{display: block;}

}



@media screen and (max-width: 1024px) {
  .sx02 .shengchan{height: 325px;}
  .sx02 .zbtab-key02{width: 192px;}
  .sx02 .zbtab-key02 li{width: 192px;height: 58px;}
  .sx02 .zbtab-key02 li span{font-size: 13px;padding-top: 16px;}
  .sx02 .zbtab-key02 li._first,.zbtab-key li._last{ width:192px;height: 58px;}
  .sx02 .zbtab-nrl{width: 73%;}
  .sx02 .zbtab-nrl ._img{padding-bottom: 56.8%;}
  .sx02 .zbtab-nrl ._img img{height: 181px; top: 0px;}
  .sx02 .zbtab-nrl ._cover.on{height: 39.8%;bottom: 5px;padding: 0 2%;}
  .sx02 .zbtab-nrl ._title{font-size: 18px;margin-bottom: 5px;margin-top: 10px;}
  .sx02 .zbtab-nrl ._sum{font-size:13px; line-height: 20px;}
  .sx03 .sx_content .sx_hd .wrap{padding: 0px;}
  .sx03 .sx_content .sx_hd li.cur{width: 100%;}
  .sx03 .sx_content .sx_hd .rect-328{height: 251px;}
  .sx03 .sx_content .sx_hd .rect-328 img._full{width: auto; height: 100%;}
  .sx03 .sx_content .sx_hd li .con{width: 40%;padding: 2% 2% 0;}
  .sx03 .sx_content .sx_hd li .con .title{font-size: 22px;margin-bottom: 5px;}
  .sx03 .sx_content .sx_hd li .con .dec{font-size: 13px;line-height: 1.6;}
  .sx04 .list_box li .info_box{height: 135px;}
}


@media screen and (max-width: 992px) {
  .action_form01{display:none;}
  .action_form02{display:block;}
  .action_form .btns button{font-size:16px; height:35px; line-height:35px; width:120px;}
}

@media screen and (max-width: 768px) {
  .sx01 .zhuangbei-top{height: auto;}
  .sx01 .zhuangbei-right{float: none;width: 100%;}
  .sx01 .zhuangbei-img{display: block;margin: auto;width: 70%;float: none;padding-top: 10px;}
  .sx01 .ab-sum{font-size: 12px;}
  .sx02 .shengchan{height: 325px;}
  .sx02 .zbtab-key02{width: 120px;}
  .sx02 .zbtab-key02 li{width: 116px;height: 60px;}
  .sx02 .zbtab-key02 li span{font-size: 13px;padding-top: 8px;}
  .sx02 .zbtab-key02 li._first,.zbtab-key li._last{ width:116px;height: 60px;}
  .sx02 .zbtab-nrl{width: 75%;}
  .sx02 .zbtab-nrl ._img{padding-bottom: 75.9%;}
  .sx02 .zbtab-nrl ._img img{height: 180px; top: 0px;}
  .sx02 .zbtab-nrl ._cover.on{height: 41.7%;bottom: 5px;padding: 0 2%;}
  .sx02 .zbtab-nrl ._title{font-size: 18px;margin-bottom: 5px;margin-top: 10px;}
  .sx02 .zbtab-nrl ._sum{font-size:13px; line-height: 20px;}
  .sx03 .sx_content .sx_hd .wrap{padding: 0px;}
  .sx03 .sx_content .sx_hd li.cur{width: 100%;}
  .sx03 .sx_content .sx_hd .rect-328{height: 251px;}
  .sx03 .sx_content .sx_hd .rect-328 img._full{width: auto; height: 100%;}
  .sx03 .sx_content .sx_hd li .con{width: 40%;padding: 2% 2% 0;}
  .sx03 .sx_content .sx_hd li .con .title{font-size: 22px;margin-bottom: 5px;}
  .sx03 .sx_content .sx_hd li .con .dec{font-size: 13px;line-height: 1.6;}
  .sx04 .list_box li .info_box{height: 135px;}
  .sx04 .list_box li .info_box .t{font-size: 16px;}
}


/*
* MobileMode
*/
@media screen and (max-width: 640px) {

  body:after {
    content: 'Mobile';
  }
  body,input,textarea,button,select {font-size:16px;}
  .wrap{padding-left:4%;padding-right:4%; }
  .UnmobilePush{display: none;}
  .MobilePush{display:block;}
  img[data-src]{opacity: 1;}
  .action_form02 .content .box .tit{width:28%;}
  .action_form02 .content .box1 .tit{width:100%; margin-bottom:5px; color:#e7463c;}
  .action_form02 .content .box1 .con{width:100%;}
  .action_form02 .content .box .con>input{box-sizing:border-box; width:100%;}
  .action_form02 .content .box .con>textarea{box-sizing:border-box; width:100%;}
  .action_form .btns button{margin-right:10px;}
  
  .dangjian01 .content{height: auto !important; position:relative;}
  .dangjian01 ._djimg{float:none; width:100%;}
  .dangjian01 ._cover{width:92%; float:right; margin-bottom: 20px; background:url(../img/red.png) repeat 0 0; position:relative;}
  .dangjian01 ._cover ._sum {padding:20px; }

  .dangjian02 .inner{padding-top:20px;}
  .dangjian02 .content{margin-top:20px; padding:0 4%;}
  .dangjian02 .content .item{margin-bottom:20px;}
  .dangjian02 .content .item .box{padding: 20px;}
  .dangjian02 .content .date{font-size:20px;}
  .dangjian02 .owl-nav>div{position:static; display:inline-block;vertical-align:top; margin-top:20px; margin-right:10px; width:56px; height:56px; line-height:40px;}


  .dangjian03{margin-top:0; padding:20px 0 0;}
  .dangjian03 .content ul li{margin-bottom:20px; width:100%;}
  .dangjian03 .content ul li .box{padding:20px 10px;}
  .dangjian03 .content ul li .box .img{width:100%; text-align:center; margin-right:0; margin-bottom:10px;}
  .dangjian03 .content ul li .box .intro{width:100%; text-align:center;}
  .dangjian03 .content ul li .box .intro .tit{font-size:16px;}
  .dangjian03 .content ul li .box .intro .con{height:auto;}

  .dangjian04 .content{margin:20px auto; width:90%;}
  .dangjian04 .content .owl-nav>div{width:35px; height:35px; background-size:200%;}
  .dangjian04 .content .owl-nav .owl-prev{left:-18px;}
  .dangjian04 .content .owl-nav .owl-next{right:-18px;background-position:-35px -35px;}
  .dangjian04 .content .owl-nav .owl-prev:hover{background-position:0 -35px;}
  .dangjian04 .content .owl-nav .owl-next:hover{background-position:-35px -35px;}
  .dangjian04 .content .cover .box .tit{font-size:10px; margin-bottom:0;}
  .dangjian04 .content .mask{width:100%; height:100%; left:0; top:0; background:url(../img/dangjian04_01.png) no-repeat center;}

  .sx01 .zhuangbei-top{height: auto;}
  .sx01 .zhuangbei-right{float: none;width: 100%;}
  .sx01 .zhuangbei-img{display: block;margin: auto;width: 75%;float: none;padding-top: 10px;}
  .sx01 .ab-sum{font-size: 12px;}
  .sx02 .shengchan{height: 325px;}
  .sx02 .zbtab-key02{width: 100px;}
  .sx02 .zbtab-key02 li{width: 100px;height: 60px;}
  .sx02 .zbtab-key02 li span{font-size: 13px;padding-top: 7px;}
  .sx02 .zbtab-key02 li._first,.zbtab-key li._last{ width:100px;height: 60px;}
  .sx02 .zbtab-nrl ._img{padding-bottom: 110%;}
  .sx02 .zbtab-nrl ._img img{height: 170px; top: 0px;}
  .sx02 .zbtab-nrl ._cover.on{height: 30.6%;bottom: 170px;padding: 0 2%;}
  .sx02 .zbtab-nrl ._title{font-size: 18px;margin-bottom: 0px;margin-top: 5px;}
  .sx02 .zbtab-nrl ._sum{font-size:13px; line-height: 17px;}
  .sx03 .sx_content .sx_hd li.cur{width: 105%;}
  .sx03 .sx_content .sx_hd .rect-328{height: 190px;}
  .sx03 .sx_content .sx_hd .rect-328 img._full{width: auto; height: 100%;}
  .sx03 .sx_content .sx_hd li .con{width: 40%;padding: 2% 2% 0;}
  .sx03 .sx_content .sx_hd li .con .title{font-size: 15px;margin-bottom: 0px;}
  .sx03 .sx_content .sx_hd li .con .dec{font-size: 11px;line-height: 1.2;}
  .sx04 .sx_top .list_box .img_box img{width: 100%; height: 100%;}

}
@media screen and (max-width: 425px){
  .sx02 .zbtab-nrl{width: 73%;}
  .sx02 .zbtab-nrl ._cover.on{height: 44.7%;bottom: 5px;padding: 0 2%;}
}

@media screen and (max-width: 375px){
  .sx02 .zbtab-nrl ._img{padding-bottom: 137%;}
  .sx02 .zbtab-nrl{width: 68%;}
  .sx02 .zbtab-nrl ._cover.on{height: 47.3%;bottom: -5px;padding: 0 2%;}
}

@media screen and (max-width: 320px) {
  .sx01 .zhuangbei-top{height: auto;}
  .sx02 .shengchan{height: 325px;}
  .sx02 .zbtab-key02{width: 100px;}
  .sx02 .zbtab-key02 li{width: 100px;height: 60px;}
  .sx02 .zbtab-key02 li span{font-size: 13px;padding-top: 7px;}
  .sx02 .zbtab-key02 li._first,.zbtab-key li._last{ width:100px;height: 60px;}
  .sx02 .zbtab-nrl{width: 63%;}
  .sx02 .zbtab-nrl ._img{padding-bottom: 170%;}
  .sx02 .zbtab-nrl ._img img{height:39%; top: 0px;}
  .sx02 .zbtab-nrl ._cover.on{height: 58.6%;bottom: 5px;padding: 0 2%;}
  .sx02 .zbtab-nrl ._title{font-size: 18px;margin-bottom: 0px;margin-top: 5px;}
  .sx02 .zbtab-nrl ._sum{font-size:13px; line-height: 17px;}
  .sx03 .sx_content .sx_hd li.cur{width: 105%;}
  .sx03 .sx_content .sx_hd .rect-328{height: 220px;}
  .sx03 .sx_content .sx_hd .rect-328 img._full{width: auto; height: 100%;}
  .sx03 .sx_content .sx_hd li .con{width: 40%;padding: 2% 2% 0;}
  .sx03 .sx_content .sx_hd li .con .title{font-size: 15px;margin-bottom: 0px;}
  .sx03 .sx_content .sx_hd li .con .dec{font-size: 12px;line-height: 1.2;}
  .sx04 .list_box li{padding-bottom: 5px;}
  .sx04 .abchan-title2 a.newsabt_more{margin: 6px 0 14px 0;}
  .sx04 .sx_dw li ._title{white-space: normal;width: 93%;}
  .sx04 .sx_top .list_box .img_box img{width: 100%; height: 100%;}
}