.banner { width: 100%; position: relative; height: 100vh; }
.banner video { float: left; }
.index .banner a.hb { position: absolute; display: block; right: 5%; bottom: 8.5%; width: 8%; height: 12%; }
.index .banner a.gf { position: absolute; display: block; right: 14.3%; bottom: 8.5%; width: 8%; height: 12%; }
.index .banner a.jz { position: absolute; display: block; right: 24%; bottom: 8.5%; width: 8%; height: 12%; }
.index .banner a span { position: absolute; width: 60px; text-align: center; left: 50%; top: 100%;margin-left:-30px; color: #fff; opacity: 0; visibility: hidden; transition: all 0.3s; display: inline-block; padding: 6px; border-radius: 6px; background: rgba(255,255,255,0.3); }
.index .banner a span:before { width: 0; height: 0; content: ''; position: absolute; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid rgba(255,255,255,0.3); top: -6px; left: 50%;  margin-left: -6px; }
.index .banner a:hover span { opacity: 1; visibility: visible; }
.index .banner .video_mask{width:100%;height:100%;background-repeat: no-repeat;background-position: center; background-size:cover; position: absolute;left:0;top:0;z-index:10;display: none;}
.index .banner .btn_play{width:40px;height:40px;background:url(../images/play.png) no-repeat center;background-size:100%;position: absolute;left:50%;top:50%;margin-left:-20px;margin-top:-20px;z-index: 10;}
.about { position: relative; }
.about .content, .index .honour .content { padding-top: 128px; }
.about .content .content_div { padding-top: 50px; }
.common_index_name .c { float: left; color: #090d45; font-size: 30px; position: relative; padding-bottom: 25px; }
.common_index_name .c:before { display: block; content: ''; width: 40px; height: 5px; border-radius: 2px; background: #005dac; position: absolute; bottom: 0; left: 0; }
.common_index_name { opacity: 0; transition: 1s; transform: translate(300px, 0px); }
.index .honour .common_index_name { margin-bottom: 80px; }
.index .section.active .common_index_name { opacity: 1; transform: translate(0px, 0px); }
.common_index_name i { margin: 0 40px; color: #758093; display: block; float: left; }
.common_index_name .e { float: left; }
.common_index_name .e .p1 { font-size: 16px; color: #090d45; margin-bottom: 15px; letter-spacing: 20px; }
.index .common_index_name .e .p2 { letter-spacing: 20px; font-size: 16px; color: #abbfcb; }
.index .about .bg { height: 1080px; background: url(../images/index_pic1.png) center no-repeat; background-size: cover; }
.index .about .bg img { display: none; }
.index .about .details {  color: #1b1b1b; max-width: 34%; font-size: 18px; color: #1b1b1b; color: #fff; }
.index .about .details p{margin-bottom: 2em;line-height:2;}
.about .common_index_name .c { color: #fff; }
.about .common_index_name .c:before { background: #fff; }
.about .content_div, .honour .content_div { width: 1440px; }
.indAbout { padding: 50px 0 40px; transform: translate(0px, 300px); opacity: 0; transition: 0.8s; }
.indAbout .details { float: left; text-align: justify; }
.indAboutItem{padding-left:10%;display:flex;flex-wrap: wrap;}
.indAboutItem .item { min-width: 40%; float: left; margin-top: 70px; color: #fff; }
.indAboutItem .item:nth-child(1), .indAboutItem .item:nth-child(2) { margin-top: 0 !important; }
.indAboutItem .item .name { float: left; padding: 0 0 0 60px;  margin-right: 10px; }
.indAboutItem .item .name .img{display: inline-block;padding-right:40px; background: url(../images/indIcon6.png) center right no-repeat;}
.indAboutItem .item .ovh { display: flex; align-items: flex-end;margin-top:20px; }
.indAboutItem .item:nth-child(2) .ovh{position: relative;left:-15px;}
.indAboutItem .item .f1 { margin-bottom: 10px; }
.indAboutItem .item .f2 { font-size: 70px; line-height: 0.8; }
.indAboutItem .item .f3 {font-size:28px; margin-left: 15px; }
.index .section.active .indAbout { transform: translate(0px, 0px); opacity: 1; }
.index .about .line { position: relative; height: 100px; margin-bottom: 30px; }
.index .about .line:before { margin: 0 0 0 35px; display: block; content: ''; height: 0; width: 1px; background: rgba(255,255,255,0.3); transition: 0.5s; }
.index .section.active .about .line:before { height: 100px; }
.index .section.active .about .more a img { transition: 0.5s; }
.index .about .more a img { transform: rotate(360deg) scale(0); transition: 0.5s; }
.index .section.active .about .more a img { transform: rotate(0deg) scale(1); }
.index .about .more a:hover img { transform: rotate(360deg) scale(1.1); }
.index .honour { position: relative; }
.index .honour .content .content_div { padding-top:20px; }
.index .honour .bg img { display: none; }
.index .honour .swiper-container-text { transition: 1s; opacity: 0; transform: translate(-300px, 0px); }
.index .section.active .honour .swiper-container-text { opacity: 1; transform: translate(0px, 0px); }
.index .honour .swiper-container-pic-web { display: none; }
.index .honour .swiper-container-pic { transition: 1s; opacity: 0; transform: translate(300px, 0px); }
.index .section.active .honour .swiper-container-pic { opacity: 1; transform: translate(0px, 0px); }
.index .honour .swiper-container { min-height: 350px; }
.index .honour .swiper-pagination span { margin: 0 5px; }
.index .honour .text { width: 100%;/* margin-top: 135px; */
}
.index .honour .text .b { font-size: 30px; color: #444444; height: 30px; margin-bottom: 30px; line-height: 30px; text-align: left; }
.index .honour .text .d { font-size: 20px; color: #444444; height: 30px; margin-bottom: 50px; line-height: 30px; text-align: left; }
.index .honour .text .l { font-weight: bold; height: 30px; margin-bottom: 30px; line-height: 30px; text-align: left; }
.index .honour .text .l a:hover { font-size: 18px; color: #005dac; }
.index .honour .text .l a { font-size: 16px; transition: 0.3s; color: #333333; }
.index .honour .swiper-container .swiper-pagination { text-align: left; display: flex; align-items: center; }
.index .honour .swiper-container .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; background: #fff; opacity: 1; }
.index .honour .swiper-container .swiper-pagination .swiper-pagination-bullet-active { width: 12px; height: 12px; background: #005dac; }
.index .honour .swiper-container .swiper-wrapper { align-items: center; }
.index .honour .swiper-container .swiper-slide { transform: scale(0.8); transition: 0.3s; -webkit-transform: scale(0.8); cursor: pointer; }
.index .honour .swiper-container .swiper-slide .pic { display: flex; align-items: center; justify-content: space-between; }
.index .honour .swiper-container .swiper-slide-active { transform: scale(1); -webkit-transform: scale(1); }
.index .honour .swiper-container .swiper-slide .pic img { width: 100%; }
.index .honour .swiper-container .swiper-slide-active .pic img { }
.index .honour .box { width: 100%; display: flex; align-items: baseline; position: relative; top: -105px; overflow: hidden; }
.index .honour .box .swiper-container { flex: 1; }
.honorSwiper { position: relative; }
.honorSwiper .swiper-button-prev, .honorSwiper .swiper-button-next { width: 42px; height: 42px; background-size: contain; background-position: center; top: 50%; margin-top: -21px; cursor: pointer; }
.honorSwiper .swiper-button-prev { background-image: url(../images/left_icon2.png); left: 90px; }
.honorSwiper .swiper-button-next { background-image: url(../images/right_icon2.png); right: 90px; }
.honorSwiper .swiper-button-prev:hover { background-image: url(../images/left_icon3.png); }
.honorSwiper .swiper-button-next:hover { background-image: url(../images/right_icon3.png); }
.honorSwiper .swiper-slide {display: flex;justify-content: center; flex-direction: column;
    align-items: center; }
.honorSwiper .swiper-slide .ff { margin-top: 1em; display: none; }
.honorSwiper .swiper-slide .img { height: 500px; align-items: center; display: flex; }
.honorSwiper .swiper-slide .img img { max-width: 100%; max-height: 100%; }
.honorSwiper .swiper-slide.swiper-slide-active .ff { display: block; }
.honorSwiper .swiper-pagination { left: 0; right: 0; bottom: -35px; }
.index .honour .btn { display: block; margin: 0 auto; color: #0050a1; margin-top: 60px; border: 1px solid #0050a1; width: 6em; height: 2.4em; line-height: 2.4; border-radius: 1.2em; text-align: center; }
.index .honour .btn:hover{text-decoration: underline;}
.index .company { position: relative; }
.index .company .big_pic { left: 0; top: 0; overflow: hidden; width: 100%; height: 100vh;}
.index .company .big_pic .swiper-slide { min-width: 100%; min-height: 100vh;background-position: center;background-repeat: no-repeat;background-size:cover; overflow: hidden;  }
.index .company .big_pic .swiper-slide img{display: none;}
.index .company .small_pic { position: absolute; left: 0; bottom: 90px; overflow: hidden; width: 100%;z-index:10; }
.index .company .small_pic .item { width: 412px; max-height: 222px; float: left; position: relative;cursor: pointer; overflow: hidden; }
.index .company .small_pic .swiper-slide .pic { position: relative; }
.index .company .small_pic .swiper-slide .pic:before { display: block; content: ''; background-color: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; transition: 0.3s; }
.index .company .small_pic .swiper-slide:hover .pic:before, .index .company .small_pic .swiper-slide-thumb-active .pic::before { background-color: rgba(0, 0, 0, 0); }
.index .company .small_pic .item:last-child { margin-right: 0; }
.index .company .small_pic .swiper-slide .text .c { font-size: 18px; position: relative; }
.index .company .small_pic .swiper-slide .text .c::before { position: absolute; left: -15px; width: 5px; height: 5px; top: 50%; margin-top: -3px; border-radius: 100px; display: block; content: ''; background: #fff; }
.index .company .small_pic .swiper-slide .text { position: relative; z-index: 10; position: absolute; bottom: 0; left: 0; width: 100%; height: auto; padding: 25px 45px; color: #fff; } 
.index .company .small_pic .swiper-slide  img { width: 100%; }
.index .company .content_div { transform: translate(0, 100px); -webkit-transform: translate(0, 100px); opacity: 0; transition: 0.5s 0.5s all ease; -webkit-transition: 0.5s 0.5s all ease; }
.index .section.active .company .content_div { transform: translate(0, 0); -webkit-transform: translate(0, 0); opacity: 1; }
.index .news { padding: 160px 0 100px; text-align: center; }
.index .news .title { position: relative; }
.index .news .title::before { position: absolute; width: 80%; display: block; content: ''; background: #e3e3e8; height: 1px; left: 10%; top: 50%; }
.index .news .title p { background: #fff; padding: 0 40px; position: relative; z-index: 3; text-align: center; display: inline-block; }
.index .news .name { font-size: 30px; line-height: 100px; height: 100px; text-align: center; position: relative; }
.index .news .name::before { display: block; content: ''; position: absolute; left: 50%; bottom: 0; background: #005dab; height: 5px; width: 40px; margin-left: -20px; border-radius: 100px; }
.index .news .title span { display: inline-block; font-size: 16px; color: #758092; letter-spacing: 10px; line-height: 25px; }
.index .news .title span:last-child { color: #dcdcdc; }
.index .news .content { margin-top: 75px; width: 100%; overflow: hidden; }
.index .news .content .item_news { width: 610px; float: left; transition: 1s; /*opacity: 0;
    transform: translate(-300px, 0px);*/
margin-right: 40px; text-decoration: none; }
/*.index .section.active .news .content .item_news{
    opacity: 1;
    transform: translate(0px, 0px);
}*/
.index .news .content .item_news .pic { width: 100%; overflow: hidden; }
.index .news .content .item_news:hover .pic img { transform: scale(1.1); }
.index .news .content .item_news .pic img { width: 100%; transition: 0.3s; }
.index .news .content .item_news .news_title {margin:15px 0 10px; color: #2f2f2f;text-align: left; overflow: hidden; font-size: 20px; white-space: nowrap; text-overflow: ellipsis; transition: 0.3s; }
.index .news .content .item_news .news_title:hover { color: #004fa1; }
.index .news .content .item_news .time { font-size: 14px; color: #2f2f2f; line-height: 20px; margin-bottom: 10px; text-align: left; }
.index .news .content .item_news .details { font-size: 14px; text-align: left; line-height: 30px; color: #7d7d7d; }
.index .news .content .list_news { overflow: hidden; transition: 1s;/*opacity: 0;
    transform: translate(300px, 0px);*/
}
/*.index .section.active .news .content .list_news{
    opacity: 1;
    transform: translate(0px, 0px);
    
}*/
.index .news .content { transition: 1s;/*opacity: 0;
    transform: translate(0px, 300px);*/
}
.index .section.active .news .content { /* opacity: 1;
    transform: translate(0px, 0px);*/
}
.index .news .content .list_news .item { border-top: 1px solid #e1e1e1; }
.index .news .content .list_news .item a { height: 90px; display: block; }
.index .news .content .list_news .item a span { display: block; float: left; color: #5e5e5e; line-height: 90px; height: 90px; overflow: hidden; font-size: 18px; width: calc( 100% - 90px); text-align: left; transition: 0.3s; }
.index .news .content .list_news .item a span:hover { color: #005dab; text-indent: 10px; }
.index .news .content .list_news .item a i { display: block; width: 90px; float: right; text-align: right; font-size: 16px; color: #7d7d7d; height: 90px; line-height: 90px; }
.index .news .content .list_news .more { border-top: 1px solid #e1e1e1; float: right; width: 100%; }
.index .news .content .list_news .more a { color: #7d7d7d; border: 1px solid #7d7d7d; font-size: 14px; width: 120px; height: 40px; line-height: 40px; border-radius: 30px; float: right; margin-top: 30px; transition: 0.3s; }
.index .news .content .list_news .more a:hover { background: #005dab; color: #fff; border: 1px solid #005dab; }
 @keyframes height {  from {
 height: 0;
}
to { height: 100px; }
}
 

.index_menu { padding: 45px; height: 100vh; width: 455px; position: fixed; top: 0; z-index: 400; background: #edf0f2; right: 0; transition: 0.5s; transform: scale(0, 1); transform-origin: right; }
.index_menu.active { transform: scale(1, 1); }
.index_menu li { border-bottom: 1px solid #dde2e5; }
.index_menu li.on { background: url(../images/right_icon.png) no-repeat right center; }
.index_menu li > a { display: inline-block; width: auto; height: 60px; line-height: 60px; text-align: left; font-size: 18px; color: #232323; transition: 0.3s; }
.index_menu li > a:hover { color: #005dab; text-indent: 20px; font-size: 20px; }
.index_menu li .second_menu { position: static; height: auto; padding-top: 0; }
.index_menu li .second_menu .link { padding: 0 0 1em 1em; }
.index_menu li .second_menu .link a { display: block; line-height: 1.8; font-size: 15px; padding: 3px 0;text-align: left; }
.index_menu .bottom { width: 100%; color: #fff; text-align: left; font-style: normal; }
.index_menu .bottom .jz { background: url(../images/jz_bg.png) no-repeat right center; background-size: 100%;/*    height: 163px;
*/}
.index_menu .bottom .item .c, .index_menu .bottom .item .e { color: #fff; font-size: 16px; }
.index_menu .bottom .item .c { font-size: 20px; }
.index_menu .bottom .jz .item { width: 50%; float: left; padding: 60px 35px; }
.index_menu .bottom .hb { background: url(../images/hb_bg.png) no-repeat right center; background-size: 100%; height: 105px; padding: 25px; }
/*添加css*/
/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1
}
.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }
body, input, select, button, textarea { font-family: "Microsoft Yahei", "微软雅黑", arial, "\9ED1\4F53"; }
.auto-img { width: 100%; height: auto; }
.index .section { background-size: cover; background-position: center; background-repeat: no-repeat; }
.header { position: fixed; left: 0; top: 0; width: 100%; z-index: 999999;transition:all 0.3s; }
.header:hover,.header.active{background:rgba(0,0,0,0.5);}
.header .common_nav { padding: 50px 85px; position: fixed; left: 0; width: 100%; top: 0; z-index: 99; transition: 0.3s; }
.header .common_web_nav { display: none; }
.header .common_nav.active { padding: 20px 85px; background: rgba(0, 0, 0, 0.7); }
.header .common_nav .logo { float: left; }
.header .common_nav .operation { float: right; margin-top: 10px; }
.header .common_nav .operation>div { float: left; position: relative; cursor: pointer; margin-left: 35px; }
.header .common_nav .operation .menu img{height:27px;}

.header .logo cite{color:#fff;background-image:url(../images/right_5.png);}
.header .common_top_nav{background:none; position: static;box-shadow: none;}
.header .common_top_nav .link ul li > a,.header .common_top_nav .link ul li.active > a{color:#fff;}
.header .common_top_nav .link ul li.active > a:after{background:#fff;}
.honour .left { float: left; width: 49%; overflow: hidden; }
.honour .right { float: right; width: 49%; overflow: hidden; }
.index .honour .right .pic { display: none; }
.index .honour .right .pic img { max-width: 100%; }
.index .honour .left .font { cursor: pointer; font-size: 26px; margin-bottom: 1em; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; }
.index .honour .left .font:hover, .index .honour .left .font.on { text-indent: 1em; color: #005dac; }
.index .honour .left .more { font-size: 16px; margin-top: 2em; display: inline-block; }
.index .honour .left .more em { font-style: none; display: inline-block; margin-left: 0.6em; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; }
.index .honour .left .more:hover em { margin-left: 1em; }
/*窗口宽度*/
 
 @media (max-width:1560px) {
.index .news .name, .common_index_name .c,  .index .honour .text .b { font-size: 26px; }
.index .about .details,  .index .honour .text .d,  .index .company .small_pic .swiper-slide .text .c,  .index .news .content .item_news .news_title,  .index .news .content .list_news .item a span { font-size: 16px; }
.index .about .details { width: 40%; }
.index .honour .left .font { font-size: 20px; }
.index .honour .right .pic img { max-height: 400px; }
.about .content_div, .honour .content_div { width: auto; margin: 0 60px; }
.honorSwiper .swiper-button-prev { left: 60px; }
.honorSwiper .swiper-button-next { right: 60px; }
}
 @media (max-width:1440px) {
.index .about .more a { display: block; width: 50px; }
.index .about .more a img { max-width: 100%; }
.index .about .line:before { margin-left: 25px; }
.index .company .content_div { margin: 0 60px; width: auto; }
.index .company .small_pic .item { width: 33.3%; margin: 0; } 
.index .news .name, .common_index_name .c,  .index .honour .text .b { font-size: 24px; }
.content_div, .about .content_div, .honour .content_div { width: auto; margin: 0 48px; }
.index .honour .left .font { font-size: 18px; }
.honorSwiper .swiper-button-prev { left: 40px; }
.honorSwiper .swiper-button-next { right: 40px; }
.index .honour .btn{margin-top:50px;}
}
 @media (max-width:1280px) {
.index .honour .right .pic img { max-height: 300px; }
}

/*窗口高度*/
@media (max-height:900px) {
.index .news { padding-top: 130px; }
.index .news .content { margin-top: 60px; }
}
 @media (max-height:768px) {
.about .content .content_div { padding-top: 40px; }
.index .honour .common_index_name,  .index .honour .text .d { margin-bottom: 40px; }
.index .honour .swiper-container { min-height: 260px; }
.index .honour .pic { min-height: 420px; }
.index .news .content { margin-top: 40px; }
.index .news .name { height: 80px; line-height: 80px; }
.index .news .content .item_news { width: 450px; }
.index .news .content .list_news .item a, .index .news .content .list_news .item a span, .index .news .content .list_news .item a i { height: 66px; line-height: 66px; }
.index .company .small_pic { bottom: 60px; }
}

/*移动*/

@media (max-width:1024px) {
.content_div, .about .content_div, .honour .content_div { margin: 0 1em; }
.header .common_nav .logo img { width: 110px; }
.header .common_nav .operation { margin-top: 0; }
.header .common_nav { padding: 1em; }
.header .common_nav.active { padding: 0.5em 1em; }
.common_footer .item4 { margin-top: 2em; margin-top: 2em; }
.banner { height: auto; }
.about .content, .index .honour .content { padding-top: 0; }
.about .content .content_div, .index .honour .content .content_div, .index .news, .common_footer { padding: 2em 0; }
.header .common_nav .operation>div { margin-left: 1em; }
.header .common_nav .operation img { height: 20px; width: auto; }
.index .news .name, .common_index_name .c,  .index .honour .text .b { font-size: 18px; }
.index .about .details, .index .company .small_pic .swiper-slide .text .c, .index .news .content .item_news .news_title, .index .news .content .list_news .item a span { font-size: 16px; }
.index .honour .swiper-container .swiper-slide .pic { min-height: 0; }
.index .honour .common_index_name,  .index .honour .text .d { margin-bottom: 2em; }
.index .company .big_pic { height: auto;background:none!important; }
.index .company .big_pic img {display: block; min-height: 0; width: 100%; }
.common_footer .item1, .common_footer .item2 { width: auto; margin-right: 1em; }
.index .company .small_pic { bottom: 2em; }
.index .honour .left .font { font-size: 16px; }
.index .honour .left .more { margin-top: 1em; }
.honorSwiper .swiper-button-prev { left: 1em; }
.honorSwiper .swiper-button-next { right: 1em; }
.index .company .big_pic .swiper-slide{background-image:none!important;min-height: auto;}
.index .company .big_pic .swiper-slide img{display: block;}
}
 @media (max-width:768px) {
.common_footer .item2 { display: none; }
.common_footer .item4 .blogroll, .common_footer .item4 .bq { float: none; }
}
 @media (max-width:750px) {
.index .about .line { display: none; }
.honour .left, .honour .right { width: auto; float: none; }
.honour .right { margin-bottom: 2em; }
.index .honour .swiper-container .swiper-slide .pic { margin-top: 0; } 
.index .company .content_div { margin: 0 1em; }
.header .common_web_nav { display: block; }
.index .section:nth-child(2) { background-position: left center; }
.index .honour .swiper-container .swiper-slide .pic img { width: auto; max-width: 180px; max-height: 100%; }
.index .common_index_name i { margin: 0 20px; }
.index .common_index_name .e .p1, .index .common_index_name .e .p2 { letter-spacing: 4px; }
.index .common_index_name .e .p1 { margin-bottom: 8px; }
}
 @keyframes height {  from {
 height: 0;
}
to { height: 100px; }
}
.common_web_nav { display: none; }
.common_footer { background: #edf0f2; padding: 100px 0 45px; }
.common_footer .item1 { float: left; width: 300px; text-align: left; }
.common_footer .item1 .logo { margin-bottom: 30px; }
.common_footer .item1 .logo img { }
.common_footer .item1 .txt { margin-bottom: 30px; }
.common_footer .item1 .txt p { display: flex; align-items: center; height: 30px; }
.common_footer .item1 .txt p img { width: 15px; height: 15px; margin-right: 15px; }
.common_footer .item1 .txt p img { }
.common_footer .item1 .txt p span { font-size: 14px; color: #858585; letter-spacing: 1px; }
.common_footer .item1 .share { }
.common_footer .item1 .share :hover { background: #2F7AB9 }
.common_footer .item1 .share a { margin-right: 20px; width: 40px; height: 40px; border-radius: 100%; background: #BEBFC0; display: inline-block; line-height: 40px; text-align: center; transition: 0.3s; position: relative; }
.common_footer .item1 .share a img.ewm_icon { position: absolute; width: 120px; height: 120px; top: 60px; left: 50%; margin-left: -60px; transition: 0.3s; transform-origin: top; transform: scale(1, 0); }
.common_footer .item1 .share a:hover img.ewm_icon { transform: scale(1, 1); }
.common_footer .item1 .share a img.ewm_icon { position: absolute; width: 120px; height: 120px; top: 60px; left: 50%; margin-left: -60px; transition: 0.3s; transform-origin: top; transform: scale(1, 0); }
.common_footer .item1 .share a:hover img.ewm_icon { transform: scale(1, 1); }
.common_footer .item1 .share a img { }


.common_footer .item2 { width: 120px; text-align: left; float: left; }
.common_footer .item2 .name { font-size: 16px; height: 25px; line-height: 25px; margin-bottom: 30px; color: #2c2c2c; opacity: 0.7; }
.common_footer .item2 ul li { display: block; }
.common_footer .item2 ul li a { height: 35px; line-height: 35px; color: #b6b6b6; font-size: 14px; transition: 0.3s; display: block; }
.common_footer .item2 ul li a:hover { color: #005dab; }
.common_footer .item3 { float: right; text-align: center; }
.common_footer .item3 .pic { width: 140px; height: 140px; }
.common_footer .item3 .pic img { width: 100%; }
.common_footer .item3 .ewm_cell {float:left;margin:0 10px; }
.common_footer .item3 .name { font-size: 14px; color: #858585; line-height: 35px; }
.common_footer .item4 { width: 100%; float: left; border-top: 1px solid #dadcdd; padding-top: 30PX; margin-top: 50px; }
.common_footer .item4 .blogroll { float: left; color: #858585; opacity: 0.7; }
.common_footer .item4 .blogroll a:hover { color: #004fa1; }
.common_footer .item4 .blogroll i { display: inline-block; margin: 0 12px; font-size: 14px; color: #858585; opacity: 0.7; }
.common_footer .item4 .blogroll a { font-size: 14px; transition: 0.3s; }
.common_footer .item4 .bq { float: right; color: #858585; }
.common_footer .item4 .bq a { color: #858585; }
.index_menu { display: flex; flex-direction: column; padding: 45px; height: 100vh; width: 455px; position: fixed; top: 0; z-index: 400; background: #edf0f2; right: 0; transition: 0.5s; transform: scale(0, 1); transform-origin: right; }
.index_menu.active { transform: scale(1, 1); }
.index_menu>.link { flex: 1; overflow-y: auto; padding: 20px; }
.index_menu li { text-align: left; border-bottom: 1px solid #dde2e5; display: block; }
.index_menu li.on { background: url(../images/right_icon.png) no-repeat right 1.8em; }
.index_menu li.on.active { background: url(../images/bottom_icon.png) no-repeat right 1.8em; }
.index_menu li > a { display: inline-block; width: auto; height: 60px; line-height: 60px; font-size: 18px; color: #232323; transition: 0.3s; }
.index_menu li > a:hover { color: #005dab; text-indent: 20px; font-size: 20px; }
.index_menu .bottom { flex: 0 0 28%; width: 100%; color: #fff; text-align: left; font-style: normal; }
.index_menu .bottom .jz { background: url(../images/jz_bg.png) no-repeat right center; background-size: 100%;/*height: 163px;*/
}
.index_menu .bottom .item .c, .index_menu .bottom .item .e { color: #fff; font-size: 16px; }
.index_menu .bottom .item .c { font-size: 20px; }
.index_menu .bottom .jz .item:hover, .index_menu .bottom .hb a:hover { text-decoration: underline; color: #fff; }
.index_menu .bottom .jz .item { width: 50%; float: left; padding: 30px; }
.index_menu .bottom .hb { background: url(../images/hb_bg.png) no-repeat right center; background-size: 100%; height: 105px; padding: 25px; }
 @keyframes left-right {  from {
 opacity: 0;
 margin-left: 300px;
}
to { opacity: 1; margin-left: 0; }
}
.common_top_nav { position: fixed; top: 0; left: 0; width: 100%; background: #fff; padding: 0 80px; z-index: 99; display: flex;    box-shadow: 0 0 10px #eee; }
.common_top_nav::before { display: block; content: ''; background: rgba(255,255,255,0.9); width: 100%; position: absolute; left: 0; height: 100px; top: 100%; z-index: 99; display: none; }
.common_top_nav.active::before { display: block; }
.common_top_nav .logo { float: left; width: 235px; flex: 1; padding: 20px 0; }
.common_top_nav .logo img { max-width: 100%; height: auto; }
.common_top_nav .link { float: left; position: relative; }
.common_top_nav .link ul { display: inline-block; float: right; }
.common_top_nav .link ul li { float: left; padding: 0 20px; position: relative; }
.common_top_nav .link ul li:nth-last-child(1), .common_top_nav .link ul li:nth-last-child(2) { position: static; }
.common_top_nav .link ul li.active > a { color: #0050a1; }
.common_top_nav .link ul li > a { position: relative; color: #333333; font-size: 18px; ; text-align: center; display: inline-block; line-height: 98px; height: 98px; }
.common_top_nav .link ul li > a:after { position: absolute; left: 0; width: 100%; display: block; transform: scale(0, 1); content: ''; height: 4px; bottom: 0; border-radius: 5px; transition: 0.3s; }
.common_top_nav .link ul li:hover > a:after { transform: scale(1, 1); background: #a4a4a4; }
.common_top_nav .link ul li.active > a:after { transform: scale(1, 1); background: #0050a1; }
.common_top_nav .link ul li.active > a { color: #0050a1; }
.common_top_nav .operation>div { float: right; line-height: 98px; height: 98px; margin-left: 40px; cursor: pointer; position: relative; }
.search:hover .input{ transform: scale(1, 1); }
.common_top_nav .operation.hover .search .input { transform: scale(1, 1); }
.search .input { position: absolute; height: 55px; padding-top: 5px; right: -10px; transform-origin: right; transform: scale(0, 1); width: 250px; transition: .3s; z-index: 99; bottom: -51px; }
.search .input input { display: block; height: 50px; padding:10px 0; line-height: 30px; border-radius: 50px; background: #fff; box-shadow: 1px 1px 5px #ccc; outline: 0; border: 0; text-indent: 20px; width: 100%;font-size:14px; }
.common_top_nav .operation { text-align: right; float: left; }
.second_menu { position: absolute; top: 100%; left: 0; /*width: 100%;*/
display: none; z-index: 99; height: 100px; padding-top: 10px; white-space: nowrap;text-align:right; }
.common_top_nav .link ul li:nth-last-child(1) .second_menu, .common_top_nav .link ul li:nth-last-child(2) .second_menu { width: 100%; }
.second_menu.active { display: block; }
.second_menu .name { width: 100%; border-bottom: 1px solid #D9E3E9; line-height: 70px; font-size: 18px; color: #242424; text-indent: 20px; }
.common_top_nav .second_menu .link { padding: 25px 0; width: 100%; }
.common_top_nav .second_menu .link a { display: inline-block; line-height: 30px; font-size: 16px; color: #a4a4a4; margin: 0 20px; transition: 0.3s; }
.common_top_nav .second_menu .link a:hover { color: #242424; }
.about_page .banner { height: 380px; margin-top: 98px; background: url("../images/about_pic1.png") no-repeat center; background-size: cover; width: 100%; }
.page404 .banner { margin-top: 98px; }
.about_page .banner .content_div { position: relative; height: 100%; }
.about_page .banner .banner_text { color: #fff; position: absolute; left: 0; top: 50%; margin-top: -80px; }
.about_page .banner .banner_text .p1 { font-size: 60px; height: 60px; line-height: 60px; margin-bottom: 10px; animation-name: left-right; animation-duration: 0.7s; /* animation-delay  规定在动画开始之前的延迟。 */
animation-iteration-count: 1; opacity: 0; margin-left: 300px; animation-fill-mode: forwards; }
.about_page .banner .banner_text .p2 { font-size: 30px; height: 30px; line-height: 30px; margin-bottom: 25px; animation-name: left-right; animation-duration: 0.7s; animation-delay: 0.2s; animation-iteration-count: 1; opacity: 0; margin-left: 300px; animation-fill-mode: forwards; }
.about_page .banner .banner_text .p3 { font-size: 12px; line-height: 20px; animation-name: left-right; animation-duration: 0.7s; animation-delay: 0.4s; animation-iteration-count: 1; opacity: 0; margin-left: 300px; animation-fill-mode: forwards; }
.current_addresss span, .current_addresss a { line-height: 58px; height: 58px; font-size: 16px; color: #999999; }
.current_addresss span.active { color: #0075cb; }
.about_page .title { height: 140px; position: relative; line-height: 140px; color: #333333; font-size: 30px; text-align: center; }
.about_page .title::before { display: block; content: ''; width: 40px; border-radius: 5px; position: absolute; bottom: 30px; left: 50%; margin-left: -20px; background: #0050a1; height: 5px; }
.about_page .qyjs .text p { line-height: 35px; font-size: 16px; text-indent: 30px; color: #333333; margin-bottom: 30px; }
.about_page .qyjs .txt_pic .zczj { width: 720px; text-align: right; margin-bottom: 10px; }
.about_page .qyjs .txt_pic .czy { }
.about_page .qyjs .txt_pic .czy .pic { width: 720px; float: left; }
.about_page .qyjs .txt_pic .czy img { width: 100%; }
.about_page .qyjs .txt_pic .czy .txt { float: left; width: calc( 100% - 720px); text-align: right; padding-left: 55px; }
.about_page .qyjs .txt_pic .zczj { margin-bottom: 20px; }
.about_page .qyjs .txt_pic .zczj, .about_page .qyjs .txt_pic .czy .txt { color: #efefef; font-weight: bold; }
.about_page .qyjs .txt_pic .zczj .f1 { font-size: 52px; }
.about_page .qyjs .txt_pic .zczj .f2 { font-size: 100px; display: inline-block; margin: 0 10px; }
.about_page .qyjs .txt_pic .zczj .f3 { font-size: 72px; }
.about_page .qyjs .txt_pic .czy .txt div { line-height: 1.2; }
.about_page .qyjs .txt_pic .czy .txt .f1 { font-size: 52px; }
.about_page .qyjs .txt_pic .czy .txt .f2 { font-size: 160px; }
.about_page .qyjs .txt_pic .czy .txt .f3 { font-size: 52px; }
.about_page .gcxx { background: url("../images/about_pic3.png") center no-repeat; height: 930px; background-size: cover; padding-top: 100px; margin-top: -60px; }
.about_page .gcxx .swiper { margin-top: 100px; position: relative; }
.about_page .gcxx .swiper .swiper-slide { border-radius: 10px; background: rgba(255, 255, 255, 0.95); height: 400px; padding: 65px; }
.about_page .gcxx .swiper .swiper-slide .box { }
.about_page .gcxx .swiper .swiper-slide .box .name { font-size: 36px; text-align: left; color: #333333; height: 40px; line-height: 40px; margin-bottom: 30px; }
.about_page .gcxx .swiper .swiper-slide .box .content { }
.about_page .gcxx .swiper .swiper-slide .box .content .txt { width: 49%; text-align: left; font-size: 16px; color: #333333; line-height: 30px; float: left; padding-right: 50px; text-align: justify; }
.about_page .gcxx .swiper .swiper-slide .box .content .pic { width: 49%; float: right; }
.about_page .gcxx .swiper .swiper-slide .box .content .pic img { width: 100%; }
.about_page .csr { padding: 75px 0; background: url("../images/about_pic7.png") no-repeat right bottom; background-size: cover; }
.about_page .userInfo { position: relative; top: -70px; }
.about_page .userInfo .pic img { max-width: 100%; }
.about_page .userInfo .box { position: absolute; left: 95px; width: 455px; top: 170px; }
.about_page .userInfo .name { font-size: 36px; color: #333333; height: 40px; line-height: 40px; margin-bottom: 15px; }
.about_page .userInfo .postion { font-size: 14px; color: #999999; line-height: 20px; }
.about_page .userInfo .details { margin-top: 30px; font-size: 16px; line-height: 35px; color: #333333; }
.about_page .swiper-button-prev { background: url("../images/left_icon2.png") no-repeat center; transition: 0.3s; width: 42px; height: 42px; left: -50px; top: 50%; margin-top: -21px; }
.about_page .swiper-button-next { background: url("../images/right_icon2.png") no-repeat center; transition: 0.3s; width: 42px; height: 42px; right: -50px; top: 50%; margin-top: -21px; }
.about_page .swiper-button-prev:hover { background: url("../images/left_icon3.png") no-repeat center; }
.about_page .swiper-button-next:hover { background: url("../images/right_icon3.png") no-repeat center; }
.product_page .banner { height: 380px; margin-top: 98px; background: url("../images/product_banner.png") no-repeat center; background-size: cover; width: 100%; }
.product_page .banner .content_div { position: relative; height: 100%; }
.product_page .banner .banner_text { color: #fff; position: absolute; left: 0; top: 50%; margin-top: -80px; }
.product_page .banner .banner_text .p1 { font-size: 60px; height: 60px; line-height: 60px; margin-bottom: 10px; animation-name: left-right; animation-duration: 0.7s; /* animation-delay    规定在动画开始之前的延迟。 */
animation-iteration-count: 1; opacity: 0; margin-left: 300px; animation-fill-mode: forwards; }
.product_page .banner .banner_text .p2 { font-size: 30px; height: 30px; line-height: 30px; margin-bottom: 25px; animation-name: left-right; animation-duration: 0.7s; animation-delay: 0.2s; animation-iteration-count: 1; opacity: 0; margin-left: 300px; animation-fill-mode: forwards; }
.product_page .banner .banner_text .p3 { font-size: 12px; line-height: 20px; animation-name: left-right; animation-duration: 0.7s; animation-delay: 0.4s; animation-iteration-count: 1; opacity: 0; margin-left: 300px; animation-fill-mode: forwards; }
.product_main { background: url("../images/product_pic5.png") no-repeat right bottom; background-size: 100%; }
.product_main .proPb { padding-bottom: 90px; }
.product_type_tab .swiper-slide{width:auto!important;}
.product_type_tab span { color: #333; font-size: 24px; text-align: center; padding: 0 40px 30px; position: relative; display: inline-block; cursor: pointer; }
.product_type_tab span:after { display: block; content: ''; left: 50%; background: #0050a1; width: 40px; margin-left: -20px; height: 5px; border-radius: 5px; bottom: 0; position: absolute; transition: 0.3s; transform: scale(0, 1); }
.product_type_tab .active span:after,.product_type_tab a:hover span:after { transform: scale(1, 1); }

.pttBox { position: relative; z-index: 98;text-align:center; margin-top:50px;margin-bottom:50px; }
.pttSelectTab {display:inline-block; padding: 0 40px 0 40px; background: url(../images/arrow.png) 90% center no-repeat; line-height: 1.8; font-size: 18px; color: #333; position: relative; -webkit-border-radius: 0; -webkit-appearance: none;border: none; cursor: pointer;  }
.pttTabSub { position: absolute; left: 0; top: 100%; width: 100%; display: none; border: 1px solid #eee; background: #fff; padding: 10px 20px; }
.pttTabSub a { color: #999; display: block; line-height: 2.4; }
.pttTabSub a:hover,.pttTabSub a.active { color: #0075cb; } 
.pttSelectTab:hover .pttTabSub { display: block; }
 
.product_type_tab {/*display:inline-block;*/ text-align: center; }
.product_type_tab .swiper-wrapper{justify-content: center;}
.product_main .product_type_content0 { display: none; overflow: hidden; }
.product_main .product_type_content1 { display: block; }
.product_main .product_type_content0 .item { padding: 25px 90px 25px 0; /*display: flex;*/ }
.product_main .product_type_content0 .item:nth-child(2n+1) { padding: 25px 0 25px 90px; /*flex-direction: row-reverse;*/}
.product_main .product_type_content0 .item .text { /*display: flex; flex: 1;*/ padding-top: 50px; overflow:hidden;}
.product_main .product_type_content0 .item:nth-child(2n) .text .more a{float:right;}
/*.product_main .product_type_content0 .item:nth-child(2n+1) .text { flex-direction: row-reverse; }*/
.product_main .product_type_content0 .item .text .num { margin-top: 32px; font-size: 48px; color: #a7a7a7; height: 48px; width: 70px; text-align: right; font-weight: bold; }
.product_main .product_type_content0 .item:nth-child(2n+1) .text .num { text-align: left; }
/*.product_main .product_type_content0 .item .text .info { flex: 1; }
.product_main .product_type_content0 .item:nth-child(2n+1) .text .info .title { text-align: left; }*/
.product_main .product_type_content0 .item .text .info .title { font-size: 16px; color: #333333; line-height: 45px; margin-bottom: 15px; }
.product_main .product_type_content0 .item:nth-child(2n+1) .text .info .name { text-align: left; padding-left: 0; padding-right: 45px; }
.product_main .product_type_content0 .item .text .info .name { height: 50px; line-height: 50px; color: #333333; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 24px; padding-left: 45px; border-bottom: 1px solid #bfbfbf; }
.product_main .product_type_content0 .item .text .info .details { text-align: justify; font-size: 14px; color: #666666; padding-right: 45px; margin-top: 30px; }
.product_main .product_type_content0 .item:nth-child(2n) .text .info .details { text-align: right; padding-right: 0; padding-left: 45px; }
.product_main .product_type_content0 .item .text .more { margin-top: 30px;}
/*.product_main .product_type_content0 .item:nth-child(2n) .text .more a{ float:right;}
.product_main .product_type_content0 .item:nth-child(2n+1) .text .more a{ float:left;}*/
.product_main .product_type_content0 .item .text .more a { display:block; width: 145px; height: 40px; text-align: center; line-height: 40px; border-radius: 50px; border: 1px solid #7d7d7d; color: #7d7d7d; /*transition: 0.3s; cursor: pointer;*/ }
.product_main .product_type_content0 .item .text .more a:hover { background: #0050a1; color: #fff; border-color: #0050a1; }
.product_main .product_type_content0 .item .text .info .time { font-size: 14px; color: #999999; line-height: 25px; text-align: left; margin-top: 20px; display: none; }
.product_main .product_type_content0 .item:nth-child(2n+1) .text .info .time { text-align: left; padding-right: 0; padding-left: 45px; }
.product_main .product_type_content0 .item .pic { width: 570px; position: relative; overflow: hidden;float:right;}
.product_main .product_type_content0 .item:nth-child(2n) .pic{float:left;}
.product_main .product_type_content0 .item .pic img { transition: 0.3s; }
.product_main .product_type_content0 .item:hover .pic img { transform: scale(1.1); }
.product_main .product_type_content0 .item .pic:before { display: block; content: ''; width: 350px; height: 270px; left: -30px; bottom: -30px; position: absolute; background: url("../images/product_pic6.png") no-repeat left bottom; background-size: 100%; }
.product_main .product_type_content0 .item:nth-child(2n+1) .pic:before { right: -30px; }
.product_main .product_type_content0 .item .pic img { width: 100%; position: relative; z-index: 3; }
/*.product_main .product_type_content0 .more{
    text-align: center;
    padding-bottom: 120px;
}
.product_main .product_type_content0 .more a{
    display: inline-block;
    text-align: center;
    width: 170px;
    height: 50px;
    line-height: 50px;
    color: #666666;
    border-radius: 50px;
    border: 1px solid #666666;
    margin: 0 auto;
    transition: 0.3s;
}
.product_main .product_type_content0 .more a:hover{
    color: #fff;
    background: #0050a1;
}*/


.kjcx_page .banner { height: 380px; margin-top: 98px; background: url("../images/kjcx_banner.png") no-repeat center; background-size: cover; width: 100%; }
.kjcx_page .banner .content_div { position: relative; height: 100%; }
.kjcx_page .banner .banner_text { color: #fff; position: absolute; left: 0; top: 50%; /*margin-top: -80px;*/
transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.kjcx_page .banner .banner_text .p1 { font-size: 60px; height: 60px; line-height: 60px; margin-bottom: 10px; animation-name: left-right; animation-duration: 0.7s; /* animation-delay   规定在动画开始之前的延迟。 */
animation-iteration-count: 1; opacity: 0; margin-left: 300px; animation-fill-mode: forwards; }
.kjcx_page .banner .banner_text .p2 { font-size: 30px; height: 30px; line-height: 30px; margin-bottom: 25px; animation-name: left-right; animation-duration: 0.7s; animation-delay: 0.2s; animation-iteration-count: 1; opacity: 0; margin-left: 300px; animation-fill-mode: forwards; }
.kjcx_page .banner .banner_text .p3 { font-size: 12px; line-height: 20px; animation-name: left-right; animation-duration: 0.7s; animation-delay: 0.4s; animation-iteration-count: 1; opacity: 0; margin-left: 300px; animation-fill-mode: forwards; }
.kjcx_page .title { height: 140px; position: relative; line-height: 140px; color: #333333; font-size: 30px; text-align: center; }
.kjcx_page .title::before { display: block; content: ''; width: 40px; border-radius: 5px; position: absolute; bottom: 30px; left: 50%; margin-left: -20px; background: #0050a1; height: 5px; }
.kjcx_main .kjcx { overflow: hidden; }
.kjcx_main .kjcx .box { display: flex; margin-bottom: 120px; }
.kjcx_main .kjcx .box .pic { width: 480px; height: 600px; overflow: hidden; }
.kjcx_main .kjcx .box .pic img { width: 100%; transition: 0.3s; }
.kjcx_main .kjcx .box .pic:hover img { transform: scale(1.1); }
.kjcx_main .kjcx .box .text { flex: 1; margin-left: 50px; }
.kjcx_main .kjcx .box .text .details { line-height: 40px; color: #333333; font-size: 16px; text-indent: 30px; margin-bottom: 40px; }
.kjcx_main .kjcx .box .text .info { display: flex; flex-wrap: wrap; border-bottom: 1px solid #ececec; margin-bottom: 50px; }
.kjcx_main .kjcx .box .text .more a { display: inline-block; text-align: center; width: 170px; height: 50px; line-height: 50px; color: #666666; border-radius: 50px; border: 1px solid #666666; margin: 0 auto; transition: 0.3s; }
.kjcx_main .kjcx .box .text .more a:hover { color: #fff; background: #0050a1; }
.kjcx_main .kjcx .box .text .info .item { width: 50%; padding-left: 20px; display: flex; margin-bottom: 55px; align-items: flex-end; }
.kjcx_main .kjcx .box .text .info .item .num { font-size: 90px; color: #0050a1; height: 70px; line-height: 70px; }
.kjcx_main .kjcx .box .text .info .item .txt { margin-left: 15px; }
.kjcx_main .kjcx .box .text .info .item .txt .p1 { font-size: 18px; line-height: 25px; color: #666666; }
.kjcx_main .kjcx .box .text .info .item .txt .p2 { font-size: 16px; color: #2b2b2b; }
.kjcx_main .kjcx_list { display: flex; justify-content: space-around; }
.kjcx_list { display: flex; position: relative; flex-wrap: wrap; margin-bottom: 200px; }
.kjcx_main1 { position: relative; padding-top: 60px; }
.kjcx_main1:before { width: 100%; position: absolute; left: 0; top: 0; height: 400px; background: #f6f9fb; display: block; content: ''; }
.kjcx_list .num_list { width: 120px; }
.kjcx_list .num_list span { display: block; text-align: center; font-size: 24px; color: #999999; height: 30px; line-height: 30px; margin-bottom: 15px; position: relative; cursor: pointer; }
.kjcx_list .num_list span.active, .kjcx_list .num_list span:hover { color: #0050a1; }
.kjcx_list .num_list span::after { position: absolute; transition: 0.3s; background: #0050a1; display: block; content: ''; width: 18px; height: 3px; border-radius: 5px; left: 2px; top: 50%; margin-left: -2px; transform: scale(0, 1); }
.kjcx_list .num_list span.active::after, .kjcx_list .num_list span:hover::after { transform: scale(1, 1); }
.kjcx_list .list .item { justify-content: space-between; width: 100%; display: none; }
.kjcx_list .list .item.active { display: flex; }
.kjcx_list .list { flex: 1; }
.kjcx_list .list .item .txt .details { height: 240px; overflow-y: auto; padding-right: 0.8em; }
.kjcx_list .list .item .txt .details::-webkit-scrollbar {
    /*滚动条整体样式*/
    width : 5px;  /*高宽分别对应横竖滚动条的尺寸*/
 height: 1px;
}
 .kjcx_list .list .item .txt .details::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
 box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);
 background : #535353;
}
 .kjcx_list .list .item .txt .details::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);
 border-radius: 10px;
 background : #ededed;
}
.kjcx_list .list .item .txt .details p { color: #333333; font-size: 16px; text-indent: 30px; line-height: 30px; }
.kjcx_list .list .item .txt .name { color: #333333; font-size: 24px; line-height: 30px; /*height: 30px;*/
overflow: hidden; margin-bottom: 30px;/*white-space: nowrap;
    text-overflow: ellipsis;*/
}
.kjcx_list .list .item .txt { width: 485px; }
.kjcx_list .list .item .pic { width: 620px; overflow: hidden; }
.kjcx_list .list .item .pic img { width: 100%; transition: 0.3s; }
.kjcx_list .list .item .pic:hover img { transform: scale(1.1); }
.kjcx_list .more a:hover { color: #fff; background: #0050a1; }
.kjcx_list .more a { display: inline-block; text-align: center; width: 150px; height: 40px; line-height: 40px; color: #666666; border-radius: 50px; border: 1px solid #666666; margin: 0 auto; transition: 0.3s; margin-right: 20px; }
.kjcx_list .more { width: 100%; position: absolute; bottom: 0; left: 0; }
.news_page .banner { height: 380px; margin-top: 98px;/* */ width: 100%; }
.search_page  .banner{background: url("../images/news_banner.png") no-repeat center; background-size: cover;}
.news_page .banner .content_div { position: relative; height: 100%; }
.news_page .banner .banner_text { color: #fff; position: absolute; left: 0; top: 50%; transform:translateY(-50%);}
.news_page .banner .banner_text .p1 { font-size: 60px; height: 60px; line-height: 60px; margin-bottom: 10px; animation-name: left-right; animation-duration: 0.7s; /* animation-delay   规定在动画开始之前的延迟。 */
animation-iteration-count: 1; opacity: 0; margin-left: 300px; animation-fill-mode: forwards; }
.news_page .banner .banner_text .p2 { font-size: 30px; height: 30px; line-height: 30px; margin-bottom: 25px; animation-name: left-right; animation-duration: 0.7s; animation-delay: 0.2s; animation-iteration-count: 1; opacity: 0; margin-left: 300px; animation-fill-mode: forwards; }
.news_page .banner .banner_text .p3 { font-size: 12px; line-height: 20px; animation-name: left-right; animation-duration: 0.7s; animation-delay: 0.4s; animation-iteration-count: 1; opacity: 0; margin-left: 300px; animation-fill-mode: forwards; }
.news_page .title { height: 140px; position: relative; line-height: 140px; color: #333333; font-size: 30px; text-align: center; }
.news_page .title::before { display: block; content: ''; width: 40px; border-radius: 5px; position: absolute; bottom: 30px; left: 50%; margin-left: -20px; background: #0050a1; height: 5px; }
.news_main .item1 { display: flex; position: relative; margin-bottom: 60px; width: 100%; }
.news_main .item1 .pic { width: 840px; height: 475px; overflow: hidden; }
.news_main .item1 .pic img { width: 100%; transition: 0.3s; }
.news_main .item1:hover .pic img { transform: scale(1.1); }
.news_main .item1 .text .time { color: #797979; font-size: 18px; line-height: 30px; margin-bottom: 10px; }
.news_main .item1 .text .name { font-size: 24px; color: #313134; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 20px; }
.news_main .item1 .text { width: 600px; position: absolute; right: 10px; height: 360px; background: rgba(255, 255, 255, 0.95); border-radius: 5px; top: 50%; margin-top: -180px; padding: 55px 45px; box-shadow: 0 0 15px #ccc; }
.news_main .item1 .text .details { font-size: 14px; color: #797979; line-height: 28px; }
.news_main .item1 .text .more a { display: inline-block; width: 145px; height: 40px; text-align: center; line-height: 40px; border-radius: 50px; border: 1px solid #7d7d7d; color: #7d7d7d; transition: 0.3s; cursor: pointer; }
.news_main .item1 .text .more a:hover { background: #0050a1; color: #fff; border-color: #0050a1; }
.news_main .item1 .text .more { margin-top: 30px; }
.news_main .item { padding: 40px 0; display: flex; border-bottom: 1px solid #e0e0e0; }
.news_main .item .time .d { height: 70px; line-height: 90px; font-size: 56px; text-align: center; color: #777777; font-weight: bold; }
.news_main .item .time_web { display: none; }
.news_main .item .time .m { height: 40px; line-height: 40px; font-size: 18px; text-align: center; color: #777777; }
.news_main .item .time:hover .d, .news_main .item .time:hover .m { color: #0075cb; }
.news_main .item .time:hover { background-image: url(../images/xwdt_icon2.png); }
.news_main .item .time { width: 100px; height: 110px; background: url("../images/xwdt_icon1.png") no-repeat center; margin-right: 30px; background-size: 100% 100%; }
.news_main .item .pic { width: 378px; height: 237px; overflow: hidden; margin-right: 45px; }
.news_main .item .pic img { width: 100%; transition: 0.3s; }
.news_main .item:hover .pic img { transform: scale(1.1); }
.news_main .item .text { width: calc( 100% - 478px ); }
.news_main .item .text .name { font-size: 24px; color: #333333; height: 40px; line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news_main .item .text .details { margin-bottom: 65px; font-size: 14px; color: #797979; line-height: 28px; }
.news_main .item .text .more { margin-top: 30px; }
.news_main .item .text .more a { display: inline-block; width: 145px; height: 40px; text-align: center; line-height: 40px; border-radius: 50px; border: 1px solid #7d7d7d; color: #7d7d7d; transition: 0.3s; cursor: pointer; }
.news_main .item .text .more a:hover { background: #0050a1; color: #fff; border-color: #0050a1; }
.common_page .content_div { display: flex; margin: 80px auto; align-items: center; justify-content: center; width: 100%; }
.common_page span, .common_page a { display: inline-block; height: 44px; font-size: 15px; line-height: 44px; margin: 0 4px; }
.common_page a.next, .common_page a.prev { padding: 0 30px; width: auto; }
.common_page a { /*cursor: pointer;*/
transition: 0.3s; border: 1px solid #e0e0e0; width: 44px; text-align: center; border-radius: 50px; }
.common_page a:hover, .common_page a.cr { background: #0050a1; color: #fff; }
.dtjb_page .banner { height: 380px; margin-top: 98px; background: url("../images/kjcx_banner.png") no-repeat center; background-size: cover; width: 100%; }
.history_page .banner { height: 380px; margin-top: 98px; background: url("../images/history_banner.png") no-repeat center; background-size: cover; width: 100%; }
.dtjb_page .banner .content_div { position: relative; height: 100%; }
.dtjb_page .banner .banner_text { color: #fff; position: absolute; left: 0; top: 50%; margin-top: -80px; }
.dtjb_page .title { height: 140px; position: relative; line-height: 140px; color: #333333; font-size: 30px; text-align: center; }
.dtjb_page .title::before { display: block; content: ''; width: 40px; border-radius: 5px; position: absolute; bottom: 30px; left: 50%; margin-left: -20px; background: #0050a1; height: 5px; }
.dtjb_page .banner .banner_text .p1 { font-size: 60px; height: 60px; line-height: 60px; margin-bottom: 10px; animation-name: left-right; animation-duration: 0.7s; /* animation-delay   规定在动画开始之前的延迟。 */
animation-iteration-count: 1; opacity: 0; margin-left: 300px; animation-fill-mode: forwards; }
.dtjb_page .banner .banner_text .p2 { font-size: 30px; height: 30px; line-height: 30px; margin-bottom: 25px; animation-name: left-right; animation-duration: 0.7s; animation-delay: 0.2s; animation-iteration-count: 1; opacity: 0; margin-left: 300px; animation-fill-mode: forwards; }
.dtjb_page .banner .banner_text .p3 { font-size: 12px; line-height: 20px; animation-name: left-right; animation-duration: 0.7s; animation-delay: 0.4s; animation-iteration-count: 1; opacity: 0; margin-left: 300px; animation-fill-mode: forwards; }
.dtjb_main .dtjb .list { display: flex; flex-wrap: wrap; }
.dtjb_main .dtjb .list .item { width: 50%; margin-bottom: 50px; display: flex; }
.dtjb_main .dtjb .list .item .pic { /*width: 255px;
    height: 355px;*/
overflow: hidden; }
.dtjb_main .dtjb .list .item .pic img { transition: 0.3s; }
.dtjb_main .dtjb .list .item:hover .pic img { transform: scale(1.1); }
.dtjb_main .dtjb .list .item .txt .name { color: #333333; font-size: 24px; line-height: 30px; height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 15px; }
.dtjb_main .dtjb .list .item .txt .time { color: #666666; font-size: 14px; line-height: 20px; }
.dtjb_main .dtjb .list .item .txt .size { color: #666666; font-size: 14px; line-height: 20px; }
.dtjb_main .dtjb .list .item .txt .more { margin-top: 25px; }
.dtjb_main .dtjb .list .item .txt .more a { display: inline-block; width: 120px; text-align: center; height: 35px; line-height: 35px; border-radius: 50px; font-size: 16px; color: #fff; background: #0050a1; transition: 0.3s; }
.dtjb_main .dtjb .list .item .txt .more a:hover { opacity: 0.8; }
.dtjb_main .dtjb .list .item .txt { margin-top: 60px; background: #fbfbfb; /*height: 240px;
    width: 355px;*/
padding: 45px 80px 45px 30px; }
.history_main .details { display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; }
.history_main .historyContBox .details { display: none; }
.history_main .details .txt .time { color: #242424; font-size: 36px; height: 40px; line-height: 40px; margin-bottom: 20px; }
.history_main .details .txt .name { color: #555555; font-size: 16px; line-height: 20px; position: relative; padding-bottom: 15px; margin-bottom: 20px; }
.history_main .details .txt .name::before { display: block; content: ''; width: 30px; height: 1px; background: #555; left: 0; bottom: 0; position: absolute; }
.history_main .details .txt .info { color: #555555; font-size: 16px; line-height: 30px; text-align: justify; }
.history_main .details .txt { width: 320px; }
.history_main .details .pic { width: 920px; height: 350px; overflow: hidden; }
.history_main .details .pic img { width: 100%; transition: 0.3s; }
.history_main .details:hover .pic img { transform: scale(1.1); }

.history_left{width:26%;margin-top:5%;float:left;}
.history_left .date{font-size:36px;}
.history_left .tit1{padding-bottom:12px;margin-top:10px;font-size:16px;}
.history_left .tit1:before{width:30px;border-top:1px solid #242424;content:''; position: absolute;left:0;bottom:0;}
.history_img{width:71.8%;height:350px; position: relative;overflow: hidden;} 
.history_img img{height:100%;width:auto;max-width: none;position: absolute; top:0;left:50%;transform:translateX(-50%);}
.history_top .swiper-slide{overflow: hidden;}
.history_thumbs{margin-top:50px;}
.history_thumbs .swiper-container{ padding-bottom:80px;}
.history_thumbs .swiper-slide{display: block;float:left;}
.history_thumbs dl{text-align: center;padding:80px 0 0; position: relative; cursor: pointer;}
.history_thumbs dl dt{font-size:24px;color:#666;padding-top:24px; position: relative; }
.history_thumbs dl dt:before{width:14px;height:14px;border-radius: 100%;background:#d0d0d0;content:''; position: absolute;left:50%;top:-7px;margin-left:-7px; z-index: 2;}
.history_thumbs dl dt:after{width:100%;border-top:1px solid #d0d0d0;content:''; position: absolute;left:0;top:0; z-index: 1;}
.history_thumbs dl dd{display:block;width:100%;font-size:14px;color:#555;padding:0 15px; position: absolute;left:0;top:0;} 
.history_thumbs .swiper-slide-thumb-active dt,.history_thumbs .swiper-slide-thumb-active dd{color:#1856a3;}
.history_thumbs .swiper-slide-thumb-active dt:before{background:#1856a3;} 
.history_thumbs .swiper-button-prev,.history_thumbs .swiper-button-next{width:45px;height:40px;  position: absolute;top:60px;margin-top:0; opacity: 1; background-repeat: no-repeat;background-position: center;background-size:45px;}
.history_thumbs .swiper-button-prev{left:0;background-image:url(../images/arr_left3.png);}
.history_thumbs .swiper-button-next{right:0;background-image:url(../images/arr_right3.png);}
.history_thumbs .swiper-button-prev:hover{background-image: url(../images/arr_left4.png);}
.history_thumbs .swiper-button-next:hover{background-image: url(../images/arr_right4.png);} 
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 1;cursor: pointer;pointer-events: auto;}

/*发展历程箭头修改*/
.history_main .cx-time-main > span { color: #0050a1;/*line-height:1;width:22px;height:18px;*/ background-size: contain; background-repeat: no-repeat; background-position: center; overflow: hidden; text-indent: -999px; }
.history_main .cx-time-main > span:first-child { background-image: url(../images/prev_icon2.png); }
.history_main .cx-time-main > span:last-child { background-image: url(../images/next_icon2.png); }
.map_mian { position: relative; margin-bottom: 110px; }
.map_mian .info { background: rgba(255, 255, 255, 0.9); padding: 55px 50px; height: 200px; position: absolute; z-index: 999; display: flex; flex-wrap: wrap; bottom: 0; left: 0; }
.map_mian .info .map { font-size: 16px; color: #283142; }
.map_mian .info .email, .map_mian .info .other { font-size: 16px; color: #283142; }
.map_mian .info .map span { font-weight: bold; }
.map_mian .info .map span, .map_mian .info .email span, .map_mian .info .other span { font-size: 20px; }
.map_mian .info .map img, .map_mian .info .email img, .map_mian .info .other img { margin-right: 15px; }
.map_mian .info .map, .map_mian .info .email, .map_mian .info .other { display: flex; align-items: center; width: 50%; }
.map_mian .info .other .item { width: 50%; }
#m-baidu-map { width: 100%; height: 800px; }
.contact_page .banner { height: 380px; margin-top: 98px; background: url("../images/contact_banner.png") no-repeat center; background-size: cover; width: 100%; }
.ryzz_page .banner { height: 380px; margin-top: 98px; background: url("../images/ryzz_banner.png") no-repeat center; background-size: cover; width: 100%; }
.contact_page .banner .content_div { position: relative; height: 100%; }
.contact_page .banner .banner_text { color: #fff; position: absolute; left: 0; top: 50%; margin-top: -80px; }
.contact_page .banner .banner_text .p1 { font-size: 60px; height: 60px; line-height: 60px; margin-bottom: 10px; animation-name: left-right; animation-duration: 0.7s; /* animation-delay    规定在动画开始之前的延迟。 */
animation-iteration-count: 1; opacity: 0; margin-left: 300px; animation-fill-mode: forwards; }
.contact_page .banner .banner_text .p2 { font-size: 30px; height: 30px; line-height: 30px; margin-bottom: 25px; animation-name: left-right; animation-duration: 0.7s; animation-delay: 0.2s; animation-iteration-count: 1; opacity: 0; margin-left: 300px; animation-fill-mode: forwards; }
.contact_page .banner .banner_text .p3 { font-size: 12px; line-height: 20px; animation-name: left-right; animation-duration: 0.7s; animation-delay: 0.4s; animation-iteration-count: 1; opacity: 0; margin-left: 300px; animation-fill-mode: forwards; }
.contact_page .title { height: 140px; position: relative; line-height: 140px; color: #333333; font-size: 30px; text-align: center; }
.contact_page .title::before { display: block; content: ''; width: 40px; border-radius: 5px; position: absolute; bottom: 30px; left: 50%; margin-left: -20px; background: #0050a1; height: 5px; }
.ryzz_main .ryzz_type_tab span { color: #999999; font-size: 30px; text-align: center; padding: 50px; position: relative; display: inline-block; cursor: pointer; }
.ryzz_main .ryzz_type_tab span:after { display: block; content: ''; left: 50%; background: #0050a1; width: 40px; margin-left: -20px; height: 5px; border-radius: 5px; bottom: 20px; position: absolute; transition: 0.3s; transform: scale(0, 1); }
.ryzz_main .ryzz_type_tab span.active:after, .ryzz_main .ryzz_type_tab span:hover:after { transform: scale(1, 1); }
.ryzz_main .ryzz_type_tab { text-align: center; }
.ryzz_main .ryzz_type_content0 { display: none; padding: 30px 0; }
.ryzz_main .ryzz_type_content1 { display: block; }
.ryzz_main .swiper-wrapper { align-items: center; padding-bottom: 100px; }
.ryzz_main .swiper-slide { /* transform: scale(0.7); */
align-items: center; }
.ryzz_main .swiper-slide>div { }
.ryzz_main .swiper-slide .text { display: none; }
.ryzz_main .swiper-slide-next>div { width: 100%; }
.ryzz_main .swiper-slide .pic { max-width: 155px; }
.ryzz_main .swiper-slide-next .pic { width: 100%; max-width: 100%; }
.ryzz_main .swiper-slide .pic img { width: 100%; }
.ryzz_main .swiper-slide .text .details { font-size: 16px; color: #999999; line-height: 30px; text-align: left; }
.ryzz_main .swiper-slide .text .name { display: flex; align-items: center; color: #333333; font-size: 18px; margin-bottom: 15px; padding-left: 30px; background: url("../images/san_icon.png") no-repeat center left; background-size: 15px; }
.ryzz_main .swiper-slide .text { text-align: left; margin-top: 20px; }
.ryzz_main .swiper-slide-next { /* transform: scale(1.4); */
transform-origin: top; width: 120%; }
.ryzz_main .swiper-slide-next .text { transform: scale(0.8); }
.ryzz_main .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { opacity: 1; background: #cccccc; margin: 0 10px; }
.ryzz_main .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active { background: #0050a1; width: 40px; border-radius: 40px; }
.ryzz_main .swiper-slide-next .text { display: block; }
.ryzz_main .swiper-button-prev { background: url("../images/left_icon2.png") no-repeat center; transition: 0.3s; width: 42px; height: 42px; }
.ryzz_main .swiper-button-next { background: url("../images/right_icon2.png") no-repeat center; transition: 0.3s; width: 42px; height: 42px; }
.ryzz_main .swiper-button-prev:hover { background: url("../images/left_icon3.png") no-repeat center; }
.ryzz_main .swiper-button-next:hover { background: url("../images/right_icon3.png") no-repeat center; }
.tzzgx_page .banner { height: 380px; margin-top: 98px; background: url("../images/tzzgx_banner.png") no-repeat center; background-size: cover; width: 100%; }
.tzzgx_page .banner .content_div { position: relative; height: 100%; }
.tzzgx_page .banner .banner_text { color: #fff; position: absolute; left: 0; top: 50%; margin-top: -80px; }
.tzzgx_page .banner .banner_text .p1 { font-size: 60px; height: 60px; line-height: 60px; margin-bottom: 10px; animation-name: left-right; animation-duration: 0.7s; /* animation-delay  规定在动画开始之前的延迟。 */
animation-iteration-count: 1; opacity: 0; margin-left: 300px; animation-fill-mode: forwards; }
.tzzgx_page .banner .banner_text .p2 { font-size: 30px; height: 30px; line-height: 30px; margin-bottom: 25px; animation-name: left-right; animation-duration: 0.7s; animation-delay: 0.2s; animation-iteration-count: 1; opacity: 0; margin-left: 300px; animation-fill-mode: forwards; }
.tzzgx_page .banner .banner_text .p3 { font-size: 12px; line-height: 20px; animation-name: left-right; animation-duration: 0.7s; animation-delay: 0.4s; animation-iteration-count: 1; opacity: 0; margin-left: 300px; animation-fill-mode: forwards; }
.tzzgx_type_tab { position: relative; }
#curPosition { position: absolute; left: 0; top: -90px }
.tzzgx_type_tab span { color: #999999; font-size: 30px; text-align: center; padding: 50px; position: relative; display: inline-block; cursor: pointer; }
.tzzgx_type_tab span:after { display: block; content: ''; left: 50%; background: #0050a1; width: 40px; margin-left: -20px; height: 5px; border-radius: 5px; bottom: 20px; position: absolute; transition: 0.3s; transform: scale(0, 1); }
.tzzgx_type_tab span.active:after,.tzzgx_type_tab span:hover:after { transform: scale(1, 1); }
.tzzgx_type_tab { text-align: center; margin-bottom: 40px; }
.tzzgx_page .tzzgx_type_content0 { display: none; }
.tzzgx_page .tzzgx_type_content1 { display: block; }
.tzzgx_page .gp { margin-bottom: 20px; margin-top: 50px; }
.tzzgx_type_content0 .item { display: flex; transition: 0.3s; cursor: pointer; position: relative; padding-top: 30px; padding-bottom: 30px; border-bottom: 1px dashed #ccc; }
.tzzgx_type_content0 .item::before { display: block; position: absolute; right: 45px; width: 8px; height: 15px; content: ''; top: 50%; margin-top: -7px; background: url("../images/right_icon4.png") no-repeat center; opacity: 0; }
.tzzgx_type_content0 .item:hover:before { opacity: 1; }
.tzzgx_type_content0 .item:hover { background: #f2f8fc; border-bottom: 1px dashed rgba(0, 0, 0, 0); }
.tzzgx_type_content0 .item .time { width: 120px; margin-right: 25px; }
.tzzgx_type_content0 .item .time .day { color: #b8b7b7; text-align: right; font-size: 30px; height: 30px; line-height: 30px; font-weight: bold; margin-bottom: 15px; transition: 0.3s; }
.tzzgx_type_content0 .item .time .date { text-align: right; height: 20px; color: #b8b7b7; line-height: 20px; font-size: 16px; transition: 0.3s; }
.tzzgx_type_content0 .item .info { width: calc( 100% - 205px); }
.tzzgx_type_content0 .item .info .name { color: #333333; font-size: 24px; height: 30px; line-height: 30px; margin-bottom: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.tzzgx_type_content0 .item .info .details { height: 20px; color: #666666; line-height: 20px; font-size: 16px; transition: 0.3s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.tzzgx_type_content0 .item:hover .info .name, .tzzgx_type_content0 .item:hover .info .details, .tzzgx_type_content0 .item:hover .time .date, .tzzgx_type_content0 .item:hover .time .day { color: #0050a1; }
.news_details_main { }
.newsInfoCont { max-width: 800px; margin: 0 auto; }
.newsInfoCont .content_div { width: auto !important; }
.newsInfoCont img { max-width: 100%; display: block; margin: 0 auto; height: auto !important; }
.news_details_main .title { /* margin-top: 100px; */
line-height: 55px; height: auto; color: #333; font-size: 30px; text-align: center; margin-bottom: 25px; }
.news_details_main .title::before { display: none; }
.news_details_main .info { text-align: center; padding-bottom: 55px; font-size: 15px; color: #999999; border-bottom: 1px solid #d9d9d9; }
.news_details_main .info { }
.news_details_main .content { }
.news_details_main .content .pic { margin-top: 35px; }
.news_details_main .content .pic img { width: 100%; }
.news_details_main .content .txt { font-size: 16px; color: #666666; margin-top: 40px; line-height: 35px; }
.news_details_main .link { margin-top: 30px; border-bottom: 1px solid #d9d9d9; padding-bottom: 35px; margin-bottom: 30px; }
.news_details_main .link a { margin-right: 15px; display: inline-block; }
.news_details_main .link a img { display: inline-block; }
.news_details_main .link a.a1 { }
.news_details_main .link a.a2 { width: 34px; height: 34px; border-radius: 5px; background: #888888; text-align: center; line-height: 34px; transition: 0.3s; }
.news_details_main .link a.a2:hover { background: #0050a1; }
.news_details_main .operation { display: flex; justify-content: space-between; margin-bottom: 120px; }
.news_details_main .operation .left { display: block; }
.news_details_main .operation .left a { display: inline-block; height: 30px; line-height: 30px; transition: 0.3s; color: #666666; }
.news_details_main .operation .left a:hover { border-bottom: 1px solid #0050a1; color: #0050a1; }
.news_details_main .operation .right { }
.news_details_main .operation .right a { height: 40px; line-height: 40px; text-align: center; background: #fff; border: 1px solid #ccc; width: 120px; transition: 0.3s; border-radius: 50px; display: inline-block; }
.news_details_main .operation .right a:hover { border: 1px solid #0050a1; background: #0050a1; color: #fff; }
.gp { background: url(../images/gp.jpg) center no-repeat; background-size: cover; }
.gp .content_div { display: flex; }
.gp .gp_info .name { color: #fff; font-size: 24px; display: flex; align-items: baseline; font-weight: bold; margin-bottom: 20px; }
.gp .gp_info span { color: #fff; font-size: 18px; font-weight: 400; margin-left: 15px; }
.gp .gp_info { /*background: #F7F8F9;*/
width: 57%; padding: 45px; }
.gp .pic { /* background: #F7F8F9;*/
width: 50%; }
.gp .pic img { width: 100%; height: 100%; }
.gp .gp_info .num { display: flex; color: #dd0100; width: 100%; align-items: center; }
.gp .gp_info .num .all { font-size: 60px; height: 60px; font-weight: bold; line-height: 60px; margin-right:15px;}
.gp .gp_info .num .icon { margin: 0 20px; }
.gp .gp_info .num .zz { }
.gp .gp_info .num .zz p { font-size: 24px; line-height: 25px; }
.gp .gp_info .list { margin: 20px auto; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; display: flex; flex-wrap: wrap; padding: 10px 0; }
.gp .gp_info .list .item span { color: #999999; font-size: 18px; margin-left: 0; }
.gp .gp_info .list .item i { color: #999999; font-size: 18px; }
.gp .gp_info .list .item i.red { color: #dd0100; }
.gp .gp_info .list .item i.green { color: #01834c; }
.gp .gp_info .bottom { color: #999999; font-size: 14px; white-space: nowrap; }
.gp .gp_info .bottom a { color: #fff; }
.gp .gp_info .list .item { line-height: 30px; width: 33.3%; display: flex; align-items: center; text-align: left; }
/*业务范围 分子公司名片整理 start*/
.business_main { padding-bottom: 75px; }
.business_main .section1, .business_main .section2 { position: relative; }
.business_main .section1 { margin-bottom: 20px; }
.business_main .section1 img, .business_main .section2 img, .mapBox .moreOverseas img { max-width: 100%; height: auto !important; }
.business_main .section1 .item { display: block; position: absolute; top: 34.5%; max-width: 230px; text-align: center; }
.business_main .section1 .item:nth-child(1) { left: 6%; }
.business_main .section1 .item:nth-child(2) { left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.business_main .section1 .item:nth-child(3) { right: 6%; }
.business_main .section1 .item span { display: block; text-align: center; }
.business_main .section1 .item .f1 { font-size: 30px; margin: 0.8em 0 0.6em 0; color: #0050a1; line-height: 1.2; }
.business_main .section1 .item .f2 { font-size: 16px; }
.business_main .section1 .item .btn { display: block; margin: 0 auto; color: #0050a1; margin-top: 0.8em; border: 1px solid #0050a1; width: 6em; height: 2.4em; line-height: 2.4; border-radius: 1.2em; text-align: center; }
.business_main .section1 .item .btn:hover { text-decoration: underline; }
.business_main .section2 .font { position: absolute; left: 60px; bottom: 60px; color: #fff; }
.business_main .section2 .font .f1 { font-size: 30px; margin-bottom: 0.6em; }
.business_main .section2 .font .f2 { font-size: 18px; }
.company_main { padding-bottom: 160px; background: url(../images/company3.jpg) center bottom no-repeat; background-size: 100% auto; }
.company_main .tabBox { text-align: center; }
.company_main .tabBox .item { display: inline-block; padding: 0 60px; height: 140px; line-height: 140px; position: relative; color: #999; font-size: 30px; cursor: pointer; }
.company_main .tabBox .item.on { color: #333; }
.company_main .tabBox .item.on::before { display: block; content: ''; width: 40px; border-radius: 5px; position: absolute; bottom: 10px; left: 50%; margin-left: -20px; background: #0050a1; height: 3px; margin-bottom: 10px; }
.mapBox { position: relative; }
.mapBox .moreOverseas { position: absolute; left: 0; bottom: 0; display: block; }
.mapBox .moreOverseas span { display: block; position: absolute; top: 50%; left: 40%; font-size: 16px; color: #0050a1; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.companyMap { height: 900px; }
.mobileMapData { display: none; margin-top: 40px; }
.mobileMapData .item { padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid #eee; }
.mobileMapData .item:last-child { padding-bottom: 0; margin-bottom: 0; border: none; }
.mobileMapData .item .f1 { font-size: 16px; font-weight: bold; color: #595959; }
.mobileMapData .item .f2 { font-size: 14px; color: #666; }
.mobileMapData .item .f3 { font-size: 14px; color: #999; }
.caseNavList { padding: 70px 0 110px 0; margin: 0 -10px; }
.caseNavList .item { width: 33.3%; float: left; }
.caseNavList .item a { display: block; margin: 0 10px; }
.caseNavList .item span { display: block; }
.caseNavList .item .img { overflow: hidden; }
.caseNavList .item .img img { transition: 0.5s all ease; -webkit-transition: 0.5s all ease; max-width: 100%; }
.caseNavList .item a:hover .img img { transform: scale(1.05); -webkit-transform: scale(1.05); }
.caseNavList .item .font { font-size: 26px; margin-top: 1em; line-height: 1; text-align: center; }
.honor_main { background: none; padding-bottom: 0; }
.honorList { margin: 0 -12px; }
.honorList .item { width: 33.3%; float: left; margin-top: 60px; }
.honorList .item .w { margin: 0 12px; }
.honorList .item .img { background: #f0f0f0; display: flex; display: -webkit-flex; align-items: center; justify-content: center;/*cursor:pointer;*/ overflow: hidden; }
.honorList .item .img img { transition: 0.5s all ease; -webkit-transition: 0.5s all ease; height: 100% !important; width: auto !important; }
.honorList .item .font { font-size: 20px; color: #666; text-align: center; margin: 1em 1em 0 1em; }
.honorList .item .font:hover { color: #0050a1; }
/*.honorList .item .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}*/

.ellipsis-2 { height: 3em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5; }
/*编辑器图片处理 基础样式处理*/
.editor img { max-width: 100%; height: auto !important; }
.editor p{line-height: 1.875;}
a:active { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.job_main { margin-bottom: 100px; }
.job_list { border-top: 1px solid #d8d8d8; }
.job_item { border-bottom: 1px solid #d8d8d8; padding: 40px 0; overflow: hidden; }
.job_title { line-height: 30px; font-size: 16px; overflow: hidden; background: url(../images/fold.png) no-repeat right center; cursor: pointer; }
.job_title h3 { font-weight: bold; margin-bottom: 20px; }
.job_title span { display: block; width: 25%; float: left; padding: 0 15px 0 0; }
.job_item.active { background: #fff; }
.job_item.active .job_title { background-image: url(../images/open.png); }
.job_con { display: none; margin-top: 30px; }
.job_tit { font-weight: bold; }
.job_tit span { color: #0d6fb8; font-size: 22px; }
.job_txt { line-height: 2; color: #666; margin-top: 10px; margin-bottom: 20px; }
.job_info { margin-top: 70px; overflow: hidden; }
.job_info dl { width: 33.33%; float: left; text-align: center; position: relative; }
.job_info dl::before { height: 63px; border-left: 1px solid #e6e6e6; content: ''; position: absolute; left: 0; top: 50%; margin-top: -32px; }
.job_info dl:first-child::before { display: none; }
.job_info dl dt { height: 34px; }
.job_info dl dd { margin-top: 20px; }
.job_email { margin-top: 10px; color: #666; }
.job_email a { color: #f79600; text-decoration: underline; padding-left: 5px; }
.screenBox { padding: 0 40px; background: #f6f6f6; border-radius: 6px; margin-bottom: 42px; }
.screenBox .cont { border-bottom: 1px solid #e7e7e7; padding: 20px 0 11px 0; }
.screenBox .cont:last-child { border: none; }
.screenBox .cont .name, .screenBox .cont .btn { float: left; line-height: 40px; }
.screenBox .cont .name { font-size: 24px; font-weight: bold; }
.screenBox .cont .btn { font-size: 18px; border-radius: 20px; margin-left: 0.8em; padding: 0 1em; cursor: pointer; margin-bottom: 0.5em; }
.screenBox .cont .btn:hover, .screenBox .cont .btn.on { background: #0050a1; color: #fff; }
.jobLoadMore { cursor: pointer; font-size: 18px; line-height: 3.2; border-radius: 1.6em; height: 3.2em; width: 16em; text-align: center; color: #fff; background: #0050a1; margin: 70px auto; }
.jobLoadMore:hover { text-decoration: underline; }
.ovh { overflow: hidden; }
.contact_page .job_ban { background-image: url(../images/job_ban.jpg); }
.indBusiness .common_index_name { position: absolute; left: 0; top: 26%; width: 100%; text-align: center; }
.honour .common_index_name { text-align: center; }
.indBusiness .common_index_name .c, .honour .common_index_name .c { float: none; }
.indBusiness .common_index_name .c:before, .honour .common_index_name .c:before { left: 50%; margin-left: -20px; }
.indBusiness { padding-bottom: 0 !important; }
.indBusiness .section1 { margin-bottom: 0; }
.indBusiness .section1 .item { top: 58%; opacity: 0; transition: 1s all ease; -webkit-transition: 1s all ease; }
.indBusiness.active .section1 .item { top: 42%; opacity: 1; }
.pageCont404 { position: relative; }
.pageCont404 .cont404 { position: absolute; width: 380px; text-align: center; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.pageCont404 .cont404 .f1 { font-size: 26px; color: #184a99; margin-top: 20px; }
.pageCont404 .cont404 .f2 { font-size: 14px; color: #184a99; margin-bottom: 20px; }
.pageCont404 .cont404 .btn { display: block; font-size: 16px; color: #184a99; width: 130px; text-align: center; margin: 0 auto; line-height: 3; border: 1px solid #184a99; border-radius: 6px; }
.pageCont404 .cont404 .btn:hover { text-decoration: underline; }
 @media only screen and (min-width:2000px) {
.companyMap { height: 1500px; }
}
 @media only screen and (max-width:1560px) {
.kjcx_main .kjcx .box { margin-bottom: 80px; }
.kjcx_list { margin-bottom: 120px; } 
.indAboutItem .item .name {  padding-left: 40px; }
}
 @media only screen and (max-width:1440px) {
.about_page .swiper-button-prev { left: -30px; }
.about_page .swiper-button-next { right: -30px; }
.job_item { padding: 30px 0; }
.job_con { font-size: 16px; }
 
.caseNavList .item .font { font-size: 20px; }
.caseNavList { padding: 60px 0; }
.kjcx_main .kjcx .box .text .info .item .num { font-size: 70px; }
.kjcx_main .kjcx .box .text .info .item { align-items: center; }
.kjcx_main .kjcx .box { margin-bottom: 60px; }
.kjcx_list .list .item .txt { width: 40%; }
.kjcx_list .list .item .pic { width: 57%; }
.kjcx_list { margin-bottom: 80px; }
.about_page .qyjs .txt_pic .zczj .f1 { font-size: 42px; }
.about_page .qyjs .txt_pic .zczj .f2 { font-size: 80px; }
.about_page .qyjs .txt_pic .zczj .f3 { font-size: 52px; }
.about_page .qyjs .txt_pic .czy .txt .f1 { font-size: 42px; }
.about_page .qyjs .txt_pic .czy .txt .f2 { font-size: 120px; }
.about_page .qyjs .txt_pic .czy .txt .f3 { font-size: 42px; }
.screenBox { padding: 0 32px; }
.screenBox .cont { padding: 16px 0 8px 0; }
.screenBox .cont .name, .screenBox .cont .btn { line-height: 36px; }
.screenBox .cont .name { font-size: 20px; }
.screenBox .cont .btn { font-size: 16px; border-radius: 18px; }
.jobLoadMore { margin: 50px auto; line-height: 2.8em; height: 2.8em; border-radius: 1.4em; width: 10em; font-size: 16px; }
.pageCont404 .cont404 { width: 300px; }
.pageCont404 .cont404 .f1 { font-size: 20px; }
.indAboutItem .item .f2 { font-size: 50px; }  
.index .about .line { display: none; }
.indAboutItem .item{margin-top:50px;}
.indAboutItem .item .ovh{margin-top:30px;}
.indAboutItem .item .f3{font-size:20px;margin-left:10px;}
}
 @media only screen and (max-width:1280px) {
.companyMap { height: 1000px; }
.company_main { padding-bottom: 160px; }
.honorList .item { margin-top: 40px; }
.kjcx_main .kjcx .box .text .info .item .num { font-size: 60px; }
.kjcx_main .kjcx .box .text .info .item { padding-left: 10px; margin-bottom: 20px; }
.kjcx_main .kjcx .box { margin-bottom: 40px; }
.kjcx_list { margin-bottom: 60px; }
.dtjb_main .dtjb .list .item .txt { margin-top: 0; padding: 40px; }
.common_top_nav .logo { width: 150px; align-items: center; display: flex; }
.common_top_nav .operation>div { margin-left: 20px; }
.about_page .qyjs .txt_pic .zczj .f1 { font-size: 32px; }
.about_page .qyjs .txt_pic .zczj .f2 { font-size: 60px; }
.about_page .qyjs .txt_pic .zczj .f3 { font-size: 42px; }
.about_page .qyjs .txt_pic .czy .txt .f1 { font-size: 32px; }
.about_page .qyjs .txt_pic .czy .txt .f2 { font-size: 80px; }
.about_page .qyjs .txt_pic .czy .txt .f3 { font-size: 32px; }
}
 @media only screen and (max-width: 1024px) {
.business_main .section1 .item2 { right: 3%; }
.caseNavList { padding: 40px 0; }
.second_menu { text-align: left; }
.index_menu li.on { background-position: right 1em; }
.about_page .swiper-button-prev { left: 0; }
.about_page .swiper-button-next { right: 0; }
.kjcx_main .kjcx .box .text { margin-left: 2em; }
.kjcx_main .kjcx .box .pic { width: 48%; height: auto; }
.kjcx_main1 { padding-top: 2em; }
.business_main .section1 .item .f2 { padding: 0 1em; }
.map_mian .info { position: static; display: block; height: auto; padding: 2em; }
.map_mian .info .map, .map_mian .info .email, .map_mian .info .other { line-height: 2; }
.map_mian .info .map span, .map_mian .info .email span, .map_mian .info .other span { white-space: nowrap; }
.dtjb_main .dtjb .list .item .txt { padding: 2em; }
#m-baidu-map { height: 600px; }
.screenBox { padding: 0 10px; }
.screenBox .cont { padding: 10px 0 3px 0; }
.screenBox .cont .name, .screenBox .cont .btn { line-height: 32px; }
.screenBox .cont .name { font-size: 16px; }
.screenBox .cont .btn { font-size: 14px; border-radius: 16px; }
.job_main { margin-bottom: 50px; }
.jobLoadMore { margin: 2em auto; line-height: 2.4em; height: 2.4em; border-radius: 1.2em; width: 8em; font-size: 14px; }
.pageCont404 .cont404 { width: 200px; }
.pageCont404 .cont404 .f1 { font-size: 18px; }
.pageCont404 .cont404 .f2 { font-size: 12px; }
.pageCont404 .cont404 .btn { font-size: 14px; width: 110px; }
/*.indBusiness .section1 .item{position:static;max-width:none;padding:1em 0;}*/
.indBusiness { position: relative; }
.indBusiness .section1 { padding: 1em 0; background: rgba(255,255,255,0.6); min-height: 300px; }
/*.indBusiness .section1 .item:nth-child(2){transform: translateX(0);-webkit-transform: translateX(0);}*/
.indBusiness.active .section1 .item { top: 28%; }
.indBusiness .common_index_name { position: static; padding-top: 2em; background: rgba(255,255,255,0.6); transition: 0s all ease; -webkit-transition: 0s all ease; }
}
 @media only screen and (max-width: 768px) {
#m-baidu-map { height: 400px; }
.business_main .section2 .font .f1 { font-size: 22px; }
.business_main .section1 .item .f1 { font-size: 18px; }
.business_main .section1 .item .f2, .business_main .section2 .font .f2 { font-size: 14px; }
.business_main .section2 .font { left: 1em; bottom: 1em; }
.business_main { padding-bottom: 40px; }
.business_main .section1 .item {/*position:static;transform:translateX(0) !important;-webkit-transform:translateX(0) !important;max-width:none;*/ padding: 1em 0;top:24.5%; }
.business_main .section1 .item .img { width: 2.4em; margin: 0 auto; }
.company_main { padding-bottom: 60px; }
.companyMap { height: 300px; }
.mapBox .mask { position: absolute; left: 0; right: 0; bottom: 0; top: 0; }
.mapBox .moreOverseas span { left: 30%; }
.mapBox .moreOverseas { position: relative; width: 200px; margin: 0 auto; }
.mobileMapData { display: block; }
.company_main .tabBox .item { padding: 0 1em; height: 50px; line-height: 40px; font-size: 18px; }
.company_main .tabBox .item.on { color: #333; }
.company_main .tabBox .item.on::before { width: 30px; margin-left: -15px; bottom: 0; }

.caseNavList { margin: 0 -4px; }

.honorList { margin: 0 -4px; }
.honorList .item .font { font-size: 16px; }
.honorList .item { width: 50%; margin-top: 2em; }
.honorList .item .w { margin: 0 4px; }
.about_page .qyjs .txt_pic .zczj { text-align: left; }
.about_page .qyjs .txt_pic .zczj .f1 { font-size: 22px; }
.about_page .qyjs .txt_pic .zczj .f2 { font-size: 40px; }
.about_page .qyjs .txt_pic .zczj .f3 { font-size: 32px; }
.about_page .qyjs .txt_pic .czy .txt .f1 { font-size: 22px; }
.about_page .qyjs .txt_pic .czy .txt .f2 { font-size: 40px; }
.about_page .qyjs .txt_pic .czy .txt .f3 { font-size: 22px; }
.pageCont404 { height: 400px; overflow: hidden; }
.pageCont404 > img { height: 400px; max-width: none; width: auto; }
.pageCont404 .cont404 { width: 160px; }
.indBusiness .section1 { min-height: 240px; }
}
/*业务范围 分子公司名片整理 end*/
 @media only screen and (max-height:900px) {
.about .content .content_div { padding-top: 50px; }
.index .honour .common_index_name { margin-bottom: 60px; }
.honorSwiper .swiper-slide .img { height: 440px; } 
}
 @media only screen and (max-height:800px) { 
.about .content .content_div, .index .honour .content .content_div { padding-top: 20px; }
.honorSwiper .swiper-slide .img { height: 300px; }
.index .news { padding-top: 80px; }
.index .honour .common_index_name { margin-bottom: 30px; }
}

@media only screen and (max-width: 640px) {
.job_main { margin-bottom: 30px; }
.job_title { background-position: 100% 0.2em; }
.job_title span { display: block; width: 60%; padding-right: 10px; font-size: 14px; }
.job_title span:nth-of-type(1), .job_title span:nth-of-type(3) { width: 40%; }
.job_item { padding: 20px 0; }
.job_title h3 { margin-bottom: 0; }
.job_con { padding-top: 10px; margin-top: 10px; }
.business_main .section1 .item .f2 { display: none; }
.indBusiness .section1 { min-height: 160px; }
.indBusiness.active .section1 .item { top: 38%; }
.business_main .section1 .item .img { width: 2em; }
.business_main .section1 .item .f1 { font-size: 14px; }
.index .banner a span { right: 116%; }
.index .banner a span:before { border-right: none; border-left: 6px solid rgba(255,255,255,0.3); left: auto; right: -6px; }
.index .news .name{height:auto;line-height: normal;padding-bottom:20px;}
.index .news .content{margin-top:20px;}
.index .news .content .item_news .news_title{height:auto;line-height: normal;margin:20px 0 10px;}
.index .news .content .item_news .time{margin-bottom:10px;}
.index .news .content .item_news .details{line-height: 1.8;}
.index .news .content .list_news .item a, .index .news .content .list_news .item a span, .index .news .content .list_news .item a i{height:50px;line-height: 50px;}
.index .news .content .list_news .item a span,.index .news .content .list_news .item a i{font-size:14px;}
.about .content .content_div, .index .honour .content .content_div{padding-top:0;}
.index .honour .swiper-container{width:70%;}
.honorSwiper .swiper-slide .img{height:240px;}
.honorSwiper .swiper-button-prev, .honorSwiper .swiper-button-next{margin-top:0;top:30%;}
.honorSwiper .swiper-button-prev{left:0;}
.honorSwiper .swiper-button-next{right:0;}
.kjcx_list .list .item .pic{width:100%;}
.caseNavList .item { float: none; width: 100%; margin: 0 auto; margin-bottom: 2em; }
.caseNavList .item .font { font-size: 16px; }
.caseNavList .item a { margin: 0 4px; }
.caseNavList { padding: 2em 0; }
.history_left{width:100%;float:none;}
.history_img{width:100%;height:240px;float:none;margin-top:20px;}
.history_thumbs{margin-top:20px;}
.history_thumbs .swiper-button-prev,.history_thumbs .swiper-button-next{width:24px;background-size:24px;}
.index .company .small_pic .swiper-slide .text{padding:10px;bottom:auto;top:50%;transform:translateY(-50%);}
.index .company .small_pic .swiper-slide .text .e{display: none;}
.index .company .small_pic .swiper-slide .text .c{font-size:13px;text-align: center;}
}
.social-share-icon { width: 34px !important; height: 34px !important; border: none !important; border-radius: 4px !important; background-position: center !important; background-repeat: no-repeat !important; background-color: #888; }
.icon-weibo { background-image: url(../images/weibo_icon.png) !important; }
.icon-wechat { background-image: url(../images/wechat_icon.png) !important; }
.social-share-icon:before { content: "" !important; }
.social-share-icon:hover { background-color: #aaa !important; }