/* CSS Document */

/***************banner****************/

.banner{ width:100%; height:465px; float:left; overflow:hidden; position:relative;}

.banner-info{ position:absolute; width:100%; text-align:center; float:left; margin-top:120px; color:#fff;}

.banner-bg,.banner-bg img{ width:100%; height:100%; float:left; overflow:hidden;}

.page-type{ font-size:48px; margin-bottom:60px;margin-top: 60px}

.page-line{ display:block; height:60px; border-top:1px solid #fff; width:80px; margin:0 auto;}

.page-desc{ font-size:36px;}

.page-e{ position:absolute; left:50px; top:0; font-size:72px; opacity:0.12; font-weight:bold; width:50%; text-align:right;}

.page-e span{ font-size:150px;}

/*********************  news  ******************/

.focus-news{ width:100%; float:left;background:#fff;}

.box{background:#f4f4f4; width:100%; float:left; padding:20px 0;}

.news-box{ width:100%; float:left; margin-top:20px; background:#fff; padding:10px 20px 20px 20px; box-sizing:border-box;}

.news-more{ float:right; color:#999; display:block; height:20px; line-height:30px;}

.news-box-tit{ width:100%; float:left; padding:10px 0; border-bottom:1px solid #ddd;}

.news-box-tit p{ font-size:20px; color:#198dcd; float:left; position:relative;}

.news-box-tit p:after{ display:block; content:''; width:100%; height:3px; background:#198dcd; bottom:-12px; position:absolute;}

.news-box-tit p span{ color:#333;}

#owl-demo{position:relative;width:730px;height:345px; float:left; overflow:hidden;}

#owl-demo .item{ position:relative;display:block; width:100%; height:100%; float:left; overflow:hidden;}

#owl-demo img{width: 100%;height: 100%;vertical-align: top;transition:all 1s;}

#owl-demo .item:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;}

#owl-demo .item:hover img{transform:scale(1.05,1.05);}

#owl-demo b{position:absolute;left:0;bottom:0;width:100%;height:40px;background-color:#000;opacity:.5;filter:alpha(opacity=50);}

#owl-demo p{position:absolute;left:0;bottom:0;width:100%; font-size:18px; height:40px; line-height:40px;color:#fff; padding-left:20px;width:600px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}

.owl-pagination{position:absolute;right:10px;bottom:0;height:40px;text-align:right;}

.owl-page{display:inline-block;width:10px;height:10px;margin:15px 5px; border-radius:50%;background:#fff;*display:inline;*zoom:1; opacity:0.64;}

.owl-pagination .active{background:#198dcd; opacity:1;}

.owl-buttons{display:none;}

.owl-buttons div{position:absolute;top:50%;width:40px;height:80px;margin-top:-40px;text-indent:-9999px;}

.owl-prev{left:0;background-image:url(../img/bg17.png);}

.owl-next{right:0;background-image:url(../img/bg18.png);}

.owl-prev:hover{background-image:url(../img/bg19.png);}

.owl-next:hover{background-image:url(../img/bg20.png);}

.fouse-news-r{ width:505px; float:right;}

.first-news{ display:block; float:left; width:100%; border-bottom:1px dotted #999; padding-bottom:20px; height:95px; overflow:hidden; cursor: pointer;}

.first-news-date{ height:75px; width:75px; border:2px solid #198dcd; float:left; text-align:center;}

.first-news-date span{ line-height:45px; color:#198dcd; font-size:36px;}

.first-news-date p{ line-height:26px; background:#198dcd; color:#fff;}

.first-news-info{ float:right; width:calc(100% - 95px);}

.first-news-info p{ font-size:20px; color:#198dcd;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; line-height:27px;}

.first-news-info span{ display:block; width:100%; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; line-height:24px; font-size:14px;}

.fouse-news-list{ display:block; float:left; width:100%;}

.fouse-news-list li{ display:block; float:left; width:100%; height:50px; line-height:49px; border-bottom:1px dotted #999;}

.fouse-news-list li .list-ico{ display:block; float:left; border:1px solid #198dcd; width:10px; height:10px; border-radius:50%; margin:20px 10px 19px 5px;}

.fouse-news-list li .fouse-news-tit{ display:block; float:left; max-width:calc(100% - 78px); width:auto; height:100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; color:#333; transition:all 0.3s;}

.fouse-news-list li .fouse-news-tit:hover{ color:#198dcd;}

.fouse-news-list li .date{ float:right; display:block; color:#333; background:#eee; width:50px; height:30px; margin-top:10px; font-size:12px; text-align:center; line-height:30px; overflow:hidden;}

.news-box-content{ width:100%; float:left; padding-top:20px;}

.left-news{ width:360px; height:490px; float:left; background:#f5f5f5; position:relative;}

.left-news .news-img{ width:100%; height:325px; float:left; overflow:hidden; position:relative;}

.left-news .news-img img{width: 100%;height: 100%;vertical-align: top;transition:all 1s; transition:all 1s;}

.left-news .news-img:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;}

.left-news a:hover .news-img img{transform:scale(1.05,1.05);}

.newss-date{ position:absolute; top:0; right:0; background:rgba(25, 141, 205, 0.72); width:70px; height:70px; text-align:center; color:#fff; line-height:24px; padding-top:10px;}

.newss-date p{ font-size:20px;}

.newss-date span{ font-size:16px;}

.left-news .news-info{ float:left; padding:10px 20px;}

.left-news .news-info p{ font-size:16px; line-height:24px; color:#333;text-overflow: -o-ellipsis-lastline; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;

line-clamp: 2;-webkit-box-orient: vertical; margin-bottom:10px;}

.left-news .news-info span{ display:block; float:left; line-height:24px; font-size:14px;text-overflow: -o-ellipsis-lastline; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical; color:#999;}

.left-news .news-info:hover p,.company-news-list .news-info:hover p{ color:#198dcd;}

.company-news-list{ width:900px; float:right;}

.company-news-list a{ display:block; width:280px; height:245px; float:left; margin-left:20px; position:relative;}

.company-news-list a .news-img{ width:100%; height:155px; overflow:hidden; float:left; position:relative;}

.company-news-list a .news-img img{width: 100%;height: 100%;vertical-align: top;transition:all 1s;}

.company-news-list a .news-img:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;}

.company-news-list a:hover .news-img img{transform:scale(1.05,1.05);}

.company-news-list .news-info{ width:100%; float:left;}

.company-news-list .news-info p{ width:100%; height:30px; line-height:30px; font-size:16px; color:#333; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;word-break: break-all;}

.company-news-list .news-info span{ display:block; float:left; line-height:24px;text-overflow: -o-ellipsis-lastline; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; color:#999; font-size:14px;}

.notice .news-box-content a{ display:block; float:left; width:calc(33.333% - 20px); margin-right:30px; border-bottom:1px dotted #999; margin-bottom:20px; padding-bottom:20px;}

.notice .news-box-content a:nth-of-type(3n){ margin-right:0;}

.notice-date{height:75px; width:75px; border:2px solid #eee; float:left; text-align:center;}

.notice-date span{ line-height:45px; color:#999; font-size:36px;}

.notice-date p{ line-height:26px; background:#eee; color:#999;}

.notice-info{ float:right; width:calc(100% - 95px);}

.notice-info p{ width:100%; height:30px; line-height:30px; font-size:16px; color:#333; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;word-break: break-all;}

.notice-info span{ display:block; float:left; line-height:24px;text-overflow: -o-ellipsis-lastline; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; color:#999; font-size:14px;}

.notice-info:hover p{color:#198dcd;}

.news-list{ padding-top:0; padding-bottom:30px;}

.news-nav{ background:#fff; width:100%; float:left; height:50px;}

.news-nav-c{ display:table; margin:0 auto; text-align:center;}

.news-nav a{ float:left;color:#333; text-align:center; cursor:pointer; margin:0 20px; height:50px; line-height:50px;}

.news-nav a.active{ border-bottom:2px solid #198dcd; color:#198dcd;}

.news-nav a:hover{color:#198dcd;}

.news-content{ width:100%; float:left; margin-top:30px;}

.news-list-left{ width:910px; padding:20px; background:#fff; float:left;}

.news-list-left li{ display:block; float:left; padding:20px 0; border-bottom:1px dotted #999;}

.top-news{ width:100%; height:450px; position:relative; display:block; float:left;}

.top-news .news-img{ width:100%; height:100%; overflow:hidden; position:relative;}

.top-news .news-img img{width: 100%;height: 100%;vertical-align: top; transition:all 1s;}

.top-news .news-img:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;}

.top-news:hover .news-img img{transform:scale(1.05,1.05);}

.top-news-info{ position:absolute; right:0; top:0; background:rgba(0, 0, 0, 0.64); width:280px; height:100%; color:#fff;}

.top-news-info .news-date{background:#198dcd;background:rgba(25, 141, 205, 0.72); width:70px; height:70px; text-align:center; color:#fff; line-height:24px; padding-top:10px; float:right;}

.top-news-info .news-date p{ font-size:20px;}

.top-news-info .news-date span{ font-size:16px;}

.top-news-info .news-tit{ font-size:30px; line-height:45px;text-overflow: -o-ellipsis-lastline; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; margin-bottom:20px; width:100%; margin-top:50px; float:left; padding:0 20px;}

.top-news-info .news-desc{ display:block; float:left; width:100%;text-overflow: -o-ellipsis-lastline; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;line-clamp:5;-webkit-box-orient: vertical; line-height:24px; font-size:15px; padding:0 20px;}

.tab-bd li ul{ display:block; float:left; width:100%;}

.tab-bd li ul li{ display:block; float:left; width:100%; padding:20px 0; border-bottom:1px dotted #999;}

.list-news-img{ width:270px; height:150px; float:left; overflow:hidden; position:relative;}

.list-news-img img{width: 100%;height: 100%;vertical-align: top; transition: all 1s;}

.list-news-img:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;}

.news-list-left a:hover .list-news-img img{transform:scale(1.05,1.05);}

.list-news-info{ float:right; width:calc(100% - 300px);}

.list-news-tit{ width:80%; color:#333; font-size:24px; height:30px; line-height:30px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; margin-bottom:15px; transition:all 0.3s;}

.tab-bd li ul li a:hover .list-news-tit{ color:#198dcd;}

.list-news-desc{ width:98%; line-height:24px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; color:#999;overflow: hidden; height:48px;}

.list-news-info label{ float:left; display:block; margin-top:15px; width:85px; height:40px; background:#198dcd; color:#fff; text-align:center; line-height:40px;}

.list-news-date{ float:right; padding:0 10px; height:32px; line-height:32px; color:#333; font-size:14px; background:#eee; margin-top:19px;}

.more:hover{ background:#eee;}

.more{ display:block; color:#999; float:left; width:100%; text-align:center; border:1px solid #ddd; height:50px; line-height:48px; font-size:14px; transition:all 0.3s; margin-top:20px;}

.news-list-right{ float:right; width:360px;}

.right-news-box{ width:100%; float:left; padding:10px 20px 20px 20px; background:#fff; margin-bottom:20px;}

.right-news-tit{ width:100%; padding:10px 0; border-bottom:1px solid #ddd; height:40px;}

.right-news-tit p{ float:left; font-size:20px; color:#198dcd; position:relative;}

.right-news-tit p span{ color:#333;}

.right-news-tit p:after{ content:''; display:block; width:100%; height:3px; background:#198dcd; position:absolute; bottom:-11px;}

.right-news-content{ width:100%; float:left; margin-top:20px;}

.right-fouse-news{ width:100%; height:190px; float:left; overflow:hidden; position:relative;}

.right-fouse-news img{ width: 100%;height: 100%;vertical-align: top; transition:all 1s;}

.right-fouse-news:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;}

.right-fouse-news:hover img{transform:scale(1.05,1.05);}

.right-fouse-news p{ width:100%; position: absolute; left:0; bottom:0; background:rgba(0, 0, 0, 0.48); line-height:36px; height:36px; padding:0 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; color:#fff;}

.right-news-content ul{ display:block; float:left;}

.right-news-content ul li{ display:block; float:left; width:100%; height:40px; line-height:40px;}

.right-news-content ul li i{ display:block; float:left; width:5px; height:5px; float:left; margin:17px 5px;}

.tab-bd li .right-news-content li{ width:100%; float:left; width:100%; overflow:hidden; line-height:40px; padding:0; border:none;}

.tab-bd li .right-news-content li i{ display:block; float:left; width:5px; height:5px; background:#d9d9d9; margin:17px 0;}

.tab-bd li .right-news-content li a{ float:right; display:block; width:calc(100% - 15px); height:39px; line-height:39px;}

.ad{ width:100%; border-top:1px solid #ddd; padding-top:20px; float:left; margin-top:10px;}

.ad img{ width:100%;}

.hot-news a{ display:block; float:left; padding:20px 0; border-bottom:1px solid #ddd;}

.hot-news a:first-of-type{ padding-top:0;}

.hot-news a:last-of-type{ padding-bottom:0; border-bottom:none;}

.hot-news a p{ width:100%; height:190px; overflow:hidden; float:left; margin-bottom:10px; position:relative;}

.hot-news a img{width: 100%;height: 100%;vertical-align: top; transition:all 1s;}

.hot-news a p:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;}

.hot-news a:hover img{transform:scale(1.05,1.05);}

.hot-news a span{ font-size:16px; line-height:24px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; display:block; width:100%; float:left;}

.tab-bd li.notice .list-news-info{ width:100%;}

.notice-list{ padding-top:0;}

.notice-list li{ display:block; float:left; width:calc(50% - 15px); float:left; padding:20px; background:#fff; margin-bottom:20px;}

.notice-list li:nth-of-type(2n){ float:right;}

.notice-list li .list-news-info{ width:100%;}

.news-detail{ padding-top:0;}

.news-show{ width:100%; float:left; padding:0 30px 30px 30px;}

.news-detail-box{ width:100%;float:left;}

.news-show{ width:100%; float:left; background:#fff;}

.news-show-top{ width:100%; float:left; padding:30px 0;}

.news-show-tit{padding:20px 0 10px 0;font-size:32px;line-height:46px;color:#333;text-align: center;font-weight:bold;}

.news-show-top .center{display: table;overflow: hidden; text-align:center; margin:0 auto;}

.news-show-time{ float:left; line-height:36px; font-size:14px;}

.news-share{ float:left; width:80px; text-align:center; font-size:14px;}

.news-share span{ display:block; width:100%; margin:5px 0; font-size:12px; float:left;}

.news-share p{ float:left; width:100%; position:relative; margin-bottom:10px; background:none;}

.news-share p span{display:block;background: #fff;padding: 0 5px;text-align: center;font-size: 12px; color:#999; margin:0 auto; width:50px; position:absolute; left:50%; margin-left:-25px;}

.news-share p:after{content: "";display: block;width: 100%;height: 6px;border-bottom:1px solid #e8e8e8;}

.news-share div{width: 40px;height: 40px; clear:both;cursor: pointer;border-radius: 50%;background-size: contain;margin:10px 20px 5px; float:left; transition: all 0.3s;background-color: #ccc;}

#share-qrcode{ background-image: url(../img/share/wechat.png);}

#share-qzone { background-image: url(../img/share/qzone.png); }

#share-sina { background-image: url(../img/share/sina.png); }

#share-qq { background-image: url(../img/share/qq.png); }

.news-share #share-qrcode:hover{background-color: #08ba06;}

.news-share #share-qzone:hover{background-color: #ffcf10;}

.news-share #share-sina:hover{background-color: #e55f5f;}

.news-share #share-qq:hover{background-color: #18b4ed;}

#wrapper {overflow: hidden;}

#sidebar {width:80px;float:left; height:250px; margin-top:15px;}

#portamento_container {float:left; position:relative;} /* take the positioning of the sidebar, and become the start point for the sidebar positioning */

#portamento_container #sidebar {float:none; position:absolute;} /* no need to float anymore, become absolutely positoned */

#portamento_container #sidebar.fixed {position:fixed;} /* if the panel is sliding, it needs position:fixed */

.news-show-text{ float:right; width:calc(100% - 200px); font-size:16px; color:#333;line-height: 2.2; margin-right:80px;}

.news-show-text p{margin-bottom: 2em;overflow-wrap: break-word;word-wrap: break-word;}

.news-show-text p .desc {color: #9b9ea3;line-height: 20px;text-align: center;display: block;font-size: 14px;}

.news-show-text p img.content-picture {max-width: 100%;margin: .6em auto;display: block;}

.prenext{width: 100%;overflow: hidden;background: #f5f5f5; margin-top:100px; float:left;}

.prenext a{width:33.3%;padding:0px 20px;float:left;text-align:center;font-size:14px;color:#444444;line-height:68px;position:relative; transition:all 0.3s; height:68px;}

.prenext a i{ float:left;}

.prenext a:after{content:'';width:1px;position:absolute;top:0px;bottom:0px;right:0px;background:#fff;}

.prenext a:last-child:after{display:none}

.prenext a span{display:inline-block;height:68px;position:relative;padding:0 40px; margin:0 auto; text-align:center; overflow:hidden; line-height:68px;}

.prenext a.first:hover{padding:0px 30px 0px 10px;}

.prenext a.last:hover{padding:0px 10px 0px 30px;}

.prenext a:hover{color:#198dcd;}

.prenext a.first span:after,.prenext a.last span:after{ content:'';border: solid #333;border-width: 0 1px 1px 0; display: inline-block;padding: 5px;transform: rotate(135deg);-webkit-transform: rotate(135deg); float:left; margin:28px 0;position: absolute;margin-left: 14px;top: 2px; left:0; }

.prenext a.last span:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg); left:auto; right:2px;}

.prenext a:hover span:after{ border-color:#198dcd;}

.prenext a.mid span:before{ content:''; display:inline-block; float:left; width:12px; height:6px; border:2px solid #666; border-left:none; border-right:none; margin:30px 10px; transition:all 0.3s;}

.prenext a.mid span{ display:table; margin:0 auto; float:none;}

.prenext a.mid:hover span:before{ border-color:#198dcd;}
.news-show-text img {
    max-width: 100%;
}
@media screen and (max-width:768px){

.banner{ height:180px;}

.banner-info{ margin-top:30px;}

.page-type{ font-size:30px; margin-bottom:20px;}

.page-line{ height:20px;}

.page-desc{ font-size:24px;}

.box{ padding:10px 0;}

.focus-news{ padding:10px;}

#owl-demo{ width:100%; height:176px;}

#owl-demo p{ font-size:15px; width:260px;}

.fouse-news-r{ width:100%; margin-top:10px;}

.first-news-date{ width:60px; height:60px;}

.first-news-date span{ font-size:24px; line-height:30px;}

.first-news-date p{ font-size:13px;}

.first-news-info{ width:calc(100% - 70px);}

.first-news-info p{ font-size:16px;}

.first-news-info span{ line-height:20px; font-size:13px;}

.first-news-info p{ line-height:20px;}

.first-news{ height:70px; padding-bottom:0;}

.fouse-news-list li{ height:40px; line-height:39px;}

.fouse-news-list li .list-ico{margin: 15px 10px 9px 5px;}

.fouse-news-list li .date{ margin-top:5px;}

.news-box{ margin-top:10px;padding: 0 10px 10px 10px;}

.news-box-content{ padding-top:10px;}

.left-news{ width:100%; height:auto;}

.company-news-list{ width:100%; margin-top:10px;}

.company-news-list a{ width:calc(50% - 5px); margin-left:0; overflow:hidden;}

.company-news-list a:nth-of-type(2n){ float:right;}

.notice .news-box-content a{width:100%; margin-right:0; margin-bottom:10px; padding-bottom:10px;}

.notice .news-box-content a:nth-of-type(2n){ float:right;}

.news-list{ padding-top:0;}

.news-content{ margin-top:10px;}

.news-list-left{ width:100%; padding:10px;}

.top-news{ height:190px;}

.top-news-info{ width:40%;}

.top-news-info .news-tit{ margin-top:20px; font-size:18px; line-height:24px; padding:0 10px;}

.top-news-info .news-desc{ display:none;}

.list-news-img{ width:120px; height:78px;}

.list-news-info{ width:calc(100% - 130px)}

.list-news-tit{ width:100%; font-size:18px; line-height:24px; margin-bottom:0;}

.list-news-desc{ width:calc(100% - 70px); float:left; height:48px; overflow:hidden;}

.list-news-info label{ height:30px; line-height:30px; margin-top:0;}

.list-news-date{ margin-top:0; background:none;}

.list-news-info label{ display:none;}

.right-news-box{ display:none;}

.news-show{ padding:0;}

.news-show-top{ padding:10px 0;}

.news-show-tit{ font-size:18px; line-height:30px; padding:0;}

.news-show-time{ font-size:12px;}

.news-detail .wrap{ padding:0;}

.news-detail{ padding:0;}

.news-detail .news-content{ margin-top:0;}

#portamento_container,#sidebar{ display:none;}

.news-show-text{ width:100%; margin:0; padding:0 20px;}

.news-show-text p{ margin-bottom:1em; text-indent:30px;}

.news-show-text{ font-size:15px; line-height:1.8;}

.prenext{ margin-top:40px;}

.prenext a span{ padding:0 20px;}

.prenext a.mid span{ padding:0;}
.notice-list li{width:calc(50% - 5px); padding:10px;margin-bottom:10px;}

}