@charset "gb2312";
/* CSS Document */
html, body { -webkit-text-size-adjust:none; }
body { width:100%; font-size:14px; font-family:'Microsoft YaHei'; margin:0; padding:0; color:#333333; line-height:24px; background-color:#FFF; }
article, footer, header, nav, section { display:block; }
h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td { margin:0; padding:0; }
ul, li { list-style:none; margin:0; padding:0 }
h2{ font-weight:normal;}
img { border:0px; vertical-align:top; cursor:pointer; }
a { text-decoration:none; cursor:pointer; }
p { text-align:justify; }
.icon { background:url(../images/icon.png) no-repeat; vertical-align:top; }
font { color:#f00; }
.banner { overflow:hidden; width:100%; }

.logo{ width:100%; text-align:center;background:#fff;}
.logo img{ margin:25px 30px; width:1000px; height:65px;}
.nav{ width:100%; overflow:hidden; background:#155e95; }
.nav ul{ width:1060px; line-height:50px; text-align:center; margin:0 auto;}
.nav ul li{ width:11%; float:left;}
.nav ul li a{ color:#fff; font-size:16px; border-right:1px #2c84ac solid; width:99%; display:inline-block; line-height:25px;}
/*footer*/
.footer{ background-color:#155e95; color:#fff; overflow:hidden; padding-bottom:50px; margin-top:30px; width:100%; display:inline-block;}
.footer .foot{ width:1060px; margin:40px auto 48px;}
.footer .foot p{ float:left;}
.footer .foot .f_p1{ width:314px; text-align:center; margin-right:36px;}
.footer .foot .f_p1 strong{ font-size:26px; font-weight:bold; margin-top:20px; width:100%; display:inline-block;}
.footer .foot .f_p2{ text-align:left; padding-top:25px; font-size:16px; line-height:30px;}
.footer .foot .f_p3{ width:116px; margin-left:70px; margin-top:16px;}
.footer .foot .f_p3 span{ width:100%; text-align:center; display:inline-block; margin-bottom:6px;}


/**/
.main{ width:1000px; margin:30px auto;}
.mleft{ width:700px; float:left;}
/* ½¹µãÍ¼Ð§¹û */
.picBtnTop{ width:680px; height:354px; border:1px solid #ccc; padding:8px 10px 8px 8px;  position:relative;  overflow:hidden;  zoom:1;   }
.picBtnTop .hd{ width:98px;  height:354px; position:absolute; right:5px; overflow:hidden; }
.picBtnTop .hd ul li{ width:92px; text-align:center;padding: 5px 3px; margin: 2px 0; }
.picBtnTop .hd ul li img{ width:77px; height:47px; cursor:pointer; vertical-align:bottom; }
.picBtnTop .hd ul li.on{ background:url("../images/frm-bg.jpg") no-repeat 0 0; }
.picBtnTop .bd{ width:580px;  height:354px; position:relative;  }
.picBtnTop .bd li{ position:relative; zoom:1; vertical-align:middle;}
.picBtnTop .bd li .pic{ position:relative; z-index:0;  }
.picBtnTop .bd li .pic img{ width:580px; height:354px; vertical-align:bottom; }
.picBtnTop .bd li .bg{ width:580px; height:48px; position:absolute; left:0; bottom:0; z-index:1;  background:#000; filter:alpha(opacity=60);opacity:0.6;    }
.picBtnTop .bd li .title{ width:580px; height:48px; line-height:48px; left:0; bottom:0; text-align:center;   position:absolute; z-index:2; font-size:18px;  }
.picBtnTop .bd li .title a{ color:#fff; padding-left:15px;  }
#demo1,#demo2{ margin-bottom:20px;  }

.lead{ overflow:hidden; width:100%; position:relative;}
.lead img{ position:absolute; top:0; left:0;}
.lead h3{ width:100%; border-bottom:1px #c8c8c8 solid;margin: 44px 0 25px;}
.lead p{ text-indent:30px;}
.year{ width:100%; margin:32px 0 0 0; background:url(../images/clock.jpg) 63px 0 no-repeat; padding-top:40px; position:relative; overflow:hidden;}
.year .shuline{ border-left:2px #1ecb00 solid; position:absolute;top:23px; left:80px;z-index: -1; height:100%;}

.dy_con{ width:100%; overflow:hidden;}
.dy_con .dy_tit{ width:50.4%; margin:3% auto;}
.dy_con .dy_mkcon{ float:left; width:100%; padding-bottom:2%;}
.dy_con .dy_mkcon .dy_mc_tit{ width:100%; line-height:30px; font-size:14px; color:#3cbeff; text-align:left;}
.dy_con .dy_mkcon .dy_mc_c{ width:100%; overflow:hidden; text-align:left; margin-bottom:18px;}
.dy_con .dy_mkcon .dy_mc_c .dy_mc_c_l{ float:left; width:108px; font-size:14px; color:#1ecb00; }
.dy_con .dy_mkcon .dy_mc_c .dy_mc_c_l span{ width:53px; text-align:right; display:inline-block;}
.icon-clock{ text-align:center; width:55px; height:22px; float:right; display:inline-block; background:url(../images/icon-clock.jpg) center center no-repeat;}
.dy_con .dy_mkcon .dy_mc_c .dy_mc_c_r{ float:left; width:590px;}
.dy_con .dy_mkcon .dy_mc_c .dy_mc_c_r img{ margin:0 2% 1% 0; width:118px; height:79px; float:left;}
.mright{ width:278px;  float:right;}
.mright .jianjie{border-top:3px #ba1b13 solid;font-size:12px; padding:10px;border:1px #eaeaea solid; }
.mright .jianjie p{ text-indent:30px; line-height:20px; margin:4px 0;}
.mright .jianjie p a{ color:#f00;}
.mright .jianjie ul{ border-top:1px #eaeaea solid; padding-top:8px;}
.mright .contact{ margin-top:10px;border:1px #eaeaea solid;}
.mright .contact ul li img{ float:left; margin:8px 10px 0;}
.mright .contact ul li{ border-bottom:1px #eaeaea solid; padding:12px 10px;font-size:12px;}
.mright .contact ul li p{ font-size:24px; line-height:18px;}
.mright .wx{margin-top:10px;border:1px #eaeaea solid; padding-top:22px; text-align:center; line-height:30px;}
.mright .wx p{ font-size:18px; color:#2e2e2e; width:100%; text-align:center; margin:10px;}
.mright .zj{margin-top:10px ;}
.mright .zj h3{ font-size:20px; color:#ba1b13;margin: 12px 0 10px; padding-left:10px; border-left:2px #8f0e08 solid;line-height: 16px;}
.mright .zj .con{border:1px #eaeaea solid; text-align:center; padding:18px 0;}
.mright .zj .con p{ font-size:12px; padding:0 15px; text-indent:28px;}
.mright .zj .con  span a{ width:46%; line-height:35px; background:#f00; color:#fff; font-size:18px; margin-top:6px; border-radius:5px; font-weight:bold; text-align:center; display:inline-block;}
.mbtm{ width:720px; overflow:hidden; margin:25px 0; float:left;}
.mbtm h3{font-size:20px; color:#ba1b13;margin: 12px 0 10px; padding-left:10px; border-left:2px #8f0e08 solid;line-height: 16px;}
.mbtm .mbtm_con{padding:15px 8px; overflow:hidden; border:1px #eaeaea solid; position:relative;}
.mbtm .mbtm_con .arrow{ width:35px; height:72px; display:inline-block; background:url(../images/arrow.png) no-repeat; position:absolute; z-index:1;}
.mbtm .mbtm_con .prev{ background-position:0 0; top:62px; left:22px;}
.mbtm .mbtm_con .next{ background-position:-36px 0; top:62px; right:44px;}
.mbtm .mbtm_con ul li{ width:217px; height:162px; float:left; margin:0 8px;}

.page{ width:100%; background-color:#fff; overflow:hidden; line-height:50px; text-align:center; padding-top:20px;}
.page a{ border:1px #1ecb00 solid; font-size:16px; padding:8px 20px; color:#333; text-align:center;}




