
/*标题样式*/
.in_h2{ width:100%;    text-align:center; position:relative}
.in_h2 .bg{ height:80%; width:100%; position:absolute; left:0px; top:0px; background:#b3b3b3}
.in_h2 .text{ width:30%;  top:0; background:#0d0d0d; height:40px; line-height:40px;font-size:20px; color:#fff; text-align:center; padding:0 15px; position:relative  }
.in_h2 .text span{ color:rgba(255,255,255,.4); font-size:14px;}
.in_h2 .text:before{ position:absolute; width: 0;height: 0;border-top: 40px solid #0d0d0d;border-right: 30px solid transparent; content:""; right:-30px;}
.in_h2 .text:after{ position:absolute; width: 0;height: 0;border-top: 40px solid #0d0d0d;border-left: 30px solid transparent; content:""; left:-30px; top:0}





.in_h2 .in_zh{  text-align:center; line-height:35px; height:35px;  position:relative; display:inline-block ; text-align:left; position:relative}
.in_h2 .in_en{ font-weight:normal; border-left:5px solid #0d9ee8;font-size:20px;color:#fff; text-transform:uppercase; padding-left:10px; line-height:25px; height:25px; overflow:hidden;  float:left }




.in_more{height:24px; padding:0px 7px; margin-top:4px;border-radius:5px; line-height:24px; text-indent:0px; display:block; text-align:center; color:#fff; background:#c0c0c0; font-size:0.9em; float:right;  position:relative; z-index:99999; margin-left:5px; margin-right:5px; }
@media screen and (min-width: 320px) and (max-width: 480px){
.in_h2 .text{ font-size:14px; width:40%;}
.in_h2 .text span{ font-size:12px;}



}
/*标题样式*/
.inner{ margin-top:10px;}
.wrapper{ width:96%; margin:auto;  }



#in_page{ width:96%; margin:auto; margin-top:5%}
#in_page { padding-top:10px; width:98%; margin:auto; margin-top:10px;}
#in_page .page_img{overflow:hidden; margin-top:10px; width:30%; float:left }
#in_page .page_img img{  width:100%}
#in_page .inner .right{ width:68%; overflow:hidden; float:right }
#in_page .inner .right span{ display:block; font-size:15px; text-transform:uppercase; line-height:35px; height:35px; overflow:hidden; border-bottom:1px dashed #ccc; color:#b3b1b1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#in_page .inner .right span b{ color:#333; margin-right:5px; font-size:18px; border-left:5px solid #333; padding-left:10px;line-height:25px; height:25px; display:inline-block; max-width:60%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#in_page .inner .right p{ line-height:24px; height:96px; overflow:hidden; margin-top:6px; color:#808080; text-indent:2em;}



#in_text{  width:96%; margin:auto; margin-top:5%}
#in_text .inner ul{  width:97%; margin:auto; margin-top:10px;}
#in_text ul li{  width:100%;  display: block; margin-top:3%; border-bottom:1px dashed #e6e3e3; padding-bottom:15px; font-size:13px; }
#in_text ul li .in_des{ width:83%; float:right}
#in_text ul li .in_des h2{ font-size:14px; color:#333; height:25px; line-height:25px; overflow:hidden;margin: 0 auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#in_text ul li .in_des .txt{ line-height:20px; height:20px;margin: 0 auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color:#808080}


#in_text ul li .date{ float:left;  font-size:18px; color:#fff; background:#808080; width:15%; text-align:center; position:relative}
#in_text ul li .date:before{  width: 0;height: 0;border-top: 8px solid transparent;border-left: 10px solid #808080;border-bottom: 8px solid transparent; position:absolute;  content:"";  right:-7px; top:35% }



#in_image{ width:100%; margin:auto; margin-top:5%; padding:15px 0; }
#in_image .tit{ color:#fff; text-align:center; font-size:20px; text-transform:uppercase;background:#3172c2; display:inline-block; padding:7px 15px; margin-left:5%}
#in_image .inner{   margin:auto;  }

#in_image ul li{ float:left;margin:4% 1.5% 0 1.5%; width:30%;position:relative; }
#in_image ul li .in_protitle{ width:100%; color:#333; display: block;omargin:auto; height:30px; line-height:30px; text-align:center; font-size:13px;    padding:2px; margin: 0 auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }


@media screen and (min-width: 320px) and (max-width: 480px){
#in_page .page_img{ width:40%}
#in_page .inner .right span{ font-size:12px; height:20px; line-height:20px}
#in_page .inner .right span b{ font-size:14px;height:15px; line-height:15px}
#in_page .inner .right{ width:57%}
#in_page .inner .right p{ font-size:12px; line-height:17px; height:68px;}


#in_text ul li .date{ width:20%;}
#in_text ul li .in_des{ width:75%; float:right}
}
@media screen and (min-width: 480px) {
}

