@charset "utf-8";
input[type="text"], input[type="hidden"], input[type="password"], button, textarea, select {
    outline: none;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
}
.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 12;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}
.ui-nav ul li a{padding: 15px;}
.header .ope .search a.icon {
    display: block;
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/icon-1.png);
   /* -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease; */
}
.header .search-box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  z-index: 5;
  background-color: rgba(0, 78, 162, 0.95);
  opacity: 0;
  visibility: hidden;
}
.header .search-box.active {
  opacity: 1;
  visibility: visible;
}
.header .search-box .close {
  position: absolute;
  top: 30px;
  right: 6vw;
  width: 70px;
  height: 70px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/close-1.png");
  cursor: pointer;
}
.header .search-box form {
  position: absolute;
  top: 50%;
  left: 6vw;
  right: 6vw;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-left: 70px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.header .search-box form:before {
  content: '';
  width: 36px;
  height: 36px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/icon-3.png");
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: .2;
}
.header .search-box input {
  display: block;
  width: 100%;
  height: 6vw;
  background-color: transparent;
  font-size: 36px;
  color: #fff;
}
.header .search-box .tip {
  position: absolute;
  left: 6vw;
  right: 6vw;
  font-size: 16px;
  color: #fff;
  top: 50%;
  -webkit-transform: translateY(5.5vw);
  -moz-transform: translateY(5.5vw);
  -ms-transform: translateY(5.5vw);
  transform: translateY(5.5vw);
}

.section4-news .news-left{ float:left;width:430px;padding-bottom:48px;background:#f5f5f5;margin-right:35px;height: 483px;/* margin-top:20px */}
.section4-news .news-left a{display:block;/* width:337px;margin:50px auto 0; */padding:20px; -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;}
.section4-news .news-left .titlename{font-size:16px;color:#666;margin-top: 15px;    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.section4-news .news-left a:hover{box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);}
.section4-news .news-left a:hover .titlename{color:#004ea2}
.section4-news .news-left .time{font-size:15px;color:#999;margin:5px 0;padding-bottom:3px}
.section4-news .news-left .info{color:#999;font-size:14px;line-height:22px;margin-bottom:20px;height: 66px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
	.section4-news .news-left .pic{max-height: 293px;overflow: hidden;}
.section4-news .news-left .pic img{width:100%;}
.section4-news .news-right{overflow:hidden}
.section4-news .news-right a{display:block;padding:20px 20px;background:#f7f7f7;margin:0px 15px;position: relative;border-bottom: 1px solid #ececec;-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;}
.section4-news .news-right a:last-child{border-bottom: none;}
.section4-news .news-right .time{/* position:absolute;left:0;top:0; */font-size:15px;float: right;}
.section4-news .news-right .titlename{padding:0px;color:#666;font-size:16px;margin-bottom:8px}
.section4-news .news-right .info{color:#999999;font-size:14px;line-height:24px;height: 48px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
/* .section4-news .news-right a:hover .time{background:#004ea2} */
.section4-news .news-right a:hover .titlename{color:#004ea2}
.banner .bannerImg video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header .nav li .drop .right p{margin:0 0 20px !important;font-size:20px !important}
.header .ope .telephone {display: inline-block; vertical-align: top;margin-left:22px;position: relative;margin-right: 10px;}
.header .ope .telephone .telephonebox{background:#fff;position:absolute;top:45px;padding:20px;transform-origin:top;transform:rotateX(90deg);transition:all 0.5s;z-index: 9;right: 0;
    width: 240px;font-size:18px;color:#222}
.header .ope .telephone:hover .telephonebox{transform:rotateX(0deg)}
.header .ope .telephone a.icon {
    display: block;
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/telephone.png);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
/* .header .nav {
    padding-right: calc(7vw + 50px) !important;
} */

.ny_banner .rq1 .rig a:last-child::before,.bread a:last-child:before{display:none}
.about-intro .wrapper .main img{max-width:100%}
.ui-piclist-body{padding:0 15px 15px}
/* .ny_banner .rq1 .lef a.active{color:#004ea2} */
.index-main .section3 .item h3{font-weight: normal;}
a:hover{color:#004ea2}
.about-index .section4 .item h3{font-weight: normal;}
.about-index .section5 .item h4{font-size: 30px;}
.about-index .section5 .item p{margin-top: 0;font-size: 16px;}
.bannerImg{ position: relative;}
.bannerImg .bannertext{position: absolute; top: 50%;width:100%;color:#fff;margin-top:-100px}
.bannerImg .bannertext h3,.bannerImg .bannertext h4{font-size:40px;line-height:50px}
.bannerImg .bannertext h4{color:#ee7700;padding-left:45px;font-size:46px}
.bannerImg .bannertext p{font-size:20px;padding:25px 0 15px}
.bannerImg .bannertext a{font-size:18px;color:#ee7700;font-family:'Arial';background:url(../images/arrow.png) no-repeat left center;padding-left:20px }
.header .ope .cnen{ display: inline-block; vertical-align: top;line-height:20px;color:#555}
.header .ope .cnen .icon{background:url(../images/icon-cnen.png) no-repeat left center;padding-left:35px;display: block;
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
	margin-left:5px;
	font-size:18px;
	font-family:'Arial';
	color:#555
}
.bottomicon{    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;}
.itemlist ul{padding-top: 65px;}
.itemlist ul li{width: 33.3333%;float: left;list-style: none;min-height: 300px;background: #f8f8f8;text-align: center;}
.itemlist ul li .img {margin-top: -65px;}
.itemlist ul li .img img{width: 130px;height: 130px;border-radius: 50%;box-shadow: 0px 0px 10px #dedcdc;}
.itemlist ul li .name{font-size: 20px;color: #333;padding: 12px 0 10px;}
.itemlist ul li .name span{font-size: 14px;color: #999;margin-left: 10px;}
.itemlist ul li .des{/* text-align: left; */padding: 0 50px;line-height: 26px;color: #888;}

.footer .left .info .mobile{background: url(../images/phone.png) no-repeat left center;background-size: 22px 22px;padding-left: 28px;}
.footer .left .info .address{background: url(../images/address.png) no-repeat left center;background-size: 22px 22px;padding-left: 28px;}

@media screen and (max-width: 992px){
	.banner-main{padding-top: 60px !important;}
	.swiper-slide{height: 160px !important;background-size: cover;}
	.index-main .section2 .m-hide{display: block !important;}
	.mlist.bgShow .container_header{padding: 20px 0 0 !important;}
	.mlist.bgShow .container_content ul li{width: 33.3333% !important;margin-bottom: 15px;}
	.mlist.bgShow .container_content ul li p{font-size: 14px !important;}
	.mlist.bgShow .container_content ul li .icon{padding-top: 15px !important;}
	.about-index .mlist.bgShow .container_header{font-size: 22px;padding-bottom: 6px;}
	.about-index .section4-news .news-left{float: none;width: 100%;margin-right: 0;padding-bottom: 0;border-bottom: 1px solid #ececec;}
	.about-index .itemlist ul li{width: 100%;margin-bottom: 100px;}
	.about-index .itemlist ul li:last-child{margin-bottom: 40px;}
	.ny_banner{padding-top: 35px !important;}
	.new_dat1 .top .p1{font-size: 20px !important ;}
	.new_dat1{padding-top: 30px !important ;}
	.pageMain .proList .item{width: 100%;margin-right: 0;margin-bottom: 25px;}
	.productInfo .infoTop {display: block;}
	.productInfo .infoTop .img{width: 100%;}
	.productInfo .infoTop .desc{width: 100%;padding-left: 0;margin-top: 30px;}
	.productInfo .infoTop .desc h3{font-size: 26px;}
	.infoList .info img{width: 100%;}
	.about-intro .map-news{display: block;}
	.about-intro .map-news .contact-map, .about-intro .map-news .contact-news{width: 100%;float: right;}
	.about-intro .map-news .contact-map{width: 100%;float: left;margin:25px 0 0;}
}