.pchead{background-color: #b53534;position: fixed;left: 0;top: 0;z-index: 999;}
.m-nav li a{color: #fff;}
.clickseach{width: 30px;height: 30px;background: url(../images/home/indexseach.png) right center no-repeat;}
html{scroll-behavior: smooth;}
.fp-enabled{overflow-x: hidden !important;}

.bannerlb{padding-top: 84px;width: 100%;height: 934px;position: relative;}
.bannerlb .bd ul li{width: calc(100% + 15px);height: 850px;}
.bannerlb .bd ul li div{width: 629px;height: 183px;margin: 270px auto 0;}
.bannerlb .hd a{position: absolute;display: inline-block;width: 31px;height: 53px;}
.bannerlb .hd a.prev{background: url(../images/home/left.png) no-repeat;left: 6%;top: 50%;}
.bannerlb .hd a.next{background: url(../images/home/right.png) no-repeat;right: 6%;top: 50%;}
.xyp{position: absolute;bottom: 40px;left: 50%;margin-left: -23px;animation: big 2s infinite;}
/* .xyp:hover{animation: big 1s 1;} */

@keyframes big {
    0% {
        transform: translateY(-30px);
        opacity:0;
    }
    50% {
        transform: translateY(0);
        opacity:1;
    }
    100%{
        transform: translateY(30px);
        opacity:0;
    }
}


.introduction{padding-top: 130px;width: 100%;background: url(../images/home/bj1.png) bottom center;}
.introductiontitle h1{font-family: '云峰飞云体';text-align: center;font-size: 56px;color: #b53534;font-weight: normal;}
.introductiontitle span{font-size: 20px;color: #cbcbcb;display: block;text-align: center;}
.introductiontitle p{font-size: 24px;line-height: 42px;margin: 20px auto 35px;text-indent: 2em;}

.gsjs{width: 28%;height: 584px;background: url(../images/home/gsjs.png)right 65px center no-repeat;}
.fqbox{width: 72%;height: 584px;}
.fqbox ul li{width: 15%;float: left;position: relative;height: 584px;transition: all .5s;}
.fqbox ul li.active{width: 70%;background-size: 100% 100% !important;}
.fqbox ul li p.fqb{color: #fff;font-size: 24px;font-weight: bold;height: 70%;left: 47.5%;position: absolute;top: 29%;width: 24px;z-index: 10}
.fqbox ul li p.fqb i{background: hsla(0,0%,100%,.7);display: block;height: 70px;margin: 7px auto;width: 1px}
.fqbox ul li div{width: 100%;padding: 180px 50px 0;box-sizing: border-box;color: #fff;display: none;}
.fqbox ul li div h3{font-size: 24px;font-weight: bold;margin-bottom: 20px;}
.fqbox ul li div span{font-size: 18px;line-height: 38px;}
.fqbox ul li div p{width: 138px;height: 52px;border: solid 1px #ffffff;text-align: center;line-height: 50px;font-size: 18px;margin-top: 60px;}
.fqbox ul li.active p.fqb{display: none;}
.fqbox ul li.active div{display: block;}

.dtnew{padding-top: 150px;width: 100%;background: url(../images/home/news.png) bottom center;padding-bottom: 80px;}
.newtit{margin-bottom: 70px;}
.rotation{width: 770px;height: 560px;position: relative;float: left;overflow: hidden;}
.rotation ul li{position: relative;height: 560px;}
.rotation ul li p{position: absolute;width: 100%;height: 50px;line-height: 50px;bottom: 0;padding: 0 20px;background: rgba(0,0,0,.5);font-size: 20px;color: #fff;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.rotation .hd {position: absolute;bottom: 20px;right: 15px;z-index: 999;}
.rotation .hd ul li {float: left;width: 10px;height: 10px;background: rgba(255, 255, 255, 0.4);;margin: 0 4px;border-radius: 50%;}
.rotation .hd ul li.on {background: #fff;}

.newslist{width: 680px;}
.newstit ul li{float: left;padding-right: 55px;background: url(../images/home/tabx.png)right center no-repeat;margin-right: 15px;}
.newstit ul li p{font-family: '云峰飞云体';line-height: 1;margin-bottom: 10px;font-size: 40px;}
.newstit ul li span{font-size: 18px;letter-spacing: 3px;}
.newstit ul li.active a{color: #b53534;}
.newstit ul li:last-child{padding-right: 0;background: none;margin-right: 0;}
.newstit{margin-bottom: 15px;}
.listnews ul li{line-height: 52px;width: 100%;height: 52px;transition: all .5s;font-size: 20px;}
.listnews ul li a{display: block;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.listnews ul li span{float: right;color: #999;margin-left: 20px;}
.listnews ul li:hover{padding-left: 5px;box-sizing: border-box;}

.zxzsbox{padding-top: 110px;}
.sjfd{width: 950px;}
.sjfdtit{margin-bottom: 30px;}
.sjfdtit h1{text-align: left;}
.sjfdtit span{text-align: left;}
.sjfdlist ul li{width: 460px;height: 330px;position: relative;float: left;margin-bottom: 30px;overflow: hidden;}
.sjfdlist ul li:nth-child(2n){float: right;}
.sjfdlist ul li p{position: absolute;width: 100%;height: 64px;line-height: 64px;bottom: 0;padding: 0 20px;background: rgba(0,0,0,.5);font-size: 18px;color: #fff;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;text-align: center;}
.sjfdlist ul li img.imgtv{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}

.zsxx{width: 516px;}
.zsimg{width: 100%;height: 690px;background: url(../images/home/zsxx.png) bottom center no-repeat;padding-top: 70px;box-sizing: border-box;text-align: center;}
.zsimg h2{font-size: 40px;font-weight: bold;margin-bottom: 35px;}
.zsimg span{font-size: 22px;}
.zsimg p{font-size: 32px;color: #b53534;font-weight: bold;margin-top: 70px;}

.jpxmhdbox{padding-top: 84px;}
.jpxu,.jphd{width: 50%;border-right: 3px solid #fff;box-sizing: border-box;background-color: #f6f8fa;height: 149px;padding-top: 40px;}
.jphd{border-left: 3px solid #fff;}
.jpbox{width: 100%;height: 720px;background: url(../images/home/jpimg.png)bottom center no-repeat;}

.jpxulist{width: 50%;padding-right: 3px;box-sizing: border-box;}
.jpxulist ul li{width: 100%;height: 110px;}
.jpxulist ul li a{display: block;position: relative;width: 100%;height: 100%;color: #fff;line-height: 110px;padding-left: 30%;font-size: 24px;}
.jpxulist ul li a>i{position:absolute;left:0px;width:0px;bottom:0px;top:0px;background-color:rgba(136,34,9,0.5);transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;z-index: -1;}
.jpxulist ul li a:hover>i{width:100%;}
.jpxulist ul li a .line {display: block;background: #fff;position: absolute;transition: 300ms;-webkit-transition: 300ms;opacity: 0;visibility: hidden;}
.jpxulist ul li a .line_1{width: 28px;height: 1px;top: 50%;right:3.5%;margin-top: -1px;transform: translateX(30px);-webkit-transform: translateX(30px);}
.jpxulist ul li a .line_2{width: 1px;height: 28px;top: 50%;margin-top: -14px; right:5%;transform: translateY(30px);-webkit-transform: translateY(30px);}
.jpxulist ul li a:hover .line {transform: translate(0);-webkit-transform: translate(0);visibility: visible;opacity: 1;transition: 300ms ease-in 600ms; -webkit-transition: 300ms ease-in 600ms;}
.jpimgbox{width: 172px;text-align: center;margin-right: 20px;float: left;}
.jpimgbox img{vertical-align: middle;height: 80px;}

.jphdlist{padding: 0 0 0 3px;}
.jphdlist ul li{width: 100%;height: 134px;}
.jphdlist ul li a{line-height: 134px;}
.jphdlist ul li a .line_1{left:3.5%;}
.jphdlist ul li a .line_2{left:5%;}









.rotation ul li img,.sjfdlist ul li img.dqct{width: 100%;height: 100%;transition: all .5s;}

.rotation ul li:hover img,.sjfdlist ul li:hover img.dqct{transform: scale(1.1);}
.yinjinwu a:hover img{transform: rotateY(360deg)}

@media screen and (max-width: 767px){
    .bannerlb{height: 166px;padding-top: 0;}
    .section{height: auto !important;overflow: hidden;}
    .bannerlb .bd ul li{background-size: 100% !important;height: 166px;width: 100%;}
    .bannerlb .bd ul li div{width: 50%;margin-top: 55px;}
    .bannerlb .bd ul li div img{width: 100%;}
    .xyp,.bannerlb .hd,.fqbox ul li.active div{display: none;}
    .introduction,.dtnew,.zxzsbox{padding-top: 50px;}
    .gsjs,.fqbox,.sjfd,.zsxx,.jpxulist{width: 100%;}
    .fqbox ul li.active p.fqb{display: block;}
    .fqbox ul li,.fqbox ul li.active{width: 33.33%;}
    .fqbox ul li.active{background-size: auto !important;}
    .rotation{width: 100%;height: 258px;}
    .rotation ul li{height: 258px;}
    .newslist{width: 100%;margin-top: 50px;}
    .newstit ul li p{font-size: 24px;}
    .newstit ul li span{font-size: 12px;display: none;}
    .newstit ul li{padding-right: 0;background: none;}
    .sjfdlist ul li{width: 100%;height: 254px;}
    .zsxx{margin-top: 50px;}
    .jpxutitle h1{font-size: 36px;}
    .jpxulist ul li a{padding-left: 2%;}
    .jpbox{height: auto;background-size: 1920px 100%;}
    .zsimg p{margin-top: 25px;}
    .jpxulist ul li a{font-size: 16px;}
    .jpimgbox img{height: 70px;}

    .zsimg{height: 480px;background-size: 100% !important;}
    .jpimgbox{width: 164px;margin-right: 10px;}
    .listnews ul li{height: 53px;}
}