@charset "utf-8";
/* CSS Document */
html{color:#333;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;background:#fff; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0; color:#333; font:12px "microsoft yahei";}
body{ background:#fff}
h1,h2,h3,h4,h5 { font-family:microsoft yahei,simhei; font-weight:bold;}
ol,ul,li {list-style:none;}
a{ color:#333; text-decoration:none;}
a:hover { color:#d14f00; text-decoration:none;}

img{ border:none;}

.fl,.fr {_display:inline;}
.fl{float:left;}
.fr {float:right;}
.cl { clear:both;}
.cl:after{ content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}



.mt20{ margin-top:20px;}
.mt15{ margin-top:15px;}
.mr05{ margin-right:5px;}
.mb05{ margin-bottom:5px;}
.w255{ width:255px;}
.w357{ width:357px;}
.w186{ width:186px;}
.w193{ width:193px;}
.w328{ width:328px;}
.w204{ width:204px}
.w663{ width:663px;}
.w665{ width:665px;}
.w330{ width:330px;}
.w710{ width:710px}
.w419{ width:419px;}
.w285{ width:285px;}

/*头部与导语*/
.top1{ background:url(../images/top01.jpg) no-repeat top center; height:100px}
.top2{ background:url(../images/top02.jpg) no-repeat top center; height:100px}
.top3{ background:url(../images/top03.jpg) no-repeat top center; height:100px}
.top4{ background:url(../images/top04.jpg) no-repeat top center; height:100px}
.top5{ background:url(../images/top05.jpg) no-repeat top center; height:80px}
.top6{ background:url(../images/top06.jpg) no-repeat top center; height:100px}

.wrap{ width:1000px; margin:0 auto; position:relative}
blockquote{ position:absolute; top:5px; left:110px; color:#fff; text-indent:25px; font-size:12px; line-height:24px; width:830px;}


.mainbox{ width:1000px; margin:0 auto; overflow:hidden;}
.part h2{ font-size:42px; color:#fff; width:1000px; height:66px; text-indent:30px; line-height:60px;}
.part h2.tit01{ background:url(../images/tit01.jpg) no-repeat;}
.part h2.tit02{ background:url(../images/tit02.jpg) no-repeat;}
.part h2.tit03{ background:url(../images/tit03.jpg) no-repeat;}
.part h2.tit04{ background:url(../images/tit04.jpg) no-repeat;}
.part h2.tit05{ background:url(../images/tit05.jpg) no-repeat;}


.page01 .fl{width:666px; position:relative; height:398px; margin:15px 0px}
.silder_c{ height:398px; overflow:hidden}
.silder_c div{width:666px; position:relative; height:398px;}
.silder_c div i{ height:26px; line-height:26px; position:absolute; bottom:0px; left:10px; font-size:12px; font-style:normal; color:#fff; z-index:2}
.silder_c div span{width:100%; background:#000;height:26px; line-height:26px; position:absolute; bottom:0px; left:0px;filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }
.silder_s { position:absolute; right:8px; bottom:8px;}
.silder_s ul li{width:12px; height:12px; background:#b7b7b7; border-radius:100px;float:left; margin:0px 3px; cursor:pointer}
.silder_s ul li:hover,.silder_s ul li.s{ background:#ffec6b}
.dis{ display:block;}
.undis{ display:none; line-height:0; height:0;}

.page01 .fr{width:320px; margin:15px 0px}
.page01 .fr p{ background:#000; color:#fff; height:30px; line-height:30px; text-align:center; font-size:14px; font-weight:bold}
.page01 .fr strong{ display:block; padding:2px 0; background:url(../images/bg01.jpg) repeat; text-align:center; margin-top:4px; margin-bottom:4px; line-height:24px;}
.page01 .fr ul{ margin:10px 0px; border-top:1px dotted #2e2e2e}
.page01 .fr ul li h3{ background:url(../images/nav.jpg) left top no-repeat;font-size:18px; color:#000; padding-left:30px; line-height:35px;}
.page01 .fr ul li a{ display:block; background:url(../images/arr.png) 10px -65px no-repeat; padding-left:20px; font-size:12px; color:#000; line-height:22px; text-decoration:none}
.page01 .fr ul li a:hover{ color:#00458e}
.page01 .fr ul li.gray{ background:#dfdfdf}


.page02{ position:relative}
.page02 dl{ background:url(../images/bg02.jpg) no-repeat; width:255px; height:132px; position:absolute; top:81px; left:0; padding-top:45px; z-index:9999}
.page02 dl dt{ height:40px; font-weight:bold;color:#656565; margin:0 10px;padding:0 10px;}
.page02 dl dt em{ font-size:28px; font-style:normal; display:inline-block; margin-right:40px; float:left}
.page02 dl dt i{ display:inline-block;font-size:18px;  line-height:40px; float:left; font-style:normal}
.page02 dl dt span{ display:none;}
.page02 dl dt.on{ color:#ff7200; background:url(../images/bg03.jpg) repeat;}
.page02 dl dt.on span{ display:inline-block; float:right; background:url(../images/bg04.png) no-repeat 0 10px; width:10px; height:30px; margin-right:-15px }

.pic{ width:1000px;overflow:hidden; float:left}
.page02 .pic ul{ width:1003px; display:none}
.page02 .pic ul li{ float:left; margin-right:3px;}
.page02 .pic ul li p{ width:255px; height:177px; background:#ccc; margin-bottom:3px;}
.page02 .pic ul li img{ vertical-align:top; margin-bottom:3px;}

.page03 ul{ margin-top:15px; width:1005px; }
.page03 ul li{ float:left; margin-right:5px; margin-bottom:5px;}
.page03 ul li img{ float:left;}
.page03 dl{ width:1010px; margin-top:5px;}
.page03 dl dt{ float:left; border:2px solid #000; margin-right:2px;}

.page04 dl{ width:1005px;}
.page04 dl dt{ width:330px; height:48px; line-height:48px; text-align: center; float:left; background:#000; color:#fff; font-size:14px; margin-right:5px;}
.page04 dl dt.on{ background:#d30000; position:relative;}
.page04 dl dt.on span{ position:absolute; background:url(../images/bg05.png) no-repeat bottom center;display:inline-block; width:30px; height:15px; bottom:-15px; left:45%;}
.page04 .pic{ margin-top:30px;}
.page04 .pic ul{ width:1005px; display:none}
.page04 .pic ul li{ float:left; margin-right:5px;}
.page04 .pic ul li img{ vertical-align:top; margin-bottom:5px;}


.page05 ul{ width:1005px; margin-top:15px;}
.page05 ul li{ float:left;margin-bottom:5px;}
.page05 ul li img{ float:left; margin-right:5px;}