@charset "utf-8";
/*============================ 初始化样式 ============================*/
* { margin:0; padding:0; box-sizing: border-box}
@font-face {
     font-family: 'MyFont';
  src: url('https://www.ztccc.cn/NotoSansSC-Regular.otf') format('woff2');
  
}

body {color:#333; font-size:14px; line-height: 1.5; font-family: 'MyFont';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: 15px 0 25px;border-top: 1px solid #E9E9E9}
.wengzhengfanye .wengzhengfanyeA,.wengzhengfanye .wengzhengfanyeB {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 300px}
.wengzhengfanye b{font-weight: normal}
.wengzhengfanye a:hover{color: #0046a3}


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

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

.top{background: #013183;padding: 5px 0;color: #fff}
.tops{align-items: center}
.top form{line-height: 30px;display: flex;}
.top form p{width: 250px;background: #fff;border: 1px solid #d5d9d8;display: flex;align-items: center;padding: 0 10px}
.top form p input{line-height: 28px;text-indent: 15px}
.top button{background: #db4a39;color: #fff;width: 65px;line-height: 30px;}

header{background: #fff}
.head{border-bottom: 3px solid #013183;padding: 1.18% 0}
.heads{align-items: center}
.head ul li{padding:0 2px;text-align: center;text-transform: capitalize;border-left: 1px dotted #333;}
.head ul li a{display: inline-block;width: 95px;height: 42px;border-radius: 5px}
.head ul li:hover a,.head ul li.active a{color: #fff;background: #013183;}
.head ul li:hover span,.head ul li.active span{color: #fff}
.head ul li span{font-size: 12px;color: #013183}
.head ul li:first-child{border: none}

.nav{background: #eaeaea}
.nav ul li{line-height: 60px;padding: 0 25px;transition: all 0.3s ease;position: relative}
.nav ul li a{font-size: 16px;color: #013183;display: block;width: 100%}
.nav ul li:hover,.nav ul li.active{background: #fff}

.xlnav{display:none;z-index: 100;width: 100%;position: absolute;top: 60px;left: 50%;margin-left:-50%;/*animation: fadeInDown 0.5s .1s ease both;*/
    background-color: #fff;background-color: hsla(0,0%,100%,.95);border-bottom: 10px #003059 solid;transition: all 0.3s ease}
.xlnav dd{width: 100%;line-height: 35px;transition: all .3s ease 0s;text-align: center}
.xlnav dd a{display: block;color: #333!important;font-size: 15px!important;}
.xlnav dd a:hover{color: #013183!important;}
.nav ul li:hover .xlnav{display: block}
.xlnav2{width: 260px;padding: 15px}
.xlnav2 dd{text-align: left}
.xlnav2 .navbtn{display: block;width: 90px;line-height: 35px;background-color: #4E7FC3;color: #fff;text-align: center;font-size: 14px!important;margin-top: 10px}
.xlnav2 .navbtn:hover{background: #013183}
.xlnav2 dd:hover{padding-left: 5px}


/*banner图片切换样式*/
.banner{width:100%; overflow:hidden;position: relative}
.banner li{overflow:hidden;}
.banner li img{width: 100%;vertical-align: top}
.banner .swiper-pagination{bottom:20px!important; }
.banner .swiper-pagination-bullet {width: 18px;height: 18px;margin: 0 12px!important;opacity: 1;}
.banner .swiper-pagination span{display: inline-block;position: relative;border: 1px solid rgba(255, 255, 255, 0);background: transparent;border-radius: 100%}
.banner .swiper-pagination span:before{content: '';width: 6px;height: 6px;background-color: #1976d2;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;border-radius: 100%}
.banner .swiper-pagination span:hover,.banner .swiper-pagination span.swiper-pagination-bullet-active{border: 1px solid rgba(25, 118, 210, 1);}

.title{text-align: center;padding-top: 70px;}
.title h2{font-size: 30px;font-weight: normal;color: #002f58}
.title h2 span{color: #4e7fc3}

.gongg{border-bottom: 1px solid #EAEAEA}
.notice{padding: 12px 20px;background: url("../images/notice.png") no-repeat left;overflow: hidden;background-size: 22px;padding-left: 26px;line-height: 25px;}
.notice ul{display: flex;justify-content: space-between}
.notice ul li{width: 50%;float: left;padding: 0 10px;}
.notice ul li a:hover{color: #4e7fc3;text-decoration: underline}

.oneA{margin-top: 15px;overflow: hidden}
.oneA ul{width: 585px;}
.oneA ul li{width: 278px;height: 278px;position: relative;overflow: hidden;float: left;margin-top: 30px}
.oneA ul li a{display: block;width: 100%;height: 100%}
.oneA ul li h3{background: rgba(0,0,0,0.6);font-size: 16px;display: inline-block;line-height: 40px;color: #fff;padding: 0 20px;
    font-weight: normal;position: absolute;bottom: 0;left: 0}
.oneA ul li dl{position: relative;top: 50%;transform: translateY(-50%);color: #ffffff;text-align: center;padding: 0 9%;z-index: 1;opacity: 0;}
.oneA ul li dl h4{font-size: 24px;font-weight: normal}
.oneA ul li dl p{font-size: 12px;color: #f3f3f3;line-height: 1.6;margin-top: 10px}
.oneA ul:nth-child(1) li:nth-child(1){width:585px;height: 585px;}
.oneA ul:nth-child(1) li:nth-child(1) dl{padding: 0 18%;}
.oneA ul li:before{content: '';left: -100%;bottom: -100%;background: rgba(0,0,0,0);position: absolute;height: 100%;width: 100%;}
.oneA ul li:hover:before{left: 0;bottom: 0;background: rgba(0,0,0,.5);transition: background 0.3s ease 0.1s,left 0.3s ease 0s,bottom 0.3s ease 0s;}
.oneA ul li:hover h3{opacity: 0;transition: opacity 0.7s ease-out 0s;}
.oneA ul li:hover dl{opacity: 1}
.oneA ul:nth-child(1) li:nth-child(3){float: right}
.oneA ul:nth-child(2) li:nth-child(3){width:585px;height: 585px;}
.oneA ul:nth-child(2) li:nth-child(2){float: right}


.oneB{overflow: hidden;margin-top: 10px}
.oneBl{width: 64%;/*padding: 20px;*/color: #fff}
.oneBlt{background: #4E7FC3;padding: 33px 20px;}
.oneBla{display: flex;align-items: center;margin-top: 30px;}
.oneBla dd{margin-right: 30px}
.oneBla h3{font-weight: normal;font-size: 26px}
.oneBl dl{line-height: 1.8;font-size: 16px;margin-top: 10px;padding-left: 105px;}
.oneBl ul{/*margin-top: 50px;*/background: #4E7FC3;padding: 20px}
.oneBl ul li{width: 160px;line-height: 45px;background-color: rgb(0, 47, 88);text-align: center;position: relative}
.oneBl ul li a{color: #fff;display: block;width: 100%}
.oneBl ul li a span{display: flex;align-items: center;justify-content: center}
.oneBl ul li a img{margin-left: 8px}

.oneBr{width: 36%;text-align: center;color: #fff;}
.oneBrt{background: #002F58;padding: 10px}
.oneBr h3{font-weight: normal;font-size: 26px;margin: 10px 0}
.oneBr p{line-height: 1.8;font-size: 16px}
.oneBrb{background: #002F58;padding: 20px 0}
.oneBr a{display: inline-block;width: 160px;line-height: 45px;background: #4A7CBE;color: #fff;}

.oneC{background: #EBEBEB}
.oneCs{max-width: 1700px;width: auto;margin: 0 auto;background: url("../images/ocline.png") repeat-x;/*background: #002F58;*/margin-top: 20px;padding-bottom: 40px;position: relative;}
.oneC .title h2{color: #fff}

.oneCa{background: #fff;overflow: hidden;margin-top: 40px;position: relative;z-index: 2;margin-left: 14.7059%;margin-right: 14.7059%;}
.oneCa .swiper-container{padding-left: 1.1765%;padding-right: 1.1765%;}
.oneCa ul li{padding: 30px;overflow: hidden}
.oneCa ul li a{display: flex;align-items: center}
.oneCa ul li dl,.oneCa ul li dd{width: 50%}
.oneCa ul li dl{padding: 0 8% 0 0}
.oneCa ul li dl h3{font-weight: normal;font-size: 20px;margin-bottom: 10px}
.oneCa ul li dl span{font-size: 18px;display: inline-block;}
.oneCa ul li dl p{color: rgb(153, 153, 153);margin: 10px 0 20px;line-height: 1.6}
.oneCa ul li dl label{display: inline-block;width: 144px;line-height: 36px;border: 1px solid rgb(78, 127, 195);
    color: rgb(78, 127, 195);text-align: center}
.oneCa ul li dd{overflow: hidden}
.oneCa ul li dd img{max-width: 100%;transition: all 0.5s ease}
.oneCa ul li dl label:hover{background: #002F58;color: #fff;border-color: #002F58}
.oneCa ul li:hover dd img{transform: scale(1.1);transition: all 0.5s ease}
.oneCa ul li:hover dl h3{color: rgb(0, 47, 88)}

.oneCa .swiper-button-prev,.oneCa .swiper-button-next{width: 44px;height: 44px;background: #969696;border-radius: 100%}
.oneCa .swiper-button-prev:before{content: "";position: absolute;top: 20%;left: 45%;width: 2px;height: 15px;background: #fff;transform: rotate(45deg);}
.oneCa .swiper-button-prev:after{content: "";position: absolute;top: 44%;left: 45%;width: 2px;height: 15px;background: #fff;transform: rotate(135deg);}
.oneCa .swiper-button-next:before{content: "";position: absolute;top: 20%;right: 45%;width: 2px;height: 15px;background: #fff;transform: rotate(-45deg);}
.oneCa .swiper-button-next:after{content: "";position: absolute;top: 44%;right: 45%;width: 2px;height: 15px;background: #fff;transform: rotate(-135deg);}
.oneCa .swiper-button-prev:hover,.oneCa .swiper-button-next:hover{background: #4E7FC3}


.oneCgd{text-align: center;position: relative;z-index: 2}
.oneCgd a{display: inline-block;width: 180px;line-height: 60px;font-size: 16px;background: #003059;color: #fff;margin-top: 40px}
/*
.oneC:after{content: '';position: absolute;bottom: 0;left: 0;width:100%;height: 400px;background: #EBEBEB;z-index: 1}
*/

.oneD{margin-top: 70px;overflow: hidden}
.oneD .hd{background: #EBEBEB;padding: 20px 0}
.oneD .hd ul{display: flex;justify-content: center}
.oneD .hd ul li{width: 165px;line-height: 55px;background: #4E7EC1;font-size: 16px;text-align: center;transition: all 0.4s linear;margin: 0 1px}
.oneD .hd ul li a{color: #fff}
.oneD .hd ul li:hover,.oneD .hd ul li.on{background: #002F58}

.oneD .bd{border: 1px solid #e5e5e5;margin-top: -10px;padding: 30px 20px 60px;overflow: hidden;border-top: none}
.oneD .bd ul li{width: 360px;border-bottom: 5px solid #4e7fc3;overflow: hidden;padding-bottom: 20px;margin: 45px 39px 45px 0;float: left}
.oneD .bd ul li dd{transition: all 0.2s ease}
.oneD .bd ul li dl{width: 86%}
.oneD .bd ul li dl h3{font-size: 16px;}
.oneD .bd ul li dl p{min-height:42px;color: #666;margin-top: 10px;word-break: break-word;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.oneD .bd ul li:hover dd{margin-left: 10px;transition: all .2s ease;}
.oneD .bd ul li:nth-child(3n){margin-right: 0}
.oneDgd{text-align: center}
.oneDgd a{display: inline-block;width: 180px;line-height: 50px;background: #003059;color: #fff;margin-top: 20px}

.oneE{margin-top: 70px;align-items: center;background: #EBEBEB;margin-left: 12.2549%;margin-right: 12.2549%;overflow: hidden}
.oneEl{width: 45%;color: #fff;position: relative}
.oneEl dl{padding: 7.2%;background: rgb(78, 127, 195);}
.oneEl dl dd{padding: 10px}
.oneEl h3{font-size: 22px;font-weight: normal;margin-top: 25px}
.oneEl h3 span{font-size: 18px}
.oneEl p{font-size: 16px;margin-top: 20px}
.oneEl a{display: block;line-height: 60px;width: 100%;color: #fff;font-size: 16px;/*position: absolute;bottom: 0;left: 0;*/background: #003059;text-align: center;}

.oneEr{width: 55%;background: #EBEBEB}
.oneEr ul li{width: 25%;text-align: center;float: left}
.oneEr ul li img{margin-bottom: 22px}
.oneEr ul li dd{color: rgb(78, 127, 195)}
.oneEr ul li dd b{font-size: 40px;line-height: 40px;font-weight: normal}
.oneEr ul li dd sub{font-size: 14px}
.oneEr ul li p{margin-top: 10px}

.honora{position: relative}
.honora:before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgb(0, 62, 115);
    transform: scale(0,0);transform-origin: 50% 50%;transition: all .3s ease-out;}
.honora:hover:before {transform: scale(1,1);}
.honora span{position: relative;}

.honorb{position: relative}
.honorb:before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(78, 127, 195, 0.8);
    transform: scale(0,0);transform-origin: 50% 50%;transition: all .3s ease-out;}
.honorb:hover:before {transform: scale(1,1);}
.honorb span{position: relative;}

.oneF{margin-top: 50px;overflow: hidden}
.oneF .hd{background: #4E7FC4;}
.oneF .hd ul{display: flex;justify-content: center}
.oneF .hd ul li{width: 165px;line-height: 50px;background: #4E7EC1;font-size: 16px;text-align: center;transition: all 0.4s linear;margin: 0 10px;border-bottom: 2px solid #4E7EC1}
.oneF .hd ul li a{color: #fff}
.oneF .hd ul li:hover,.oneF .hd ul li.on{background: #003059;border-color: #fff}

.oneF .bd{border: 1px solid #e5e5e5;overflow: hidden;border-top: none}
.oneF .bd .oneFbda{overflow: hidden;padding: 30px 20px;position: relative}
.oneFbdal{width: 40%;overflow: hidden;background: #4E7FC4;}
.oneFbdal dd{width: 100%;height: 353px;overflow: hidden;position: relative}
.oneFbdal dd img{max-width: 100%;transition: all 1s ease;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.oneFbdal dl{padding: 35px}
.oneFbdal dl h3{font-size: 18px;font-weight: normal;color: #fff;margin-bottom: 30px}
.oneFbdal dl i{display: block;width: 64px;height: 3px;transition: width 0.3s ease-in-out;margin: 30px 0;background: #fff}
.oneFbdal dl p{color: #fff;margin-bottom: 40px;word-break: break-word;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.oneFbdal:hover dd img{transform: scale(1.3);transition: all 1s ease}
.oneFbdal:hover i{width: 100%;}
.oneFbdal:hover{background-color: #003059}


.oneFbdar{width: 57%;position: relative;overflow: hidden;}
.oneFbdar ul li{width: 47.5%;float: left;margin-top: 30px}
.oneFbdar ul li time{color: #D2D2D2;}
.oneFbdar ul li time b{font-size: 48px;font-weight: normal}
.oneFbdar ul li time span{font-size: 12px}
.oneFbdar ul li h3{font-size: 16px;font-weight: normal;margin: 30px 0}
.oneFbdar ul li i{display: block;width: 64px;height: 3px;transition: width 0.3s ease-in-out;margin: 30px 0;background: #eee}
.oneFbdar ul li dd{height: 220px;overflow: hidden}
.oneFbdar ul li dd img{height: 100%}
.oneFbdar ul li p{color: #999;margin-top: 30px}
/*.oneFbdar ul li:nth-child(2n){float: right}*/
.oneFbdar ul li:hover dd img{transform: scale(1.3);transition: all 1s ease}
.oneFbdar ul li:hover i{width: 100%;}
.oneFbdar ul li:hover h3{color: rgb(0, 48, 89)}

.oneFbda .swiper-button-prev,.oneFbda .swiper-button-next{width: 48px;height: 48px;background: #4E7FC4;top: 0;margin-top: 10px}
.oneFbda .swiper-button-prev{left: auto;right: 85px}
.oneFbda .swiper-button-next{right: 20px}
.oneFbda .swiper-button-prev:before{content: "";position: absolute;top: 23%;left: 45%;width: 2px;height: 15px;background: #fff;transform: rotate(45deg);}
.oneFbda .swiper-button-prev:after{content: "";position: absolute;top: 44%;left: 45%;width: 2px;height: 15px;background: #fff;transform: rotate(135deg);}
.oneFbda .swiper-button-next:before{content: "";position: absolute;top: 23%;right: 45%;width: 2px;height: 15px;background: #fff;transform: rotate(-45deg);}
.oneFbda .swiper-button-next:after{content: "";position: absolute;top: 44%;right: 45%;width: 2px;height: 15px;background: #fff;transform: rotate(-135deg);}
.oneFbda .swiper-button-prev:hover,.oneFbda .swiper-button-next:hover{background: #003059}

.oneFbdb{overflow: hidden;padding: 10px}
.oneFbdb ul li{overflow: hidden;padding: 10px 0;position: relative}
.oneFbdb ul li a{display: flex;justify-content: space-between;align-items: center}
.oneFbdb ul li time{width: 16.6%;color: #666;text-align: center;border-right: 1px solid #ccc;padding: 6px 0}
.oneFbdb ul li time b{font-size: 28px;font-weight: normal}
.oneFbdb ul li dl{width: 83.4%;padding: 12px 20px 12px 40px}
.oneFbdb ul li dl h3{font-size: 16px;font-weight: normal}
.oneFbdb ul li dl p{font-size: 12px;color: rgb(127, 127, 127);margin-top: 15px;line-height: 1.6;
    word-break: break-word;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.oneFbdb ul li:after {content: "";position: absolute;top: 0;left: 0;width: 0;height: 100%;z-index: 0;transition: all .3s;}
.oneFbdb ul li:hover:after{width: 100%;background-color: rgb(0, 48, 89);z-index: -1;}
.oneFbdb ul li:hover time{color: #fff}
.oneFbdb ul li:hover dl h3{color: #fff}
.oneFbdb ul li:hover dl p{color: #fff}

.oneG{}
.oneG img{max-width: 100%}

.oneH{background: url("../images/oh.jpg") no-repeat center;overflow: hidden;margin-top: 40px;color: #fff;text-align: center;padding: 66px 0}
.oneH h2{font-size: 32px;font-weight: normal}
.oneH h3{font-size: 20px;font-weight: normal;margin: 20px 0 25px}
.oneH p{font-size: 30px;}

.friendlink{background: #F2F2F2;padding: 1% 0;margin-top: 70px;font-size: 12px}
.friendlink a{display: inline-block;margin-left: 10px}
.friendlink span{font-size: 14px}
.friendlink a:hover{text-decoration: underline}


footer{background: #023E8A;padding: 3% 0}
.footl{line-height: 34px;color: #999}
.footl p{display: flex;align-items: center}
.footl p img{margin-right: 8px}
.footl a{color: #999}
.footr{padding-top: 40px}
.footr ul li{margin-left: 50px;text-align: center}
.footr ul li p{color: #fff;line-height: 2;}


/*========================================= 关于我们 =====================================*/
.ny_local{overflow: hidden;background: rgb(237, 242, 246);padding: 3% 0}
.local{color: rgb(182, 182, 182);background: url("../images/local.png") no-repeat left;padding-left: 30px}
.local a{color: rgb(182, 182, 182)}
.local a:hover{color: rgb(0, 48, 89)}
.ny_nav ul{display: flex;justify-content: center;text-align: center}
.ny_nav ul li{padding: 0 15px;}
.ny_nav ul li:hover a,.ny_nav ul li.active a{color: rgb(0, 48, 89);font-weight: bold}

.ny_con{margin-top: 40px;overflow: hidden}
.ny_conl{width: 792px;}
.ny_conr{width: 379px;}

.one{line-height: 2;font-size: 16px}
.one img{max-width: 100%}
.one table{margin: auto;width: 80%;border-collapse:collapse;}

.ny_conrA{padding: 15% 4%;background: #003059}
.ny_conrA dl{background:#fff;border-radius: 5px;padding: 0 20px;color: #666;margin-bottom: 16px}
.ny_conrA input{line-height: 44px;text-indent: 10px;color: #999;}
.ny_conrA select{width: 100%;border: none;outline: none;height: 44px;color: #666;line-height: 44px;text-indent: 14px;border-radius: 5px}
.ny_conrA #dosubmit{display: block;width: 100%;line-height: 50px;background: #4E7FC3;color: #fff;border-radius: 5px;text-align: center;margin-top: 20px;font-size: 16px; cursor: pointer}

.ny_conrB{margin: 25px 0}
.ny_conrB img{max-width: 100%}

.ny_conrC{}
.ny_conrC h2{line-height: 90px;font-size: 20px;font-weight: normal;color: #fff;background: #003059;text-align: center}
.ny_conrC h2 a{color: #fff}
.ny_conrC ul{background: #EBEBEB;padding: 10px;}
.ny_conrC ul li{border-bottom: 1px solid #eee;padding-bottom: 5px}
.ny_conrC ul li h3{font-size: 14px;font-weight: normal;color: rgb(0, 48, 89);margin: 15px 0}
.ny_conrC ul li p{font-size: 12px;color: #999;margin-bottom: 15px}
.ny_conrC ul li p a{display: inline-block;margin-left: 15px;color: #333}

.ny_conrD{margin-top: 25px}
.ny_conrD h2{line-height: 60px;font-size: 20px;font-weight: normal;color: #fff;background: #4E7FC3;text-align: center}
.ny_conrD ul{padding: 10px 0 0 10px;}
.ny_conrD ul li{line-height: 34px;display: flex;align-items: center}
.ny_conrD ul li img{margin-right: 8px}
.ny_conrD dd{text-align: center}

.ny_conrE{}
.ny_conrE h2{line-height: 58px;font-size: 20px;font-weight: normal;color: #fff;background: #003059;text-align: center}
.ny_conrE ul{background: #fff;padding: 0 10px;}
.ny_conrE ul li{border-bottom: 1px solid #e1e1e1;padding:5px;line-height: 35px;transition: all 0.3s;}
.ny_conrE ul li:hover a{color: #4E7FC3;padding-left: 10px;transition: all 0.3s ease;}


.about{overflow: hidden;margin-top: 40px;}
.about ul{}
.about ul li{line-height: 34px;display: flex;align-items: center}
.about ul li img{margin-right: 8px}
.about ul hr{margin: 5px 0;border: 0;border-top: 1px solid #eee;}
.about dl{display: flex;justify-content: center;margin-top: 25px}
.about dd{text-align: center;margin: 0 15px}

.honor{overflow: hidden;}
.honor ul li{width: 25%;border: 1px solid rgb(242, 242, 242);padding: 5px;float: left}
.honor ul li a{display: block;width: 100%;height: 100%;}
.honor ul li dd{width: 100%;height: 282px;overflow: hidden;background: #f5f5f5;position: relative;}
.honor ul li dd img{max-width: 100%;max-height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.honor ul li dl{width: calc(100% + 20px);height: calc(100% + 20px);position: absolute;left: -10px;top: -10px;transition: all ease .5s;}
.honor ul li:hover dl{width: calc(100% - 22px);height: calc(100% - 22px);left: 10px;top: 10px;border: 1px solid #fff;}
.honor ul li i{position: absolute;left: 50%;top: 50%;margin-left: -25px;margin-top: 0px;color: #ffffff;opacity: 0;
    transition: all ease-out .3s;background: rgba(0,0,0,0.5);font-size: 32px;width: 50px;height: 50px;line-height: 50px;text-align: center;display: block;}
.honor ul li:hover i{opacity: 1;margin-top: -25px;}
.honor ul li i:before {content: "";position: absolute;border-radius: 50%;width: 15px;height: 15px;border: 1px solid #fff;top: 43.5%;left: 43.5%;transform: translate(-50%,-50%);}
.honor ul li i:after {content: "";position: absolute;width: 2px;height: 10px;background: #fff;transform: rotate(125deg);top: 51%;left: 63%;}
.honor ul li p{background: #f8f8f8;line-height: 30px;text-align: center}

/*========================================= 新闻动态 =====================================*/
.news{border: 1px solid #e5e5e5;padding: 0 10px;overflow: hidden;border-top: none}
.news ul li{overflow: hidden;padding: 15px 0;margin: 4px 0;position: relative}
.news ul li a{display: flex;justify-content: space-between;align-items: center}
.news ul li time{width: 16.6%;color: #666;text-align: center;border-right: 1px solid #ccc;padding: 6px 0}
.news ul li time b{font-size: 28px;font-weight: normal;color: rgb(42, 42, 42)}
.news ul li dl{width: 83.4%;padding: 12px 12px 12px 40px;}
.news ul li dl h3{font-size: 16px;font-weight: normal}
.news ul li dl p{font-size: 12px;color: #999;margin-top: 15px;line-height: 1.6;word-break: break-word;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.news ul li:after {content: "";position: absolute;top: 0;left: 0;width: 0;height: 100%;z-index: 0;transition: all .3s;}
.news ul li:hover:after{width: 100%;background-color: #4E7FC3;z-index: -1;}
.news ul li:hover time{color: #fff;border-color: #fff}
.news ul li:hover time b{color: #fff}
.news ul li:hover dl h3{color: #fff}
.news ul li:hover dl p{color: #fff}

/*========================================= 党建专栏 =====================================*/
.dangjianad{}
.dangjianad img{max-width: 100%}

.dangjian{}
.dangjian ul li{border-bottom: 1px solid #dddddd;padding: 14px 10px;overflow: hidden}
.dangjian ul li dt{width: 67px;padding-top: 14px;}
.dangjian ul li dt time{color: #999;font-size: 24px;position: relative;}
.dangjian ul li dt time:before {position: absolute;content: "";width: 25px;height: 1px;left: 100%;top: 15px;border-bottom: 1px solid #BFBFBF;transition: all .3s;}
.dangjian ul li dt span{display: block;width: 35px;height: 35px;margin-top:10px;transition: all .3s;background: url("../images/djicon.png") no-repeat center;}
.dangjian ul li dl{width: 492px;padding-left: 30px;margin-top: 19px}
.dangjian ul li dl h3{font-size: 16px;font-weight: normal;margin-bottom: 14px}
.dangjian ul li dl p{color: #999;line-height: 24px;font-size:12px;word-break: break-word;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.dangjian ul li dd{width: 20%;height:120px;border: 1px solid rgb(242, 242, 242);overflow: hidden;position: relative}
.dangjian ul li dd img{max-width: 100%;transition: all 0.5s ease;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.dangjian ul li:hover dt span{background: url("../images/djiconh.png") no-repeat center #1976d2}
.dangjian ul li:hover dl h3{color: #1976d2}
.dangjian ul li:hover time:before{border-color: #828281}
.dangjian ul li:hover dd img{transform: scale(1.1)}


/*========================================= 文件下载 =====================================*/
.down{}
.down ul li{padding: 18px 0;border-bottom: 1px solid #eee}
.down ul li h3{font-size: 16px;color: rgb(67, 109, 166);font-weight: normal;margin-bottom: 18px}
.down ul li p{color: #666;font-size: 12px}
.down ul li dl{text-align: right}
.down ul li dl a{display: inline-block;color: rgb(67, 109, 166);margin-left: 15px}

/*=======================================联系我们============================================*/
.map{margin-top: 40px;border: 1px solid rgb(242, 242, 242);padding: 12px}
#dituContent{height: 400px}

/*========================================= 产品列表 =====================================*/
.product{}
.product ul li{width: 250px;border-bottom: 5px solid #4e7fc3;overflow: hidden;padding-bottom: 20px;margin: 45px 20px 45px 0;float: left}
.product ul li dd{transition: all 0.2s ease}
.product ul li dl{width: 81%}
.product ul li dl h3{font-size: 16px;}
.product ul li dl p{color: #666;margin-top: 10px;word-break: break-word;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.product ul li:hover dd{margin-left: 10px;transition: all .2s ease;}
.product ul li:nth-child(3n){margin-right: 0}

/*========================================= 成功案例 =====================================*/
.case{overflow: hidden}
.case ul li{width: 250px;margin: 0 21px 20px 0;float: left}
.case ul li dd{overflow: hidden;height: 167px;}
.case ul li dd img{width:100%;height: 100%;transition: all .3s ease-out 0s;}
.case ul li dl{}
.case ul li dl h3{font-size: 16px;font-weight: normal;margin: 20px 0}
.case ul li dl time{position: relative;font-size: 12px;display: block;margin: 11px 0 10px 0;}
.case ul li dl time:before{transition: all 0.1s cubic-bezier(.23, 1, .38, 1) 0.1s;height: 1px;width: 100%;content: "";position: absolute;bottom: 0;left: 0;border-bottom: 1px solid #ccc;}
.case ul li dl p{font-size: 12px;color: #999;margin-top: 30px;line-height: 22px;word-break: break-word;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.case ul li:hover dl time:before{background: -webkit-gradient(linear,0 0 ,0 100%, from(#fff), to(#fff));-webkit-animation: liner 0.6s linear 1;-webkit-animation-fill-mode: both;border-bottom-color: #1976d2;}
.case ul li:hover dd img{transform: scale(1.2);transition: all .3s ease-out 0s;}
.case ul li:hover dl h3{color: #1976d2}
.case ul li:nth-child(3n){margin-right: 0}
@keyframes liner{
    0%  {width:10%; }
    30% {width:20%; }
    60% {width:60%; }
    100%{width:100%; }
}

/*========================================= 证书查询 =====================================*/
.cert{border: 1px solid #ededed;padding: 0 20px;overflow: hidden}
.cert h2 {text-align: center;padding: 22px;font-size: 26px;color: #256CBE;font-weight: 700;border-bottom: 1px solid #ededed;}
.cert form{padding: 20px 0 30px}
.cert dl{text-align: center;font-size: 18px;margin: 20px 0}
.cert label{display: inline-block;position: relative;top: 3px;width: 80px;text-align: justify;text-align-last: justify;}
.cert input {width: 356px;border: 1px solid #C6C6C7;height: 40px;margin-left: 20px;outline: none;padding: 0 10px}
.cert a{display: block;text-align: center;background: #256CBE;color: #fff;font-size: 18px;font-weight: 600;width: 356px;line-height: 40px;margin-left: 250px;}
.cert p{display: block;margin-left: 250px;margin-top: 8px;position: relative;color: #666;}
.cert p sub{font-size: 16px;color: #ff4242;}

/*=======================================产品认证============================================*/
.prointro{background: #fff;box-shadow: 0 0 12px rgba(0,0,0,0.15);padding: 40px;margin-top: 40px;overflow: hidden}
.prointrol{width: 360px;height: 280px;position: relative}
.prointrol img{max-width: 100%;max-height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.prointror{width: 730px;}
.prointror h3{font-size: 30px;font-weight: normal;border-bottom: 1px dashed #e3e3e3;padding-bottom: 15px}
.prointror p{line-height: 1.8;font-size: 16px;margin-top: 20px;}
.prointror dl{margin-top: 40px}
.prointror dl a{width: 152px;height: 38px;line-height: 38px;font-size: 16px;color: #174ea9;display: inline-block;border: 1px solid #174ea9;
    background: url(../images/zx_ico.png) 29px 9px no-repeat;padding-left: 55px;border-radius: 20px;margin-right: 20px}
.prointror dl span{font-size: 18px}
.prointror dl span b{color: #FF0000}

.prointroNav{padding: 0 20px;border-bottom: 1px solid #e6e6e6;box-shadow: 0 0 7px rgba(0,0,0,0.15);}
.prointroNav ul li{line-height: 54px;margin-right:25px;font-size: 16px;float: left;text-align: center}
.prointroNav ul li a{border-bottom: 3px solid #fff;display: inline-block}
/*.prointroNav ul li.on a,*/.prointroNav ul li:hover a{border-color: #174ea9;color: #174ea9;font-weight: bold}

.prointroA{background: #fff;box-shadow: 0 0 7px rgba(0,0,0,0.12);overflow: hidden;margin-bottom: 40px}
.prointroB{padding: 0 20px;}
.prointro_tit{border-bottom: 1px solid #C7C7C7;line-height: 65px;margin-top: 20px}
.prointro_tit h2{font-size: 26px;font-weight: normal;display: inline-block;border-bottom: 3px solid #174ea9}
.prointro_text{line-height: 1.8;padding: 40px 0;font-size: 16px}
.prointro_text img{max-width: 100%;}
.prointro_text table{border: none;border-collapse:collapse;}
.prointro_text th{background: #C0C0C0;border: 1px solid #a9a9a9}
.prointro_text tr:nth-child(2n){background: #e6e6fa}
.prointro_text td{border: 1px solid #a9a9a9;padding: 0 5px}


.prointro_down{padding: 10px 0 40px}
.prointro_down ul li{padding: 12px;border: 1px solid #eeeeee;margin-top: 20px}
.prointro_down ul li h3{font-size: 16px;font-weight: normal;margin-bottom: 10px}
.prointro_down ul li p{font-size: 12px}
.prointro_down ul li p b{color: rgb(67, 109, 166);border-right: 1px solid #cccccc;padding-right: 14px;}
.prointro_down ul li p span{color: #cccccc;font-weight: bold;background: url("../images/see.png") no-repeat left;
    padding-left: 23px;margin-left: 12px;}
.prointro_down ul li:hover{background: rgb(67, 109, 166);}
.prointro_down ul li:hover h3{color: #fff}
.prointro_down ul li:hover p b{color: #fff;border-color: #fff}
.prointro_down ul li:hover p span{color: #fff;}

/*=======================================新闻详情页============================================*/
.content{border: 1px solid rgb(242, 242, 242)}
.con{width: 90%;margin: 0 auto}
.news_title{padding: 60px 0 19px 0;font-size: 24px;color: rgb(42, 42, 42);text-align: center}
.news_laiyuan{font-size: 12px;padding-bottom: 24px;text-align: center;color: #666;border-bottom: 1px solid #e5e5e5}
.news_desc{margin: 29px 0;padding: 15px;background: #f5f5f5;color: #666666;line-height: 24px;}
.news_content{line-height: 1.8;font-size: 16px;padding-bottom: 40px}
.news_content img{max-width: 100%}
.share{margin: 20px 0}

/*=======================================产品详情页============================================*/
.show{background: #fff;margin-top: 50px;padding-bottom: 40px}
.showA{overflow: hidden;padding: 20px}
.showAl{width: 49%;height: 300px;overflow: hidden;position: relative}
.showAl img{max-width: 100%;max-height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.showAr{width: 49%}
.showAr h1{font-size: 18px;font-weight: normal;margin: 8px 0;display: flex;align-items: center}
.showAr h1 span {display: inline-block;padding: 0 10px;line-height: 20px;font-size: 12px;border-radius: 4px;margin-left: 5px;background: #f10215;color: #fff;}
.pro_desc{font-size: 12px;color: #666}
.pro_intro{margin-top: 20px;line-height: 1.8;color: #666}

.showB{overflow: hidden;padding: 20px;border-bottom: 1px solid rgb(242, 242, 242)}
.showB .hd{/*border-bottom: 1px solid #d9d9d9;*/overflow: hidden}
.showB .hd ul li{font-size: 16px;float: left;line-height: 44px;font-weight: bold;margin-right: 50px/*border-bottom: 2px solid #fff*/}
/*.showB .hd ul li.on{border-color: #002F58}
.showB .hd ul li.on a{color: #002F58}*/

.showBbd{padding-top: 20px}
/*
.showB_tit{border-bottom: 1px solid #f2f2f2;margin: 30px;padding-bottom: 15px;position: relative;padding-left: 15px;}
.showB_tit h2{font-size: 26px;color: #1B78EF;}
.showB_tit:before{content: '';position: absolute;left: 0;top: 7px;width: 4px;height: 24px;background: #1B78EF;}
*/
.showB_tit{border-bottom: 1px solid #C7C7C7;line-height: 65px;}
.showB_tit h2{font-size: 26px;font-weight: normal;display: inline-block;border-bottom: 3px solid #174ea9}
.showBbd .one{padding: 40px 0}


.showC{padding: 30px 20px 0;overflow: hidden}
.showC ul li{width: 50%;float: left;margin-top: 15px}
.showC ul li h3{font-size: 16px;font-weight: normal;display: flex;align-items: center}
.showC ul li p{color: #666;margin-top: 5px}

.showD{margin-top: 40px;}
.showD_tit{border-bottom: 2px solid #4E7EC1;line-height: 45px;padding: 0 20px}
.showD_tit h2{font-size: 18px;}
.showDa{margin-top: 40px;overflow: hidden;position: relative}
.showDa .swiper-container{width: 1120px;margin: 0 auto;overflow: hidden}
.showDa ul li{width: 208px;}
.showDa ul li dd{border: 1px solid #dddee1;min-height: 210px;position: relative;}
.showDa ul li dd img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 100%;max-height: 100%;}
.showDa ul li p{padding: 6px 10px;background: #dddee1}
.showDa ul li:hover dd{border-color:#4E7EC1;}
.showDa ul li:hover p{background:#4E7EC1;color: #fff}
.showDa .swiper-button-prev, .showDa .swiper-button-next {position: absolute;width: 46px;height: 50px;z-index: 999;margin-top: -25px;transition: all .3s;cursor: pointer;background: none;}
.showDa .swiper-button-prev{left: 0}
.showDa .swiper-button-next{right: 0}
.showDa .swiper-button-prev:before {content: "";position: absolute;top: 16%;left: 21%;width: 2px;height: 22px;background: #dddee1;transform: rotate(45deg);}
.showDa .swiper-button-prev:after {content: "";position: absolute;top: 44%;left: 21%;width: 2px;height: 22px;background: #dddee1;transform: rotate(135deg);}
.showDa .swiper-button-next:before {content: "";position: absolute;top: 16%;right: 21%;width: 2px;height: 22px;background: #dddee1;transform: rotate(-45deg);}
.showDa .swiper-button-next:after {content: "";position: absolute;top: 44%;right: 21%;width: 2px;height: 22px;background: #dddee1;transform: rotate(-135deg);}

/*=======================================下载详情页============================================*/
.downxq{padding: 2.3%;}
.downxqa{width: 204px;padding: 9px 28px;border: 1px solid rgb(0, 47, 88);border-radius: 5px;font-size: 16px;font-weight: bold;background: url("../images/down.png") no-repeat 90%}
.downxqa b{font-size: 12px;color: #999}
.downxqa a{display: block;width: 100%;}
.downxqa:hover{border-color: rgb(78, 127, 195);background: url("../images/downh.png") no-repeat 90%}

.downxqb{margin-top: 40px;}
.downxqb h2{font-size: 14px;font-weight: normal;border-left: 5px solid #333;line-height: 14px;padding-left: 8px}
.downxqb .text{margin-top: 15px;line-height: 1.8}
.downxqb .text img{max-width: 100%}

/*=======================================重点领域详情页============================================*/

.lyxq{line-height: 1.8;font-size: 16px;/*border-bottom: 1px solid #BFBFBF;*/padding-bottom: 40px}
.lyxq img{max-width: 100%;}
.lyxq table{margin: auto;width: 80%;border-collapse:collapse;}


.lyxqA{padding: 0 20px}
.lyxqA h2{border-bottom: 1px solid #BFBFBF;padding: 10px;font-size: 24px;font-weight: normal}
.lyxqA ul li{width:48%;border-bottom: 5px solid #4e7fc3;overflow: hidden;padding-bottom: 20px;
    margin: 45px 0 45px 0;float: left;}
.lyxqA ul li dd{transition: all 0.2s ease}
.lyxqA ul li dl{width: 86%;min-height: 69px}
.lyxqA ul li dl h3{font-size: 16px;}
.lyxqA ul li dl p{color: #666;margin-top: 10px;min-height:42px;word-break: break-word;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.lyxqA ul li:hover dd{margin-left: 10px;transition: all .2s ease;}
.lyxqA ul li:nth-child(2n){float: right}

.lyxqB{background: url("../images/lyxqb.jpg") no-repeat center;overflow: hidden;padding: 48px 0;margin-top: 40px}
.lyxqB h2{font-size: 30px;font-weight: normal;text-align: center;float: left;margin-left: 460px}
.lyxqB h2 span{color: #fff}
.lyxqB a{display: inline-block;width: 160px;line-height: 45px;background: #fff;font-size: 18px;text-align: center;float: right;margin-right: 190px}

.lyxqC{overflow: hidden;margin-top: 70px}
.lyxqC ul li{width: 25%;float: left;background: #EBEBEB;border-right: 2px solid #fff;padding: 40px 20px 60px;text-align: center}
.lyxqC ul li h3{font-size: 18px;font-weight: normal;margin: 10px 0 10px}
.lyxqC ul li p{line-height: 1.8;min-height: 76px}

.zsxq{padding: 20px}
.zsxq h1{text-align: center;font-size: 26px;color: #256CBE;padding: 22px}
.zsxq ul{overflow: hidden}
.zsxq ul li{width: 50%;float: left;font-size: 18px;padding: 20px 0;border-bottom: 1px #f2f2f2 solid;}
.zsxq ul li b{font-style: normal;font-weight: bold;display: inline-block;position: relative;width: 80px;text-align: justify;text-align-last: justify;}

.clearfix:before,.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;font-size:0;line-height:0}
.clearfix{zoom:1;*zoom: 1;}