@charset "utf-8";
/* CSS Document */
/*--reset begin--*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
li{list-style:none;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:14px/25px arial,\5b8b\4f53;color:#353535;outline:0; font-family:'微软雅黑';}
a{color:#414141;}
a:hover{ color:#005bac;}
a,input{ outline:none}
.clearfix{ clear:both;}
.clearfix:after{ content:'.'; clear:both; width:100%; height:0; line-height:0; overflow:hidden; font-size:0;}
body{ min-width:1172px;}
.mWrap{ width:1172px; margin:0 auto;}
.mt15{ margin-top:15px;}
.mt30{ margin-top:30px;}
/*--reset end--*/

/*header*/
#header{ position:relative; z-index:2;}
#header > .top{ height:80px; position:relative; z-index:2;}
#logo{ position:relative; top:22px;}
#header > .top .t_r{ float:right; font-size:12px; line-height:20px; position:relative; top:5px;}
#header > .top .t_r a{ margin:0 2px;}
#header > .top .t_r ul.other{ height:21px; display:inline-block; *display:inline; _zoom:1; vertical-align:middle; position:relative; top:-2px; margin-left:7px;}
#header > .top .t_r ul.other > li{ width:21px; height:21px; display:inline-block; *display:inline; _zoom:1; margin-left:3px; position:relative;}
#header > .top .t_r ul.other > li .mEwm{ position:absolute; left:50%; margin-left:-100px; top:33px; display:none; z-index:50;}
#header > .bottom{ height:53px; background:#f7f7f7; border-top:1px solid #eee; border-bottom:1px solid #eee; position:relative; z-index:1;}
ul#nav{ height:53px;}
ul#nav > li{ float:left; padding:0 30px; position:relative; cursor:pointer;}
ul#nav > li > a{ display:block; height:51px; line-height:51px; min-width:50px; border-bottom:2px solid #f7f7f7; text-align:center; color:#414141; font-size:18px;}
ul#nav > li.on > a,#nav > li:hover > a{ border-color:#005bac; color:#005bac;}
ul#nav ul.subnav{ background:#fff; position:absolute; left:0; top:53px; width:100%; text-align:center; display:none; z-index:50;}
ul#nav ul.subnav li{ height:40px; line-height:40px;}
ul#nav ul.subnav a{ font-size:14px; color:#414141;}
ul#nav ul.subnav a:hover{ color:#005bac; text-decoration:underline;}
#header > .bottom #searchBox{ float:right; position:relative; top:8px;}
/*搜索框*/
#searchBox{ width:180px; height:35px; border:1px solid #eee; background:#fff; overflow:hidden;}
#searchBox > input[type=text]{ display:block; width:131px; height:35px; border:none; background:none; padding:0 7px; float:left;}
#searchBox > .btn{ display:block; border:none; float:left; width:35px; height:35px; cursor:pointer; background:url('../img/icon3.png') no-repeat center center; overflow:hidden; text-indent:-9999px;}
/*二维码*/
.mEwm{ width:200px; border:1px solid #e7e7e7; background:#f7f7f7;}
.mEwm > .con{ position:relative;}
.mEwm > .con img{ display:block; width:100%;}
.mEwm > .con i{ display:block; width:21px; height:12px; overflow:hidden; background:url('../img/ewmArrow.png') no-repeat left top; position:absolute; left:50%; top:-12px; margin-left:-10px;}
/*header end*/

/*#footer*/
#footer{ background:#282828; clear:both; margin-top:50px; padding:35px 0 25px; overflow:hidden; font-size:12px; color:#999;}
#footer > .mWrap{ overflow:hidden;}
#footer dl{ float:left; width:140px; padding-right:10px;}
#footer dl dt{ font-size:14px; color:#fff;}
#footer dl dd{ line-height:20px;}
#footer dl dd a{ display:block; color:#999;}
#footer dl dd a:hover{ color:#dcdcdc;}
#footer .copyRight{ text-align:center; margin-top:30px;}
#footer .copyRight img{ vertical-align:middle; margin-left:5px;}
#footer .goTop{ float:right;}
.goTop{ width:60px; font-size:14px; text-align:center; line-height:30px;}
.goTop > a{ display:block; width:60px; height:60px; overflow:hidden; background:#6e6e6e url('goTop.png') no-repeat center center;}
/*#footer end*/

/*首页*/
.newFoc{ overflow:hidden; background:#f7f7f7; line-height:60px; font-size:18px;}
.newFoc > span{ display:block; height:60px; width:145px; padding-left:25px; background:url('../img/bg1.png') no-repeat left top; float:left;}
.newFoc > .more{ float:right; font-size:14px; margin-right:10px;}
#newFoc{ height:60px; line-height:60px; float:left; width:860px; margin-left:35px; color:#414141; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#newFoc a{ display:block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mShow1{ padding:25px 1px; position:relative; height:420px;}
.mShow1 > .items{ width:234px; height:420px; float:left; position:relative;}
.mShow1 > .items:nth-child(1){ z-index:5;}
.mShow1 > .items:nth-child(2){ z-index:4;}
.mShow1 > .items:nth-child(3){ z-index:3;}
.mShow1 > .items:nth-child(4){ z-index:2;}
.mShow1 > .items:nth-child(5){ z-index:1;}
.mShow1 > .items > .shadow{ width:241px; height:425px; background:url('bg2.png') no-repeat right bottom; position:relative;}
.mShow1 > .items > .shadow > .bd{ width:234px; height:420px; position:relative;}
.mShow1 > .items > .shadow > .bd > .con{ position:absolute; left:0; top:300px; width:100%; height:80px; overflow:hidden; background:rgba(251, 251, 251, 0.49);}
.mShow1 > .items > .shadow > .bd > .con .title{ font-size:24px; color:#005bac; text-align:center; line-height:50px; margin-top:15px;}
.mShow1 > .items > .shadow > .bd > .con .en{ background:url('../img/line.png') no-repeat top center; height:30px; line-height:30px; font-size:14px; text-align:center;}
.mShow1 > .items > .shadow > .bd > .con .cn{ background:url('../img/bg3.png') no-repeat top center; font-size:16px; color:#9d9d9d; line-height:24px; padding:15px 15px 0; display:none;}
.mImgtxt1,.mImgtxt2{ overflow:hidden;}
.mImgtxt1 > .wrap,.mImgtxt2 > .wrap{ width:1203px;}
.mImgtxt1 dl,.mImgtxt2 dl{ width:370px; float:left; margin-right:31px;}
.mImgtxt1 dl > dt,.mImgtxt2 dl > dt{ font-size:18px; color:#414141; line-height:30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mImgtxt1 dl > dd,.mImgtxt2 dl > dd{ color:#9d9d9d; font-size:14px; line-height:25px; height:50px; overflow:hidden;}
.mImgtxt1 dl > dd.img{ height:270px; overflow:hidden;}
.mImgtxt2 dl > dd.img{ height:180px; overflow:hidden;}
.mImgtxt1 dl > dd.img img,.mImgtxt2 dl > dd.img img{ display:block; width:100%; height:100%;}
ul.mList1 > li{ background:url('icon4.png') no-repeat left center; line-height:40px; height:40px; overflow:hidden; padding-left:15px;}
ul.mList1 > li span{ float:right; width:105px; text-align:right; padding-right:5px;}
ul.mList1 > li a{ /*display:block;float:left; */ font-size:16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
dl.mCol{ }
dl.mCol > dt{ height:50px; line-height:50px; border-bottom:1px solid #acb8c4;}
dl.mCol > dt > span{ display:inline-block; height:48px; border-bottom:2px solid #005bac; color:#005bac; font-size:24px;}
dl.mCol > dt > .more{ float:right; font-size:14px; color:#585858;}
dl.mCol.indexNotice{ width:772px; float:right;}
dl.mCol.indexCyy{ width:370px; float:left;}
dl.mCol.indexCkfh{ clear:both;}
dl.mCol.indexNotice ul.mList1{ margin-top:10px;}
dl.mCol.indexNotice ul.mList1 > li a{ width:645px;}
dl.mCol.indexKj > dd{ padding-top:45px;}
/*全屏轮播*/
.fullSlider{ width:100%; clear:both; height:540px; overflow:hidden; position:relative; z-index:1;}
.fullSlider > ul.full_ul{ position:relative; height:540px; z-index:1;}
.fullSlider > ul.full_ul > li{ width:100%; float:left; height:540px;}
.fullSlider > .arrowBox{ width:1170px; position:relative; height:10px; margin:-10px auto 0; z-index:2;}
.fullSlider > .arrowBox span{ display:block; width:45px; height:45px; position:absolute; top:-270px; cursor:pointer; background:url('arrow.png') no-repeat;}
.fullSlider > .arrowBox .prev{ left:-50px; background-position:4px center;}
.fullSlider > .arrowBox .next{ right:-50px; background-position:-240px center;}
/**/
.mSlider{ width:375px; height:230px; overflow:hidden; position:relative; z-index:3; background:#f9f9f9;}
.mSlider > ul.s_ul{ position:relative; overflow:hidden; z-index:1;}
.mSlider > ul.s_ul > li{ float:left; width:375px; height:230px;}
.mSlider > ul.s_ul > li .img{ width:169px; height:197px; overflow:hidden; position:relative; float:left; margin-top:5px; margin-left:10px;}
.mSlider > ul.s_ul > li .img .mask{ position:absolute; left:0; top:0; width:169px; height:197px; background:url('mask1.png') no-repeat left top;}
.mSlider > ul.s_ul > li .img img{ margin:12px 0 0 12px;}
.mSlider > ul.s_ul > li .right{ float:left; width:170px; margin-left:10px;}
.mSlider > ul.s_ul > li .name{ font-size:22px; color:#414141; line-height:28px; margin:10px 0 10px;}
.mSlider > ul.s_ul > li .infoo{ font-size:16px; color:#9d9d9d; line-height:24px;}
.mSlider > .page{ clear:both; margin-top:-23px; text-align:center; width:100%; height:10px; position:relative; z-index:2;}
.mSlider > .page i{ display:inline-block; *display:inline; zoom:1; width:10px; height:10px; margin:0 3px; background:url('icon7.png') no-repeat center top; cursor:pointer;}
.mSlider > .page i.on{ background-position:center bottom;}

/*比mSlider窄*/
.sSlider{ width:180px; height:230px; overflow:hidden; position:relative; z-index:3; background:#f9f9f9;}
.sSlider > ul.s_ul{ position:relative; overflow:hidden; z-index:1;}
.sSlider > ul.s_ul > li{ float:left; width:180px; height:230px;}
.sSlider > ul.s_ul > li .img{ width:169px; height:197px; overflow:hidden; position:relative; float:left; margin-top:5px; margin-left:10px;}
.sSlider > ul.s_ul > li .img .mask{ position:absolute; left:0; top:0; width:169px; height:197px; background:url('mask1.png') no-repeat left top;}
.sSlider > ul.s_ul > li .img img{ margin:12px 0 0 12px;}
.sSlider > ul.s_ul > li .right{ float:left; width:170px; margin-left:10px;}
.sSlider > ul.s_ul > li .name{ font-size:22px; color:#414141; line-height:28px; margin:10px 0 10px;}
.sSlider > ul.s_ul > li .infoo{ font-size:16px; color:#9d9d9d; line-height:24px;}
.sSlider > .page{ clear:both; margin-top:-23px; text-align:center; width:100%; height:10px; position:relative; z-index:2;}
.sSlider > .page i{ display:inline-block; *display:inline; zoom:1; width:10px; height:10px; margin:0 3px; background:url('icon7.png') no-repeat center top; cursor:pointer;}
.sSlider > .page i.on{ background-position:center bottom;}
/*slider和list并排*/
.sCol.sSlider{width:180px; float:left;}
.sCol.mList1{width:500px; float:left; padding-left: 20px}
/*内页*/
.topBanner{ clear:both; height:150px; overflow:hidden;}
.mainLeft{ width:197px; float:left; background:#4b78ca url('bg4.jpg') no-repeat left top; padding-left:15px; margin:-35px 30px 0 -15px;}
.mainLeft > .title{ font-size:24px; color:#fff; height:70px; line-height:70px; padding-left:10px;}
.mainLeft > ul{ padding-top:18px; background:#fff;}
.mainLeft > ul > li{ line-height:50px; font-size:16px; border-bottom:1px solid #ddd;}
.mainLeft > ul > li:first-child{ border-top:1px solid #ddd;}
.mainLeft > ul > li > a{ display:block; height:50px; line-height:50px; padding-left:20px;}
.mainLeft > ul > li > a.on{ background:#e9f4ff; color:#005bac;}
.mainLeft dl{ height:50px; overflow:hidden;}
.mainLeft dl > dt{ height:50px; line-height:50px; padding-left:20px;}
.mainLeft dl > dt span{ display:block; float:right; height:50px; background:url('../img/icon5.png') no-repeat center -42px; border-left:1px solid #ddd; width:22px; cursor:pointer;}
.mainLeft dl > dd{ border-top:1px solid #ddd;}
.mainLeft dl > dd > a{ display:block; height:40px; line-height:40px; font-size:14px; padding-left:20px;}
.mainLeft dl.show{ background:#e9f4ff;}
.mainLeft dl.show > dt{ color:#005bac;}
.mainLeft dl.show > dt span{ background-position:center 25px;}
.mainLeft dl.show > dd > a.on{ font-weight:bold;}
.mainRight{ width:945px; float:left; padding-top:10px; min-height:550px; padding-bottom:30px;}
.mainRight > .breadCrumbs{ font-size:12px; color:#848484; line-height:35px;}
.mainRight > .breadCrumbs a{ color:#848484; margin:0 3px;}
.mainRight > .breadCrumbs a:hover{ color:#000;}
.mainRight > dl > dt{ height:70px; line-height:35px; border-bottom:1px solid #ddd; font-size:28px; color:#005bac;}
.mNewsDetail{ min-height:550px;}
.mNewsDetail > .info{ font-size:14px; color:#a8a8a8; height:40px; line-height:40px; margin-bottom:25px;}
.mNewsDetail > .info span{ color:#778389;}
.mNewsDetail > .con{ font-size:14px; line-height:24px; color:#515f67;}
ul.mList > li{ border-bottom:1px dashed #a4a4a4; height:60px; line-height:60px; background:url('icon6.png') no-repeat 7px center; font-size:14px; color:#404040; padding-left:22px;}
ul.mList > li span{ float:right; height:60px; width:155px; text-align:right;}
ul.mList > li > a{ color:#404040; display:block; height:60px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
ul.mList > li > a:hover{ color:#005bac;}
.mPageBox{ clear:both; margin-top:60px; text-align:center; line-height:35px; font-size:12px; color:#5a5a5a;}
.mPageBox > a{ display:inline-block; height:33px; text-align:center; color:#d1d1d1;}
.mPageBox > .prev,.mPageBox > .next{ font-size:12px; width:58px; border:1px solid #e8e8e8; margin-left:5px; background:#eff2f5;}
.mPageBox > .page{ width:30px; height:35px; margin-left:5px; font-size:14px; background:#eff2f5;}
.mPageBox > a.page.on,.mPageBox > a.page:hover,.mPageBox > .prev.on,.mPageBox > .next.on{ background:#5e88d1; color:#fff;}
.mPageBox > .prev.on,.mPageBox > .next.on{ border-color:#5e88d1;}
.mPageBox form{ display:inline-block; *display:inline; _zoom:1;}
.mPageBox input[type=text]{ display:inline-block; *display:inline; _zoom:1; height:33px; text-align:center; border:1px solid #e8e8e8; background:#fbfbfb; width:40px; vertical-align:middle;}
.mPageBox .btn{ display:inline-block; *display:inline; _zoom:1; height:35px; width:32px; text-align:center; border:1px solid #e8e8e8; background:#fbfbfb; margin-left:5px; color:#5a5a5a; font-size:12px; vertical-align:middle; border-radius:2px; cursor:pointer;}
ul.mList2{ overflow:hidden;}
ul.mList2 > li{ width:280px; height:380px; float:left; margin-left:49px; margin-bottom:20px;}
ul.mList2 > li:nth-child(3n+1){ margin-left:0;}
ul.mList2 > li > .shadow{ width:288px; height:389px;}
ul.mList2 > li > .shadow > .bd{ width:280px; height:380px; overflow:hidden; border:2px solid #e6e6e6;}
ul.mList2 > li > .shadow > .bd > .img{ margin:35px 0 20px 0;}
ul.mList2 > li > .shadow > .bd > .img img{ display:block; margin: 0 auto;}
ul.mList2 > li > .shadow > .bd > .txt{ padding:0 15px; font-size:14px;}
ul.mList2 > li > .shadow > .bd > .txt > p{ height:30px; line-height:30px; border-bottom:1px solid #e0e0e0; padding:0 5px;}
ul.mList2 > li > .shadow > .bd > .txt > p:last-child{ border-bottom:0; padding-top:10px;}
ul.mList2 > li > .shadow > .bd > .txt > p i{ float:right; font-style:normal;}
ul.mList2 > li > .shadow > .bd > .txt > p a{ float:right; text-decoration:underline;}
ul.mList2 > li > .shadow > .bd > .txt > p span{ color:#656565;}
ul.mList2 > li:hover > .shadow{ background:url('shadow2.png') no-repeat right bottom;}
ul.mList2 > li:hover > .shadow > .bd{ border-color:#61a9f1;}
.getMore{ display:block; height:60px; line-height:60px; text-align:center; font-size:14px; color:#c3c7cc; background:#f1f2f4;}
ul.mList3{ overflow:hidden;}
ul.mList3 > li{ width:210px; float:left; text-align:center; padding:0 52px; margin-bottom:70px;}
ul.mList3 > li > .userHead{ width:155px; height:155px; overflow:hidden; margin:0 auto; position:relative;}
ul.mList3 > li > .userHead > .mask{ width:155px; height:155px; overflow:hidden; position:absolute; left:0; top:0; background:url('../img/mask0.png') no-repeat left top;}
ul.mList3 > li:hover > .userHead > .mask{ background:url('../img/mask.png') no-repeat left top;}
ul.mList3 > li > .userHead > img{ display:block; width:100%; height:100%;}
ul.mList3 > li > .name{ font-size:22px; height:30px; line-height:30px; color:#1257b7; margin-top:7px;}
ul.mList3 > li > .pos{ font-size:16px; line-height:25px; height:50px; overflow:hidden; color:#707b82;}
ul.mList3 > li > .comma{ height:23px; background:url('../img/comma.png') no-repeat center top; margin:25px 0;}
ul.mList3 > li > .txt{ font-size:16px; line-height:22px; height:110px; overflow:hidden; color:#414141;}
ul.mList3 > li > .more a{ font-size:14px; color:#646464; height:25px; line-height:25px;}
ul.mList3 > li > .more a:hover{ color:#1257b7;}
.mDsdetail{ overflow:hidden; min-height:550px;}
.mDsdetail > .txt{ width:655px; padding-right:50px; font-size:14px; line-height:25px; color:#515f67;}
.mDsdetail > .img{ float:right; width:235px;}
.mDsdetail > .img img{ display:block; max-width:100%;}
ul.mList4{ overflow:hidden;}
ul.mList4 > li{ width:200px; height:415px; float:left; margin-left:20px; margin-bottom:20px;}
ul.mList4 > li:nth-child(4n+1){ margin-left:0;}
ul.mList4 > li > .shadow{ width:200px; height:415px;}
ul.mList4 > li > .shadow > .bd{ width:200px; height:415px; overflow:hidden; border:2px solid #e6e6e6;}
ul.mList4 > li > .shadow > .bd > .img{ height:288px;overflow: hidden;}
ul.mList4 > li > .shadow > .bd > .img img{ display:block; width:100%; }
ul.mList4 > li > .shadow > .bd > .title{ color:#005bac; font-size:20px; line-height:45px; height:45px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding:0 20px;}
ul.mList4 > li > .shadow > .bd > .txt{ padding:0 20px; font-size:14px; line-height:25px; height:75px; overflow:hidden; text-overflow: ellipsis;}
ul.mList4 > li:hover > .shadow{ background:url('../img/shadow2.png') no-repeat right bottom;}
ul.mList4 > li:hover > .shadow > .bd{ border-color:#61a9f1;}
ul.mList5{ overflow:hidden;}
ul.mList5 > li{ width:330px; height:550px; overflow:hidden; position:relative; border:1px solid #e4e4e4; float:left; margin-left:95px; margin-bottom:20px;}
ul.mList5 > li > .img{ width:330px; height:320px; overflow:hidden;}
ul.mList5 > li > .img img{ display:block; width:100%; height:100%;}
ul.mList5 > li > .logo{ text-align:center; height:105px; line-height:105px;}
ul.mList5 > li > .logo img{ vertical-align:middle;}
ul.mList5 > li > .name{ color:#414141; font-size:30px; height:60px; line-height:60px; padding:0 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
ul.mList5 > li > .info{ overflow:hidden; padding:0 15px;}
ul.mList5 > li > .info span{ display:block; float:right; height:30px; line-height:30px; color:#fff; text-align:center; width:90px; background:#719ad3; font-size:14px;}
ul.mList5 > li > .info i{ display:block; float:left; height:30px; line-height:30px; width:180px; color:#929292; font-size:14px; border-top:1px solid #e4e4e4; font-style:normal;}
ul.mList5 > li > .detail{ position:absolute; left:0; top:0; width:330px; height:550px; background:#6695d7; color:#fff; display:none;}
ul.mList5 > li > .detail .txt{ padding: 0 20px; height:450px; overflow:hidden;}
ul.mList5 > li > .detail .txt .title{ font-size:30px; text-align:center; line-height:45px; margin:20px 0;}
ul.mList5 > li > .detail .txt .con{ font-size:14px; line-height:30px;}
ul.mList5 > li > .detail .slogo{ height:100px; line-height:100px; text-align:center; background:#f1f2f4;}
ul.mList5 > li > .detail .slogo img{ vertical-align:middle;}
ul.mList6{ overflow:hidden;}
ul.mList6 > li{ float:left; margin:0 10px 15px 0;}
ul.mList6 > li > .shadow{ width:460px; height:378px; overflow:hidden; background:url('../img/shadow3.png') no-repeat center bottom;}
ul.mList6 > li > .shadow > .bd{ width:425px; height:345px; overflow:hidden; margin:13px 18px 0;}
ul.mList6 > li > .shadow > .bd > .img{ width:425px; height:270px; overflow:hidden;}
ul.mList6 > li > .shadow > .bd > .img img{ display:block; width:100%; height:100%;}
ul.mList6 > li > .shadow > .bd > .title{ font-size:18px; color:#414141; height:40px; line-height:40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
ul.mList6 > li > .shadow > .bd > .bottom{ height:30px; line-height:30px;}
ul.mList6 > li > .shadow > .bd > .bottom .view720{ display:block; float:right; width:110px; height:30px; text-align:center; line-height:30px; color:#fff; background:#5385d0; font-size:18px;}
ul.mList6 > li > .shadow > .bd > .bottom i{ display:block; float:left; width:300px; font-size:14px; color:#a7a7a7; font-style:normal;}
.mMapBox{}
.mMapBox > .info{ overflow:hidden; margin-top:20px;}
.mMapBox > .info > .img{ width:200px; height:150px; overflow:hidden; float:left; margin-right:15px; background:#f4f4f4; text-align:center; line-height:150px;}
.mMapBox > .info > .img img{ display:inline-block; *display:inline; _zoom:1; vertical-align:middle; max-height:140px; max-width:190px;}
.mMapBox > .info > .txt{ width:700px; float:left;}
.mMapBox > .info > .txt .name{ font-size:24px; color:#6f6f6f; line-height:40px; margin:5px 0;}
.mMapBox > .info > .txt .con{ font-size:14px; color:#6f6f6f; line-height:24px;}
#map{ width:940px; height:350px; overflow:hidden; background:#f1f1f1;}
ul.comb{ overflow:hidden;}
ul.comb > li{ width:218px; height:249px; overflow:hidden; position:relative; float:left; margin-left:18px; margin-top:-50px;}
ul.comb > li:nth-child(7n+1){ margin-left:136px;}
ul.comb > li:nth-child(1),ul.comb > li:nth-child(2),ul.comb > li:nth-child(3){ margin-top:0;}
ul.comb > li > img{ display:block; position:relative;}
ul.comb > li .mask{ position:absolute; left:0; top:0; width:218px; height:249px; display:none;}
ul.comb > li:hover .mask{ display:block;}