@charset "utf-8";
/*!
 * @名称：public.css
 * @功能：1、重设浏览器默认样式
 *       2、设置通用原子类
 */
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html {
    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;
    font-family: '微软雅黑';
    font-style: normal;
}

input,select,textarea {
    background: #fff;
}
/* 去掉 table cell 的边距并让其边重合 */
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* ie bug：th 不继承 text-align */
th {
    text-align:inherit;
}
/* 去除默认边框 */
fieldset,img {
    border:none;
}
/* ie6 7 8(q) bug 显示为行内表现 */
iframe {
    display:block;
}
/* 去掉 firefox 下此元素的边框 */
abbr,acronym {
    border:none;
    font-variant:normal;
}
/* 一致的 del 样式 */
del {
    text-decoration:line-through;
}
address,caption,cite,code,dfn,em,th,var {
    font-style:normal;
    font-weight:500;
}
/* 去掉列表前的标识，li 会继承 */
ol,ul {
    list-style:none;
}
/* 对齐是排版最重要的因素，别让什么都居中 */
caption,th {
    text-align:left;
}
/* 来自yahoo，让标题都自定义，适应多个系统应用 */
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:500;
}
ul,li{
    list-style: none;
}
q:before,q:after {
    content:'';
}
/* 统一上标和下标 */
sub,sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline;
}
sup {
    top:-0.5em;
}
sub {
    bottom:-0.25em;
}
/* 让链接在 hover 状态下显示下划线 */
a:hover {
    text-decoration:none;
}
/* 默认不显示下划线，保持页面简洁 */
ins,a {
    text-decoration:none;
	color: #999;
}

ins,a:hover {
    text-decoration:none;
    /*color: #00b9e4;*/
}
/* 去除 ie6 & ie7 焦点点状线 */
a:focus,*:focus {
    outline:none;
}
a:hover{color: #a82020;}
/* 清除浮动 */
.clearfix:before,.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
    overflow:hidden;
}
.clearfix {
    zoom:1; /* for ie6 & ie7 */
}
.clear {
    clear:both;
    display:block;
    font-size:0;
    height:0;
    line-height:0;
    overflow:hidden;
}
.clearf:after{
    height:0;
    content:'';
    display:block;
    clear:both;
}
/* 设置显示和隐藏，通常用来与 js 配合 */
.hide {
    display:none;
}
.block {
    display:block;
}
/* 设置浮动，减少浮动带来的 bug */
.fl,.fr {
    display:inline;
}
.fl {
    float:left;
}
.fr {
    float:right;
}/*公共样式*/
/*header*/
.w1200{width: 1200px;margin:0 auto;}
.header{position: relative;width: 100%;background: #fff;height: 280px;}

/*由下方滑动上来 伴随着渐显*/
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        -ms-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

/*从左滑动出来 伴随着渐显*/
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        -ms-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}


/*从右滑动出来 伴随着渐显*/
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        -ms-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@keyframes myfirst
    {
    from {border:0 solid #E4684D; left:1px;top: 1px;}
    to {border:12px solid #E4684D; left:-11px;top: -11px;}
    }
 
    @-moz-keyframes myfirst 
    {
    from {border:0 solid #E4684D; left:1px;top: 1px;}
    to {border:12px solid #E4684D; left:-11px;top: -11px;}
    }
 
    @-webkit-keyframes myfirst 
    {
    from {border:0 solid #E4684D; left:1px;top: 1px;}
    to {border:12px solid #E4684D; left:-11px;top: -11px;opacity: 0;}
    }
 
    @-o-keyframes myfirst 
    {
    from {border:0 solid #E4684D; left:1px;top: 1px;}
    to {border:12px solid #E4684D; left:-11px;top: -11px;}
    }


@keyframes kenburns {
  0% {-webkit-transform: scale(1.08);
            transform: scale(1.08);}
  100% {-webkit-transform: scale(1);
            transform: scale(1);}
}
@-webkit-keyframes kenburns {
  0% {-webkit-transform: scale(1.08);
            transform: scale(1.08);}
  100% {-webkit-transform: scale(1);
            transform: scale(1);}
}
@-moz-keyframes kenburns {
  0% {-webkit-transform: scale(1.08);
            transform: scale(1.08);}
  100% {-webkit-transform: scale(1);
            transform: scale(1);}
}
@-ms-keyframes kenburns {
  0% {-webkit-transform: scale(1.08);
            transform: scale(1.08);}
  100% {-webkit-transform: scale(1);
            transform: scale(1);}
}

/*公共样式*/
body{background:#f3f3f3;}
.top{position: absolute;top: 40%;width: 100%;}
.top .logo{position: relative;z-index: 2;}
/* .top .search{height: 33px;z-index: 2;position: relative;top:30px;} 20200428修改备份*/
.top .search{height: 33px;z-index: 2;position: relative;top:45px;}
.top .search .text{float: left;background:#faf9f9;height: 33px;text-indent: 1em;line-height: 33px;vertical-align: middle;border:1px solid #d8d8d8;width: 277px;z-index: 3;color: #c2c2c2;font-size: 14px;}
.top .search .submit{background: #d00c0a url(../images/icon/search.png) center no-repeat;height: 35px;width: 60px;float: left;border: none; cursor: pointer;}
.top .search .submit2{line-height: 35px;padding-left: 13px;color: #333;font-size: 14px;text-decoration:underline;}
.top .search .submit2:hover{color: #a82020;}
.nav{position: relative;background: url(../images/index/nav.jpg)no-repeat center;width: 100%;height: 60px;}
.nav ul{position: relative;height: 60px;}
.nav ul li{float: left;line-height: 60px;padding: 0 38px;position: relative;}
.nav ul li a{color: #fff;font-size: 16px;}
.nav ul li i{width: 4px;height: 18px;background: url(../images/index/i.png) center no-repeat;position: absolute;right: 0;top:36%;display: block;}
.nav ul li:hover i{display: none;}
.nav ul .on i{display: none;}
.nav ul li:hover,.nav ul .on{background: url(../images/index/hover.jpg) center;}
.content_bg{background: #f3f3f3;width:100%;position: relative;padding-bottom: 35px;}
.content{position: relative;background: #fff;}


.footer{background: #f3f3f3;position: relative;width: 100%;margin-top:40px;border-top: 3px solid #a82020;}
.footer .foot{position: relative;padding-top: 60px;background: url(../images/image/footer.png) no-repeat center bottom;}
.footer .foot p{text-align: center;color:#333;font-size: 14px;line-height: 1.5rem; }
.footer .foot p a{text-align: center;color:#333;font-size: 14px;line-height: 1.5rem; }
.footer .foot p a:hover{color:#a82020}
.footer .foot .p{padding-bottom: 19px;}
.footer .foot .tj{text-align: center;padding-bottom:42px;}
.footer .foot .tj a{margin-right: 25px;}
.footer .foot .weibo{position: absolute;top:64px;left: 0;}
.footer .foot .weibo span{width: 78px;float: left;margin-right: 18px;}
.footer .foot .weibo .a{border:1px solid #eeeeee;width: 78px;float: left;height: 28px;background: #fff;}
.footer .foot .weibo .a a{width: 100%;float: left;background:url(../images/image/jai.png)no-repeat left 15px center;color: #666;font-size: 14px;text-align: center;line-height: 28px;padding-left: 15px;}
.footer .foot .weibo .a a:hover{color:#a82020}
.footer .foot .weibo span p{text-align: center;color: #666;font-size: 16px;padding-bottom: 10px;}
.footer .foot .weixin{position: absolute;right: 0;top:64px;}
.footer .foot .weixin span{float: left;color: #9a836b;font-size: 14px;padding-bottom: 15px;}
.footer .foot .weixin p{text-align: center;}
#back-to-top{width: 66px;height: 66px;background: url(../images/image/top.png)no-repeat center;position: absolute;top: -15%;left: 50%;z-index: 9;    transform: translateX(-50%);}
/*侧边栏*/
/*侧边栏*/
.suspension{background: #fff;box-shadow: 0 0 10px 0 rgba(0,0,0,.3);position: fixed;top: 50%;right: 30px;z-index:99;width:50px;}
.suspension .sus{width: 50px;height: 50px;position: relative;margin-bottom: 10px;background-color: #fff;cursor: pointer;transition-duration: .5s;}
.suspension .sus p{width: 50px;height: 50px;}
.suspension .sus1 p{background: url(../images/image/weixin.png) center no-repeat;}
.suspension .sus2 p{background: url(../images/image/weibobo.png) center no-repeat;}
.suspension .sus3 p{background: url(../images/image/shouji.png) center no-repeat;}
.suspension .sus4 p{background: url(../images/image/back.png) center no-repeat;}
.suspension .sus .app{width: 151px;height: 55px;padding-left: 26px;padding-top: 10px; position: absolute;top: 50%;right: 10%;transform: translateY(-50%); background: url(../images/ico25.png) center no-repeat;display: none;transition-duration: .5s;}
.suspension .sus .app b{line-height: 24px; font-size: 14px;color: #a82020;display: block;} 
.suspension .sus .app span{font-size: 14px;color: #333333;display: block;}
.suspension .sus2 .Wechat{background: none;width: 142px;height: 130px;}
.suspension .sus:hover>.app{display: block;}
/*分页*/
.asp {width: 100%;float: left;padding-bottom: 40px;padding-top: 20px;}
.asp .pager {
    color: #a82020;
    clear: both;
    width: 100%;
    margin: 30px auto 0;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
}
.asp .pager .y{padding:0;}
.asp .pager .y:hover{
    background:#fff;
    color: #a82020
}
.asp .pager span, .asp .pager .nolink, .asp .pager a {
    display: inline-block;
    color: #a82020;
    line-height: 30px;
    padding: 0px 11px;
    background: #fff;
    font-weight: 100;
}
.asp .pager span.inp input {
    width: 51px;
    padding: 5px 0 5px 10px;
    height: 18px;
    font-size: 16px;
    color: #555;
}
.asp .pager span.inp {
    margin: 1px auto 0;
    padding: 0px;
    width: 61px;
    height: 30px;
    background: #fff;
    border-right: none;
}
.asp .pager span.no {
    margin: 0px;
    padding: 0px;
    width: 31px;
    font-size: 14px;
}
.asp .pager span.no:hover {

}
.asp .pager .cpb:hover,.asp .pager .cpb, .asp .pager a:hover {
    color: #FFF;
    font-weight: 100;
    background: #a82020;
}

.pager ul li{float:left;}

.pager ul .thisclass{display: inline-block;
    color: #a82020;
    line-height: 30px;
    padding: 0px 11px;
    background: #fff;
    font-weight: 100;}
	
.pager ul{ position: absolute;
    left: 50%;
    transform: translateX(-50%);}
 .displayWeixin{
     display: block !important;
}