@charset "utf-8";
.introbanner{width:80%;min-width:1200px; margin:0 auto;border-radius:8px;margin-top:30px; text-align:center;background-image:url(../images/aboutus.png);background-repeat:no-repeat; background-position:center center; background-color:#E1E1E1; height:300px;}


.topnav{ text-align:center;width:80%;min-width:1200px; margin: 0 auto; padding-top:50px; padding-bottom:30px;}
.topnav a{ padding:15px 25px; font-size:14px; background-color:#FFFFFF; margin-left:10px; margin-right:10px; text-decoration:none; color:#666666;transition: all  .25s  ease-in;border-radius:4px;box-shadow: 0 0 15px 5px rgba(0, 0, 0,.02); border:1px #EBEBEB solid}
.topnav a.select{ color:#FFFFFF;  background-color:#3366FF;}
.topnav a:hover{box-shadow: 0 0 15px 5px rgba(0, 0, 0,.1); border:1px #CCCCCC solid;}


.introshow{width:80%;min-width:1200px;margin:0 auto; margin-top:30px; margin-bottom:30px; background-color:#FFFFFF;border-radius:8px;}
.introshow .il{ width:25%; float:left;box-sizing: border-box; padding:50px;}
 
.introshow .ir{ width:75%; float:left;padding:50px;box-sizing: border-box;}
.introshow .ir .tit{font-size:28px; font-weight:bold; height:60px; color:#000000; padding-bottom:10px;}
.introshow .ir .txt{ line-height:200%; font-size:16px;}


.introshow .il .msc{ height:50px; padding-left:56px; background-color:#FFFFFF; border:1px #E2E2E2 solid;border-radius:6px;transition: all  .25s  ease-in;box-shadow: 0 0 15px 5px rgba(0, 0, 0,.05); position:relative; cursor:pointer; width:70%; margin:0 auto; margin-bottom:16px;}
.introshow .il .msc:hover{transform:translateX(8px);box-shadow: 0 0 30px 15px rgba(0, 0, 0,.07);border:1px #CCCCCC solid;}
.introshow .il .msc .sh1{ font-size:14px; line-height:50px;}
.introshow .il .msc .smores{font-size:12px;padding-top:8px; color:#999999}
.introshow .il .msc .pics{ width:30px; height:30px; position:absolute; left:16px; top:10px;}
.introshow .il .msc .pics img{ width:30px; height:30px;}