/* CSS Document */
.icoAll{ background:url(../images/jiangsu/sprite.png) no-repeat center; vertical-align:middle; display:inline-block; *display:inline; *zoom:1;}
.ico1{ width:14px; height:27px; background-position: 0 0 }
.ico2{ width:14px; height:36px; background-position: -18px 0 }
.ico3{ width:14px; height:46px; background-position: -37px 0 }
.ico4{ width:14px; height:119px; background-position: -55px 0 }
.ico5{ width:14px; height:81px; background-position: -74px 0 }

.ico6{ width:27px; height:27px; background-position: -102px 0; cursor: pointer;}
.ico7{ width:27px; height:27px; background-position: -138px 0 }
.ico8{ width:188px; height:40px; background-position: -181px 0 }
.ico9{ width:27px; height:27px; background-position: -415px 0 }
.ico10{ width:107px; height:50px; background-position: -101px -59px; }

.ico12{ width:18px; height:18px; background-position: -229px -73px; }
.ico13{ width:18px; height:18px; background-position: -257px -73px; }
.ico14{ width:18px; height:18px; background-position: -285px -73px; }
.ico15{ width:36px; height:47px; background-position: -329px -59px; cursor: pointer;}

.ico16{ width:36px; height:47px; background-position: -329px -59px; }
.ico17{ width:18px; height:18px; background-position: -383px -69px; }
.ico18{ width:18px; height:18px; background-position: -416px -69px; }

.ico19{ width:14px; height:13px; background-position: -449px -73px; }
.ico20{ width:35px; height:39px; background-position: -474px -67px; }
.ico21{ width:35px; height:39px; background-position: -523px -67px; }
.ico22{ width:14px; height:14px; background-position: -573px -79px; cursor: pointer;}
.ico23{ width:57px; height:57px; background-position: -483px 0; cursor: pointer;}
.ico24{ width:6px; height:10px; background-position: -234px -126px; cursor: pointer;}
.ico25{ width:6px; height:10px; background-position: -240px -126px; cursor: pointer;}
.ico26{ width:93px; height:89px; background-position: -445px -319px;}
.ico27{ width:93px; height:89px; background-position: -568px -319px;}
.ico28{ width:78px; height:78px; background-position: -623px 0; cursor: pointer;}
.ico29{ width:12px; height:12px; background-position: 0 -440px;}
.ico30{ width:34px; height:47px; background-position: -665px -99px; z-index: 10000; cursor: pointer; position: fixed; top:50%; margin-top: -30px; right: 20px;}


.aIco1{ width: 107px; height: 130px; background-position: 0 -153px; }
.aIco2{ width: 107px; height: 130px; background-position: -107px -153px; }
.aIco3{ width: 107px; height: 130px; background-position: -214px -153px; }
.aIco4{ width: 107px; height: 130px; background-position: -321px -153px; }
.aIco5{ width: 107px; height: 130px; background-position: -428px -153px; }
.aIco6{ width: 107px; height: 130px; background-position: -535px -153px; }
.aIco7{ width: 107px; height: 130px; background-position: -642px -153px; }

.aIco1:hover{ background-position: 0 -468px; }
.aIco2:hover{ background-position: -107px -468px; }
.aIco3:hover{ background-position: -214px -468px; }
.aIco4:hover{ background-position: -321px -468px; }
.aIco5:hover{ background-position: -428px -468px; }
.aIco6:hover{ background-position: -535px -468px; }
.aIco7:hover{ background-position: -642px -468px; }

.bIco1{ width: 78px; height: 113px; background-position: 0 -313px }
.bIco2{ width: 78px; height: 113px; background-position: -83px -313px }
.bIco3{ width: 78px; height: 113px; background-position: -165px -313px }
.bIco4{ width: 78px; height: 113px; background-position: -248px -313px }
.bIco5{ width: 78px; height: 113px; background-position: -330px -313px }




.icoDown{ cursor: pointer; }




#header{ height:70px; width: 100%; transition:all 0.2s; border-top: 5px solid #de333f; position: fixed; top:0; left: 0; z-index:1000; background-color:#fff; text-align: center;}
#header .logo{ position: absolute; top: 20px; left: 30px; }
#header .logWap{ line-height: 22px; font-size: 15px; text-align: center; position: absolute; top: 20px; right: 30px; }
#header .logWap a{ display: inline-block; padding: 0 10px; }
#header .span{ line-height: 66px; padding: 0 25px; margin: 0 20px; font-size: 18px; display: inline-block; position: relative; cursor: pointer;}
#header .span a{ display: block; }
#header .span .cont{ position: absolute; top: 70px; width: 220px; left: 0; background:url(../images/jiangsu/hei_bg.png) repeat; display: none; font-size: 14px;}
#header .span .cont a{ display: block; text-align: left; line-height: 40px; padding-left: 20px; color: #fff; border-bottom: 1px solid #7a7a7a; }
#header .span .cont a:hover{ background-color: #d10017 }
#header .span:hover,#header .span.active{ border-bottom: 4px solid #de333f }
#header .span:hover .cont{display: block;}

.banner{ height:405px; margin: 0 30px; overflow: hidden; position: relative;}
.banner ul{height: 100%; position: absolute;}
.banner li{ height:100%; float: left;}
.banner .control { position:absolute; left: 0; bottom:120px; width:100%; text-align:center; z-index: 1 }
.banner .control a{ display:inline-block; width:8px; height:8px; border-radius:50%; border: 2px solid #fff; margin: 0 10px;}
.banner .control .now{ background:#312318; background-color: #fff }
.banner .ico10{ position: absolute; bottom: 0; right: 0; }
.ico10 > div{ width: 50%; height: 100%; float: left; cursor: pointer; }

.banner .ico6{ position: absolute; bottom: 10px; left: 50%; margin-left: -14px }
.aIcoWap .icoAll{ margin: 0 30px; cursor: pointer; transition:transform 0.5s;}
.aIcoWap .icoAll:hover{transform:scale(1.1) }

.mapArea{ height: 700px; background: url(../images/jiangsu/mapBg.jpg) repeat-x center center; }
#map{ width: 834px; height: 100%; position: relative;}
.city{ width: 110px; height: 110px; text-align: center; position: absolute; font-size: 12px;}
.city .zhuan{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/jiangsu/cityBg.png) no-repeat center; display: none; animation: rotate 1s linear infinite;}
.city .cont{ width: 100%; position: absolute; left: 0; top: 40px; cursor: pointer;}
.city .dian{ width: 10px; height: 10px; border-radius: 50%; background-color: #fff008; display: inline-block;}
.quan{ width: 146px; height: 147px; background:url(../images/jiangsu/quanBg.png); position: absolute; text-align: center; display: none;}
#canvas{ position: absolute; top: 0; left: 0; }
.dataWap{ width: 212px; position: absolute; top: 80px; right: -268px; }
.dataWap .box{ width: 180px; height: 112px; text-align: center; background: url(../images/jiangsu/quanBg2.png) no-repeat;  background-size: 100% 100%; margin-bottom: 30px;  color: #fff; padding-top: 40px}

.spanTab1{ background: url(../images/jiangsu/bg1.png) repeat-y center; height: 56px; line-height: 56px;}
.spanTab1 .span{ color: #fff; font-size: 15px; padding: 0 45px; cursor: pointer; display: inline-block;}
.spanTab1 .span.active{background:url(../images/jiangsu/bg2.png) no-repeat center bottom;}
.seachWap1{ width: 132px; height: 24px; background-color: #fff; border-radius: 3px; position: relative; overflow: hidden;}
.seachWap1 .ico19{position: absolute; top: 5px; left: 10px;}
.seachWap1 input{ padding: 2px 0 2px 30px; border: none; width: 100px;}

.m-table1{border: 1px solid #e5e5e5;}
.m-table1 .tr td{ border-right: 1px solid #e5e5e5 }
.m-table1 td{ border-bottom: 1px dashed #e5e5e5; text-align: center; padding: 30px 10px; background-color: #fff;}

.m-table2{ border: 1px solid #ddd; }
.m-table2 td{ border: 1px solid #ddd; }
/*.m-table2 img{transition:transform 0.5s;}
.m-table2 img:hover{transform:scale(1.6)}
*/
.m-table3 td{ vertical-align: top; padding: 20px 0 }
.m-table4 td{ padding: 30px 0; text-align: center; }
.m-table4 tr{ cursor: pointer; }
.zxImg{position: absolute; top: -60px; left: 50%; margin-left: -95px;}
.zxWap{ background: url(../images/jiangsu/bg3.png) repeat-y center; }
.zxWap .box{ width: 50%; float: left; }
.zxbb{border: 1px solid #fff; height: 44px; overflow: hidden; padding: 25px; cursor: pointer;}
.zxbb span{ vertical-align: middle; }

.dataPage{ position: absolute; bottom: 20px; width: 100%; }
.dataPage span{ cursor: pointer; }


#section4{background-color: #c30206}
#section4 .icoWap{height:50px; position: absolute; bottom: 0; right: 0; color: #fff; background-color: #062237}
.dataCover{display: none;}
#section4.on{ background-color: #011d38; }
#section4.on .orDiv{ display: none; }
#section4.on .dataCover{ display: block; }
#section4 .orDiv .orDiver{position: absolute;height: 489px;overflow: hidden;}
.nianWap{ }
.nianWap .span{ margin: 0 10px; cursor: pointer; width:80px; text-align: center; line-height: 36px; display: inline-block; border: 1px solid #011d38; border-radius: 18px;}
.nianWap .span.active{ border-color: #fff; }

.spanTab2{ border-bottom: 1px solid #ddd; }
.spanTab2 .cont{ width: 795px; margin: 0 auto; border: 1px solid #ddd; border-bottom: none; height: 45px; background-color: #f7f7f7;}
.spanTab2 .span{ width: 264px; height: 45px; display: inline-block; text-align: center; float: left; cursor: pointer; line-height: 45px; border-right: 1px solid #ddd}
.spanTab2 .span:last-child{ border-right: none; }
.spanTab2 .span.active{ background-color: #fff; }

.newBox{ border-bottom: 1px dashed #ddd; padding: 30px 0; position: relative; cursor: pointer;}

.dataNav{ position: absolute; top: 50%; margin-top: -80px; right:70px;width: 100px;text-align: center; }
.dataNav p{ cursor: pointer; margin: 15px 0 ;height: 25px;line-height: 25px;}
.dataNav p.active{background-color: #dd3238;color: #fff;}
.downWap1{ width: 100%; padding: 25px 0; position: absolute; bottom: 0; left: 0; background-color: #e5e5e5; text-align: center; }
#section-footer .fp-tableCell{ vertical-align:top}
.titWap1{ border-bottom: 3px solid #eeeeee; }
.tit1{ border-bottom: 3px solid #dd333e; color: #dd333e; padding: 5px 0; display: inline-block; font-size: 20px; margin-bottom: -3px;}
.yuanBg{width: 28px; height: 28px; display: inline-block; border-radius: 14px; background-color: #cf3438; color: #fff; line-height: 28px; text-align: center;}

.bg5{ background: url(../images/jiangsu/bg5.png) repeat-x; height: 213px; }
.bg5 .icoAll{ margin: 0 70px; }
.bg5 .icoAll:hover{ opacity: 0.8 }
.gpzsBox{ width: 341px; height: 247px; position: relative; float: left; overflow: hidden; margin-right: 60px; }
.gpzsBox img,.gpzsBox .cover{ width: 100%; height: 100%; position: absolute; top: 0; left: 0 }
.gpzsBox .cover{background: url(../images/jiangsu/bg7.png) no-repeat center}
.gpzsBox.active .cover{ background: url(../images/jiangsu/bg6.png) no-repeat center }
.gpzsBox .txtArea{ position: absolute; width: 100%; color: #fff; top: 190px; }

.spWap{  background-color: #f5f5f5; }
.spWap .box{ width: 50%; height: 178px; float: left; position: relative; background:url(../images/jiangsu/bg8.png) repeat-x center; text-align: center;}
.spWap .box.active{ background:url(../images/jiangsu/bg9.png) repeat-x center;}
.spWap .box .jiantou{ display: none; position: absolute; top: 177px; left: 50%; margin-left: -16px; }
.spWap .box.active .jiantou{ display: block; }

.spWap2 .box{ height: 113px; width: 33%; }
.spWap2 .box.active{ width: 34%; }
.spWap2 .box .jiantou{ top: 112px; }
.spWap2 .span{ text-align: center; line-height: 113px; color: #fff; font-size: 22px;}


.spWap3 .box{ height: 113px; width: 25%; }
.spWap3 .box .jiantou{ top: 112px; }
.spWap3 .span{ text-align: center; color: #fff; font-size: 15px;}


.spWap .box .cont{ border-right: 1px solid #fff; height: 100%;}
.spWap .box:last-child .cont,.spWap .box.active .cont{ border-right: none; }


.pbWap{ position: relative; width: 1150px; overflow: hidden;}
.pbWap ul{ height: 706px; position: relative; overflow: hidden;}
.pbWap li{ width: 1150px; height: 706px;  float: left; }
.pbWap img{ width: 100%; height: 100%; }
.pbWap .box1{ width: 565px; height: 315px; float: left;  position: relative; margin-right: 25px;}
.pbWap .box2{ width: 369px; height: 367px; float: left;  position: relative; margin-right: 25px;}

.pbWap .ico28{ position: absolute; top: 50%; left: 50%; margin: -39px 0 0 -39px; display: none; }

.pbWap .control { text-align:center;}
.pbWap .control a{ display:inline-block; width:42px; height:2px; margin: 0 14px; background-color: #e5e5e5;}
.pbWap .control .now{ background-color: #0c3c91 }

.pxjgWap .box{ width: 347px; float: left; margin-right: 57px; }
.pxjgWap .box img{width: 347px; height: 230px; }

.fwWap img{ width: 168px; height: 53px; float: left; margin: 0 65px 50px 0; border: 1px solid #eeeeee }

.rzcpBanner{ height: 532px; overflow: hidden; position: relative; }
.rzcpBanner ul{ width: 100%; height: 532px; position: absolute;}
.rzcpBanner ul li{ height: 532px; float: left; }

.rzcpBanner .control { text-align:center; position: absolute; width: 100%; text-align: center; left: 0; bottom: 46px;}
.rzcpBanner .control a{ display:inline-block; width:42px; height:2px; margin: 0 14px; background-color: #e5e5e5;}
.rzcpBanner .control .now{ background-color: #0c3c91 }

.xqSpWap video{ width: 100%;  }

.bg11{ height: 446px; background: url(../images/jiangsu/bg11.png) repeat-x; text-align: center;}
.bg11 .box{display: inline-block; text-align: left; margin-top: 75px; vertical-align: middle;}
.bg11 .box1{ border: 5px solid #fff; width: 353px; height: 218px; }
.bg11 .box2{ border: 5px solid #fff; width: 463px; height: 218px; }

.detailImgWap img{ width: 1084px; }

.fullImg img{ width: 100%; }

.banner2{ height: 406px; background: url(../images/jiangsu/img12.jpg) no-repeat; text-align: center;}

.xqxqWap{ border-right: 1px solid #ddd; border-left: 1px solid #ddd; position: relative; }
.xqxqWap .menuList{ width: 290px; position: absolute; top: 180px; left: -293px;}
.xqxqWap .menuList li{ height: 74px; line-height: 74px; cursor: pointer; font-size: 16px; border-bottom: 1px solid #ddd}
.xqxqWap .menuList li:last-child{ border-bottom: none; }
.xqxqWap .menuList li.active{ border-bottom: none; color: #fff; width: 308px; text-indent: 50px; background: url(../images/jiangsu/bg12.png) no-repeat center; }

.spboxWap{ padding: 20px}
.spboxWap .box{ width: 31%; margin: 0 1% 20px 1%; float: left; border: 1px solid #ddd; cursor: pointer; }
.spboxWap .imgWap{ width: 100%; height: 204px; position: relative; overflow: hidden;}
.spboxWap .imgWap .btns{ width: 82px; height: 54px; position: absolute; top: 50%; left: 50%; margin: -27px 0 0 -41px; background: url(../images/jiangsu/vide0_btn.png); }
.spboxWap .imgWap img{ width: 100%; height: 100%; }
.spboxWap .imgWap:hover img{  transform: scale(1.1); transition: all 0.5s  }



.trust1{ background: url(../images/jiangsu/trust.jpg) no-repeat 0 center; background-size:100% 100%; height: 207px; margin:20px 0;}
.trust1 a{width: 177px; height: 51px;  border:2px solid #fff; border-radius: 5px; margin:76px auto;  text-align: left; color: #fff; display: block; font-size: 20px;position: relative; line-height: 51px; padding-left: 30px; }
.trust1 a:hover{ background: #3b76d4;}
.trust1 a i{ width: 21px; height: 21px;  display: inline-block; margin-top: 5px; margin-left: 10px;position: absolute; right: 10px;}
.trust1 a i img{width: 100%; *margin-top:-14px;}

[v-cloak]{ display: none }

.icon-user, .icon-user-plus, .icon-username {
    background-image: url(../images/sprite.png); display: inline-block;
}
.icon-user {
    background-position: -355px -172px;
    width: 22px;
    height: 22px;
}
.icon-user-plus {
    background-position: -377px -172px;
    width: 22px;
    height: 22px;
}














@keyframes rotate{
    0% {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
}