@charset "UTF-8";
/* ============================================= */
/* ===================banner========================== */
.banner{width: 100%;overflow: hidden;position: relative;}
.banner-image{width: 100%;}
.banner-image img{width: 100%;}
.banner-image img.pc{height: calc(100vh - max(70px,0.9rem));}
.banner-image img.mb{min-height: 450px;}
.banner-cont{position: absolute;z-index: 2;width: 100%;height: 100%;top: 0;left: 0;color: #fff;text-align: center;}
.banner-cont .title{line-height: 1.1;}
.banner-cont .text{line-height: 1.1;}

.banner .swiper-pagination{bottom: 40px;width: var(--wid);margin: 0 auto;text-align: right;right: 0;}
.banner .swiper-pagination-bullet{width: max(24px,0.58rem);height: max(3px,0.06rem);background: rgba(255, 255, 255, .5);opacity: 1;margin-right: max(6px,0.16rem) !important;position: relative;border-radius: 0;}
.banner .swiper-pagination-bullet:last-child{margin-right: 0 !important;}
.banner .swiper-pagination-bullet:before{content: "";width: 0;height: 100%;background: #1d2087;position: absolute;top: 0;left: 0;}
.banner .swiper-pagination-bullet-active.swiper-pagination-bullet:before{animation: bulletLine 4s linear both .8s;}
.banner .swiper-pagination-bullet-active.oneBullet:before{animation: bulletLine 3.8s linear both 0s;}
@keyframes bulletLine{0%{width: 0;}100%{width: 100%;}}
/* banner */
.banner .hasVideo .banner-image{opacity: 0;}
.banner .hasVideo::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.2);z-index: 4;}
.banner video{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;z-index: 2;}
@media all and (max-width:1100px) {.banner .hasVideo .banner-image{opacity: 1;}.banner video{display: none;}}
/* -- */
.banner-scroll{position: absolute;z-index: 12;transform: translate3d(0,0,12px);width: max(40px,0.8rem);display: flex;flex-direction: column;align-items: center;left: 0;right: 0;margin: 0 auto;bottom: 0;color: #fff;user-select: none;cursor: pointer;}
.banner-scroll span{font-size: max(14px,0.16rem);}
.banner-scroll i{width: 2px;height: max(40px,0.8rem);background: rgba(255, 255, 255, .5);margin-top: max(4px,0.06rem);overflow: hidden;position: relative;}
.banner-scroll i::before{content: "";background: #fff; content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;animation: bannerScroll cubic-bezier(0.65, 0, 0.35, 1) 2s infinite}
@keyframes bannerScroll{0%{transform: translate3d(0, -100%, 0);}90%{transform: translate3d(0, 100%, 0);}100%{transform: translate3d(0, 100%, 0);}}

/* ============================================= */
.IAdvantage{ background: #fff; padding: 60px 0px 30px;}
.pc_all .pc_all_contnet {max-width: 1460px;margin: 0 auto;}
.IndexDistribution .IndexDistribution_title {padding-top: 50px;text-align: center;margin-bottom: 55px;}
.IndexDistribution .IndexDistribution_title dd {font-size: 30px;font-weight: bold;color: #000;}
.IAdvantage .IndexDistribution_title dt{ font-size: 16px;text-transform: uppercase;margin-top: 15px;color: #555555;}
.IAdvantage .IAdvantage_content{display: flex;display: -webkit-flex;justify-content: space-between;flex-direction: row;flex-wrap: wrap;}
.IAdvantage .IAdvantage_content .IAdvantage_content_list{ position: relative; cursor: pointer; width: 24%; box-shadow:0px 0px 16px rgba(30, 30, 30, 0.2); border-radius:10px; overflow:hidden; display: inline-block;margin-bottom: 42px;margin-top: 42px;}
.IAdvantage .IAdvantage_content .IAdvantage_content_list .content_list_img img{ width: 100%; opacity:0; transition: all 0.5s ease;}
.IAdvantage .IAdvantage_content .IAdvantage_content_list .content_list_txt{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #ffffff; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; transition: all 0.5s ease;}
.IAdvantage .IAdvantage_content .IAdvantage_content_list .content_list_txt dd i{ font-size: 60px; color: #F68707; position: relative; transition: all 0.5s ease;}
.IAdvantage .IAdvantage_content .IAdvantage_content_list .content_list_txt dd i::before{ content: ""; position: absolute; display: inline-block; width: 40px; height: 1px; background: #c8c8c8; right: -70px; bottom: 20px;}
.IAdvantage .IAdvantage_content .IAdvantage_content_list .content_list_txt dd i::after{ content: ""; position: absolute; display: inline-block; width: 40px; height: 1px; background: #c8c8c8; left: -70px; bottom: 20px;}
.IAdvantage .IAdvantage_content .IAdvantage_content_list .content_list_txt dd i img{width:70px;height:70px;}
.IAdvantage .IAdvantage_content .IAdvantage_content_list .content_list_txt dd i .cnntech_2{display:none;}
.IAdvantage .IAdvantage_content .IAdvantage_content_list:hover .content_list_txt dd i .cnntech_1{display:none;}
.IAdvantage .IAdvantage_content .IAdvantage_content_list:hover .content_list_txt dd i .cnntech_2{display:block;}
.IAdvantage .IAdvantage_content .IAdvantage_content_list .content_list_txt dt{ font-size: 20px; color: #F68707; font-weight: bolder; margin: 20px 0px; margin-top: 15px; transition: all 0.5s ease;}
.IAdvantage .IAdvantage_content .IAdvantage_content_list .content_list_txt .list_txt_p{ font-size: 14px; color: #666666; line-height: 28px; transition: all 0.5s ease;}
.IAdvantage .IAdvantage_content .IAdvantage_content_list .content_list_txt .list_txt_icon{ margin-top:34px; opacity:1; transition: all 0.5s ease;}
.IAdvantage .IAdvantage_content .IAdvantage_content_list:hover .content_list_txt .list_txt_icon{ opacity:0; transition: all 0.5s ease;}
.IAdvantage .IAdvantage_content .IAdvantage_content_list:hover .content_list_img img{ opacity:1; transition: all 0.5s ease;}
.IAdvantage .IAdvantage_content .IAdvantage_content_list .content_list_txt .list_txt_p b{ color: #008744; transition: all 0.5s ease;}
.IAdvantage .IAdvantage_content .IAdvantage_content_list:hover .content_list_txt{ background: rgba(30, 30, 30, 0.2); transition: all 0.5s ease;}
.IAdvantage .IAdvantage_content .IAdvantage_content_list:hover .content_list_txt dd i{ color: #fff; transition: all 0.5s ease;}
.IAdvantage .IAdvantage_content .IAdvantage_content_list:hover .content_list_txt dt{ color: #fff; transition: all 0.5s ease;}
.IAdvantage .IAdvantage_content .IAdvantage_content_list:hover .content_list_txt .list_txt_p{ color: #fff; transition: all 0.5s ease;}
.IAdvantage .IAdvantage_content .IAdvantage_content_list:hover .content_list_txt .list_txt_p b{ color: #fff; transition: all 0.5s ease;}
@media only screen and (max-width:992px){
.IAdvantage{padding: 20px 0px;}
.IAdvantage .IAdvantage_content .IAdvantage_content_list{width:100%;margin-bottom: 20px;}
.IAdvantage .IAdvantage_content .IAdvantage_content_list:first-child{margin-top:20px;}
.IAdvantage .IAdvantage_content .IAdvantage_content_list .content_list_txt{padding:0 5%;}
}
/* ============================================= */
.index02wrap {margin: 60px 0 12px;overflow: hidden;}
.owidth {max-width: 1440px;margin: auto;box-sizing: border-box;width: 100%;/*padding: 0 5.2%;*/}
.i-tl01{text-align: center;}
.i-tl01 h3{font-size: 40px;color: #000000;margin-bottom: 20px;}
.i-tl01 strong{display: block;width: 88px;height: 2px;background-color: #003f98;margin: auto;}
.index02{width: 100%;margin-top: 15px;}
.index02list{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.index02list a{display: block;width: 26%;position: relative;overflow: hidden;border-radius: 10px;height: 450px;transition: all .6s;}
.index02list a::before{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: #000000;opacity: 0.3;z-index: 1;}
.index02list a img{width: auto;min-width: 100%;height: auto;position: relative;z-index: 0;min-height: 100%;}
.index02list a.active{width: calc(48% - 60px);}
.index02list .text{width: 100%;position: absolute;left: 0;bottom: 0;padding: 70px 30px;z-index: 2;transition: all .3s;box-sizing: border-box;}
.index02list .text h3{font-size: 30px;color: #FFFFFF;margin-bottom: 20px;}
.index02list .text p{font-size: 20px;color: #FFFFFF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.index02list .hovtext{width:100%;box-sizing: border-box;padding: 40px;position: absolute;left: 0;bottom: 0;z-index: 2;opacity: 0;transform:translateY(100%);}
/*transform: translateY(100%);*/
.index02list .hovtext h3{font-size: 30px;color: #fff;padding-bottom: 10px;border-bottom: 1px solid #FFFFFF;display: inline-block;}
.index02list .hovtext p{font-size: 18px;color: #fff;margin: 20px 0;}
.index02list .hovtext h4{font-size: 16px;line-height: 26px;color: #fff;overflow: hidden;text-overflow: ellipsis;text-align: justify;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;font-weight:200;}
.index02list .hovtext .more{margin-top: 50px;background-color: transparent;border-color: #fff;width: 114px;height: 40px;}
.index02list .hovtext .more:hover{background-color: #fff;}
.index02list a.active .text{opacity: 0;}
.index02list a.active .hovtext{transform: none;opacity: 1;-webkit-transition-delay: .4s;-o-transition-delay: .4s;transition-delay: .4s;-webkit-transition-duration: .8s;-o-transition-duration: .8s;transition-duration: .8s;}
.i02-tomore{width: 150px;height: 45px;border: 1px solid #003f98;border-radius: 6px;margin: auto;margin-top: 50px;color: #003f98;background-color: transparent;display: -webkit-flex;align-items: center;justify-content: center;}
.i02-tomore:hover{background-color: #003f98;color: #fff;}
.indzq{background: #fff;padding:0 0 30px;}
.indzq-list{width: 100%;}
.indzq-link{width: 100%;position: relative;display: block;}
.indzq-link img{width: 100%;height: 2.3rem;transition: transform .6s;}
.indzq-link::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;background: url("../images/indzqSd.png") repeat-x left bottom/auto 93%;transform: translate3d(0,0,4px);}
.indzq-cont{position: absolute;width: 100%;z-index: 4;left: 0;bottom: 0;transform: translate3d(0,0,10px);color: #fff;align-items: flex-end;justify-content: space-between;text-align: center;}
.indzq-cont .link p{display: flex;align-items: center;position: relative;}
.indzq-cont .link p span{font-size: max(14px,0.16rem);}
.indzq-cont .link p i{width: max(18px,0.24rem);transform: rotateY(180deg);height: max(18px,0.24rem);font-size: max(8px,0.12rem);margin-left: max(8px,0.16rem);font-style: normal;border-radius: 50%;overflow: hidden;border: 1px solid #fff;line-height: 1;position: relative;transition: background .4s,color .4s,border .4s;}
.indzq-cont .link p i::before,.indzq-cont .link p i::after{content: "\e692";font-family: "icon";width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;transition: transform .6s ease;}
.indzq-cont .link p i::after{position: absolute;top: 0;left: 100%;}
.indzq-link:hover img{transform: scale(1.06);}
.indzq-link:hover .indzq-cont .link p i::before,.indzq-link:hover .indzq-cont .link p i::after{transform: translateX(-100%);}
.indzq-link:hover .indzq-cont .link p i{background: #fff;color: #1d2087;}
@media only screen and (max-width:992px){
 .index02wrap {margin: 0;}
.owidth {padding: 0 3%;}
.i-tl01 h3 {font-size: 26px;margin-bottom: 10px;}
.i-tl01 strong {width: 50px;}
.index02 {margin-top: 30px;}
.index02list {display: block;}
.index02list a {width: 100%;height: 280px;margin-bottom: 10px;}
.index02list a, .index02list a.active {width: 100%;}
.index02list .text {opacity: 0;padding: 30px 20px;}
.index02list .text h3 {font-size: 22px;margin-bottom: 15px;}
.index02list .text p {font-size: 16px;}
.index02list .hovtext {transform: none;opacity: 1;padding: 20px;}
.index02list .hovtext h3 {font-size: 20px;padding-bottom: 10px;}
.index02list .hovtext p {font-size: 16px;margin: 15px 0;line-height: 24px;}
.index02list .hovtext h4 {font-size: 14px;line-height: 22px;}
.i02-tomore {width: 100px;height: 36px;font-size: 14px;margin-top: 30px;}
.indzq{padding: 36px 0;}
.indzq-list ul {margin: -16px 0 0 !important;}
.indzq-list li {width: 100% !important;margin: 16px 0 0 !important;}
.indzq-link img {height: 212px;}
}
/* ============================================= */
.fuwu{padding: 60px 0px 0;}
.fuwu .contain{position: relative;height: 8rem;margin-bottom: 50px;}
.fuwu .contain .title{position: absolute;left: 45%;top: 46%;color: #fff;font-size: 27px;text-align: center;max-width: 142px;}
.fuwu ul li{position: absolute;width:26%;background: #ccc;-webkit-clip-path: polygon(0% 0%, 90% 0%, 100% 20%, 100% 80%, 100% 100%, 10% 100%, 0% 90%, 0% 20%);padding: 1px;}
.fuwu ul li:nth-child(1){left:11%;top: 12%;}
.fuwu ul li:nth-child(2){right:11%;top:16%;}
.fuwu ul li:nth-child(3){left:10%;bottom:20%;}
.fuwu ul li:nth-child(4){right:14%;bottom:16%;}
.fuwu ul li .back{background: #fff;padding: 8px;-webkit-clip-path: polygon(0% 0%, 90% 0%, 100% 20%, 100% 80%, 100% 100%, 10% 100%, 0% 90%, 0% 20%);}
.fuwu ul li .img{width:100%;overflow: hidden;-webkit-clip-path:polygon(0% 0%, 90% 0%, 100% 20%, 100% 80%, 100% 100%, 10% 100%, 0% 90%, 0% 20%);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);filter: scale(1);filter: transform;transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s;}
.fuwu ul li .img img{width:100%;}
.fuwu ul li:hover .img img{-webkit-transform: scale(1.15);-moz-transform: scale(1.15);-ms-transform: scale(1.15);-o-transform: scale(1.15);filter: scale(1.15);filter: transform;transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s;}
.fuwu ul li p{width: 92%;text-align: center;color: #fff;position: absolute;top: 35%;}
.fuwu ul li:hover p{display: none;}
.fuwu ul li .content_list_po{display:none;width: 95.4%;height: 89.5%;position: absolute;top: 5.5%;padding: 5%;background: rgba(0,63,152, 0.80);color:#fff;-webkit-clip-path:polygon(0% 0%, 90% 0%, 100% 20%, 100% 80%, 100% 100%, 10% 100%, 0% 90%, 0% 20%);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);filter: scale(1);filter: transform;transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.fuwu ul li:hover .content_list_po .list_po_dd{display: none;}
.fuwu ul li:hover .content_list_po{display:block;}
.fuwu ul li .content_list_po .list_po_dd{margin-bottom: 10px;}
.fuwu ul li .content_list_po .list_po_dt{line-height: 1.5;height: 1.3rem;overflow: overlay;}
@media only screen and (max-width:992px){
.fuwu{padding:0;}
.fuwu .contain{height: auto;background:none!important;position: unset;}
.fuwu ul li{width: 100%;position: relative;margin-bottom:15px;left: 0!important;bottom: 0!important;top:!important;right:!important;}
.fuwu ul li p{top: 43%;}
}
@media only screen and (max-width:1920px){

}
.ywfw{/*padding: 0px 180px 0;*/}
.ywfw .contain{margin-bottom: 50px;}
/* ============================================= */
.jjfa .hmc3ul{overflow: hidden;}
.jjfa .hmc3ul li .news{background: rgba(255, 255, 255, .9);display: block;height: 225px;position: relative;box-shadow: 0 8px 15px 0 rgba(95, 125, 158, .2);padding: 25px;}
.jjfa .hmc3ul li .news p{font-size: 18px;line-height: 30px;font-weight: normal;display: block;margin-bottom: 5px;overflow: hidden;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #003f98;}
.jjfa .hmc3ul li .news h5{font-size: 18px;line-height: 30px;font-weight: normal;display: block;margin-bottom: 5px;overflow: hidden;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #F68707;}
.hmc3aBox:before,.hmc3aBox:after{left: 300px;}
.hmMore{height: 45px; width: 150px; text-align: center; margin:20px auto 0; font-size: 16px; line-height: 36px; letter-spacing: 1px; border: 1px solid #055dbf; height:auto; overflow:hidden; border-radius:6px; }
.hmMore a{color:#055dbf;}
.hmMore:hover{ background:#055dbf; color:#fff;}
.hmMore:hover a{color:#fff;}
@media only screen and (max-width:992px){
.jjfa{padding: 0 0 60px;}
.hmc3aBox:before{left: 15px;}
.jjfa .hmc3ul li .hmc3proBox {left: 0;}
.jjfa .hmc3ul li .hmc3txt, .hmc3txt {width: 100%;padding: 0 15px 0;margin-top: 15px;right: 0;}
.jjfa .hmc3ul li .hmc3txt span{margin-top:0;line-height: 26px;font-size: 12px;}
.jjfa .hmc3ul li .news{padding: 40px 10px;height: 270px;}
.jjfa .hmc3ul li .news p{font-size: 14px;}
.jjfa .hmc3ul li .news h5{font-size: 14px;}
}
/* ============================================= */
.gglayertxt{ position:relative; padding:40px 80px; font-size:16px; line-height:28px;}
.gglayerbg{ width:100%;  z-index:550; height:500px; height:100%; position:fixed ;left:0; background:#000;opacity:0.5;-webkit-opacity:0.5;-moz-opacity:0.5; top:0; z-index:888;}
.gglayer{border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;background:#fff;width:1000px; position:fixed;z-index:920;left:50%; margin-left:-500px; z-index:920; top:50%; margin-top:-198px;}
.gglayerobtn{ width:35px; height:35px; cursor:pointer; background:url(../images/bun.png) center no-repeat; background-size:cover; position:absolute; right:20px; top:20px;}
.gglayer{ text-align:justify; line-height:24px; color:#fff; }
.gglayer h4{ font-size:22px; text-align:center; padding-bottom:20px;}
.gglayer a{ text-decoration:underline;}
@media screen and (max-width: 992px) {
.gglayer{ width:80%; left:10%;margin:0; top:50%; font-size:16px;transform:translateY(-50%);-webkit-transform:translateY(-50%); height:auto;}
.gglayer{ height:auto; overflow:hidden; }
.gglayer{ padding:30px 30px;}
.gglayer h4{ padding:0 15px; padding-bottom:20px;}
.gglayerdesc{ display:none;}
.gglayerobtn{ right:10px; top:10px; width:20px; height:20px;}
}