@charset "utf-8";
html, body {margin: 0px;padding: 0px;background: #f2fcff}
IMG {border-width:0px;}

* {list-style-type: none;margin: 0;padding: 0;font-family: "Microsoft YaHei" }
a{ text-decoration:none !important; color:#555}
a:hover{ text-decoration:none; }
@font-face{font-family: BureauEagleBook;src: url(../fonts/BureauEagleBook.ttf),url('../fonts/BureauEagleBook.ttf');}

/*导航*/

/*小屏图标*/
.navbar-toggle{ margin-top:10px !important; margin-bottom:10px !important; border:solid 1px #eee !important;margin-right: 15px }
.navbar-toggle .icon-bar{ background:#eee}
.navbar-toggle{ border:solid 1px #666; padding:7px 7px}
.carousel-control.right,.carousel-control.left{ background-image:none}
.carousel-indicators .active{ background:#333 !important; }
.carousel-indicators{ bottom:0;}
.carousel-indicators li{ background:#ccc;}
.carousel-control.right,.carousel-control.left{ background:none !important}
.nyjjnr1 p,.fzlc p{margin:0!important;}
.Language{width:100%;background: #fafafa;overflow: hidden}
.en{font-size:14px;line-height:34px;float:right;margin-right: 10px;display: block;}
.en img{margin-right:3px}
.en a{color: #555}
.endl article p{margin: 0!important;}

.carousel-indicators .active{background: #104e8b!important;}
.carousel-inner .item img{width:100% !important;margin: 0 auto!important; height: auto}
.img-rounded{border: solid 1px #dedede}

.hdp .swiper-slide img{width:100%;height: auto;}
.hdp .swiper .swiper-pagination-bullet{background: #fff!important;opacity: .6;width:10px;height: 10px}
.hdp .swiper .swiper-pagination-bullet-active{background: #af0e22!important;opacity:1!important;}
.hdp .swiper .swiper-button-prev{left:5%!important;opacity: .8;background:url(../images/djtl.png) no-repeat center center!important;}
.hdp .swiper .swiper-button-next{right: 5%!important;opacity: .8;background:url(../images/djtr.png) no-repeat center center!important;}
.hdp .swiper .swiper-button-next:after, .swiper-button-prev:after{display: none}
.swiper-slide{height: auto!important;}






@media (min-width: 769px) {

    /*头部*/
    .hedboxk{background: url(../images/headbg.jpg) repeat-x;width:100%}
    .headbox{max-width: 1200px;margin:0 auto;padding: 10px 15px;overflow: hidden;}
    .headbox .l{float: left}
    .headbox .r{float:right;padding-top: 10px}
    .headbox .search{width:274px;float: left;margin-right: 15px}
    .ssbox{width:100%;border: solid 1px #dedede;float: right;border-radius:30px;overflow: hidden}
    .ssbox input{width:80%;float: left;height: 30px;line-height: 30px;border: none;outline: none;
        overflow: hidden;padding-left: 20px}
    .ssbox button{width:20%;float: right;height:30px;border: none;background: #fff}
    .ssbox button img{width: auto;display: block;margin:0 auto}
    .headbox .wzxx{font-size: 13px;line-height: 35px;float:left}



    .hdp{width:100%;overflow: hidden;position: relative}
    .xp{position: absolute;top:0;left:0;width: 100%;z-index: 999}
    .toplogo{display: block;margin:10px auto;}

    .topcd{width: 100%;margin:20px auto 0;overflow: hidden}
    .topcd .yybb{font-size: 16px;color: #333;line-height: 32px;margin-right: 15px;width: 100%;}
    .topcd .yybb img{margin-right:5px;float:right;margin-top: 4px}
    .topcd .yybb a{display: block}

    .dhk{float: right;text-align:right;background: url(../images/dhdot.jpg) no-repeat left center;padding-left:45px;line-height: 45px;font-size: 17px;}


    /*导航*/
    .navbg{width: 100%;background: url(../images/navbg.jpg) repeat-x left top}
    .navbg .container{padding: 0;max-width: 1300px;}
    .navbar-collapse{padding: 0 !important}
    .navbar-nav{display:flex;width: 100%;  justify-content: space-between;
        justify-content: center;
        align-items: center;}
    .navbar-nav>li {background: url(../images/navx.jpg) no-repeat right center}
    .navbar-nav li:last-child{background: none}
    .navbar-nav>li>a.active{  justify-content: center;color: #fff; align-items: center;}

    .navbar-nav>li{display:inline-flex;flex:1 ;justify-content: center;cursor: pointer;
        align-items: center;}
    .navbar-nav>li>a { color: #fff; text-shadow:none !important; font-size:16px; line-height:57px;text-align: center;padding: 0}
    .navbar-header{border-top:solid 10px #eee}
    .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { color: #555  }
    .dropdown-menu {background:rgb(255 255 255);border: none !important;padding:10px }
    .dropdown-menu>li a{line-height:28px;font-size: 15px; text-align: center}
    .dropdown-menu .divider{ margin:2px 0 !important}
    .nav .open>a, .nav .open>a:focus, .nav .open>a:hover{color: #555!important;}
    .dropdown-menu img{display:block;margin:5px auto}
    .nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background: transparent;color: #fff!important;}
    .nav>li>a:focus, .nav>li>a:hover{background: transparent}


    /*新闻中心*/
    .newbox{width: 100%;background: url(../images/newbgx.png) no-repeat top center;background-size: cover;}
    .boxk{max-width: 1280px;margin:0 auto;overflow:hidden;padding: 15px 15px;overflow: hidden;background: #fff}
    .sybgk{background: url(../images/sybg.jpg) no-repeat top center;background-size: cover;overflow: hidden;width:100%;}
    .newpic{width:580px;float: left;border-radius: 10px;overflow: hidden;position: relative}
    .newpic img{border-radius: 10px;width: 100%;height: 402px;object-fit: cover}
    .newpic .title{width: 100%;bottom: 0;line-height:60px;background:rgba(0,0,0,.6);color: #fff;position: absolute;padding-left: 15px;font-size: 18px}
    .newpic .swiper-button-prev{background: url(../images/newleft.png) no-repeat left center}
    .newpic .swiper-button-next{background: url(../images/newright.png) no-repeat left center}
    .newpic .swiper-button-next:after, .newpic .swiper-button-prev:after{display: none}
    .newsinfo{width:650px;background:#f5f7f8;border-radius: 8px;float: right;min-height: 404px}
    .newstitle{width: 100%;background: url(../images/zxzxbg.jpg) no-repeat left top;overflow: hidden;background-size: 100%}
    .newstitle .title{font-size:20px;line-height:47px;float: left;padding-left: 45px;color: #fff}
    .newstt{width:98%;margin:5px auto;overflow: hidden;padding: 10px 20px;border-bottom:dashed 1px #dedede}
    .newstt h2{font-size: 18px;color:#af0e22;margin:20px auto 5px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
    .newstt article{  font-size:15px;line-height: 26px;color: #626262;margin: 10px auto;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;}
    .newszx{width: 90%;margin:10px auto;overflow: hidden}
    .newszx li{font-size:14px;background: url(../images/xwdot1.png) no-repeat left center;line-height: 35px;padding-left: 15px;color: #545454;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
    .newszx li a{display: block;color: #424242}
    .newszx li a:hover{display: block;color: #666}

    .dzgzbox{width:580px;float: left;overflow: hidden;}
    .dzgztitle{background: url(../images/djbg.jpg) no-repeat left top;width:100%;background-size: 100%;overflow: hidden}
    .sytitle{font-size:20px;line-height:47px;float: left;padding-left: 45px;color: #fff}
    .symore{float: right;background:#af0e22;font-size: 13px;color: #fff!important;border-radius: 30px;text-align: center;display: block;padding: 3px 15px;margin:12px}
    .dzgzxx{width: 100%;border-radius: 5px;background: #f9f9f9;padding: 20px 15px;overflow: hidden;margin:10px auto 0;min-height: 215px}
    .dzgzxx ul{width: 90%;margin:0 auto}
    .dzgzxx li{font-size:14px;background: url(../images/xwdot.png) no-repeat left center;line-height: 35px;padding-left: 15px;color: #545454;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
    .dzgzxx li a{display: block;color: #424242}
    .dzgzxx li a:hover{display: block;color: #666}
    /*通知公告*/
    .tzggbox{width:650px;background:#f5f7f8;border-radius: 8px;float: right;}
    .tzggtitle{background: url(../images/tzggbg.jpg) no-repeat left top;width:100%;background-size: 100%;overflow: hidden;}
    /*重点项目*/
    .zdxxtitle{background: url(../images/zdxmbg.jpg) no-repeat left top;width:100%;background-size: 100%;overflow: hidden;}
    .zdxxtt{width:100%;margin:5px auto 0;overflow: hidden;padding: 10px 20px;border-bottom:dashed 1px #dedede;background: #fbfbfb;border-top-left-radius: 5px;border-top-right-radius: 5px}
    .zdxxtt h2{font-size: 18px;color:#af0e22;margin:20px auto 5px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
    .zdxxtt article{  font-size:15px;line-height: 26px;color: #626262;margin: 10px auto;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;}
    .zdxx{width: 100%;border-radius: 5px;background: #f9f9f9;padding: 20px 15px;overflow: hidden;margin:0px auto;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px}
    .zdxx ul{width: 90%;margin:0 auto}
    .zdxx li{font-size:14px;background: url(../images/xwdot.png) no-repeat left center;line-height: 32px;padding-left: 15px;color: #545454;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
    .zdxx li a{display: block;color: #424242}
    .zdxx li a:hover{display: block;color: #666}
    .jjfztitle{background: url(../images/jjfzbg.jpg) no-repeat left top;background-size:100%;width:100%;overflow: hidden;border-radius: 4px }
    .jjfzspan{color: #e7e1e1;font-size: 14px;}
    .jjfzxm{width:90%;margin:30px auto 10px;overflow: hidden}
    .jjfzxm li{width:48%;margin-right: 2%;height: 106px;border-radius: 8px;float: left;overflow: hidden;margin-bottom: 30px;position: relative}
    .jjfzxm li img{width: 100%;height: 106px;object-fit: cover;transition: all .3s}
    .jjfzxm .xmnr{width: 100%;height:100%;text-align: center;font-size:22px;z-index: 99;
        position: absolute;top:0;bottom: 0;width: 100%;justify-content: center;align-items: center;display: flex;color: #fff}
    .jjfzxm .xmnr img{width:18%;height: auto;margin-right: 5px}
    .jjfzxm a{color: #fff}
    .jjfzxm li:hover img{transform: scale(1.1)}
    .jjfzxm li:hover .xmnr img{transform: scale(1)}

    /*分类*/

    .zdnr{ font-size:15px;line-height: 28px;color: #333;margin: 10px auto;width: 80%;margin:30px auto;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 3;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;}
    .zdmore{width:75%;background: rgba(255,255,255,.5);margin:10px auto;line-height:30px;color:#af0e22!important;
        display: block;border: solid 1px #af0e22;border-radius: 40px;text-align: center;transition: all .3s}
    .zdmore:hover{color:#fff!important;background:#af0e22;transform: translateX(5px);}
    .zdxmk{max-width:1200px;margin:40px auto;padding:0 15px}
    .zdxmk img{width:100%;height: 445px;object-fit: cover;border-radius: 30px}
    .zdpick{width:90%;margin:0 auto; overflow: hidden;border-radius: 30px;height: 445px;
        position: relative;}
    .zdxmk .swiper-button-prev{background: url(../images/xwjtl.png) no-repeat center center!important;height: 53px!important;width: 53px!important;left:0!important;}
    .zdxmk .swiper-button-next{background: url(../images/xwjtr.png) no-repeat center center!important;height: 53px!important;width: 53px!important;right:0!important;}
    .zdxmk .swiper-button-next:after,  .zdxmk  .swiper-button-prev:after{display: none!important;}





    /*底部*/
    .qsdw{width: 100%;background:#f2f2f2;overflow: hidden}
    .qsdw1{width:100%;background:url(../images/dwx.jpg) repeat-x center center; text-align: center;margin:25px auto}
    .qsdw1 .wz{background:#f4f4f4;display:inline-block;padding: 5px}
    .qsdw1 .wz h2{color:#af0e22;margin:0 auto;font-size: 18px;line-height: 30px}
    .qsdw1 .wz h3{color:#9a989b;margin:0 auto;font-size: 12px;text-transform: uppercase}
    .qsdwxx{margin:15px auto}
    .qsdwxx li{font-size: 14px;line-height: 28px}
    .qsdwxx a{color: #555}

    .endbox{width: 100%;background: #121212;overflow: hidden}
    .endbox1{max-width: 1250px;margin:25px auto;overflow: hidden;padding: 0 15px}
    .endlxl{width:72%;float: left;color: #7e7e7e;height: 109px;align-items: center;display: flex}
    .endlxl .l{font-size: 14px;line-height: 28px;float: left;width: 58%;margin-right: 2%}
    .endlxl .r{font-size: 14px;line-height: 28px;float: left;width: 40%}
    .endlxr{width:25%;float: right;text-align: right}
    .endbox2{width: 100%;background: #121212;overflow: hidden;border-top:solid 1px #414141;color: #7e7e7e;padding: 5px 0}
    .endbox1k{max-width: 1250px;overflow: hidden;padding: 0 15px;margin:0 auto}
    .endbox2 a{color: #7e7e7e;margin-left: 10px;line-height: 28px;}
    .endbox3{text-align: center;width:100%;background: #e5e5e5;font-size: 13px;color: #333;line-height: 35px;padding: 5px 0}
    .endbox3 a{color: #333;}
    .ewm{font-size: 13px;color: #7e7e7e;text-align:center;float: left;margin-right: 10px}
    .ewm img{display: block;margin:5px auto;border-radius: 4px}


    /*列表公司简介*/

    .nyl{width: 290px;float: left;background: #fbfbfb;border-radius: 6px;
        min-height: 600px;
        height: 100%;
        overflow: hidden;
        padding-bottom: 9999px;
        margin-bottom: -9999px;
    }
    .nyltitle{background: url(../images/nydhbg.png) no-repeat left top #ececec;padding-left:30px;color: #fff;font-size: 22px;border-radius: 6px;line-height: 56px;}
    .nylfl{width:98%;margin:30px auto;overflow: hidden}
    .nylfl li{background:url(../images/xwdot.png) no-repeat 25px center,linear-gradient(#fff,#ececec);line-height: 50px;font-size: 17px;
        padding-left:40px;border-radius: 5px;overflow: hidden;margin-bottom: 10px}
    .nylfl li a{display: block}
    .nylfl li a:hover{color:#a30b1c }
    .nylfl li.active{
        padding-left:40px;border-radius: 5px;overflow: hidden;border-left:solid 4px #d1001a;color:#d1001a}
    .nylfl li.active a{color: #a30b1c}

    .nyr{width:910px;float:right;overflow:hidden}
    .nywz{width:100%;border-bottom: 1px solid #dedede;padding-left:25px;font-size: 18px;color: #555;line-height: 20px;background: url(../images/nywzdot.png) no-repeat 10px center;line-height: 65px}

    .aboutnr{margin:38px auto 58px;max-width: 1280px;padding: 0  15px;font-size: 15px;line-height: 30px;color: #555}
    .aboutnr img{margin:20px auto;max-width: 100%;height: auto;display: block}


    /*领简介*/
    .ldbox{width:96%;margin:35px auto 35px;border-radius: 10px;padding: 10px 20px 20px 20px;overflow:hidden}
    .ldbox h2{font-size: 22px;margin:0 auto;line-height: 50px;color: #333}
    .ldbox h3{font-size: 16px;color: #333;margin: 0 auto 20px;border-bottom: solid 1px #dedede;padding-bottom: 20px}
    .ldbox .nr{font-size: 14px;margin:10px auto;line-height: 26px;color: #6f6f6f}
    .ldbox:nth-child(even){background: #fafafa;border-radius: 10px}



    /*新闻中心*/

    .listtj{max-width: 100%;margin:0 auto;overflow: hidden; padding:30px 0;border-bottom: solid 1px #eee;background:url(../images/tjnewbg.jpg) no-repeat top  center;background-size: cover}
    .listtj h2{font-size:20px; line-height: 45px;padding-left:20px;}
    .listtj p{font-size:14px;line-height: 26px;color: #666;padding:0 20px;
        -webkit-line-clamp:3;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;
        line-clamp:2;
        -webkit-box-orient: vertical;}
    .listtj time{display: block;margin:15px auto;font-size: 16px;color: #555;padding-left:20px;}
    .listtj img{border-radius: 8px}

    .listan{width:200px; line-height: 35px;text-align: center;background: #ddd;color: #333 ;display: block; border-radius: 20px;
        margin-top: 25px;margin-left: 20px;transition:all  .3s}

    .listan:hover{background:#af0e22;color: #fff;display: block;transform: translateX(-5px)}
    /*新闻中心*/
    .listnew{ margin:20px auto;max-width:1280px; overflow: hidden;padding: 0 15px;}
    .listnew li{display: block; overflow: hidden;width:96%; margin:30px auto;border-bottom: dashed 1px #dedede;padding-bottom: 10px;padding-left: 15px;transition: all .3s}
    .listnew time{width:15%; float:right;font-family:BureauEagleBook;font-size:22px; margin-top: 40px;line-height: 50px;padding-right:10px;text-align: right;color: #999 }
    .listnew .r{width:80%; float:left;}
    .listnew .r h2{font-size:18px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; margin-bottom: 20px}
    .listnew .r h2::before{height:20px;width:2px;background: #af0e22;content: "";display: block;float: left;margin-right:20px}
    .listnew .r p{font-size:14px;line-height: 22px;display: -webkit-box; overflow: hidden;color:#888;
        -webkit-line-clamp:2;text-overflow: ellipsis;
        line-clamp:2;
        -webkit-box-orient: vertical;}
    .listnew li:hover{transform: translate(0, -10px)}
    .listnew li:hover h2::before{height:20px;width:2px;background: #123668;content: "";display: block;float: left;margin-right:20px}

    /*新闻内容*/
    .infonr{background:url(../images/rightdh.png) no-repeat left top #ececec;border-radius: 5px;overflow: hidden;margin-bottom: 35px}
    .infonr .l{font-size: 22px;color: #fff;line-height: 57px;float: left;padding-left: 40px}
    .infonr .r{font-size: 14px;color: #555;line-height: 57px;float: right;padding-right:25px}
    .infonr1{font-size: 22px;color: #fff;line-height: 57px;padding-left: 40px;position: relative;background: url(../images/rightdh.png) no-repeat left center #ececec;width: 100%;margin: 25px auto;border-radius: 8px}




    /*党建*/
    .nydjbox{max-width: 100%;margin:0 auto 30px;overflow: hidden; padding:15px 0;border-bottom: solid 1px #eee;background:url(../images/zdxmbg.jpg) no-repeat center center;background-size: cover}
    .zbhd{max-width: 1280px;font-size: 22px;line-height: 50px;padding: 0 15px;margin:20px auto;background: #efefef;border-radius:8px;padding-left: 35px;border-left: solid 4px #af0e22}
    .zbhdbt{font-size:22px;line-height: 55px;color: #af0e22}
    .zbhdxz{font-size: 14px;text-transform: uppercase;color: #555;padding-left:15px}

    .djfl1 ul{width:96%;margin:25px auto}
    .djfl1 li{background: url(../images/newdot0.png) no-repeat left center;padding-left:20px;line-height:40px;font-size:16px;white-space:nowrap;text-overflow: ellipsis;
        overflow: hidden;}
    .djbg{background: #fafafa;padding-left: 25px;border-radius: 6px;border-left: solid 4px #af0e22}

    /*项目展示*/
    .xmzsk{max-width: 1280px;padding: 0 15px;margin:55px auto;overflow: hidden}
    .xmzsk .tp{display: block;position: relative;background: #fafafa;}
    .xmzsk .tp img{border-radius: 5px;transition: all .3s}
    .xmzsk a{overflow: hidden;display: block;border-radius: 5px;}
    .xmzsk li{padding: 0 25px;margin-bottom: 35px}
    .xmzsk li .bt{width: 100%;padding:0;white-space:nowrap;text-overflow: ellipsis;border-bottom: solid 1px #ececec;line-height:50px;margin: 0;
        font-size: 18px;}
    .xmzsk li .bt::after{content: "";background: #af0e22;width: 50px;height: 3px;display: block}
    .xmzsk .nr{margin:0 auto;font-size: 14px;background: #fafafa;padding:10px;color: #555;border: solid 1px #dedede;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;border-top: none;
 }
    .xmzsk article{margin:10px auto;
        line-height: 26px;color: #888;
        overflow: hidden;display: -webkit-box;
        -webkit-line-clamp:2;text-overflow: ellipsis;
        line-clamp:2;
        -webkit-box-orient: vertical;}
    .xmzsk li:hover img{transform: scale(1.2)}

    .xmzsk a:hover{color: #555}
    .xmzsk li .bt1{width: 100%;padding:0;white-space:nowrap;text-overflow: ellipsis;line-height:35px;margin: 0;text-align: center;margin:0;
        font-size: 16px;}


    /*公司文化*/
    .nyidea{max-width: 1200px; background:url(../images/jjbg1.jpg) no-repeat center top; margin: 0 auto;overflow: hidden}
    .nyidea1{max-width: 1200px;margin:20px auto;background:url(../images/ideax.jpg) repeat-y center 180px;overflow: hidden;padding-top: 10px}

    .nyidea1 li{float:left;width:50%; background:url(../images/ideadot.png) no-repeat right 15px;padding-right: 55px; margin-left:9px;transition: all .3s}
    .nyidea1 li:hover{transform: translate(0,-10px);background:url(../images/ideadot0.png) no-repeat right 15px;cursor:pointer}
    .nyidea1 li h2{font-size:24px;line-height: 40px;font-weight: normal;margin: 0; text-align:right }
    .nyidea1 li h3{font-size:18px;line-height: 35px;font-weight: normal;margin: 0; text-align: right;color:#666 }
    .nyidea1 li h3::before{content: " ";height:17px;width:2px;background: #ee3721;margin:18px 10px 0 0;display:inline-block;}
    .nyidea1 li p{font-size:14px;line-height: 26px; color: #888; margin: 10px auto; padding-bottom:15px;border-bottom: dashed 1px #dedede;}
    .nyidea1 ul:nth-child(even) li{float:right;width:50%; background:url(../images/ideadot1.png) no-repeat left 15px;padding-left: 55px; margin-right:9px;}
    .nyidea1 ul:nth-child(even) li h2{font-size:24px;line-height: 48px;font-weight: normal;margin: 0; text-align:left }
    .nyidea1 ul:nth-child(even) li h3{font-size:18px;line-height: 40px;font-weight: normal;margin: 0; text-align: left;color:#666 }
    .nyidea1 ul:nth-child(even) li:hover{ background:url(../images/ideadot10.png) no-repeat left 15px;}

    /* 新闻内容 */
    .newsnr{margin: 40px auto;}
    .newsbox1{margin:20px auto;font-size:22px;overflow: hidden;text-align: center;border-bottom: solid 1px #dedede;text-align: center;line-height: 50px;padding-bottom: 5px}
    .newstimes{text-align: center;font-size:16px;text-align: center;color: #555}
    .newdetail{font-size: 15px;margin:30px auto 25px;overflow: hidden;line-height: 30px;min-height: 400px;color: #555;max-width: 1200px}
    .newdetail img{max-width: 100%;height: auto}



    /*联系我们*/
    .lxbox{max-width: 1200px;margin:50px auto 30px;overflow: hidden}
    .lxwmbd{margin-bottom: 30px}
    .lxbt{font-size:26px; line-height: 55px;  text-indent: 20px; color: #af0e22; margin-bottom: 0}
    .lxp{font-size:16px; line-height: 60px;margin: 0 0 20px 0; text-indent: 20px; background: #fafafa}
    .lxwmbd .k2{display:block; border: solid 1px #dedede; padding-left: 2%; width:98%; line-height: 40px;
        border-radius:5px; margin-left: 2%;}
    .lxwmbd .k3{display:block; border: solid 1px #dedede; padding-left: 2%; width:48%; line-height: 40px; margin-left: 2%;
        border-radius:5px; float: left}
    .lxwmbd p{overflow: hidden; display: block}

    .lxwmbd .k{display:block; border: solid 1px #dedede; padding-left: 10px; width:300px; line-height: 40px;
        border-radius:5px; float:left; margin-left: 2%}
    .lxwmbd textarea{border: solid 1px #dedede;  padding-left: 2%; width:98%; line-height: 40px;
        border-radius:5px; margin-left: 2%;height: 90px;}
    .lxwmbd img{margin-left: 15px; display: block; float:left; margin-top: 3px}
    .lxwmbd button{width:300px; text-align: center; line-height: 40px; background: #af0e22; font-size:16px; color: #fff;
        display: block; border-radius: 5px; border:none; margin-left:2%; margin-top: 15px}
    .lxright{width:90%;font-size: 16px;line-height: 38px;}
    .lxright img{max-width: 100%;height: auto;margin:20px 0}
    .lxright h3{font-size:24px;margin:45px auto 25px;}
    .zxjt img{display: block; margin:0 auto}
    .mesbox{width:100%;margin:0 auto;background: #f1f1f1;overflow: hidden;text-align: center;font-size: 17px;padding: 35px 0;line-height: 35px}
    .mesbox li{border-right: dashed 1px #666;}
    .mesbox li:last-child{border-right: none}
    .mesbox img{display: block;max-width:50px;height: auto;margin:15px  auto 0}


    .ditu{width:100%;height: 380px;border: solid 1px #dedede;border-radius: 5px;margin-bottom: 40px;overflow: hidden}

    .contactbg{width: 100%;background: url(../images/cotactbg.png) no-repeat center center;background-size: cover;margin:20px auto;padding:5px 30px}


    /*上一篇*/
    .syp{max-width:1190px; margin:50px auto 35px;padding: 10px 0;border-top:solid 1px #eee }
    .syp li{font-size:15px; line-height: 35px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width:48%;float: left}
    .syp li:last-child{float:right;text-align: right}
    .syp li a{color: #555}

    .nrtop{padding:0;margin: 40px auto 30px}
    .xmpadding{padding: 0 35px;}
    .topoa{position: relative}
    .oaxx{position:absolute;top:25px;right: 25px;font-size: 16px;line-height: 35px;}
    .oaxx a{color: #fff}

/* */



}





@media (max-width: 768px) {

    /*头部*/
    .hedboxk{background: url(../images/headbg.jpg) repeat-x;width:100%}
    .headbox{max-width: 1200px;margin:0 auto;padding: 10px 15px;overflow: hidden;}
    .headbox .l{width: 90%;margin: 5px auto}
    .headbox .r{display: none}
    .headbox .search{width:274px;float: left;margin-right: 15px}
    .ssbox{width:100%;border: solid 1px #dedede;float: right;border-radius:30px;overflow: hidden}
    .ssbox input{width:80%;float: left;height: 30px;line-height: 30px;border: none;outline: none;
        overflow: hidden;padding-left: 20px}
    .ssbox button{width:20%;float: right;height:30px;border: none;background: #fff}
    .ssbox button img{width: auto;display: block;margin:0 auto}
    .headbox .wzxx{font-size: 13px;line-height: 35px;float:left}

    /*导航*/
    .navbg{width: 100%;background: url(../images/navbg.jpg) repeat-x left top}
    .navbar-nav{ text-align: center; background: #f6f6f6; width: 100%; margin: 0 auto}
    .navbar-nav li{border-bottom: solid 1px #dedede;}
    .navbar-collapse{padding:0 !important}
    .dropdown-menu li{text-align: center;line-height: 30px}
    .dropdown-menu li:last-child{border-bottom: none}
    /*新闻中心*/
    .newbox{width: 100%;background: url(../images/newbgx.png) no-repeat top center;background-size: cover;}
    .boxk{max-width: 1280px;margin:0 auto;overflow:hidden;padding: 15px 15px;overflow: hidden;background: #fff}
    .sybgk{background: url(../images/sybg.jpg) no-repeat top center;background-size: cover;overflow: hidden;width:100%;}
    .newpic{width:100%;border-radius: 10px;overflow: hidden;position: relative}
    .newpic img{border-radius:10px;height: 260px;object-fit: cover;width: 100%}
    .newpic .title{width: 100%;bottom: 0;line-height:60px;background:rgba(0,0,0,.6);color: #fff;position: absolute;padding-left: 15px;font-size: 16px}
    .newpic .swiper-button-prev{background: url(../images/newleft.png) no-repeat left center}
    .newpic .swiper-button-next{background: url(../images/newright.png) no-repeat left center}
    .newpic .swiper-button-next:after, .newpic .swiper-button-prev:after{display: none}
    .newsinfo{width:100%;background:#f5f7f8;border-radius: 8px;margin: 10px auto}
    .newstitle{width: 100%;background: url(../images/zxzxbg.jpg) no-repeat left top;overflow: hidden;background-size:cover;border-radius:5px}
    .newstitle .title{font-size:18px;line-height:47px;float: left;padding-left: 35px;color: #fff}
    .newstt{width:98%;margin:5px auto;overflow: hidden;padding: 10px 20px;border-bottom:dashed 1px #dedede}
    .newstt h2{font-size: 16px;color:#af0e22;margin:20px auto 5px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
    .newstt article{  font-size:14px;line-height: 24px;color: #626262;margin: 10px auto;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;}
    .newszx{width: 90%;margin:10px auto;overflow: hidden}
    .newszx li{font-size:14px;background: url(../images/xwdot1.png) no-repeat left center;line-height: 30px;padding-left: 15px;color: #545454;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
    .newszx li a{display: block;color: #424242}
    .newszx li a:hover{display: block;color: #666}

    .dzgzbox{width:100%;overflow: hidden;}
    .dzgztitle{background: url(../images/djbg.jpg) no-repeat left top;width:100%;background-size:cover;overflow: hidden;border-radius: 6px}
    .sytitle{font-size:18px;line-height:47px;float: left;padding-left: 35px;color: #fff}
    .symore{float: right;background:#af0e22;font-size: 13px;color: #fff!important;border-radius: 30px;text-align: center;display: block;padding: 3px 15px;margin:12px}
    .dzgzxx{width: 100%;border-radius: 5px;background: #f9f9f9;padding: 20px 15px;overflow: hidden;margin:10px auto 0}
    .dzgzxx ul{width: 90%;margin:0 auto}
    .dzgzxx li{font-size:14px;background: url(../images/xwdot.png) no-repeat left center;line-height: 30px;padding-left: 15px;color: #545454;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
    .dzgzxx li a{display: block;color: #424242}
    .dzgzxx li a:hover{display: block;color: #666}
    /*通知公告*/
    .tzggbox{width:100%;background:#f5f7f8;border-radius: 8px;}
    .tzggtitle{background: url(../images/tzggbg.jpg) no-repeat left top;width:100%;background-size: cover;overflow: hidden;border-radius: 6px}
    /*重点项目*/
    .zdxxtitle{background: url(../images/zdxmbg.jpg) no-repeat left top;width:100%;background-size: cover;overflow: hidden;}
    .zdxxtt{width:100%;margin:5px auto 0;overflow: hidden;padding: 10px 20px;border-bottom:dashed 1px #dedede;background: #fbfbfb;border-top-left-radius: 5px;border-top-right-radius: 5px}
    .zdxxtt h2{font-size: 16px;color:#af0e22;margin:20px auto 5px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
    .zdxxtt article{  font-size:14px;line-height: 26px;color: #626262;margin: 10px auto;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;}
    .zdxx{width: 100%;border-radius: 5px;background: #f9f9f9;padding: 20px 15px;overflow: hidden;margin:0px auto;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px}
    .zdxx ul{width: 90%;margin:0 auto}
    .zdxx li{font-size:14px;background: url(../images/xwdot.png) no-repeat left center;line-height: 30px;padding-left: 15px;color: #545454;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
    .zdxx li a{display: block;color: #424242}
    .zdxx li a:hover{display: block;color: #666}
    .jjfztitle{background: url(../images/jjfzbg.jpg) no-repeat left top;background-size:cover;width:100%;overflow: hidden;border-radius: 4px }
    .jjfzspan{color: #e7e1e1;font-size: 14px;}
    .jjfzxm{width:95%;margin:30px auto 10px;overflow: hidden}
    .jjfzxm li{width:48%;margin-right: 2%;height: 100px;border-radius: 8px;float: left;overflow: hidden;margin-bottom: 25px;position: relative}
    .jjfzxm li img{width: 100%;height: 100px;object-fit: cover;transition: all .3s}
    .jjfzxm .xmnr{width: 100%;height:100%;text-align: center;font-size:18px;z-index: 99;
        position: absolute;top:0;bottom: 0;width: 100%;justify-content: center;align-items: center;display: flex;color: #fff}
    .jjfzxm .xmnr img{width:24%;height: auto;margin-right: 5px}



    /*底部*/
    .qsdw{width: 100%;background:#f2f2f2;overflow: hidden}
    .qsdw1{width:100%;background:url(../images/dwx.jpg) repeat-x center center; text-align: center;margin:15px auto}
    .qsdw1 .wz{background:#f4f4f4;display:inline-block;padding: 5px}
    .qsdw1 .wz h2{color:#af0e22;margin:0 auto;font-size: 18px;line-height: 30px}
    .qsdw1 .wz h3{color:#9a989b;margin:0 auto;font-size: 12px;text-transform: uppercase}
    .qsdwxx{margin:15px auto}
    .qsdwxx .col-xs-6{padding:0}
    .qsdwxx li{font-size: 13px;line-height: 28px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
    .qsdwxx a{color: #555}

    .endbox{width: 100%;background: #121212;overflow: hidden}
    .endbox1{max-width: 1250px;margin:25px auto;overflow: hidden;padding: 0 15px}
    .endlxl{width:100%;color: #7e7e7e;align-items: center;}
    .endlxl .l{font-size: 14px;line-height: 28px;width: 90%;margin:0 auto}
    .endlxl .r{font-size: 14px;line-height: 28px;width: 90%;margin:0 auto}
    .endlxr{width:25%;float: right;text-align: right}
    .endbox2{width: 100%;background: #121212;overflow: hidden;border-top:solid 1px #414141;color: #7e7e7e;padding: 5px 0}
    .endbox1k{max-width: 1250px;overflow: hidden;padding: 0 15px;margin:0 auto}
    .endbox2 a{color: #7e7e7e;margin-left: 10px;line-height: 28px;}
    .endbox3{text-align: center;width:100%;background: #e5e5e5;font-size: 13px;color: #333;line-height: 35px;padding: 5px 0}
    .endbox3 a{color: #333;}



    /*列表公司简介*/
    .nyl{width: 100%;background: #fbfbfb;border-radius: 6px;
    }
    .nyltitle{background: url(../images/nydhbg.png) no-repeat left top #ececec;padding-left:30px;color: #fff;font-size: 18px;border-radius: 6px;line-height: 45px;}
    .nylfl{width:98%;margin:20px auto 0;overflow: hidden}
    .nylfl li{background:url(../images/xwdot.png) no-repeat 15px center,linear-gradient(#fff,#ececec);line-height: 45px;font-size: 16px;
        padding-left:35px;border-radius: 5px;overflow: hidden;margin-bottom: 10px;width:48%;float: left;margin-left: 2%}
    .nylfl li a{display: block}
    .nylfl li a:hover{color:#a30b1c }
    .nylfl li.active{
        padding-left:40px;border-radius: 5px;overflow: hidden;border-left:solid 4px #d1001a;color:#d1001a}
    .nylfl li.active a{color: #a30b1c}

    .nyr{width:100%;overflow:hidden}
    .aboutnr{margin:10px auto 35px;width:100%;font-size: 14px;line-height: 25px;color: #555}
    .aboutnr img{margin:20px auto;max-width: 100%;height: auto;display: block}


    /*领简介*/
    .ldbox{width:100%;margin:20px auto}
    .ldbox h2{font-size: 20px;margin:0 auto;line-height: 50px;color: #333}
    .ldbox h3{font-size: 16px;color: #333;margin: 0 auto 10px;border-bottom: solid 1px #dedede;padding-bottom: 10px}
    .ldbox .nr{font-size: 13px;margin:10px auto;line-height: 26px;color: #6f6f6f}


    /*新闻中心*/
    .listtj{max-width: 100%;margin:0 auto 30px;overflow: hidden; padding:15px 0;border-bottom: solid 1px #eee;background:url(../images/tjnewbg.jpg) no-repeat center center;background-size: cover}
    .listtj h2{font-size:18px; line-height: 40px;white-space: normal;overflow: hidden;text-overflow: ellipsis}
    .listtj p{font-size:14px;line-height: 24px;color: #666;
        -webkit-line-clamp:3;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;
        line-clamp:3;
        -webkit-box-orient: vertical;}
    .listtj time{display: block;margin:15px auto;font-size: 16px;color: #555;}
    .listtj img{border-radius: 8px}

    .listan{width:200px; line-height: 35px;text-align: center;background: #ddd;color: #333 ;display: block; border-radius: 20px;
        margin-top: 25px;margin-left: 20px;transition:all  .3s}

    .listan:hover{background:#af0e22;color: #fff;display: block;transform: translateX(-5px)}

    .listnew{ margin:20px auto;max-width:1200px; overflow: hidden;}
    .listnew li{display: block; overflow: hidden;width:96%; margin:20px auto;border-bottom: dashed 1px #dedede;padding-bottom: 10px;padding-left: 15px;transition: all .3s}
    .listnew time{width:100%; float:right;font-family:BureauEagleBook;font-size:20px; line-height: 50px;padding-right:10px;text-align: right;color: #999 }
    .listnew .r{width:100%; float:left;}
    .listnew .r h2{font-size:18px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; margin-bottom: 20px}
    .listnew .r h2::before{height:20px;width:2px;background: #ee3721;content: "";display: block;float: left;margin-right:20px}
    .listnew .r p{font-size:14px;line-height: 22px;display: -webkit-box; overflow: hidden;color:#888;
        -webkit-line-clamp:2;text-overflow: ellipsis;
        line-clamp:2;
        -webkit-box-orient: vertical;}

    /*新闻内容*/
    .infonr{background:#ececec;border-radius: 5px;overflow: hidden;margin-bottom: 35px;margin: -15px -15px 25px -15px}
    .infonr .l{font-size: 20px;color: #fff;line-height: 45px;float: left;padding-left: 40px;position: relative;background: url(../images/rightdh.png) no-repeat left center;width: 100%;margin-top: 25px}
    .infonr .r{font-size: 14px;color: #555;line-height: 45px;float: right;padding-right:25px}
    .infonr1{font-size: 20px;color: #fff;line-height: 45px;padding-left: 40px;position: relative;background: url(../images/rightdh.png) no-repeat left center #ececec;width: 100%;margin: 25px auto;border-radius: 8px}




    /*党建*/
    .nydjbox{max-width: 100%;margin:0 auto 30px;overflow: hidden; padding:15px 0;border-bottom: solid 1px #eee;background:url(../images/zdxmbg.jpg) no-repeat center center;background-size: cover}
    .zbhd{width:95%;margin:20px auto;background: #efefef;border-radius:8px;padding-left: 35px;border-left: solid 4px #af0e22}
    .zbhdbt{font-size:18px;line-height: 45px;color: #af0e22}
    .zbhdxz{font-size: 14px;text-transform: uppercase;color: #555;padding-left:15px}

    .djfl1 ul{width:100%;margin:15px auto 25px;padding:0}
    .djfl1 li{background: url(../images/newdot0.png) no-repeat left center;padding-left:15px;line-height:35px;font-size:14px;white-space:nowrap;text-overflow: ellipsis;
        overflow: hidden;}
    .djbg{background: #fafafa;padding-left: 25px;border-radius: 6px;border-left: solid 4px #af0e22}


    /*项目展示*/

    .xmzsk{max-width: 1280px;margin:25px auto;overflow: hidden}
    .xmzsk .tp{display: block;position: relative;background: #fafafa;}
    .xmzsk .tp img{border-radius: 5px;transition: all .3s}
    .xmzsk a{overflow: hidden;display: block;border-radius: 5px;color:#555}
    .xmzsk li{padding: 0 10px;margin-bottom: 25px}
    .xmzsk li .bt{width: 100%;padding:0;white-space:nowrap;text-overflow: ellipsis;border-bottom: solid 1px #ececec;line-height:40px;margin: 0;
        font-size: 16px;}
    .xmzsk li .bt::after{content: "";background: #af0e22;width: 50px;height: 3px;display: block}
    .xmzsk .nr{margin:0 auto;font-size: 14px;background: #fafafa;padding:10px;color: #555;border: solid 1px #dedede;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;border-top: none;
    }

    .xmzsk article{margin:10px auto;font-size: 14px;
        line-height: 26px;color: #888;
        overflow: hidden;display: -webkit-box;
        -webkit-line-clamp:2;text-overflow: ellipsis;
        line-clamp:2;
        -webkit-box-orient: vertical;}
    .xmzsk li .bt1{width: 100%;padding:0;white-space:nowrap;text-overflow: ellipsis;;line-height:30px;margin: 0;text-align: center;
        font-size: 16px;}

    /*项目展示切换*/
    .zdxmk{max-width:1200px;margin:40px auto;}
    .zdxmk img{width:100%;height: 260px;object-fit: cover;border-radius: 30px}
    .zdpick{width:95%;margin:0 auto; overflow: hidden;border-radius: 30px;
        position: relative;}
    .zdxmk .swiper-button-prev{background: url(../images/xwjtl.png) no-repeat center center!important;height: 40px!important;width: 40px!important;left:0!important;border-radius: 40px}
    .zdxmk .swiper-button-next{background: url(../images/xwjtr.png) no-repeat center center!important;height: 40px!important;width: 40px!important;right:0!important;border-radius: 40px}
    .zdxmk .swiper-button-next:after,  .zdxmk  .swiper-button-prev:after{display: none!important;}

    /*公司文化*/
    .nyidea{max-width: 1200px; background:url(../images/jjbg1.jpg) no-repeat center top; margin: 0 auto;overflow: hidden}
    .nyidea1{max-width: 1200px;margin:20px auto; overflow: hidden;padding-top: 10px}

    .nyidea1 li{ background:url(../images/ideadot1.png) no-repeat left 8px;padding-left: 30px; margin-right:9px;}
    .nyidea1 li h2{font-size:22px;line-height: 40px;font-weight: normal;margin: 0; text-align:left; }
    .nyidea1 li h3{font-size:16px;line-height: 35px;font-weight: normal;margin: 0; text-align: left;color:#666 }
    .nyidea1 li h3::before{content: " ";height:17px;width:2px;background: #ee3721;margin:18px 10px 0 0;display:inline-block;}
    .nyidea1 li p{font-size:14px;line-height: 26px; color: #888; margin: 10px auto; padding-bottom:15px;border-bottom: dashed 1px #dedede;}


    /*联系我们*/
    .lxbox{max-width: 1200px;margin:0px auto}
    .lxwmbd{margin-bottom: 30px}
    .lxbt{font-size:20px; line-height: 55px; border-bottom:solid 1px #eee; text-indent: 20px; color: #af0e22; margin: 0}
    .lxp{font-size:14px; line-height: 25px;margin:0 auto; padding: 15px 4px; background: #fafafa}
    .lxwmbd .k2{display:block; border: solid 1px #dedede; padding-left: 2%; width:98%; line-height: 40px;
        border-radius:5px; margin-left: 2%;}
    .lxwmbd .k3{display:block; border: solid 1px #dedede; padding-left: 2%; width:98%; line-height: 40px; margin-left: 2%;
        border-radius:5px; margin-top: 15px}
    .lxwmbd p{overflow: hidden; display: block}

    .lxwmbd .k{display:block; border: solid 1px #dedede; padding-left: 10px; width:60%; line-height: 40px;
        border-radius:5px; float:left; margin-left: 2%}
    .lxwmbd textarea{border: solid 1px #dedede;  padding-left: 2%; width:98%; line-height: 40px;
        border-radius:5px; margin-left: 2%;height: 90px;}
    .lxwmbd img{margin-left: 15px; display: block; float:left; margin-top: 3px}
    .lxwmbd button{width:60%; text-align: center; line-height: 40px; background: #af0e22; font-size:16px; color: #fff;
        display: block; border-radius: 5px; border:none;  margin:15px auto}

    .lxright{width:80%;float: right;font-size: 16px;line-height: 28px;}
    .lxright img{max-width: 100%;height: auto;margin-bottom: 20px}
    .lxright h3{font-size:22px;margin:45px auto 25px;}

    .ditu{margin-bottom: 3px;}



    /*上一篇*/
    .syp{max-width:1190px; margin:10px auto;padding: 10px 0;border-top:dashed 1px #dedede}
    .syp li{font-size:15px; line-height: 35px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width:98%;margin:5px auto}
    .syp li a{color: #555}
    .ditu{width:100%;height: 30vh;}

    /* 新闻内容 */
    .newsbox1{margin:20px auto;width:100%;font-size:18px;overflow: hidden;text-align: center;border-bottom: solid 1px #dedede;
        ext-align: center;line-height:28px;padding-bottom: 10px;overflow: hidden;}
    .newstimes{text-align: center;font-size:13px;text-align: center;color: #555;width:98%;}
    .newdetail{font-size: 14px;margin:15px auto;overflow: hidden;line-height: 26px;min-height: 300px;}
    .newdetail img{max-width: 100%;height: auto}




}



.hkan11{width:150px;text-align: center;background:#0055ff;line-height: 35px;border-radius: 35px;display: block;color: #fff!important;margin:0 auto;display: block;}
/*内页banner*/
.nybanner{width:100%;display: block;height:auto;margin:0 auto}
.nybanner img{width: 100%;display: block;height:auto;margin:0 auto}
.nyposition1{width:100%;background: #f8f8f8;overflow: hidden}
.nyposition{ max-width: 1200px; margin:0 auto;  color: #444; font-size: 14px;overflow: hidden;padding: 10px 15px;line-height: 28px}
.nyposition a{color: #444}

/*页码*/
.listfy {text-align:center; width:98%; display:block; margin:5px auto;}
.pagination a{color:#0b112a !important}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff !important;
    cursor: default;
    background-color: #af0e22  !important;
    border-color: #ddd !important;}


.carousel-inner .item img{max-width: 100%;height: auto;display: block;margin:0 auto}

#platform .BMap_noprint {
    background: url(../images/dbimg.png) no-repeat center center !important; height: 35px!important;
}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

/*顶部*/

/*顶部*/
.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: rgb(175 14 34) url(../images/cd-top-arrow.svg) no-repeat center 50%;
    border-radius: 5px;
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {
    opacity: .8;
}
.no-touch .cd-top:hover {
    background-color:#06C;
    opacity: 1;
}

@media only screen and (min-width: 768px) {
    .cd-top {
        right: 20px;
        bottom: 20px;
    }
}
@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 50px;
        width: 50px;
        right: 30px;
        bottom: 30px;
    }
}