@charset "utf-8";
*{margin:0;padding:0}
li{list-style:none}
a img{border:0}
a{color:#333;text-decoration:none;cursor:pointer}
input{ border: none;}
input:focus{ outline: none;}
.fl{float:left}.fr{float:right}
.clearfix:after{display:block;content:'';clear:both}
.clearfix{zoom:1}
body{ background-color: #fff;}
.wrap{ width:1300px; margin: 0 auto; position: relative;}

/* 头部 */
.header{ position: relative; width: 100%; height: 528px; background: url(/images/images/bannerbg01.jpg) no-repeat center bottom;}
.fullSlide{ position: absolute; z-index: 0;}
.fullSlide li{ position: relative;}
.fullSlide,.fullSlide li{ width: 100%; max-width: 1920px; min-width: 1300px; height: 528px; overflow: hidden;}
.topnav-wrap{ height: 82px; background: rgba(255,255,255,0.4);}
.topnav{ margin-left: 10px;}
.topnav li{ float: left; margin: 0 55px; position: relative;}
.topnav li.current::before{ content: ""; position: absolute; left: 50%; bottom: -10px;  width: 30px; height: 20px; margin-left: -15px; background: url(/images/images/icon01.png) no-repeat;}
.topnav li a{ font-size: 22px; line-height: 82px; font-weight: bold; color: #333;}
.topnav li.current a{ color: #1c69c6;}
.topnav li:hover::before{ content: ""; position: absolute; left: 50%; bottom: -10px;  width: 30px; height: 20px; margin-left: -15px; background: url(/images/images/icon01.png) no-repeat;}
.topnav li:hover a{color: #1c69c6;}
.logo02{margin-top: 18px;}
.topcon{ height:344px; position:relative; z-index:1;}
.subnav{ position: absolute; left: 20px; top: 20px; font-size: 12px; line-height: 48px;}
.subnav a{display: inline-block; margin: 0 10px;}
.subnav a:hover{color: #1c69c6;}
.slogan{ position: absolute; left: 50%; top: 110px; width: 300px; margin-left: 266px;}
/*logo与搜索*/
.logo{ display: block; width: 337px;}
.logo img{ width: 100%;}
.logo img:nth-child(2){ display: none;}
.search-wrap{ width: 450px;}
/* .search-box{ width:100%; height: 55px; border-radius: 8px; background: url(/images/images/line01.png) no-repeat 70px center rgba(255,255,255,0.8); font-size: 16px; line-height: 62px; overflow: hidden;transition: all 1s; }*/
.search-box{ width:100%; height: 55px; border-radius: 8px; background: rgba(255,255,255,0.8); font-size: 16px; line-height: 62px; overflow: hidden;transition: all 1s; }
.search-select{position: absolute;width: 105px;height: 55px;border-radius: 8px 0 0 8px;background: none;border: none;font-size: 14px;color: #333;}
/* .search-input{ float: left; width: 305px; height: 100%; padding-left: 93px; background: url(/images/images/icon-search.png) no-repeat 29px center; box-sizing: border-box; font-size: 16px;} */
.search-input{ float: left; width: 305px; height: 100%; padding-left: 105px; background: transparent; box-sizing: border-box; font-size: 16px;}
.search-button{ float: right; width: 103px; height: 100%; background-color: #1c69c6; color: #fff; cursor: pointer; font-size: 16px;}
.searching{ margin-top: 10px; font-size: 16px; line-height: 26px; color: #fff; vertical-align: middle;} 
.searching span{ display: inline-block; margin-left: 10px; }
.searching a{ display: inline-block; padding: 0 10px; margin-left: 10px; background: rgba(0,0,0,0.4); color: #fff; }

.changetop,.changetop .fullSlide,.changetop .search-wrap{ transition: all 1s;}
.changetop .logo { width: 414px;}
.changetop .logo img:nth-child(1){ display: none;}
.changetop .logo img:nth-child(2){ display: block;}
.changetop .search-wrap{ width: 450px;}
.changetop .search-input{ width: 345px;}


/* 头条 */
.headline{margin-top: -100px; background: url(/images/images/headlinebg.png) no-repeat center top; z-index: 999; text-align: center;}
.headline a{ display: block; font-size: 36px; line-height: 114px; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: none;  }
.headline a.show{ display: block;}
.headline p span{ float: left; width: 33%; height: 15px; background-color: rgba(20,146,255,0.4);}
.headline p span:nth-child(2){ margin: 0 0.5%; }
.headline p span.on{background-color: #1492ff;}

/* 轮播图 */
.slideBox{float: left; width:682px; height:383px; overflow:hidden; position:relative; margin-top: 48px; margin-bottom: 32px;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:20px; bottom:25px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:10px;  width:15px; height:15px; background:#fff; border-radius: 50%; cursor:pointer; }
.slideBox .hd ul li.on{ background:#1492ff; color:#fff; }

.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:682px; height:383px; display:block;  }
.slideBox .bd p{ position: absolute; left: 0; bottom: 0; width: 100%; height: 65px; padding-right: 100px; box-sizing: border-box;
     background: rgba(0,0,0,0.4); color: #fff; font-size: 18px; line-height: 64px; text-indent: 34px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.slideBox .prev,
.slideBox .next{ position:absolute; left:0; top:50%; margin-top:-31px; display:block; width:33px; height:63px; background:url(/images/images/arr-left.png) no-repeat; filter:alpha(opacity=0);opacity:0; transition: all 1s;}
.slideBox .next{ left:auto; right:0; background-image: url(/images/images/arr-right.png); }
.slideBox:hover .prev,.slideBox:hover .next{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;}
.slideBox .nextStop{ display:none;}
.tag{ position: absolute; right: 0; top: 0;}


/* 右侧动态信息 */
.slideTxtBox{ float: right; width:572px; margin-top: 48px; }
.slideTxtBox .hd{ height:50px; border-bottom:1px solid #bec7cf;  position:relative; }
.slideTxtBox .hd ul{ height:100%;}
.slideTxtBox .hd li{ position: relative; float:left; height: 100%; margin-right: 45px; font-size: 20px; line-height: 32px; color: #1c69c6;}
.slideTxtBox .hd li.on::before,
.slideTxtBox .hd li:hover::before{ content: ""; position: absolute; left: 50%; bottom: -1px;  width: 48px; height: 8px; margin-left: -24px; background-color: #1c69c6;}
.slideTxtBox .hd li.on a,.slideTxtBox .hd li:hover a{color: #1c69c6;}
.slideTxtBox .hd li a{display: block; height: 100%;}
.slideTxtBox .tempWrap{width:100% !important}
.slideTxtBox .bd ul{zoom:1; margin-top: 24px; }
.slideTxtBox .bd li{ position: relative; padding:0 136px 0 40px;  font-size: 18px; line-height:50px; }
.slideTxtBox .bd li a{ display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.slideTxtBox .bd li .time{ position: absolute; right: 0; top: 0; font-size: 14px; }
.slideTxtBox .bd li::before{ content: ""; position: absolute; left: 4px; top: 16px;  width: 18px; height: 18px; background: url(/images/images/libg01.png) no-repeat;transition: all .5s;   }
.slideTxtBox .bd li:hover::before{ background-image: url(/images/images/libg02.png); transform: rotate(180deg); }
.slideTxtBox .bd li:hover a{ color: #1c69c6;}


.eff6fa{ padding: 34px 0 24px; background-color: #eff6fa;}
 /* 政府文件等切换 */
.slideTxtBox02{ width:682px;}
.slideTxtBox02 .hd{ height:56px; background-color: #fff; position:relative; }
.slideTxtBox02 .hd ul{ height:100%; position: relative;}
.slideTxtBox02 .hd li{ float:left; width: 133px; height: 100%; font-size: 18px; line-height: 56px; color: #000; font-weight: bold; text-align: center; cursor: pointer;}
.slideTxtBox02 .hd li.on{ background-color: #1c69c6; color: #fff;}
.slideTxtBox02 .hd li a{ position: absolute; right: 18px; top: 0; font-size: 12px; color: #000; display: none;}
.slideTxtBox02 .hd li.on a{display: block;}
.slideTxtBox02 .bd ul{zoom:1; margin-top: 24px; }
.slideTxtBox02 .bd li{ position: relative; padding:0 110px 0 40px;  font-size: 18px; line-height:50px; }
.slideTxtBox02 .bd li a{ display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.slideTxtBox02 .bd li .time{ position: absolute; right: 0; top: 0; font-size: 14px; }
.slideTxtBox02 .bd li::before{ content: ""; position: absolute; left: 4px; top: 16px;  width: 18px; height: 18px; background: url(/images/images/libg01.png) no-repeat;transition: all .5s;   }
.slideTxtBox02 .bd li:hover::before{ background-image: url(/images/images/libg02.png); transform: rotate(180deg); }
.slideTxtBox02 .bd li:hover a{ color: #1c69c6;}
/* 英国威廉希尔公司 */
.xxgk{ width: 682px; padding: 13px 0 16px 26px; margin-top: 16px; background-color: #fff; box-sizing: border-box;}
.xxgk h3{float: left; width: 18px; padding:24px 24px 0 4px ; font-size: 18px; line-height: 20px; color: #000; background: url(/images/images/icon02.png) no-repeat;}
.xxgk ul{float: right; width: 586px; margin-top: 16px;}
.xxgk ul li{ float: left; width: 176px; height: 54px; margin: 0 15px 12px 0; background:#e2edf8 url(../images/xxgk01.png) no-repeat 14px center;font-size: 14px;  transition: all .3s;}
.xxgk ul li a{ display: block; padding-left: 46px; line-height: 54px; color: #000;}
.xxgk ul li:hover{ background-image: url(/images/images/xxgk07.png); background-color: #487bc5;}
.xxgk ul li:hover a{color: #fff;}
.xxgk ul li:nth-child(2){ background-image: url(/images/images/xxgk02.png);}
.xxgk ul li:nth-child(3){ background-image: url(/images/images/xxgk03.png);}
.xxgk ul li:nth-child(4){ background-image: url(/images/images/xxgk04.png);}
.xxgk ul li:nth-child(5){ background-image: url(/images/images/xxgk05.png);}
.xxgk ul li:nth-child(6){ background-image: url(/images/images/xxgk06.png);}
.xxgk ul li:nth-child(2):hover{ background-image: url(/images/images/xxgk08.png);}
.xxgk ul li:nth-child(3):hover{ background-image: url(/images/images/xxgk09.png);}
.xxgk ul li:nth-child(4):hover{ background-image: url(/images/images/xxgk10.png);}
.xxgk ul li:nth-child(5):hover{ background-image: url(/images/images/xxgk11.png);}
.xxgk ul li:nth-child(6):hover{ background-image: url(/images/images/xxgk12.png);}

/* 右侧栏目导航 */
.column-nav{width: 572px;}
.column-nav a{ float: left; width: 106px; height: 40px; margin: 0 10px 14px 0; background-color: #dee9f5; font-size: 14px; line-height: 40px; color: #000; text-align: center;}
.column-nav a:nth-child(5n){ margin-right: 0;}
.column-nav a:hover{ color: #fff; background-color: #487bc5;}

/* 通知公告 */
.tzgg{width: 572px; margin-top: 20px;}
.title{height:50px; border-bottom:1px solid #bec7cf;  position:relative;}
.title span{ position: relative; height: 100%; font-size: 18px; line-height: 32px; color: #000; font-weight: bold;}
.title a{ height: 100%; font-size: 12px; line-height: 32px; color: #000; font-weight: normal;}
.title a:hover{ color: #1c69c6;}
.title span::before{ content: ""; position: absolute; left: 50%; bottom: -1px;  width: 48px; height: 8px; margin-left: -24px; background-color: #1c69c6;}
.list{zoom:1; margin-top: 24px; }
.list li{ position: relative; padding:0 110px 0 40px;  font-size: 18px; line-height:50px; }
.list li a{ display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.list li .time{ position: absolute; right: 0; top: 0; font-size: 14px; }
.list li::before{ content: ""; position: absolute; left: 4px; top: 16px;  width: 18px; height: 18px; background: url(/images/images/libg01.png) no-repeat;transition: all .5s;   }
.list li:hover::before{ background-image: url(/images/images/libg02.png); transform: rotate(180deg); }
.list li:hover a{ color: #1c69c6;}

/* 腰带 */
.wbanner{ margin: 33px auto 20px;}
.wbanner a,.wbanner img{ display: block; width: 100%;}

/* 政务服务 */
.zwfw{ width: 682px;}
.zwfw ul{ margin-top: 27px;}
.zwfw li{ float: left; width: 95px; height: 43px; margin: 0 22px 10px 0; background-color: #f4f7fe; }
.zwfw li:nth-child(6n){ margin-right: 0;}
.zwfw li.wli{ width: 212px;}
.zwfw li a{ display: block; width: 100%; height: 100%; font-size: 14px; line-height: 42px; color: #000; text-align: center;}
.zwfw li:hover{ background-color: #487bc5;}
.zwfw li:hover a{color: #fff;}

/* 便民服务 */
.bmfw{ width: 682px; margin-top: 5px;}
.bmfw ul{width: 100%; padding: 18px 0 18px 24px; margin-top: 26px; background-color: #f2f9ff; box-sizing: border-box;}
.bmfw ul li{ position: relative; float: left; width: 112px; height: 60px; margin-right: 20px;}
.bmfw ul li:nth-child(5n){ margin-right: 0;}
.bmfw ul li a{ position: absolute;width: 100%; height: 100%; padding-left: 42px; box-sizing: border-box; font-size: 14px; line-height: 60px; z-index: 99;}
.bmfw ul li i{position: absolute; left: 0; top: 13px; width: 33px; height: 33px; background-color: #fff; border-radius: 50%; }
.bmfw ul li:hover a{ color: #1c69c6;}
.bmfw ul li:hover i{ background-color: #1c69c6;}
.bmfw ul li i img{ position: absolute;} 

/* 在线访谈 */
.zxft{width: 572px;}
.ft-info dd a{ position: relative; display: block; width: 285px; height: 160px; margin-top: 25px;}
.ft-info dd a img{ display: block; width: 100%;}
.ft-info dd a::after{ content: ""; position: absolute; left: 18px; top: 18px;  width: 100%; height: 100%; background-color: #fbf7f4; z-index: -1; }
.ft-info dt{width: 240px; margin-top: 20px;}
.ft-info h4{  margin-bottom: 10px; font-size: 18px; line-height: 24px; color: #000; 
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.ft-info p{ font-size: 14px; line-height: 24px; color: #000; padding: 7px 0; 
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
 }
.ft-info p strong{ display: inline-block; width: 71px; height: 24px; margin-right: 8px; background: url(/images/images/strongbg.png) no-repeat; color: #333; text-align: center;}
.ft-list{ margin-top: 24px;}
.ft-list li{ position: relative; padding-right: 96px; line-height: 40px; }
.ft-list a{ display: block; width: 100%; font-size: 16px; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.ft-list a:hover{color: #1c69c6;}
.ft-list li .time{ position: absolute; right: 0; top: 0; font-size: 14px; }

/* 互动交流 */
.hdjl{width: 572px; margin-top: 38px; margin-bottom: 30px;}
.hdjl li{ float: left; width: 174px; height: 70px; margin-bottom: 16px; background:#f2f9ff url(../images/hdjl01.png) no-repeat 14px center;font-size: 14px; border-radius: 5px;  transition: all .3s;}
.hdjl li a{ display: block; padding-left: 68px; line-height: 70px; color: #333;}
.hdjl li:hover{ background-image: url(/images/images/hdjl07.png); background-color: #487bc5;}
.hdjl li:hover a{color: #fff;}
.hdjl li:nth-child(3n+2){ margin: 0 25px 16px;}
.hdjl li:nth-child(2){ background-image: url(/images/images/hdjl02.png);}
.hdjl li:nth-child(3){ background-image: url(/images/images/hdjl03.png);}
.hdjl li:nth-child(4){ background-image: url(/images/images/hdjl04.png);}
.hdjl li:nth-child(5){ background-image: url(/images/images/hdjl05.png);}
.hdjl li:nth-child(6){ background-image: url(/images/images/hdjl06.png);}
.hdjl li:nth-child(2):hover{ background-image: url(/images/images/hdjl08.png);}
.hdjl li:nth-child(3):hover{ background-image: url(/images/images/hdjl09.png);}
.hdjl li:nth-child(4):hover{ background-image: url(/images/images/hdjl10.png);}
.hdjl li:nth-child(5):hover{ background-image: url(/images/images/hdjl11.png);}
.hdjl li:nth-child(6):hover{ background-image: url(/images/images/hdjl12.png);}

/*专题专栏*/
.f3f5f8{ background-color: #f3f5f8; padding-bottom: 40px; padding-top: 22px;}
.ztzl .ztzlSlide{margin-top:36px;}
.ztzl .ztzlSlide .bd{position:relative;}
.ztzl .ztzlSlide .bd>a{position:absolute;top:50%;margin-top:-31px;display:block;width:33px;height:63px; z-index: 10;}
.ztzl .ztzlSlide .bd>a.prev{left:0;background:url(/images/images/arr-left.png) no-repeat center;}
.ztzl .ztzlSlide .bd>a.next{right:0;background:url(/images/images/arr-right.png) no-repeat center;}
.ztzl .ztzlSlide .bd .tempWrap{width: 1300px !important;}
.ztzl .ztzlSlide .bd ul { width:1300px;}
.ztzl .ztzlSlide .bd ul li{ float:left; width:305px; margin-right:27px;}
.ztzl .ztzlSlide .bd ul li a{display:block;height:172px;position:relative;overflow:hidden;}
.ztzl .ztzlSlide .bd ul li a img{ width:100%; height:100%; }
.ztzl .ztzlSlide .hd{width:100%; height: 12px; margin: 0 0 20px;  text-align: center;}
.ztzl .ztzlSlide .hd li{ display: inline-block; width:10px;height: 10px; line-height: 12px;  border-radius: 50%;background: #9acdfb;margin: 0px 5px;cursor: pointer;font-size: 0;}
.ztzl .ztzlSlide .hd li.on,
.ztzl .ztzlSlide .hd li:hover{ background:#1492ff; }

/* 底部 */
.footer{background-color: #f3f5f8; padding-top: 38px; border-top: 4px solid #1c69c6;}
.footer-link{ text-align: center; font-size: 14px; margin-bottom: 36px;}
.footer-link a{ display: inline-block; padding: 0 10px; border-right: 1px solid #444; color: #444; line-height: 16px;}
.footer-link a:nth-last-child(1){ border-right: none;}
.footer-menu li{ position: relative; float: left; width: 240px; height: 40px; margin-right: 25px; padding-left: 20px; border: 1px solid #e2e2e2; background-color: #fff; font-size: 14px; line-height: 38px; color: #444; box-sizing: border-box; cursor: pointer; }
.footer-menu li:nth-child(5){ margin-right: 0;}
.footer-menu li::before{ content: ""; position: absolute; right: 22px; top: 16px;  width: 12px; height: 7px; background: url(/images/images/arrow.png) no-repeat; transition: all .5s;}
.footer-menu li.on::before{ transform: rotate(180deg);}

.mneu-list-wrap{ position: absolute; left: 0; bottom: 40px; width: 100%; height: auto; z-index: 20; }
.mneu-list{ display: none; padding-top: 15px; background-color: #fff; border: 1px solid #e2e2e2; box-sizing: border-box; }
.mneu-list.show{ display: block;}
.mneu-list li{ float: left; width: 20%; padding-left: 20px; margin-bottom: 15px; font-size: 14px; line-height: 30px; box-sizing: border-box;}
.mneu-list li a{ display: block;}
.mneu-list li a:hover{color: #1c69c6;}

.footer-con{ padding: 30px 0 48px; text-align: center; position: relative;}
.footer-main{  padding-top: 10px; font-size: 14px; line-height: 30px; color: #444;}
.footer-main span{ display: inline-block;}
.footer-con .left{ position: absolute; left: 30px; top:33px ;}
.footer-con .left li{ float: left; margin-right: 10px; margin-top: 16px;}
.footer-con .left li span,.footer-con .left li img{ display: block;}
.footer-con .ewm{ position: absolute; right: 30px; top:30px; width: 240px; height: 105px; padding: 15px 0 0 15px; background-color: #fff; box-sizing: border-box;}
.footer-con .ewm img{ float: left; width: 78px; height: 78px;}
.footer-con .ewm p{ float: left; padding:20px 0 0 36px ; font-size: 14px; line-height: 18px; color: #444;}

@media screen and (max-width:1299px) and (min-width:999px) {
    .wrap{ width:1000px; margin: 0 auto; position: relative;}
    /* 头部 */
    .fullSlide,.fullSlide li{ min-width: 1000px;}
    .topnav{ margin-left: 5px;}
    .topnav li{ margin: 0 10px;}
    .topnav li a{ display: block; font-size: 20px;}
    .topcon{ height:344px;}
    .slogan{ margin-left: 160px;}
    /*logo与搜索*/
    .logo{ display: block; width: 337px;}
    .changetop .logo { width: 337px;}
    .changetop .search-wrap{ width: 450px;}
    .changetop .search-input{ width: 345px;}


    /* 头条 */
    .headline{margin-top: -100px; }
    .headline a{ font-size: 32px; }

    /* 轮播图 */
    .slideBox{float: left; width:560px; height:315px;}
    .slideBox .bd img{ width:560px; height:315px; }

    /* 右侧动态信息 */
    .slideTxtBox{ width:420px;}
    .slideTxtBox .hd li{ margin-right: 20px; font-size: 20px;}
    .slideTxtBox .hd li:nth-child(4){ margin-right: 0;}
    .slideTxtBox .bd ul{zoom:1; margin-top: 20px; }
    .slideTxtBox .bd li{ padding:0 90px 0 40px;  font-size: 18px; line-height:42px; }
    .slideTxtBox .bd li::before{ top: 12px;}

    /* 政府文件等切换 */
    .slideTxtBox02{ width:560px;}
    .slideTxtBox02 .hd li{ width: 120px;}
    .slideTxtBox02 .hd li a{ right: 8px;}
    /* 英国威廉希尔公司 */
    .xxgk{ width: 560px; padding: 10px 0 10px 16px; margin-top: 0;}
    .xxgk h3{padding:30px 16px 0 24px; margin-top: 30px; background-position: center 0;}
    .xxgk ul{ width: 460px;}
    .xxgk ul li{ width: 200px; height: 50px; margin: 0 30px 12px 0; font-size: 16px; }
    .xxgk ul li a{line-height: 50px;}

    /* 右侧栏目导航 */
    .column-nav{width: 420px;}
    .column-nav a{width: 97px;}
    .column-nav a:nth-child(5n){ margin-right: 10px;}
    .column-nav a:nth-child(4n){ margin-right: 0;}

    /* 通知公告 */
    .tzgg{width: 420px;}
    .list li{ padding:0 90px 0 40px;}

    .wbanner {
        margin: 33px auto 20px;
    }

    /* 政务服务 */
    .zwfw{ width: 560px;}
    .zwfw li{ float: left; width: 100px; height: 40px; margin: 0 15px 10px 0; }
    .zwfw li:nth-child(6n){ margin-right: 15px;}
    .zwfw li:nth-child(5n){ margin-right: 0;}
    .zwfw li.wli{ width: 215px;}
    .zwfw li a{ line-height: 40px;}


    /* 便民服务 */
    .bmfw{ width: 560px;}
    .bmfw ul{ padding: 9px 0 9px 24px; margin-top: 15px;}
    .bmfw ul li:nth-child(5n){ margin-right:20px;}
    .bmfw ul li:nth-child(4n){ margin-right: 0;} 

    /* 在线访谈 */
    .zxft{width: 420px;}
    .ft-info dd a{ width: 200px; margin-top: 27px; overflow: hidden; text-align: center;}
    .ft-info dd a img{ width: 285px; height: 160px;}
    .ft-info dd a::after{ content: none; }
    .ft-info dt{width: 210px; margin-top: 27px;}
    .ft-info h4{  margin-bottom: 5px; font-size: 16px; }

    .ft-list{ margin-top: 24px;}
    .ft-list li{ padding-right: 90px; line-height: 50px; }

    /* 互动交流 */
    .hdjl{width: 420px; margin-top: 30px; margin-bottom: 10px;}
    .hdjl li{ float: left; width: 195px; height: 56px; margin-bottom: 15px; background:#f2f9ff url(../images/hdjl01.png) no-repeat 14px center;font-size: 14px; border-radius: 5px;  transition: all .3s;}
    .hdjl li a{ display: block; padding-left: 68px; line-height: 56px; color: #333;}

    .hdjl li:nth-child(3n+2){ margin: 0 0 15px;}
    .hdjl li:nth-child(2n+1){ margin: 0 30px 15px 0;}

    /*专题专栏*/
    .ztzl .ztzlSlide .bd .tempWrap{width: 1000px !important;}
    .ztzl .ztzlSlide .bd ul li{ margin-right:42px;}
    .ztzl .ztzlSlide .hd{line-height: 12px;}


    /* 底部 */
    .footer-menu li{ width: 180px; margin-right: 25px; }
    .mneu-list li{ padding-left: 10px; }
    .footer-con{ padding: 30px 0 48px;}
    .footer-con .left{ left: 0; top:33px ;}
    .footer-con .left li{ margin-right: 20px;}
    .footer-con .ewm{ right: 0; top:30px; width: 200px; height: 105px; padding: 10px 0 0 10px; background-color: #fff; box-sizing: border-box;}
    .footer-con .ewm img{ float: left; width: 78px; height: 78px;}
    .footer-con .ewm p{ float: left; padding:20px 0 0 16px ; font-size: 14px; line-height: 18px; color: #444;}
}
@media screen and (max-width:999px) {
    html,body{ min-width: auto; font-size: .7rem;}   
   .wrap{ width:100%; overflow: hidden;}
   .logo02,.slogan{display: none;}


   /* 头部 */
   .header{ height: auto; padding-bottom: 1rem;}
   .fullSlide,.fullSlide li{max-width: 100%; min-width: 100%; height: 100%;}

    .topnav-wrap{ height: 2rem;}
    .topnav-wrap .wrap{ height: 2.2rem;}
    .topnav-wrap .wrap .topnav{width: 180%; margin-left: 0; }
    .topnav li{ margin: 0 .5rem;}
    .topnav li.current::before{ bottom: -.25rem;  width: .75rem; height: .5rem; margin-left: -.375rem; background-size: .75rem .5rem;}
    .topnav li a{ font-size: .75rem; line-height: 2rem;}
    .topnav li:hover::before{ content: none;}
    
    .topcon{ height:auto;}
    .subnav{ left: 0; top: .5rem; font-size: .7rem; line-height: 1.5rem;}
    .subnav a{margin: 0 .05rem;}

    /*logo与搜索*/
    .logo{ width: 13rem; margin: 3rem auto 1rem; }
    .logo img:nth-child(1){ display: none;}
    .logo img:nth-child(2){ display: block;}
    .search-wrap{ width: 100%;}
    .search-box{ width:100%; height: 2rem; background-position: 1.5rem center; font-size: .75rem; line-height: 2rem;}
    .search-input{ width: 70%;  padding-left: 2rem;background-position: .5rem center; background-size: .6rem auto; font-size: .7rem; }
    .search-button{ width: 30%; font-size: .7rem;margin-top: 0px;}
    .searching{ margin-top: .5rem; line-height: 1.5rem; font-size: .7rem; } 
    .searching span{ margin-left: .5rem; }
    .searching a{  padding: 0 .5rem; margin-left: .5rem; }

    /* 头条 */
    .headlines-wrap{ height:2rem; margin: 0 auto 0;}
    .headlines .bd li a{ font-size: .8rem; line-height: 1.9rem; }
    .headlines .hd ul li{ height:.5rem; }

    .headline{margin-top: 0; }
    .headline a{ font-size: .8rem; line-height: 1.8rem;}
    .headline p span{ height: .2rem; }

    /* 轮播图 */
    .slideBox{width:100%; height:10rem; margin-top: 1rem; margin-bottom: 1rem;}
    .slideBox .hd{ height:.3rem; right:.5rem; bottom:.5rem;}
    .slideBox .hd ul li{ margin-right:.2rem;  width:.3rem; height:.3rem; }
    .slideBox .bd img{ width:100%; height:10rem; }
    .slideBox .bd p{ height: 2rem; font-size: .7rem; line-height: 2rem; text-indent: .5rem;}

    .slideBox .prev,
    .slideBox .next{  margin-top:-.75rem; width:.8rem; height:1.5rem; background-size: .8rem auto; filter:alpha(opacity=100);opacity:1; }
    .slideBox:hover .prev,.slideBox:hover .next{ filter:alpha(opacity=100);opacity:1;  }
    .tag{width: 1.5rem;}

    /* 右侧动态信息 */
    .slideTxtBox{ width:100%; margin-top: 0; }
    .slideTxtBox .hd{ height:2rem; width:100%;}
    .slideTxtBox .hd li{ width: 25%; margin-right: 0; font-size: .75rem; line-height: 1.5rem; text-align: center;}
    .slideTxtBox .hd li.on::before{ width: 1.2rem; height: .05rem; margin-left: -.6rem; background-color: #1c69c6;}
    .slideTxtBox .hd li:hover::before{ content: none;}
    .slideTxtBox .hd li.on a{color: #1c69c6;}
    .slideTxtBox .hd li:hover a { color: #333;}
    .slideTxtBox .hd li a{display: block; height: 100%;}
    .slideTxtBox .tempWrap{ width: 100% !important}
    .slideTxtBox .bd{ display: block;}
    .slideTxtBox .bd ul{zoom:1; margin-top: .5rem; display: inline-block !important; float: left; }
    .slideTxtBox .bd li{ padding:0 0 0 1rem;  font-size: .7rem; line-height:2rem; }
    .slideTxtBox .bd li .time{ display: none;}
    .slideTxtBox .bd li::before{ left: .1rem; top: .75rem;  width: .5rem; height: .5rem; background-size: .5rem auto; }


    .eff6fa{ padding: 1rem 0 .5rem;}
    .wrap>.fl,.wrap>.fr{ width: 100%;}
    /* 政府文件等切换 */
    .slideTxtBox02{ width:100%; padding-bottom: 2.5rem;}
    .slideTxtBox02 .hd{ height:2rem;}
    .slideTxtBox02 .hd li{ width: 24%; font-size: .7rem; line-height: 2rem;}
    .slideTxtBox02 .hd li:nth-child(3){ width: 28%;}
    .slideTxtBox02 .hd li a{ top: 15rem; right: 50%; margin-right: -2.5rem; width: 5rem; height: 1.5rem; background-color: #1c69c6; text-align: center; font-size: .7rem; color: #fff; line-height: 1.5rem;}
    .slideTxtBox02 .tempWrap{ width: 94%; margin: 0 auto;}
    .slideTxtBox02 .bd ul{ margin-top: .5rem; }
    .slideTxtBox02 .bd li{ padding:0 0 0 1rem; font-size: .7rem; line-height:2rem; }
    .slideTxtBox02 .bd li .time{ display: none;}
    .slideTxtBox02 .bd li::before{ left: .1rem; top: .75rem;  width: .5rem; height: .5rem; background-size: .5rem auto;}

    /* 英国威廉希尔公司 */
    .xxgk{ width: 100%; padding: .5rem; margin-top: 0; box-sizing: border-box;}
    .xxgk h3{width: 100%; padding:0 0 0 1.5rem ; font-size: .8rem; line-height: 2rem; color: #000; background-size: 1rem auto; background-position: left center;}
    .xxgk ul{width: 100%; margin-top: .5rem;}
    .xxgk ul li{ width:48%; height: 2rem; margin: 0 0 .5rem 0; background-position: .2rem center; background-size: .7rem auto ; font-size: .7rem; }
    .xxgk ul li:nth-child(2n+1){ margin: 0 4% .5rem 0;}
    .xxgk ul li a{padding-left: 1.2rem; line-height: 2rem; }
    

    /* 右侧栏目导航 */
    .column-nav{width: 100%; padding-top: 1rem;}
    .column-nav a{width: 31%; height: 2rem; margin: 0 0 .5rem 0; font-size: .7rem; line-height: 2rem;}
    .column-nav a:nth-child(3n+2){ margin:0  3.5% .5rem;}

    /* 通知公告 */
    .tzgg{width: 100%; margin-top: 1rem;}
    .title{height:2rem; }
    .title span{ font-size: .8rem; line-height: 1.5rem;}
    .title a{ font-size: .7rem; line-height: 1.5rem; }
    .title span::before{ width: 2rem; height: .2rem; margin-left: -1rem; }
    .list{margin-top: .5rem; }
    .list li{ padding:0 0 0 1rem; font-size: .7rem; line-height:2rem; }
    .list li .time{ display: none;}
    .list li::before{ left: .1rem; top: .75rem;  width: .5rem; height: .5rem; background-size: .5rem auto;}

    /* 腰带 */
    .wbanner{ margin: 1rem auto;}

    /* 政务服务 */
    .zwfw{ width: 100%;}
    .zwfw ul{ margin-top: .5rem;}
    .zwfw li{width: 31%; height: 2rem; margin: 0 0 .5rem 0; }
    .zwfw li:nth-child(6n){ margin-right: 0;}
    .zwfw li:nth-child(3n+2){ margin:0  3.5% .5rem;}
    .zwfw li.wli{ width: 65.5%; margin: 0 0 .5rem 3.5%;}
    .zwfw li:nth-last-child(1){ margin: 0; width: 100%;}
    .zwfw li a{ font-size: .7rem; line-height: 2rem;}

    /* 便民服务 */
    .bmfw{ width: 100%; margin-top: 1rem;}
    .bmfw ul{padding:.5rem; margin-top: 1rem;}
    .bmfw ul li{ width: 33.33%; height: 2rem; margin-right: 0;}
    .bmfw ul li:nth-child(5n){ margin-right: 0;}
    .bmfw ul li a{padding-left: 1.5rem; font-size: .7rem; line-height: 2rem; text-align: center; }
    .bmfw ul li i{ left:.5rem; top: .5rem; width: 1rem; height: 1rem; }
    .bmfw ul li i img{ width: .8rem;} 

    /* 在线访谈 */
    .zxft,.ft-info .fl{width: 100%;}
    .ft-info dd a{ width: 100%; height: auto; margin-top: 1rem;}
    .ft-info dd a::after{ content: none; }
    .ft-info dt{width: 100%; margin-top: .5rem;}
    .ft-info h4{  margin-bottom: .5rem; font-size: .75rem; line-height: 1.5rem;}
    .ft-info p{ font-size: .7rem; line-height: 1.2rem; padding: .25rem 0; }
    .ft-info p strong{ width: 3.5rem; height: 1.2rem; margin-right: .3rem; background-size: 3.5rem 1.2rem;}
    .ft-list{ margin-top: 1rem;}
    .ft-list li{padding-right: 0; line-height: 2rem; }
    .ft-list a{ font-size: .7rem; }
    .ft-list li .time{ display: none; }

    /* 互动交流 */
    .hdjl{width: 100%; margin-top: 1rem; margin-bottom: 1rem;}
    .hdjl li{ width: 31%; height: 2rem; margin-bottom: .5rem; background-size: 1rem 1rem; background-position: .1rem center; font-size: .7rem; }
    .hdjl li a{ padding-left: 1.2rem; line-height: 2rem;}
    .hdjl li:nth-child(3n+2){ margin: 0 3.5% .5rem;}

    /*专题专栏*/
    .f3f5f8{ padding-bottom:1rem; padding-top: .5rem;}
    .ztzl .ztzlSlide{margin-top:1rem;}
    .ztzl .ztzlSlide .bd>a{margin-top:-.75rem;display:block;width:.8rem;height:1.5rem; background-size: .8rem auto;}
    .ztzl .ztzlSlide .bd .tempWrap{width: 100% !important;}
    .ztzl .ztzlSlide .bd ul { width:100%;}
    .ztzl .ztzlSlide .bd ul li{ width:100%; margin-right:0;}
    .ztzl .ztzlSlide .bd ul li a{height:9.5rem;}
    .ztzl .ztzlSlide .hd{width:100%; height: 1rem; margin:.3rem auto 0;}
    .ztzl .ztzlSlide .hd li{width:.3rem; height: .3rem; margin: 0 .2rem; line-height: 1rem;}

    /* 底部 */
    .footer{padding-top: .5rem; border-top: .1rem solid #1c69c6;}
    .footer-link,.footer-menu,.mneu-list-wrap{ display: none;}   
    .footer-con{ padding: 0 0 .3rem;}
    .footer-con .footer-main{width: 100%; margin-top: 0; font-size: .7rem; line-height: 1.2rem; text-align: center;}
    .footer-main p:nth-child(2),.footer-main p:nth-child(3){ display: none;}
    .footer-con .ewm,.footer-con .left { display: none;}

        
   
   }