﻿body, html { font-size: 16px; color: #333 }
a, body, dd, div, dl, dt, form, h1, h2, h3, h4, h5, li, p, ul { margin: 0; padding: 0 }
    img { margin: 0; padding: 0; border: 0; vertical-align: middle }
.img100{width:100%;}
    .gif { transition: all .4s ease 0s }
        .gif:hover { transform: scale(1.1) }
    dd, dl, dt, li, ul { list-style: none }
        ol > li > ol, ol > li > ul, ul > li > ol, ul > li > ul { margin: 0 }
    ol, ul { padding: 0 }
    body { background-repeat: no-repeat; background-attachment: fixed; font-family: 微软雅黑; color: #333 }
    .ime-disabled { ime-mode: disabled }
    .hide { display: none; }
    .aui_content { color: #333; }
    a { transition: all .3s ease 0s; text-decoration: none; color: #333; }
        a:link, a:visited { text-decoration: none; }
        a:hover { color: #f58320; }

        a.a_yellow:link, a.a_yellow:visited { color: #efe6aa; text-decoration: none; }
        a.a_yellow:hover { color: #f08300; }

        a.a_yellow2:link, a.a_yellow2:visited { color: #ffff00; text-decoration: none; }
        a.a_yellow2:hover { color: #f08300; }

        a.a_green:link, a.a_green:visited { color: #008000; text-decoration: none; }
        a.a_green:hover { color: #f08300; }

        a.a_red:link, a.a_red:visited { color: #ff0000; text-decoration: none; }
        a.a_red:hover { color: #f08300; }

        a.a_blue:link, a.a_blue:visited { color: #459acc; text-decoration: none; }
        a.a_blue:hover { color: #f08300; }

    .fontYellow { color: #efe6aa; }
    .fontYellow2 { color: #ffff00; }
    .fontGreen { color: #008000; }
    .fontRed { color: #ff0000; }
    .fontBlue { color: #459acc; }
    .fontTips { color: #8feb11; }

    .font12 { font-size: 12px; }
    .font14 { font-size: 14px; }
    .font16 { font-size: 16px; }
    .font18 { font-size: 18px; }
    .font20 { font-size: 20px; }
    .font22 { font-size: 22px; }
    .font24 { font-size: 24px; }

    .floatLeft, .fl { float: left; }
    .floatRight, .fr { float: right; }
    .clearBoth { clear: both; height: 0px; }

.txt_left { text-align:left; }
.txt_right { text-align:right; }
.txt_center { text-align:center; }

    .show_page { clear: both; text-align: center; margin: 20px 0; font-size: 14px; color: #666 }
        .show_page a:hover { color: #f60 }
    .show_page2 { text-align: right; margin: 0 20px; width: 100% }
        .show_page2 a { display: block; width: 20px; height: 20px; border: solid 1px #ccc; text-align: center; float: left; margin: 0 2px }
            .show_page2 a.curr { background: #F2B024; color: #fff; font-weight: 700 }
    div.meneame { padding: 3px; FONT-SIZE: 14px; MARGIN: 10px auto; COLOR: #ff6500; TEXT-ALIGN: center }
        div.meneame a { BORDER: #DDD 1px solid; BACKGROUND-POSITION: 50% bottom; COLOR: #428BCA; MARGIN-RIGHT: 3px; TEXT-DECORATION: none; padding: 5px 10px }
            div.meneame a:hover { BORDER: #eee 1px solid; COLOR: #f58320; BACKGROUND-COLOR: #eee }
        div.meneame span.current { BORDER: #f58320 1px solid; padding: 5px 10px; FONT-WEIGHT: bold; COLOR: #fff; MARGIN-RIGHT: 3px; BACKGROUND-COLOR:#f58320 }
        div.meneame span.disabled { BORDER: #DDD 1px solid; padding: 5px 10px; COLOR: #999; MARGIN-RIGHT: 3px }
    label.error { margin-left: 5px; padding: 0 0 5px 25px; color: red; background: url(/SysImage/msg_bg.png) 0 2px no-repeat }
    label.success { margin-left: 5px; padding-left: 25px; color: #999; background: url(/SysImage/msg_bg.png) 0 -22px no-repeat }
    fieldset { -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #009 }
    span.date { float: right; }
    .cl:after, .clearfix:after { display: block; content: ""; height: 0; clear: both }
/************************************************************************************************/
/************************************PC版 公共CSS文件 开始**************************************/
@media screen and (min-width:780px) {
    .center { width: 1220px; margin: 0 auto; padding: 0 0px;position: relative }
    .center100 { width: 100%; margin: 0 auto; clear: both; min-width: 1220px; position: relative }
    

    .nav_path { background: url(icon_nav_home2.jpg) no-repeat left center; padding-left: 30px; height: 40px; line-height: 40px; color: #666; margin-left: 0px; font-size: 14px;
border-bottom:solid 2px #ccc; position:relative;margin-bottom:30px;
    }
        .nav_path .ysbox {border-bottom:solid 2px #f58320; position:absolute;left:0px;bottom:-2px;width:20%; }
        .nav_path a { color: #666; }
    .content_top_split { background: url(content_top_split.jpg) no-repeat center center; height: 20px; }

    .banner { text-align:center; }


.articleList{padding:0 20px}
.articleList li { position:relative;border-bottom:dashed 1px #ccc;margin-top:20px; }
.articleList li p { color:#666;font-size:14px;line-height:1.2em; }
.articleList li h2 {margin:5px 0 15px 0; }
.articleList li h2 a{font-size:18px; font-weight:600; line-height:1.5em;color:#333; }
.articleList li h2 a:hover { color:#ff6600; }
        
.articleList li.s1 {padding-left:180px; min-height: 146px;}
.articleList li.s1 a.img {float:left;width:166px;height:126px; padding:2px;border:solid 1px #ccc; overflow:hidden; position:absolute;top:0;left:0; }
.articleList li.s1 img {width:160px;height:120px; }
.articleList li.s1 span { display:block;font-size:14px; }
.articleList li.s2{padding-left:120px; min-height: 120px;}
.articleList li.s2 a.img {float:left;width:100px;height:100px;line-height: 1px; padding:0px; overflow:hidden; position:absolute;top:0;left:0; background:#1697d9;color:#fff; text-align:center; }
.articleList li.s2 em {font-size: 42px; line-height:50px; font-style:normal;line-height:70px;}
.articleList li.s2 span { display:none;font-size:14px; }

/*图片左右滚动*/
.picScroll-left{ overflow:hidden; position:relative;}
.picScroll-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.picScroll-left .button{display:block;  width:30px; height:100px;overflow:hidden;cursor:pointer;  position:absolute;top:35px;}
.picScroll-left .prev{ background:url("/images/pic-left.png") 0 0 no-repeat;left:5px;}
.picScroll-left .next{ background:url("/images/pic-right.png") 0 0 no-repeat;right:5px;}
.picScroll-left .prevStop{ background-position:-60px 0; }
.picScroll-left .nextStop{ background-position:-60px -50px; }
.picScroll-left .bd{ padding:0px 40px 0 40px;height: 107px; overflow:hidden;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 30px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li img{ width:125px; height:107px; display:block;  padding:0px; border:0px solid #ccc; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }


/*图片多列同时滚动*/
.slider{overflow:hidden; position:relative;}
.sliderbox{position:relative;}/*必须加这句css,否则向左右，上下滚动时会没有效果*/
.slidernav{position:absolute; right:0; bottom:5px; width:100%;text-align:center; color:#fff; font-size:0; *word-spacing: -1px; }/* background: rgba(0,0,0,0.5);*/
.slidernav li{display: inline-block; *display: inline; *zoom:1; vertical-align: top; font-size:14px; margin-left: 10px; letter-spacing: normal; word-spacing: normal;}
    .slidernav li a { width: 18px;padding: 4px 8px;height: 12px;border:solid 1px #f58320;border-radius:2px;}
.slidernav li.current a{background:#f58320; color:#fff;}
@media screen and (-webkit-min-device-antio:0){
.slidernav{letter-spacing: -5px;}
}
.slider .prev, .slider .next{position: absolute; top:50%; margin-top:-30px; cursor: pointer; width:61px; height:61px; left:0; background: url(ft_icons.png) 0 0 no-repeat; text-indent:-9999px;}
.slider .next{right:0; left:auto; background-position: 0 -61px;}


}
/****************************************PC版 公共CSS文件 结束*******************************************/

/********************************************************************************************************/
/********************          分          隔          区          域          **************************/
/********************************************************************************************************/

/****************************************移动版 公共CSS文件 开始*****************************************/
@media screen and (max-width:780px) {
    * { -webkit-tap-highlight-color: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .center, .center100 { width: 100%; max-width: 750px; overflow: hidden; margin: 0 auto; position: relative }

    .nav_path { background: url(/images/icon_nav_home.jpg) no-repeat left center; padding-left: 30px; height: 40px; line-height: 40px; color: #666; margin-left: 0px; font-size: 14px; }
        .nav_path a { color: #666; }
    .content_top_split { background: url(/images/content_top_split.jpg) no-repeat center center; height: 20px; }

.articleList{padding:0 20px}
.articleList li { position:relative;border-bottom:dashed 1px #ccc;margin-top:20px; }
.articleList li p { color:#666;font-size:14px;line-height:1.2em; }
.articleList li h2 {margin:5px 0 15px 0; }
.articleList li h2 a{font-size:18px; font-weight:600; line-height:1.5em;color:#333; }
.articleList li h2 a:hover { color:#ff6600; }
        
.articleList li.s1 {padding-left:180px; min-height: 146px;}
.articleList li.s1 a.img {float:left;width:166px;height:126px; padding:2px;border:solid 1px #ccc; overflow:hidden; position:absolute;top:0;left:0; }
.articleList li.s1 img {width:160px;height:120px; }
.articleList li.s1 span { display:block;font-size:14px; }
.articleList li.s2{padding-left:120px; min-height: 120px;}
.articleList li.s2 a.img {float:left;width:100px;height:100px;line-height: 1px; padding:0px; overflow:hidden; position:absolute;top:0;left:0; background:#1697d9;color:#fff; text-align:center; }
.articleList li.s2 em {font-size: 42px; line-height:50px; font-style:normal;line-height:70px;}
.articleList li.s2 span { display:none;font-size:14px; }


/*图片多列同时滚动*/
.slider{overflow:hidden; position:relative;}
.sliderbox{position:relative;}/*必须加这句css,否则向左右，上下滚动时会没有效果*/
.slidernav{position:absolute; right:0; bottom:5px; width:100%;text-align:center; color:#fff; font-size:0; *word-spacing: -1px; }/* background: rgba(0,0,0,0.5);*/
.slidernav li{display: inline-block; *display: inline; *zoom:1; vertical-align: top; font-size:14px; margin-left: 10px; letter-spacing: normal; word-spacing: normal;}
    .slidernav li a { width: 18px;padding: 4px 8px;height: 12px;border:solid 1px #f58320;border-radius:2px;}
.slidernav li.current a{background:#f58320; color:#fff;}
@media screen and (-webkit-min-device-antio:0){
.slidernav{letter-spacing: -5px;}
}
.slider .prev, .slider .next{position: absolute; top:50%; margin-top:-30px; cursor: pointer; width:61px; height:61px; left:0; background: url(ft_icons.png) 0 0 no-repeat; text-indent:-9999px;}
.slider .next{right:0; left:auto; background-position: 0 -61px;}
}
/****************************************移动版 公共CSS文件 结束*****************************************/
/********************************************************************************************************/