@charset "utf-8";
/*棣栭〉*/
.index_video{ width: 100%; text-align: center; color: #fff; position: relative; margin-bottom: 40px; margin-top: 20px;}
.index_video dd{ width: 100%;}
.index_video dd img{ width: 100%; }
.index_video .banner_txt{top:0;position: absolute; width: 100%;background: rgba(0,0,0,0.3); height: 100%;}
.index_video dl{top:50%;transform:translateY(-50%);position:absolute; width: 100%;text-align: center;}
.index_video dl h1{font-size: 28px;/*font-family: "zhongheijianti" !important;*/}
.index_video dl h2{ font-size:14px; padding-top: 10px;  font-weight: 500;/*font-family: "heijianti" !important; */}
.index_video dl h3{display:block;  width:40px; height:40px;cursor:pointer; background:url("../images/ic_play.png") 0 0 no-repeat; margin: 0 auto; background-size: 100% 100%;margin-top: 20px;}

/*寮瑰嚭瑙嗛*/
.video-button{ cursor:pointer;}
.video-pop{ display: none; position: fixed; top:0; left:0; height: 100%; width: 100%; background: rgba(0,0,0,.5); text-align: center; z-index: 99999;}
.video-pop .content+i{ display: inline-block; vertical-align: middle; height: 100%;}
.video-pop .content{ position: relative; display: inline-block;  width:80%;vertical-align: middle; background: #000000;}
.video-pop .content video{ display: block; width: 100%; }
.video-pop .close{ position: absolute; top:-40px; right:0; cursor: pointer; width: 40px; height: 40px; background-image: url(../images/video_close.jpg); background-size: cover;}

/*棣栭〉鏂伴椈*/
.index_news{ width:100%;padding-left: 4%; padding-right: 4%; margin-bottom: 20px;margin-top: 40px;}
.index_news h1{ color: #021e43; font-size: 28px;/*font-family: "zhongheijianti" !important;*/text-align: center;}

.picScroll-left{width: 100%;}
.picScroll-left .hd{ width: 100%; }
.picScroll-left .hd ul{display:flex; justify-content:center;align-items: center;}
.picScroll-left .hd ul li{cursor:pointer; background: #f0f0f0; width: 80px; text-align: center; line-height: 36px; font-size: 14px;}
.picScroll-left .hd ul li.on{background:#0f76c1; color: #fff; }
.picScroll-left .hd ul li.on a{ color: #fff; }
.picScroll-left .bd{ margin-left:0;}

.swiper-slide li{ width: 100%; }
.swiper-slide li .pic{ text-align:center;}
.swiper-slide li .pic img{ width:100%; height: 195px;}
.swiper-slide li .title{ font-size:18px;margin-top: 10px; color:#021e43;overflow: hidden;text-overflow: ellipsis;white-space:nowrap ; width: 100%; font-weight: bold;}
.swiper-slide li .exp{ font-size:12px;margin-top: 5px; color:#021e43;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.swiper-slide li .look{ color: #0f76c1; font-size: 12px; border-bottom: 1px solid #0f76c1; padding-top: 5px; float: left; padding-bottom: 1px;}


.index_map{ width: 100%; background: url(../images/map.jpg) no-repeat center top #F1F1F3; margin-top: 40px; background-size:auto 100%;}
.index_map dl{ width: 100%; color: #061f5c; font-size: 28px; text-align: center; padding-top: 40px;/*font-family: "zhongheijianti" !important; */font-weight: bold;}
.index_map dd{ width: 100%;color: #061f5c; font-size: 14px;  text-align: center; padding-top: 10px;/*font-family: "heijianti" !important;*/}
.product-num-head {font-size:0; width: 100%; margin: 0 auto;margin-top:60px;}
.product-num-item {text-align:center;position:relative;display:inline-block;width:50%;font-size:48px;color:#fff;line-height:40px;font-family:-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,PingFangSC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif; margin-bottom: 40px;}
.product-num-jus {display:inline-block;margin:80px 0;width:162px;height:56px;font-size:22px;color:#fff;line-height:48px;letter-spacing:2px;border:4px solid #fff;cursor:pointer;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,PingFangSC-Medium,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;text-decoration:none;}
.product-num-nub {display:inline-block;width:50%;font-size:36px;color:#0f76c1;line-height:62px;font-family:-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,PingFangSC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif; margin-top: 10px; font-weight: bold;}
.product-num-add {font-size:16px;color:#0f76c1;margin-left:-20px;position:absolute;right:55px;bottom:6px;}
.product-num-inf {font-size:16px;color:#061f5c;line-height:0;margin-left:20px;}

.index_cat{ width: 100%;}
.index_cat dd{ width: 100%; }
.index_cat dd img{ width: 100%; }
.index_cat dl{ text-align: center; font-size: 28px; color: #021e43;/*font-family: "zhongheijianti" !important;*/ font-weight: bold; padding-top: 20px;}
.index_cat dt{font-size: 14px; text-align: center; color: #021e43;padding-top: 15px;padding-left: 4%; padding-right: 4%;line-height: 28px;}
/*.index_cat dd{font-size:14px; color: #021e43; padding-top: 20px; line-height: 32px;font-family: "heijianti" !important; width: 100%; padding-left: 4%; padding-right: 4%;}*/
.index_cat .index_cat_en{text-align: center; font-size:14px; padding-top: 15px;}
.index_cat .index_cat_cn{text-align: center; font-size:14px; padding-top: 15px;}
.index_cat .index_cat_img{text-align: center; padding-top: 15px;}
.index_cat .index_cat_img img{ width: 150px; }

.index_cat .more{ width: 120px; margin:0 auto; line-height: 40px; background: #0f76c1; text-align: center; font-size: 12px; margin-top: 20px;/*font-family: "heijianti" !important;*/}
.index_cat .more a{ color: #fff; display: block;}
.index_cat .more:hover{ background: #061f5c; }
/*棣栭〉绗簩灞?/
.section{background:#fff; width: 100%; padding-left: 4%; padding-right: 4%;}
.box1{ padding-top: 30px;}
.box1 h1{ color: #021E43; font-size: 28px; text-align: center;}
.box1 h2{ color: #021E43; font-size: 28px; padding-top: 5px;text-align: center;}
.box1 dd{ width: 100%; padding-top: 20px; padding-bottom: 20px;}
.box1 dd img{ width: 100%; }
.box1 dl{ font-size: 14px; line-height:26px; color: #021E43; }

.box3{ padding-top: 30px; }
.box3 h1{ color: #021E43; font-size: 28px;text-align: center;}
.box3 h2{ color: #021E43; font-size: 28px;padding-top: 5px;text-align: center;}
.box3 dd{ width: 100%; padding-top: 20px; padding-bottom: 20px;}
.box3 dd img{ width: 100%; }

.box5{ padding-top: 30px;}
.box5 h1{ color: #021E43; font-size: 28px;text-align: center;}
.box5 h2{ color: #021E43; font-size: 28px; padding-top: 5px;text-align: center;}
.box5 dd{ width: 100%; padding-top: 20px; padding-bottom: 20px;}
.box5 dd img{ width: 100%; }
.box5 dl{ font-size: 14px; line-height: 26px; color: #021E43; text-align: center; }

.box7{  padding-top: 30px; }
.box7 h1{ color: #021E43; font-size: 28px; padding-top: 30px;text-align: center;}
.box7 h2{ color: #021E43; font-size: 28px; padding-left: 30px;text-align: center;}
.box7 dd{ width: 100%; padding-top: 20px; padding-bottom: 20px;}
.box7 dd img{ width: 100%; }

.mySwiper{ width: 100%; padding-left: 4%; padding-right: 4%;overflow: hidden; margin-top:30px;}
.mySwiper1{ width: 100%; padding-left: 4%; padding-right: 4%;overflow: hidden; margin-top:30px;}
.swiper-slide li{ width: 100%; }
.swiper-slide dd{ width: 100%; }
.swiper-slide dd img{ width: 100%; }
.swiper-slide .one_hover{width: 100%; padding-top: 10px; text-align: center;}
.swiper-slide .one_hover h1{ color: #021E43; font-size: 16px; padding-bottom:5px;}
.swiper-slide .one_hover h2{ color: #021E43; font-size: 16px; line-height: 22px;}