@charset "utf-8";
/*============================ 初始化样式 ============================*/
* { margin:0; padding:0; box-sizing: border-box}
body {color:#333; font-size:14px;  font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体",sans-serif;min-width: 1200px;overflow-x: hidden}
*html { background-image:url(about:blank);background-attachment:fixed;}
li { list-style:none;}
img { border:none;}
body a img { border:none;}
a { color: #333; text-decoration:none; blr:expression(this.onFocus=this.blur());}
a:focus { outline:none;}
a:link { text-decoration:none;}
a:hover { text-decoration:none; }
input,textarea,button{border: none;outline: none;background: none}
.clear:after {content:''; display:block; clear:both; }
.clear { height:0px; clear:both; }
/*限制文字,文字超出显示冒号*/
.text-cut { overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis;}
.flex-center{display: flex;justify-content: space-between;flex-wrap: wrap}
.text-center{text-align: center}

/*============================ 公共部分 ============================*/

/* 文章上下篇 */
.wengzhengfanye { overflow: hidden;padding: 30px 0 0;line-height: 2;color: #666;}
.wengzhengfanye .wengzhengfanyeA,.wengzhengfanye .wengzhengfanyeB {font-size:16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.wengzhengfanye a:hover {color: #0d2355}
.wengzhengfanye .wengzhengfanyeB{}
.wengzhengfanye b{font-weight: normal;}
.wengzhengfanye a{color: #666}

/* 文章类别上下页 */
.page { overflow:hidden;}
.pagelink {text-align:center;padding: 30px 0}
.pagelink span,.pagelink a
{ display:inline-block;text-align:center; padding:6px 11px; border:solid 1px #ddd; color:#666; margin:0 4px;}
.pagelink a:hover,.pagelink a.on
{ background:#153072; color:#fff; border:solid 1px #153072;}
.pagelink span{display:inline-block; color:#fff; background:#153072; border:solid 1px #153072;}

/*========================================= 首页 =====================================*/
.container { width:1175px; margin:0 auto;}
.fl{float: left}
.fr{float: right}

header{box-shadow: 0 15px 30px rgba(0,0,0,0.1);;width: 100%}
.head{display: flex;justify-content: space-between;align-items:center;width: 1320px;margin: 0 auto;}
.nav ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.nav li{position:relative;transition: all .3s ease;text-align: center;padding:0 25px;line-height: 90px;position: relative}
.nav li a{position:relative;font-size: 16px;z-index: 2;display: block;color: #6d6c6c}
/*.nav li:after{content: '';width: 0;height:3px;background: #00baff;position: absolute;bottom: 0;left: 0;right: 0;margin: auto;
    transition: all .3s ease;z-index: 1;opacity: 0}
.nav ul li:hover:after{width: 100%;opacity: 1}*/
.nav ul li:hover a,.nav ul li.active a{color: #0c347c}

.head .tel{background: url("../img/tel.png") no-repeat left;padding-left: 30px;color: #474545;font-size: 16px;line-height: 26px}

.xlnav{display:none;z-index: 100;width: 100%;position: absolute;top: 90px;left: 50%;margin-left:-50%;animation: fadeInUp 0.5s .1s ease both;
    background-color: #fff;box-shadow: 0 0 10px 2px rgb(0 0 0 / 10%);}
.xlnav dd{width: 100%;line-height: 37px;transition: all .3s ease 0s;}
.xlnav dd a{padding: 0 10px;display: block;color: #333!important;font-size: 14px;}
.xlnav dd:hover a{color: #fff!important;background: #0c347c!important;}
.nav li:hover .xlnav{display: block}

/*banner图片切换样式*/
.banner{width:100%; overflow:hidden;position: relative}
.banner li{overflow:hidden;height: 798px;display:flex;justify-content:center;align-items:center;color: #fff}
.banner li h2{font-size: 48px;}
.banner li p{font-size: 20px;font-weight: bold;margin-top: 15px;font-family: Arial}
.banner .swiper-button-prev{width: 15px;height: 26px;margin-top: -13px; background: url("../img/prev.png");
    opacity: .5;left: 50%;margin-left: -660px;z-index: 999;opacity: 0}
.banner .swiper-button-next { width: 15px;height: 26px;margin-top: -13px; background: url("../img/next.png");
    opacity: .5;right: 50%;margin-right: -660px;z-index: 999;opacity: 0}
.banner .swiper-pagination{ position: absolute; bottom:40px!important; width:100%; z-index:100; text-align: center;}
.banner .swiper-pagination-bullet {width:8px;height:8px;margin:0 8px!important;cursor: pointer;background-color:rgba(255,255,255,0.7);position: relative;border-radius: 10px;}
.banner .swiper-pagination-bullet-active{background: #fff;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{opacity: 1}
.banner:hover .swiper-button-prev{opacity: 1}
.banner:hover .swiper-button-next{opacity: 1}
/*@keyframes zoomIn3 {
    0% {
        transform: scale3d(1.1, 1.1, 1.1);
    }
    100% {
        transform: scale3d(1, 1, 1);
    }
}
.zoomIn3 {
    animation-name: zoomIn3;
}
.banner li.swiper-slide-active {
    animation: zoomIn3 7s linear both;
}*/

.oneA_tit{padding-top: 50px;}
.oneA_tit h3{font-size: 26px;color: #202b66;font-weight: normal}
.oneA_tit h3 span{font-size: 12px;color: #666}
.oneA_tit h2{font-size: 32px;color: #202b66;padding: 10px 0 15px}
.oneA_tit i{display: block;width: 60px;height: 2px;background: #e00012}

.oneA{background: url("../img/oa.png") no-repeat center #f8f8f8;background-size: cover;padding: 80px 0}
.oneAs{position: relative}
.oneAa{line-height: 1.8;width: 660px;font-size: 18px}
.oneAa p{margin-bottom: 20px}

.oneAb{margin-top: 170px}
.oneAb ul li{text-align: center;width: 220px}
.oneAb ul li p{font-size: 20px;color: #666;padding: 10px 0 40px}
.oneAb ul li h3{font-size: 18px;color: #666}
.oneAb ul li h3 b{font-family: Impact;font-weight: normal;font-size: 60px;color: #0a4184}

.oneAc{position: absolute;top: -180px;right: -30px}

.oneB{background: url("../img/ob.png") no-repeat center;background-size:cover;padding-bottom: 70px;overflow: hidden}
.oneB_tit{padding-top: 50px}
.oneB_tit h2{font-size: 32px;color: #fff;}
.oneB_tit p{color: #fff;font-size: 16px;margin-top: 10px}

.oneBa{/*background: #fff;padding: 30px 40px;*/margin-top: 35px}
.oneBa ul li{width: 202px;height: 182px;background:url("../img/obli.png") no-repeat center;position: relative;padding: 15px;float: left;margin: 0 -50px 0 0}
.oneBa ul li img{max-width: 63%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;transition: all 0.5s ease}
.oneBa ul li:hover img{transform: scale(1.1);transition: all 0.5s ease}
.oneBa ul li:hover{border-color: #0c347c}
.oneBa ul.ul1 li:nth-child(2n){margin-top: 77px;}
.oneBa ul.ul2 li{margin-top: -86px;}
.oneBa ul.ul2 li:nth-child(2n){margin-top: -10px!important;}
.oneBa ul.ul3 li{margin-top: -86px;}
.oneBa ul.ul3 li:nth-child(2n){margin-top: -10px!important;}
.oneBa ul li a{display: block;line-height: 150px;text-align: center;font-size: 16px;color: #153072}


.oneC_tit{position: relative;margin-top: 50px}
.oneC_tit h2{line-height: 72px;padding-left: 20px;color: #222;font-size: 32px;font-weight: normal}
.oneC_tit p{position: absolute;left: 0;top: 0;line-height: 1.2;background: linear-gradient(to bottom, rgba(12,52,124,1),rgba(12,52,124,.5), rgba(12,52,124,0));
    -webkit-background-clip: text;color: transparent;display: inline-block;opacity: .2;font-size: 60px;font-weight: bold;}

.oneC{overflow: hidden;margin-top: 35px;margin-bottom: 35px}
.oneCl{width: 773px;height: 422px;overflow: hidden;position: relative}
.oneCl ul li{position: relative;width: 773px;height: 422px;overflow: hidden}
.oneCl ul li dd img{max-width: 100%}
.oneCl ul li dl{position: absolute;bottom: 0;left: 0;padding: 20px 20px 40px;color: #fff}
.oneCl ul li dl h3{font-size: 16px;font-weight: normal;margin-bottom: 20px}
.oneCl ul li dl p{line-height: 1.8}
.oneCl .swiper-pagination{text-align: right;width: 96%!important;bottom: 20px!important;}
.oneCl .swiper-pagination-bullet {width:8px;height:8px;margin:0 5px!important;cursor: pointer;background-color:#fff;position: relative;border-radius: 10px;opacity: 1}
.oneCl .swiper-pagination-bullet-active{background: #153072;}

.oneCr{width: 370px;overflow: hidden}
.oneCr ul li{width: 370px;}
.oneCr ul li dd{width: 100%;height: 238px;overflow: hidden}
.oneCr ul li dd img{max-width: 100%;transition: all 0.5s ease}
.oneCr ul li dl h3{font-size: 16px;margin-top: 25px;line-height: 1.8;
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.oneCr ul li dl p{line-height: 1.8;color: #666;margin: 15px 0 20px;
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.oneCr ul li dl span{color: #999;font-family: Arial}
.oneCr ul li:hover dd img{transition: all 0.5s ease;transform: scale(1.1)}
.oneCr ul li:hover dl h3{color: #153072}


.oneD{width: 1175px}

footer{width:100%;background: #153072;margin-top: 70px;color: #fff;padding: 50px 0 30px}
.footl{width: 390px}
.footl h2{font-size: 20px;color: #f8f8f8;margin-bottom: 30px}
.footl dd{width: 96px;height: 96px;}
.footl ul{width: 275px;}
.footl ul li{margin-bottom: 3px;font-size: 12px;font-weight: bold;line-height: 1.8}
.footl ul li b{font-size: 18px}

.footr ul{margin-left: 55px}
.footr ul h3{margin-bottom: 25px}
.footr ul li{margin-bottom: 10px;font-weight: bold}
.footr ul li a{color: #fff}
.copy{text-align: center;margin-top: 50px;font-weight: bold;}


/*========================================= 关于我们 =====================================*/
.ny_ban{overflow: hidden;height: 400px;display:flex;justify-content:center;align-items:center;position: relative}
.ny_ban dl{position: relative;z-index: 2;color: #fff;font-size: 16px;}
.ny_ban dl h2{font-size: 40px;}

.ny_nav{border-bottom: 1px solid #f2f2f2;overflow: hidden;background: #153072;position: relative}
.ny_bana{position: absolute;right: 0;top: 0;width: 7.5%;height: 60px;background: #fff;}
.ny_banb{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;line-height: 60px}
.ny_banb h2{position: relative;width: 165px;color: #fff;font-size: 16px;display: flex;align-items: center}
.ny_banb h2 img{margin-right: 10px;width: 25px;}
.ny_banb h2:before {position: absolute;width: 4px;height: 7px;right: 0;bottom: 0;top: 0;content: "";background: url(../img/ny_nav.png) no-repeat center;background-size: 100%;margin: auto;}
.ny_banb ul{background: #fff;width: calc(100% - 165px);}
.ny_banb ul li{font-size: 16px;font-weight: bold;text-align: center;width: 16.6%}
.ny_banb ul li a{display: block}
.ny_banb ul li a span{display: inline-block;position: relative;}
.ny_banb ul li a span:before{position: absolute;content: "";width: 100%;height: 3px;left: 0;bottom: 0;background: #153072;transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);opacity: 0;}
.ny_banb ul li:hover a,.ny_banb ul li.on a{color: #153072;transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);}
.ny_banb ul li:hover a span:before,.ny_banb ul li.on a span:before{opacity: 1;transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);}


.ny_title{margin-top: 50px;text-align: center;overflow: hidden}
.ny_title h2{font-size: 30px}
.ny_title p{font-size: 16px;color: #999999;text-transform: uppercase;margin-top: 5px}

.aboutA{margin-top: 40px;line-height: 1.8;font-size: 18px;}

/*========================================= 企业文化 =====================================*/
.cultures{margin-top: 50px;overflow: hidden}
.cultures ul li{height: 520px;display: flex;justify-content: space-between;align-items: center;text-align: center;color: #fff;margin-bottom: 10px;position: relative}
.cultures ul li h3{font-size: 30px}
.cultures ul li p{font-size: 16px;opacity: 0.5;margin-top: 10px}
.cultures ul li dd{font-size: 20px;line-height: 1.8;margin: 35px 0}
.cultures ul li img{width: 68px}
.cultures ul li:before {position: absolute;content: "";z-index: 0;width: 100%;height: 100%;left: 0;top: 0;background-image: linear-gradient(rgba(21, 48, 114, 0), rgba(21, 48, 114, 0.5), #153072);transition: 0.5s cubic-bezier(0.3, 0, 0.24, 1);opacity: 0;}
.cultures ul li:hover:before{opacity: 1}
.cultures ul li dl{position: relative;z-index: 1}

/*========================================= 发展历程 =====================================*/
.history{background: url("../img/fzlc.jpg") no-repeat bottom;padding-bottom: 50px;margin-top: 50px;}
.history ul li{display: flex;justify-content: space-between;align-items: center;line-height: 52px}
.history ul li h3{font-size: 40px;font-weight: normal;color: #153072;width: 20%;position: relative}
.history ul li h3:before{content: '';position: absolute;width: 10px;height: 10px;background: #004e97;border-radius: 50%;right: -5px;top: 50%;margin-top: -5px;}
.history ul li p{border-left: 1px solid #cecece;border-bottom: 1px solid #cecece;width: 80%;padding: 50px 0 50px 40px;font-size: 18px;color: #666}
.history ul li:last-child p{border-bottom: 0}


/*========================================= 企业荣誉 =====================================*/
.honorA{background: #F3F9FD;overflow: hidden;margin-top: 50px;padding-bottom: 50px}
.honorA .swiper-container{overflow: hidden;position: relative;padding-bottom: 50px;}
.honorA ul{padding-top: 20px;}
.honorA ul li{width: 23.5%;float: left;margin-right: 2%;margin-top: 20px;background: #fff;border: solid 1px #eeeeee;border-radius: 5px;overflow: hidden}
.honorA ul li dd{overflow: hidden;width: 100%;height: 330px;position: relative;background: #fff}
.honorA ul li dd img{max-width: 100%;max-height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;padding: 30px 10px;transition: all 0.5s ease}
/*.honorA ul li:nth-child(4n){margin-right: 0}*/
.honorA ul li p{text-align: center;font-size: 16px;padding: 15px 12px;border-top: solid 1px #eeeeee;}
.honorA ul li:hover{background: #153072;border-color: #153072;color: #fff}
.honorA ul li:hover dd img{transform: scale(1.1);transition: all 0.5s}
.honorA ul li:hover a{color: #fff}

.honorB{overflow: hidden;}
.honorB .swiper-container{overflow: hidden;position: relative;padding-bottom: 50px;}
.honorB ul{padding: 20px 0 0;}
.honorB ul li{width: 23.5%;float: left;margin-top: 25px;background-color: #eeeeee;border: solid 1px #eeeeee;border-radius: 5px;overflow: hidden}
.honorB ul li dd{overflow: hidden;width: 100%;height: 330px;position: relative;background: #fff;}
.honorB ul li dd img{max-width: 100%;max-height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;padding: 30px 10px;transition: all 0.5s ease}
/*.honorB ul li:nth-child(4n){margin-right: 0}*/
.honorB ul li p{text-align: center;font-size: 16px;padding: 15px 12px;}
.honorB ul li:hover{background: #153072;border-color: #153072;color: #fff}
.honorB ul li:hover dd img{transform: scale(1.1);transition: all 0.5s}
.honorB ul li:hover a{color: #fff}

#dituContent{height: 480px;margin-top: 50px}

/*========================================= 新闻中心 =====================================*/
.newsbg{background: #F6F6F6;overflow: hidden;padding: 50px 0}
.newsForm{line-height: 60px;overflow: hidden}
.newsForm form{width: 320px;background: #fff;height:55px;float: right;padding: 0 20px;display: flex;justify-content: space-between;align-items: center}
.newsForm form input{width: 85%}
.newsForm form button img{width: 15px;}

.newsA{margin-top: 40px;overflow: hidden}
.newsA ul{}
.newsA ul li{width: 31.5%;margin-right: 2.7%;float: left}
.newsA ul li dd{width: 100%;height: 238px;overflow: hidden}
.newsA ul li dd img{max-width: 100%;transition: all 0.5s ease;}
.newsA ul li dl{padding: 0 15px}
.newsA ul li dl h3{font-size: 16px;line-height: 1.8;margin-top: 20px;
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newsA ul li dl p{line-height: 1.8;color: #666;margin: 15px 0 20px;
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newsA ul li dl span{color: #999;font-family: Arial;font-size: 12px}
.newsA ul li:nth-child(3n){margin-right: 0}
.newsA ul li:hover dd img{transition: all 0.5s ease;transform: scale(1.1)}
.newsA ul li:hover dl h3{color: #153072}


.newsB{margin-top: 30px;overflow: hidden}
.newsB ul li{width: 49%;background: #f4f4f4;overflow: hidden;float: left;margin-top: 25px}
.newsB ul li dd{width: 250px;height: 165px;float: left;overflow: hidden}
.newsB ul li dd img{max-width: 100%;transition: all 0.5s ease;}
.newsB ul li dl{width: 55%;float: right;padding: 25px 20px}
.newsB ul li dl p{color: #999}
.newsB ul li dl h3{font-size: 16px;line-height: 1.6;padding: 10px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newsB ul li:nth-child(2n){float: right}
.newsB ul li:hover dd img{transition: all 0.5s ease;transform: scale(1.1)}
.newsB ul li:hover dl h3{color: #153072}


/*========================================= 公益事业 =====================================*/
.gysy{background: #f5f5f5;overflow: hidden;margin-top: 50px;padding-bottom: 50px}
.gysyA{position: relative;margin-top: 40px;overflow: hidden;padding-bottom: 50px}
.gysyA ul li{width: 32%;float: left}
.gysyA ul li dd{width: 100%;height: 525px;overflow: hidden}
.gysyA ul li dd img{max-width: 100%;transition: all 0.5s ease}
.gysyA ul li h3{line-height: 1.8;margin-top: 15px;overflow: hidden;color: #666;font-size: 16px}
.gysyA ul li:nth-child(3n){margin-right: 0}
.gysyA ul li:hover dd img{transition: all 0.5s ease;transform: scale(1.1)}
.gysyA ul li:hover h3{color: #153072}


/*========================================= 加入我们 =====================================*/
.rcln{overflow: hidden;margin-top: 50px}
.rcln .hd{}
.rcln .hd ul li{width: 50%;line-height: 75px;background: #f5f5f5;float: left;text-align: center;font-size: 18px;font-weight: bold;position: relative}
.rcln .hd ul li:before{content: '';width: 22px;height: 11px;background: url("../img/rcln.png") no-repeat center;background-size: cover;
    position: absolute;bottom: 0;left: 50%;margin-left: -11px;opacity: 0}
.rcln .hd ul li:hover,.rcln .hd ul li.on{background: #153072;color: #fff;cursor: pointer}
.rcln .hd ul li:hover:before,.rcln .hd ul li.on:before{opacity: 1}
.rcln .bd{}
.rcln .bd ul li img{width: 100%}

.zpxx{margin-top: 10px;}
.zpxx ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.zpxx ul li{width: 48.5%;padding: 30px;box-shadow: 0 0 10px 2px rgb(0 0 0 / 10%);float: left;transition: all 0.5s ease;margin-top: 40px}
.zpxx ul li h2{font-size: 20px;font-weight: normal;margin-bottom: 20px}
.zpxx ul li .text{}
.zpxx ul li h3{font-size: 16px;margin: 15px 0;font-weight: normal}
.zpxx ul li p{line-height: 1.8;color: #999}
/*.zpxx ul li .btn a{color: #fff;font-size: 16px;display: inline-block;background: #153072;line-height: 35px;width: 120px;
text-align: center;border-radius: 5px;margin-top: 25px;}*/
.zpxx ul li .btn a{position: relative;display: inline-block;padding-left: 50px;font-size: 16px;line-height: 24px;margin-top: 25px;color: #153072;transition: .5s ease-in-out;}
.zpxx ul li .btn a:before{content: '';width: 39px;height: 24px;border-radius: 3px;background: url("../img/zpxx.png") no-repeat center #153072;background-size: cover;
    position: absolute;top: 0;left: 0}
.zpxx ul li:nth-child(2n){float: right}
.zpxx ul li:hover{transform: translateY(-5px);transition: all 0.5s ease;}
.zpxx ul li:hover .btn{transition: all .5s ease;transform: translateX(8px);}
.zpxx ul li:hover h2{color: #153072}


/*=======================================联系我们============================================*/
.contact{margin-top: 50px;}
.contact ul{display: flex;justify-content: space-between;flex-wrap: wrap;border-top: 1px solid #cfcfcf;padding-top: 20px}
.contact ul li{width: 50%;display: flex;justify-content: space-between;align-items: center;padding: 25px 40px;color: #666}
.contact ul li dd{width: 45px;height: 45px;background: #153072;border-radius: 100%;position: relative}
.contact ul li dd img{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.contact ul li dl{width: 88%}
.contact ul li dl h3{font-size: 14px;}
.contact ul li dl p{font-size: 16px;margin-top: 8px;font-weight: bold;line-height: 1.5}
.contact ul li:nth-child(2n){border-left: 1px solid #e2e2e2;}

/*=======================================产品中心============================================*/
.proText{background: url("../img/protext.png") no-repeat center #F5F5F5;overflow: hidden;padding-bottom: 70px;}
.proText .text{margin-top: 40px;line-height: 2;font-size: 16px;}
.proText .text img{max-width: 100%}

.proA{overflow: hidden;margin-top: 20px;}
.proA ul li{width: 23%;margin-right: 2%;float: left;margin-top: 20px}
.proA ul li dd{width: 100%;height: 230px;position: relative;border: 1px solid #F1F1F1;overflow: hidden}
.proA ul li dd img{max-width: 100%;max-height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;padding: 20px 0;
    transition: all 0.5s ease;}
.proA ul li p{font-size: 16px;text-align: center;margin-top: 20px}
.proA ul li:nth-child(4n){margin-right: 0}
.proA ul li:hover dd{background-image: linear-gradient(to top, #153072, rgba(216, 165, 55, 0))}
.proA ul li:hover dd img{transition: all 0.5s ease;transform: scale(1.1)}
.proA ul li:hover p{color: #153072}

.proB{background: #F5F5F5;overflow: hidden;margin-top: 50px;padding-bottom: 70px;}
.proB ul{margin-top: 20px;}
.proB ul li{width: 23.5%;margin-right: 2%;float: left;margin-top: 20px}
.proB ul li dd{width: 100%;height: 230px;position: relative;background: #fff;overflow: hidden}
.proB ul li dd img{max-width: 100%;max-height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;padding: 20px 0}
.proB ul li p{font-size: 16px;text-align: center;margin-top: 20px;}
.proB ul li:nth-child(4n){margin-right: 0}
.proB ul li:hover dd{background-image: linear-gradient(to top, #153072, rgba(216, 165, 55, 0))}
.proB ul li:hover dd img{transition: all 0.5s ease;transform: scale(1.1)}
.proB ul li:hover p{color: #153072}


.proC{overflow: hidden;margin-top: 40px;}
.proC ul li{width: 23%;margin-right: 2%;float: left;}
.proC ul li dd{width: 100%;height: 360px;position: relative;border: 1px solid #F1F1F1;}
.proC ul li dd img{max-width: 100%;max-height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;padding: 20px 0;
    transition: all 0.5s ease;}
.proC ul li p{font-size: 16px;text-align: center;padding: 15px}
.proC ul li:nth-child(4n){margin-right: 0}
.proC ul li:hover dd{background-image: linear-gradient(to top, #153072, rgba(216, 165, 55, 0))}
.proC ul li:hover dd img{transition: all 0.5s ease;transform: scale(1.1)}
.proC ul li:hover p{color: #153072}

.proD{background: #F5F5F5;overflow: hidden;margin-top: 50px;padding-bottom: 70px;}
.proD ul{margin-top: 40px;}
.proD ul li{width: 23.5%;margin-right: 2%;float: left;}
.proD ul li dd{width: 100%;height: 360px;position: relative;background: #fff;}
.proD ul li dd img{max-width: 100%;max-height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;padding: 20px 0}
.proD ul li p{font-size: 16px;text-align: center;margin-top: 20px;}
.proD ul li:nth-child(4n){margin-right: 0}
.proD ul li:hover dd{background-image: linear-gradient(to top, #153072, rgba(216, 165, 55, 0))}
.proD ul li:hover dd img{transition: all 0.5s ease;transform: scale(1.1)}
.proD ul li:hover p{color: #153072}


.scsl{overflow: hidden;margin-top: 10px;}
.scsl ul li{width: 31.5%;margin-right: 2.7%;float: left;margin-top: 35px}
.scsl ul li dd{width: 100%;height:208px;overflow: hidden}
.scsl ul li dd img{max-width: 100%;transition: all 0.5s ease}
.scsl ul li p{padding: 15px 20px;font-size: 16px;background: #F5F5F7;}
.scsl ul li:nth-child(3n){margin-right: 0}
.scsl ul li:hover dd img{transition: all 0.5s ease;transform: scale(1.1)}
.scsl ul li:hover p{background: #153072;color: #fff}

.cyqy{}
.cyqy ul li{height: 450px;margin-top: 50px;padding: 80px 60px;}
.cyqy ul li dl{width: 500px;background: #fff;padding: 30px;}
.cyqy ul li dl h3{font-size: 24px;font-weight: normal}
.cyqy ul li dl dd{height: 185px;overflow-y: scroll;margin-top: 20px;line-height: 1.8;padding-right: 10px;font-size: 16px}
.cyqy ul li dl dd::-webkit-scrollbar {width: 4px;}
.cyqy ul li dl dd::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px #153072;background: #153072;}
.cyqy ul li dl dd::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius: 0;background: rgba(0, 0, 0, 0.1);}


/*=======================================新闻详情页============================================*/
.content{margin-top: 40px}
.news_info{overflow:hidden;}
.info_title{text-align:center;}
.info_title h1{font-size:26px;font-weight: normal}
.info_laiyuan{text-align:center; color: #666;padding-top: 20px}
.info_text{padding:30px 0;margin-top:30px;line-height:2;min-height: 300px;font-size: 16px;color: #666;border-top: 1px dashed #d9d9d9;border-bottom: 1px dashed #d9d9d9;}
.info_text img{width:100%;}
.info_text table{width: 100%;border: 0;border-collapse: collapse;border-spacing: 0;}
.info_text table td{border: 1px solid #000;text-align: center;line-height: 40px;}


.showA{overflow: hidden;display: flex;justify-content: space-between;margin-top: 50px}
.showAl{border: 4px solid #28759f;width: 420px;height: 415px;position: relative}
.showAl img{max-width: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.showAr{width: 720px;padding: 20px 0}
.showAr h1{font-size: 24px}
.showAr dd{margin-top: 15px}
.showAr dd p{font-size: 12px;color: #999}
.showAr dd b{font-size: 20px}
.showAr dl{line-height: 1.6;margin-top: 20px}

.showB{margin-top: 40px;overflow: hidden}
.showB img{max-width: 100%}