﻿@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'itc_avant_garde_gothic_bookRg';
    src: url('avantgardeitcbybt-book-webfont.eot');
    src: url('avantgardeitcbybt-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('avantgardeitcbybt-book-webfont.woff2') format('woff2'),
         url('avantgardeitcbybt-book-webfont.woff') format('woff'),
         url('avantgardeitcbybt-book-webfont.ttf') format('truetype'),
         url('avantgardeitcbybt-book-webfont.svg#itc_avant_garde_gothic_bookRg') format('svg');
    font-weight: normal;
    font-style: normal;
}


body{ margin:0; padding:0; font-family:"微软雅黑"; font-size:12px; background:url(../images/bj.jpg) top;}
ul,li,dl,dt,dd{ margin:0; padding:0; list-style:none;}
img{ border:none; vertical-align:top;}
a{ text-decoration:none; blr:expression(this.onFocus=this.blur());}
:focus { outline:0;}
.clear{ clear:both;}
input{ font-size:12px; border:none; font-family:"宋体"; vertical-align:middle;}


#top{ margin:0 auto; padding:0 0 0 10px; width:1008px; height:156px; overflow:hidden;}
#top a.logo{ float:right; width:246px; height:156px;}
#top a.reg{ padding:52px 0 0 6px; line-height:32px; color:#adacac; display:block; width:50px; }
#top input.submit{ float:left; width:33px; height:24px; background:url(../images/top_1.png) no-repeat; cursor:pointer;}
#top input.text{ float:left; padding:0 10px 0 0; width:190px; height:24px; color:#adacac; background:url(../images/top_2.png) no-repeat;}
#top .info{width:280px; margin-top:52px; color:#FF0000}
#top .info a{line-height:32px;color:#adacac;}


#nav{ width:100%; height:42px; position:relative; z-index:2;}
#nav span.nav1{ float:left; width:20px; height:42px; background:url(../images/nav_bj.png) top no-repeat; display:block;}
#nav span.nav3{ float:right; width:20px; height:42px; background:url(../images/nav_bj.png) bottom no-repeat; display:block;}

#nav .nav2{ margin:0 20px; height:42px; background:url(../images/nav_x.jpg) top repeat-x;}
#nav .nav2 ul{ margin:0 auto; width:1000px; height:42px; line-height:42px; font-size:14px; text-align:center; text-transform:uppercase; position:relative;}
#nav .nav2 ul li{ float:left; width:138px;}
#nav .nav2 ul li > a{ color:#4d4d4d; display:block;}
#nav .nav2 ul li > a:hover,#nav .nav2 ul li.currt > a{ margin-top:-5px; padding-top:5px; height:42px; background-color:#f2f2f2; border-top-left-radius:5px; border-top-right-radius:5px;}
#nav .nav2 ul li a span.en{font-family:itc_avant_garde_gothic_bookRg;}
#nav .nav2 ul li a span.ch,#nav .nav2 ul li a:hover span.en,#nav .nav2 ul li.currt span.en{ display:none;}
#nav .nav2 ul li a:hover span.ch,#nav .nav2 ul li.currt span.ch{ display:block; background:url(../images/bg_menu.png) 15% center no-repeat;}

.znav{ width:1000px; height:160px; background:url(../images/znav_bj.png) top repeat-x; position:absolute; left:0; top:41px; z-index:2; display:none;}
.znav dl{ float:left; width:200px; height:160px; line-height:24px; text-align:left; border-right:1px solid #e5e4e3;}
.znav dt{ padding:10px 0 0 34px; min-width:166px; line-height:32px; color:#333;}


/*.znav dt span{ font-family:itc_avant_garde_gothic_bookRg;}*/
.znav dt span{ font-family:itc_avant_garde_gothic_bookRg; font-style:normal}

.znav dd{ float:left; padding-left:34px; min-width:56px;}
.znav dd a{ color:#737373;font-family:itc_avant_garde_gothic_bookRg;}
.znav dt a{ color:#737373; font-weight:bold}


#ban{ margin:15px auto 0; width:1000px; height:482px; border:1px solid #f0f0f0; border-top-left-radius:20px; border-top-right-radius:20px; overflow:hidden; position:relative;}
#ban ul.bd,#ban ul.bd li,#ban ul.bd li img{ width:1000px; height:482px; overflow:hidden;}

#ban .hd{ padding:5px 0; width:1000px; height:58px; background:url(../images/ban_bj.png); overflow:hidden; position:absolute; left:0; bottom:0; display:none;}
#ban .hd ul{ width:1000px; height:68px; overflow:hidden;}
#ban .hd ul li img{-webkit-filter: grayscale(1); float:left; margin-left:5px; width:133px; height:54px; border:2px solid #fff; cursor:pointer;}



ul#main{ margin:22px auto 32px; width:1000px; height:240px;}
ul#main li{ float:left; margin-right:12px; width:325px; height:240px;}
ul#main li img{ width:323px; height:238px; border:1px solid #e4e4e4; border-radius:5px;}
ul#main li img:hover{ -moz-transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05); transition:all 0.4s linear; -moz-transition:all 0.4s linear; -webkit-transition:all 0.4s linear; -o-transition:all 0.4s linear;}


#zbottom{ width:100%; min-height:226px; background-color:#f2f2f2; overflow:hidden;}
#bottom{ margin:0 auto; padding-top:22px; width:1000px; overflow:hidden;}
#bottom dl{ float:left; width:135px; line-height:24px;}
#bottom dt{ height:28px; font-size:14px; color:#585858; line-height:normal; font-family:itc_avant_garde_gothic_bookRg; text-transform:uppercase;}
#bottom dd a{ color:#7b7b7b;}

#bottom ul{ float:right; width:320px; overflow:hidden;}
#bottom ul li{ margin-bottom:14px; width:320px; overflow:hidden;}
#bottom ul li a{ line-height:18px; color:#7b7b7b;}
#bottom ul li a img{ float:left; margin:2px 10px 0 0; width:104px; height:66px; background-position:top; background-repeat:no-repeat; display:block;}
#bottom ul li a em{ font-style:normal; color:#070707; display:block;}

#bottom ul li a.more{ width:53px; height:21px; line-height:21px; text-align:center; color:#fffffe; background-color:#B7B7B7; display:block; border-radius:2px;}


#foot{ padding-top:18px; width:100%; height:124px; background-color:#fff;}
#footer{ margin:0 auto; width:1000px; height:124px; color:#7c7c7c;}
.share li a.weix{ position:relative;}
.share li a.weix img{ position:absolute; width:90px; height:90px; bottom:50px; left:-20px; display:none;}
.share{ float:right;}
.share li{ float:left; margin-left:7px; width:44px; height:44px;}
.share li a{ width:44px; height:44px; background:url(../images/share.png) 0 0 no-repeat; display:block;}
.share li a:hover{ background-position:0 -94px;}
.share li.share1 a{ background-position:-51px 0;}
.share li.share1 a:hover{ background-position:-51px -94px;}
.share li.share2 a{ background-position:-102px 0;}
.share li.share2 a:hover{ background-position:-102px -94px;}
.share li.share3 a{ background-position:-153px 0;}
.share li.share3 a:hover{ background-position:-153px -94px;}
.share li.share4 a{ background-position:-204px 0;}
.share li.share4 a:hover{ background-position:-204px -94px;}
.share li.share5 a{ background-position:-255px 0;}
.share li.share5 a:hover{ background-position:-255px -94px;}
.share li.share6 a{ background-position:-307px 0;}
.share li.share6 a:hover{ background-position:-307px -94px;}
.share li.share7 a{ background-position:-359px 0;}
.share li.share7 a:hover{ background-position:-359px -94px;}

#footer .link{ margin-top:12px; padding:0 21px 0 8px; width:184px; height:21px; line-height:21px; color:#bbb; font-weight:bold; border:1px solid #c1c1c1; background:url(../images/link_con.jpg) right no-repeat; position:relative; cursor:pointer;}
#footer .link ul{ padding:2px 0; width:213px; overflow:hidden; font-weight:normal; border:1px solid #c1c1c1; background-color:#fff; position:absolute; left:-1px; bottom:21px; display:none;}
#footer .link ul li a{ text-indent:8px; color:#bbb; display:block;}

