﻿/*格式化*/
body{margin:0px; padding:0px; font-size:14px;  color:#666; overflow-x:hidden;}
a{color:#666; text-decoration:none; outline:none;}
a:active{star:expression(this.onFocus=this.blur());} 
a:hover{ color: #1c5e96; }
img{border:0px; vertical-align:middle;}
a:link {text-decoration: none; outline:none;}
a:visited{text-decoration: none; outline:none;}
ul, p, dl, dt, dd{padding:0px; margin:0px;}
li{list-style-position:outside; list-style-type:none;}
h1, h2, h3, h4, h5,h6{font-size:14px; padding:0px; margin:0px;}
h1{font-size:16px;}
h5{font-size:12px;}

input, textarea{background:transparent; padding:0px; font-size:12px;  color:#888; outline:none; border:0px;}
em{font-style:normal;}
.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}
.wal{ width: 1200px; margin: 0 auto; }
.fl{ float: left; }
.fr{ float: right;}
.w940{ width: 940px; }
.w200{ width: 200px; }
.aNow1{ color: #1C5E96; }

img{
   pointer-events:none;/* 禁止长按图片保存 */
}

/*格式化 end*/

/*头部*/
.header{ height: 95px; position: fixed;width:100%;top:0;background:#fff;z-index:999; border-bottom: 1px solid #dedede;}
.header:after{ content: ''; display: block; height: 0; clear: both; visibility: hidden; }
.header .logo{ float: left; margin-top: 9px; }
.header .wal{ position: relative; overflow: hidden; height: 100%; }
.header .nev{ position: absolute;right: 150px;top: 14px; }
.header .nev li{ float: left; line-height: 81px; margin: 0 17px; } 
.header .nev li a{ display: block;font-size:15px; } 
.header .seekBox{ margin-top: 47px; height: 15px; border-left:1px solid #989898 ; overflow: hidden; padding-left: 4.5px;}
.header .seekBox .en{ display: block; float: left; padding: 0 8px 0 18px; margin-right: 8px; }
.header .seekBox .zn{ display: block; float: left; padding: 0 8px 0 18px; margin-right: 8px;}
.header .seekBox .seek{ display: block; float: left; }
.header .menu img{ width: 30px; margin-top: 15px; }
.header2{height:95px;}

.header .lan{ position:absolute; right:66px; top:0; line-height:50px; font-size:16px;}

.header .seekBox .en{ display: block; float: left; padding: 0 5px; margin-right: 8px; }
.header .seekBox .zn{ display: block; float: left; padding: 0 5px; margin-right: 8px;}
.header .seekBox img{ padding-right:2px;    margin-bottom: 3px;}



.sNav{ position: absolute; width: 180px; z-index: 12; display: none;top: 93px; }
.sNav .list{  }
.sNav ul{ padding: 0; background: #f8f8f8; }
.sNav li{border-bottom: 1px solid #e2e2e2;}
.sNav li a{ color: #999999; display: block; line-height: 39px; padding-left:38px;font-size: 0.875rem;}
.sNav li a:hover {color: #1c5e96;}
.sNav li a.on{ color: #fff;background: #29a0c4;line-height: 2.5625rem; }
.header .right li:last-of-type a , .header .right li:last-of-type a:hover{ background: transparent; }
.seek{ cursor: pointer; }
.seekTxt{ width: 100%; left: 0; top: 100%; z-index: 20; position: absolute; background: rgba(255,255,255,0.9); overflow: hidden; display: none; }
.seekTxt .list{ width: 1200px; margin: 0 auto; overflow: hidden; }
.seekTxt .list .seekdiv{ float: right; margin:37px 0 33px;line-height: 36px; overflow: hidden; }
.seekTxt .list .seekdiv img{ margin-right: 26px;float: left;display: block; margin-top: 6px; }
.seekTxt .list .seekdiv input{ margin-right: 26px; width: 398px; line-height: 28px; font-size: 14px; float: left; color: #666666; }
input::-ms-input-placeholder{ color: #999999; }
input::-webkit-input-placeholder{ color: #999999; }
.seekTxt .list .seekdiv a.seekbtn em{ display: block; width: 120px; height: 36px; background: #1C5E96; float: right; text-align: center; line-height: 36px; color: #FFFFFF; border-radius: 4px; }


.navlist{position: fixed;
    top: 0;
    z-index: 999;}


.navLayer{overflow-x: auto; height:100%; width:100%; overflow:hidden; position:fixed; z-index:222; right:-100%; top:0px;}
.navLayer .close{ position:absolute; right:10px; top:14px;}
.navLayer .close img{ width:24px;}
.navLayer .bg{overflow-x: auto;position:relative; background:#fff; height:100%; margin-left:20%; width:80%;}
.sideNav{ padding-top:50px;}
.subNav{ cursor:pointer; display:block; height:40px; line-height:40px; border-bottom:1px solid #f6f6f6; position:relative;  font-size:14px; color:#3a3a3a; }
.subNav .name{ padding-left:20px; text-align:left; position:relative; overflow: hidden;}
.subNav a{ display:block; height:40px; color:#3a3a3a;}
.subNav .name input{ width: calc(100% - 20px); height: 40px; padding: 0 30px 0 0px; float: left; font-size: 14px; color: #3a3a3a;}
.subNav .name input::-webkit-input-placeholder{ color: #1C5E96; }
.subNav .name a.seekico{ width: 40px; height: 40px; background: url(../images/seek-off.png) no-repeat center; float: left; position: absolute; right: 20px; top: 0;}
.subNav1{background:url(../images/serico2.png) 94% center no-repeat; background-size:12px;}
.currentDt{background:#fff url(../images/serico1.png) 94% center no-repeat; background-size:12px; color:#1C5E96;}
.currentDd span{ color:#ff0000;}
.navContent{display: none; border-bottom:1px solid #f6f6f6; background:#e2e2e2;}
.navContent a{display:block;  height:35px; line-height:35px; color:#4d4d4d; padding-left:20px;}

.pageBg { position: fixed; z-index: 44; width: 100%; height: 100%; display: none; background: rgba(0,0,0,0.7) repeat; left: 0px; top: 0px;}
/*头部 end*/

/*轮播*/
/*banner*/
.banner{ overflow: hidden; position: relative;}
.banner .imgDiv{ display: block; position: relative;}
.banner .imgDiv img{ width: 100%; }
.banner .slick-slide{ height: auto;}
.banner .imgDiv .text{ position: absolute;left:356px;top: 184px; }
.banner .imgDiv .text b{ font-size: 36px; display: block; color: #FFFFFF; }
.banner .imgDiv .text em{ display: block; margin-top: 26px; font-size:14px; text-transform: uppercase; line-height: 26px; color: #fff;}
.banner .imgDiv .text a{ display: block; width: 122px; height: 31px;  line-height: 31px; color: #FFFFFF; border-radius: 64px; margin-top: 39px; border:1px solid #fff; text-align: center; }
.banner .slick-slide{ height: auto }


.banner .slick-prev , .banner .slick-next { width: 40px; height: 40px; display: block; position: absolute; top: 50%; margin-top: -30px; background: url(../images/ban-btm.png) no-repeat center;}
.banner .slick-prev{ transform: rotate(180deg); left: 208px; z-index: 10;}
.banner .slick-next{ right: 208px; z-index: 10;}
.banner .swiper-wrapper{ height: auto; }
.banner .swiper-slide{ height: auto; }
.swiper-pagination-bullet{ width: 10px; height: 10px; margin: 0 4.5px; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 14px !important; }
/*banner end*/


/*手机banner*/
.phone_banner .imgDiv img{ width: 100%; }

.phone_banner{ position: relative;padding-top: 50px; }
.phone_banner .slick-dots{ position: absolute; left: 0; bottom: 10px; width: 100%; display: flex; justify-content: center; }
.phone_banner .slick-dots li{ width: 8px; height: 8px; background: #FFFFFF; border-radius: 50%; margin: 0 2.5px; }


/*轮播 end*/

/*尾部*/
.footer_up{ background: #3a3b3b; padding: 60px 0 103px; }
.footer_up .wal{ overflow: hidden;  }
.footer_up .gl{ overflow: hidden; }
.footer_up li{ float: left; overflow: hidden; width: 120px; }
.footer_up li:nth-of-type(2){ width: 170px;}
.footer_up li a , .footer_up li strong{ display: block; }
.footer_up li strong{ font-size: 16px; color: #FFFFFF; margin-bottom: 12px; }
.footer_up li strong a{ color: #FFFFFF; }
.footer_up li a{ line-height: 26px; color: #a1a1a1; }
.footer_up li a:hover{ color: #1c5e96; }
.footer_up .gr{  }
.footer_up .gr img{ display: block; }
.footer_up .gr img.eq{ margin: 10px 0 0 8px; }
.footer_up .gr span{ margin:2px 0 0 8px; display: block; width: 122px; line-height: 36px; text-align: center; background: #1C5E96; color: #FFFFFF; }

.footer_btm{ background: #333333; }
.footer_btm .wal{ overflow: hidden; height: 65px; }
.footer_btm .gl{ overflow: hidden;  width: 500px; }
.footer_btm .gl a{ display: block; margin-top: 16px; margin-right: 11px; float: left; }
.footer_btm .gl a:last-of-type{ margin-right: 0; }
.footer_btm .gr{ line-height: 65px; }
.footer_btm .gr .p{ color: #999999; font-size: 13px; }
.footer_btm .gl em{ float: right; color: #999999; line-height: 32.5px; }
.footer_btm .gr a{ margin-left: 13px; color: #999999; }
.footer_btm .gr a:hover{ color: #1C5E96; }




/*查看更多*/
.more-max{ width: 123px; height: 32px; border: 1px solid #1C5E96; color: #1C5E96; text-align: center; line-height: 32px; display: block; border-radius: 64px; font-size: 12px; }
.ind-tit{ position: relative; font-size: 24px; line-height: 24px; margin-bottom: 26px; }
.ind-tit a{ font-size: 14px; color: #1C5E96; position: absolute; right: 0; top: 0; }

/*时间*/
.time{ font-size: 24px; color: #1C5E96; position: relative; padding-bottom: 12px; float: left; display: block; width: 27px;text-align: center; }
/*.time:before{ content: 'May'; position: absolute; bottom: 0; font-size: 14px; display: block; font-weight: normal; text-align: center; width: 100%; }*/


/*页码*/
.number{ }
.number ul{ display: flex !important; justify-content: center;}
.number ul li{ width: 40px; height: 40px; margin: 0 14px; line-height: 40px; text-align: center; }
.number ul a{ display: block; height: 100%; width: 100%; color: #999999; font-size: 24px;}
.number ul li.on a , .number li:hover a{ color: #1C5E96; }
.number ul li:last-of-type a , .number li:nth-of-type(1) a{ background: url(../images/number-on.png) no-repeat center; }
.number ul li:last-of-type a{ transform: rotate(180deg); }
.number ul li:last-of-type:hover a , .number li:nth-of-type(1):hover a{ background: url(../images/number-off.png) no-repeat center; }
.number ul li:last-of-type:hover a{ transform: rotate(180deg); }
.number .num-more{ width: 100%; height: 40px; line-height: 40px; text-align: center; background: #1C5E96; color: #FFFFFF; font-size: 18px; display: block; border-radius: 64px; }


/*分享*/
.shareBox{ overflow: hidden; margin-top: 32px; }
.shareBox .gl{  }
.shareBox .gl span{ color: #999999; margin-right: 50px; }
.shareBox .gl span:last-of-type{ margin-right: 0; }
.shareBox .share{ float: right; line-height: 27px; } 
.shareBox .share a{ margin-right:10px; }

/*上下篇*/
.piece {
    overflow: hidden;
    background: #f7f7f7;
}

    .piece a {
        padding: 30px 50px 0;
        width: calc(50%);
        display: block;
        float: left;
        overflow: hidden;
        height: 146px;
        border-right: 1px solid #dedede;
        position: relative;
    }

        .piece a:hover {
            background: #1C5E96;
        }

            .piece a:hover .h5 {
                color: #FFFFFF;
            }

            .piece a:hover .p {
                color: #FFFFFF;
            }

        .piece a:last-of-type {
            border-right: none;
        }

    .piece .xxx {
        height: 146px;
        /*display: table-cell;
        vertical-align: middle;*/
    }
.clear_f {
    clear:both;
}
    .piece .h5 {
        float: left;
        line-height: 30px;
    }

    .piece .p {
        line-height: 30px;
        width: calc(100% - 0px);
        padding-left: 46px;
    }
        .piece .p1 {
        line-height: 30px;
        width: calc(100% - 0px);
        padding-left: 70px;
    }
            .piece a:hover .p1 {
                color: #FFFFFF;
            }
/*years*/
.years{ font-size: 24px; color: #333333; padding-bottom: 8px; position: relative; margin-bottom: 28px; }
.years em{ width: 140px; height: 3px; background: url(../images/exh4.jpg) no-repeat left bottom; display: block; position: absolute; left: 0; bottom: 0; }
