/*标题样式*/
.in_h2{ width:100%;    text-align:center; position:relative; text-align:center; border-bottom:1px solid #cccccc }
.in_h2 .text{ width:80%;  line-height:35px; height:35px; display:inline-block  }
.in_h2 .text .in_zh{max-width:40%;   text-align:center; font-size:20px;line-height:35px; height:35px;  position:relative; display:inline-block; text-align:left; position:relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.in_h2 .text .in_en{max-width:40%; display:inline-block; margin-left:4px;font-size:16px;color:#cecccc; text-transform:uppercase;  line-height:30px; height:30px;  overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
  }




.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; }
.in_h2 .text span{ font-size:12px;}



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



#in_page{ width:84%; margin:auto; margin-top:5%; background:url(../images/about_bg.jpg) no-repeat;  padding:5% 8%; position:relative}
#in_page .left{ position:absolute; top:20px; left:5%; width:8%;}
#in_page .right{ position:absolute; bottom:20px; right:5%; width:8%;}


#in_page h2{   margin:auto; height:30px; line-height:30px; text-align:center; color:#e9af18; font-size:20px;}
#in_page .inner p{ width:100%; line-height:30px; height:180px; overflow:hidden; font-size:14px; color:#fff; }
#in_page .inner .more{ width:18%; height:30px; line-height:30px; background:#95959b; text-align:right; padding-right:10px; color:#fff; font-size:14px; float:left; margin-top:25px; text-transform:capitalize; position:relative}
#in_page .inner .more b{  height:30px; line-height:30px; width:30px; background:#fec635; color:#fff; text-align:center; position:absolute; left:0px;top:0px; font-size:18px;}


#in_text{ padding:10px 0; }
#in_text .tit{ width:35%;  margin:auto; text-align:center; position:relative; }
#in_text .tit  .in_zh{ width:100%; font-size:20px; color:#333; margin-top:4px; height:25px; line-height:25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; border-bottom:1px solid #dbdbd9; height:40px; line-height:40px;}
#in_text .tit  .in_en{ display:inline-block; font-size:12px; text-transform:uppercase; color:#a1a1a1;  height:25px; line-height:25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; border-top:1px solid #eeb414; margin-top:-1px;height:35px; line-height:35px;}



#in_text .inner ul{  width:92%; margin:auto}
#in_text ul li{  width:44%; float:left; margin:5px 3%; padding-bottom:15px; }
#in_text ul li .pix{ width:100%; max-height:129px; overflow:hidden; position:relative}
#in_text ul li .pix .line{ width:96%; height:94%; border:1px solid rgba(255,255,255,.4); margin:auto; position:absolute; left:2%; top:2%;}
#in_text ul li .pix .date{ position:absolute; width:20%;  left:0px; top:0px; color:#fff; background:#ffa800; text-align:center}
#in_text ul li .pix .date .year{ font-size:13px; height:30px; line-height:30px;  text-align:center}

#in_text ul li .pix img{ width:100%}
#in_text ul li .text_box{ width:97%; overflow:hidden;  margin-top:10px;position:relative }
#in_text ul li .text_box h2{ width:98%; display:block; border-left:3px solid #66669a;  height:20px; line-height:20px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color:#66669a; padding-left:2%; font-size:14px; margin:5px 0}
#in_text ul li .in_des{ color:#757575; line-height:23px; height:69px; overflow:hidden; font-size:13px}
#in_text ul li .more{ width:30px; height:28px; margin-top:10px;}

#in_image{ width:100%; margin:auto; margin-top:5%;   }
#in_image h2{ width:94%; margin:auto;position:relative; text-align:center}
#in_image h2 .line1{ height:3px; width:16%; position:absolute; top:-1px; left:42%; background:#66669a; z-index:2000}
#in_image h2 .line{ height:1px; width:100%; position:absolute; top:28%; left:0; background:rgba(0,0,0,.1)}
#in_image h2 .tit{ width:35%;  margin:auto; text-align:center; position:relative; border:1px solid rgba(0,0,0,.1); height:30px; position:relative; z-index:100; background:#fff }
#in_image .biaoti{ display:inline-block; min-width:20%;  max-width:30%; margin:auto; margin-top:-15px; background:#fff;position:relative; z-index:111}
#in_image .biaoti .in_zh{ width:80%;  margin:auto; font-size:20px; color:#66669a; margin-top:4px; height:25px; line-height:25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; border-bottom:1px solid #fff; height:20px; line-height:20px; text-align:center}
#in_image .biaoti .in_en{ width:80%; margin:auto; font-size:15px; text-transform:uppercase; color:#a1a1a1;  height:25px; line-height:25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; height:20px; line-height:20px; text-align:center}

#in_image .inner{   margin:auto; }
#in_image ul{ width:93%; margin:auto; }
#in_image ul li{ float:left;margin:2% 4% 0 4%; width:42%;position:relative;  }
#in_image ul li .pix{ position:relative;}
#in_image ul li .pix .line{ width:94%; height:94%; border:1px solid rgba(255,255,255,.4); margin:auto; position:absolute; left:3%; top:3%;}


#in_image ul li .in_protitle{ width:85%; margin:auto; color:#fff;  height:40px; line-height:40px; text-align:center; font-size:14px;    padding:0 5px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; background:url(../images/tit_bg.jpg) repeat-x bottom center #66669a; background-size:7%  auto  }


@media screen and (min-width: 320px) and (max-width: 480px){
#in_page .left{ position:absolute; top:20px; left:5%; width:6%;}
#in_page .right{ position:absolute; bottom:20px; right:5%; width:6%;}

#in_page h2{ font-size:18px;}	
#in_image h2 .tit{ width:55%;}
#in_page .inner .more{ width:30%; height:25px; line-height:25px; font-size:12px; margin-top:10px;}
#in_page .inner .more b{  height:25px; line-height:25px; width:25px;}

#in_text .inner ul{ width:96%}
#in_text ul li .pix .date{ width:35%;}

#in_image .biaoti{min-width:40%;  max-width:90%;}
#in_image .biaoti .in_zh,#in_image .biaoti .in_en{ width:100%;}
#in_image ul{ width:96%}
#in_image ul li .in_protitle{ height:30px; line-height:30px}
}
@media screen and (min-width: 480px) {
}