.main_col{color: #1456ac;}
.color_grey{color: #c4c4c4;}
@-webkit-keyframes bounce-up {
25% {-webkit-transform: translateY(10px);}
50%, 100% {-webkit-transform: translateY(0);}
75% {-webkit-transform: translateY(-10px);}
}

@keyframes bounce-up {
25% {transform: translateY(10px);}
50%, 100% {transform: translateY(0);}
75% {transform: translateY(-10px);}
}

/************************************首页*****************************/
.nav{ width: 100%;position: fixed; z-index:2;top: 0; left: 0; background: #fff;border-bottom: 1px solid #eee;}
.nav .nav_top{height:112px;}
.nav .logo{ width:16%;display: block; margin-top: 20px;}
.nav .logo a{ width:100%;display: block;}
.nav .nav_ul{ width:80%; }
.nav .nav_li li.nav-item{ width:11%;height: 112px; display: block; float: left;}
.nav .nav_li li.nav-item a.nav-link{  position: relative;width:100%;height:100%; line-height:112px; font-size: 18px; display: block;text-align: center;}
.nav .nav_li li.nav-item:hover a.nav-link,.nav .nav_ul li.nav-item.on a.nav-link{background:#b72024; color:#fff;}

.nav .nav_wq{ width:9%; height:27px;margin-top:42px;}
.nav .nav_wq ul{ width:100%; height: 27px; text-align: right;}
.nav .nav_wq ul li{ width:auto; display: inline-block; padding: 0 5px;position: relative;}
.nav .nav_wq ul li .head_wx{ position: absolute;top:70px;transition: .5s;visibility: hidden;opacity: 0;width: 100px;margin-left: -30px;padding:0;background: #fff;border: 1px;border-radius:5px;}
.nav .nav_wq ul li:hover .head_wx{ top: 38px;visibility: visible;opacity: 1; }

.nav .nav_li .nav-item:not(:last-child) .nav-link.active::after, .nav .nav_li .nav-item:not(:last-child) .nav-link:hover::after{ width: 60%;opacity: 1;background: #ffffff; }
.nav .nav_li li.nav-item.dropdown-box { position: relative; }
.nav .nav_li .dropdown-list { background-color: #fff;top: 130%;position: absolute;transition: .5s;visibility: hidden;opacity: 0;width: 220px;margin-left: -20px;padding: 10px;border-radius: 5px;box-shadow: 0 0px 15px rgba(0,0,0,.10); }
.nav .nav_li .dropdown-list li a{font-size: 16px;color:#666;}
.nav .nav_li li.nav-item:hover .dropdown-list { top: 90%;visibility: visible;opacity: 1; }
.nav .nav_li .dropdown-list li a { padding: 10px 10px;display: block;text-align: center; }
.nav .nav_li .dropdown-list li:hover { background: #b72024; }
.nav .nav_li .dropdown-list li:hover a { color: #ffffff; }
.nav .nav_wq ul li .sjcd{ display: none;}
.nav .nav_wq ul li .sjcd_ul{ display: none;}

.banner{ width: 100%; position: relative;/*height: 900px*/}
.banner .xcsp{position: absolute; z-index: 2;top:750px; left: 2%;}
.banner .banner_ul{ height:auto;}
.banner .banner_ul img{ height: 100% }
.banner .swiper_ul{ bottom:60px !important;}
.banner .swiper-pagination-bullet{ width:38px; height:4px;opacity:0.5; background: #fff; border-radius: 2px !important;}
.banner .swiper-pagination-bullet-active{ background: #fff;opacity:1;}

.about{ width: 100%; background:url("../img/img02.jpg") no-repeat bottom; background-size: contain; padding:40px 0;}
.about_left{ width:64%;}
.about_title{ width: 100%;}
.about_title h3{width: 100%; display: block; font-size: 24px; font-weight: bold; color: #b72024; margin-bottom:25px;}
.about_title p{width: 100%; display: block;color: #010101; line-height:2.6rem !important; text-indent: 2em;}
.about_title span{ font-size: 14px !important;}
.about_sz{ width: 100%; margin-top:10px;}
.about_sz ul{background: #fff;overflow: hidden;}
.about_sz ul li{ width:25%; display: block; float: left; border-right: 1px solid #dfdede; overflow: hidden;  padding:28px 0;}
.about_sz ul li span{width:100%; display:block; text-align: center; }
.about_sz ul li h4{display:inline-block; line-height: 60px; font-size: 60px; font-weight: bold; color: #e90107; }
.about_sz ul li h5{display:inline-block; font-size: 24px; color: #323232; }
.about_sz ul li p{width:100%; display:block; font-size:16px; color: #323232; text-align: center; }
.about_sz ul li:nth-child(4n){ border-right: 0px;}

.about_right{ width:35%;}

.news{ width: 100%;background: #f7f7f7; padding:22px 0;}
.ttzt .swiper .swiper-slide{ width: 100%; background: #b72024;}
.ttzt .swiper .swiper-slide a{ width: 100%;/*line-height: 105px; display: block; color: #fff; font-size: 54px; text-align: center; font-weight: bold;letter-spacing:20px;*/}
.news_center{ width: 100%; background: #fff; margin:15px 0;}
.news_dt{ width: 36%;}
.yw_tpqh{ width:100%; height:393px;}
.yw_tpqh .swiper-slide a{ width: 100%; height: 100%; display: block;}
.yw_tpqh .swiper-slide img{ width: 100%; height: 100%;}
.yw_tpqh .swiper-slide p{ width: 100%; height: 50px; background: rgba(0,0,0,.5);position: absolute;z-index: 2; left: 0; bottom: 0; font-size: 18px; color: #fff;
    font-weight: bold; text-align: center; line-height: 50px; padding:0 3%;overflow:hidden;text-overflow: ellipsis; white-space: nowrap;}
.yw_tpqh .swiper_ul{ bottom:15px !important;}
.yw_tpqh .yw_tpqh_page{    bottom: 53px !important; /*right: 0 !important;left: auto !important;text-align: right*/}
.yw_tpqh .swiper-pagination-bullet{ width:38px; height:4px;opacity:0.5; background: #fff; border-radius: inherit;}
.yw_tpqh .swiper-pagination-bullet-active{ background: #fff;opacity:1;}

.news_font{ width:63%;}
.news_font ul li{ width:98%; display: block; cursor: pointer; border-bottom: 1px solid #eeecec;padding:1% 2% 1% 0; overflow: hidden;}
.news_font .news_time{ width:8%;border-right: 1px solid #eeecec; text-align: center;}
.news_font .news_time h3{ width: 100%; display: block; font-size: 30px; line-height:30px; color:#9a9a9a; font-weight: bold;}
.news_font .news_time h6{ width: 100%; display: block; font-size:16px; line-height:25px; color:#9a9a9a;}
.news_font .news_lit{ width:90%; }
.news_font .news_lit h4{ width: 100%; display: block; font-size:16px; line-height:30px; color:#262626;font-weight: bold;overflow:hidden;text-overflow: ellipsis; white-space: nowrap;}
.news_font .news_lit p{ width: 100%; display: block; font-size:16px; line-height:25px;color: #a2a1a1;overflow:hidden;text-overflow: ellipsis; white-space: nowrap;}
.news_font ul li:last-child{border-bottom:0px solid #eeecec;}
.news_font ul li:hover,.news_font ul li:active{transition:all 0.5s linear; background:#b72024;padding:1% 2%;}
.news_font ul li:hover h3,.news_font ul li:hover h6,.news_font ul li:hover h4,.news_font ul li:hover p{ color: #fff;}
.news_zs{ width: 100%;}
.news_zs ul li{display: block; float: left; background: #fff; border: 1px solid #e0dfdf; margin-right:0.66%;}
.news_zs ul li a{ width:100%; display: block;}
.news_zs ul li img{ width:100%; height:183px;}
.news_zs ul li h5{ width:100%; height:44px;position: absolute;z-index: 22;left: 0;bottom: 0; line-height:44px; font-size: 16px; padding: 0 2%; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; color: #fff; background: rgba(0,0,0,0.5); margin-top:10px;}
.news_zs ul li:last-child{ margin-right: 0; float: right;}
.news_zs ul li a:hover,.news_zs ul li a:active{ background: #b72024;}
.news_zs ul li a:hover h5,.news_zs ul li a:active h5{background: #b72024;}
.news_zs span{ width: 100%;height: 50px; display: block; text-align: center; margin-top: 15px;}
.news_zs span a{ width:13%;height: 50px; line-height: 50px; display:inline-block; background: #b72024; color:#fff;}
.news_zs span a:hover,.news_zs span a:active{ background:#860004; }

.recommand .syct1{background-image:url("../img/ctjt01.png") !important;}
.recommand .syct2{background-image:url("../img/ctjt02.png") !important;}


.cybk{ width: 100%; padding-bottom: 30px;}
.cybk_title{ width: 100%; height: 85px;margin:10px 0 15px 0;line-height: 85px; text-align: center;overflow: hidden; font-size: 36px; font-weight: bold; color: #b72024;}
.cyqh_titleb{ width: 100%; height: 165px; background: #fff; overflow: hidden;box-shadow:#dadada 10px 10px 20px 5px;}
.cyqh_title_ul li{ width:9.09%; display: block; float: left; cursor: pointer; padding: 25px 0;}
.cyqh_title_ul li span{ width: 100%; display: block;text-align: center; border-right: 1px solid #eeeeee;}
.cyqh_title_ul li span img{ width:74px; height: 70px; display:inline-block;}
.cyqh_title_ul li p{ width:100%; height:40px; display:block; line-height: 40px; font-size: 18px; color:#313131;}
.cyqh_title_ul li:hover,.cyqh_title_ul li:active{background: #b72024; }
.cyqh_title_ul li:hover span,.cyqh_title_ul li:active span{border-right:0px;}
.cyqh_title_ul li:hover p,.cyqh_title_ul li:active p{color: #fff;}
.cyqh_title_ul li:last-child{border-right:0px;}
.cyqh_box{ width: 100%; position: relative;}
.cyqh_img{ width: 100%;}
.cyqh_img img{ width: 100%;}
.cyqh_cont{ width: 100%; position: absolute; top: 0; left: 0; padding:2% 3%;}
.cyqh_cont h3{ width:100%;height:50px;overflow: hidden; line-height:50px; font-size: 36px; color:#fff; display:block;}
.cyqh_cont h4{ width:100%;height:50px;overflow: hidden; line-height:50px; font-size:24px; color:#fff; display:block; margin: 10px 0;}
.cyqh_cont h5{ width:100%;height: 2px;overflow: hidden; display:block; margin:30px 0;}
.cyqh_cont h5 i{ width:3%;height:2px; background: #fff;display:block;}
.cyqh_cont p{ width:60%;height:160px;overflow: hidden; line-height:40px; font-size:16px; color:#fff; display:block;}
.cyqh_cont a{ width: 10%; height: 47px; line-height: 47px; overflow: hidden; margin-top: 20px; display: block; border: 1px solid #fff; text-align: center;  color: #fff;}
.cyqh_cont a:hover,.cyqh_cont a:active{ background: #fff; color: #aa8d63}

.dj{ width: 100%;}
.dj_center{padding:0 0 30px 0; }
.dj_titl{ width: 100%; height: 50px; margin-top:15px;}
.dj_titl h3{ width:50%; height:50px;line-height:50px;overflow: hidden; font-size:36px; font-weight: bold; color: #b72024; float: left;}
.dj_titl a{ width:10%; height:45px;line-height:45px;overflow: hidden;text-align: center;  border: 1px solid #e0dfdf; font-size:16px; color: #6d6c6c; background: #f7f7f7; float: right;}
.dj_titl a:hover,.dj_titl a:active{transition:all 0.5s linear; background: #b72024; color: #fff;}
.dj_cont{width: 100%; margin:20px 0 12px 0;}
.dj_cont p{width:49.5%; display: block;}
.dj_contul{ width: 49%;}
.dj_contul li{ width:100%; height: 68px; border-bottom: 1px solid #eeeeee; display: block;}
.dj_contul li a{ width:100%; display: block;}
.dj_contul li img{ width:24px; height: 24px; margin: 22px 10px 0 0; float: left;}
.dj_contul li h4{ width:80%; height:68px; line-height: 68px; display: block; float: left; font-size: 18px; color:#010101;overflow:hidden;text-overflow: ellipsis; white-space: nowrap;}
.dj_contul li span{ width:10%; height:68px; line-height: 68px; display: block; float: right; font-size: 16px; color:#a6a5a5;overflow:hidden;}
.dj_contul li:hover,.dj_contul li:active{transition:all 0.5s linear; background: #f7f7f7; padding: 0 2%;}
.dj_contul li h4:hover,.dj_contul li h4:active{ color: #b72024;}
.dj_tplb ul li{width: 24.5%; display: block; float: left; margin-right: 0.66%;}
.dj_tplb ul li a{width:100%; display: block;}
.dj_tplb ul li:last-child{ float: right; margin-right: 0;}

.bq_nav{ background: #eaeaea;}
.bq_left{ width: 60%; border-right: 1px solid #d6d5d5; padding: 20px 0;}
.bq_left ul li{ width: 15%; display: block; float: left;}
.bq_left ul li h3{ width: 100%; height: 40px; display: block; margin-bottom: 10px; overflow: hidden;}
.bq_left ul li h3 a{ width: 100%; line-height: 40px; display: block; font-size: 16px;}
.bq_left ul li h5{ width: 100%; height:24px; display: block; overflow: hidden;}
.bq_left ul li h5 a{ width: 100%; line-height: 24px; display: block; font-size: 14px; color: #4b4b4b;}
.bq_left ul li h3 a:hover,.bq_left ul li h3 a:active{ color: #b72024; font-weight: bold;}
.bq_left ul li h5 a:hover,.bq_left ul li h5 a:active{ color: #b72024; font-weight: bold;}
.bq_right{ width:40%; padding:2% 0 0 3%;}
.bq_right h6{ width: 100%; display: block;}
.bq_right h6 img{ width:40%;}
.bq_lxwm{ width: 100%;margin-top: 20px;}
.bq_lxwm ul{ width:70%; float: left;}
.bq_lxwm ul li{ width:100%; height: 22px; display: block; margin: 15px 0;}
.bq_lxwm ul li img{ width:22px; height: 22px; margin-right:5px; float: left;}
.bq_lxwm ul li h6{ width:90%; height: 22px; display: block; color: #393838; overflow: hidden;}
.bq_lxwm span{ width:16%; float: right;}
#page5{/*padding: 50px 0*/}
.bq{ background: #b72024; height:70px; color:#fff;position: relative;}
.bq h5{ width: 50%; line-height:70px; display: block; float: left;}
.bq p{ width: 50%; line-height:70px; display: block; float: right; text-align: right;}
.bq p a{ color: #fff;}
.bq .top-img{ position: absolute;left: 50%;margin-left: -32px;width: 64px;top:-40px;-webkit-animation: bounce-up 2s linear infinite;animation: bounce-up 2s linear infinite;cursor: pointer }
.main_box .pages { background-size: cover;background-position: 50% 50%; }

/***************************走进城投**************************/
.ny_banner{ width: 100%; height: 395px;}
.ny_bnleft{ width: 50%;height: 395px; background: #b72024; text-align: right;padding:202px 5% 0 5%; overflow: hidden;}
.ny_bnleft h4{ width: 100%;height: 24px; line-height: 24px; font-size: 24px; color: #fff; display: block; overflow: hidden;}
.ny_bnleft h3{ width: 100%;height:36px; line-height:36px; font-size:36px; color: #fff; display: block; overflow: hidden; font-weight: bold; margin:18px 0;}
.ny_bnleft h6{ width: 100%;height:3px;display: block;}
.ny_bnleft h6 i{ width: 10%;height:3px;display: block; background: #fff; float: right;}
.ny_bnright{ width: 50%;height: 395px; overflow: hidden;}
.ny_bnright img{ width:100%;height: 395px;}
.ny_ctjj{ width: 100%; background: #f5f5f5; padding: 20px 0;}
.ny_ctjjcont{ background: #fff; padding: 20px;}
.ny_ctjjleft{ width: 60%;}
.ny_ctjjleft>img{ width:18%;margin-bottom: 15px; }
.ny_ctjjleft p{ width:100%; line-height: 38px; }
.ny_ctjjright{ width:37%;}
.ny_ldjs{ width: 100%; background: #f5f5f5; padding: 20px 0; }
.ny_ldjscont h3{ width: 100%; line-height: 24px; font-size: 24px; font-weight: bold; text-align: center; display: block;}
.ny_ldjscont span{ width: 100%;height:3px; display: block; margin-top: 10px;}
.ny_ldjscont span i{ width:5%;height:3px; display: block; background: #b92024; margin: 0 auto;}
.ny_ldjsul{ width: 100%;margin-top: 20px;}
.ny_ldjsul li{ width:24%; display: block; float: left; margin-right: 1.33%; margin-top: 10px;}
.ny_ldjsul li a{ width:100%; display: block;}
.ny_ldjsul li p{ width:100%; height: 30px; line-height: 30px; margin:10px 0; text-align: center; display: block;}
.ny_ldjsul li:nth-child(4n){ float: right; margin-right:0;}
.ny_ldjsul li:hover{ background: #b92024;}
.ny_ldjsul li:hover p{ color: #fff;}
.ny_jtry{width: 100%; background: #f5f5f5;overflow: hidden;}
.ny_jtbj{width: 100%; background:url("../img/ny02.png") no-repeat; background-size:cover; bottom: 0; left: 0;}
.ny_jtrycont{padding:0 0 40px 0;}
.ny_jtrytitle h3{ width: 100%; line-height: 24px; font-size: 24px; font-weight: bold; text-align: center; display: block;}
.ny_jtrytitle span{ width: 100%;height:3px; display: block; margin-top: 10px;}
.ny_jtrytitle span i{ width:5%;height:3px; display: block; background: #b92024; margin: 0 auto;}
.ny_jtrynr{background: #fff;margin-top:30px; padding:40px;}
.ny_jtrynrul li{ width: 100%; display: block; margin-bottom:30px;}
.ny_jtrynrul li h3{ width:8%; line-height: 30px; display: block; float: left; font-size: 30px; font-weight: bold; color: #b92024;}
.ny_jtrylb{ width:92%; float: right;}
.ny_jtrylb span{ width:49%; display: block; float: left; margin-bottom: 10px; overflow: hidden; margin-right: 1%; padding-right: 1%;}
.ny_jtrylb span img{ width:22px;height:21px; float: left; margin-top: 5px;}
.ny_jtrylb span h6{ width:96%; line-height:31px; float: right; display: block;}
.ny_jtlc{ width: 100%; background: url("../img/ny_03.jpg") no-repeat; background-size:cover;}
.ny_jtlctit{ width: 100%; padding-top: 30px;}
.ny_jtlctit h3{ width: 100%; line-height: 24px; font-size: 24px; font-weight: bold; text-align: center; display: block; color: #fff;}
.ny_jtlctit span{ width: 100%;height:3px; display: block; margin-top: 10px;}
.ny_jtlctit span i{ width:5%;height:3px; display: block; background: #fff; margin: 0 auto;}
.ny_ctzxtj{width: 100%; background: #f5f5f5; padding: 30px 0 0 0;}
.ny_zxtj{}
.ny_zxtj .swiper-slide a{ width: 100%; display: block;}
.ny_zxtj .swiper-slide img{ width: 100%; height: 238px;}
.ny_zxtj .swiper-slide p{ width: 100%; height:50px; background: rgba(0,0,0,0.5); color: #fff; text-align: center; line-height: 50px;
    position: absolute; z-index: 3; left: 0; bottom: 0;}
.ny_zxtj .swiper-slide a:hover p,.ny_zxtj .swiper-slide a:active p{ background: #b92024; }
.ny_zxbox{width: 100%; background: #f5f5f5; padding-bottom: 30px;}
.ny_zxboxnr{background: #fff; }
.ny_zxboxtitle{ width: 100%; height: 75px; overflow:hidden; border-bottom: 1px solid #e5e5e5;}
.ny_zxboxtitle a{ width: 10%; height: 75px; line-height: 75px;display: block; float: left; font-size: 22px; text-align: center; font-weight: bold;}
.ny_zxboxtitle a:hover,.ny_zxboxtitle a.active{border-bottom: 3px solid #b92024; color: #b92024;}
.ny_zxbottom{ width: 100%;}
.ny_zxbottom ul li{ width: 100%; display: block; padding:2% 2%; border-bottom: 1px solid #e5e5e5; overflow: hidden;}
.ny_zxbottom ul li a{ width: 100%; display: block;}
.ny_zxbottom ul li a>img{ width: 19%; height: 183px; display: block;float: left;}
.ny_zxbottom .ny_zxtime{ width: 5%; height:80px; display: block;float: left;border: 1px solid #e5e5e5; margin-left:2%; padding: 10px 0;}
.ny_zxbottom .ny_zxtime h3{ width:100%; height:30px; display: block;line-height:30px;color: #b92024; font-size: 24px; text-align: center;}
.ny_zxbottom .ny_zxtime h6{ width:100%; height:30px; display: block;line-height:30px;color: #8d8d8d; text-align: center;}
.ny_zxbottom .ny_zxnr{ width:72%; height: 183px; display: block;float: right;}
.ny_zxbottom .ny_zxnr h4{ width:100%; height:70px; display: block;line-height:30px; overflow: hidden; font-size:18px; overflow:hidden;text-overflow: ellipsis; white-space: nowrap;}
.ny_zxbottom .ny_zxnr p{ width:100%; height:60px; display: block;line-height:30px; overflow: hidden; font-size:16px; overflow:hidden;text-overflow: ellipsis; color: #bab7b7;}
.ny_zxbottom ul li:hover,.ny_zxbottom ul li:active{transition:all 0.5s linear;  background: #b92024; padding:2% 3%;}
.ny_zxbottom ul li:hover .ny_zxtime,.ny_zxbottom ul li:active .ny_zxtime{border: 1px solid #d78284;}
.ny_zxbottom ul li:hover .ny_zxtime h3,.ny_zxbottom ul li:active .ny_zxtime h3{ color: #e89395;}
.ny_zxbottom ul li:hover .ny_zxtime h6,.ny_zxbottom ul li:active .ny_zxtime h6{ color: #e89395;}
.ny_zxbottom ul li:hover .ny_zxnr h4,.ny_zxbottom ul li:active .ny_zxnr h4{ color: #fff;}
.ny_zxbottom ul li:hover .ny_zxnr p,.ny_zxbottom ul li:active .ny_zxnr p{ color: #e89395;}
.ny_zxbottom span{ width: 100%; height:80px; display: block; padding: 20px 0;}
.ny_zxbottom span a{ width:10%; height: 40px; display: block; background: #b92024; color: #fff; text-align: center; line-height: 40px; margin: 0 auto; border-radius: 5px;}
.ny_zxbottom span a:hover,.ny_zxbottom span a:active{transition:all 0.5s linear; background:#850104; }

.ny_ggtitle{ width: 100%;overflow:hidden; text-align: center; padding:30px 0;}
.ny_ggtitle a{ padding: 0 20px;height:55px; line-height:55px;display:inline-block; overflow: hidden; font-size: 22px; text-align: center; font-weight: bold; background: #fff; border-radius: 5px; margin: 0 1%;}
.ny_ggtitle a:hover,.ny_ggtitle a.active{color: #fff; background: #b92024;}
.ny_ggbot{ width: 100%;}
.ny_ggbot ul li{ width: 100%; display: block; background: #fff; border-left:8px solid #b92024; padding:1% 1% 1% 2%;cursor: pointer; margin-bottom: 20px;}
.ny_ggbot ul li .ny_ggleft{ width: 80%; float: left;}
.ny_ggbot ul li .ny_ggleft h3{ width: 100%; height:30px; font-weight: bold; line-height: 30px; overflow:hidden;text-overflow: ellipsis; white-space: nowrap;}
.ny_ggbot ul li .ny_ggleft h5{ width: 100%; height:30px;color: #bebebe; line-height: 30px; overflow:hidden;text-overflow: ellipsis; white-space: nowrap;}
.ny_ggbot ul li .ny_ggleft p{ width: 100%; height:30px;color: #bebebe; line-height: 30px; overflow:hidden;text-overflow: ellipsis; white-space: nowrap;}
.ny_ggbot ul li .ny_ggright{ width: 5%; float: right;}
.ny_ggbot ul li .ny_ggright img{ width:18px; height: 32px; float: right;margin-top: 29px;}
.ny_ggbot ul li:hover,.ny_ggbot ul li:active{transition:all 0.5s linear; background:#b92024; color: #fff;border-left:8px solid #a6181c;padding:1% 2% 1% 3%;}
.ny_ggbot ul li:hover .ny_ggleft h3,.ny_ggbot ul li:active .ny_ggleft h3{color: #dbdbdb; }
.ny_ggbot ul li:hover .ny_ggleft h5,.ny_ggbot ul li:active .ny_ggleft h5{color: #dbdbdb; }
.ny_ggbot ul li:hover .ny_ggleft p,.ny_ggbot ul li:active .ny_ggleft p{color: #dbdbdb; }
.ny_ggbot span{ width: 100%; height:80px; display: block; padding: 20px 0;}
.ny_ggbot span a{ width:10%; height: 40px; display: block; background: #fff; text-align: center; line-height: 40px; margin: 0 auto; border-radius: 5px;}
.ny_ggbot span a:hover,.ny_ggbot span a:active{transition:all 0.5s linear; background:#b92024; color: #fff; }

.ny_tplb{ width: 100%;}
.ny_tplb ul li{ width:24%; display: block; background: #fff; float: left; margin-right: 1.33%; margin-bottom:25px;}
.ny_tplb ul li:nth-child(4n){float: right; margin-right:0;}
.ny_tplb ul li a{ width: 100%;display: block; }
.ny_tplb ul li img{ width: 100%; height: 300px;}
.ny_tplb ul li p{ width: 100%; height:50px; line-height:50px; font-size: 16px; text-align: center;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.ny_tplb ul li:hover,.ny_tplb ul li:active{transition:all 0.5s linear; background:#b92024;}
.ny_tplb ul li:hover p,.ny_tplb ul li:active p{ color: #fff;}
.ny_tplb span{ width: 100%; height:80px; display: block; padding: 20px 0;}
.ny_tplb span a{ width:10%; height: 40px; display: block; background: #fff; text-align: center; line-height: 40px; margin: 0 auto; border-radius: 5px;}
.ny_tplb span a:hover,.ny_tplb span a:active{transition:all 0.5s linear; background:#b92024; color: #fff; }
.ny_cybanner{width: 100%; height: 400px; background: #000; overflow: hidden; position: relative;}
.ny_cybanner .ny_cybntop{width: 100%; overflow: hidden; position:absolute; z-index: 2; left: 0;top:170px; padding: 0 3%;}
.ny_cybanner .ny_cybntop h4{width: 100%; height:50px; line-height: 50px; text-align: center; color: #fff; font-size: 30px; overflow: hidden;  display: block;}
.ny_cybanner .ny_cybntop h3{width: 100%; height:50px; line-height: 50px; text-align: center; color: #fff; overflow: hidden;  display: block;}
.ny_cybanner .ny_cybntop h6{width: 100%; height:3px;overflow: hidden;  display: block; margin-top: 10px;}
.ny_cybanner .ny_cybntop i{width: 3%; height:3px;background:#fff;display: block; margin: 0 auto;}
.ny_cybanner .ny_cybnbot{width: 100%; height: 400px; overflow: hidden;}
.ny_cybanner .ny_cybnbot img{width: 100%; height: 400px;}

.ny_cyxq{ background: #f5f5f5; padding:40px 0 30px 0;}
.ny_cyjs{ width: 94%; margin: 0 auto; background: #fff; padding: 30px;}
.ny_cyjs h4{ width:100%; height:70px; line-height:70px; border-bottom: 1px solid #f5f5f5; font-size: 24px; color: #b92024; font-weight: bold; margin-bottom:15px; overflow: hidden;}
.ny_cyjs p{ width:100%; line-height:44px; text-indent: 2em;}
.ny_cytitle{ width: 94%; margin: 0 auto;}
.ny_cytitle h3{ width:100%; height:80px; line-height:80px; border-bottom:1px solid #d9d5d5; font-size: 24px; color: #b92024; font-weight: bold; margin-bottom:25px; overflow: hidden;}
.ny_cyxm{ width: 94%; margin: 0 auto;}
.ny_cyxm ul li{ width:24%; display: block; background: #fff; float: left; margin-right: 1.33%; margin-bottom:25px;}
.ny_cyxm ul li:nth-child(4n){float: right; margin-right:0;}
.ny_cyxm ul li a{ width: 100%;display: block; }
.ny_cyxm ul li img{ width: 100%; height: 300px;}
.ny_cyxm ul li p{ width: 100%; height:50px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; line-height:50px; font-size: 16px; text-align: center;}
.ny_cyxm ul li:hover,.ny_cyxm ul li:active{transition:all 0.5s linear; background:#b92024;}
.ny_cyxm ul li:hover p,.ny_cyxm ul li:active p{ color: #fff;}
.ny_cyxm span{ width: 100%; height:80px; display: block; padding: 20px 0;}
.ny_cyxm span a{ width:10%; height: 40px; display: block; background: #fff; text-align: center; line-height: 40px; margin: 0 auto; border-radius: 5px;}
.ny_cyxm span a:hover,.ny_cyxm span a:active{transition:all 0.5s linear; background:#b92024; color: #fff; }

.ny_xqtitle{ width: 75%; margin:0 auto 0 auto;}
.ny_xqtitle h3{ width:100%;line-height:36px; display: block; text-align: center; font-size: 24px; font-weight: bold; }
.ny_xqtitle p{ width:100%;height:36px;line-height:36px; display: block; text-align: center;overflow: hidden; color: #939393;margin: 10px 0;}

.ny_xwxq{ background: #f5f5f5; padding:40px 0 30px 0;}
.ny_xqjs{ width:75%; margin: 0 auto; background: #fff; padding: 30px;}
.ny_xqjs p{ width: 100%;  line-height:44px; font-size: 16px; display: block; text-indent: 2em;}
.ny_xqjs table p{text-indent: 0;}
.ny_xqjs img{ width: auto;display: inline-block}
.ny_xqjs strong p,.ny_xqjs strong span{font-weight:bold;}

.ny_xqsx{ width: 75%; margin:20px auto 0 auto;}
.ny_xqsx span{ width:100%;height: 50px; display: block; background: #fff; margin-bottom: 10px;}
.ny_xqsx span h3{ width:7%;height: 50px; line-height: 50px; text-align: center; display: block; float: left;background:#b92024; color: #fff;}
.ny_xqsx span a{ width:93%;height: 50px; line-height: 50px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;  display: block; float: right; padding: 0 1%;}
.ny_xqsx span a:hover,.ny_xqsx span a:active{transition:all 0.5s linear; background:#a81a1d; color: #fff; }


.ny_cyxq{ background: #f5f5f5; padding:40px 0 30px 0;}
.ny_cyjsb{ width: 94%; margin: 0 auto; background: #fff; padding: 30px;}
.ny_cyjsb h4{ width:100%; height:70px; line-height:70px; border-bottom: 1px solid #f5f5f5; font-size: 24px; color: #b92024; font-weight: bold; margin-bottom:15px; overflow: hidden;}

.ny_cyjsb p{ width:100%; line-height:44px;}
.ny_cyjsb p img{width: auto !important;    display: inline-block;}
.ny_cytitleb{ width: 94%; margin: 0 auto;}
.ny_cytitleb h3{ width:100%; height:80px; line-height:80px; border-bottom:1px solid #d9d5d5; font-size: 24px; color: #b92024; font-weight: bold; overflow: hidden;}
.ny_cyxmb{ width: 94%; margin: 0 auto;}
.ny_cyxmb ul li{ width:24%; display: block; background: #fff; float: left; margin-right: 1.33%; margin-top: 25px;}
.ny_cyxmb ul li:nth-child(4n){float: right; margin-right:0;}
.ny_cyxmb ul li a{ width: 100%;display: block; }
.ny_cyxmb ul li img{ width: 100%; height:271px;}
.ny_cyxmb ul li p{ width: 100%; height:50px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; line-height:50px; font-size: 16px; text-align: center;}
.ny_cyxmb ul li:hover,.ny_cyxmb ul li:active{transition:all 0.5s linear; background:#b92024;}
.ny_cyxmb ul li:hover p,.ny_cyxmb ul li:active p{ color: #fff;}
.ny_cyxmb span{ width: 100%; height:80px; display: block; padding: 20px 0;}
.ny_cyxmb span a{ width:10%; height: 40px; display: block; background: #fff; text-align: center; line-height: 40px; margin: 0 auto; border-radius: 5px;}
.ny_cyxmb span a:hover,.ny_cyxmb span a:active{transition:all 0.5s linear; background:#b92024; color: #fff; }
.ny_cyxmnew{ width: 94%; margin: 0 auto;}
.ny_cyxmnew ul li{ width:49.5%; height:54px; display: block;float: left; margin-bottom:15px;}
.ny_cyxmnew ul li a{ width:100%; height:54px;display: block; background: #fff; padding: 0 2%;}
.ny_cyxmnew ul li p{ width:80%; height:54px; line-height:54px;  display: block;float: left; font-size: 16px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; }
.ny_cyxmnew ul li span{ width:20%; height:54px; line-height:54px;  display: block;float: right;color: #a5a2a2; text-align: right; overflow: hidden; }
.ny_cyxmnew ul li:nth-child(2n){float: right;}
.ny_cyxmnew ul li a:hover,.ny_cyxmnew ul li a:active{transition:all 0.5s linear;  background: #b92024; color: #fff;}
.ny_cyxmnew ul li a:hover span,.ny_cyxmnew ul li a:active span{ color: #fff;}


/*滑屏*/


#pages{width:100%;text-align:center;margin-top: 20px}
#pages li{border:1px solid #ccc;margin: 0 5px;display: inline-block;height: 40px;width: auto;padding: 10px;cursor: pointer;float: initial}
#pages li:hover a{color: #fff}
#pages li.active,#pages li:active{background:#cc0001;border:1px solid #cc0001;color:#fff;}
#pages li.active a,#pages li:active a{color:#fff;}
#pages li:first-child{border:0;}

/*时间轴*/
.product-section {
    margin-top: 40px;
    margin-bottom: 20px;
    padding-bottom: 50px;
    position: relative;
    background-size: cover
}
.product-title {
    padding: 50px 10px 30px;
    font-weight: normal;
    font-size: 36px;
    line-height: 46px;
    text-align: center;
    color: #ffffff
}
.product-wrapper {
    max-width: 1200px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}
.product-features .product-body {
    margin: 0px 25px
}
.product-features .product-body:after {
    content: "";
    width: 100%;
    height: 3px;
    background: url(../img/productBase-features-model.png) no-repeat;
    background-size: 100% auto;
    background-position: center;
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 0
}
/*li*/
.features-item {
    position: relative;
    float: left
}
.features-slide .features-item>* {
    text-align: center
}
.features-item h3 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 50px;
    color: #ffffff;
    opacity: 0.7;
    transition: all 0.1s;
    margin-left: -10px;
}
.features-item i {
    position: absolute;
    width: 75%;
    height: 33px;
    background: url(../img/productBase-features-timeline.png) no-repeat;
    background-size: contain;
    background-position: right center;
    left: -25%;
    margin-left: 10px;
    top: 35px;
    z-index: 3
}
.features-item .features-info {
    display: block;
    margin: 0 auto;
    padding: 20px 53px;
    transition: all 0.3s;
    border-radius: 2px
}
.features-item .features-info .features-info-i {
    font-size: 14px;
    color: #A0A2A8;
    line-height: 22px;
    margin-bottom: 10px
}
.features-item .features-info .features-info-s {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 24px;
    overflow: hidden
}
.features-item.dark i {
    background: url(../img/productBase-features-timeline-dark.png) no-repeat;
    background-size: contain;
    background-position: right center
}
/*鼠标悬浮效果*/
.features-item:hover h3 {
    font-size: 22px;
    line-height: 28px;
    opacity: 0.9
}
.features-item:hover i {
    width: 75%;
    margin-left: 13px;
    background: url(../img/productBase-features-timeline-hover.png) no-repeat;
    background-size: contain;
    background-position: right center
}
.features-item:hover a {
    background: url(../img/productBase-features-info.png) no-repeat;
    background-size: 100% 100%
}
/*左右按钮*/
.product-features .swiper-button-prev {
    width: 30px;
    height: 40%;
    left: -15px;
    top: 60%;
    background: none
}
.product-features .swiper-button-prev:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 15px;
    height: 30px;
    background: url(../img/productBase-features-left.png) no-repeat;
    background-size: 100% 100%;
    top: 50%;
    margin-top: -15px;
    left: 50%;
    margin-left: -7px
}
.product-features .swiper-button-next {
    width: 30px;
    height: 40%;
    right: -15px;
    top: 60%;
    background: none
}
.product-features .swiper-button-next:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 15px;
    height: 30px;
    background: url(../img/productBase-features-right.png) no-repeat;
    background-size: 100% 100%;
    top: 50%;
    margin-top: -15px;
    left: 50%;
    margin-left: -7px
}
@media screen and (max-width:1680px) {
    .banner .banner_ul{height: 800px}
    .banner .xcsp{top: 710px;}
    .about{padding: 70px 0;}
    .about_title p{line-height:2.1em !important;}
    .about_title span{font-size: 14px !important;}
    .about_sz ul li{padding:9px 0;}
    .ttzt .swiper .swiper-slide a{letter-spacing: 12px;}
    .yw_tpqh{ height:379px;}
    .news_zs ul li img{height: 140px;}
    .news{padding: 45px 0;}
    .cybk_title{ margin: 15px 0 15px 0;}
    .cyqh_cont h4{ margin: 0;}
    .cyqh_cont h5{ margin:10px 0;}
    .dj_center{padding: 18px 0 42px 0;}
    .dj_cont{margin: 20px 0 20px 0;}
    .dj_contul li{height:59px;}
    .dj_contul li img{margin:17.5px 10px 0 0;}
    .dj_contul li h4{height:59px;line-height:59px;}
    .dj_contul li span{height:59px;line-height:59px;}
    .ny_ldjsul li a img{ height: 248px;}
    .product-section{padding-bottom:25px;}
    .ny_zxtj .swiper-slide img{height:245px;}
    .ny_cyxmb ul li img{height: 237px;}
}
@media screen and (max-width:1440px) {
    .banner .banner_ul{height: 650px}
    .banner .xcsp{top:560px;}
    .about{padding: 40px 0;}
    .about_title p{line-height:1.7em !important;}
    .about_title span{ font-size:12px !important;}
    .about_sz ul li{padding:9px 0;}
    .news{padding: 15px 0;}
    .ttzt .swiper .swiper-slide a{ font-size:45px;}
    .yw_tpqh{height: 315px;}
    .news_font .news_time h6,.news_font .news_lit p{line-height: 15px; font-size: 14px;}
    .news_zs ul li img{height:119px;}
    .cybk_title{ height: 70px; line-height: 70px; margin: 0;}
    .cyqh_cont h4{ margin: 0;}
    .cyqh_cont h5{ margin:10px 0;}
    .cyqh_cont p{ height: 120px; line-height: 30px;font-size: 14px;}
    .dj_center{padding: 0 0 16px 0;}
    .dj_cont{ margin: 12px 0 12px 0;}
    .dj_contul li{height:50px;}
    .dj_contul li img{margin:13px 10px 0 0;}
    .dj_contul li h4{height:50px;line-height:50px;}
    .dj_contul li span{height:50px;line-height:50px;}
    .ny_banner{height:293px;}
    .ny_bnleft{height:293px;padding: 155px 5% 0 5%;}
    .ny_bnleft h3{height: 30px; font-size: 30px;line-height: 30px;}
    .ny_bnright{height:293px; overflow: hidden;}
    .ny_bnright img{height:293px; }
    .ny_ctjjleft p{line-height: 2.1rem !important;}
    .ny_ldjsul li a img{height: 207px;}
    .product-section{padding-bottom:0px;}
    .ny_zxtj .swiper-slide img{height:208px;}
    .ny_cyxmb ul li img{height: 202px;}
}
@media screen and (max-width:1366px) {
    .logo img{}
    .banner .banner_ul{height: 520px}
    .banner .xcsp{top:435px;}
    .about{padding: 25px 0;}
    .about_left{width: 68%;}
    .about_right{ width: 30%;}
    .about_title p{line-height:1.35em !important;}
    .about_title span{font-size:12px !important;}
    .about_sz ul li{padding:9px 0;}
    .about_sz ul li h4{ line-height: 36px; font-size: 36px;}
    .ttzt .swiper .swiper-slide a{ font-size:40px; line-height: 70px;}
    .news_center{margin: 5px 0;}
    .yw_tpqh{height:280px;}
    .news_font .news_time h3{ font-size: 20px; line-height: 24px;}
    .news_font .news_lit h4{ line-height: 24px; font-size: 14px;}
    .news_font .news_time h6, .news_font .news_lit p{ font-size: 12px;}
    .news_zs ul li img{height:112px;}
    .cybk_title{font-size:24px; height:60px; line-height:60px;}
    .cyqh_img img{ height:285px;}
    .cyqh_cont h3{ height: 44px; line-height: 44px; font-size: 26px;}
    .cyqh_cont h4{ height: 30px; line-height: 30px; font-size: 16px; margin: 0;}
    .cyqh_cont h5{ margin:10px 0;}
    .cyqh_cont p{ height:90px; line-height: 30px;font-size: 12px;}
    .cyqh_cont a{ height: 30px; line-height: 30px;margin-top: 10px;}
    .cyqh_title_ul li span img{padding: 10px;}
    .cyqh_title_ul li p{ height: 20px; line-height: 20px; font-size: 16px;}
    .cyqh_titleb{ height: auto;}
    .cyqh_title_ul li{ padding: 15px 0;}
    .cyqh_title_ul li a{}
    .dj_titl{height: 35px;}
    .dj_titl h3{ height: 35px; line-height: 35px; font-size: 24px;}
    .dj_titl a{height: 35px; line-height: 35px;}
    .dj_cont p img{ height: 228px;}
    .dj_contul li{height:38px;}
    .dj_contul li img{margin:7px 5px 0 0; padding: 5px;}
    .dj_contul li h4{height:38px;line-height:38px; font-size: 14px;}
    .dj_contul li span{height:38px;line-height:38px;font-size: 12px;}
    .dj_center{padding: 0 0 20px 0;}
    .bq_nav{bottom: 35px !important;}
    .bq{height:35px;}
    .bq h5{ line-height: 35px;    font-size: 12px;}
    .bq p{ line-height: 35px;    font-size: 12px;}

    .ny_ldjsul li a img{ height: 199px;}
    .product-section{padding-bottom:0px;}
    .ny_jtrynrul li h3{font-size: 24px;}
    .ny_jtrynrul li{margin-bottom: 20px;}
    .ny_jtrylb span h6{ width: 95%; font-size: 14px;}
    .ny_zxtj .swiper-slide img{height:165px;}
    .ny_cyxmb ul li img{height:192px;}
}