.NewsList .Title01{text-align: left;}
.DateSelect{width: 360px; background: #fff;}
.DateSelect select{width: 100%; height: 60px; padding: 0 4%; font-family: "GOTHIC"; font-size: 20px; color: #000;}

.NewsList ul li{width: 31.3333%; margin: 0 3% 3% 0; float: left; background: #fff;}
.NewsList ul li:nth-child(3n){margin-right: 0;}
.NewsList ul li .pic{position: relative;}
.NewsList ul li .pic img{display: block; width: 100%; height: 311px;}
.NewsList ul li .pic .mask{display: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); background-image: url(../images//more2.png); background-repeat: no-repeat; background-position: center center;}
.NewsList ul li .con{padding: 30px; position: relative;}
.NewsList ul li .date{position: absolute; left: 30px; top: 30px; text-align: center; font-family: "GOTHIC"; font-weight: bold; width: 75px;}
.NewsList ul li .date span{display: block; font-size: 50px; line-height: 53px; padding-bottom: 8px; color: #e1021a;}
.NewsList ul li .date em{display: block; font-size: 14px; line-height: 40px; color: #808080; padding-left: 30px;}
.NewsList ul li .date i{position: absolute; width: 59px; height: 39px; left: 50%; margin-left: -28px; top: 45px; background-image: url(../images/line8.png);}
.NewsList ul li .time{font-size: 16px; color: #e1021a; font-family: "GOTHIC"; font-weight: bold; display: none;}
.NewsList ul li .txt{padding-left: 100px;}
.NewsList ul li .txt .name{font-size: 20px; line-height: 35px; height: 70px; overflow: hidden; color: #000;}
.NewsList ul li .txt .info{font-size: 14px; line-height: 28px; color: #808080; height: 84px; overflow: hidden; margin: 15px 0px 40px;}
.NewsList ul li .txt .more{display: block; width: 44px; height: 9px; background-image: url(../images/more.png);}
.NewsList ul li:hover .pic .mask{display: block;}
.NewsList ul li:hover .txt .more{background-image: url(../images/more3.png);}
.NewsList ul li:hover .txt .name{color: #e1021a;}
.LoadMore{display: block; width: 220px; line-height: 70px; background: #fff; margin: 0 auto; text-align: center; color: #000; font-size: 16px;}
.LoadMore i{color: #e1021a; padding-left: 20px; font-size: 20px;}


@media ( max-width:1600px){
  .DateSelect select{height: 40px;}
  .NewsList ul li .pic img{height: 232px;}
}

@media ( max-width:1200px){
  .NewsList ul li .con{padding: 20px;}
  .NewsList ul li .date{display: none;}
  .NewsList ul li .time{display: block;}
  .NewsList ul li .txt{padding-left: 0px;}
  .NewsList ul li .txt .name{font-size: 16px; line-height: 26px; height: 52px;}
  .NewsList ul li .txt .info{margin: 15px 0px;}
  .LoadMore{width: 160px; line-height: 45px;}
  .LoadMore i{padding-left: 10px;}
  .NewsList ul li .pic img{height: 179px;}
}

@media ( max-width:768px){
  .DateSelect{width: 200px;}
  .NewsList ul li{width: 48.5%; margin-right: 0;}
  .NewsList ul li:nth-child(2n){float: right;}
  .NewsList ul li .pic img{height: 208px;}
}

@media ( max-width:640px){
  .NewsList ul li .pic img{height: 183px;}
}

@media ( max-width:480px){
  .NewsList ul{padding-top: 5%;}
  .NewsList ul li,.NewsList ul li:nth-child(2n){width: 100%; float: none;}
  .NewsList ul li .txt .name{height: auto; max-height: 52px;}
  .NewsList ul li .pic img{height: 214px;}
}

/* 新闻详情 */
.Ban2{height: 420px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.NewsDetail .NewsTit{text-align: center; border-bottom: 1px solid #d9d9d9;}
.NewsDetail .NewsTit h2{font-weight: normal; font-size: 40px; color: #000; line-height: 40px;}
.NewsDetail .NewsTit p{font-size: 16px; color: #999; padding: 2.5% 0; line-height: 32px;}
.NewsDetail .content{padding: 4% 0; font-size: 16px; line-height: 36px; color: #333; border-bottom: 1px solid #d9d9d9;}
.NewsDetail .content p{padding-bottom: 2%; text-indent: 0em;}

.PrevNextBox{margin: 3% 0 6%; position: relative;}
.PrevNext{max-width: 720px;}
.PrevNext dl{line-height: 88px; height: 88px; overflow: hidden; border-bottom: 1px solid #e6e6e6; font-size: 16px;}
.PrevNext dl .date{float: right; font-size: 14px; color: #999;}
.PrevNext dl a{color: #4c4c4c;}
.PrevNext dl:hover a{color: #e1021a;}
.PrevNextBox .down{width: 240px; line-height: 70px; background: #e1021a; font-size: 18px; color: #fff; text-align: center; position: absolute; right: 0px; top: 50%; margin-top: -35px;}
.PrevNextBox .down img{display: inline-block; vertical-align: middle; margin-right: 18px;}

.Aclick{line-height: 60px; font-size: 16px; color: #4c4c4c; border-top: 1px solid #e6e6e6; padding-top: 4%;}
.Aclick .goback{float: left;}
.Aclick .goback a{color: #4c4c4c;}
.Aclick .goback i{display: inline-block; vertical-align: middle; margin-left: 18px; width: 60px; height: 60px; background-color: #e1021a; background-image: url(../images/back.png); background-repeat: no-repeat; background-position: center center;}
.Aclick .share{float: right;}
.Aclick .share .bdsharebuttonbox{display: inline-block; vertical-align: middle;}
.Aclick .share .bdshare-button-style0-16 a,.Aclick .share .bdshare-button-style0-16 .bds_more{padding:0 !important; margin:0px 6px !important; width:58px !important; height:58px !important; border: 1px solid #e6e6e6; background-repeat: no-repeat !important; background-position: center center !important;}
.Aclick .share .bdshare-button-style0-16{display:inline-block;}
.Aclick .share .bdshare-button-style0-16 .bds_weixin{background-image: url(../images/s3.png);}
.Aclick .share .bdshare-button-style0-16 .bds_weixin:hover{background-image:url(../images/son3.png);}
.Aclick .share .bdshare-button-style0-16 .bds_tsina{background-image:url(../images/s1.png);}
.Aclick .share .bdshare-button-style0-16 .bds_tsina:hover{background-image:url(../images/son1.png);}
.Aclick .share .bdshare-button-style0-16 .bds_qzone{background-image:url(../images/s2.png);}
.Aclick .share .bdshare-button-style0-16 .bds_qzone:hover{background-image:url(../images/son2.png);}
.Aclick .share .bdshare-button-style0-16 a:hover{background-color: #e1021a !important; border: 1px solid #e1021a;}

@media ( max-width:1600px){
  .NewsDetail .NewsTit h2{font-size: 28px;}
  .NewsDetail .NewsTit p{padding: 1.5% 0;}
  .PrevNextBox .down{line-height: 50px; margin-top: -25px; font-size: 16px;}
  .PrevNextBox .down img{margin-right: 6px; width: 20px;}
}

@media ( max-width:1024px){
  .NewsDetail .NewsTit h2{font-size: 24px; line-height: 30px;}
  .PrevNext{width: 100%; max-width: 100%;}
  .PrevNextBox .down{position: static; display: block; margin: 4% auto 0;}
}

@media ( max-width:768px){
  .Ban2{height: 300px;}
  .NewsDetail .NewsTit h2{font-size: 20px;}
  .NewsDetail .NewsTit p{font-size: 14px; padding: 0 0 2%;}
  .NewsDetail .content{font-size: 14px; line-height: 28px;}
  .PrevNext dl{height: 60px; line-height: 60px; font-size: 15px;}
  .Aclick{line-height: 40px;}
  .Aclick .goback span{display: none;}
  .Aclick .goback i{width: 40px; height: 40px;}
  .Aclick .share .bdshare-button-style0-16 a, .Aclick .share .bdshare-button-style0-16 .bds_more{width: 40px !important; height: 40px !important; background-size: 60% 60% !important;}
}

@media ( max-width:480px){
  .NewsDetail .NewsTit h2{font-size: 18px;}
}

/* 车联网 */
.ClwBox{background-image: url(../images/clwbg.jpg);}
.ClwBox .list,.TestBox .list{text-align: center; margin-top: 5%;}
.ClwBox .list:last-child{margin-top: 0;}
.ClwBox .list li{width: 32.3333%; display: inline-block; margin-bottom: 0.5%;}

.TestBox{background-image: url(../images/testbg.jpg);}
.TestBox .list{background-image: url(../images/line5.png); background-repeat: no-repeat;text-align: center; background-position: left center;}
.TestBox .list li{width: 25%; float: left; color: #fff; background-image: url(../images/line5.png); background-repeat: no-repeat; background-position: right center;}
.TestBox .list li .num{font-family: "DIN Condensed Bold"; font-size: 50px; line-height: 94px;}
.TestBox .list li .num span{display: inline-block; font-size: 90px;}
.TestBox .list li p{font-size: 18px; line-height: 46px;}

.ZdjsBox{background-image: url(../images/zdjsbg.jpg); background-color: #fff; background-size: 100% auto; background-repeat: no-repeat; background-position: center top;}
.ZdjsBox .list{margin-top: 4%;}
.ZdjsBox .list li{width: 22.75%; margin-right: 3%; float: left;}
.ZdjsBox .list li:nth-child(4n){margin-right: 0;}
.ZdjsBox .list li .box{border-top: 2px solid #e1021a; background: #f5f5f5; text-align: center; padding: 25% 4% 35%; color: #000;}
.ZdjsBox .list li .box .name{display: block; font-size: 20px; line-height: 40px; margin-top: 5%;}
.ZdjsBox .list li .box .icon{display: inline-block; width: 130px; height: 130px; position: relative;}
.ZdjsBox .list li .box .icon img{position: absolute; left: 0px; top: 0px; width: 100%;}
.ZdjsBox .list li .box .icon .i1{transition: 400ms;}
.ZdjsBox .list li .box .icon .i2{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:500ms;}
.ZdjsBox .list li:hover .box .icon .i2{-webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}
.ZdjsBox .list li:hover .box .icon .i1{opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2);}
.ZdjsBox .list li:hover .box{background: #e1021a; color: #fff;}

@media ( max-width:1600px){
  .TestBox .list li .num{font-size: 40px; line-height: 65px;}
  .TestBox .list li .num span{font-size: 60px;}
  .TestBox .list li p{font-size: 16px; line-height: 30px;}

  .ZdjsBox .list li .box .icon{width: 110px; height: 110px;}
}

@media ( max-width:1024px){
  .TestBox .list li .num{font-size: 20px; line-height: 45px;}
  .TestBox .list li .num span{font-size: 40px;}
  .TestBox .list li p{font-size: 14px;}
}

@media ( max-width:768px){
  .ZdjsBox .list li .box .name{font-size: 16px; line-height: 26px;}
  .ZdjsBox .list li .box .icon{width: 70px; height: 70px;}
}

@media ( max-width:640px){
  .TestBox .list li{display: inline-block; float: none; width: 48%; margin-bottom: 3%; vertical-align: top;}
  .TestBox .list,.TestBox .list li:last-child{background-image: none;}
}

@media ( max-width:480px){
  .TestBox .list li .num{line-height: 30px;}
  .TestBox .list li .num span{font-size: 30px;}
  .TestBox .list li p{font-size: 12px;}

  .ZdjsBox .list li{width: 48%; margin: 0 0 3%;}
  .ZdjsBox .list li:nth-child(2n){float: right;}
}

/* 智慧城市 */
.MajorBox{background-image: url(../images/advbg.jpg);}
.MajorBox .list{margin-top: 4%;}
.MajorBox .list li{width: 49%; float: left; background: #fff; position: relative; margin: 1% 0;}
.MajorBox .list li:nth-child(2n){float: right;}
.MajorBox .list li .line{width: 2px; height: 100%; background: #e1021a; position: absolute; left: 0px; top: 50%; transform: translateY(-50%);}
.MajorBox .list li .box{padding: 32px 50px; position: relative;}
.MajorBox .list li .box .icon{width: 110px; top: 50%; position: absolute; left: 50px; margin-top: -55px;}
.MajorBox .list li .box .txt{padding-left: 165px;}
.MajorBox .list li .box .txt h3{font-weight: normal; font-size: 24px; color: #000; line-height: 32px; margin-bottom: 20px;}
.MajorBox .list li .box .txt dl{height: 104px; overflow: hidden;}
.MajorBox .list li .box .txt dl dd{padding-left: 20px; font-size: 16px; line-height: 26px; color: #4c4c4c; background-image: url(../images/arr7.png); background-repeat: no-repeat; background-position: left 10px;}
.MajorBox .list li:hover .line{animation: ad_height .5s linear forwards; width: 2px;}
@keyframes ad_height {
  from {
      height: 0
  }

  to {
      height: 100%
  }
}

.CaseBox{background: #fff;}
.CaseBox .list li{position: relative; background-repeat: no-repeat; background-size: 100vw; background-attachment: fixed; z-index: 0;}
.CaseBox .list li:last-child{margin-bottom: 0;}
.CaseBox .list li .pic img{display: block; width: 100%; opacity: 0;}
.CaseBox .list li .mask{position: absolute; width: 100%; height: 95%; padding-top: 5%; left: 0px; top: 0px; z-index: 1; text-align: center;}
.CaseBox .list li .mask .title{font-size: 60px; color: #333333; line-height: 60px;}
.CaseBox .list li .mask .info{font-size: 20px; line-height: 42px; color: #4c4c4c; margin: 4% 0;}
.CaseBox .list li .mask dl dd{display: inline-block; width: 150px; line-height: 56px; color: #fff; font-size: 20px; background: rgba(0,0,0,0.2);}
.CaseBox .list li .mask .morebtn{display: none; vertical-align: middle; margin: 8% auto 0; width: 120px; background: rgba(255,255,255,0.5);}
.CaseBox .list li .mask .more{display: inline-block; width: 44px; height: 9px; padding: 15px 0px; background: url(../images/more.png) no-repeat center center; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.CaseBox .list li:hover .mask .more{margin-left: 50px; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}


@media ( max-width:1600px){
  .CaseBox .list li .mask .title{font-size: 30px; line-height: 30px;}
  .CaseBox .list li .mask .info{font-size: 18px; line-height: 30px;}
}

@media ( max-width:1024px){
  .MajorBox .list li,.MajorBox .list li:nth-child(2n){width: 100%; float: none;}
  .MajorBox .list li .box .txt h3{margin: 10px 0px; font-size: 20px;}
  .MajorBox .list li .box .txt dl{height: auto;}
  .CaseBox .list li .pic img{opacity: 1;}
  .CaseBox .list li .mask .title{font-size: 24px;}
  .CaseBox .list li .mask .info{margin: 2% 0;}
  .CaseBox .list li .mask dl dd{width: 120px; line-height: 30px; font-size: 16px;}
}

@media ( max-width:768px){
  .MajorBox .list li .box{padding: 20px;}
  .MajorBox .list li .box .txt dl dd{font-size: 14px; line-height: 24px;}
  .MajorBox .list li .box .icon{width: 85px; margin-top: -42px; left: 20px;}
  .MajorBox .list li .box .txt{padding-left: 115px;}
  .MajorBox .list li .box .txt h3{font-size: 18px; line-height: 26px;}
  .CaseBox .list li .mask .title{font-size: 20px;}
  .CaseBox .list li .mask .info{font-size: 14px; line-height: 26px;}
  .CaseBox .list li .mask dl dd{width: 85px; font-size: 14px; margin: 2px 0px;}
}

@media ( max-width:480px){
  .MajorBox .list li{margin: 2% 0;}
  .MajorBox .list li .box .icon{position: static; margin: 0 auto; display: block;}
  .MajorBox .list li .box .txt{padding-left: 0;}
  .MajorBox .list li .box .txt h3{text-align: center;}
  .CaseBox .list li .mask{position: static; background: #f8f8f8;}
  .CaseBox .list li .mask .morebtn{width: 100px; margin: 8% auto;}
  .CaseBox .list li .mask .more{padding: 10px 0px;}
}

/* 全域旅游 */
.SystemBox{margin-top: 4%; position: relative;}
.SystemBox .arrow{position: absolute; width: 44px; height: 9px; background-image: url(../images/more.png); left: 50%; top: 50%; margin: -4px 0px 0px -22px;}
.SystemBox dl dd{width: 42.85%; float: left; text-align: center;}
.SystemBox dl dd:nth-child(2n){float: right;}

.CaseList{background: #fff;}
.CaseList .list{margin-top: 4%; position: relative; padding-bottom: 8%;}
.CaseList .list dl{border: 1px solid #e6e6e6; border-bottom: none; border-right: none;}
.CaseList .list dl dd{width: 16.6666%; float: left;}
.CaseList .list dl dd a{display: block; border-bottom: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6;}
.CaseList .flex-control-nav{bottom: 0px;}
.CaseList .flex-control-paging li a{width: 16px; height: 16px; box-shadow: none; background-image: url(../images/dot.png); background-repeat: no-repeat; background-position: center top; background-color: rgba(255,255,255,0)}
.CaseList .flex-control-paging li a.flex-active{background-position: center bottom;}

.CaseList .list2 .slides li a{display: block; margin: 0px 20px; border-bottom: 1px solid #e6e6e6;}
.CaseList .list2 .slides li .txt{padding: 10% 0;}
.CaseList .list2 .slides li .name{margin-bottom: 8%; font-size: 20px; color: #000; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.CaseList .list2 .slides li .more{display: block; width: 44px; height: 9px; background-image: url(../images/more3.png);}
.CaseList .list2 .slides li:hover .name{color: #e1021a}

@media ( max-width:1024px){
  .CaseList .list2 .slides li a{margin: 0px 5px;}
  .CaseList .list2 .slides li .name{font-size: 16px;}
}

@media ( max-width:640px){
  .CaseList .list2 .slides li .name{font-size: 14px;}
}

@media ( max-width:480px){
  .SystemBox .arrow{transform:rotate(90deg);}
  .SystemBox dl dd{width: 100%; float: none;}
  .SystemBox dl dd:first-child{margin-bottom: 50px;}
  .CaseList .list{padding-bottom: 12%;}
}

/* 城市管理 */
.SortSlider .slides li{position: relative;}
.SortSlider .slides li .pic img{display: block; width: 100%;}
.SortSlider .slides li .mask{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.SortSlider .slides li .mask .txt{padding: 20% 10% 10%;}
.SortSlider .slides li .mask .txt .Title01{text-align: left;}
.SortSlider .slides li .mask .txt .Title01 i{background: rgba(255,255,255,0.2);}
.SortSlider .slides li .mask .txt .info{font-size: 14px; line-height: 34px; color: #fff; margin-top: 3%;}
.SortSlider .flex-direction-nav a{line-height: 1000px; overflow: hidden; top: 50%; margin-top: -25px; width: 50px; height: 50px; background-color: rgba(0,0,0,0.2); background-repeat: no-repeat; background-position: center center;}
.SortSlider .flex-direction-nav .flex-prev{left: 0px; background-image: url(../images/left.png);}
.SortSlider .flex-direction-nav .flex-next{right: 0px; background-image: url(../images/right.png);}
.SortSlider .flex-direction-nav a:hover{background-color: #e1021a;}

.CarAbout .pic{text-align: center; margin-top: 4%;}
.CarAbout .list2{margin-top: 4%;}
.CarAbout .list2 li{width: 16.6666%; float: left; text-align: center;}
.CarAbout .list2 li .name{display: block; font-size: 18px; line-height: 32px; color: #000000; margin-top: 3%;}
.CarAbout .list2 li .icon{width: 148px; display: inline-block; height: 148px; position: relative; border: 1px solid #e6e6e6;}
.CarAbout .list2 li .icon img{position: absolute; width: 100%; left: 0px; top: 0px;}
.CarAbout .list2 li .icon .i1{transition: 400ms;}
.CarAbout .list2 li .icon .i2{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:500ms;}
.CarAbout .list2 li:hover .icon .i2{-webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}
.CarAbout .list2 li:hover .icon .i1{opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2);}
.CarAbout .list2 li:hover .icon{border: 1px solid #e1021a; background: #e1021a;}
.CarAbout .list2 li:hover .name{color: #e1021a;}

@media ( max-width:1600px){
  .CarAbout .list2 li .icon{width: 100px; height: 100px;}
  .CarAbout .list2 li .name{font-size: 16px;}
}

@media ( max-width:1024px){
  .CarAbout .list2 li{width: 33.33333%; margin-bottom: 3%;}
}

@media ( max-width:768px){
  .SortSlider .slides li .mask .txt{padding: 8% 10% 0;}
  .SortSlider .slides li .mask .txt .info{line-height: 26px;}
  .SortSlider .flex-direction-nav a{width: 30px; height: 30px; margin-top: -15px; background-size: 25% 50%;}
}

@media ( max-width:640px){
  .CarAbout .list2 li .icon{width: 80px; height: 80px;}
  .CarAbout .list2 li .name{font-size: 14px; line-height: 28px;}
}

@media ( max-width:480px){
  .CarAbout .list2 li .icon{width: 60px; height: 60px;}
  .CarAbout .list2 li .name{font-size: 12px;}
}

/* 社会招聘 */
.JobTxt{margin-bottom: 5%;}
.JobList{padding: 0 0 5%;}
.JobList ul{border: 1px solid #d9d9d9; border-bottom: none;}
.JobList li.First{background:#fafafa;}
.JobList li.First .Titname,.JobList li.First .Titname1{ font-size:18px; color:#000; overflow:hidden;}
.JobList li .Titname{display:block; float:left; width:14.285%; text-align:center; color:#4c4c4c; font-size:14px; overflow:hidden; line-height:68px; height:68px; position:relative; border-bottom: 1px solid #e6e6e6;}
.JobList li .Titname1{display:block; float:left; width:20%; text-align:center; color:#4c4c4c; font-size:14px; overflow:hidden; line-height:68px; height:68px; position:relative; border-bottom: 1px solid #e6e6e6; background: url(../images/lines.png) repeat-y left center;}
.JobList li .Titname1:first-child{background: none;}
.JobList li.First .Titname:after{content:"";display:block;width:1px;height:100%;background:#d9d9d9;position:absolute;right:0px;top:0px;}
.JobList li.First .Titnames:after{display:none;}

.JobList li .Titname .cheack{cursor:pointer; display:inline-block; vertical-align: middle; background:url(../images/jia2.png) center right no-repeat; width: 24px; height: 24px;}
.JobList li.lion .Titname .cheack{background:url(../images/jian2.png) center right no-repeat;}

.JobList li .Con{position: relative; display:none; padding:0% 5%; border-bottom: 1px solid #d9d9d9; font-size:14px;color:#4c4c4c;line-height:30px;}
.JobList li .Con dd{border-bottom:1px solid #e6e6e6; padding:4% 0;}
.JobList li .Con dd:last-child{border-bottom: none;}
.JobList li .Con dd .title01{font-size:18px; color:#000; border-left:2px solid #e1021a;padding-left:10px;line-height:20px;margin-bottom:35px;}
.JobList li .Con .hide{padding: 4% 0 0; display: none;}
.JobList li .Con .hide p{width: 48%; float: left;}
.JobList li .Con .hide p:nth-child(2n){float: right;}
.JobList li .Con .hide p span{color: #000;}
.apply{position: absolute; top: 8%; right: 6%; font-size:18px; color:#fff; background:#e1021a; width:180px; height:60px; display:block; line-height:60px; text-align:center;}
.apply .arrow{display: inline-block; width: 24px; vertical-align: middle; margin-right: 15px;}

.WayBox .title{font-size: 24px; color: #000; font-family: "微软雅黑"; margin-bottom: 3%;}
.WayBox ul{border: 1px solid #d9d9d9;}
.WayBox ul li{width: 25%; float: left;}
.WayBox ul li .box{padding: 40px; height: 218px; border-right: 1px solid #d9d9d9; line-height: 30px;}
.WayBox ul li:nth-child(4n) .box{border-right: none;}
.WayBox ul li .box .icon{display: inline-block; width: 54px;}
.WayBox ul li .box .name{font-size: 18px; color: #000; margin: 25px 0px 10px;}
.WayBox ul li .box .info{font-size: 14px; color: #4c4c4c;}
.WayBox ul li .box .weixin{text-align: center;}
.WayBox ul li .box .weixin .tit{display: block; font-size: 18px; color: #000;}

@media ( max-width:768px){
  .JobList li .Titname{height: 45px; line-height: 45px;}
  .JobList li .Titname:nth-child(1){width: 70%; text-align: left; padding-left: 4%;}
  .JobList li .Titname:nth-child(7){width: 26%;}
  .JobList li .Titname:nth-child(2),.JobList li .Titname:nth-child(3),.JobList li .Titname:nth-child(4),.JobList li .Titname:nth-child(5),.JobList li .Titname:nth-child(6){display:none;}
  .JobList li .Con{padding: 0 3% 4%; line-height: 25px;}
  .apply{width:130px; height:45px; line-height:45px; font-size:16px; position: static; display: block;}
  .apply .arrow{width: 18px; margin-right: 8px;}
  .JobList li .Con dd{padding:30px 0 15px 0;}
  .JobList li .Con dd .title01{margin-bottom:15px; font-size: 16px;}
  .JobList li .Con .hide{display: block;}

  .WayBox .title{font-size: 20px;}
  .WayBox ul li .box{padding: 20px; height: 180px; line-height: 24px;}
  .WayBox ul li .box .name{font-size: 16px;}
}

@media ( max-width:640px){
  .WayBox ul{border-bottom: none;}
  .WayBox ul li{width: 50%; text-align: center;}
  .WayBox ul li .box{border-bottom: 1px solid #d9d9d9;}
  .WayBox ul li:nth-child(2n) .box{border-right: none;}
  .WayBox ul li .box .weixin img{max-height: 130px;}
}

@media ( max-width:480px){
  .JobList li .Titname{height:55px;line-height:55px;}
  .JobList li.First .Titname,.JobList li.First .Titname1{font-size:16px;}
  .JobList li .Titname{font-size:14px;}
  .JobList li .Titname .cheack{padding-right:25px;}
  .JobList li .Con .hide p,.JobList li .Con .hide p:nth-child(2n){width: 100%; float: none;}

  .WayBox{padding: 5% 0 0%;}
  
}

/*应聘表单*/
.recruitform{margin:0 auto; width:580px;}
.recruitform dl{margin-bottom:20px; position: relative; padding-left: 66px;}
.recruitform dl dt{position: absolute; left: 0px; top: 0px; text-align: right; line-height:40px; width: 50px; color:#4d4d4d; font-size:16px;}
.recruitform dl dd{border:1px solid #e6e6e6; padding: 0px 10px; line-height: 38px;}
.recruitform dl.noborder dd{border: none; padding: 0;}
.recruitform dl dd .input{height:38px; line-height:38px; font-size:14px; width:100%;}
.recruitform dl dd label{ float:left; line-height:40px; margin-right:20px; font-size:16px; color:#4d4d4d;}
.recruitform dl dd label input.radio{ margin-right:8px; }
.recruitform dl dd textarea{height:148px; font-size:14px; width:100%;}
.recruitform dl.btn{ text-align:center; width:100%; float:none; clear:both; margin-bottom:0; padding: 0;}
.recruitform dl.btn input{ width:120px; color:#fff; height:36px; line-height:36px; font-size:16px; cursor:pointer; border-radius:18px; -webkit-border-radius:18px;  -moz-border-radius:18px; margin:0 8px;}
.recruitform dl.btn input.submit{background:#e1021a; }
.recruitform dl.btn input.reset{background:#ccc; }

@media ( max-width:480px){
.recruitform{width:100%;}
}

.JobForm h2{font-size: 24px; color: #e1021a; margin-bottom: 3%;}
.JobForm .box .w2{width: 47%; margin-bottom: 1.5%;}
.JobForm .box .title{font-size: 18px; color: #e1021a; font-weight: bold; line-height: 40px; margin-bottom: 20px;}
.JobForm .box dl{position: relative; margin-bottom: 15px; line-height: 36px; font-size: 14px; color: #666;}
.JobForm .box dl dt{font-size: 16px; color: #333; width: 145px; text-align: right; position: absolute; left: 0px; top: 0px;}
.JobForm .box dl dt i{color: #e1021a; margin-right: 5px;}
.JobForm .box dl dd{border: 1px solid #e5e5e5; margin-left: 155px; padding: 0px 10px;}
.JobForm .box dl dd .input,.JobForm .box dl dd select{width: 100%; height: 36px; font-size: 16px; color: #333;}
.JobForm .box .btns{display: block; width: 150px; height: 40px; margin: 3% auto 0; background: #e1021a; color: #fff; font-size: 16px;}
.JobForm .box dl .button{position: relative; display: inline-block; margin-right: 10px; width: 120px; height: 36px;}
.JobForm .box dl .button .uptxt{display: block; text-align: center; background: #e1021a; color: #fff; font-size: 16px;}
.JobForm .box dl .button .upload{opacity: 0; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 3;}

@media ( max-width:1024px){
  .JobForm h2{font-size: 20px;}
  .JobForm .box .title{font-size: 17px;}
}

@media ( max-width:640px){
  .JobForm .box .w2{width: 100%; float: none !important;}
}

@media ( max-width:480px){
  .JobForm h2{font-size: 18px; margin-bottom: 5%;}
  .JobForm .box dl dt,.JobForm .box dl dd .input,.JobForm .box dl dd select{font-size: 14px;}
  .JobForm .box dl dt{width: 128px;}
  .JobForm .box dl dd{margin-left: 135px;}
}

/* 校园招聘 */
.CampusList .apply{position: static; margin-bottom: 4%;}
.CampusList table{text-align: center;}
.CampusList table.tit tr td{font-weight: normal; color: #000; background: #fafafa; font-size: 18px; height: 68px;}
.CampusList table td{font-size: 16px; color: #4c4c4c; line-height: 26px; height: 100px; background: #fff;}
.CampusList table tr th:last-child,.CampusList table tr td:last-child{text-align: center;}
.CampusList .info,.CampusList .tit{border-left: 1px solid #d9d9d9;}
.CampusList .tit{border-top: 1px solid #d9d9d9;}
.CampusList .info tr td,.CampusList .tit tr td{border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;}
.CampusList .info tr td table{border-left: none;}
.CampusList .info tr td table tr:last-child td,.CampusList .tit tr td table tr:last-child td{border-bottom: none;}
.CampusList .info tr td table tr td:last-child,.CampusList .tit tr td table tr td:last-child{border-right: none;}

.CampusBox{background-image: url(../images/xybg.jpg); margin: 5% 0 0;}
.CampusBox table{margin-top: 4%;}
.CampusBox table th,.CampusBox table td{padding: 0px 3%; width: 25%; background: #fff;}
.CampusBox table th{font-size: 18px; height: 79px; text-align: left; background: #e1021a; font-size: 18px; font-weight: normal; color: #fff;}
.CampusBox table td{font-size: 16px; height: 78px; color: #000;}

.SeniorBox{background-image: url(../images/xzbg.jpg); margin-bottom: 5%;}
.SeniorList{margin-top: 4%;}
.SeniorList .slides li{position: relative; overflow: hidden;}
.SeniorList .slides li:nth-child(2n){margin-top: 50px;}
.SeniorList .slides li .pic img{display: block; width: 100%;}
.SeniorList .slides li .mask{background: rgba(0,0,0,0.5); position: absolute; left: 0px; bottom: 0; color: #fff; width: 100%; height: 70px;}
.SeniorList .slides li .mask .txt{text-align: center;}
/*.SeniorList .slides li .mask .txt .name.n1{display: none;}*/
.SeniorList .slides li .mask .txt .name.n2{display: none;}
.SeniorList .slides li .mask .txt .name span{display: block; font-size: 24px; line-height: 70px; height: 70px;}
.SeniorList .slides li .mask .txt .name i{display: block; width: 20px; height: 1px; background: #fff;}
.SeniorList .slides li .mask .txt .info{display: none; font-size: 14px; line-height: 34px;}
.SeniorList .slides li:hover .mask{height: 100%;} 
.SeniorList .slides li:hover .txt{padding: 10% 6%; text-align: left;}
.SeniorList .slides li:hover .txt .info{display: block; margin-top: 6%;}
.SeniorList .slides li:hover .mask .txt .name.n2{display: block;}
.SeniorList .slides li:hover .mask .txt .name.n1{display: none;}
.SeniorList .flex-direction-nav a{line-height: 1000px; overflow: hidden; top: 50%; margin-top: -25px; width: 50px; height: 50px; background-color: rgba(0,0,0,0.2); background-repeat: no-repeat; background-position: center center;}
.SeniorList .flex-direction-nav .flex-prev{left: -8%; background-image: url(../images/left.png);}
.SeniorList .flex-direction-nav .flex-next{right: -8%; background-image: url(../images/right.png);}
.SeniorList .flex-direction-nav a:hover{background-color: #e1021a;}

@media ( max-width:1600px){
  .SeniorList .slides li .mask .txt .info{line-height: 24px;}
  .SeniorList .slides li .mask .txt .name span{font-size: 20px;}
}

@media ( max-width:1300px){
  .SeniorList .flex-direction-nav .flex-prev{left: 0;}
  .SeniorList .flex-direction-nav .flex-next{right: 0;}
}

@media ( max-width:1200px){
  .CampusList table.tit,.CampusList table.info{width: 1400px;}
  .CampusList{overflow-x: scroll;}
}

@media ( max-width:1024px){
  .CampusList table.tit tr td{font-size: 16px;}
  .CampusList table td{font-size: 14px; height: 40px;}
  .CampusBox table th{font-size: 16px; height: 50px;}
  .CampusBox table td{font-size: 14px; height: 60px;}
}

@media ( max-width:768px){
  .SeniorList .flex-direction-nav a{width: 30px; height: 30px; margin-top: -15px; background-size: 25% 50%;}
  .SeniorList .slides li .mask{height: 40px;}
  .SeniorList .slides li .mask .txt .name span{line-height: 40px; height: 40px; font-size: 16px;}
}

@media ( max-width:480px){
  .CampusBox table th,.CampusBox table td{text-align: center;}
  .SeniorList .slides li:hover .mask{height: 40px;} 
  .SeniorList .slides li:hover .mask .txt{text-align: center; padding: 0;}
  .SeniorList .slides li:hover .txt .info{display: none;}
}

/* 联系我们 */
.ContactBan dl dd{position: relative; padding-left: 74px; font-size: 20px; line-height: 54px; margin-bottom: 20px;}
.ContactBan dl dd em{position: absolute; left: 0px; top: 0px; background-repeat: no-repeat; background-position: center center; width: 54px; height: 54px; background-color: rgba(255,255,255,0.2);}
.ContactBan dl dd.c1 em{background-image: url(../images/ct1.png);}
.ContactBan dl dd.c2 em{background-image: url(../images/ct2.png);}
.ContactBan dl dd.c3 em{background-image: url(../images/ct3.png);}
.ContactBan dl dd span{font-family: "微软雅黑";}
.ContactBan .ewm{position: absolute; right: -60%; top: 50%; width: 170px; margin-top: -85px; text-align: center;}
.ContactBan .ewm .name{display: block; margin-top: 15px; line-height: 30px; color: #fff; font-size: 20px;}

.Map img{display: block; width: 100%;}

.ContactList .box{margin-bottom: 2%;}
.ContactList .box:last-child{margin-bottom: 0;}
.ContactList .box ul{text-align: center; margin-top: 3%;}
.ContactList .box li{width: 23.5%; margin: 0 0.5% 1.5%; vertical-align: top; display: inline-block; height: 230px; background: #fff; position: relative;}
.ContactList .box li i{position: absolute; width: 50px; height: 2px; left: 50px; top: 0px; background: #e1021a;}
.ContactList .box li .con{padding: 6% 4%; line-height: 30px; text-align: left;}
.ContactList .box li .con .name{display: block; font-size: 20px; color: #000;}
.ContactList .box li .con .info{font-size: 14px; color: #4c4c4c; margin-top: 3%;}
.ContactList .box li:hover{box-shadow: 0px 0px 20px #ddd;}

@media ( max-width:1024px){
  .ContactList .box li{width: 48%;}
}

@media ( max-width:768px){
  .ContactBan .Baninfo{padding-top: 18%;}
  .ContactList .box li .con .name{font-size: 16px;}
}

@media ( max-width:640px){
  .ContactBan dl dd em{width: 30px; height: 30px;}
  .ContactBan dl dd{font-size: 16px; padding-left: 46px; line-height: 30px;}
  .ContactBan .con{font-size: 14px; line-height: 24px;}
  .ContactList .box li{width: 100%; margin: 0 0 2%; height: auto;}
}

@media ( max-width:480px){
  .ContactBan .Baninfo .title span{font-size: 18px; line-height: 30px;}
}

/* 投资者关系 */
.TzzMain .Menus{width: 200px; float: left;}
.TzzMain .Menus a{display: block; position: relative; padding-left: 30px; margin-bottom: 10px; line-height: 50px; font-size: 16px; color: #333333;}
.TzzMain .Menus a i{position: absolute; left: 0px; top: 50%; width: 10px; height: 1px; background: #333333;}
.TzzMain .Menus a.active{background: #e1021a; color: #fff;}
.TzzMain .Menus a.active i{display: none;}
.TzzBox{width: 80%; float: right;}
.TzzBox .Title01{border-bottom: 1px solid #d9d9d9; text-align: left; padding-bottom: 2%; margin-bottom: 5%;}
.TzzBox .Notice{margin-bottom: 3%;}
.TzzBox .Notice li{width: 48%; float: left; position: relative; margin-bottom: 5%;}
.TzzBox .Notice li:nth-child(2n){float: right;}
.TzzBox .Notice li .date{position: absolute; left: 0px; top: 0px; width: 56px; text-align: center; font-family: "GOTHIC"; font-weight: bold;}
.TzzBox .Notice li .date span{display: block; font-size: 50px; line-height: 54px; padding-bottom: 7px; color: #e1021a;}
.TzzBox .Notice li .date em{display: block; font-size: 14px; line-height: 40px; color: #808080; padding-left: 30px;}
.TzzBox .Notice li .date i{position: absolute; width: 59px; height: 39px; left: 50%; margin-left: -28px; top: 50px; background-image: url(../images/line8.png);}
.TzzBox .Notice li .txt{margin-left: 94px; padding-left: 50px; border-left: 1px solid #ccc; line-height: 30px;}
.TzzBox .Notice li .txt .name{font-size: 20px; color: #000; margin-bottom: 5px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.TzzBox .Notice li .txt .info{font-size: 14px; color: #808080; height: 60px; overflow: hidden;}
.TzzBox .Notice li .txt .more{display: block; width: 43px; height: 17px; background-image: url(../images/more.png); background-repeat: no-repeat; background-position: center center; margin-top: 38px; opacity: 0.2; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.TzzBox .Notice li:hover .txt .more{background-image: url(../images/more3.png); opacity: 1; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; margin-left: 15px;}
.TzzBox .Notice li:hover .name{color: #e1021a;}




@media ( max-width:1366px){
  .TzzBox{width: 77%;}
}

@media ( max-width:1024px){
  .TzzMain .Menus{width: 100%; float: none; margin-bottom: 4%; text-align: center;}
  .TzzMain .Menus a{display: inline-block; margin: 0px 5px; padding: 0px 20px;}
  .TzzMain .Menus a i{display: none;}
  .TzzBox{width: 100%; float: none;}
  .TzzBox .Notice li .date span{font-size: 40px;}
}

@media ( max-width:768px){
  .TzzBox .Notice li .date span{font-size: 30px;}
  .TzzBox .Notice li .txt{padding-left: 20px; margin-left: 76px;}
  .TzzBox .Notice li .txt .name{font-size: 16px;}
}

@media ( max-width:480px){
  .TzzMain .Menus{margin-bottom: 8%;}
  .TzzMain .Menus a{padding: 0px 15px; line-height: 40px;}
  .TzzBox .Notice li,.TzzBox .Notice li:nth-child(2n){width: 100%; float: none;}
}