html { font-size: 16px !important;  }
body, html {color: #333; font-size: 16px !important; }
a, body, dd, div, dl, dt, form, h1, h2, h3, h4, h5, li, p, ul,ol { margin: 0; padding: 0 }
dd, dl, dt, li, ul { list-style: none }
body { background-repeat: no-repeat; background-attachment: fixed; font-family: 微软雅黑; color: #333;background:#f3f7fa;}
.ime-disabled { ime-mode: disabled }
.hide { display: none; }
.aui_content { color: #333; }
a { transition: all .3s ease 0s; text-decoration: none; color: #27313D; }
a:link, a:visited { text-decoration:none; }
a:hover { color: #ff8800; text-decoration:none; }
fieldset { -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #009 }
img { margin: 0; padding: 0; border: 0; vertical-align: middle;max-width:100%;}
.img100{width:100%;}
.gif { transition: all .4s ease 0s }
    .gif:hover { transform: scale(1.1) }

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: #113A84; }
.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; }

.fontB {font-weight:bold; }

.floatLeft, .fl { float: left; }
.floatRight, .fr { float: right; }
.clearBoth{ clear: both; height: 0px; }
.clearBoth:after,.cl:after, .clearfix:after { display: block; content: ""; height: 0; clear: both }

.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: #333; MARGIN-RIGHT: 3px; TEXT-DECORATION: none; padding: 5px 10px;display: inline-block; }
            div.meneame a:hover { BORDER: #eee 1px solid; COLOR: #fff; BACKGROUND-COLOR: #15b3db }
        div.meneame span.current { BORDER: #0170b5 1px solid;BACKGROUND-COLOR:#0170b5; padding: 5px 10px; FONT-WEIGHT: bold; COLOR: #fff; MARGIN-RIGHT: 3px;  }
        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 }

span.date { float: right; }    

/*=====================以下部分是Validform必须的====================*/
.Validform_checktip{ margin-left:8px; line-height:20px; height:20px; overflow:hidden; color:#999; font-size:12px; }
.Validform_right{ color:#71b83d; padding-left:20px; background:url(valid_icons.png) no-repeat -40px -20px; }
.Validform_wrong{ color:red; padding-left:20px; white-space:nowrap; background:url(valid_icons.png) no-repeat -20px -40px; }
.Validform_loading{ padding-left:20px; background:url(icon_onload.gif) no-repeat left center; }
.Validform_error{ background:#FEFBD3; }

#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);}
#Validform_msg .iframe{ position:absolute; left:0px; top:-1px; z-index:-1; }
#Validform_msg .Validform_title{ position:relative; line-height:35px; height:35px; text-align:left; font-weight:bold; padding:0 10px; color:#fff; background:#33B5E5; }
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{ line-height:30px; position:absolute; right:10px; top:0px; color:#fff; text-decoration:none; }
#Validform_msg a.Validform_close:hover{color:#ccc;}
#Validform_msg .Validform_info{padding:10px;border:1px solid #bbb; border-top:none; text-align:left;}
/*=====================以上部分是Validform必须的====================*/

.icp,.poweredby {color:#d6d6d6 }
    .icp:hover,.poweredby:hover {color:#1686b1; }
.gototop { }
section.center,section.center100 {overflow: hidden; }
/*###############################################################################################################################################################################*/
/****************************************P C 版 公共CSS文件 开始*********************************/
@media screen and (min-width:780px) {
    .center { width: 1200px; margin: 0 auto; padding: 0 0px; position: relative }
    .center:after{content:"";height:0;display:block;clear:both;}
    .center100 { width: 100%; margin: 0 auto; clear: both; min-width: 1200px; position: relative }
    .page-leftbox { float: left; width: 880px;}
    .page-rightbox { float: right; width: 280px; }




/*头部 开始*/
    header {overflow:visible;min-width:1200px;margin: 0 auto; }
    .logo {float:left; }
    .searchbar {border:solid 1px #ccc; }
        .searchbar input.kw {border:none;padding: 0 10px }
        .searchbar .icon-search {cursor:pointer;background:url(search_btn.png) no-repeat;width:24px;height:24px;border:none; }
/*头部 结束*/
/*###############################################################################################################################################################################*/
/*主菜单栏 开始 兼容移动版样式*/
nav {float:right;margin:25px 20px 0 0 !important; }
.am-menu a:after {display:none; }
nav.am-menu-offcanvas1 .am-menu-toggle {display:none; }
nav.am-menu-offcanvas1 .am-offcanvas {display:block;position:relative;background:none; }

nav .am-offcanvas-bar {position:relative;width: auto; background: none;transform: translateX(0%);overflow-y:visible;}
    nav .am-offcanvas-bar:after {display:none; }

nav.am-menu-offcanvas1 .am-menu-nav {border-bottom:none;box-shadow:none; }
nav.am-menu-offcanvas1 .am-menu-nav > .am-open > a, nav.am-menu-offcanvas1 .am-menu-nav > li > a:focus, 
nav.am-menu-offcanvas1 .am-menu-nav > li > a:hover {color:#333; }
nav.am-menu-offcanvas1 .am-menu-nav > li > a {border-top:0px; box-shadow:none;text-shadow:none;color:#333;text-indent:0em;height:auto;line-height:inherit;}

nav .am-avg-sm-1 > li:nth-of-type(n+1) {clear:none; }
nav .am-avg-sm-1 > li {width:auto; }

.main-menu{border-bottom:none;box-shadow: 0 1px 0 rgba(255,255,255,.05); }
.main-menu>li{float:left; list-style:none;position:relative;margin-left:5px;}
    .main-menu > li:hover ul.sub-menu{display:block; }
    .main-menu li a{display:block;padding:6px 12px !important; color:#333;font-size:16px;margin:0px;border-radius: 0px;height:auto;}
    .main-menu li a:hover, .main-menu li a.current {/*background:#0170b5;border-bottom:solid 2px #0170b5;*/ }
    .main-menu li ul.sub-menu {position:absolute;top:45px;left:0px; display:none;width:150px;background:rgba(30,70,119,0.7);z-index:999;padding:5px; }
        .main-menu li ul.sub-menu li { }
/*菜单栏 结束*/
/*###############################################################################################################################################################################*/
/*底部 开始*/
footer {color:#333;margin-top: 45px;min-width:1200px;margin:0 auto; }
    footer  #footer-main {padding:20px 10px; }
       footer #footer-main:after {display:block;content:"";height:0px;clear:both; }
    .gototop {background:url(gototop.png);position:absolute;right:20px;top:-20px;width:50px;height:50px;cursor:pointer; }
    .copyright {color:#333;float:left;font-size:14px;line-height:1.7em; }
        .copyright a {color:#333; }
            .copyright a:hover {color:#ff6600; }
    .wxcode {float:right;width:108px; margin-right:80px;}
        .wxcode img {width:100%; }
        .wxcode p {text-align:center;font-size:12px; }
/*底部 结束*/
/*###############################################################################################################################################################################*/
/*二级导航菜单 开始*/
.subclass-menu {background:none;margin:10px auto 10px;box-shadow: 0 12px 20px rgba(79,78,78,0.08);}
    .subclass-menu:after {clear:both;content:"";height:0px;display:block; }
        .subclass-menu ul li {float:left;margin-right: 10px; }
            .subclass-menu ul li a {display:block;padding:0 25px;height:50px; line-height:50px;font-size:16px; color:#333;background:#f0f0f0; }
                .subclass-menu ul li a:hover,.subclass-menu ul li a.current {color:#fff;background:#074477; }
/*二级导航菜单 结束*/
/*###############################################################################################################################################################################*/
/*Banner & 面包屑 开始*/
.nav-path {float:right; height: 50px; line-height: 50px; color: #999; margin-left: 10px; margin-right: 10px; font-size: 14px; /*border-bottom: solid 2px #eee;*/ position: relative; text-align: right; }
        .nav-path em { background: url(icon_nav_home.jpg) no-repeat; width: 20px; height: 18px; display: inline-block; margin: 5px 8px 0 0; }
        .nav-path .ysbox {display:none; border-bottom: solid 2px #0170b5; position: absolute; right: 0px; bottom: -2px; width: 20%; }
        .nav-path a { color: #999; }
    .content-top-split { background: url(content_top_split.jpg) no-repeat center center; height: 20px; }
    .banner { text-align: center; }
    .banner-page { height: 300px; margin: 0 0 0px 0; background-image:url(banner_page.jpg?v=1); }
        .banner-page .lanmu-title { position: absolute; top: 60px; right: 20px; font-size: 44px; color: #fff; background: rgba(0,0,0,0.5); padding: 30px 80px; }
            .banner-page .lanmu-title p { font-size: 18px; color: #fff; margin-top: 20px; }
/*Banner & 面包屑 结束*/
/*###############################################################################################################################################################################*/

/*列表 开始*/
.articleList { padding: 0 0px }
        .articleList li { position: relative; border-bottom: dashed 1px #ccc; margin-top: 20px; padding-bottom: 20px; }
            .articleList li p { color: #9b9b9b; font-size: 14px; line-height: 1.2em; }
                .articleList li p a { color: #8a6e2f; }
                    .articleList li p a:hover { color: #ff0000; }
            .articleList li h2 { margin: 5px 0 15px 0; font-weight: normal; }
                .articleList li h2 a { font-size: 18px; line-height: 15px; color: #333; }
                    .articleList li h2 a:hover { color: #ff6600; }

        /*左图+右文字*/
        .articleList li { margin-bottom: 40px; overflow: hidden; padding-left: 0px; min-height: initial; padding: 0 0 20px 0; }
            .articleList li h2 { font-size: 20px; line-height: 28px; max-height: 56px; overflow: hidden; }
            .articleList li a.img { float: left; width: 250px; height: 160px; padding: 2px; border: solid 1px #ccc; overflow: hidden; margin-right: 20px; }
            .articleList li img { width: 250px; height: 160px; }
            .articleList li span { display: block; font-size: 14px; color: #bbb; }                   
            .articleList li p { margin-top: 15px; line-height: 1.8em;font-size: 16px; color: #9b9b9b; overflow: hidden; }
            .articleList li .info { margin-top: 10px; font-size: 14px; }
                .articleList li .info span { margin-right: 20px; color: #bbb; display: initial; }
                    .articleList li .info span.fenlei { color: #c2ae88 !important; }
                        .articleList li .info span.fenlei img { height: 20px; vertical-align: central; }
        /*左日期+右文字*/
        .articleList li.s-date { padding-left: 120px; min-height: 120px; }
            .articleList li.s-date a.img { float: left; width: 100px; height: 100px; line-height: 1px; padding: 0px; overflow: hidden; position: absolute; top: 0; left: 0; background: #fff; color: #0170b5; border: solid 1px #0170b5; text-align: center; font-size: 18px; }
            .articleList li.s-date em { font-size: 42px; line-height: 50px; font-style: normal; line-height: 70px; }
            .articleList li.s-date span { font-size: 14px; }
            
        /*上图+下文字*/
        .productList { margin-left: -40px; margin-top: 40px; }
            .productList li.t0 { float: left; border: solid 1px #1daea7; text-align: center; padding: 1px; margin-left: 40px; margin-bottom: 25px; width: 270px; height: 220px }
                .productList li.t0 .himg { display: table-cell; height: 180px; overflow: hidden; vertical-align: middle; text-align: center; width: 270px; }
                .productList li.t0 h2 { font-size: 16px; text-align: center; font-weight: normal; }
                .productList li.t0 .info { }
                .productList li.t0 img { max-width: 100%; width: 270px; height: 180px; }

.art_prev_next { margin: 20px 0px; border: solid 1px #ccc; padding: 10px; border-radius: 3px; }
.art_prev_next a.btn2{font-size:16px; }
    .art_prev_next a.btn2:hover { text-decoration:underline;color:#f58320; }

/*列表 结束*/
/*###############################################################################################################################################################################*/
/*内容页 开始*/
    article { }
    .art-view-box { }
    .art-title {font-weight:normal;text-align:center;margin:35px auto 35px; font-size:26px;}
    .art-status {font-size:13px;text-align:center;background:url(tag.png) no-repeat bottom center;padding-bottom:15px;margin-bottom:15px; }
    .art-content {line-height:1.8em;font-size:18px;padding:20px 0; }
    .art-content img{max-width:100%;}
    article .min-height{min-height:500px; }
/*内容页 结束*/
/*###############################################################################################################################################################################*/
/*内容页右侧 开始*/
.r-box {margin-bottom: 30px; }
    .r-box .r-title { font-size: 22px; color: #333; padding-bottom: 18px; border-bottom: 1px solid #e5e5e5; }
    .r-box .r-ul-art { }
        .r-box .r-ul-art li {font-size:18px; padding: 15px 0; border-bottom: 1px solid #e5e5e5; }
            .r-box .r-ul-art li p { font-size: 14px; color: #666; line-height: 24px; margin-top: 15px; }
.rcontact {background:#f1f1f1;padding:10px; }
.r-cont {font-size:16px;padding:10px 0;line-height:1.6em; }
/*内容页右侧 结束*/
/*###############################################################################################################################################################################*/
/*多项型单页 开始*/

/*多项型结束 结束*/
/*###############################################################################################################################################################################*/
/*联系页 开始*/
    .lianxi-txt { float: right;height: 460px; background: #1e50ae; opacity: 0.5; width: 100%;  color: #fff; padding: 30px; line-height: 2.5em; }
    .lianxi-ditu { float: left;height: 460px; width: 100%;  }
/*联系页 结束*/
/*###############################################################################################################################################################################*/
/*友情链接 开始*/
.friend-link {background: #fff; margin: 20px auto;padding:20px; }
        .friend-link .fl-title { float: left; width: 100px; line-height: 80px; text-align: center; background: #d9d9d9; }
        .friend-link .fl-list { padding: 0 0 0 20px;  }
            .friend-link .fl-list li { float: left; display: inline-block;  }
/*友情链接 结束*/
 /*###############################################################################################################################################################################*/   

/*基础特效  开始

1、 图片左右滚动 */
    /*.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;   }*/


  /*2、图片多列同时滚动*/
    .slider { overflow: hidden; position: relative; }
    .sliderbox { position: relative; }
    .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; }

/*###############################################################################################################################################################################*/
}
/****************************************P C 版 公共CSS文件 结束*********************************/