@charset "utf-8";

#indexBaner{ width:100%; position:relative; overflow:hidden; height:650px; overflow:hidden}
#indexBaner .slidePics{ height:100%; width:2000px; margin:0 auto; position: absolute; left:50%; margin-left:-1000px}

.indexNews{ background:#f7f7f9; padding:5px 0 5px 28px; position:relative; height:365px; overflow: hidden}
.indexNews .newslist{zoom:1; width:330px}
.indexNews .newslist li{ padding:20px 0; border-top:1px dashed #eaeaeb; line-height:}
.indexNews .newslist li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
.indexNews .newslist li:first-child{ border:0 none}
.indexNews .newslist li a{ display:block}
.indexNews .newslist li .date{ width:56px; float:left;}
.indexNews .newslist li .date big{ display:block; width:100%; text-align:center; color:#fff; font-size:20px; height:28px; line-height:28px; background:#cb4f8c; margin-bottom:1px}
.indexNews .newslist li .date small{ display:block; width:100%; font-size:12px; text-align:center; line-height:22px; background:#a4a4a4; color:#fff;}
.indexNews .newslist li .txt{ margin-left:72px}
.indexNews .newslist li .txt p{ font-size:12px; color:#9fa0a0;}
.indexNews .newslist li .txt h2{ font-size:14px; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.indexNews .firstNews{ position:absolute; right:0; top:0; bottom:0; width:745px; overflow:hidden}
.indexNews .firstNews a{ display:block}
.indexNews .firstNews img{ display:block; width:100%; height:auto}
.indexNews .firstNews .txt{ position:absolute; left:0;right:0; bottom:0; padding:10px 20px; background:url(../img/smark01.png)}
.indexNews .firstNews .txt:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
.indexNews .firstNews .txt .date{ width:50px; float:left;}
.indexNews .firstNews .txt .date i{ font-size:46px; line-height:50px; color:#FFF}
.indexNews .firstNews .txt .tt{ margin-left:60px}
.indexNews .firstNews .txt .tt p{ font-size:12px; color:#fff;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.indexNews .firstNews .txt .tt h2{ font-size:16px; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#fff}

.indexMorebtn{ padding:20px 0 0; text-align:center}
.indexMorebtn .btn{ width:118px;}

.indexzuhu{ width:100%; }
.indexzuhu ul{ padding:0 373px 0 0; position:relative}
.indexzuhu ul li{zoom:1}
.indexzuhu ul li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
.indexzuhu ul li .part{ float:left; width:373px; height:373px; position:relative; background:#fff}
.indexzuhu ul li a{ display:block}
.indexzuhu ul li .part .pic{ width:100%; height:100%; overflow:hidden; background-position:50% 50%; background-repeat:no-repeat}
.indexzuhu ul li .part .pic img{ display:block; width:100%; height:auto}
.indexzuhu ul li .part .txt{ padding:70px 0 0; position:relative}
.indexzuhu ul li .part .txt h3{ font-size:12px; color:#888888; text-align:center; height:75px; padding:0 60px}
.indexzuhu ul li .part .txt h2{ font-size:18px; color:#333333; text-align:center; height:60px;padding:0 50px}
.indexzuhu ul li .part .txt p{ font-size:14px; color:#9fa0a0;  text-align:center;padding:0 50px}
.indexzuhu ul li .part .txt i{ display:block; z-index:3}
.indexzuhu ul li.li01 .icon{ position:absolute; left:-18px;top:40px; width:20px; height:38px; background:url(../img/icon_indexarrow.png) 0 50% no-repeat}
.indexzuhu ul li.li02 .icon{ position:absolute; right:-18px;top:40px; width:20px; height:38px; background:url(../img/icon_indexarrow2.png) 0 50% no-repeat}
.indexzuhu ul li.li03 .icon{ position:absolute; left:40px;top:-18px; width:38px; height:20px; background:url(../img/icon_indexarrow3.png) 0 50% no-repeat;}
.indexzuhu ul li.li03{ position:absolute; right:0; top:0; width:373px;}
.indexzuhu ul li.li03 .part{ float:none}

.sevenCenter{ position:relative; overflow:hidden}
.sevenCenter .sevenList{ margin:0 -8px}
.sevenCenter .sevenList li{ float:left; width:268px; height:268px; padding:8px}
.sevenCenter .sevenList li .pic{ width:100%; height:100%; overflow:hidden}
.sevenCenter .sevenList li .pic img{ display:block; width:100%; height:auto}
.sevenCenter .sevenList li:first-child{ position: relative; color:#fff}
.sevenCenter .sevenList li:first-child .nr{ position:absolute; left:0;right:0;top:0; bottom:0}
.sevenCenter .sevenList li:first-child .line{ width:50px; margin:80px  auto 0; height:1px; background:#fff}
.sevenCenter .sevenList li:first-child h2{ padding:16px 0; text-align:center; font-size:18px; font-family:"Times New Roman", Times, serif; text-transform:uppercase}
.sevenCenter .sevenList li:first-child p{ text-align:center; font-size:18px;}
.sevenCenter .sevenList li:first-child p i{  vertical-align:middle; font-size:24px; padding:0 6px}

.sevenCenter .sevenList li .link{ display:block; width:100%; height:100%; position:relative;}
.sevenCenter .sevenList li .link .smark{ position:absolute; left:0;right:0; bottom:0; top:0; background:url(../img/smark01.png)}
.sevenCenter .sevenList li .link .smark .nr{ position:absolute; left:0;right:0; top:50%; height:130px; margin-top:-65px; text-align:center; color:#fff}
.sevenCenter .sevenList li .link .smark .nr .icon{ display:inline-block;zoom:1;*display:inline; width:100px; height:100px; font-size:80px; line-height:100px}
.sevenCenter .sevenList li .link .smark .nr h2{ font-size:16px;}

.sevenCenter .sevenList li .link .sevenYC{ position:absolute; left:0;top:0; bottom:0; width:552px; height:268px;  display:none; overflow:hidden}
.sevenCenter .sevenList li .link .sevenYC .pic{-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s;transition: transform 0.3s;}
.sevenCenter .sevenList li .link .sevenYC img{ display:block; width:100%; height:auto; }
.sevenCenter .sevenList li .link .sevenYC .nr{ position:absolute; left:0;right:0; top:0;bottom:0; text-align:center; color:#727171; background:url(../img/smark02.png)}
.sevenCenter .sevenList li .link .sevenYC .nr .icon{ display:inline-block;zoom:1;*display:inline; width:100px; height:80px; font-size:80px; line-height:80px; margin:40px 0 0}
.sevenCenter .sevenList li .link .sevenYC .nr h2{ font-size:16px; text-align:center}
.sevenCenter .sevenList li .link .sevenYC .nr p{ font-size:14px; text-align:center; padding:10px 30px 0}
.sevenCenter .sevenList li .link:hover{ z-index:2}
.sevenCenter .sevenList li .link:hover .sevenYC{ display:block}
.sevenCenter .sevenList li .link:hover .sevenYC:hover .pic{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05); transform: scale(1.05);}
.sevenCenter .sevenList li.fourthLI .link .sevenYC{right:0; left:auto}

.indexPanel .titleStyle h3{ padding-bottom:0}