@charset "utf-8";

.container{padding-bottom:50px;}

.a-b{margin-top:50px;}
.a-b li{width:296px;height:176px;float:left;display:inline;position:relative;overflow:hidden;}
.a-b li .a1{display:block;width:296px;height:176px;background:url(tm.png);transition: all 0.5s;position:absolute;top:176px;left:0;}
.a-b li .a1 em{display:block;width:100%;background:url(a1.png) top 30px center no-repeat;padding-top:102px;color:#fff;font-size:18px;text-align:center;}
.a-b li:hover .a1{top:0;}

.a-b li .a2{display:block;width:296px;height:176px;color:#fff;transition: all 0.5s;position:absolute;top:176px;left:0;text-align:center;background:url(tm.png);}
.a-b li .a2 h2{font-size:18px;font-weight:normal;}
.a-b li .a2 em{display:block;width:100%;background:url(a1.png) top 30px center no-repeat;padding-top:102px;}
.a-b li:hover .a2{top:0;}

.a-b li:nth-child(2){margin:0 6px 0 5px;}
.a-b li:nth-child(4){float:right;}

.b-b{margin-top:46px;}
.b-b-z{width:708px;float:left;display:inline;}
.b-b-z ul{border-bottom:1px solid #ddd;}
.b-b-z li{height:60px;border-top:1px solid #ddd;padding:11px 0;}
.b-b-z li .date{width:77px;height:60px;border-right:1px solid #ddd;text-align:center;color:#666;float:left;}
.b-b-z li .date span{display:block;font-size:26px;line-height:37px;}
.b-b-z li .date em{display:block;font-size:14px;}
.b-b-z li .text{float:left;padding:6px 0 0 15px;}
.b-b-z li .text h2{font-size:16px;font-weight:normal;line-height:30px;}
.b-b-z li .text .p{color:#999;}
.b-b-z li .more{float:right;margin-top:14px;transition: all 0.5s;}
.b-b-z li .more a{display:block;width:33px;height:33px;background:url(more.png);}
.b-b-z li:hover .more{margin-right:10px;}

.b-b-r{width:444px;float:right;}
.b-b-r ul{padding-top:6px;}
.b-b-r li{float:left;display:inline;}
.b-b-r li:nth-child(2n){margin:0 6px;}
.b-b-r img{transition: all 0.5s;}
.b-b-r a:hover img{transform: scale(0.95);}

/* 新建样式 */
.comT p{font-size: 30px;color: #333;font-weight: bold;background: url(comTbg.png) no-repeat bottom center;padding-bottom: 12px;text-align: center;}

.s1{background: url(abusbg.png) no-repeat bottom center;padding-top: 64px;padding-bottom: 78px;overflow: hidden;}
.s1t{margin-top: 20px;}
.s1tl{background: #fff;}
.s1tl,.s1tr{float: left;width: 598px;max-height: 339px;overflow: hidden;}
.s1tr{position: relative;}
.s1tl{margin-right: 2px;}
.s1tl p{padding-left: 48px;max-width: 510px;text-align: left;}
.s1tl>p:nth-child(1){font-size: 18px;color: #333;font-weight: bold;padding-top: 47px;padding-bottom: 24px;}
.s1tl .con{font-size: 14px;color: #666;line-height: 25px;max-width: 510px;margin: 0 auto;}
.seemore{background: url(seemore.png) no-repeat center;display: block;width: 103px;height: 33px;margin-bottom: 34px;margin-left: 75%;}

.s1tr .hdone{ height:7px; overflow:hidden; position:absolute; right:11px; bottom:11px; z-index:1; }
.s1tr .hdone ul{ overflow:hidden; zoom:1; float:left;  }
.s1tr .hdone ul li{ float:left; margin-right:3px;  width:7px; height:7px; line-height:7px; text-align:center; background:#fff; cursor:pointer;line-height: 999;}
.s1tr .hdone ul li.on{ background:#fff; color:#fff; width: 23px;}

.s1b{margin-top: 3px;}
.s1bList ul li{float: left;width: 297px;height: 239px;background: #fff;}
.s1bList ul li a{display: block;width: 100%;height: 100%;}
.s1bList ul li a>img{display: block;margin: 0 auto;padding-top: 51px;padding-bottom: 20px;}
.s1bList ul li a>p{font-size: 18px;color: #454545;text-align: center;}
.s1bList ul li:not(:last-child){margin-right: 3px;}


.s2{background: url(online.png) no-repeat center;height: 487px;}
.s2sp{padding-top: 56px;}
.s2sp p{color: #fff;}
.picScroll-left .bdtwo ul li{position: relative;width: 283px;height: 374px;float: left;background: #fff;margin-right: 22px;}
.botm{position: absolute;bottom: 0;border-bottom: 1px solid #ebebeb;width: 282px;background: #1d56a5;height: 5px;left: 0;}
.picScroll-left{margin-top: 62px;position: relative;}
.picScroll-left .bdtwo ul li .xuhao{display: block;margin: 0px auto;margin-top: 45px;width: 49px;height: 42px;background: url(iconxg.png) no-repeat center;text-align: center;font-size: 25px;background-size: contain;color: #5f5e5f;}
.picScroll-left .bdtwo ul li  p{font-size: 16px;color: #333;max-width: 140px;text-align: center;margin: 5px auto;max-height: 70px;}
.picScroll-left .bdtwo ul li:after{position: absolute;width: 1px;height: 62px;content:'';left: 0;bottom: 0;background: #ebebeb;}
.picScroll-left .bdtwo ul li:before{position: absolute;width: 1px;height: 62px;content:'';right: 0;bottom: 0;background: #ebebeb;}

.picScroll-left .prev2{position: absolute;width: 24px;height: 44px;display: block;background: url(onlineprev.png) no-repeat center;left: -54px;top: 40%;}
.picScroll-left .next2{position: absolute;width: 24px;height: 44px;display: block;background: url(onlinenext.png) no-repeat center;right: -54px;top: 40%;}


.loList {margin-top: 23px;}
.loList dl dt{font-size: 12px;color: #444;text-align: justify;line-height: 22px;padding-left: 78px;background: url(pointW.png) no-repeat 60px center;}

.learnmore{position: absolute;display: block;width: 84px;height: 26px;bottom: 50px;left:50%;margin-left:-42px;text-align: center;color: #fff;background: #1d56a5;font-size: 12px;line-height: 26px;}

.picScroll-left .bdtwo ul li:hover{background: #1d56a5;}
.picScroll-left .bdtwo ul li:hover p{color: #fff;}
.picScroll-left .bdtwo ul li:hover .xuhao{background: url(iconxw.png) no-repeat center;color: #fff;}
.picScroll-left .bdtwo ul li:hover .loList dl dt{color: #fff;background: url(pointB.png) no-repeat 60px center;}
.picScroll-left .bdtwo ul li:hover .learnmore{background: #fff;color: #2e2e2e;}

.s3{margin-top: 140px;height: 522px;background: #eee;}
.s3sp{padding-top: 72px;}


.onlinepicScroll{position: relative;margin-top: 20px;}
.onlinepicScroll .bdonline ul li{float: left;width: 380px;height: 320px;margin-right: 30px;}
.onlinepicScroll .bdonline ul li .Lipic{position: relative;overflow: hidden;}
.onlinepicScroll .bdonline ul li .Lipic .date{z-index: 10;position: absolute;width: 75px;height: 84px;background:#1d56a5;left: 15px;top: 15px;}
.onlinepicScroll .bdonline ul li .Lipic .date span{display: block;color: #fff;text-align: center;}
.onlinepicScroll .bdonline ul li .Lipic .date span:nth-child(1){font-size: 36px;}
.onlinepicScroll .bdonline ul li .Lipic .date span:nth-child(2){font-size: 12px;color: #b1cdf2;}

.onlinepicScroll .bdonline ul li .Lipic a img{transition: all 0.5s ease-in;} 
.onlinepicScroll .bdonline ul li:hover .Lipic a img{transform: scale(1.09);}

.Lipic{width: 100%;height: 273px;}
.Licon {position: relative;}
.Licon p{font-size: 18px;color: #000;line-height: 40px;}
.Licon:after{position: absolute;width: 28px;height: 2px;background: #1d56a5;content: '';left: 0;bottom: 0;}

.s4sp{padding-top: 70px;}

.act{margin-top: 31px;}
.actl{float: left;margin-right: 44px;}
.actr{float: left;}
.actlList ul li{float: left;width: 273px;cursor: pointer;}
.actlList ul li:not(:last-child){margin-right: 29px;}
.actlList ul li p:nth-child(2){padding: 16px 0;font-size: 14px;color: #222;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.actlList ul li .actcon{font-size: 12px;color: #888;line-height: 20px;}
.actlList ul li .actPic{width: 273px;height: 185px;overflow: hidden;}
.actlList ul li .actPic a img{transition: all 0.5s ease-in-out;}
.actlList ul li:hover .actPic a img{transform: scale(1.09);}

.actmore{margin-top: 21px;display: block;width: 106px;height: 30px;line-height: 30px;text-align: center;color: #fff;background: #c3c1c1;}
.actlList ul li:hover .actmore{background: #1d56a5;color: #fff;}

.actrList ul li {width: 577px;height: 91px;border: 1px solid #e5e5e5;padding: 6px 0;}
.actrList ul li:not(:last-child){margin-bottom: 18px;}
.actrList ul li .rdate{width: 75px;border-right: 1px solid #ebebeb;float: left}
.actrList ul li .rdate span{display: block;text-align: center;}

.actrList ul li .rdate span:nth-child(1){font-size: 48px;color: #bdbdbd;}
.actrList ul li .rdate span:nth-child(2){font-size: 14px;color: #b9b8b8;}
.actrList ul li .rcon{float: left;width: 468px;border-left: 16px solid #fff;text-align: justify;}
.actrList ul li .rcon p:nth-child(1){margin-top: 8px;font-size: 14px;color: #222;margin-bottom: 15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.actrList ul li .rcon p:nth-child(2){font-size: 12px;color: #888;line-height: 20px;}