.pageBanner{width: 100%;overflow: hidden;position: relative;}
.pageBanner img{width: 100%;display: block;position: relative; }
.pageBanner iframe{ width: 100%; height: 100%;box-sizing: border-box; position: absolute; top: 0; left: 0; right: 0; z-index: 1;}
.pageBanner .wrap{height: 100%;position: absolute;top: 0;left: 0;right: 0; z-index: 2;}
.pageBanner .cont{width: 100%;position: absolute;top: 50%;left: 0;transform: translateY(-20%);padding:0 3%;box-sizing: border-box;}
.pageBanner .cont .tit{font-size: 60px;line-height: 70px;color: #ffffff;}
.pageBanner .cont .tit span{font-weight: bold;}
.pageBanner .cont .title{font-size: 42px;color: #ffffff;margin-top: 20px;}
.crumbs{ position: absolute; bottom: 0; left: 0; width: 100%; z-index: 3; padding: 15px 0; border-top: solid 1px rgba(255,255,255,0.1);}
.crumbs .box{width: 87%;margin: 0 auto;min-width: 1150px; font-size: 14px; color: #fff;}
.crumbs .box span{ margin: 0 5px;}
.crumbs .box a{ color: #fff;}
.crumbs .box a:hover{ color: #ff4229;}

.indexTitle{margin-bottom: 70px;}
.indexTitle .tit{font-size: 38px;line-height: 38px;color: #000000;}
.indexTitle .tit span{font-size: 18px;line-height: 18px;font-family: Avignon;color: #333333;text-transform: uppercase;margin-left: 10px;}
.indexTitle .tit p{font-size: 18px;line-height: 18px;font-family: Avignon;color: #333333;text-transform: uppercase;margin-top: 10px;}
.indexTitle .txt{font-size: 16px;line-height: 24px;color: #666666;margin-top: 12px;}

/*indexNews*/
.indexNews{width: 100%;background-color: #FFFFFF;padding:50px 0;position: relative;z-index: 1;overflow: hidden;}
.indexNews::after{content: '';width: 50%;height: 100%;background-color: #f7fafc;position: absolute;top: 0;left: 0;z-index: -1;}
.indexNews .hd{width: 100%;}
.indexNews .hd .indexTitle{float: left;}
.indexNews .hd ul{float:right;display: table;font-size: 0;text-align: right;margin-top: 50px;}
.indexNews .hd ul li{display: inline-block;vertical-align: top; cursor:pointer;font-size: 16px;line-height: 24px;color: #333333;margin-left: 60px;}
.indexNews .hd ul li {font-size: 16px;color: #333333; text-decoration: none;}
.indexNews .hd ul li.on {color: #ff4229;}
.indexNews .bd ul{width: 100%; font-size: 0;}
.indexNews .bd ul li{ display: inline-block; vertical-align: top; width: 49%;transition: all 0.6s ease;position: relative;z-index: 1; margin-right: 2%;}
.indexNews .bd ul li a{padding: 30px 5% 30px 0;box-sizing: border-box; width: 100%; display: inline-block; transition: all 0.6s ease; position: relative;}
.indexNews .bd ul li:nth-child(2n){ margin-right: 0;}
.indexNews .bd ul li a::after{content: '';width: 100%;height: 0;background-color:#333;position: absolute;top: 0;left: 0;z-index: -1;transition: all 0.6s ease;}
.indexNews .bd ul li .time{font-size: 28px;color: #333;font-family:BebasNeue-Regular;width: 110px;float: left;transition: all 0.6s ease;}
.indexNews .bd ul li .time p{font-size:30px;color: #999999;}
.indexNews .bd ul li .cont{float: left;width: 70%;}
.indexNews .bd ul li .cont .tit{font-size: 18px;line-height: 32px;color: #333;margin-bottom:14px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition: all 0.6s ease;}
.indexNews .bd ul li .cont .txt{font-size: 14px;line-height: 24px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: all 0.6s ease;}
.indexNews .bd ul li .iconfont{color: #666666;font-size: 30px;position: absolute;bottom: 30px;right: 5%;transition: all 0.6s ease;}
.indexNews .bd ul li:hover a::after{height: 100%;}
.indexNews .bd ul li:hover a{ padding: 30px 5%;}
.indexNews .bd ul li:hover .time,.indexNews .bd ul li:hover .time p,.indexNews .bd ul li:hover .cont .tit,.indexNews .bd ul li:hover .cont .txt,.indexNews .bd ul li:hover .iconfont{color: #FFFFFF;}

/*pageNewsD*/
.pageNewsD{width: 100%;padding: 40px 0 0;border-bottom: 1px solid #eeeeee;overflow: hidden;}
.pageNewsD .contBox{width: 70%;min-height:680px;float: left;border-right: 1px solid #eeeeee;box-sizing: border-box;padding:0 4% 150px 0; position: relative;}
.pageNewsD .contBox .title{color: #333333;font-size: 30px;font-weight: bold;}
.pageNewsD .contBox .time{color: #666666;font-size: 14px;padding: 26px 0 16px;border-bottom: 1px dashed #e5e5e5;}
.pageNewsD .contBox .time span{margin-right: 15px;}
.pageNewsD .contBox .text{color: #333;font-size: 14px;line-height: 30px; padding: 30px 0;}
.pageNewsD .contBox .text img{ max-width: 10%;}
.pageNewsD .contBox .fx{margin: 30px 0; text-align: center;}
.pageNewsD .contBox .fx a{display: inline-block; width: 36px ;height: 36px ;line-height:36px;background-color: #555;border-radius: 50%;color: #FFFFFF;font-size: 24px;margin-right: 10px;transition: all 0.6s ease; background-image: none ; padding: 0; }
.pageNewsD .contBox .fx a:hover{background-color: #ff4229; text-decoration: none;}
.pageNewsD .contBox .link{width: 100%;padding: 30px 0;position: relative;border-top: 1px solid #eeeeee;}
.pageNewsD .contBox .link a{display: block;position: relative;font-size: 14px;line-height:20px;color: #333333;box-sizing: border-box;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; text-decoration: none;}
.pageNewsD .contBox .link a .iconfont{color: #999999;font-size: 16px;line-height:20px;position: absolute;top: 0;}
.pageNewsD .contBox .link a.fl{padding-left: 30px;max-width: 35%; float: left;}
.pageNewsD .contBox .link a.fr{padding-right: 30px;max-width: 35%; float: right;}
.pageNewsD .contBox .link a.fl .iconfont{left: 0;}
.pageNewsD .contBox .link a.fr .iconfont{right: 0;}
.pageNewsD .contBox .link a.center{height:100%;padding: 30px 40px 0 66px;box-sizing: border-box;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.pageNewsD .contBox .link a.center .iconfont{bottom: 0;left: 40px;margin: auto;font-size: 20px;color: #666666; padding-top:30px}
.pageNewsD .contBox .link a:hover,.pageNewsD .contBox .link  a:hover .iconfont{color: #ff4229;}
.pageNewsD .contBox .bot{ position: absolute; bottom: 0; right: 4%; width: 96%;}
.pageNewsD .newsD{width:30%; float:right; padding-left: 3%;box-sizing: border-box;position: sticky; display: inline-block; background-color: #fff; z-index: 3;}
.pageNewsD .newsD h1{color: #333333;font-size: 24px;font-weight: bold; }
.pageNewsD .newsD ul{width: 100%;margin-top: 20px;}
.pageNewsD .newsD ul li{width: 100%;border-bottom: 1px dashed #e5e5e5;padding: 14px 0;}
.pageNewsD .newsD ul li a{text-decoration: none;}
.pageNewsD .newsD ul li .tit{color: #333333;font-size: 16px;line-height: 26px;transition: all 0.6s ease; }
.pageNewsD .newsD ul li .time{color: #999;font-size: 14px;margin-top: 8px;transition: all 0.6s ease;}
.pageNewsD .newsD ul li:hover .tit{color: #ff4229;}
.pageNewsD .newsD ul li:hover .time{color: #333333;}

.textlink{line-height:1.8;border-left:#FF1240 solid 6px; padding-left:10px; font-size:16px;font-weight:600;padding-bottom:10px;}

@media screen and (max-width:780px){
    /*pageBanner*/
    .pageBanner{width: 100%;overflow: hidden;position: relative; background-size: cover !important;}
    .pageBanner img{ width: auto; height: 250px;}
    .pageBanner .cont{width: 84%;padding:10%  8% 20%; position: relative; z-index: 2;}
    .pageBanner .cont .tit{font-size: 24px;color: #ffffff; line-height: 1.5;}
    .pageBanner .cont .tit span{font-weight: bold;}
    .pageBanner .cont .title{font-size: 18px;color: #ffffff;margin-top:0; }
    .crumbs{ position: absolute; bottom: 0; left: 0; width: 100%; z-index: 3; padding: 15px 0; border-top: solid 1px rgba(255,255,255,0.1);}
    .crumbs .box{width: 87%;margin: 0 auto;min-width:87%; font-size: 14px; color: #fff;}
    .crumbs .box span{ margin: 0 5px;}
    .crumbs .box a{ color: #fff;}
    .crumbs .box a:hover{ color: #ff4229;}
    /*indexNews*/
    .indexNews{width:100%;padding:0% 2% 2%;overflow: hidden; background-color: #f5f5f5;}
    .indexTitle{width: 100%;text-align: center;font-weight: 600;margin-bottom: 0;}
    .indexTitle .tit{font-size: 20px;line-height: 18px;color: #000000;}
    .indexNews .news{width: 100%;padding: 4% 0 0 ;}
    .indexNews .news .hd{width: 100%;margin-bottom: 4%;}
    .indexNews .news .hd ul{width: 100%;display: flex;align-items: center;justify-content: space-between; margin-top: 20px;}
    .indexNews .news .hd ul li{font-size: 14px;line-height:26px;text-align: center;padding: 6px 0;background-color:#fff;color: #333;width:32%;position: relative; margin: 0;}
    .indexNews .news .hd ul li.on{background-color: #ff4229;color: #FFFFFF;}
    .indexNews .news .hd ul li.on a{color: #fff;}

    .indexNews .news .bd ul{width: 100%;}
    .indexNews .news .bd ul li{width: 100%;  padding: 1.5% 0;}
    .indexNews .news .bd ul li a{width: 100%; display: inline-block; padding: 8px; box-sizing: border-box; background-color: #fff; }
    .indexNews .news .bd ul li .cont{width: 70%;}
    .indexNews .news .bd ul li .cont .tit{color: #333333;font-size: 16px; margin-bottom: 0; line-height: 24px; overflow: hidden;}
    .indexNews .news .bd ul li .cont .time{color: #999999;font-size: 12px;margin: 8px 0 0;}
    .indexNews .bd ul li .time{width:28%;}
    .indexNews .news .bd ul li .iconfont{ display: none;}
    /*pageNewsD*/
    .pageNewsD{width:100%;padding: 4% 2%;overflow: hidden;}
    .pageNewsD .contBox{width:100%;min-height:none;float: none;border-right:none;box-sizing: border-box;padding:0; position: relative;}
    .pageNewsD .newsD{width:100%;padding-left: 0;box-sizing: border-box;position: sticky; display: inline-block; background-color: #fff; z-index: 3; float: none;}
    .pageNewsD .title{color: #333333;font-size: 18px;text-align: center;font-weight: bold;}
    .pageNewsD .time{color: #999999;font-size: 12px;text-align: left;margin: 0 0 3%;padding: 3% 0 2%;border-bottom: 1px solid #eeeeee;}
    .pageNewsD .time span{margin: 0 5px;}
    .pageNewsD .text{color: #333333;font-size: 14px;line-height: 24px;}
    .pageNewsD .text video{width: 100%;display: block;}
    .pageNewsD .text img{max-width: 100%;display: block;margin: 3% 0 0;}
    .linkBox{width: 96%;padding:2%;border-top: 1px solid #eeeeee;overflow: hidden;}
    .linkBox a{display: block;color: #666;font-size: 14px;padding: 2% 0;}

    /*pageNewsDetail*/
    .pageNewsDetail{width: 96%;padding: 6% 2% 2%;border-top: 1px solid #eeeeee;overflow: hidden;}
    .pageNewsDetail h1{color: #333333;font-size: 16px;}
    .pageNewsDetail ul{width: 100%;margin-top: 2%;}
    .pageNewsDetail ul li{width: 100%;padding: 2% 0;border-bottom: 1px dashed #e5e5e5;}
    .pageNewsDetail ul li:last-child{border-bottom: none;}
    .pageNewsDetail ul li .tit{color: #333333;font-size: 16px;line-height: 24px;}
    .pageNewsDetail ul li .time{color: #999;font-size: 14px;margin-top: 2%;}

	.pageNewsD .contBox .bot{ position: static; bottom: 0; right: 0; width: 100%;}
}