danye
/*全局样式*/
@charset "utf-8";
body {font:14px/1.6 "微软雅黑",黑体,"AlibabaPuHuiTi", "Arial", "Impact";color: #222;-webkit-text-size-adjust: 100%;background-color: #f7f7f7;overflow-x: hidden;min-width: 320px;max-width: 1920px;margin: 0 auto !important;}
.container-fluid {
    max-width:1230px !important;
    padding-left: 15px;
    padding-right: 15px;
}


:root{
    --color_zhuti: #1c52a1;
    --color_hover: #3e75c4;
    --AlibabaPuHuiTi:AlibabaPuHuiTi;
    --transform_scale: scale(1.08);
}

body{ background: url(../images/bg.png) center center repeat; background-attachment: fixed;}
body .txt{ margin-top: 25px; background: #fff; border-radius: 10px; height: 100%;}
header .box{display: flex;justify-content: space-between; padding:24px 0px;}
header .logo img{max-width: 100%;}
header .txt{ background: url(../images/tel.png) left center no-repeat; height: 14px; line-height: 14px; font-size: 14px; padding-left:20px; color: #999;}
.bannervideo{overflow: hidden;width: calc(100% + 30px); margin-left:-15px; margin-right:-15px; position: relative}
.bannervideo video{height: 672px;width: 100%;}
.bannervideo>img{display: flex; cursor: pointer; position: absolute;top: 0; left: 0; right: 0; bottom: 0; z-index: 8;}
.bannervideo .video-btn{display: flex; cursor: pointer; position: absolute;top: 45%; left: calc(50% - 67px); border-radius: 20px; background: rgba(0,0,0,0.6); padding:12px 20px; z-index: 9;}
.bannervideo .video-btn>img { max-width: 100%; height: auto;}
.bannervideo .video-btn .text { font-size: 16px; color: rgba(255,255,255,.5);  line-height: 20px;}

footer{color: #333;padding-top: 0px;}
footer .box2{border-top: 1px solid rgba(0, 0, 0, .1);padding: 24px 0; font-size: 14px; width: 100%; text-align: center;}



.nybanner{height: 450px;position: relative;}
.nybanner .tt{position: absolute;left: 0;top:0;width: 100%;height: 100%;display: flex;align-items: center;color: #fff;}
.nybanner .tt1{font-size: 36px;line-height: 44px;}
.nybanner .tt2{font-size: 46px;line-height: 54px;margin-top:8px;}


.title2{font-size: 36px;line-height: 40px;border-bottom: 1px solid #ddd;padding-bottom:22px;margin-bottom: 33px;display: flex;justify-content: space-between;align-items: center;}
.title2 a{width: 40px;height: 40px;background: var(--color_zhuti);font-size: 20px;color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.title2 a:hover{background-color: var(--color_hover);}



.cpxq{padding: 20px 0 50px 0;}
.cpxq .box2{ padding-left:10px; padding-right:10px; }
.cpxq .box2 .ul{margin-bottom: 30px; overflow: hidden;}
.cpxq .box2 .ul .dh{ display:block; width:120px; font-size: 16px;  text-align: center; float: left; cursor:pointer;}
.cpxq .box2 .ul .dh p{ padding-top: 10px; line-height: 25px; font-size: 16px; display: block;}
.cpxq .box2 .ul .dh span{ line-height: 25px; font-size:12px; display: block; padding-bottom: 5px;}
.cpxq .box2 .ul .dh .xian{display:block; width: 30px; margin:0 auto; height: 2px; transition: all .3s;opacity: 0; background: #fff;}
.cpxq .box2 .ul .dh.active{color: #006cff;}
.cpxq .box2 .ul .dh.active .xian{top:100%;opacity: 1; width: 100%; transition: all .3s; background: #006cff;}
.cpxq .box2 .ul2 .div1{display: none;min-height:350px;font-size: 15px;line-height: 1.8;color: #444;}
.cpxq .box2 .ul2 .div1.active{display: block;}
.cpxq .box2 .ul2 .div1 .more{ width: 100%; text-align: center; padding-top: 10px;}


.hidden{ display: none !important; }
.nycp{display: flex;flex-wrap: wrap;margin: 0 -10px;}
.nycp .list{display: block;position: relative;width: calc(20% - 10px);margin: 0 5px 10px;}
.nycp .list .bjcover{padding-top: 76%;}
.nycp .list .tt{position: absolute;left: 0;width: 100%;bottom: 0;background: rgba(0, 0, 0, .8);line-height: 44px;font-size: 14px;color: #fff;padding:0 5px;text-align: center;}
.nycp .list:hover .bjcover{transform: var(--transform_scale);}

.video{display: flex;flex-wrap: wrap;margin: 0 -10px;}
.video .list{display: block;position: relative;width: calc(50% - 20px);margin: 0 10px 20px;}
.video .list .video2{width: 100%;position: relative;overflow: hidden;}
.video .list .video2 video{position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-width: 100%;max-height: 100%;display: block;margin:auto;padding: auto;}
.video .list .video2::before{content:"";display: block;padding-top:60%;}
.video .list .tt{left: 0;width: 100%;bottom: 0;background: rgba(0, 0, 0, .8);line-height: 44px;font-size: 14px;color: #fff;padding:0 5px;text-align: center;}

/* -webkit-line-clamp: 2; */


/*媒体查询开始*/
@media (max-width:1349px){

}
@media (max-width:1199px){
    header .logo{margin-left: 0px;}

    .nycp{margin: 0 -6px;}
    .nycp .list{width: calc(25% - 6px);margin: 0 3px 6px;}
    .nycp .list .tt{line-height: 36px;}

}
@media (max-width:991px) {

    .container-fluid{ width: 96%; }
    body .txt{ margin-top:10px; }

    header .txt{ display: none}

    .bannervideo{padding-top: 56%;position: relative;}
    .bannervideo video{height: 220px;position: absolute;left: 0;top: 0;}

    footer .box2{padding: 20px 0;}


    .cpxq .box2{margin-top: 10px;padding-left:0px; padding-right:0px;}
    .cpxq .box2 .ul{margin-bottom: 20px;}
    .cpxq .box2 .ul .dh{font-size: 15px; width: 33.3333%;}
    .cpxq .box2 .ul .dh .xian{ opacity: 1; background: #f1f1f1; width: 100%; }

    .nycp .list{width: calc(50% - 6px);}
    .video .list{width: calc(100% - 10px);margin: 0 5px 10px;}
    .cpxq .box2 .ul2 .div1{ font-size: 14px; } 


}

 /*手机底部*/
@media (max-width:991px) {
    footer{margin-bottom: 0px;}
    .sjdibu{height:50px;background:var(--color_zhuti);position:fixed; bottom:0; left:0; z-index:113; border-top:solid 1px #fff;width: 100%;text-align: center;font-size: 0;}
    .sjdibu .box1 a{display: inline-block;vertical-align: top;color: #fff;padding: 5px;}
    .sjdibu .box1 a span{ color:#fff; font-size:16px; line-height:20px;}
    .sjdibu .box1 a h6{ font-size:12px; line-height:20px;margin: 0;}
    .sjdibu .box2{ position: fixed; left: 0; bottom:51px; z-index:112; width: 100%;background: #fff;box-shadow: 0 -2px 4px rgba(0,0,0,.1);padding: 6px 0;display: none;}
    .sjdibu .box2 img{max-height: 140px;display: block;margin: 0 auto;} 
}

