.banner{width: 100%;position: relative;overflow: hidden;z-index: 100;}
.banner .bx-wrapper,.banner .bx-viewport{overflow: hidden;}
.banner .slider{position: relative;}
.banner .slider .list{overflow: hidden;}
.banner .slider .list .img{width: 100%;overflow: hidden;}
.banner .slider .list .img img{width: 100%;}

.banner .bxcontrol{width: 100%;position: absolute;left:0;bottom:30px;text-align: center;}
.banner .bxpager{text-align: center;}
.banner .bxpager .bxitem{display: inline-block;}
.banner .bxpager .bxitem a{width: 25px;height: 20px;display: inline-block;
    margin: 5px 6px;background-image: url("../images/index.png");background-position: center center;background-repeat: no-repeat;background-size: 100%;}
.banner .bxpager .bxitem a.active{background-image: url("../images/index_active.png");}

.appBanner{display: none;}
.banner .bx-controls{width: 100%;position: absolute;left:0;bottom:30px;text-align: center;}
.banner .bx-pager{text-align: center;}
.banner .bx-pager .bx-pager-item{display: inline-block;}
.banner .bx-pager .bx-pager-item a{width: 25px;height: 20px;display: inline-block;text-indent: -2000px;
    margin: 5px 6px;background-image: url("../images/index.png");background-position: center center;background-repeat: no-repeat;background-size: 100%;}
.banner .bx-pager .bx-pager-item a.active{background-image: url("../images/index_active.png");}





/*以上是banner*/

.section{padding:40px 0;background: #fff;}
.news-index{background: #f5f5f5;}
.news-index{padding-bottom: 45px;}
.app-newsList{display: none;}

.news-index .newsList{float: left;width: 936px;padding: 25px;border-top: 8px solid #004da0;background: #fff;height: 344px;overflow: hidden;}
.news-index .hotnews{padding-bottom: 25px;border-bottom: 2px solid #cccccc;overflow: hidden;}
.news-index .hotnews a{display: block;}
.news-index .hotnews .img{float: left;width: 312px;overflow: hidden;}
.news-index .hotnews .img img{width: 100%;height: 100%;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; ;transition: all 0.5s ease;}
.news-index .hotnews:hover .img img{ -moz-transform:scale(1.05,1.05);  -webkit-transform:scale(1.05,1.05);  -o-transform:scale(1.05,1.05);  transform: scale(1.05,1.05);}




.news-index .hotnews .mes{float: left;width: 560px;margin-left: 45px;}
.news-index .hotnews .mes h3{font-size: 20px;line-height: 28px;max-height: 56px;color: #181818;margin-bottom: 15px;overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.news-index .hotnews .mes p{font-size: 14px;line-height: 22px;color: #8a8a8a;overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 4;  -webkit-box-orient: vertical;max-height: 88px;}

.news-index .hotnews .mes span{display: block;font-size: 12px;line-height: 34px;color: #333333;}

.news-index .newsList  ul.nlist{padding-top: 10px;overflow: hidden;}
.news-index .newsList  ul.nlist li a{display: block;font-size: 14px;color: #333333;line-height: 32px;transition: all 0.3s ease;}
.news-index .newsList  ul.nlist li a p{float: left;max-width: 580px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all 0.3s ease;}
.news-index .newsList  ul.nlist li a span{float: right;display: block;font-size: 12px;}
.news-index .newsList  ul.nlist li:hover a {color: #004da0;}




.news-index .entrance{float: right;width: 636px;}
.news-index .entrance ul li{float: left;width: 50%;}
.news-index .entrance ul li a{display: block;position: relative;}
.news-index .entrance ul li a .img{height: 201px;overflow: hidden;}
.news-index .entrance ul li a .img img{width: 100%;height: 100%;}
.news-index .entrance ul li a .mes{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.7);text-align: center;line-height: 20px;color: #000000;}
.news-index .entrance ul li a .mes img{width: 62px;margin-top: 40px;margin-bottom: 10px;}
.news-index .entrance ul li a .mes p{font-size:18px;font-weight: bold; }
.news-index .entrance ul li a .mes span{display: block;font-size: 12px;font-family: Arial;font-weight: bold; }


.news-index .entrance ul li a .img::after { content: ''; width: 46px; height: 40px; line-height: 40px; background-image: url("../images/hg.png"); margin-left: -23px; margin-top: -20px; display: inline-block; position: absolute; top: 0; left: 50%; z-index: 10; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity: 0; }
.news-index .entrance ul li:hover .img::after { top: 50%; opacity: 1; }
.news-index .entrance ul li a::after { content: ""; width: 100%; height: 0; background-color: rgba(10, 36, 86, 0.4); position: absolute; top: 0px; opacity: 0; transition: all 0.3s ease 0s; }
.news-index .entrance ul li:hover a::after { height: 72.8%; }
.news-index .entrance ul li:hover a::after { opacity: 1; height: 100%;}


/*以上是新闻中心*/

.product-index{}
.product-index .product-nav{float: left;width: 366px;height: 530px;background-image:url("../images/product_bg.jpg");background-position: center center;background-repeat: no-repeat;background-size: cover;padding: 25px 25px; }
.product-index .product-nav a{display: block;width: 100%;height: 100%;border: 1px solid rgba(255,255,255,0.39); }
.product-index .product-nav a .content{padding: 25px 25px;height:-webkit-calc(100% - 50px);width: -moz-calc(100% - 50px);height: calc(100% - 50px);}
.product-index .product-nav a .content .mes{background: #004da0;height: 100%;text-align: center;position: relative;}
.product-index .product-nav a .content .mes .title{padding-top: 85px;}
.product-index .product-nav a .content .mes .title h3{font-size: 36px;line-height: 38px;color: #fff;font-weight: bold;}
.product-index .product-nav a .content .mes .title span{display: block;font-size: 12px;line-height: 28px;color: #8eb4dd;text-transform: uppercase;}

.product-index .product-nav a .content .mes .amore{position: absolute;left: 0;bottom: 80px;display: block;width: 100%;text-align: center;}
.product-index .product-nav a .content .mes .amore span{display: inline-block;width: 165px;height: 44px;background:  url(../images/icon_arr2.png) no-repeat center 0;transition: all 0.6s ease 0s;border: 1px solid rgba(255,255,255,0.39);}
.product-index .product-nav a .content .mes .amore span:hover{background-position: center -44px;}


.product-index .list{float: left;width: 1270px;}
.product-index .list li{float: left;width: 33.33%;height:580px;background: #f5f5f5; }
.product-index .list li a{display: block;height: 100%;}
.product-index .list li .info,.product-index .list li .img{width: 100%;height: 50%;}
.product-index .list li .info{color: #333;text-align: center;}
.product-index .list li .info h4{font-size: 26px;line-height: 32px;padding-top: 40px;margin-bottom: 25px;}
.product-index .list li .info p{font-size: 14px;line-height: 22px;padding: 0 60px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical; }

.product-index .list li .img{overflow: hidden;}
.product-index .list li .img img{min-width: 100%;max-width: 100%;min-height: 100%;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; ;transition: all 0.5s ease;}

.product-index .list li:hover .img img{ -moz-transform:scale(1.05,1.05);  -webkit-transform:scale(1.05,1.05);  -o-transform:scale(1.05,1.05);  transform: scale(1.05,1.05);}


.product-index .list li:nth-child(1){ animation-delay: 0.1s; }
.product-index .list li:nth-child(2){ animation-delay: 0.2s; }
.product-index .list li:nth-child(3){ animation-delay: 0.3s; }